WordPress Eğitimi | ESİDRE Akademi WordPress Rehberi
WordPress Eğitimi — Bölüm 2
BÖLÜM 02
WORDPRESS MİMARİSİ VE İÇERİK YÖNETİMİ
Açık kaynaklı CMS ekosistem analizleri, org ve com platform stratejileri, veritabanı altyapıları, kurumsal hiyerarşik yazı/sayfa taksonomileri ve gelişmiş editör mühendisliği.

WordPress Eğitimi: WordPress Mimarisi ve İçerik Yönetimi

WordPress Eğitimi, WordPress tabanlı web sitelerini profesyonel şekilde yönetmek isteyenler için hazırlanmış uygulamalı bir rehberdir. Bu bölümde WordPress mimarisi, yönetim paneli, yazı ve sayfa farkları, URL optimizasyonu, Elementor kullanımı ve SEO uyumlu içerik yayını sade adımlarla anlatılır. Ayrıca her konu, ESİDRE Akademi standardına göre kurumsal web sitesi yönetimine uyarlanır.

WordPress Eğitimi: 2.1 WordPress Nedir? Açık Kaynaklı İçerik Yönetim Sistemleri (CMS) ve Pazar Payı Analizi

Konunun Amacı

Ayrıca, bu bölümün amacı, WordPress İçerik Yönetim Sistemini anlaşılır biçimde açıklamaktır. Öncelikle WordPress mimarisini, açık kaynak yapısını ve pazar payını ele alır. Böylece okuyucu, kurumsal bir web projesinde WordPress'in neden tercih edildiğini daha net değerlendirir.

Temel Bilgiler

Bu nedenle, wordPress; PHP, MySQL/MariaDB ve JavaScript altyapısı üzerine kurulan açık kaynaklı bir içerik yönetim sistemidir. Ayrıca veri tabanı odaklı çalışır. Klasik web geliştirme süreçlerinde içerik güncellemek için teknik bilgi gerekir. Ancak WordPress, bu süreci kullanıcı dostu bir panelle kolaylaştırır. Böylece ekipler kod yazmadan sayfa, yazı, medya ve menü yönetimi yapabilir.

Detaylı Anlatım ve Mimari Altyapı

Bununla birlikte, modern internet ekosistemindeki içerik yönetim sistemlerinin %40'ından fazlası altyapı olarak WordPress'i tercih etmektedir. Bu devasa pazar payının arkasında yatan temel etken, sistemin modüler ve genişletilebilir (scalable) mimari yapısıdır. WordPress, çekirdek yazılım (Core Software) mimarisi olarak minimum kaynak tüketimiyle çalışacak şekilde hafif tasarlanmıştır. Geri kalan tüm işlevsellikler, temalar (tasarım katmanı) ve eklentiler (fonksiyonel katman) vasıtasıyla sisteme dinamik olarak enjekte edilir.

Özellikle, açık kaynak (Open Source) felsefesiyle geliştirilen WordPress, GNU Genel Kamu Lisansı (GPL) ile korunur. Bunun kurumsal anlamdaki karşılığı, yazılımın lisans ücretinin olmaması ve kod yapısının tüm dünya genelindeki güvenlik uzmanları ve yazılımcılar tarafından sürekli olarak optimize edilmesidir. Çekirdek yazılım, nesne yönelimli programlama (OOP) prensiplerine uygun olarak tasarlanmış olup, zengin bir kanca ("Hooks" - Actions and Filters) sistemine sahiptir. Bu sayede yazılımcılar, ana çekirdek koduna dokunmadan sitenin işleyişini manipüle edebilir ve kurumsal ihtiyaçlara göre özelleştirebilirler.

Bilgi Kutusu: CMS Modeli Tanımı
CMS (Content Management System): Kullanıcıların hiçbir karmaşık programlama dili bilmesine gerek kalmadan; metinleri, görselleri, videoları, veritabanı kayıtlarını ve genel site mimarisini web tabanlı bir arayüz üzerinden oluşturmasını, düzenlemesini, kategorize etmesini ve yayınlamasını sağlayan kurumsal yazılımlardır.

Gerçek Hayattan Örnek

Sonuç olarak, bir mimarlık ofisinin veya imalat tesisinin yönetimini düşünelim. Her yeni proje çizildiğinde veya her yeni katalog basıldığında, web sitesinde bunu güncellemek için dışarıdan bağımsız bir yazılımcıya ücret ödemek ve günlerce beklemek operasyonel bir hantallıktır. WordPress kurulu bir sistemde ise ofis personeli veya pazarlama sorumlusu, dakikalar içinde yeni projeyi, teknik çizimleri ve açıklamaları web sitesine yükleyerek tüm dünyaya duyurabilir.

ESİDRE Örneği

Örneğin, mekanik tesisat, endüstriyel iklimlendirme ve yangın söndürme mühendisliği alanlarında faaliyet gösteren ESİDRE standartlarında, web sitesi altyapısının esnek ve modüler olması kritiktir. Mühendislik projelerinin, teknik spesifikasyon dökümanlarının ve hesaplama tablolarının dinamik bir şekilde yayınlanması gerekmektedir. ESİDRE, kurumsal dijital varlığını sürdürülebilir kılmak amacıyla WordPress.org altyapısını bir mühendislik dökümantasyon merkezi gibi yapılandırarak kullanmaktadır.

Hypium Örneği

Ayrıca, turizm ve konaklama sektöründe yer alan Hypium Otel projesinde WordPress mimarisi; oda tanıtımları, rezervasyon entegrasyonları, mevsimsel fiyat tabloları ve bölgenin turistik cazibe merkezlerini listeleyen geniş bir içerik ağını (Keşif Defteri) yönetmek için konumlandırılmıştır. Otelin doluluk oranlarına göre hızlıca kampanya sayfaları oluşturulabilmesi, WordPress'in operasyonel hızının kurumsal bir çıktısıdır.

WordPress Örneği

Bu nedenle, wordPress çekirdeği (WordPress Core), veri tabanında standart olarak 12 adet temel tablo oluşturur (`wp_posts`, `wp_postmeta`, `wp_options`, `wp_users` vb.). Sisteme eklenen her blog yazısı, sayfa veya medya ögesi anlamsal olarak `wp_posts` tablosunda saklanır ve benzersiz bir ID ile indekslenir. Bu minimalist veritabanı yapısı, sistemin yüksek trafik altında bile doğru önbellekleme mimarisiyle milisaniyeler içinde yanıt vermesini sağlar.

Google Örneği

Bununla birlikte, google arama motoru botları, web sitelerinin kaynak kod kalitesine büyük önem verir. WordPress, w3c standartlarına uygun temiz bir HTML hiyerarşisi ürettiği için Google tarafından "SEO Dostu CMS" olarak tescillenmiştir. Google'ın mühendislik ekipleri, WordPress topluluğu ile ortaklaşa çalışarak sistemin performansını ve Core Web Vitals uyumluluğunu artırmak adına resmi eklentiler (Örn: Site Kit by Google) geliştirmektedir.

