WordPress ve DIVI ile CMS Web Geliştirme, Eklenti Programlama

WordPress'e Giriş

İçerik Yönetim Sistemleri (CMS), web sitelerinin oluşturulmasını ve yönetimini önemli ölçüde kolaylaştırır. Programlama bilgisi olmadan şirketler ve bireyler içerik yönetebilir, tasarımı ayarlayabilir ve web sitelerini etkileşimli hale getirebilir. En bilinen CMS'ler WordPress, Joomla, Drupal, Contao ve TYPO3 olup, WordPress şu anda dünya genelindeki tüm web sitelerinin yaklaşık %43'ünü destekleyerek açık ara en çok kullanılan sistemdir.

Ben kendim Joomla ile başladım, sonra Contao kullandım ve iyi nedenlerle WordPress'e geçtim. Müşterilerimde profesyonel alanda hala sıkça TYPO3 siteleri görüyorum, ancak TypoScript nedeniyle daha fazla öğrenme gerektiriyorlar ve bu nedenle tüm kullanıcılar ve özellikle web geliştiriciler için hızlı bir başlangıç sunmuyorlar. Bu yüzden uzantıları veya bakımı üstlenecek birini bulmak da daha zor.

Sistemler stabil çalıştığı ve tüm teknik gereksinimleri (güncel PHP sürümü, güvenlik güncellemeleri, GDPR, performans) karşıladığı sürece, tamamen yeniden geliştirme için bir neden yoktur. Genel olarak, web siteleri temelden yeniden tasarlanmadan önce genellikle 4-6 yıl kadar çalışır.

all-inkl.com ve Benzeri Yerlerde Hosting

WordPress temel olarak çok fazla şeye ihtiyaç duymaz. PHP ve MySQL/MariaDB yeterlidir ve bu sayede WordPress siteleri neredeyse tüm sağlayıcılarda çalışabilir. Ancak, günümüzde biraz daha fazlası bekleniyor – örneğin:

• bir geliştirme/hazırlık (staging) alanı
• konforlu e-posta yönetimi
• Otomatik yenileme dahil HTTPS için LetsEncrypt sertifikaları
• FTP/SFTP erişimleri veya web dosya yöneticisi
• otomatik yedeklemeler ve kolay geri yükleme
• hızlı, ücretsiz destek
• yeterli bellek ve güncel PHP sürümleri (örn. 8.1/8.2+)
• kendi DNS ayarlarını yapma imkanı
• tek tuşla hızlı taşıma ve Auth kodlarının sağlanması
• WordPress ve diğerleri için basit bir kurulum sihirbazı

Uzun yıllardır tercih edilen bir sağlayıcı, çok uygun paket fiyatları ve mükemmel desteğiyle öne çıkan all-inkl.com (Satış Ortaklığı Bağlantısı)'dur. Sadece CMS sistemlerini barındırmak isteyenler için en iyi seçenektir.

Ek olarak MongoDB, Node.js veya Express'e ihtiyaç duyanlar, ya kendi sunucularını/VPS'lerini kiralamalı ya da bu işlevleri sağlayan sağlayıcılara gitmelidir. 99 % tüm klasik web siteleri hala buna ihtiyaç duymaz. Ancak, yapay zeka destekli araçlar sayesinde giderek daha fazla bireysel uygulama – örneğin web uygulamaları, API'ler veya otomasyonlar – ortaya çıkmaktadır. nuonu.com da WordPress'i kendi eklentileriyle genişleterek çok bireysel işlevler sunan böyle bir uygulamadır.

Neden WordPress ve DIVI?

WordPress, kullanıcı dostu bir arayüz, geniş bir eklenti (plugin) ve tema seçeneği ile çok güçlü bir topluluk sunar. Blog, şirket sitesi, açılış sayfası veya online mağaza olsun – WordPress ile neredeyse her türlü web sitesi oluşturulabilir. Kurulum ve temel yapılandırma hızlı bir şekilde tamamlanır ve DIVI gibi sayfa oluşturucular sayesinde acemiler bile profesyonel düzenler oluşturabilir.

DIVI'nin Sayfa Oluşturucu Olarak Avantajları

