WordPress'te ekmek kırıntıları nasıl yapılır (ekmek kırıntısı). Breadcrumb NavXT eklentisini kullanan WordPress'teki Breadcrumb'lar (bağlantıyı güçlendirme) WordPress için Breadcrumbs

Merhaba, blog sitesinin sevgili okuyucuları. Bugün blogumda çok önemli iki amaç için kullanılan bir WordPress eklentisinden bahsetmek istiyorum.

Birincisi, gezinmeyi kolaylaştırır ve ikinci olarak çok önemli bir sorunu çözer: doğru dahili bağlantı oluşturma. Entrikayı uzatmamak için hemen söyleyeyim, Breadcrumb NavXT eklentisinden bahsedeceğiz. Ama önce ilk şeyler.

Herhangi bir harici bağlantı yoluyla aktarılan statik ağırlığın projenin tüm web sayfalarına eşit şekilde dağıtılması için site sayfalarının düzgün şekilde bağlanmasının gerekliliği hakkında zaten çok konuştum. Bu özellikle önemlidir.

WordPress'te neden kırıntılara ihtiyacınız var?

LF yoluyla tanıtımın birçok avantajı vardır; bunlardan en önemlisi (özellikle ticari olmayan projeler için önemlidir) herhangi bir yatırım gerektirmemesidir. Para harici bağlantılar satın almak için gereklidir. Bunun nedeni LF'de ilerlemenin yalnızca iç site sayesinde ve anlatıldığı gibi doğru bağlantının oluşturulmasıyla mümkün olmasıdır.

Bu arada, ticari projeler için düşük frekanslı tanıtımların da bir takım avantajları vardır; bunlardan en önemlisi yine daha düşük maliyettir, ancak bunun yanı sıra, bu tür sorgular için arama sonuçlarından gelen ziyaretçilerin gelme olasılığı çok daha yüksek olacaktır. Orta ve yüksek frekanslı (ikincisinin belirsizliği nedeniyle) gelen ziyaretçilere göre banknotlara dönüştürülmesi.

Doğru bağlantının ana fikri, sitenin farklı sayfalarına (çoğu dış bağlantı genellikle ana sayfaya yönlendirir) aktarılan statik ağırlığın, doğrudan LF boyunca tanıtılanlara (makalelerin bulunduğu) sorunsuz bir şekilde akmasını sağlamaktır. aslında bulunmaktadır).

Ancak yukarıdaki makalede açıklanan ideal dairesel şemanın gerçek koşullarda uygulanması zordur, dolayısıyla küresel bağlantı şeması iyi bir seçenek olabilir. Kabaca söylemek gerekirse, böyle bir şema, ne kadar çok dahili bağlantı varsa, statik ağırlığın o kadar iyi dağıtılacağı noktaya kadar abartılabilir. Kanın tüm iç organlara, hatta akciğerlerden en uzak organlara bile oksijen taşımasını sağlayan dallanmış bir dolaşım sistemi gibidir.

Her makale yazdığınızda, sitenizdeki alakalı olacak diğer materyallere bağlantıları manuel olarak ekleyebilirsiniz. Her makale için oluşturduğunuz dahili bağlantı listesini çok ciddiye aldığınız doğrudur. Bu yaklaşık olarak aynı şekilde yapılmalıdır. Ona yapılan tüm referanslarda aynı seyreltilmemiş anahtarı kullanmamalısınız, ne demek istediğimi anlıyorsunuz.

Bu çok iyi bir yol, ancak bunu otomatik yöntemler kullanarak genişletmek ve tamamlamak her zaman iyi bir fikir olacaktır. Bunun gibi bir şeyi düzenlemek için en yaygın seçeneklerden biri, kaynakta gezinme olanaklarını genişletmenin yanı sıra bir kaynak oluşturma olanaklarını genişleten kırıntılardır. Projenizdeki bu makalenin konusuna benzer diğer benzer materyallere bağlantı bloğu.

Bugün ilk seçeneğe ayrıntılı olarak bakmak istiyorum, ancak WordPress için benzer malzemeler hakkında .

Breadcrumb'ları uygulamak için Breadcrumb NavXT eklentisini kullanacağız. Prensip olarak bu amaçlar için diğer WordPress eklentilerini kullanabilirsiniz, ancak ben en çok bunları beğendim. Hatta mümkün.

Breadcrumb NavXT eklentisini WordPress’e yükleme

Tamam, eklentiyi kurup yapılandırmaya geçmenin zamanı geldi. Birdenbire ekmek kırıntılarının ne olduğunu bilmiyorsanız, sorun değil. Aslında ilk başta ben de bilmiyordum, çünkü bu terim burjuvaziden alınmış ve onları yolu işaretlemek için kullanan Hansel ve Greta hakkındaki burjuva masallarıyla ilişkilendiriliyor.

Anlayışımıza göre, sitede gezinmenin bu unsuruna "Ariadne'nin konusu" denmelidir çünkü bir şekilde bize daha yakın. Tamam, buna böyle diyorlardı. Yani genellikle site penceresinin üst kısmında bir yerde görünürler ve aslında içinde bulunduğunuz makalenin yoludurlar. şu an okuyorsun.

Örneğin, kırıntıları kullanarak gezinmeyi gerçekten seviyorum ve gerçekte nerede olduğumu ve aynı konu hakkında daha fazlasını okumak için bu harika makalenin bulunduğu bölüme nasıl gideceğimi anlamak için her zaman herhangi bir sitede onların satırını bulmaya çalışıyorum. .

