İyi gezinme, bir web sitesi için son derece önemlidir. Ve sonra yardımına gelecekler galeta unu... Ne olduklarını ve nasıl kullanılacağını görelim.

Ekmek kırıntıları, kullanıcının bir web sitesinde veya web uygulamasında konumunu gösteren bir tür ikincil site gezintisidir.

Genellikle kırıntılar, tüm sayfaların katı bir hiyerarşiye göre düzenlendiği büyük sitelerde bulunabilir. onun içinde en basit hal ekmek kırıntıları, ">" sembolünden daha büyük bir sembolle ayrılmış yatay metin bağlantılarıdır. Bu sembol, sitedeki diğer sayfalara göre bu sayfanın seviyesini gösterir.

Ekmek kırıntılarını ne zaman kullanmalısınız?

Aslında, bu navigasyon öğesini kullanmaya her zaman ihtiyaç yoktur. Ama yine de onları ne zaman kullanmanız gerektiğini görelim.

Büyük web siteleri ve hiyerarşik olarak düzenlenmiş sayfaları olan web siteleri için içerik haritası navigasyonunu kullanın. Harika bir senaryo, çok çeşitli ürünleri mantıksal kategoriler halinde gruplayan e-ticaret siteleridir.

Mantıksal bir hiyerarşisi veya gruplaması olmayan kardeş web siteleri için içerik kırıntıları kullanmamalısınız. Bir web sitesinin içerik haritası navigasyonundan yararlanıp yararlanamayacağını belirlemenin harika bir yolu, web sitesi gezinme mimarisini temsil eden bir site haritası veya diyagramı oluşturmak ve ardından içerik haritalarının kullanıcının kategoriler içinde ve arasında gezinme yeteneğini geliştirip geliştirmediğini analiz etmektir.

Breadcrumb navigasyonu yalnızca şu şekilde görülmelidir: ek işlev ve etkili ana gezinme menülerinin yerini almamalıdır. Bu kullanışlı bir özelliktir; kullanıcıların nerede olduklarını belirlemelerini sağlayan ikincil bir navigasyon şeması; ve alternatif yol sitenizde gezinme.

Ekmek kırıntısı türleri

Üç ana ekmek kırıntısı türü vardır. Onlara daha yakından bakalım.

1. Konum bazında.

Bu muhtemelen en çok tanınan ekmek kırıntısı türüdür. Kullanıcıya web sitesi hiyerarşisinde nerede olduğunu gösterir. Bu tür tipik olarak birden çok düzeyi olan (genellikle ikiden fazla) kılavuzluk modelleri için kullanılır. Aşağıdaki çevrimiçi mağaza örneğinde hiyerarşideki seviyeleri görebilirsiniz.

Önce ne olduğunu anlayalım - sitedeki ekmek kırıntıları ve neden gerekli oldukları.

Ekmek kırıntıları başlangıçta kullanıcı gezinme kolaylığı için kullanıldı. Aslında, sitenin hiyerarşisini görüntüleyen sayfanın üst kısmındaki bir bağlantı bloğudur. Onlar. kullanıcı geri dönebilir, örneğin önceki sayfaçevrimiçi mağazada katalog.
İşte en önemli örnek:

Ekmek kırıntılarının SEO üzerindeki etkisi

Zamanla, SEO optimize ediciler bu bağlantı bloğunun kaynağın tanıtımı üzerinde olumlu bir etkisi olduğunu fark ettiler. Ve bu yüzden işe yarıyor:

1. Dahili bağlantı

Hemen hemen her sitenin hiyerarşisine göre - bir bölümün iç içe geçme düzeyi ne kadar düşükse, o kadar önemlidir. Bu nedenle, sitenin böyle bir yapısının sağlanması gerekir, böylece daha derin sayfalardan gelen bağlantılar daha az derin olanlara yönlendirilir. Bir örnekle açıklamak daha kolay.

Resimde görebileceğiniz gibi - her ürün bir kategoriye ve her kategori bir kategoriye atıfta bulunur. ana sayfa alan.
Bu tür bağlantı, tanıtım alanında bir tür standart haline geldi ve bu nedenle arama motorları onu doğrudan kendi arama sonuçlarında kullanmaya bile başladı. Bu, Schema mikro işaretlemesi kullanılarak yapılır, ancak daha sonraları.

2. Davranışsal faktörler

Birkaç yıl önce, arama motorları sitedeki kullanıcı davranışını analiz etmeye başladı ve buna bağlı olarak sayfaları sorgular için bir veya başka bir konuma yerleştirdi. Tahmin edebileceğiniz gibi, bu davranışsal faktörlerden biri sitedeki dahili tıklamaların sayısıdır. Bazı durumlarda, ekmek kırıntıları bu göstergeyi ciddi şekilde iyileştirebilir.

Ekmek kırıntıları için şema mikro işaretlemesi

Mikro veriler, arama motorlarının kırıntıları daha doğru bir şekilde tanımlamasına ve hatta bunları bonus olarak arama sonuçlarına eklemesine olanak tanır. Bunun gibi bir şey görünecek:

Ve kırıntıların kendileri varsayılan olarak sitelere en sık yüklenirse, mikro işaretlemenin en sık manuel olarak eklenmesi gerekir. Bu nedenle, bunun nasıl uygulanacağına dair küçük bir talimat yazacağız.

ev

Şimdi ne olduğuna bir bakalım.

Yapmamız gereken ilk şey, her bağlantıyı bir etikete sarmak ve etiketin kendisine şunu yazın
itemscope = "" itemprop = "itemListElement" itemtype = "http://schema.org/ListItem"

BAĞLANTI

Bu etiket varsayılan olarak kalır. İçinde, arama motorlarına bunun şema işaretlemesi olduğunu ve bu işaretlemenin öğesinin itemListElement olarak adlandırıldığını söyleriz. Bu yapı tüm linklerde kullanılmaktadır.

ev

Buna göre, ikinci bir yuvalama seviyemiz olsaydı, content = "2" yazmamız gerekirdi.

• kullanıcıyı sitedeki mevcut konumu hakkında bilgilendirmek;
• kaynağın yapısını açıkça göstermek;
• hızlı bir şekilde daha fazlasına geçmenizi sağlar yüksek seviye iç içe yerleştirme, tarayıcının "Geri" düğmesini atlayarak.

Kullanılabilirlik üzerinde olumlu bir etkiye sahip olmasının yanı sıra, yinelenen gezinmenin bir SEO etkisi vardır:

• sayfa bağlamanın doğal bir öğesidir;
• gezinmeyi basitleştirerek davranışsal ölçümleri (sitede geçirilen süre ve tarama derinliği) iyileştirir;
• Mikro işaretlemenin yapılandırılması koşuluyla, snippet'in aramadaki görünümünü iyileştirir, yani kırıntıları oluşturur ve tıklanabilirliğini artırır (yalnızca Google tarafından desteklenir).

"Ekmek kırıntıları" nedir?

Navigasyon zinciri farklı ilkelere göre düzenlenebilir:

Doğrusal ilke... Bu en yaygın seçenektir - ana sayfadan mevcut sayfaya giden tam yol belirtilir. Aşağıdaki resimde bir örnek var:

Aşağıdaki yuvalama yapısı burada gösterilir: ana sayfa - "Mobilya Merkezi", ardından mal kataloğunun sayfası, ardından - "Mutfaklar" bölümü, ardından - "Mutfak takımları" ve son olarak belirli bir ürünün adı Ayarlamak.

Çok karmaşık bir site yapısıyla, "ekmek kırıntıları"nın kısaltılmış bir versiyonu var:

Bir Amazon mağazasında "kırıntılar" ana mağazayla değil, katalog bölümünün adıyla başlar. Ekran görüntüsü, "başlangıç ​​noktasının" mağazanın "Ev ve Mutfak" bölümü olduğunu gösteriyor.

Geri prensibi... Yöntemin özü, gezinme zinciri yerine, aslında tarayıcının "Geri" düğmesini kopyalayan "Önceki sayfaya", "Kataloğa dön" vb. bir bağlantı yerleştirilmesidir. Bu yaklaşım, siteniz bir arama işlevi kullanıyorsa kullanışlıdır.

Ekran görüntüsünde, "Sonuçlar" düğmesi, ürün kartından "Ayakkabılar" sorgusu için arama sonuçlarının bulunduğu sayfaya yönlendirir.

Önceki iki seçeneğin kombinasyonu... Bu durumda, hem doğrusal içerik haritaları hem de Geri düğmesi kullanılabilir. Düzgün yürütülen bu kombinasyon, kullanıcıların sitedeki arama işlevi aracılığıyla buldukları sayfalar için uygundur. Ancak, arama yoluyla aranıp aranmadıklarına bakılmaksızın tüm kartlarda "Geri" düğmesi mevcut olduğunda, başarısız bir yürütme de vardır:

Atıf ilkesi... Çevrimiçi mağazalar ve çevrimiçi kataloglar tarafından kullanılır. Sayfanın içeriği ve yolu, kullanıcı tanımlı özelliklere ve filtrelere göre oluşturulur.

Kullanıcı, özellikleri silerek ve ekleyerek, her seferinde ürünlerle sayfaya benzersiz bir "yol" oluşturur.

Doğru kırıntıları nasıl yaratırsınız?

Ekmek kırıntıları oluşturabilirsiniz Farklı yollar: ile birlikte PHP kullanarak, CSS, popüler CMS WordPress eklentileri, Joomla! ve diğer motorlar - web'de birçok çözüm bulunabilir. Hangi yöntemi seçerseniz seçin, şu ipuçlarını izleyin:

• "Breadcrumbs", kolaylık sağlamak için öncelikle site ziyaretçileri için yaratılmıştır, bu yüzden onları gerçekten yararlı olduklarında kullanın; bunları her siteye eklemeniz gerekmez - örneğin, tek sayfalık sayfalar "ekmek kırıntıları" olmadan harika yaşar;
• "Breadcrumbs" ana menünün yerine geçmez, yalnızca yardımcı bir gezinme aracıdır;
• altındaki gezinme bağlantılarındaki metin bağlantılarını özel olarak ayarlamak gerekli değildir. anahtar ifadeler; istisna - anahtar ifadeler navigasyon mantığına uyumlu bir şekilde uyuyorsa;

doğrusal navigasyon kullanıyorsanız, ziyaretçilerin kafasını karıştırmamak için yolu en sona yazın:

İyi günler sevgili okuyucular!

Ekmek kırıntıları arama motoru optimizasyonunu nasıl etkiler ve bunları WordPress ile bir web sitesinde nasıl yapılır. Bu makale bununla ilgili olacak. İleriye bakıldığında, içerik kırıntıları, kullanıcılarınızın sitede gezinmesine yardımcı olur. Ayrıca SEO üzerinde olumlu etkileri vardır.

Ekmek kırıntıları (İngilizce. Ekmek kırıntıları), sitede kullanıcıya nerede olduğunu gösteren ipuçlarıdır. Navigasyon için oluşturulmuş bir tür zincir.

Tıklanabilirler, yani bir ziyaretçi herhangi bir zamanda daha yüksek bir "seviyeye" geçebilir - bir alt başlığa veya başlığa. Kural olarak, kırıntılar şöyle görünür: ana - başlık - alt kategori - makale. son elemançok sık kaldırılır, bunun gereksiz tekrar oluşturduğuna inanılır.

Bu ismin, ormana girerken çocukların navigasyon için bir ekmek kırıntısı yolu bıraktığı bir peri masalına atıfta bulunduğuna inanılıyor. Bu yoldan geri dönmek zorunda kaldılar. Bir bağlantı zinciri de bir yoldur, siteye ne kadar ileri giderseniz, o kadar fazla öğe içerir. Ve aslında bu zincir boyunca ana sayfaya geri dönebilirsiniz. Tıpkı bir peri masalındaki gibi.

SEO'yu nasıl etkilerler?

Navaid kullanımı dünyada iyi bir uygulama olarak kabul edilir. Arama motoru optimizasyonu.

Önce iyileştirir davranışsal faktörler... Ve bu, bildiğiniz gibi, sitenin kalitesinin neredeyse en temel göstergesidir. Kullanılabilirlik iyi düzeydeyse, kullanım ve navigasyon açık ve rahatsa, ziyaretçiler bunu kesinlikle takdir edecek ve kaynakta daha uzun süre kalacaklardır. Ek olarak, davranışsal faktörler ne kadar iyi olursa, kaynağınız arama sonuçlarında o kadar yüksek olur.

İkincisi, kırıntıların varlığı zaten bir arama motoru için iyi bir faktör olarak kabul edilir. Robotlar, projenin bir navigasyon sistemi, yapısı olduğunu görüyor ve bu sıralama için iyi.

Doğal olarak, gezinme çubuğu tek başına kaynağınızı en üste getirmeyecektir. Bu, iyi SEO'nun diğer yönleriyle birlikte çalışır.

Özetlemek gerekirse, kırıntıları yardımcı olur:

• davranışsal faktörleri ve kullanılabilirliği iyileştirmek,
• sitenin yapısını açık ve erişilebilir kılmak,
• sayfalarda gezinmek kolay,
• SEO'yu teknik olarak geliştirmek,
• bağlama yapmak.

Yani, projelerinin kullanışlı, pratik ve ziyaret edilebilir olmasını isteyenler için navigasyon bandının kullanılması kesinlikle zorunludur.

Ekmek kırıntısı türleri

Evet, evet, onların da çeşitleri var. Birçoğu yok, ama yine de bu noktayı dikkate almaya değer.

Doğrusal

Ana sayfadan makaleye giden yolu gösteren normal bir şerit. En yaygın kırıntı türü.. Sadece doğrusal bir gezinme çubuğumuz var.

Geri düğmesi

Çevrimiçi mağazalarda çok yaygın olan çok uygunsuz bir gezinme türü. Kural olarak, kullanıcılar bundan özellikle memnun değildir ve tarayıcının kendisinde benzer bir düğme kullanır. Bir bilgi sitesi için bu seçenek pratik olarak işe yaramaz.

hibrit

Bu seçenek önceki ikisini birleştirir. Diğer bir deyişle, kaynak hem doğrusal gezinmeye hem de "Geri" düğmesine sahiptir. Bunun herkesi memnun etmeye yardımcı olan bir uzlaşma olduğunu söyleyebiliriz. Ancak, yukarıda söylediğim gibi, insanlar tarayıcının kendisindeki düğmeyi tercih ederek Geri düğmesini nadiren kullanırlar - neyse ki, tüm modern uygulamalarda böyle vardır.

Genellikle gezinme çubuğu, ana sayfa dışındaki tüm sayfalarda bulunur. WordPress'te bunlar kategoriler, etiketler, makaleler ve diğer sınıflandırmalardır.

WordPress'te ekmek kırıntıları nasıl oluşturulur

WordPress ve diğer sitelerde gezinme şeridi oluşturmanın en kolay yolu html'dir. Bunun yerine, html ve php'nin bir melezi olacaktır - aksi takdirde her gezinme zincirini manuel olarak yazmanız gerekecektir, bu pek hoş bir deneyim değildir.

Şablon kullanma

Hemen ekmek kırıntıları içeren bir şablon seçmek akıllıca olacaktır. Başka bir siteyi düşünüyorsanız ve henüz oluşturmaya başlamadıysanız, bir mağazaya bakmalısınız. WordPress şablonları ve bu işleve sahip bir konu arayın (Root'u tavsiye ederim).

Ek eklentiler yüklemeniz gerekmediğinden bu en pratik seçenek olacaktır. Aynı zamanda, bir şeyi manuel olarak eklemeniz veya düzenlemeniz gerekmez, her şey dedikleri gibi kutudan çıkar (kurulumdan hemen sonra).

Eklentiler

Eklenti ile birlikte gezinme çubuğunu da yükleyebilirsiniz. Ancak her eklentinin CMS'nizi daha da fazla yükleyebileceğini unutmayın. Çok fazla eklenti varsa, yeni bir eklenti siteyi yavaşlatarak her şeyi mahvedebilir.

Yoast SEO - kırıntıları ayarlamak için ayrıntılı talimatlar

SEO eklentinizi kullanıyorsanız, size harika bir haberim var. İşlevsellikte ekmek kırıntıları bulunur, bu nedenle bunları yapılandırmanız yeterlidir.

Bu, çoğu kullanıcı için çalışması gereken genel bir kılavuzdur. Eklenti yazarlarının kendileri tarafından sağlanan bilgilere dayanmaktadır.

Bu nedenle, Yoast SEO'daki gezinme çubuğunun çalışması için şablon dosyalarımıza aşağıdaki PHP kodunu yerleştirmemiz gerekir:

Genellikle bu kod ortak sayfa şablonlarına eklenir - single.php veya page.php. Ayrıca, bazı kullanıcılar bu kodu en sondaki header.php dosyasına yapıştırır. Bunun özellikle sizin durumunuzda işe yarayıp yaramayacağı - bilmiyorum ama deneyebilirsiniz.

Ortak sayfa şablonları, yerleşik WordPress araçları aracılığıyla düzenlenebilir. Biz gitmek " Dış görünüş"-" Editör ", buluyoruz istenen dosya listede.

İşte PHP kodu ve HTML işaretlemesi. Eğitimsiz bir kullanıcının kafası karışabilir, ancak bir araya gelip neyi ve nerede olduğunu anlamaya çalışmanız gerekir.

Spesifik olarak, benim temamda, başlık yerel gezinme zincirini çağıran bir işlevden hemen sonra kırıntıları zaten sağlanmıştır. Kodunuz farklı olacaktır, ancak genel anlam aynı kalacaktır.

İçerik haritalarını başlığın hemen altına yerleştirmek en iyisidir - get_header() işlevi; - sadece onu çağırmaya yarar. Bu nedenle Yoast SEO'dan gelen kodu hemen altına yerleştirmek doğru olacaktır.

Ancak gezinme çubuğunu özelleştirmek için CSS stilleriyle çalışmanız gerekebileceğini unutmayın. Eklentinin kendisi tarafından sağlanırlar, ancak çalışmayabilirler.

Makalelerde kırıntıları bile kullanabilirsiniz. Bu kısa kodu doğru yerde bırakmanız yeterlidir:.

Ancak eklentinin kendisinde kırıntı özelliği devre dışı bırakılırsa ne kod ne de kısa kod çalışmaz. Etkinleştirmek için eklenti ayarlarına (“SEO” sekmesi) gitmelisiniz - içinde görüntüleyin Arama Sonuçları- galeta unu.

Kaydırıcıyı Etkin olarak değiştirin, ardından sayfayı aşağı kaydırın ve Değişiklikleri Kaydet'e tıklayın. Bu andan itibaren ekmek kırıntıları çalışmaya başlayacaktır.

İsterseniz bunları özelleştirebilirsiniz. Örneğin, öğeler arasında bir ayırıcı ayarlayın, ana sayfaya bağlantı metnini, taksonomiler için önekleri vb.

Ayrıca vurgulayabilirsiniz son Sayfa(veya malzemenin adı) kalın harflerle. Bunu yapmak için ilgili kaydırıcıyı değiştirin.

Yoast SEO özellikle sizin için uygun değilse, sitenizde ekmek kırıntıları oluşturmanıza izin veren diğer eklentilere dikkat edebilirsiniz. Ücretsiz katalogda birçoğu var, ancak en popüler seçenekleri vurgulayacağım.

İçerik haritası NavXT

Projeniz için kırıntılar oluşturabilen basit bir eklenti. Açık şu an 800.000'den fazla aktif kullanıcısı var. Eklentinin kendi kontrol paneli vardır ve çoğu WordPress sitesi için uygundur.

Breadcrumb NavXT'de hemen hemen her şey özelleştirilebilir. Görünüm, görüntülenen öğeler ve sıraları. Burada aynı Yoast SEO'dan çok daha fazla olasılık var (özellikle navigasyon zincirinin ayarıyla ilgili).

Bu uzantı, WordPress dizininden tamamen ücretsiz olarak kurulabilir. Anahtar kelimelerle bulabilirsiniz.

ekmek kırıntısı

Doğrudan katalogdan yüklenebilen başka bir uzantı. Bir öncekinden farklı olarak, bu eklenti bu kadar geniş bir kitleye sahip değil. Toplamda 10.000 aktif kullanıcı var. Ancak, birçok insanın kırıntıları oluşturmak için başka seçenekleri tercih ettiğini düşünüyorsanız, bu oldukça iyi bir sonuçtur.

Eklenti basit ve hafiftir. sahip Güzel tasarım(ekran görüntüsüne bakın), renkleri değiştirebilirsiniz. Küçük projelerde kullanım için fazlasıyla yeterli.

Başka eklentiler de var. Daha az popülerler, ancak yine de deneyebilirsiniz. Eklentiler dizinine gidin ve yazın anahtar kelime galeta unu. Wordpress hemen size birkaç düzine uygun seçenek sunacaktır.

Çözüm

Ekmek kırıntıları, sitenizde gezinmenin harika bir yoludur. SEO'yu geliştirir, davranışsal faktörleri artırır ve kullanıcıların sitenin sayfalarında gezinmesini sağlar.

Hemen hemen tüm modern siteler buna dikkat etmeye çalışır. Web tasarımcıları geride kalmıyor, şimdi şablonda kırıntıların olmaması çok önemli bir dezavantaj olarak kabul ediliyor. Birisi, görünüşte önemsiz olan bu ayrıntı nedeniyle böyle bir şablonu satın almayı bile reddedecek. Bu gerçeği göz önünde bulundurduğunuzdan emin olun ve sitenizi kullanıcı dostu hale getirmeye çalışın.

Kazanç için bilgi projeleri oluşturma hakkında daha fazla bilgi edinmek istiyorsanız, bir göz atmanızı tavsiye ederim. Yazar, WordPress'te bir web sitesi oluşturmaktan, yetkin teknik ve arama motoru optimizasyonundan ve en önemlisi - hakkında gerçek yollar para kazanma.