WordPress Breadcrumbs Nedir ve Nasıl Eklenir?
05.01.2022 13:57 685 Görüntülendi

WordPress Breadcrumbs Nedir ve Nasıl Eklenir?

Sıradan ismine rağmen, Breadcrumbs sitenizin Kullanıcı Deneyimini (UX) ve Arama Motoru Optimizasyonu'nu (SEO) geliştirmek için çok kullanışlı araçlardır. Bunları etkinleştirmek, bir eklentinin veya küçük bir özel kodun yardımıyla oldukça basittir.

Bu yazıda, size WordPress Breadcrumbsları tanıtacağız ve nasıl çalıştıklarını açıklayacağız. Ardından, bunları sitenize nasıl ekleyeceğinizi, biçimlendireceğinizi ve kaldıracağınızı göstereceğiz. Hadi başlayalım!

WordPress Breadcrumbs Nelerdir?

Breadcrumbs, WordPress (veya herhangi bir web sitesi) ile ilgili olduklarından, bir yazının veya sayfanın üstünde görünen gezinme bağlantılarıdır. Kullanıcılara, onları o anda görüntüledikleri içeriğe yönlendiren üst düzey kategorileri gösterirler ve ayrıca daha önce görüntülenen sayfalara kolay gezinmeyi sağlarlar.

Örneğin, aşağıdaki örneği göz önünde bulundurun:

WordPress Breadcrumbs Nedir ve Nasıl Eklenir? | Atak Domain Hosting

Sol tarafta, başlığın hemen altında Ana Sayfa> Kaynak Merkezi> Kinsta Blog kelimelerini görebilirsiniz. Her biri, mevcut gönderiden ilgili sayfasına geri giden bir bağlantıdır. Bu, blogumuzdaki okuyucuların Geri düğmesini, menüyü veya arama özelliğini kullanmak yerine tek bir tıklamayla bu önemli içerik alanlarından herhangi birine gitmesini sağlar.

Breadcrumbs ismini bu şekilde almıştır: Kullanıcıları 'ana sayfa'ya geri götüren bir iz oluştururlar. Ziyaretçilerin benzer içeriği bulabilecekleri bireysel gönderiler, ürün sayfaları ve kategori arşivleri arasında geçiş yapmak isteyebilecekleri bloglar ve çevrimiçi mağazalar gibi siteler için özellikle yararlıdır.

WordPress Breadcrumbs Nasıl Çalışır?

Üç farklı WordPress Breadcrumb türü vardır. Hepsi, yukarıda açıklandığı gibi, ancak biraz farklı şekillerde gezinme bağlantılarını içerir:

  • Hiyerarşi tabanlı: Bu Breadcrumblar, yukarıdaki örnekte olduğu gibi kullanıcılara sitenizin yapısında nerede olduklarını gösterir.
  • Özniteliğe dayalı: Esas olarak e-ticaret sitelerinde kullanılan bu tür, kullanıcının aradığı ve onları o anda görüntüledikleri ürüne yönlendiren özellikleri görüntüler.
  • Geçmişe dayalı: Kullanıcılar sitenizde sayfadan sayfaya geçerken, bu Breadcrumblar geldikleri yola geri dönecektir.

Her çeşit Breadcrumblar farklı amaçlar için kullanışlıdır. Ancak, çoğu gezinmeyi ve UX uzantısını iyileştirebilir. Ayrıca SEO amaçları için de faydalıdırlar. Breadcrumblar, sitenizdeki farklı içerik parçaları arasındaki ilişkileri açıkça gösterir. Bu şekilde, arama motoru tarayıcılarının veya 'botların' sitenizin nasıl yapılandırıldığını anlamasını kolaylaştırırlar.

Bu, botların sitenizin sayfalarını daha doğru bir şekilde dizine eklemesini sağlar. Arama motorları, içerik haritalarınızı sonuç listelerinde görüntüleyebilir, böylece kullanıcılar sitenizde aradıkları bilgilerle ilgili ek içerik görebilirler.

Sitenize WordPress Breadcrumbs Nasıl Eklenir?

İster kodlama uzmanı olun ister WordPress'e yeni başlayan biri olun, yalnızca birkaç adımda sitenize hızlı ve kolay bir şekilde Breadcrumbs ekleyebilirsiniz. İşte bu görevi başarmanın dört farklı yolu.