DIVI, diğer birçok sayfa oluşturucudan, eksiksiz bir tema + oluşturucu olarak kullanılabiliyor olması ve ek bir temaya ihtiyaç duymamasıyla ayrılır. Bu şu anlama gelir:

• Tek elden eksiksiz tasarım – ek tema bağımlılıkları yok.
• Görsel sürükle ve bırak düzenleyici ile esnek tasarım seçenekleri.
• Sayfa üzerinde doğrudan istemci tarafı düzenleme olanakları (Frontend-Editing).
• Masaüstü, tablet ve mobil cihazlar için mükemmel duyarlı uyarlama.
• Yeni sayfaların oluşturulmasını önemli ölçüde hızlandıran hazır düzenler & modüller.

Yeni: DIVI 5 – Performans & Geleceğe Yönelik Güvenlik

DIVI 5, normal bir güncellemeden daha fazlasıdır: Oluşturucu dahili olarak tamamen yeniden inşa edildi ve modern, önemli ölçüde daha yalın bir temele oturtuldu. Bu, gözle görülür şekilde daha hızlı yükleme süreleri, daha az kod yükü ve gelecekteki işlevler için daha iyi bir temel sağlar.

• Yeni, yalın çekirdek sistem – oluşturucu baştan sona yeniden geliştirildi ve daha az kaynak tüketir.
• Daha hızlı yükleme süreleri & daha duyarlı düzenleyici – özellikle birçok modüle sahip karmaşık sayfalar yeni mimariden faydalanır.
• Daha az kısa kod, daha temiz kod – bu, uzun vadeli bakımı, geçişi kolaylaştırır ve SEO üzerinde olumlu bir etki yapar.
• Tasarım değişkenleri, genişletilmiş birimler, iç içe geçmiş satırlar ve daha hassas duyarlı düzenler için bireysel olarak ayarlanabilir kesme noktaları gibi yeni tasarım işlevleri.
• Büyük projelerin daha iyi yönetimi – DIVI 5, birçok şablon, global öğe ve kütüphane düzenine sahip kapsamlı web siteleri için tasarlanmıştır.

Bizdeki güncel durum: nuonu.com sitesi zaten DIVI 5 Beta üzerinde çalışıyor. Bugün DIVI 4 ile uygulanan tüm müşteri projeleri, DIVI 5'in nihai sürümünden sonra aşamalı ve kontrollü bir şekilde – ideal olarak önce bir hazırlık (staging) ortamında – taşınabilir. Böylece mevcut siteler stabil kalır, ancak mantıklı ve güvenli olduğunda yeni sürümün performans ve konfor avantajlarından yararlanabilirler.

Modern Web Sitelerinin Genel Yapısı

Günümüz web siteleri açıkça yapılandırılmış, çarpıcı ve her şeyden önce duyarlı olmalıdır. Bu bağlamda aşağıdaki hususlar önemlidir:

• Renkler & Yazı Tipleri kurumsal tasarıma uygun olmalıdır.
• Logo & Boşluklar düzene uyumlu bir şekilde entegre edilmelidir.
• Sezgisel bir navigasyon için bireysel Başlık & Menü.
• Yasal bağlantılar, sosyal medya profilleri ve iletişim seçeneklerini içeren yapılandırılmış Altbilgi.
• Ana sayfanın „Ayarlar > Okuma“ üzerinden belirlenmesi için Ana Sayfa tanımlama.

Yasal Gereksinimler: Künye, Veri Koruması & Çerez Onayı

Her web sitesi bir künye ve bir gizlilik politikası gerektirir. Ayrıca, GDPR ve TTDSG'ye uygun olmak için işlevsel bir çerez onay aracı gereklidir. Buna bir örnek, Matomo'yu GDPR uyumlu bir şekilde entegre etmek için test edilebilen ve kendi komut dosyalarıyla genişletilebilen Reel Cookie Consent'tir.

Alt Alan Adı Kullanımında Matomo

Matomo, ana alan adında veya bir alt alan adında çalıştırılabilir. Alt alan adı kullanımının avantajları şunlardır:

• Daha iyi veri kontrolü & güvenlik – veriler tamamen kendi sunucunuzda kalır.
• Verilerin üçüncü taraflara iletilmemesi nedeniyle veri koruma dostu yapılandırma.
• GDPR gereksinimlerini karşılamak için kullanıcılar için kendi vazgeçme (opt-out) seçenekleri.

Bir WordPress-Web Sitesi İçin Zorunlu Eklentiler

Profesyonel ve işlevsel bir WordPress sitesi için belirli eklentiler bizim açımızdan neredeyse vazgeçilmezdir (projeye göre liste elbette değişebilir):

• RankMath – Şema desteği, yönlendirmeler ve birçok sayfa içi yardım içeren SEO eklentisi
• Happy Files – Medya, gönderiler, sayfalar ve daha fazlası için klasörlerle dosya yönetimi
• Reel Cookie Consent – Çerez yönetimi (veya Real Cookie Banner, Borlabs Cookie veya Complianz gibi alternatifler)
• DIVI Supreme – DIVI için gelişmiş modüller ve efektler
• WP Armour – Form spam'ine karşı koruma
• AIOS (All in One Security) – Giriş, dosya sistemi ve güvenlik duvarı güçlendirmesi için kapsamlı güvenlik eklentisi

WordPress'te Güvenlik Yapılandırması

Kurulumdan sonra güvenlik ayarları hemen optimize edilmelidir:

• Brute-force saldırılarına, spam'e ve basit bot saldırılarına karşı koruma için AIOS & WP Armour'u etkinleştirin.
• Hedefli saldırıları zorlaştırmak için standart yönetici kullanıcı adını değiştirin.
• Daha fazla güvenlik için iki faktörlü kimlik doğrulama (isteğe bağlı, ancak önerilir).
• Düzenli yedeklemeler ayarlayın (örn. Duplicator, UpdraftPlus veya BackWPup ile) ve geri yüklemeyi test edin.

WordPress Medya Ayarlarının Uyarlanması

Varsayılan olarak WordPress medyayı aylık olarak ayrılmış klasörlerde saklar. Bu bloglar için mantıklıdır, ancak şirket web siteleri için genellikle pratik değildir. Bu nedenle, „Ayarlar > Medya“ altında otomatik klasör yapısını devre dışı bırakmak ve bunun yerine medya kütüphanesini Happy Files gibi bir araçla düzenlemek önerilir.

Temel Kurulum Sonrası Tasarım Aşaması

Temel kurulumdan sonra asıl tasarım başlar:

• Renkleri, yazı tiplerini & boşlukları belirleyin – DIVI'de global olarak tasarım temeli olarak (veya DIVI 5'te ek olarak tasarım değişkenleri aracılığıyla).
• Navigasyonu sezgisel hale getirmek için bireysel Başlık & Menü oluşturun.
• Künye, gizlilik politikası, sosyal medya bağlantıları ve iletişim seçeneklerini içeren Altbilgiyi ayarlayın.
• Telefon numaralarını tel: ve e-posta adreslerini mailto: ile tıklanabilir hale getirin.
• Ana sayfa oluşturun ve ardından „Ayarlar > Okuma“ altında ana sayfa olarak belirleyin.

Bu yapı ile müşteriler, web sitelerini modern, yasalara uygun ve işlevsel bir şekilde oluşturmak için net bir rehber alırlar. Daha fazla ayarlama gerekirse, belirtilen eklentiler ve araçlar bireysel olarak yapılandırılabilir.

Ortak Geliştirme Süreci

Müşteriyi – istenirse – geliştirme sürecine mümkün olduğunca erken dahil etmek bizim için önemlidir. Bu, görsel görünümün kararlaştırılması ve onaylanmasının yanı sıra sayfaların, menülerin oluşturulması, SEO verilerinin bakımı, medya yüklemeleri ve daha fazlasını kapsar. Müşteri ne kadar çok şeyi kendisi yapabilirse o kadar iyi olur – ve daha sonra bağımsız bakım o kadar kolaylaşır.

Logo ve Favicon

Sıkça eski veya henüz kendi tasarımları mevcut değildir. Bu durumda, vektör dosyası ve şeffaf PNG olarak logolar ve faviconlar da oluştururuz. Midjourney ve Illustrator sayesinde, istenirse 2D ve 3D logolardan bir seçki sunabiliriz. Ayrıca, boş alan adlarının bulunması, kontrolü ve kaydı veya bunların taşınması dahil olmak üzere isim bulma ile de ilgileniyoruz.