Sık Yapılan Hata: Eklenti Çöplüğü Tuzağı
Sırf küçük bir görsel özellik veya efekt eklemek adına sitenin altyapısına onlarca kalitesiz, kaynağı belirsiz eklenti doldurmak veritabanı sorgularını fırlatarak sayfa hızını düşürür ve Google sıralamalarını olumsuz etkiler. Sadece zorunlu ve optimize eklentiler kullanılmalıdır.
Profesyonel Tavsiye: Veritabanı Öneki Değişimi
WordPress kurumsal projelerinizde veritabanı güvenliği için kurulum esnasında varsayılan "wp_" tablo önekini (table prefix) "esidre_" veya "hypium_" gibi rastgele kombinasyonlarla değiştirin. Bu basit işlem, SQL Enjeksiyonu (SQL Injection) saldırılarına karşı sitenizi temel düzeyde koruma altına alacaktır.
WordPress Eğitimi - GÖRSEL 01: WordPress Çekirdek Mimari ve Veritabanı İlişkisi
WordPress Eğitimi - GÖRSEL 01: WordPress Çekirdek Mimari ve Veritabanı İlişkisi
WordPress CMS ve Özel Kodlama Altyapılarının Kurumsal Analizi
Kriter / Özellik WordPress CMS Mimari Yapısı Özel Yazılım Altyapıları (Laravel, Node.js vb.)
Geliştirme Süresi Çok Hızlı (Günler içinde kurumsal mimari kurulabilir) Yavaş (Sıfırdan kodlama mimarisi, aylar süren süreçler)
İlk Kurulum Maliyeti Düşük / Optimize bütçe dostu, açık kaynak Yüksek (Yoğun yazılımcı iş gücü ve mühendislik saat maliyeti)
SEO Entegrasyon Gücü Kusursuz ve küresel eklenti (Yoast vb.) destekli altyapı Sıfırdan manuel kodlanması, şemaların tek tek işlenmesi şartı
İçerik Yönetim Hızı Kod bilgisi gerektirmeyen, rollere ayrılmış admin panel Teknik dökümantasyon bağımlılığı veya panel geliştirme ihtiyacı
Bölüm Sonu Pedagojik Değerlendirme Araçları

Kontrol Listesi

  • WordPress'in açık kaynaklı yapısının kurumsal avantajlarını analiz ettim.
  • CMS sistemlerinin genel çalışma ve veritabanı mantığını kavradım.
  • WordPress'in küresel pazar payının SEO üzerindeki dolaylı etkilerini anladım.

Mini Sınav (Çoktan Seçmeli)

1. İnternetteki web sitelerinin çok büyük bir bölümünün WordPress altyapısını tercih etmesinin en temel nedeni aşağıdakilerden hangisidir?
A) Sadece kişisel günlük tutulması için tasarlanması
B) Açık kaynaklı, modüler, genişletilebilir ve SEO dostu bir mimari sunması
C) İçerik eklemek için her seferinde HTML kodu yazılmasını zorunlu kılması
D) Güncellemelere tamamen kapalı bir sistem olması

2. WordPress çekirdek yazılımının veri tabanında tuttuğu, tüm blog yazılarının, sayfaların ve temel içerik verilerinin saklandığı ana tablo hangisidir?
A) `wp_users`
B) `wp_options`
C) `wp_posts`
D) `wp_comments`

Uygulama Görevi

Özellikle, resmi wordpress.org sitesine giderek sistem gereksinimlerini (PHP versiyonu, MySQL sürümü vb.) inceleyin. Kurumsal bir sunucunun (Hosting/Server) WordPress mimarisini tam performansla çalıştırabilmesi için sahip olması gereken minimum donanımsal ve yazılımsal altyapı kriterlerini bir rapor haline getirin.

Kendi Notlarım Alanı

WordPress Eğitimi: 2.2 WordPress.com ve WordPress.org Arasındaki Yapısal ve Stratejik Farklar

Konunun Amacı

Sonuç olarak, bu bölüm, WordPress.com ve WordPress.org arasındaki farkları netleştirir. Önce mimari yapıyı açıklar. Ardından finansal, operasyonel ve SEO odaklı ayrımları gösterir. Böylece okuyucu, kurumsal proje için doğru platformu seçebilir.

Temel Bilgiler

Aynı isim çatısı altında bulunsalar da WordPress.com ve WordPress.org tamamen farklı iş modellerine ve teknik özgürlüklere sahip iki ayrı dünyadır. WordPress.com, ticari bir şirketin (Automattic) sunduğu, barındırma (hosting) hizmetinin kendileri tarafından sağlandığı kapalı devre bir bulut servisidir. WordPress.org ise, açık kaynak kodlu yazılımın ana merkezidir; yazılımı ücretsiz indirip kendi satın aldığınız kurumsal sunucunuza kurmanıza olanak tanıyan, tam kontrollü ve sınırsız özgürlük sunan asıl platformdur.

Detaylı Anlatım ve Stratejik Karşılaştırma

Örneğin, kurumsal bir markanın dijital varlığını inşa ederken seçilecek platform, doğrudan markanın gelecekteki SEO başarısını, veritabanı güvenliğini ve tasarım esnekliğini belirler. WordPress.com, teknik süreçlerle (sunucu yönetimi, yedekleme, güvenlik duvarı kurulumu) uğraşmak istemeyen başlangıç seviyesindeki kullanıcılar için tasarlanmış bir "SaaS" (Software as a Service) modelidir. Ancak bu konforun kurumsal faturası oldukça ağırdır. Giriş seviyesi paketlerinde WordPress.com, sitenize kendi reklamlarını yerleştirir, eklenti yüklemenize izin vermez, özel kurumsal temaların kurulumunu engeller ve SEO eklentilerinin (Yoast SEO vb.) kullanımını kısıtlar. Sitenizin kaynak kodlarına erişemez, FTP veya veritabanı (phpMyAdmin) bağlantısı kuramazsınız. Bu durum kurumsal bir kimlik ve teknik SEO operasyonları için büyük bir kısıtlamadır.

Ayrıca, wordPress.org (Self-Hosted / Kendi Barındırmalı) mimari modelinde ise yazılımın mutlak sahibi sizsinizdir. Kurumsal bir sunucu alanı (hosting) satın alır, alan adınızı bu sunucuya yönlendirir ve WordPress çekirdeğini kurarsınız. Artık kaynak kodlardan veritabanı tablolarına kadar her milimetrekare sizin tam kontrolünüz altındadır. İstediğiniz premium temayı kurabilir, Elementor gibi gelişmiş sayfa oluşturucularla kodsuz piksel kusursuzluğunda tasarımlar yapabilir ve en önemlisi sitenizin hızını, cache (önbellek) ayarlarını, SEO şemalarını (Schema Markup) en ince ayrıntısına kadar optimize edebilirsiniz.

Dikkat: Reklam ve Kontrol Riski
WordPress.com'un ücretsiz veya giriş paketlerinde sitenizde sizin kontrolünüz dışında üçüncü taraf reklamlar yayınlanabilir. Bu reklamlar hem kullanıcı deneyimini bozar hem de kurumsal prestijinizi yok eder. Kurumsal projelerde bu riskten kaçınmak için tek seçenek bağımsız sunucu üzerine kurulan WordPress.org altyapısıdır.

Gerçek Hayattan Örnek

Bu nedenle, kiralık bir rezidans dairesinde yaşamak ile kendi arsanız üzerine kendi müstakil villanızı inşa etmek arasındaki farkı düşünün. Rezidansta (WordPress.com) yönetim kuralları vardır; duvarı istediğiniz renge boyayamaz, balkona ekleme yapamaz ve sitenin belirlediği aidatı ödemek zorundasınızdır. Kendi arsanızdaki villada (WordPress.org) ise mimariyi tamamen kendi konforunuza ve ihtiyaçlarınıza göre çizer, istediğiniz odayı büyütür, istediğiniz teknolojik altyapıyı kurarsınız; mülk ve kontrol tamamen sizdedir.

ESİDRE Örneği

Bununla birlikte, eSİDRE, karmaşık mühendislik hesaplamaları içeren formlar, indirilebilir büyük boyutlu CAD dosyaları ve sektörel rehberler barındıran dijital altyapısında mutlak özgürlüğe ihtiyaç duyar. Teknik SEO kriterlerini (Core Web Vitals optimizasyonları, robots.txt ve sitemap müdahaleleri) tam performansla yürütebilmek adına ESİDRE kurumsal sitesi %100 WordPress.org mimarisi üzerine inşa edilmiştir.