1. Yoast SEO'da Breadcrumbs’ı Etkinleştirin

Yoast SEO, WordPress kullanıcılarının arama motoru sıralamalarını tahmin etmelerine ve içeriklerini buna göre optimize etmelerine yardımcı olan popüler bir eklentidir. Ayrıca, Breadcrumblar dahil sitenizin görünürlüğünü artırmak için başka özellikler de içerir.

Henüz yapmadıysanız, eklentiyi WordPress panonuza kurun ve etkinleştirin:

WordPress Breadcrumbs Nedir ve Nasıl Eklenir? | Atak Domain Hosting

Ardından, bu kod parçacığını temanıza eklemeniz gerekecek:

WordPress Breadcrumbs Nedir ve Nasıl Eklenir? | Atak Domain Hosting

Özellikle nereye ekleyeceğiniz biraz size kalmış. Blog yazılarınızda Breadcrumb kullanmak istiyorsanız, bunu single.php şablon dosyanıza ekleyebilirsiniz.

Alternatif olarak, bunu header.php dosyanızın sonuna yapıştırmak, sitenizin tamamına Breadcrumb ekleyecektir:

WordPress Breadcrumbs Nedir ve Nasıl Eklenir? | Atak Domain Hosting

Gelecekteki tema güncellemelerinin bu özel kodu geçersiz kılabileceğini unutmayın. Bu sorunun nasıl önleneceği veya yalnızca bir alt temanın nasıl kullanılacağı hakkında bilgi için tema geliştiricinizle iletişime geçmeniz gerekir. Snippet yerleştirildikten sonra, gösterge tablonuzda SEO> Arama Görünümü> Breadcrumbs kısmına gidin:

WordPress Breadcrumbs Nedir ve Nasıl Eklenir? | Atak Domain Hosting

Gerekli işlemleri başarılı bir şekilde yaptıysanız şimdi sitenizi ön izleyin:

WordPress Breadcrumbs Nedir ve Nasıl Eklenir? | Atak Domain Hosting

Artık kod parçacığını nereye eklediğinize bağlı olarak sitenizin ilgili bölümlerinde Breadcrumbs görmelisiniz.

2. Bir WordPress Breadcrumbs Eklentisi ile Breadcrumbs'ı Etkinleştirin

Yoast ile Breadcrumbs eklemek, özellikle bu eklentiyi SEO amaçları için kullanıyorsanız kullanışlıdır. Ancak, içeriğinizi optimize etmek için farklı bir eklenti tercih ederseniz, yukarıdaki yaklaşım daha az yardımcı olur. Neyse ki, WordPress'e Breadcrumbs eklemeye yönelik özel olarak tasarlanmış birkaç başka eklenti bulunuyor.

Breadcrumb NavXT

Yoast dışında WordPress'e Breadcrumbs eklemek için en popüler eklenti Breadcrumb NavXT'dir.

WordPress Breadcrumbs Nedir ve Nasıl Eklenir? | Atak Domain Hosting

Bu eklenti, kenar çubuğu veya alt bilgi gibi temanızın sağladığı herhangi bir pencere öğesi alanına ekleyebileceğiniz bir pencere öğesi sağlar. Son derece özelleştirilebilir ve hangi sayfaların ve kategorilerin görüntüleneceğini seçmenize olanak tanır. Breadcrumbs NavXT ayrıca SEO'yu geliştirmek için şema işaretlemesi içerir.

Bu eklentiyi kullanarak Breadcrumb eklemek için Görünüm> Pencere Öğeleri'ne gidin. Görünmesini istediğiniz widget alanına sürüklemek isteyeceğiniz yeni bir Breadcrumb NavXT widget'ı göreceksiniz:

WordPress Breadcrumbs Nedir ve Nasıl Eklenir? | Atak Domain Hosting

Widget ayarlarını açmak için açılır oka tıklayın ve ardından gerekli alanları doldurun:

WordPress Breadcrumbs Nedir ve Nasıl Eklenir? | Atak Domain Hosting

