WordPress'te Breadcrumb Gezinme Bağlantıları Nasıl Görüntülenir

WordPress web sitenizde gezinmeyi kolaylaştırmanın bir yolunu arıyorsanız, ekmek kırıntısı bağlantıları eklemenizi öneririz.

Breadcrumb navigasyonu, kullanıcılara bir web sitesinde ana sayfaya göre nerede olduklarını söyler. Bu breadcrumb izi daha sonra arama sonuçlarında da görüntülenir, bu da web sitenizin öne çıkmasını sağlar.

Kendi web sitelerimizde breadcrumb kullanıyoruz ve bu özelliğin okuyucuların farklı sayfalar arasında gezinmesini kolaylaştırdığını gördük. Bu makalede ise WordPress'te breadcrumb gezinme bağlantılarını nasıl göstereceğinizi anlatacağız.

Breadcrumb Gezinmesi Nedir ve Neden İhtiyacınız Var?

Breadcrumb navigasyonu, bir bağlantı izi olarak sunulan hiyerarşik bir gezinme menüsünü tanımlamak için kullanılan bir terimdir. Genellikle kullanıcıların web sitesinin sayfa hiyerarşisinde yukarı çıkmalarını sağlayan ikincil bir gezinme olarak kullanılır.

Breadcrumb gezinme bağlantıları, WordPress'teki varsayılan gezinme menüsü sisteminden farklıdır.

Breadcrumb navigasyonu, kullanıcıların web sitenizde gezinmesine yardımcı olur ve arama motorlarının bir web sayfasındaki bağlantıların yapısını ve hiyerarşisini anlamasına yardımcı olur.

Breadcrumb'larınız doğru şekilde ayarlanmışsa, Google gibi arama motorları bunları arama sonuçlarında sayfa başlığıyla birlikte gösterecektir. Bu, web sitenizin arama sonuçlarında daha fazla görünürlük kazanmasını sağlar ve tıklama oranınızı artırır.

Bu rehberdeki yöntemler, schema işaretlemesi kullanarak ekmek kırıntılarını doğru bir şekilde ayarlamanıza yardımcı olacaktır. Schema, Google'ın ekmek kırıntılarınızı tanımasına yardımcı olan akıllı bir işaretleme kodudur, böylece arama sonuçlarında görüntülenecektir.

Bununla birlikte, WordPress'te breadcrumb (içerik yolu) gezinme bağlantılarının nasıl ekleneceğine bakalım. Size iki yöntem göstereceğiz ve sizin için en uygun olanı seçebilirsiniz:

• Method 1: Adding Breadcrumb Navigation in WordPress Using All in One SEO (Recommended)
• Yöntem 2: Breadcrumb NavXT ile Breadcrumb Navigasyonu Ekleme
• Video Eğitim

Yöntem 1: Tüm SEO Kullanarak WordPress'te Ekmek Kırıntısı Gezinmesi Ekleme (Önerilen)

Bu yöntem daha kolaydır ve tüm WordPress kullanıcıları için önerilir.

Bu yöntem için, piyasadaki en iyi WordPress SEO eklentisi olan WordPress için All in One SEO'yu kullanacağız. Teknik beceri gerektirmeden WordPress SEO'nuzu kolayca iyileştirmenize yardımcı olur. Ayrıca kullanımı kolay bir breadcrumb özelliği de sunar.

Etkinleştirmenin ardından, eklentinin kurulum sihirbazına yönlendirileceksiniz. Eklentiyi kurmak için ekrandaki talimatları izleyebilirsiniz.

Kurulumla ilgili yardıma mı ihtiyacınız var? WordPress için All in One SEO'yu Doğru Bir Şekilde Kurma (Nihai Rehber) hakkındaki adım adım eğitimimize bakın.

Ardından, Tümü Bir Arada SEO » Genel Ayarlar sayfasına gitmeniz ve 'Ekmek Kırıntıları' sekmesine geçmeniz gerekir.

Breadcrumb şema işaretlemesi, arama motorlarının bulabilmesi için All in One SEO tarafından web sitenizin koduna otomatik olarak eklenir.

Ancak, web sitenizde de ekmek kırıntısı gezinme bağlantılarını görüntülemek istiyorsanız, 'Ekmek Kırıntılarını Etkinleştir' seçeneğini açmanız gerekir.

Anahtarı değiştirmek, WordPress web sitenizde kullanabileceğiniz farklı breadcrumb görüntüleme ayarlarını görmenizi sağlar.

WordPress web sitenizde breadcrumb navigasyon izini görüntülemek için kullanabileceğiniz dört yol vardır.

1. Kısa Kod Kullanarak Breadcrumb Gezinmesi Ekleme

Kısa kod yöntemi kolaydır ve WordPress yazılarınızda, sayfalarınızda veya çevrimiçi mağazanızdaki ürün sayfalarınızda breadcrumb gezinme bağlantılarını görüntülemenizi sağlar.

Gönderiyi, sayfayı veya ürünü düzenlemeniz ve breadcrumb gezinme izini görüntülemek istediğiniz yere aşağıdaki kısa kodu eklemeniz yeterlidir:

[aioseo_breadcrumbs]

Varsayılan blok düzenleyiciyi kullanıyorsanız, kısa kod otomatik olarak Kısa Kod bloğuna dönüşecektir.

Artık gönderinizi veya sayfanızı kaydedebilir ve breadcrumb gezinme menüsünün çalışırken görünmesi için önizleyebilirsiniz.

Test sitemizde görünümü bu şekildeydi.

2. Gutenberg Bloğu Kullanarak Breadcrumb Navigasyonu Ekleme

Şimdi, kısa kod seçeneğini kullanmak istemiyorsanız veya kısa kodu hatırlamıyorsanız, AIOSEO – Ekmek Kırıntıları bloğunu kullanarak ekmek kırıntısı gezinmesini görüntüleyebilirsiniz.

Ekmek kırıntısı gezinmesini görüntülemek istediğiniz gönderiyi veya sayfayı düzenleyin ve AIOSEO – Ekmek Kırıntıları bloğunu ekleyin.

Eklenti daha sonra breadcrumb gezinme bağlantılarınızın canlı bir önizlemesini yükleyecek ve içerik alanında gösterecektir.

Değişikliklerinizi güncelleştirmeyi veya yayınlamayı unutmayın.

3. Widget Kullanarak Breadcrumb Gezinmesi Ekleme

Yukarıdaki iki yöntem, breadcrumb navigasyon bağlantılarını görüntülemek istediğiniz her gönderide veya sayfada bir kısa kod veya blok eklemenizi gerektirir.

Her gönderi veya sayfa için otomatik olarak breadcrumb görüntülemek isteseydiniz ne olurdu?

AIOSEO Breadcrumbs widget'ı bunu kolayca yapmanızı sağlar.

Yalnızca Görünüm » Widget'lar sayfasına gidin ve AIOSEO – Breadcrumbs widget bloğunu ekleyin. Bunu sitenizin kenar çubuğuna, altbilgisine veya herhangi bir widget alanına ekleyebilirsiniz.

Widget için bir başlık belirtebilir veya isterseniz boş bırakabilirsiniz.

Ayarlarınızı kaydetmek için ‘Güncelle’ düğmesine tıklamayı unutmayın.

Artık web sitenizi ziyaret edebilir ve tüm gönderilerde ve sayfalarda ekmek kırıntısı gezinme menüsünü görebilirsiniz.

4. Kod Kullanarak Breadcrumb Gezinmesi Ekleme

Bu yöntem, breadcrumb gezinme bağlantılarını tam olarak istediğiniz yerde görüntülemenizi sağlar. Ancak, WordPress tema dosyalarınıza kod eklemenizi gerektirir.

Bunu daha önce yapmadıysanız, WordPress'e kod parçacıkları ekleme hakkındaki makalemizi görmeyi unutmayın.

İlk olarak, breadcrumb bağlantılarını nereye yerleştireceğinize karar vermeniz gerekir. En yaygın yer, bireysel gönderi, sayfa veya ürün başlığının altıdır.

WordPress temaları, web sitenizin farklı bölümlerini görüntülemek için şablon dosyalarını kullanır. Örneğin, birçok tema, temanızın template-parts klasöründe bulunan content-single.php adlı bir dosya kullanır.

WordPress temanızda hangi dosyaları düzenleyeceğinizi bulmak için ipucu sayfamıza bakın.