Peki ekmek kırıntılarının ne olduğunu hatırlıyor musun? Sanırım hatırladınız, ancak hatırlamadıysanız, bu pencerenin en üstüne, bu blogun başlığının altına bakın.

Öncelikle Breadcrumb NavXT'yi indirmeniz gerekecek buradan. Eklentinin WordPress’e yüklenmesi standarttır. Blogunuza FTP aracılığıyla bağlanın (FileZilla istemcisiyle çalışma ayrıntılı olarak anlatılmıştır) ve sunucudaki klasörü açın:

/wp-içerik/eklentiler

Arşivi Breadcrumb NavXT ile açın ve ortaya çıkan klasörü, dizindeki (/wp-content/plugins) barındırma sunucusuna kopyalayın. Şimdi WordPress yönetici alanına gitmeniz, soldaki menüden “Eklentiler”i seçmeniz ve açılan pencerede “Etkin Değil” sekmesine gitmeniz gerekecek. İhtiyacınız olanı içeren satırı bulun ve hemen altında bulunan “Etkinleştir” metnine tıklayın.

Breadcrumb NavXT'yi çağırma ve kırıntıların görünümünü özelleştirme

Aslında hepsi bu. Artık önemli bir ayrıntı daha kaldı: WordPress şablonunda (temasında) kırıntıların bulunduğu satırın görüntüleneceği bir yer seçin ve Breadcrumb NavXT eklenti işlevinin kodunu bu yere ekleyin. Motorun yapısına ve temalarının işleyişine pek aşina olmayan acemi bir web yöneticisi için bu görev tamamen önemsiz değildir.

Ama bu muhtemelen kafanızı karıştırmayacaktır çünkü... her zaman okuyabilirsiniz, neyse ki orada karmaşık bir şey yok.

Temaların yapısına zaten aşina iseniz ve içindeki belirli şablonların amacını biliyorsanız devam edeceğiz. Ancak aksi takdirde, yukarıda belirtilen materyali (veya başka bir materyali) kullanarak en azından yüzeysel olarak buna aşina olmanızı tavsiye ederim.

Bu nedenle, görevimiz, kırıntıları çağırmak için kodu eklememiz gereken, kullandığınız temanın bulunduğu klasördeki dosyaları tanımlamaktır. Daha sonra bunu kodun tam olarak neresine ekleyeceğimize karar vermeniz gerekecek:

Öncelikle blogunuza FTP yoluyla bağlanmanız ve kullanmakta olduğunuz temanın bulunduğu klasörü açmanız gerekir:

Wp içeriği/temalar/başlık WordPress temaları

Şimdi size ekmek kırıntılarının çıktısını nasıl kendim yaptığımı anlatayım, benden sonra her şeyi tekrarlayabilirsiniz veya kendi ekleme versiyonunuzu kullanabilirsiniz.

Şablonların amacını temadan görselleştirmeye çalışırsanız, şu düzene benzer bir şey elde edersiniz:

Bu düzenden, Breadcrumb NavXT'yi çağırmak için kodu blogun orta kısmında içeriği görüntülemekten sorumlu olan şablonlara eklememiz gerektiği sonucuna varabiliriz: INDEX, TEK, ARŞİV, SAYFA veya ARAMA.

Doğru, WordPress ana sayfasını oluşturmaktan sorumlu olan INDEX'te kırıntıları göstermedim, çünkü orada ek gezinme gereksiz olacaktır.

Bunu şunun içine ekledim: TEK (makaleler içeren sayfalar oluşturmaktan sorumludur), ARŞİV (kategori sayfaları, geçici arşivler, etiket arşivleri oluşturur), SAYFA (statik sayfalar halinde oluşur, örneğin, "Blog hakkında").

Breadcrumb NavXT'yi çağırma kodunu bu şablonlara aynı yere ekledim - en başta, ilk satırın hemen sonrasına:

böylece şu şekilde ortaya çıkıyor:

Kullandığım temanın bulunduğu klasördeki basamaklı stil sayfası dosyası STYLE.CSS'ye birkaç tane ekledim CSS özellikleri BREADCRUMB sınıfı için:

Breadcrumb ( font:bolder 12px "Trebuchet MS", Verdana, Arial; padding-bottom: 10px; ) .breadcrumb a( color: #1B7499; ) .breadcrumb a:hover ( color: #EF0E0E; )

Bu özellikler WordPress'teki kırıntıların görünümünü tanımlar: , a . Ayrıca, içerik kırıntılarından gelen bağlantıların rengini (.breadcrumb a) ve fareyi üzerlerine getirdiğinizde bağlantıların rengini (.breadcrumb a:hover) belirlerler. Genel olarak sayfayı okumanızı tavsiye ederim.

Breadcrumb eklentisinin özellikleri ve ayarları

Dilediğinizi yapmakta özgürsünüz. Dedikleri gibi, sahibi efendidir. Ancak bununla sadece ekmek kırıntılarının yerini belirledik ve görünüşlerini belirledik. Ancak bu eklentinin hala oldukça fazla ayarı var.

Bunu yapmak için WordPress yönetici alanına gidin ve “Ayarlar” alanında soldaki menüden “Breadcrumb NavXT”yi seçin. Açılan pencerede birkaç sekme göreceksiniz:

Genel sekmesinde blogunuzun tüm sayfalarına uygulanacak parametreleri ayarlayabilirsiniz. “Ayırıcı” alanında ekmek kırıntılarında ayırıcı görevi görecek karakteri belirtin. Benim durumumda bu, özel bir kodla belirtilen “>” sembolüdür çünkü “>” sembolü açıkça yerleştirilirse WordPress tarafından HTML etiketinin açıldığının işareti olarak yorumlanacaktır.

Genel olarak, örneğin doğrudan eklenemeyen (anımsatıcılar) vardır. Bunlardan bazıları:

Anımsatıcı kod Sembol " " & &< < > > ¤ ¤ ¦ ¦ § § © ª ? « « ® ® ° ° ± ± µ µ ¶ ¶ · ¹ ? € €

Ekmek kırıntıları için ayırıcı olarak istediğiniz sembolü seçin.

“Maksimum uzunluk” alanında bağlantının (bağlantı metni) uzunluğunu karakter olarak ayarlayabilirsiniz. Uzunluk sınırını tasarım nedeniyle değil, içerik optimizasyonu nedeniyle 60 karaktere ayarladım.

Arama motorları aynı çapalara sahip bağlantılar konusunda kararsız olabilir, bu yüzden onları benzersiz kılmak için küçük parçalar halinde kısaltıyorum. Bunun gerçekten gerekli olmaması mümkündür, ancak her ihtimale karşı.

“Önek” ve “Sonek” alanlarına, kırıntılarda ana sayfaya giden bağlantıdan önce veya sonra gelecek metni girebilirsiniz.

Lütfen bu metnin A etiketinin TITLE özelliğine yerleştirileceğini ve arama motorları tarafından alternatif bir bağlantı olarak değerlendirilebileceğini unutmayın. Demek istediğim, blogunuzun ana sayfasıyla ilgili anahtar kelimeler kullanması gerektiğidir.

Breadcrumb NavXT eklentisinin ayarlarında aynı isimli butonu kullanarak değişikliklerinizi kaydetmeyi unutmayın. Daha sonra tüm sekmelerden geçebilirsiniz. Örneğin, aşağıdaki sayfada, şu anda bulunduğunuz sayfaya yönlendirecek bir bağlantıya ilişkin ayarları yapabilirsiniz:

Bir sonraki "Yayınlar / Sayfalar" sekmesinde, blogunuzun makalelerini ve statik sayfalarını içeren sayfalara olan bağlantıların görünümünü yapılandırabilirsiniz:

Makaleler için, önceki "Geçerli makale" yazısını ayarladım ve metni bir anımsatıcı kod kullanarak tırnak içine aldım (yukarıdaki anımsatıcı kodların listesine bakın):

Bir sonraki “Kategoriler” sekmesine gidin. Prensip olarak, önceki ayarlarda olduğu gibi aynı ayarların tümü burada tekrarlanır. Kategorilere bağlantılar için bir çerçeve (önek ve sonek) ayarlamadım ancak arşiv sayfaları için bir çerçeve belirledim:

Sonuç olarak, arşiv web sayfalarındaki içerik kırıntıları şöyle görünür:

Sana iyi şanslar! Yakında blog sitesinin sayfalarında görüşmek üzere

İlgini çekebilir

Dahili bağlantı için İlgili Yazılar eklentisini kullanarak WordPress'te ilgili yazıların bir listesini (küçük resimlerle) oluşturma
WordPress'te ziyaretçiler için blog haritası oluşturma (Site Haritası Oluşturucu ve WP DS Blog Haritası eklentileri)
Yorum Araç Çubuğu - ekle WordPress yorumları cevaplama ve alıntı yapma imkanı
Basit Sayaçlar ve Kategori ve Sayfa Simgeleri - güzel RSS ve Twitter sayaçlarının yanı sıra WordPress'teki kategoriler ve sayfalar için simgeler Yet Another İlgili Mesajlar eklentisindeki şeffaf piksel http://yarpp.org/pixels nasıl kaldırılır ve yazıt nasıl değiştirilir? Benzer materyaller
WordPress'te Kod Vurgulayıcı ve Yorum Biçimlendirme Düğmeleri - SyntaxHighlighter ve Yorum Formu
Google XML Site Haritaları - WordPress için bir site haritası oluşturma
Takvimlendirin! - WordPress için etkinlik takvimi
WP-PageNavi - WordPress blogu için sayfada gezinme - kurulum, yapılandırma ve değişiklik dış görünüş sayfalandırma
WordPress için Daha İyi Özet Akışı - gönderilerin tam metinlerini RSS'ye nasıl göndermezsiniz ve kendinizi bir haber kanalı aracılığıyla içerik hırsızlığından nasıl korursunuz?
Hepsi Bir Arada SEO Paketi ve bir WordPress blogunun dahili arama motoru optimizasyonu (Kanonik, Açıklama ve Başlık meta etiketleri)

“Breadcrumbs” terimi, bir bağlantı zinciri şeklinde sunulan hiyerarşik bir menü navigasyon sistemini ifade eder. Ziyaretçilerin blogun hangi bölümünde olduklarını anlamalarını sağlar. Wordpress'te içerik kırıntıları genellikle kullanıcıların site sayfalarında gezinmesine yardımcı olmak için gezinme yardımcıları olarak kullanılır. Bu makalede eklentiler kullanılarak bir blogda bağlantıların nasıl görüntüleneceği anlatılmaktadır.

Fonksiyonlar

Wordpress'e kırıntı eklemeden önce bunun neden yapıldığını anlamanız gerekir. Yardımcı menüyü kullanarak ziyaretçiye o anda incelemekte olduğu notun veya ürünün nerede bulunduğunu belirtebilirsiniz. Gerektiğinde kullanıcı daha fazla arama yapmasına gerek kalmadan anında istediği kategoriye döner. karmaşık unsurlar navigasyon. Bu şekilde sitenin kullanılabilirliğini artırabilirsiniz.

Wordpress sayfalarının kırıntıları, doğru bağlantıyı oluşturmanıza olanak tanır. Bu etkinlik bir blogu tanıtmanın en etkili yollarından biridir. Breadcrumb'ları kullanarak ana sayfa, kategoriler ve makaleler arasında bağlantı suyunu dağıtabilirsiniz.

Arama motoru Google sistemi arama sonuçlarında site adlarının altında yardımcı gezinmeyi görüntülemeye başladı. Bu, web kaynağına üst sıralara çıkma fırsatı sağlar. Sürecin ayrıntılı bir açıklaması resmi bilgilerde verilmiştir. Google. Her şey göründüğü kadar kolay değil. Arama motoru, Wordpress kırıntılarının arama sonuçlarında görüntülenip görüntülenmeyeceğini her zaman anlayamayabilir.

Siteye yardımcı navigasyon eklemeye değer mi?

Kullanıcı blog konusunu 3-4 bölüme ayırmayı başarırsa, bağlantıları olan bir blok kurmaya gerek yoktur. Web kaynağının yapısı basit ve anlaşılır kalacaktır. Bu durumda Wordpress kırıntılarının kullanılması önerilmez. Yardımcı gezinme yalnızca sitenin karmaşık bir yapıya sahip olması durumunda eklenmelidir.

Wordpress'teki kırıntılar, eklentiler kullanılarak blog sayfalarında görüntülenir. Siteye bağlantı içeren ek bir blok yüklemenize olanak tanıyan birçok uzantı vardır. Bu inceleme bunlardan sadece birkaçını kapsayacaktır.

İçerik haritası NavXT

Bu yazılım ürünü, Wordpress'te kırıntı oluşturmanıza olanak tanıyan en popüler ve güçlü eklentidir. Son derece özelleştirilebilir ikincil bir menü oluşturmak için kullanılabilir. Eklenti hem yeni başlayanlar hem de Wordpress uzmanları için uygundur. Pek çok özelliği var. Kullanıcı, ikincil menünün gelişmiş stili için benzersiz sınıflar ve tanımlayıcılar tanımlayabilir.

Eklentinin birçok dili desteklemesi var. Dezavantajları yerleşik temaların eksikliğini içerir. Bu eksiklik topluluklarda sunulan stiller kullanılarak düzeltilebilir. En son sürümler Rusça yazılım ürünü. Projenin yazarları çok sayıda ince ayar ile çalışmayı öneriyor.

Gerekirse Google'ın RDFa standardına uygun kod oluşturmayı etkinleştirebilirsiniz. Yardımcı menü panelinin bu şekilde işaretlenmesi, sistemin bir arama snippet'i oluştururken "kırıntıları" kullanacağını garanti etmeyecektir, ancak bunun şansı önemli ölçüde artacaktır. Bağlantılar yalnızca widget'ta görüntülenir. Sayfanın üst kısmına alt menü ekleyemezsiniz. "Ekmek kırıntılarının" Yandex arama motoru tarafından desteklenmediğini düşünmeye değer.

Yoast Wordpress SEO

Yardımcı menü oluşturmak bu yazılım ürününün işlevlerinden biridir. Çok sayıda Araçlar, gelişmiş SEO optimizasyonu gerçekleştirmenize olanak tanır. Bu eklenti, yüksek kaliteli blog tanıtımına kendini adamış kişiler tarafından kullanılır. Bağlantıları olan bir bloğu düzenlemek bazı site sahipleri için zor olabilir. Bu görevi tamamlamak için Wordpress yönetici panelini açmanız, “SEO” bölümüne gitmeniz ve “gelişmiş” satırını seçmeniz gerekmektedir.

Sayfa şununla yüklenecek: ek ayarlar Eklenti. Burada “ekmek kırıntıları” sekmesine gitmeniz gerekiyor. “Etkinleştir” seçeneği işaretlenmelidir. Sitede yardımcı bir menünün görünmesi için blog kodunun çıktısından sorumlu bir PHP işlevi eklemeniz gerekir. "Ayırıcı" alanına HTML5 tarafından desteklenen herhangi bir karakteri girebilirsiniz.

Sitenin ana sayfasına giden bağlantının metni olarak alan adını veya yalnızca "Ana Sayfa" kelimesini belirtmelisiniz. "Ana önek" alanına birkaç harf veya simge girmeniz gerekir. Tüm alt menü bağlantılarından önce görünecekler. Arşivler ve arama sonuçlarını içeren sayfalar için gezinme zinciri öneki alanları aynı şekilde doldurulur. “Sınıflandırma” alt bölümünde “kategoriler”, “etiketler” veya “formatlar” seçmelisiniz.

Kırıntı izi

Justin Tadlock'un bir eklentisini kullanarak Wordpress'te hızlı bir şekilde içerik kırıntıları oluşturabilirsiniz. Küçük bir komut dosyası olarak başlayan bu yazılım, gelişmiş bir sisteme dönüştü.

Eklenti, herhangi bir yapı için yardımcı bir menü görüntülemenizi sağlar. Blogunuz için kalıcı bağlantıları otomatik olarak arar. Ortaya çıkan yapıya bağlı olarak eklenti, sitede "kırıntıları" görüntüler. Bağlantılar her sayfaya eklenir. Eklenti sınıflandırmaları, not türlerini vb. otomatik olarak algılar.

Nefis ekmek kırıntıları

Bu yazılım ürünü doğrudan Wordpress'teki yönetici panelinden kurulabilir. Bunu yapmak için “eklentiler” sayfasına gidin. Daha sonra "yeni ekle" butonuna tıklamanız, arama çubuğuna adı girmeniz, Enter tuşuna basmanız ve yazılımı yüklemeniz gerekir. Etkinleştirmeden sonra eklentiyi yapılandırmanız gerekir. Acemi bir kullanıcı bile bu görevle baş edebilir.

Öncelikle bloğun kurulum tipini linklerle belirtmeniz gerekiyor. Wordpress eklentisinin kırıntıları otomatik olarak görüntülemesi için uygun öğeyi seçmelisiniz. Kullanıcı "manuel kurulum" türünü belirtirse, kodu siteye kendisinin eklemesi gerekecektir. Daha sonra bağlantıların bulunduğu bloğun görünümünü seçmeniz gerekir. Daha sonra kırıntıların hangi sayfalarda görüntüleneceğini belirtmelisiniz.

İsterseniz araç ipuçlarının ve Ana sayfa bağlantılarının görüntülenmesini etkinleştirebilirsiniz. Kullanıcı ayrıca içerik kırıntıları ve ana kategoriler için bir yazı tipi stili seçmelidir. Bağlantılar için başlık özelliğini etkinleştirme seçeneği de vardır. Eklentinin yazarı hakkındaki bilgileri site sayfalarından kaldırmak için "minnettarlığınız" sütununun yanındaki "gizle" seçeneğini seçip sonucu kaydetmelisiniz. Eklenti ayarlarının oldukça basit ve anlaşılır olduğunu fark edeceksiniz.

Gerçekten Basit Ekmek Kırıntısı

Bu yazılım ürünü Wordpress için başka bir basit çözümdür. Eklenti doğru ve hatasız çalışıyor ve kullanılan temanın koduna göre görüntüleniyor. Yazılımı yönetici panelinden yükleyebilirsiniz. Breadcrumb'ların statik sayfalarda görüntülenmesi için başlık satırının üstüne uygun kodu yazmanız gerekir. Kullanıcının ayırıcı türünü değiştirmesi gerekiyorsa, breadcrumb.php dosyasının 17. satırını düzenleyebilir.

Yardımcı menü eklemeye yönelik bu seçenekte mikro işaretleme yoktur. Bununla birlikte, Google arama sonuçları snippet'inde URL yerine "kırıntılar" görüntülenecektir. Bu, tıklama oranınızı artıracaktır. Bu nedenle kullanıcının mikro işaretleme eklemesi veya başka bir seçeneği kullanması gerekir.

DP RDFa İçerik Kırıntısı Oluşturucu

Eklenti sitenin arama motoru optimizasyonu için oluşturuldu. Yoast Wordpress SEO'da olduğu gibi, içerik kırıntıları SERP snippet'inde otomatik olarak görüntülenir.

Yüklemeden sonra yazılım yönetici panelini açıp ayarlara gitmeniz gerekiyor. O zaman bir eklenti seçmelisiniz. Görünen pencerede yaratıcı, ürününün reklamını yapar. Sonraki kopyalanacak koddur. Ekmek kırıntılarını görüntülemek istediğiniz yere yerleştirilmelidir.

Bu blog öncelikle acemi aptalları hedef aldığından, önce şu soruyu cevaplayalım: WordPress'te ekmek kırıntıları nasıl yapılır (breadcrumb), A Ne için yap onları)

Bunu cevaplamak için tanımı öğrenelim. Makalelerden birinde bu konuya kısmen değinmiştim.

Ekmek kırıntıları bir tür kırıntı zinciridir, sitenizde ek gezinme sağlar. Bağlantıları sayfa başlıkları olan bağlantılardan oluşan, açık geçerli sayfanın tam yolu olarak görüntülenir.

Bu açıklama size boş sözler gibi geliyorsa, o zaman bu sayfayı yukarı kaydırabilirsiniz ve yazımın başlığının üstünde aynı ekmek kırıntılarını göreceksiniz)

Neden böyle adlandırılıyorlar, sanırım birçok kişi çocuklukta masalları sevip sevmediklerini tahmin etmiştir :)

Bu faydalı artık un ürünleri, kullanıcılar için gezinmeyi kolaylaştırmakla kalmıyor, aynı zamanda genel olarak olumlu bir etkiye de sahip. Bu şekilde ekstra kazanırsınız anahtar kelime giriş sayfasında.

Ama hepsi bu değil. Sayesinde galeta unu(İngilizce'de bunlara denir galeta unu) sonuçlarda Google arama snippet'te sayfaya bir bağlantı yerine kategorinin adı gösterilecek, şuna benzer:

Breadcrumb'lar sayesinde en üstteki arama sonuçlarının Latin harfleriyle yazılmış uzun, anlaşılmaz bir bağlantı olarak değil (alttaki arama sonuçlarında olduğu gibi) değil, kategorinin Kiril adı olarak gösterildiğini lütfen unutmayın. Site haberleri”Kullanıcı için daha anlamsal ve çekici olan.

Peki tüm bunlar bize toplamda ne verecek? Doğru, arama motorlarından sitemize geçiş sayısını artıracaktır, bunun hiç bir zararı olmaz)

Şimdi asıl mesele hakkında.

WordPress'te Ekmek Kırıntıları Nasıl Yapılır

Bu sorunu çözmenin birkaç yolu vardır.

1. Yoast WordPress SEO Eklentisi Özelliğini Kullanmak

Eğer kullanıyorsanız Yoast eklentisi WordPress SEO, o zaman onun yardımıyla site için kırıntı yapma fırsatınız var, bu eklentiyi detaylı olarak tartıştım. Bunu yapmak için sayfaya gitmeniz yeterli galeta unu eklenti ayarlarında, kopyalayıp doğru yere yapıştırmanız gereken kodu göreceksiniz:


< ?php if (function_exists(‘yoast_breadcrumb’)) {
yoast_breadcrumb('

‘,»);
} ?>

Benim kullandığım yöntem bu. Kod dosyaya yapıştırılır tek.php tasarım temaları, sayfanın en üstünde. Kırıntıların görünümünden memnun değilseniz, onlara kendi css stillerinizi verebilirsiniz, onlara bir tanımlayıcı atanır. #galeta unu gönlümüzün arzu ettiği her şeyi ona reçete edebiliriz.

Dikkat . Yeni başlayan biriyseniz, WordPress dosyalarında değişiklik yapmadan önce, her ihtimale karşı her zaman yedek kopyalarını almanızı öneririm) Bu durumda, değiştirmeden önce single.php'yi bilgisayarınıza kopyalayıp kaydedin.

2. Breadcrumb NavXT eklentisi

Yoast WordPress SEO kullanmıyorsanız, kırıntılar için ayrı bir eklenti kurmanız yeterlidir. Bu tür eklentiler Breadcrumb NavXT'yi içerir, ancak analogları da kullanabilirsiniz.

Ekmek kırıntılarının görüntülenmesini etkinleştirmek için kodu tekrar görüntülemek istediğimiz yere eklemeniz gerekir.

Kodu da buraya bir dosyaya yerleştirmenizi öneririm tek.php Gezinmeyi, ekranda kayıtlı sayfaların görüntülenmesinden sorumlu kabın en üstüne yerleştiriyoruz. Tipik olarak bu kaplara denir

veya
veya buna benzer bir şey, tamamen konunuza bağlı, hemen arkasına ekliyoruz. İşte kodun kendisi:


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

 

Eklenti ayarlarında, bir şey size uymuyorsa bağlantılardaki ayırıcıları, hiyerarşiyi ve metin görüntüleme şablonlarını değiştirebilirsiniz. Görünümü özelleştirmek için, yalnızca burada sınıfa stiller yazabilirsiniz. .ekmek kırıntısı

3. WordPress hack'lerini kullanan kırıntılar

Gerekli kodu temanızın işlevlerine (functions.php dosyası) kendiniz ekleyebilir ve kırıntıları herhangi bir eklenti olmadan ihtiyaç duyduğunuz yerde çağırabilirsiniz.

Artı tarafta Bu method– blogdaki yükü azaltıyoruz çünkü Gereksiz eklentilerden kurtulmak. Dezavantajı, hacklerin kullanılmasıdır ve daha da fazlası, bunları özelleştirmek yeni başlayanlar için zorluklara neden olabilir.

İnternette kırıntı seçenekleriyle pek çok farklı hack var.

Biri en iyi seçenekler bence bu, . Senaryoyu yayınlamak için yazardan izin alındı, bu yüzden gönderiyorum:


fonksiyon dimox_breadcrumbs() (

/* === SEÇENEKLER === */
$text['home'] = 'Anasayfa'; // "Ana Sayfa" bağlantısının metni
$text['category'] = '“%s” kategorisinin arşivi'; // kategori sayfası metni
$text['search'] = '“%s” sorgusu için arama sonuçları'; // arama sonuçları sayfasının metni
$text['tag'] = 'Gönderiler “%s” ile etiketlendi'; // etiket sayfası için metin
$text['author'] = '%s tarafından yazılan makaleler'; // yazar sayfası için metin
$text['404'] = 'Hata 404'; // 404 sayfası için metin

$showCurrent = 1; // 1 — mevcut makalenin/sayfanın başlığını göster, 0 — gösterme
$showOnHome = 0; // 1 — ana sayfada içerik kırıntılarını göster, 0 — gösterme
$sınırlayıcı = ' » '; // "kırıntılar" arasında bölüştür
$önce = "; // geçerli "kırıntı"dan önceki etiket
$sonra = "; // geçerli "kırıntı"dan sonra etiket
/* === SEÇENEKLERİN SONU === */

küresel $posta;
$homeLink = get_bloginfo('url') . '/';
$linkÖnce = ";
$linkAfter = ";
$linkAttr = ‘ rel=”v:url” property=”v:title”’;
$bağlantı = $bağlantıÖncesi . '
if (is_home() || is_front_page()) (

if ($showOnHome == 1) echo '


'. $text['ev'] . '

Eko '

'. sprintf($link, $homeLink, $text['home']) . $sınırlayıcı;

if (is_category()) (
$thisCat = get_category(get_query_var('cat'), false);
if ($thisCat->parent != 0) (
$cats = get_category_parents($thisCat->parent, TRUE, $delimiter);
echo $kediler;
}
echo $öncesi . sprintf($text['kategori'], single_cat_title(", false)) . $sonra;

) elseif (is_search()) (
echo $öncesi . sprintf($text['arama'], get_search_query()) . $sonra;

) elseif (gün_gün()) (
echo sprintf($bağlantı, get_month_link(get_the_time('Y'),get_the_time('m'))), get_the_time('F')) . $sınırlayıcı;
echo $öncesi . get_the_time('d') . $sonra;

) elseif (ay_ay()) (
echo sprintf($bağlantı, get_year_link(get_the_time('Y'))), get_the_time('Y')) . $sınırlayıcı;
echo $öncesi . get_the_time('F') . $sonra;

) elseif (is_yıl()) (
echo $öncesi . get_the_time('Y') . $sonra;

) elseif (is_single() && !is_attachment()) (
if (get_post_type() != 'post') (
$slug = $post_type->rewrite;
printf($link, $homeLink . '/' . $slug['slug'] . '/', $post_type->labels->singular_name);
) başka (
$cat = get_the_category(); $kedi = $kedi;
if ($showCurrent == 0) $cats = preg_replace("#^(.+)$delimiter$#", "$1", $cats);
$kediler = str_replace(' $kediler = str_replace(", " . $linkAfter, $kediler);
echo $kediler;
}

) elseif (!is_single() && !is_page() && get_post_type() != 'post' && !is_404()) (
$post_type = get_post_type_object(get_post_type());
echo $öncesi . $post_type->labels->singular_name . $sonra;

) elseif (is_attachment()) (
$parent = get_post($post->post_parent);
$cat = get_the_category($parent->ID); $kedi = $kedi;
$kediler = get_category_parents($cat, TRUE, $delimiter);
$kediler = str_replace(' $kediler = str_replace(", " . $linkAfter, $kediler);
echo $kediler;
printf($link, get_permalink($parent), $parent->post_title);
if ($showCurrent == 1) echo $delimiter . $önce. get_the_title() . $sonra;

) elseif (is_page() && !$post->post_parent) (
if ($showCurrent == 1) echo $önce . get_the_title() . $sonra;

) elseif (is_page() && $post->post_parent) (
$parent_id = $post->post_parent;
$ekmekkırıntıları = dizi();
while ($parent_id) (
$sayfa = get_page($parent_id);
$breadcrumbs = sprintf($link, get_permalink($sayfa->ID), get_the_title($page->ID));
$parent_id = $page->post_parent;
}
$ekmekkırıntıları = array_reverse($ekmekkırıntıları);
için ($i = 0; $i< count($breadcrumbs); $i++) { echo $breadcrumbs[$i]; if ($i != count($breadcrumbs)-1) echo $delimiter; } if ($showCurrent == 1) echo $delimiter . $before . get_the_title() . $after; } elseif (is_tag()) { echo $before . sprintf($text[‘tag’], single_tag_title(», false)) . $after; } elseif (is_author()) { global $author; $userdata = get_userdata($author); echo $before . sprintf($text[‘author’], $userdata->ekran adı) . $sonra;

) elseif (is_404()) (
echo $öncesi . $metin['404'] . $sonra;
}

if (get_query_var('sayfalandı')) (
if (is_category() || is_day() || is_month() || is_year() || is_search() || is_tag() || is_author()) echo ' (';
echo __('Sayfa') . ' ' . get_query_var('sayfalandı');
if (is_category() || is_day() || is_month() || is_year() || is_search() || is_tag() || is_author()) echo ')';
}

Eko '


}
) // dimox_breadcrumbs()'ı sonlandır

Tahmin edebileceğiniz gibi bu kodu eklemeniz gerekir. işlevler.php şablonunuz ( yapmayı unutma yedek kopya ) arasındaki herhangi bir yere Ve ?> (Yeni başlayanlar için - sayıların bulunduğu sol sütunu kopyalamaya gerek yoktur, bunlar yalnızca kolaylık sağlamak içindir, blogdaki kod satırının numarasını gösterirler) Fark ettiğiniz gibi, 3'ten 16'ya kadar olan satırlar, kendi takdirinize göre değiştirebileceğiniz komut dosyası ayarlarını içerir. Ve şimdi, navigasyonu görüntülemek için zaten tanıdık olan prosedürü uyguluyoruz - aşağıdaki kodu single.php'ye ekleyin:


< ?php if (function_exists(‘dimox_breadcrumbs’)) dimox_breadcrumbs(); ?>

Komut dosyasının kendisini kontrol ettim, her şey yolunda gidiyor, bu yüzden eklentiler olmadan yapmayı tercih ediyorsanız bu seçenek tam size göre. Artık kırıntıların ne olduğunu, ne işe yaradığını ve bunları WordPress blogunuz için nasıl hazırlayacağınızı biliyorsunuz. Ve eğer değilse, o zaman her şeyi baştan okuyun :) 2-3 okumadan sonra hala bir şeyi anlamadıysanız, yorumlarda sorular sorun, yardım etmeye çalışacağım) Bence bu kaz ekmek kırıntısını reddetmez ya o kadar da kızgın değilmiş gibi görünüyor :)

Herkese selam!

Dahili bağlantıyı ve web sitesinin kullanılabilirliğini geliştirmenin bir başka yolu da kırıntılardır. Bu isim bu tip Hansel ve Gretel'i konu alan Grimm Kardeşler masalı sayesinde sitede gezinmeyi edindim. Hatırlarsanız çocuklar evin yolunu bulabilmek için yola ekmek kırıntıları bırakmışlardı. Aynı şekilde aynı isimli navigasyon yöntemi de kullanıcıların sitenizde kaybolmasının önüne geçecektir. Bir bloga içerik kırıntıları eklemenin amacı ve yöntemleri hakkında daha fazla ayrıntı bugünkü makalede tartışılacaktır.

Ekmek kırıntısının anlamı ve örneği

Bir web sitesinde kırıntıların nasıl göründüğüne dair size bir fikir vermek için blogumdan bir örnek vereceğim:

Ekmek kırıntıları turuncu bir çerçeveyle vurgulanır. Bunlara ekmek kırıntıları da denir.

Çoğu zaman böyle bir zincir, site başlığının altında, makale başlığından hemen önce bulunabilir.

Böylece ziyaretçi, incelediği yazının hangi bölümde yer aldığını kolaylıkla anlayabilir. Breadcrumb navigasyonunun genel yapısı aşağıdaki gibidir: Ana sayfa-> Bölüm -> Makale başlığı. Örneğin bölümde bir alt bölüm görünüyorsa karmaşık olabilir, o zaman yapı şöyle olacaktır: Ana sayfa –> Bölüm –> Alt Bölüm –> Makale başlığı.

Sitede gezinmenin yanı sıra kırıntıların da SEO'da önemli bir rolü vardır. Sitenin kullanılabilirliğini, bağlantıyı geliştirirler ve bazen . Bu, arama sonuçlarındaki tıklama oranını artıracak ve aynı zamanda arama motorlarının kaynağınızın yapısını hızlı bir şekilde tanımasına yardımcı olacaktır. Bu, ekmek kırıntılarının mikro işaretlenmesini gerektirir. Aşağıda bunun nasıl yapılacağı hakkında konuşacağız.

Ekmek kırıntıları: blogunuzda nasıl yapılır?

WordPress'e kırıntı eklemek için bir eklenti kullanabilir veya bunları görüntülemek için gerekli kodu yazabilirsiniz.

Öncelikle PHP koduyla kırıntıların nasıl görüntüleneceğine bakalım. Hemen aynı kodun aşağıda verileceğini söyleyeceğim ancak mikro işaretleme unsurlarıyla hemen almanızı tavsiye ederim.

Function.php dosyanıza yapıştırabileceğiniz örnek kodu burada bulabilirsiniz:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 " " ; }

"; }

Koddaki Rusça adlar kendi adlarınızla değiştirilebilir. Örneğin, "Ana Sayfa" yerine sitenin adını değiştirin.

1 2 3 4 5

Bundan sonra sitenizde bir kırıntı görünmelidir. Ancak güzel içerik kırıntıları elde etmek için stil dosyasında değişiklik yapmanız gerekecektir. Örneğin, blogumdaki gibi görünmesini sağlamak için aşağıdaki kodu style.css'ye eklemeniz gerekir:

Breadcrumbs( marj: -5px 0 5px 3px; /* dolgu */ taşma: gizli; ) .breadcrumbs a ( color: #34a6d2; /* bağlantı rengi - mavi */ text-decoration: underline; ) .breadcrumb > span ( color : #000; /* bitiş noktası rengi siyah */ ) .breadcrumb( float:left; )

Burada yazı tiplerinin rengini ve boyutunu, girintileri ve üzerine geldiğinizde veya bağlantı olmadan bağlantıların rengini görebilirsiniz. Tüm bu değerleri kendi değerlerinizle değiştirip deneyebilirsiniz.

WordPress için Breadcrumbs: eklenti

Breadcrumb'ları görüntülemek için en yaygın eklentiler: Yoast WordPress Seo, BreadCrumb NavXT. WordPress eklentisi Yoast SEO zengin özelliklere sahiptir ve içerik kırıntıları cephaneliğinin sadece küçük bir kısmıdır. Bu nedenle, bu eklentiyi zaten yüklediyseniz, bu işlevi kullanabilirsiniz.

Kurulumdan sonra ayarlarda yol seçeneğini (kategoriler, tarihler, etiketler), maksimum başlık uzunluğunu ve bölümler arasındaki karakterleri ayarlayabilirsiniz. Ayrıca makale başlığının kopyalanmaması için ziyaretçinin bulunduğu sayfanın adının görüntülenmesini devre dışı bırakabilirsiniz. Sayfada kırıntıların görüntülenmesi için kodu tekrar single.php veya başlık.php dosyasına yazmanız gerekir.

1 2 3 4 5 6 7 8

Yukarıda açıklandığı şekilde stillerde değişiklik yapabilirsiniz.

Ekmek kırıntılarının mikro markalanması

Bunun ne kadar önemli olduğundan daha önce bahsetmiştik. Blog pasajımdaki kırıntılar şuna benziyor:

Bu tür, kullanıcı için yalnızca sayfa URL'sinden daha anlaşılır ve keyiflidir.

Arama motorları sitenize yapılan kırıntı yapısını otomatik olarak kabul edip buna göre snippet'te görüntüleyebilir. Bunu kontrol etmek için Google ve Yandex doğrulayıcılarını kullanmanız gerekir.

Arama motorları kırıntıları tanımıyorsa yardıma ihtiyaçları vardır. Blogumda makalenin başında verilen kodu kullanıyorum. Buna mikro işaretleme öğeleri ekledim. Ayrıca PHP kodunu kullanarak içerik kırıntılarının çıktısını alıyorsanız, kodunuzu şununla değiştirebilirsiniz:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 function my_breadcrumb() ( echo "
"
; }

function my_breadcrumb() ( echo "

"; }

Eklentiyi kullanarak oluşturulan içerik kırıntıları için mikro işaretleme oluşturmayı denemedim. Ama bence zor değil. Eklenti kodunu benim koduma benzer şekilde değiştirebilirsiniz. Verilen koda bakalım.

Bu kod, arama motorlarının bunun bir kırıntı öğesi olduğunu belirlemesine olanak tanır.
Zincirdeki her bir öğe, şu kodu içeren bir div içine sarılır: itemscope itemtype="https://data-vocabulary.org/Breadcrumb".

itemprop = "url" – url değerini tanımlar, her a etiketine eklenmelidir

itemprop = "title - zincir öğesinin başlık değerini tanımlar

Tüm kod, schema.org sözlüğüne bağlanmak için xmlns:v="https://rdf.data-vocabulary.org/#"> parametresini içeren bir div içine sarılır.

Kodu ekledikten sonra Yandex ve Google'ın kırıntıları tanıyıp tanımadığını tekrar kontrol edin.

Bu makalenin konusuyla ilgili başka sorularınız varsa, yorumlarda sormayı unutmayın.

Son olarak dahili bağlantılarla ilgili bir video izlemenizi öneririm.