Hypium Örneği

Özellikle, hypium Otel projesinde, otelin resmi web sitesinin hızı ve uluslararası rezervasyon motorlarıyla API seviyesinde senkronize çalışması hayati önem taşır. WordPress.com altyapısının kapalı sınırları içinde bu tür dinamik dış entegrasyonlar yapılamayacağı için Hypium Otel dijital varlığı, özel optimize edilmiş bir bulut sunucu (Cloud Server) üzerinde WordPress.org altyapısı ile koşturulmaktadır.

WordPress Örneği

Sonuç olarak, wordPress.org modelinde, sunucunuzun kök dizininde bulunan `wp-config.php` dosyasına erişerek bellek limitlerini (`WP_MEMORY_LIMIT`) artırabilir, veritabanı optimizasyon ayarlarını yapabilir ve sitenin sunucu düzeyindeki PHP çalışma limitlerini (max_execution_time, upload_max_filesize) kurumsal e-ticaret veya rezervasyon trafiğine göre esnetebilirsiniz.

Google Örneği

Örneğin, google, tarama (crawling) esnasında web sitelerinden sunucu düzeyinde hızlı yanıtlar bekler. WordPress.org sitelerinde sunucu lokasyonunu (örn: Türkiye trafiği için İstanbul verimerkezi) doğrudan seçebildiğiniz için "Time to First Byte" (TTFB - İlk Bayt Süresi) değerinit < 200msaltına indirebilirsiniz. Bu da Google botlarının sitenizi "Hızlı ve Güvenilir" olarak değerlendirmesini sağlar.

ESİDRE Kurumsal Standardı: PHP ve Protokol Koşulu
ESİDRE ekosisteminde yer alan veya geliştirilen tüm web projelerinde WordPress.org altyapısı zorunludur. Sunucu tarafında PHP sürümü her zaman en güncel kararlı sürüm (Örn: PHP 8.x+) olarak ayarlanmalı, SSL sertifikası kurulu olmalı ve HTTP/3 protokolü aktif edilmelidir.
WordPress Eğitimi - GÖRSEL 02: WordPress.com ve WordPress.org Yapısal Karar Ağacı
WordPress Eğitimi - GÖRSEL 02: WordPress.com ve WordPress.org Yapısal Karar Ağacı
WordPress.com ve WordPress.org Modellerinin Teknik Karşılaştırma Matrisi
Özellik / Metrik WordPress.com (Bulut Servisi - SaaS) WordPress.org (Self-Hosted / Bağımsız Kurulum)
Barındırma (Hosting) Pakete dahildir (Automattic sunucu havuzları) Kullanıcı tarafından bağımsız kurumsal sunucu kiralanır
Eklenti ve Tema Kurulumu Sadece en yüksek ücretli iş paketlerinde açık Tamamen ücretsiz, harici yüklemelere sınırsız serbestlik
Teknik SEO ve Kod Müdahaleleri İzin verilmez / Çok kısıtlı bir kontrol alanı sunar Dosya yöneticisi, FTP, .htaccess ve DB erişimi tamamen açıktır
Mülkiyet Hakkı Siteniz platform kurallarına uymadığında kapatılabilir Sitenin mutlak sahibi ve veritabanı mülkiyeti sizsiniz
Bölüm Sonu Pedagojik Değerlendirme Araçları

Kontrol Listesi

  • İki platform arasındaki finansal ve operasyonel farkları öğrendim.
  • Kurumsal bir işletme için neden WordPress.org'un tek seçenek olduğunu gerekçelendirebiliyorum.
  • Sunucu ve kod kontrolünün teknik SEO için önemini kavradım.

Mini Sınav (Çoktan Seçmeli)

1. WordPress.org (Self-Hosted) modelinin kurumsal bir markaya sağladığı en kritik teknik avantaj aşağıdakilerden hangisidir?
A) Sunucu maliyetlerini tamamen sıfırlaması
B) Sitenizin kod yapısı, veritabanı ve SEO mimarisi üzerinde %100 tam kontrol ve özgürlük sunması
C) Sitenin güncellenmesini tamamen engellemesi
D) Eklenti yükleme ihtiyacını ortadan kaldırması

2. Aşağıdaki durumlardan hangisinde bir firmanın WordPress.com altyapısını tercih etmesi kurumsal bir operasyonel hata olarak kabul edilir?
A) Basit tek sayfalık kişisel günlük veya hobi blogu tutulurken
B) İleri düzey SEO optimizasyonu, özel kodlama ve veritabanı entegrasyonu gerektiren projelerde
C) Sadece düz metin okuması yapılacak test sitelerinde
D) Teknik süreçlerle hiç ilgilenilmek istenmediğinde

Uygulama Görevi

Ayrıca, şirketinizin dijital varlık bütçesini planladığınızı varsayarak; kurumsal bir WordPress.org kurulumu için yıllık Alan Adı (Domain), Profesyonel WordPress Optimizasyonlu Sunucu (VDS/Cloud Hosting), Premium Tema ve Temel Güvenlik (SSL/Firewall) maliyet kalemlerini içeren bir kurumsal maliyet fizibilite tablosu hazırlayın.

Kendi Notlarım Alanı

WordPress Eğitimi: 2.3 WordPress Yönetim Paneli (Dashboard) Anatomisi ve Ana Menülerin Teknik Analizi

Konunun Amacı

Bu nedenle, bu bölüm, WordPress Yönetim Panelini sade bir yapıyla tanıtır. Öncelikle panel menülerinin görevlerini açıklar. Daha sonra kullanıcı rolleri ve güvenlik adımlarını gösterir. Sonuç olarak okuyucu, paneli profesyonel bir site yöneticisi gibi kullanabilir.

Temel Bilgiler

Bununla birlikte, wordPress Yönetim Paneli (Dashboard), web sitesinin ön yüzünde (Frontend) görünen tüm tasarımların, içeriklerin, kullanıcı yetkilerinin ve sunucu eklentilerinin arka yüzde (Backend) idare edildiği grafik kullanıcı arayüzüdür (GUI). Giriş yetkisine sahip kullanıcılar, tarayıcı adres satırına `siteadi.com/wp-admin` yazarak ve kendilerine tahsis edilen kriptografik kimlik bilgileriyle giriş yaparak bu merkeze ulaşırlar.

Detaylı Anlatım ve Menü Mimarisinin Anatomisi

Özellikle, yönetim panelinin sol tarafında yer alan dikey menü bloku, sitenin tüm operasyonel katmanlarını kontrol eder. Bu menülerin teknik hiyerarşisi ve kurumsal fonksiyonları şu şekildedir:

  1. Gösterge Paneli (Dashboard): Sitenin genel sağlık durumunu, Yoast SEO uyarılarını, anlık analitik özetleri ve WordPress resmi duyurularını tek bir ekranda sunan karşılama alanıdır.
  2. Yazılar (Posts): Dinamik, tarih odaklı, kategorize edilebilir blog içeriklerinin, sektörel makalelerin ve haberlerin üretildiği, düzenlendiği ve silindiği operasyonel alandır.
  3. Sayfalar (Pages): Sitenin zamansız ana iskeletini oluşturan (Hakkımızda, İletişim, Hizmetler vb.) statik dökümanların yönetildiği mimari katmandır.
  4. Medya (Media): Web sitesine yüklenen tüm WebP görsellerin, PDF teknik dökümanların ve videoların saklandığı ilişkisel dosya kütüphanesidir. Burada görsellere ALT text (alternatif metin) ataması yapılır.
  5. Görünüm (Appearance): Sitenin görsel kabuğunu belirleyen temaların yönetildiği, menülerin hiyerarşik olarak dizildiği ve bileşen (widget) alanlarının yapılandırıldığı tasarım yönetim merkezidir.
  6. Eklentiler (Plugins): Sisteme yeni yazılımsal yetenekler (Örn: Önbellekleme, SEO analizi, Güvenlik Duvarı) eklemek için kullanılan modüler uygulama mağazası alanıdır.
  7. Kullanıcılar (Users): Sitede görev alan ekiplerin yönetim alanıdır. Güvenlik prensipleri gereği WordPress şu rolleri sunar:
    • *Administrator (Yönetici):* Sitede eklenti silme/ekleme dahil sınırsız yetkiye sahip en üst profil.
    • *Editor (Editör):* Tüm yazı ve sayfaları yönetebilen, içerik onay mekanizması.
    • *Author (Yazar):* Sadece kendi yazılarını yazıp yayınlayabilen içerik personeli.
    • *Subscriber (Abone):* Sadece profilini güncelleyebilen yetkisiz üye yapısı.
  8. Ayarlar (Settings): Sitenin kalıcı bağlantı (Permalink) yapısının, okuma kurallarının ve genel başlık tanımlarının yapıldığı kritik çekirdek konfigürasyon alanıdır.