Sosyal Medya Bağlantıları

DIVI, birçok sosyal medya sağlayıcısının hazır, yasal olarak güvenli logolarını içeren kendi modülüyle birlikte gelir. Ayrıca kontrol panelinde DIVI > Tema Seçenekleri altında global bağlantılar da saklanabilir. Logo, menü ve özel altbilgiye sahip başlığı bu sayfada da görebilirsiniz.

SEO İçerik Oluşturma

Şimdi sayfa sayfa oluşturmaya başlıyoruz – bu sırada RankMath hemen dikkate alınmalıdır. Başlık, Açıklama, og:image, h1, h2, h3 … SEO dostu ve iyi okunabilir başlıklar ve anlamlı vurgulara sahip metinler ile anlamlı, iyi optimize edilmiş görsel materyal. SEO öncelikli demek: İçerik sadece ziyaretçiler için değil, aynı zamanda arama motorları ve sosyal medya için de özel olarak hazırlanır. Nelerin dikkate alınması gerektiği ve bunun için hangi araçlara ihtiyacınız olduğu, SEO Stratejisi rehberimizde bulabilirsiniz.

Tüm İçeriklerin ve SEO Verilerinin Sonlandırılması

Oluşturma, her sayfa için farklı süreler alabilir. Bazı sayfalar, örneğin formlar ve bunların SSL üzerinden güvenli gönderimi veya özel izleme/onay ayarları gibi ek yapılandırmalar gerektirir. Ortalama olarak, her sayfa için yaklaşık bir saat veya daha fazla süre beklenmelidir. Tüm sayfalar tamamlanıp son bağlantı test edilene kadar sayfa canlı test için hazır değildir.

Performans Optimizasyonları ile Test Aşaması

Hazır bir sayfa her zaman bir deneyimdir – ancak şimdi kapsamlı bir şekilde test edilmesi gerekir. Şunları kontrol ediyoruz:

• tüm dahili ve harici bağlantılar,
• tüm RankMath önerileri,
• sosyal ağlarda gösterim (örn. Facebook hata ayıklayıcı / URL hata ayıklayıcıları ile),
• hız testleri ile yükleme süreleri (örn. PageSpeed Insights, GTmetrix, WebPageTest).

Tüm hatalar giderildikten ve sayfa performans testlerinde başarılı olduktan sonra nihai olarak canlıya alınır.

Site Haritası Oluşturma ve Google Search Console'a Kayıt

Oluşturmanın son aşaması, Google Search Console'a kayıttır. RankMath veya WordPress tarafından oluşturulan site haritası, Google'ın tüm ilgili içerikleri yapılandırılmış bir şekilde kaydetmesi için yerleştirilir.

Kısa ve Uzun Vadeli İzleme

Birkaç gün sonra sayfanın arama sonuçlarında görünmesi gerekir. site:domain.de ile veya doğrudan Google Search Console'da, gerçekten tüm önemli içeriklerin listelenip listelenmediğini kontrol ederiz. En geç şimdi olası hatalar fark edilmeli ve düzeltilmelidir.

Artık Matomo alt alan adımızı düzenli olarak ziyaret edebilir ve sayfanın başarısını canlı olarak değerlendirebiliriz. Ziyaretçilerin ilgisine göre içerikler genişletilebilir, arama terimleri keskinleştirilebilir ve yeni açılış sayfaları oluşturulabilir. Böylece web sitesi statik kalmaz, şirketin hedefleri doğrultusunda gelişmeye devam eder.

Google İşletme Kaydı

Web sitesi oluşturma ve optimizasyonuyla ilgilenenler, Google İşletme, Haritalar, Görseller, Videolar, Haberler vb. gibi alanlara da göz atmalıdır. Biz bir hizmet sağlayıcıyız ve bir ziyaretçinin hangi verileri gördüğünden de sorumluyuz. Genellikle bir ziyaretçiyi web sitesine çeken veya bir telefon görüşmesini tetikleyen tam da bu verilerdir.