Bundan sonra, bir FTP istemcisi kullanarak tema dosyanızı düzenlemeniz gerekir. Talimatlar için WordPress'e dosya yüklemek için FTP'nin nasıl kullanılacağına dair kılavuzumuza bakın.

Ardından, breadcrumb gezinme bağlantılarını görüntülemek istediğiniz yere aşağıdaki kodu yerleştirin:

<?php if( function_exists( 'aioseo_breadcrumbs' ) ) aioseo_breadcrumbs(); ?>

Değişikliklerinizi kaydetmeyi ve dosyayı web sitenize geri yüklemeyi unutmayın.

Breadcrumb bağlantılarını çalışırken görmek için artık web sitenizi ziyaret edebilirsiniz.

AIOSEO'da Breadcrumb Bağlantılarının Görüntülenme Şeklini Değiştirin

Varsayılan olarak, All in One SEO, breadcrumb gezinme bağlantılarınızı görüntülemek için bir şablon kullanır. Ana sayfanıza, kategorinize, üst sayfanıza ve gönderi veya sayfa başlığını içeren bir bağlantı içerir ve bunlar '»' sembolü ile ayrılır.

Bunu, Tüm SEO » Genel Ayarlar sayfasına gidip ‘Ekmek Kırıntıları’ sekmesine giderek değiştirebilirsiniz. Ardından, Ekmek Kırıntısı Ayarları bölümüne doğru aşağı kaydırın.

Buradan ayırıcıyı değiştirebilir, ana sayfa bağlantısını gösterebilir veya gizleyebilir, bir önek ekleyebilir ve daha fazlasını yapabilirsiniz.

Bitirdikten sonra ayarlarınızı kaydetmeyi unutmayın.

Yöntem 2: Breadcrumb NavXT ile Breadcrumb Navigasyonu Ekleme

Bu yöntem, diğer tüm WordPress SEO eklentileriyle kullanılabilir. Uyumlu bir temanız varsa kullanımı kolaydır, ancak yoksa breadcrumb gezinme bağlantılarınızı görüntülemek için tema dosyalarınızı düzenlemeniz gerekir.

Yapmanız gereken ilk şey, Breadcrumb NavXT eklentisini kurmak ve etkinleştirmektir. Daha fazla ayrıntı için, bir WordPress eklentisinin nasıl kurulacağına dair adım adım rehberimize bakın.

Etkinleştirdikten sonra, eklenti ayarlarını yapılandırmak için Ayarlar » Breadcrumb NavXT sayfasını ziyaret etmeniz gerekir.

Varsayılan ayarlar çoğu web sitesi için işe yaramalıdır. Ancak, ayarları gerektiği gibi özelleştirebilirsiniz.

Ayarlar sayfası farklı bölümlere ayrılmıştır. Genel ayarlar sekmesinde, breadcrumb'larınızın stilini ve ayarlarını değiştirebilirsiniz.

Bu bağlantı şablonlarının bağlantı etiketinde Schema.org işaretlemesi kullandığını da fark edeceksiniz.

Eklenti ayarları altındaki gönderi türleri sekmesi, gönderiler, sayfalar ve herhangi bir özel gönderi türü için breadcrumb bağlantıları ayarlamanıza olanak tanır.

Gönderi hiyerarşinizi nasıl görüntülemek istediğinizi seçebilirsiniz. Varsayılan olarak eklenti, ‘Site Başlığı > Kategori > Gönderi Başlığı’ hiyerarşisini kullanacaktır.

kategorileri etiketlerle, tarihlerle veya gönderi üst öğesiyle değiştirebilir ve ayırıcıyı değiştirebilirsiniz.

Taksonomiler ve Çeşitli sekmeleri, breadcrumb gezinme bağlantılarınız için benzer şablonlara sahiptir.

İşiniz bittiğinde değişikliklerinizi kaydetmeyi unutmayın.

Breadcrumb NavXT, web sitenizde breadcrumb (sayfa yolu) gezinme bağlantılarını göstermek için birden fazla yol sunar.

1. Tema Desteği ile Breadcrumb Navigasyonu Görüntüleme

En popüler WordPress temalarının bazılarında, Breadcrumb NavXT veya WordPress SEO eklentisini kaynak olarak seçerek breadcrumb gezinmesini görüntülemek için yerleşik bir seçenek bulunur.