Sık Yapılan Hata: Yetki Dağıtımı İhmali
Sitede sadece içerik girecek veya blog yazacak kişilere en üst seviye olan "Administrator" yetkisini dağıtmak, sitenin teknik ayarlarının veya eklentilerinin yanlışlıkla bozulmasına, çökmesine veya hacklenmesine zemin hazırlayan çok kritik bir kurumsal hatadır. Rollere uygun minimum yetki prensibi uygulanmalıdır.

Gerçek Hayattan Örnek

Sonuç olarak, modern bir uçağın kokpitini düşünün. Kaptan pilotun önünde hız göstergeleri, altimetre, motor devir panelleri, telsiz frekansları ve otopilot düğmeleri bulunur. Yanlış bir düğmeye basılması uçağın rotasını bozabilir. WordPress Dashboard da web sitenizin kokpitidir. Doğru menüleri doğru amaçla kullanmak sitenin arama motorları rotasında güvenle uçmasını sağlar.

ESİDRE Örneği

Örneğin, eSİDRE teknik yönetiminde, panel üzerindeki "Kullanıcılar" sekmesi çok sıkı denetlenir. Sektörel makale yazması için dışarıdan destek alınan bir içerik yazarına kesinlikle Administrator yetkisi verilmez; "Author" veya "Editor" rolü tanımlanır. Bu sayede yazarın yanlışlıkla teknik eklentileri (LiteSpeed Cache veya SSL eklentileri) bozması veya silmesi engellenerek kurumsal veri güvenliği garanti altına alınır.

Hypium Örneği

Ayrıca, hypium Otel yönetim panelinde, "Medya" kütüphanesi tam bir kurumsal disiplinle işletilir. Otel odalarının fotoğrafları buraya ham (RAW veya büyük boyutlu JPEG) olarak asla yüklenmez. Medya paneline yüklenen her görsel önce optimize edilir, ardından Medya menüsünden düzenlenerek Google botlarının okuyabilmesi için "Otel Odası Jakuzili Konsept" şeklinde anlamsal ALT metinleri işlenir.

WordPress Örneği

Bu nedenle, wordPress panelinde `Ayarlar > Kalıcı Bağlantılar` (Permalinks) sekmesi, sitenin URL şablonunu belirler. Varsayılan olarak gelen `siteadi.com/?p=123` yapısı, bu panel üzerinden "Yazı İsmi" (Post Name) olarak değiştirilir ve URL'lerin otomatik olarak `siteadi.com/vrf-klima` şeklinde SEO uyumlu üretilmesi sağlanır.

Google Örneği

Bununla birlikte, google, web sitelerinin kullanıcı rolleri arasındaki hiyerarşiyi ve şeffaflığı dolaylı olarak önemser. `Kullanıcılar > Profiliniz` kısmında yer alan "Biyografik Bilgi" ve "Geliştirilmiş Yazar Şemaları" doldurulduğunda, Google botları sitenizdeki makalelerin arkasındaki gerçek uzman kişileri (EEAT prensipleri) panel veritabanından okuyarak sitenizi otoriter sınıfa dahil eder.

ESİDRE Standart Yönetim Protokolü: Panel Güvenliği
ESİDRE bünyesindeki tüm WordPress panellerinde iki faktörlü kimlik doğrulama (2FA) eklentisi kurulu ve aktif olmak zorundadır. Her ayın ilk iş günü panel üzerindeki "Güncellemeler" sekmesi denetlenir ve tam veritabanı yedeği alındıktan sonra eklentiler sırayla update edilir.
WordPress Eğitimi - GÖRSEL 03: WordPress Kurumsal Yönetim Paneli Arayüz Haritası
WordPress Eğitimi - GÖRSEL 03: WordPress Kurumsal Yönetim Paneli Arayüz Haritası
WordPress Kurumsal Kullanıcı Rolleri ve Yetki Matrisi
Kurumsal Pozisyon Sitede Yapacağı Operasyon Atanması Gereken WordPress Rolü Teknik Yetki Sınırı
Dışarıdan Metin Yazarı Sadece kendi blog yazısını yazacak ve taslak kaydedecek Contributor / Author Tema, eklenti ve ayar menülerini göremez; silemez.
Kadrolu Kurumsal Editör Yazı ve sayfaları denetleyecek, onaylayıp yayınlayacak Editor Tüm içerikleri yönetebilir, teknik ayarlara müdahale edemez.
Bilgi İşlem Müdürü / SEO Uzmanı Eklenti kuracak, temayı optimize edecek, yedek alacak Administrator Tam ve sınırsız çekirdek teknik kontrol yetkisi.
Bölüm Sonu Pedagojik Değerlendirme Araçları

Kontrol Listesi

  • WordPress Dashboard üzerindeki ana menülerin teknik işlevlerini öğrendim.
  • Güvenlik kurallarına uygun kullanıcı rolü dağıtımı yapabiliyorum.
  • Kalıcı bağlantı (Permalink) ayarlarının SEO için önemini kavradım.

Mini Sınav (Çoktan Seçmeli)

1. WordPress panelinde yeni bir eklenti kurma, mevcut temayı silme ve genel site ayarlarını kökten değiştirme yetkisine sahip olan en üst seviye kullanıcı rolü hangisidir?
A) Subscriber (Abone)
B) Author (Yazar)
C) Editor (Editör)
D) Administrator (Yönetici)

2. Sitemize yükleyeceğimiz kurumsal PDF dökümanlar, mühendislik katalogları ve hizmet görselleri yönetim panelindeki hangi menü altında depolanır?
A) Sayfalar (Pages)
B) Medya (Media)
C) Yazılar (Posts)
D) Görünüm (Appearance)

Uygulama Görevi

Özellikle, bir WordPress test paneline giriş yapın. `Kullanıcılar > Yeni Ekle` sekmesine giderek hayali bir editör profili oluşturun. Ardından `Ayarlar > Kalıcı Bağlantılar` alanına geçerek URL yapısının kurumsal SEO standartlarına uygun olarak "Yazı İsmi" (Post Name) şeklinde seçili olup olmadığını denetleyin, değilse yapılandırın.

Kendi Notlarım Alanı

WordPress Eğitimi: 2.4 Yazılar (Posts) ve Sayfalar (Pages) Arasındaki Taksonomik Farklar ve Kullanım Senaryoları

Konunun Amacı

Sonuç olarak, bu bölüm, WordPress'teki Yazılar ve Sayfalar arasındaki farkı açıklar. Önce veritabanı mantığına bakar. Sonra kategori, etiket ve hiyerarşi farklarını gösterir. Böylece okuyucu, hangi içeriğin yazı veya sayfa olarak açılacağını doğru seçer.