Breadcrumbs’a bağlantı eklemek, sıralarını belirlemek, ön sayfada gizlemek ve önbelleğe almayı yok saymak için gerekli onay kutularını seçtiğinizden emin olun. Bitirdiğinizde Kaydet butonuna tıklayın, ardından sitenizi yenileyip düzgün çalışıp çalışılmadığını kontrol edin:

WordPress Breadcrumbs Nedir ve Nasıl Eklenir? | Atak Domain Hosting

Breadcrumbs artık onlar için seçtiğiniz widget alanında görünür olmalıdır.

Flexy Breadcrumb

Alternatif olarak Flexy Breadcrumb, WordPress'e Breadcrumbs eklemek için en yüksek puan alan eklentidir:

WordPress Breadcrumbs Nedir ve Nasıl Eklenir? | Atak Domain Hosting

Bu eklenti yüklenip etkinleştirildiğinde, [flexy_breadcrumb] kısa kodunu kullanarak sitenize ekleyebilirsiniz. Bu size parkurlarınızın nerede görüneceği konusunda biraz daha esneklik sağlar. Ayrıca yazı tipi boyutu, renk ve simgeler gibi stil bileşenleri üzerinde daha fazla kontrole sahip olacaksınız.

Flexy Breadcrumbs'ı yükledikten sonra, kontrol panelinizin kenar çubuğunda yeni bir öğe göreceksiniz:

WordPress Breadcrumbs Nedir ve Nasıl Eklenir? | Atak Domain Hosting

Ardından, yapılandırmanız gereken bazı ayarlarınız olacaktır. Örneğin ana sayfanız için metin ve simgesini değiştirmek karakter sınırı ayarlamak ve hiyerarşiyi belirleyebilirsiniz:

WordPress Breadcrumbs Nedir ve Nasıl Eklenir? | Atak Domain Hosting

Tipografi sekmesine tıklayarak yazı tipi rengini ve boyutunu kendi isteğinize göre ayarlayabilirsiniz:

WordPress Breadcrumbs Nedir ve Nasıl Eklenir? | Atak Domain Hosting

Özelleştirmelerinizi hallettikten sonra Breadcrumbs'ın görünmesini istediğiniz yere [flexy_breadcrumb] kısa kodunu eklemeniz gerekir. Bunu sitenizde yayınladığınız her bir gönderide yapmak mümkün olsa da kısa kodu bir WordPress widget'ına eklemek daha verimlidir:

WordPress Breadcrumbs Nedir ve Nasıl Eklenir? | Atak Domain Hosting

Daha sonra sitenizi yenileyip kontrol ederseniz, kısa kodu eklediğiniz her yerde görüntülenen Breadcrumbs'ı görebilmeniz gerekir.

3. Breadcrumbs İçeren Bir Tema Kullanın

WordPress temaları genellikle sitenizin nasıl göründüğünü kontrol etme bağlamında düşünülse de web sitenizin işlevselliğini de etkileyebilir. Bunu yapabilmelerinin bir yolu, sayfalarınıza Breadcrumbs eklemektir.

Mevcut bir WordPress sitesine Breadcrumbs eklemek için bir WordPress teması kullanmanın dezavantajı, web sitenizin görünümünü de değiştirmeyi gerektirmesidir. Yerleşik bir markanız ve site kimliğiniz varsa, bu gerçekten pratik bir çözüm değildir ve muhtemelen bir eklenti ile daha iyi durumda olacaksınız.

Ancak, yeni bir WordPress sitesi başlatıyorsanız veya bir web sitesi yeniden tasarımı yürütüyorsanız, Breadcrumbs içeren bir tema seçmek, az çaba gerektiren bir yöntemdir. Ayrıca, WordPress Tema Dizini'nde ücretsiz olarak sunulan çeşitli seçenekler vardır.

OceanWP

OceanWP, en popüler çok amaçlı WordPress temalarından birisidir:

WordPress Breadcrumbs Nedir ve Nasıl Eklenir? | Atak Domain Hosting

Sayfalarınıza kolayca Breadcrumbs eklemek için kullanabileceğiniz bir kısa kod içerir. Ayrıca OceanWP ile kullanılabilen ve Breadcrumbs içeren birkaç demo da bulunuyor. Kısa kodu kullanmak için bir gönderiye, sayfaya veya metin widget'ına [oceanwp_breadcrumb] eklemeniz yeterlidir: