WordPress sitenize ekmek kırıntıları nasıl eklenir (ve neden sallanıyorlar)

Bu yazı, pişirmenizi artırmak için ekmek kırıntılarını nasıl kullanabileceğinizle ilgilidir. Hayır, bu doğru değil. Bu yazı, WordPress sitesi navigasyonunuzu artırmak için ekmek kırıntılarını nasıl kullanabileceğinizle ilgilidir. Kulağa daha iyi geliyor. Bu yazıda, ekmek kırıntılarının neden şaşırtıcı olduğunu söyleyeceğim. Sonra size kendi sitenize nasıl ekmek kırıntıları ekleyebileceğinizi göstereceğim. Bunun gerçekleşmesi için küçük bir bilgi koduna ihtiyacınız olacak, ancak mümkün olduğunca çok şeyi basitleştirmeye çalışacağım.
Breadcrumbs sadece Hansel ve Gretel Breadcrumbs için değil, sadece kaba ebeveynlerle Alman çocuklarına yardım etmekle kalmaz, aynı zamanda insanlar ve arama motorlarının web sitenizde gezinmesini kolaylaştırırlar. Neden bahsettiğimden emin değilseniz, bu küçük şeyleri kastediyorum:

Tüm internette, özellikle e -ticaret mağazalarında veya derin navigasyon yapılarına sahip diğer sitelerde göreceksiniz. Öyleyse neden bu kadar çok site ekmek kırıntıları kullanıyor? Breadbrumbs, kullanıcılarınızın ev ekmek kırıntılarının yalnızca kullanıcılarınızın web sitenizde gezinmesini kolaylaştırmasına yardımcı olur. Jakob Nielsen’in Nielsen Norman Group’tan sözleriyle, “Kullanıcı testi birçok fayda gösterir ve ikincil navigasyon için ekmek kırıntılarında kayıp yoktur.”
Ekmek kırıntıları kullanıcılarınız için iki şey yapar:

Aşağıda bağlı makaleler
Kullanıcıları sitenizde nerede olduklarını gösterin
Kullanıcılara bir tıklamayı daha yüksek bir site seviyesine erişin
Yaptığınız her şey bir blog yazısı yazmaksa, ekmek kırıntıları kullanıcı deneyimi için yararlı olmayabilir çünkü blog yayınları sadece bir seviye. Yani, normal blog yayınları için ekmek kırıntıları böyle görünüyor (daha sonra göreceğiniz gibi olmasına rağmen): Ana Sayfa> Blog Yazı Başlığı, ancak bir yuvalama sayfası kullanıyorsanız, özel bir yazı türü kullanarak bir e -ticaret mağazası çalıştırın veya Hiyerarşi daha karmaşık olan her şey, breadbrumb sitenizi kullanıcı deneyiminizi geliştirir. Google, insan ziyaretçilerinize yardımcı olmanın yanı sıra ekmek kırıntılarını da takip edebilir, ekmek kırıntıları da Google’ın tüm sitelerinizi taramasını kolaylaştırır. Ekmek kırıntısı, sitenizin belirli bölümlerine bağlantısı olduğundan, Google tüm sitelerinizi kapsamak için bağlantıyı kolayca takip edebilir. Bu, site haritanız için bir yedekleme gibidir. Buna ek olarak, ekmek kırıntıları kullanmak, Google’ın organik arama sonuçlarında ekmek kırıntıları almanıza yardımcı olabilir, bu da ham url’den açıkça daha temiz görünebilir:
İlk olarak – Bir sonraki bölümde açıklayacağım breadcrumbrrm eklentisini kullanmaya başlamadan önce temanızın ekmek kırıntılarını destekleyip desteklemediğini kontrol edin, kendinize yardım edin ve temanızın ekmek kırıntısını desteklemediğinden emin olun.

Ekmek kırıntıları evrensel özellikler değildir, ancak birçok tema seçenek panelindeki bir yerde ayarları gizler. Kontrol etmek istediğiniz iki yer var.
Aşağıda bağlı makaleler

Birincisi, temanızın özel bir tema ayarı kontrol paneli varsa, kesinlikle oraya bakmak istersiniz:

Başka bir tema, WordPress ayarlarında ekmek kırıntı ayarları sunabilir, bu nedenle orada kontrol etmek istersiniz. Şanssız? Tamam, o zaman eklentiye geçmelisiniz. İşte sizin seçiminiz! WordPress SEO ile WordPress’e ekmek kırıntıları nasıl eklenir WordPress topluluğunun% 50’si (biraz abartma) kullanıyorsanız, ekmek kırıntıları eklemenize yardımcı olabilecek araçlara zaten erişiminiz var. Ama kullanmak için … Ellerinizi küçük bir kodla kirletmeniz gerekiyor. Endişelenme – size nasıl çalıştığını göstereceğim. Yoast SEO’daki ekmek kırıntıları ayarlarına erişmek için, önce SEO → Gösterge Tablosu → Özellikler: Özellikler sayfasını etkinleştirmelisiniz:

Değişikliklerinizi kaydettiğinizden emin olun. Ardından, Yoast’ta birçok yeni menü seçeneği alacaksınız. Açık SEO → Devam ve Ekmek kırıntılarını etkinleştirin:
Aşağıda bağlı makaleler

Ekmek kırıntılarını etkinleştirdikten sonra birçok yapılandırma seçeneği göreceksiniz. Gerçekten değiştirmeniz gereken tek şey, yazı türünde ekmek kırıntılarında görüntülenecek taksonomiyi seçmektir.

Sıradan yazılar için ekmek kırıntıları kullanmanın çok yararlı olmadığını nasıl söylediğimi hatırlıyor musunuz? Bu özellik, ekmek kırıntısının bir parçası olarak kategoriyi, etiketi veya post formatını görüntülemenize izin vererek daha yararlı hale getirir. Kullanımın çoğu için, kategoriyi seçmek en iyi seçimdir:

Ardından, değişikliklerinizi kaydettiğinizden emin olun. Tema şablonu dosyanızı kazmanın zamanı geldi Tamam – her şeyin biraz karmaşık olmaya başladığı yer burası. Şimdi, tema şablonu dosyanızı gerçekten kazmalı ve biraz PHP eklemelisiniz. Biliyorum – kulağa zor geliyor. Ama geliştiriciden çok uzaktayım ve öğrenmeyi başardım, bu yüzden siz de yapabileceğinizden eminim! En az birkaç kod becerisine ihtiyacınız olacak. Bireysel gönderi sayfalarımızda ekmek kırıntıları göstererek başlayalım. Bu kodun bir görüntüsüne ihtiyacınız var: Bunu yapmak için, görünüm → düzenleyiciyi açın ve tek bir yazı için bir dosya seçin (single.php). Ne yazık ki, her tema için talimat veremem, ancak aranması gereken bazı şeyler var. Yirmi on yedi varsayılan tema için, “The Loop” un başlangıcından hemen sonra koyacaksınız. Ancak diğer temalar için, yayınınızın başlığına koymak istiyorsunuz:
Ve tıpkı bunun gibi, sitemde ekmek kırıntıları var!

Ayrıca sayfanızda ekmek kırıntıları istiyorsanız, işlemi tek bir sayfa için tekrarlamanız gerekir (Page.php). Yukarıdakiler sizi karışık hale getirirse, birçok tema için işlev gören daha basit bir potansiyel çözüm, bazı temalar için işleri ele almanın daha basit bir yolu, header.php dosyanızın sonuna yoast seo ekmek kırıntıları kodunu eklemektir. Aynı şekilde erişebilirsiniz – görünüm → düzenleyici → header.php. Ardından, kod snippet’ini dosyanın son bölümüne ekleyin ve değişikliğinizi kaydedin:
Ve ön tarafta, başka bir ekmek kırıntısı var! Sadece şimdi, sola çok uzaklar: sorunu çözmek için Div’e PHP parçaları koyabilir ve DIV’yi hareket ettirmek için CSS kullanabilirsiniz. Örneğin, kodu buna güncelleme:

Ekmek kırıntılarını hareket ettirmek için bu küçük CSS’yi kullanmanıza izin verir:. Breadcrumbholder {Margin-sol:%15; }

Daha iyi! İyi olan şey, breadcrumb kodu başlığınızda olması, otomatik olarak tüm yayınlarda, sayfalar, kategori arşivleri ve daha fazlasında görünecektir.

Tema şablonu dosyanızı kazmanızı gerektirmeyen bir breadcrumbrrm eklentisi bulmaya çalıştığım her şeyi sarıyorum. Ancak ne yazık ki, bulduğum tüm popüler seçenekler temanıza manuel olarak kod eklemenizi gerektiriyor. Bu nedenle, Yoast SEO’nun uygulanmasıyla hapsoldum. Ancak, Yoast kullanmıyorsanız, John Havlik’ten Breadbrumb Navxt’i görmenizi öneririm. Aynı Navxt ekmek kırıntısı ile ekmek kırıntıları ekleme işlemi – yalnızca eklentiler için farklı kod snippet’lerini kullanacaksınız. Şimdi sana kalmış-ekmek kırıntılarının gerçekten yardımcı olduğunu mu düşünüyorsun? Yoksa sadece seni engelliyorlar mı?