Temel Bilgiler

WordPress veri tabanında hem yazılar hem de sayfalar teknik olarak `wp_posts` tablosunda aynı satırlarda tutulsa da, kod mimarisinde `post_type` sütununda birbirlerinden ayrılırlar. Yazıların tipi `post` iken, sayfaların tipi `page` olarak işlenir. Bu küçük veritabanı ayrımı, site ön yüzünde devasa davranışsal ve hiyerarşik farklar doğurur. Yazılar, zaman odaklı, sürekli güncellenen dinamik blog içerikleridir. Sayfalar ise, zamansız, sitenin ana hiyerarşik iskeletini oluşturan statik dökümanlardır.

Detaylı Anlatım ve Taksonomik Kırılımlar

Örneğin, kurumsal bir SEO ve içerik stratejisi kurgulanırken, içeriğin yazımı kadar onun site mimarisindeki konumu da Google botlarına gönderilen semantik sinyalleri etkiler.

Yazılar (Posts) Modeli: Yazılar kronolojik (tarih sırasına göre) yayınlanırlar. Genellikle sitenin "Blog", "Haberler" veya "Duyurular" sekmesinde, en son yazılan en üstte olacak şekilde listelenirler. En kritik teknik özellikleri Taksonomi (Taxonomy) desteğidir; yani yazılar kategorilere ayrılabilir ve etiketler (tags) ile etiketlenebilirler. Yazılar, RSS (Really Simple Syndication) akışlarına otomatik olarak dahil edilirler, böylece sitenizi takip eden abonelere veya Google Haberler (Google News) sistemine anlık olarak besleme yaparlar. Ziyaretçi yorumlarına açık olarak kurgulanırlar, bu da sayfa üzerinde sürekli olarak güncel ve kullanıcı odaklı içerik üretilmesini (User Generated Content) tetikler.

Sayfalar (Pages) Modeli: Sayfalar statiktir ve tarih odaklı değildir; yani iki yıl önce açılan bir "İletişim" sayfası ile bugün açılan bir "Hakkımızda" sayfası site mimarisinde aynı ağırlığa sahiptir. Sayfalarda kategori veya etiket taksonomisi kullanılmaz. Bunun yerine Hiyerarşik Ağaç Yapısı (Parent/Child ilişkisi) kullanılır. Örneğin; ana bir "Hizmetlerimiz" sayfası oluşturup, onun altına alt sayfa (child page) olarak "Mekanik Tesisat", onun da altına "VRF Klima Sistemleri" sayfasını bağlayabilirsiniz. Sayfalar genellikle menülerde kalıcı olarak sergilenir ve RSS akışlarında yer almazlar.

Profesyonel Tavsiye: Hiyerarşik URL Gücü
Kurumsal WordPress mimarisinde sayfaların (Pages) hiyerarşik gücünden yararlanın. "Silis Kumlu Filtre Sistemleri" sayfasını doğrudan kök dizine açmak yerine "Endüstriyel Su Arıtma" ana sayfasının altına (Child) bağlayın. URL yapınız: site.com/su-aritma/silis-kumlu/ şeklinde semantik olarak kusursuzlaşacaktır.

Gerçek Hayattan Örnek

Bir şirketinin fiziksel arşivini ve günlük operasyonunu düşünelim. Şirketin her gün kestiği faturalar, yazdığı iş mektupları veya aldığı günlük teknik notlar klasörlenir, tarih sırasına göre dizilir ve arşivlenir; bunlar Yazılardır. Şirketin resmi ana tüzüğü, kuruluş belgesi, vizyon-misyon tablosu ve ofis adresi ise duvarda asılı duran, sürekli değişmeyen kalıcı dökümanlardır; bunlar da Sayfalardır.

ESİDRE Örneği

Ayrıca, eSİDRE kurumsal web sitesinde, "Yerden Isıtma Sistemlerinde Enerji Tasarrufu Sağlama Yolları" başlıklı analitik bir makale Yazı (Post) olarak "Mekanik Tesisat Blogu" kategorisi altında yayınlanırken; firmanın fiziki adresinin, harita konumunun ve resmi telefon hatlarının yer aldığı döküman Sayfa (Page) modeliyle "İletişim" başlığı altında açılır ve menüye sabitlenir.

Hypium Otel Örneği

Bu nedenle, hypium Otel projesinde, "Standart Oda", "Deluxe Suite", "Kral Dairesi" gibi oda tanıtımları ve fiyatlandırma modülleri zamansız, kalıcı ve menüden doğrudan ulaşılması gereken yapılar olduğu için Sayfa olarak kurgunlamıştır. Buna karşılık, "Düzce Akçakoca Bölgesinde Gezilecek En İyi 10 Koy" başlıklı seyahat rehberi içerikleri Yazı formatında blog kısmında sergilenir.

WordPress Örneği

Bununla birlikte, wordPress şablon mimarisinde (Template Hierarchy) yazılar ön yüzde görüntülenirken temanın `single.php` dosyasını tetikler. Sayfalar ise varsayılan olarak `page.php` dosyasını veya yazılımcı tarafından tasarlanmış özel sayfa şablonlarını (Custom Page Templates) kullanır. Bu teknik ayrım, sayfaların tasarımsal olarak yazılardan çok daha esnek kurgulanabilmesini sağlar.

Google Örneği

Özellikle, google botları, sitenizin mimarisini tararken Yazılar ve Sayfalar arasındaki farkı URL yapılarından ve site haritalarından (sitemap.xml) anlar. Teknik SEO standartlarında kurumsal siteler için Google'am sunulan site haritası ikiye bölünür: `page-sitemap.xml` (sitenin kalıcı hizmet omurgası) ve `post-sitemap.xml` (sitenin güncel içerik beslemesi). Bu, Google'ın tarama bütçesini mükemmel yönetmesini sağlar.

Sık Yapılan Hata: Hizmet Yapısı Karışıklığı
Şirketin ana gelir kalemi olan "Yangın Söndürme Sistemleri" gibi kritik bir hizmeti blog yazısı olarak açmak, o içeriğin zamanla blog arşivinin derinliklerinde kaybolmasına ve Google gözünde hiyerarşik değer kaybetmesine neden olur. Hizmetler kesinlikle "Sayfa" olarak açılmalıdır.
WordPress Eğitimi - GÖRSEL 04: WordPress Yazı ve Sayfa Taksonomik Mimari Şeması
WordPress Eğitimi - GÖRSEL 04: WordPress Yazı ve Sayfa Taksonomik Mimari Şeması
Yazılar (Posts) ve Sayfalar (Pages) Yapısal Değerlendirme Tablosu
Yapısal Metrik Yazılar (Posts) Mimari Yapısı Sayfalar (Pages) Mimari Yapısı
Zaman / Kronoloji Var (Yayınlanma tarihi ön plandadır ve güncellenir) Muaf (Zamansız ve kalıcı kurumsal dökümandır)
Kategori & Etiket Destekler (Zorunlu taksonomi bağı vardır) Desteklemez (Taksonomiden bağımsız, bağımsız döküman)
Hiyerarşik Yapı Yoktur (Tüm yazılar düz düzlemde arşivlenir) Vardır (Ana-Alt Sayfa ilişkisi kurulabilir)
En İdeal Kullanım Blog, Makale, Şirket Haberleri, Güncel Duyurular Anasayfa, Hakkımızda, İletişim, Kurumsal Hizmetler
Bölüm Sonu Pedagojik Değerlendirme Araçları

Kontrol Listesi

  • Yazılar ve sayfalar arasındaki veritabanı düzeyindeki farkı anladım.
  • Hangi içerik türü için hangi modelin seçileceğini net kurallarla biliyorum.
  • Sayfalardaki hiyerarşik (Parent/Child) yapılanmanın teknik mantığını kavradım.

Mini Sınav (Çoktan Seçmeli)

1. Şirketinizin web sitesine ekleyeceğiniz "Isı Pompası Kurulum Esasları ve Teknik İpuçları" başlıklı haftalık bilgilendirici içerik WordPress mimarisinde hangi formatta açılmalıdır?
A) Sayfa (Page) - Çünkü teknik bilgidir
B) Eklenti (Plugin) - Çünkü fonksiyoneldir
C) Yazı (Post) - Çünkü zaman odaklı, kategorize edilebilir blog içeriğidir
D) Medya (Media) - Çünkü şema barındırır

2. WordPress Sayfalar (Pages) modelinin Yazılar (Posts) modelinden ayrılan en belirgin yapısal tasarım özelliği aşağıdakilerden hangisidir?
A) Kategorilere ve etiketlere ayrılabilmesi
B) RSS akışlarıyla anlık güncellenmesi
C) Tarih sırasına göre en üstte listelenmesi
D) Kategori yerine Ana-Alt Sayfa (Parent-Child) ilişkisiyle hiyerarşik olarak dizilebilmesi

Uygulama Görevi

Sonuç olarak, aşağıda verilen kurumsal içerik başlıklarını yapısal analiz süzgecinden geçirerek karşılarına "Yazı (Post)" mu yoksa "Sayfa (Page)" mi olması gerektiğini teknik gerekçesiyle birlikte kurumsal içerik taksonomi tablosuna işleyiniz:- "Şirketimizin 2026 Yılı Yangın Yönetmeliği Değişiklik Duyurusu" -> .......................- "Endüstriyel Havalandırma ve Toz Toplama Çözümlerimiz" -> .......................- "Biz Kimiz? Kurumsal Tarihçemiz ve Mühendislik Akreditasyonlarımız" -> .......................- "Kış Aylarında Otellerde Enerji Tasarrufu Nasıl Sağlanır?" -> .......................

Kendi Notlarım Alanı

WordPress Eğitimi: 2.5 Yeni Sayfa Oluşturma İş Akışı, Kalıcı Bağlantı (URL) Optimizasyonu ve Kurumsal Yayın Protokolü

Konunun Amacı

Bu bölüm, WordPress üzerinde yeni bir sayfa oluşturma sürecini adım adım anlatır. Ayrıca kalıcı bağlantı, URL düzeni ve yayın öncesi kontrol adımlarını açıklar. Bu nedenle kurumsal sayfaların Google tarafından daha doğru anlaşılmasına yardımcı olur.

Temel Bilgiler

WordPress'te yeni bir sayfa açmak sadece teknik olarak metni yapıştırıp "Yayınla" butonuna basmaktan ibaret operasyonel bir işlem değildir. Kurumsal bir dijital varlık yönetiminde yeni sayfa açılışı; URL yapısının semantik kurgulanmasını, taslak aşamalarının denetlenmesini, medya dosyalarının hiyerarşik yerleşimini ve Yoast SEO optimizasyon kontrollerini içeren standart bir kurumsal protokole tabidir.

Detaylı Anlatım ve Adım Adım Teknik İş Akışı

WordPress.org altyapısında kurumsal standartlara uygun kusursuz bir sayfa yayına alma süreci şu adımların milimetrik takibiyle gerçekleşir:

  1. Sayfa Başlatma ve Rol Doğrulaması: Yönetim panelinden `Sayfalar > Yeni Ekle` sekmesine geçilir. Bu işlem, içeriğin doğruluğundan sorumlu kurumsal editör veya yetkilendirilmiş personel tarafından başlatılır.
  2. Başlık Katmanının İnşası: Sayfanın en üstündeki başlık alanına, veri odaklı anahtar kelime araştırmalarında tespit edilen "Odak Anahtar Kelime" ile başlayan net bir kurumsal başlık yazılır (Örn: Yangın Söndürme Sistemleri).
  3. Kalıcı Bağlantı (Slug / URL) Optimizasyonu: Başlık girildikten sonra WordPress sağ panelde kalıcı bağlantı (URL) uzantısını otomatik oluşturur. Bu aşamada kesinlikle manuel müdahale zorunludur. URL satırı Türkçe karakterlerden (ı, ş, ğ, ç, ö, ü), bağlaçlardan (ve, veya, ile), sayılardan ve rastgele kodlardan arındırılmalıdır. Kelimeler arasına sadece kısa çizgi (-) konularak, tamamen küçük harflerle saf odak kelime yazılmalıdır.
    Kritik Hata URL: siteadi.com/urunler/sayfa.php?id=849
    Yetersiz URL: siteadi.com/yangin-sondurme-sistemleri-ve-en-ucuz-fiyatlari-2026
    Kusursuz Kurumsal Standart URL: siteadi.com/yangin-sondurme-sistemleri
  4. İçerik Mimarisinin Yerleşimi: Önceden hazırlanan içerik taslak mavi planına sadık kalınarak döküman editöre aktarılır. Giriş paragrafı, H2-H3-H4 başlık ağacı, optimize görseller ve sayfa sonu Harekete Geçirici Mesaj (CTA) blokları yerleştirilir.
  5. Yoast SEO Optimizasyonu ve Meta Veri Girişi: Sayfanın en altında yer alan Yoast SEO modülüne geçilerek Google arama sonuçlarında görünecek "SEO Başlığı" (Title Tag) ve "Meta Açıklaması" (Meta Description) girilir. Bu alanların karakter sınırlarına (Başlık için max 60, Açıklama için max 160 karakter) uyması ve odak kelimeyi içermesi teknik bir zorunluluktur.
  6. Yayın Öncesi Taslak Denetimi: Sayfa asla doğrudan canlıya (public) alınmaz. Sağ üstteki "Taslak Olarak Kaydet" butonuna basılır, ardından "Önizleme" (Preview) denilerek sayfanın masaüstü ve mobil ekranlardaki görsel yerleşimi, font okunabilirliği ve linklerin çalışabilirliği test edilir.
  7. Resmi Protokol Onayı ve Yayınlama: Tüm teknik, görsel ve SEO kriterleri yeşil ışığa döndükten sonra "Yayınla" butonuna basılarak döküman Google botlarının taramasına açılır.
ESİDRE Standart URL Kuralı
ESİDRE bünyesinde yayınlanacak her yeni sayfanın URL uzunluğu alan adından sonra maksimum 3 kelimeyi geçemez. URL'de "en", "ve", "ile", "için" gibi anlamsal stop-words (durak kelimeleri) kullanımı kesinlikle yasaktır. Örnek: esidre.com/yangin-sondurme-sistemleri.

Gerçek Hayattan Örnek

Bir ilaç fabrikasında yeni bir ilacın üretilip paketlenerek eczanelere gönderilme sürecini düşünün. Laboratuvarda formül bulunur (Anahtar kelime araştırması), tabletler basılır (İçerik yazımı), kutunun üzerine barkod ve yasal prospektüs eklenir (URL ve Meta SEO ayarları), kalite kontrol mühendisi numuneyi test eder (Önizleme) ve onay verildikten sonra sevkiyat başlar (Yayınlama). Bu adımlardan biri atlanırsa ilaç piyasadan toplatılır. Web sayfanızın yayını da aynı ciddiyettedir.

ESİDRE Örneği

ESİDRE kurumsal sitesinde yeni bir hizmet sayfası açılacağı zaman (Örn: Isı Pompası Çözümleri), URL kurgusu parmak izi gibi benzersiz tasarlanır. URL mimarisi `esidre.com/isi-pompasi-cozumleri` şeklinde kurgulanarak Google botlarına sayfanın tam hedefi semantik olarak iletilir. Yoast SEO paneline odak anahtar kelime girilerek eklentinin teknik skorları doğrulanır.