Örneğin, Sydney temasını kullanıyorsanız, Görünüm » Özelleştir sayfasına gidebilirsiniz. Ardından, 'Genel' menüsüne ve ardından 'Breadcrumbs' seçeneğine tıklayın.

Buradan, ‘Breadcrumbs Generator’ açılır menüsünden ‘Breadcrumb NavXT’ seçmeniz gerekecektir.

Ayrıca, 'Konum' açılır listesinden bir seçenek belirleyerek breadcrumb'larınızın nerede görüntülenmesini istediğinizi seçebilirsiniz.

Tek bir gönderi veya sayfa görüntüliyorsanız, breadcrumb gezinme bağlantılarınızın canlı bir önizlemesini göreceksiniz.

Değişikliklerinizi kaydetmek için ‘Yayınla’ düğmesine tıklamayı unutmayın.

2. Breadcrumb Trail Bloğu ile Navigasyon Bağlantılarını Görüntüleme

Breadcrumb Trail bloğunu kullanarak da breadcrumb gezinme bağlantılarını görüntüleyebilirsiniz.

WordPress içerik düzenleyicinize gidip, gezinme bağlantılarını göstermek istediğiniz yere Breadcrumb Trail bloğunu eklemeniz yeterlidir.

Ardından, içeriğinizi güncelleyebilir veya yayınlayabilirsiniz.

Bundan sonra, gezinme bağlantılarının çalıştığını görmek için web sitenizi ziyaret edin.

3. Widget Kullanarak Breadcrumb Navigasyonu Ekleme

Eklenti ayrıca kenar çubuğunda veya herhangi bir widget'a hazır alanda breadcrumb navigasyonunu görüntülemek için kullanabileceğiniz bir widget sağlar.

İlk olarak, Görünüm » Widget'lar sayfasına gidin ve 'Breadcrumb Trail' widget bloğunu sitenizin kenar çubuğu veya altbilgi gibi widget alanına ekleyin.

Varsayılan widget ayarları çoğu web sitesi için işe yarayacaktır, ancak gerekirse bunları değiştirebilirsiniz. Örneğin, ön sayfada izi gizlemek isteyebilirsiniz.

Widget ayarlarınızı kaydetmek için lütfen ‘Güncelle’ düğmesine tıklamayı unutmayın.

4. Kod Kullanarak Breadcrumb Gezinmesi Ekleme

Eklenti ayrıca ileri düzey kullanıcılar için breadcrumb gezinme bağlantılarını görüntülemek üzere bir kod yöntemi sunar.

İlk olarak, bir FTP istemcisi kullanarak WordPress sitenize bağlanmanız gerekir. Ardından, /wp-content/themes/ dizininde bulunan mevcut WordPress tema klasörünüze gidin.

WordPress temaları, web sitenizin farklı bölümlerini görüntülemek için şablon dosyalarını kullanır. Örneğin, birçok tema temanızın template-parts klasörü içinde bulunan content-single.php adlı bir dosya kullanır.

WordPress temanızda hangi dosyaları düzenleyeceğinizi bulmak için ipucu sayfamıza bakın.

Düzenlemek için şablon dosyasını açın ve ardından ekmek kırıntısı izini görüntülemek istediğiniz yere aşağıdaki kodu yerleştirin:

<?php if( function_exists( 'bcn_display' ) ) bcn_display(); ?>

Değişikliklerinizi kaydetmeyi ve dosyayı web sitenize geri yüklemeyi unutmayın.

Artık ekmek kırıntısı bağlantıları izini çalışırken görmek için web sitenizi ziyaret edebilirsiniz.

Video Eğitim

Umarım bu makale, WordPress'te breadcrumb (sayfa yolu) gezinme bağlantılarını nasıl göstereceğinizi öğrenmenize yardımcı olmuştur. Ayrıca, WordPress'te giriş yapmış kullanıcılara farklı menüler nasıl gösterilir veya WordPress sitenize mega menü nasıl eklenir hakkındaki rehberimize de göz atmak isteyebilirsiniz.

Bu makaleyi beğendiyseniz, lütfen WordPress video eğitimleri için YouTube Kanalımıza abone olun. Bizi ayrıca Twitter ve Facebook'ta da bulabilirsiniz.