Hypium Örneği

Hypium Otel web yönetim ekibi, "Rezervasyon Kuralları ve İptal Politikası" sayfasını oluştururken, yasal bir döküman olduğu için sayfa ayarlarından "Yorumları Engelle" seçeneğini aktif eder. Böylece kurumsal bir bilgilendirme sayfasının altında gereksiz kullanıcı tartışmalarının ve spam linklerin oluşması teknik olarak önlenir.

WordPress Örneği

WordPress çekirdeği, bir sayfa "Yayınla" butonuna basıldığı an, `wp_posts` tablosundaki ilgili satırın `post_status` değerini `draft` (taslak) durumundan `publish` (yayınlanmış) durumuna günceller. Aynı milisaniyede sitenin XML site haritasına (sitemap.xml) yeni sayfanın linki, yayınlanma zaman damgasıyla (timestamp) birlikte otomatik eklenir.

Google Örneği

Google, yeni yayınlanan bir sayfanın URL yapısındaki temizliğe bakar. Eğer URL içinde karmaşık sayılar veya tarih parametreleri (`site.com/2026/07/03/sayfa`) varsa, Google bunu "Güncelliğini Yitirebilecek İçerik" olarak kategorize edebilir. Saf, kısa ve anahtar kelime odaklı URL yapıları ise Google'ın dizine ekleme (indexing) algoritmasında her zaman önceliklidir.

Bugünkü Görev
WordPress panelini açın, "Yangın Algılama Sistemleri" başlığıyla bir sayfa oluşturun. URL kısmını kurumsal standarda göre optimize edin. Sayfayı yayınlamadan "Taslak" olarak kaydedip önizleme modunda tarayıcıda test edin.
WordPress Eğitimi - GÖRSEL 05: WordPress Yoast SEO Performans ve Meta Veri Giriş Paneli
WordPress Eğitimi - GÖRSEL 05: WordPress Yoast SEO Performans ve Meta Veri Giriş Paneli
Kalıcı Bağlantı (URL) Optimizasyon Standartları Kılavuzu
Girilen Sayfa Başlığı Oluşan Yanlış / Hatalı URL Structure Kurumsal Optimize URL Standart Yapısı SEO ve Tarayıcı Uyumluluk Durumu
VRF Klima Sistemleri ve Fiyatları site.com/vrf-klima-sistemleri-ve-fiyatlari site.com/vrf-klima-fiyatlari Mükemmel: Kısa, net, bağlaçsız ve arama niyetine odaklı.
Hakkımızda Kurumsal Bilgiler site.com/?page_id=742 site.com/hakkimizda Mükemmel: Jenerik sayı parametreleri elenmiş, marka gücü yüksek.
Düzce Butik Otel Oda Rezervasyonu site.com/duzce-butik-otel-oda-rezervasyonu-şeması site.com/duzce-otel-rezervasyon Mükemmel: Türkçe karakter hatası ve gereksiz kuyruklar temizlenmiş.
Bölüm Sonu Pedagojik Değerlendirme Araçları

Kontrol Listesi

  • Sıfırdan kurumsal bir sayfa açma iş akışını ezbere biliyorum.
  • URL kurgularken Türkçe karakter ve bağlaç elenmesi kuralını uygulayabiliyorum.
  • Yayın öncesi taslak kaydetme ve önizleme protokolünün önemini kavradım.

Mini Sınav (Çoktan Seçmeli)

1. WordPress'te yeni bir hizmet sayfası yayına alınırken, sayfa başlığı girildikten sonra URL (Kalıcı Bağlantı) satırında yapılması gereken en doğru optimizasyon işlemi hangisidir?
A) Başlığı aynen bırakıp hiçbir şeye dokunmamak
B) Türkçe karakterleri temizlemek, gereksiz bağlaçları elemek ve URL'yi tamamen küçük harfli odak kelimeye indirgemek
C) URL içerisine sayfanın tüm metnini yapıştırmak
D) URL'yi tamamen sayılardan oluşacak şekilde karmaşıklaştırmak

2. Kurumsal bir web sitesinde bir içeriğin tasarımı, linkleri ve mobil uyumluluğu henüz tam olarak denetlenmeden doğrudan canlı yayına alınmasını engelleyen WordPress mekanizması hangisidir?
A) Kalıcı Bağlantı Ayarı
B) Medya Kütüphanesi
C) Taslak Olarak Kaydet (Save Draft) ve Önizleme (Preview) Modu
D) Kullanıcı Profili Güncellemesi

Uygulama Görevi

"Endüstriyel Havalandırma Sistemlerinde Toz Toplama Filtre Teknolojileri ve Mühendislik Avantajları" başlığına sahip kurumsal bir makale için ESİDRE standartlarına tam uyumlu, arama motorlarının seveceği cinsten optimize edilmiş bir URL (Slug) yapısı ve Yoast SEO başlığı türeterek raporlayınız.

Kendi Notlarım Alanı

WordPress Eğitimi: 2.6 WordPress İçerik Editörleri Dünyası: Gutenberg (Blok) ve Elementor Sayfa Geliştirici Karşılaştırması

Konunun Amacı

Bu alt bölümün amacı, WordPress ekosisteminde içeriklerin görsel ve mimari olarak işlendiği iki devasa teknoloji olan varsayılan Gutenberg Blok Editörü ile gelişmiş Elementor Sayfa Geliştirici (Page Builder) yazılımlarını teknik olarak karşılaştırmaktır. Okuyucu, projenin performans ve tasarım dengesine göre hangi editör mimarisini seçmesi gerektiğini analitik verilerle belirleyebilecektir.

Temel Bilgiler

WordPress altyapısı, veritabanındaki metinleri ön yüzde görsel bir şölene dönüştürmek için içerik editörlerine ihtiyaç duyar. Gutenberg, WordPress'in çekirdeğiyle birlikte tamamen entegre gelen, yazı ve sayfaları bağımsız veri blokları (paragraf bloğu, görsel bloğu vb.) olarak işleyen hafif ve hızlı yerleşik editördür. Elementor ise, sisteme dışarıdan eklenti olarak dahil edilen, sürükle-bırak (Drag and Drop) mantığıyla çalışan, yazılımcı seviyesinde kod yazmadan pikselsel tasarım özgürlüğü sunan harici bir sayfa geliştirici mimarisidir.

Detaylı Anlatım ve Editör Mimarilerinin Karşılaştırmalı Analizi

Modern web mühendisliğinde sayfa tasarımı ve sayfa hızı (Core Web Vitals) arasında amansız bir optimizasyon savaşı vardır. Seçilen editör bu savaşın kaderini belirler.

Gutenberg (Blok Editör) Mimarisi: Gutenberg, her içerik ögesini (başlık, liste, buton, video) saf birer HTML bloğu olarak görür. Sisteme ek bir kod yükü (DOM derinliği) getirmez. Sayfa oluşturulurken tarayıcıya sadece o blokların ham HTML ve minimal CSS kodları gönderilir. Bu teknik hafiflik, Gutenberg ile yazılan sayfaların PageSpeed Insights testlerinde 95+ üzerinde skorlar almasını, sunucu kaynaklarını (CPU/RAM) minimum düzeyde harcamasını sağlar. Ancak, sütun düzenlemeleri, karmaşık animasyonlar ve özel kurumsal açılış sayfaları (Landing Page) tasarlamak Gutenberg ile oldukça zahmetlidir ve CSS bilgisi gerektirir.

Elementor (Sayfa Geliştirici) Mimarisi: Elementor, web sitesinin kod yapısını tamamen görsel bir katmanla sarmalar. Sürükle-bırak arayüzü sayesinde bir mühendis veya tasarımcı, ekrana dinamik sayaçlar, referans sliderları, hareketli başlıklar ve karmaşık grid (ızgara) yerleşimleri ekleyebilir. Tasarım özgürlüğü %100'dür. Fakat bu görsel gücün teknik bir maliyeti vardır. Elementor, ekrana koyduğunuz tek bir buton için arka planda onlarca iç içe geçmiş <div> etiketi (DOM ağacı yükü) ve yoğun JavaScript/CSS dosyaları üretir. Doğru optimize edilmemiş, kaliteli bir önbellekleme (cache) eklentisiyle desteklenmemiş Elementor siteleri yavaş açılma (LCP hatası) riskiyle karşı karşıyadır.

ESİDRE Standart Editör Dağılımı
ESİDRE standartlarına göre; kurumsal sitelerdeki "Yazılar (Posts)" altındaki tüm blog dökümanları İSTİSNASIZ Gutenberg Blok Editörü ile yazılacaktır. Elementor sadece ana sayfa, iletişim ve hizmet kategorilerinin üst statik sayfalarında tasarımsal onay formu ile kullanılabilir.

Gerçek Hayattan Örnek

Gutenberg ve Elementor farkını bir prefabrik ev kurulumu ile lüks iç mimari tasarım süreciyle bağdaştırabiliriz. Gutenberg, standart ölçülerdeki prefabrik odaların (blokların) hızla yan yana dizilerek evin oluşturulmasıdır; çok hızlıdır, sağlamdır, hafiftir ve hatasız çalışır. Elementor ise, evin her bir köşesinin özel İtalyan mermerleriyle kaplanması, asma tavanlar, gizli ışıklar ve akıllı ev otomasyonları döşenmesidir; muazzam güzel görünür (tasarım özgürlüğü) ancak bakımı, kurulum maliyeti ve sistemin ağırlaşma riski çok daha fazladır.

ESİDRE Örneği

ESİDRE dijital varlık yönetiminde hibrit bir model benimsenmiştir. Bilgi derinliği ve arama motoru taranabilirliği yüksek olan "Mekanik Tesisat Blog Makaleleri" tamamen saf ve hızlı olan Gutenberg editörüyle yazılır. Ancak firmanın en prestijli projelerinin sergilendiği ana sayfa ve teklif alma açılış sayfaları görsel ikna gücü yüksek olan Elementor ile inşa edilmiştir.

Hypium Örneği

Hypium Otel web sitesinin oda rezervasyon adımları ve galeri alanları Elementor'un responsive (mobil duyarlı) düzenleme araçları kullanılarak tasarlanmıştır. Elementor'un sunduğu "Cihaz Bazlı Görünüm" ayarları sayesinde, odaların resimleri akıllı telefonlarda farklı, masaüstü bilgisayarlarda farklı boyutlarda gösterilerek mobil kullanıcı deneyimi (UX) zirveye çıkarılmıştır.

WordPress Örneği

WordPress çekirdek geliştiricileri, her yeni sürümde Gutenberg editörünü "Full Site Editing" (FSE - Tüm Siteyi Bloklarla Yönetme) moduna geçirmektedir. Bu uzun vadeli vizyon, gelecekte WordPress sitelerinin harici ağır sayfa geliştiricilere ihtiyaç duymadan tamamen yerleşik bloklarla pikselsel olarak tasarlanabilmesini amaçlamaktadır.

Google Örneği

Google botları açısından bakıldığında, sayfa kaynak kodunun hafifliği sıralama avantajı getirebilir. Gutenberg ile üretilen bir sayfanın DOM eleman sayısı (HTML etiket adedi) genellikle <400 piksel iken, aynı sayfa Elementor ile yapıldığında DOM sayısı >1500 üzerine çıkabilir. Google Core Web Vitals algoritması, aşırı derin DOM ağaçlarına sahip siteleri "Aşırı Kod Yükü" olarak uyarır ve sıralamalarda geriye itebilir.

Sık Yapılan Hata: Editör Çakıştırması
Bir sayfayı önce Elementor ile tasarlayıp, ardından düz metin düzenlemesi yapmak için Gutenberg (Blok) editörüne geçiş yapmak; iki farklı editörün kod yapılarının veritabanında birbirini kırmasına ve sayfa tasarımının tamamen çökmesine neden olur. Hangi editörle başlandıysa onunla devam edilmelidir.
WordPress Eğitimi - GÖRSEL 06: Gutenberg Blok Yapısı ve Elementor Bileşen Paneli Karşılaştırması
WordPress Eğitimi - GÖRSEL 06: Gutenberg Blok Yapısı ve Elementor Bileşen Paneli Karşılaştırması
Gutenberg (Blok) ve Elementor Sayfa Geliştirici Teknik Karşılaştırma Matrisi
Karşılaştırma Kriteri Gutenberg (Yerleşik Blok Editör) Elementor (Sayfa Geliştirici Eklenti)
Hız ve Sunucu Performansı Maksimum: Hafif kod yapısı, yüksek PageSpeed ve Core Web Vitals skoru. Orta / Düşük: Sunucu tarafında ekstra eklenti yükü, CSS/JS yoğunluğu.
Tasarım Esnekliği Sınırlı: Standart blok şablonları, gelişmiş tasarım için CSS/kod bilgisi ister. Sınırsız: Görsel sürükle-bırak, piksel kusursuzluğunda tasarım özgürlüğü.
Veritabanı Yükü (DOM Derinliği) Sıfıra yakın (Saf ve temiz HTML çıktısı üretir). Yüksek (Özel revizyon kodları, iç içe div etiketleri ve CSS dataları tutar).
En İdeal Kullanım Alanı Blog Makaleleri, Haberler, Bilgi Derinliği Yüksek Metinler Kurumsal Anasayfa, Landing Page, Portföy Görsel Sayfaları
Bölüm Sonu Pedagojik Değerlendirme Araçları

Kontrol Listesi

  • İki editör teknolojisinin arka plandaki kod ve DOM mimarisi farkını anladım.
  • Hangi içerik türü için hangi editörü seçmem gerektiğinin kurumsal kuralını öğrendim.
  • Elementor kullanımının sayfa hızına (Core Web Vitals) olan dolaylı risklerini kavradım.

Mini Sınav (Çoktan Seçmeli)

1. WordPress web mimarisinde sayfa hızı skorlarının (PageSpeed) maksimum seviyede kalması ve veritabanına ek kod yükü getirmemesi hedeflenen bir blog dökümanı için hangi editör teknolojisi tercih edilmelidir?
A) Elementor Pro Sayfa Geliştirici
B) Gutenberg Blok Editörü
C) Klasik Metin Belgesi (Not Defteri)
D) Adobe Photoshop Tasarım Katmanı

2. Elementor ile tasarım yaparken, sayfanın akıllı telefon ekranlarında kusursuz görünmesini (butonların taşmaması, yazıların küçülmesi) sağlayan ve Elementor panelinde yer alan teknik özellik hangisidir?
A) Önbellekleme Temizleme (Clear Cache)
B) Sürükle Bırak Blok Kilitlenmesi
C) Responsive Düzenleme Modu (Cihaz Bazlı Görünüm)
D) XML Site Haritası Entegrasyonu

Uygulama Görevi

Şirketinizin test web sitesinde aynı metin ve görselleri içeren iki adet sayfa oluşturun. Birinci sayfayı tamamen Gutenberg bloklarıyla tasarlayın; ikinci sayfayı ise Elementor bileşenleriyle kurgulayın. Her iki sayfayı da canlıya alarak Google PageSpeed Insights aracında test edin ve aralarındaki "Mobil/Masaüstü Performans ve Kod Derinliği" farklarını resmi teknik analiz raporuna dönüştürün.

Kendi Notlarım Alanı