Breadcrumps Navigasyon: Hem kullanıcıya hem de Google'a yardımcı olan ekmek kırıntıları

Hayattaki asıl sorun

Hiç web sitesinin tadını çıkardınız ve "kayıp" gibi hissettiniz mi? Web sitesinde nerede olduğunuzu bilmiyorum. Ve ana sayfaya dönecek veya nasıl ilgilenilecek? Ya da Google arama sonuçlarından doğrudan web sitesinde bir sayfaya tıklayın. Ve tek başına "yüzen" yüzün, bağlamın olmadığını, neyin ilgili olduğunu bilmediğini mi yoksa daha büyük bir sayfa var mı?

Bu sorun sadece bizim gibi bir kullanıcı değil. Sadece ama web sitesi sahibi dijital pazarlama veya SEO için, bu sorun web sitesinin verimliliği üzerinde doğrudan etkisi olan bir "kabus" dur. Olup olmadığı:

• Kullanıcı kafası karışık ve sinirli: kullanıcı yolu bulamadığında. Veya web sitenizi sonunda "bastıracakları" web sitesi yapısını anlamayın. Yüksek hemen çıkma oranı olarak da bilinir
• Dönüşüm oranı düşer: Müşteriler ürün bilgilerini, hizmeti veya harekete geçme düğmesini bulurlarsa, karmaşık navigasyon nedeniyle bulunamazlar. Satın alma veya iletişim kararı neredeyse hayır.
• Google kafası karıştı. Web sitenizdeki Tek: Google Bot taramak için geliyorsa, veri toplayın ve hangi sayfanın önemli olduğunu anlamayın. Çocuğun yüzü hangi sayfa? Hangi sayfa bir kategoridir. Web sitenizin iyi sıralanması zordur.

Eğer böyle bir durumla karşılaşıyorsanız, o zaman yalnız değilsiniz. Bu, birçok web sitesinin karşılaştığı klasik bir sorundur. Ama iyi haber şu ki, çok basit ama güçlü bir "çıkış" var. Bu, hem kullanıcı hem de Google, "Breadcrumps Navigation" veya "Ekmek Fren" gibi "İki Binicilik Silahlı Bir Çekim" gibi bu sorunun çözülmesine yardımcı olacaktır.

İllüstrasyonlar istemi: Kullanıcı görüntüsü, bir bilgisayar ve karışık ifadeye sahip bir cep telefonu kullanıyor. Ekranda labirent gibi rahatsız edici bir yolla

Bu sorun neden meydana geldi?

Neden birçok web sitesi, büyük faydaları olmasına rağmen, ekmek kırıntıları navigasyonunu ihmal ediyor veya tasarlıyor? Bunun ana nedeni genellikle yanlış anlamalardandır. Veya başka şeylere daha fazla önem vermek

• Önemsiz önem: Bazı insanlar ekmek kırıntılarının gereksiz yere sadece küçük bir unsur olduğunu veya bunun sadece mevcut bir "dekorasyon" olduğunu düşünen küçük bir unsur olduğunu düşünüyor.
• Çok fazla tasarımı vurgulayın: Bazı tasarımcılar tasarımın güzelliğine veya sadeliğine çok fazla odaklanabilir. Kullanıcıya rehberlik eden temel işlevleri ihmal edene kadar, ekmek kırıntılarını gizleme veya çok küçük karakterler kullanma gibi
• Web sitesi yapısı en başından beri açık değildir: Web Sitesinin Bilgi Mimarisi (IA) başından beri iyi planlanmamışsa. Yapı kompleksini net bir hiyerarşiye dönüştürün, etkili bir ekmek kırıntıları oluşturmak zordur. Bunu anlamak için SEO ve UX için bilgi mimarisi makalelerinde daha fazla çalışabilirsiniz
• SEO Teknik Cehalet: Bazı web sitesi sahipleri veya geliştiricileri, breadcrumps'ın sadece kullanıcılar için yararlı olmadığını bilmeyebilir. Ancak SEO'da, özellikle Google'ın web sitesinin yapısını Breadcrumb'un şeması işareti
• Tutarlı olmayan web sitesinin güncellenmesi: Bazen yeni sayfalar eklendiğinde veya içeriği iyileştirdiğinde, ancak ekmek kırıntıları yapısını tutarlı olacak şekilde güncellemediğinde, ekmek kırıntılarının hataları göstermesine neden olabilir. Veya eksik

Bu nedenler, kullanıcıların "kaybettiği" ve Google'ın web sitesi yapısını "anlamadığı" sorunlara yol açar. Sıralama ve dönüşümü artırmanın önündeki önemli bir engel olan

İllüstrasyonlar istemi: Web sitesi tasarımcıları, ekrandaki küçük bileşenlere veya web sitesinin karmaşık görünen ve düzenlemesi olmayan görüntü yapısına bakıyorlar.

Eğer kalırsa nasıl etkilenecek?

İyi cehalet ve iyi ekmek kırıntıları navigasyonunun kurulumu, hem kullanıcı deneyimleri hem de web sitenizin SEO performansı açısından "ağrılı" sonuçlara yol açabilir. Bakalım ne olacak uzun süre bırakılıp bırakılalım:

• Tahvil oranı yüksektir: Kullanıcılar web sitesine girdiğinde ve istediklerini bulamadıklarında. Ya da devam etmenin bir yolunu bulamıyor, web sitesine hızlı bir şekilde "basacak" ve hemen çıkma oranının daha yüksek olmasına neden olacaklar, bu da Google için kötü bir sinyaldir.
• Kullanıcının Web'deki süresi (bekleme süresi) azaldı: eğer kullanıcı web sitesindeki diğer içeriği rahatça keşfedemezse, daha az zaman harcayacaklar. Google sıralamasını olumsuz etkileyen ve diğer değerli içeriği keşfetme fırsatını azaltan
• Dönüşüm oranı aşağı: Kullanıcı hedef sayfaya sorunsuz bir şekilde rehberlik edemezse ürün satın alma, form veya abonelik olsun, dönüşüm şansı önemli ölçüde azalacaktır.
• SEO olması gerektiği kadar patlama değil: Google Bot, web sitenizin hiyerarşisini anlamada sorun yaşayacaktır. Yapı net olmadığında, Google web sitenizi olması gerekenden daha derecelendirebilir. Arama sıralamalarınızı etkiler
• Yanlış bir dahili bağlantı oluşturmak: İyi ekmek kırıntıları, sayfa otoritesini dağıtmak ve Google'ın pencereleri keşfetmesine yardımcı olmak için önemli olan kaliteli dahili bağlantı oluşturma fırsatını kaçırmanızı sağlar. Web sitenizde daha kolay
• Kullanıcı Deneyimi (UX) zayıftır: Kullanıcı hayal kırıklığına uğramış ve web sitenizden etkilenmeyecektir. Gelecekte tekrar kullanmaya geri dönmeyi düşünmemelerine neden oluyor, bu da hiç olmasını istemediğiniz bir şey

, IR web sitesi için UX yapılarını incelemek önemlidir, iyi bir yapının önemini görmenize yardımcı olabilir.

İllüstrasyonlar istemi: Yükselen hemen çıkma oranı grafiğini ve düşük dönüşüm oranını gösteren grafik, soru işareti ve kötü arama sonuçları gösteren bilgisayar ekranı.

Herhangi bir çözüm var mı? Ve nereden başlamalı?

Merak etme! Bu sorunları ekmek kırıntıları ile çözmek zor değildir. Ve beklenenden daha değerli bir değeri var! Bakalım nereden başlamalısın. Ve hangi teknikler

İlk Adım: Web sitenizi anlayın

Ekmek kırıntılarını koymaya başlamadan önce, önce web sitesinin yapısını, kaç seviye anlamanız gerekir. Hangi sayfa hangi sayfada? Örneğin: Ana Sayfa> Kategori> Ürünler veya Ana Sayfa> Hizmet> Sub -Service> Makaleler

Breadsrumps Navigasyon ile Sorunları Çözme Teknikleri

1. Ekmek kırıntıları tasarımı ve kullanımı kolay:
   • Konum: Ana içeriğin üstüne yerleştirilmelidir. Kullanıcıların kolayca görebilmesi için ana gezinme menüsünün altında veya sayfanın H1'i altında
   • Biçim: Ana Sayfa> Ürünler> T -Shirts gibi yüz arasında ayrı metin formlarını kullanın ">"
   • Renk ve Boyut: Okunması kolay karakterlerin rengini ve boyutunu kullanın. Arka planla yutulmaz, ancak ana içerikten dikkat için rekabet etmek için olağanüstü değildir
2. Hierachy'ye dayalı ekmek kırıntıları kullanın (hiyerarşiye göre):
   • Bu, SEO için Rotayı Ana Sayfa> Kategori> Alt Kategori> Geçerli sayfa gibi gerçek web sitesi yapısına göre gösterecek en yaygın ve önerilen formlardır.
   • Bu, hem kullanıcıların hem de Google'ın web sitesinin hiyerarşisini açıkça anlamalarını sağlar.
3. Her sayfanın doğru ekmek kırıntılarına sahip olduğundan emin olun:
   • Ana sayfa (ana sayfa) dışında, her sayfada ana sayfalara ve sayfalara geri dönen ekmek kırıntıları olmalıdır.
   • Ekmek kırıntılarındaki bağlantı tıklanabilir bir bağlantı olmalı ve kullanıcıyı doğru hedefe kullanmalıdır.
4. kullanmak Breadcrumblist şema işaretlemesi:
   • Bu "SEO", en önemli ekmek kırıntıları! Breadcrumblist'i (JSON-LD şeklinde) web sitesinin koduna yükseltmek, Google'ın web sitenizi daha iyi anlamasına yardımcı olacaktır ve ekmek kırıntılarınızı arama sonuçlarında (zengin snippet) görüntüleyebilir, bu da bağlantınızı daha tıklayacaktır.
   • Şema işaretlemenizin doğru olup olmadığını kontrol etmek için Google Search Central gibi çeşitli araçları kullanabilirsiniz.
5. Mobil dostu yapmak:
   • Birçok kullanıcının web sitesine mobil aracılığıyla eriştiğini unutmayın. Ekmek kırıntılarınızın küçük bir ekranda iyi gösterdiğinden emin olun. Okunması zor olana kadar çok büyük veya karmaşık değil
   • Mobile üzerinde çok fazla hiyerarşi varsa, ana ve mevcut ana sayfalar arasında "..." ı kısaltmak için bazı gizli düşünebilir veya JavaScript kullanabilir. Yerden tasarruf etmek için
6. Dahili bağlantıları uygun şekilde bağlayın:
   • Ekmek kırıntıları harika bir dahili bağlantı aracıdır. Sayfa yetkisini dağıtmaya yardımcı olur ve Google'ın hangi sayfanın hangi sayfaya bağlı olduğunu söyleyin.
   • Yapıyı güçlendirmek için SEO'nuza odaklanan mega menüye ekmek kırıntılarının bağlantısını düşünün. Webflow SEO dostu mega menüden örnekleri görebilirsiniz .

"Web sitesi anketinizden" başlayarak en önemli noktadır. Bundan sonra, bu teknikleri adım adım uyarlamaya başladı.

İllüstrasyonlar istemi: Breadcrumbs'ın Jigsaw bulmacasının el görüntüsünü net bir web sitesi diyagramında. Yapıyı temsil eder

Eskiden başarılı olan gerçek şeyden örnekler

Ekmek kırıntılarının navigasyonun aslında somut bir sonuç yaratabileceğini açıkça görmek için. Elektronik cihaz satan "e-ticaret web sitelerinden" bir örnek paylaşmak istiyorum. Kullanıcı ve dönüşüm oranı ile ilgili bir sorunla karşılaşmıştı

Orijinal sorun: Kullanıcı kafası karıştı, Google anlamıyor.

Orijinal web sitelerinde net bir ekmek kırıntısı yok veya sadece normal bir mesaj mı? Bu, kullanıcılar ürünü doğrudan Google'dan girdiğinde tıklayamaz, genellikle bu ürünün hangi kategorisinin bulunduğu konusunda kafası karışırlar veya sonuç olarak aynı kategorideki diğer ürünleri görmek için geri dönerler, yüksek araba terk oranı ve çoğu kullanıcı diğer parçaları keşfetmeden sayfadan çıkar. Web sitesi. Google'ın kendisi, taramak uzun zaman alıyor gibi görünüyor. Ve bazı sayfaları olması gerektiği gibi sıralamıyor

Yöntem: Şema İşaretlemesi ile Breadcrumps Navigasyonu Yükle

Ekip yeni navigasyonu "elden geçirmeye" karar verdi. Anahtarlardan biri doğru ekmek kırıntıları navigasyonunu kurmaktır. Aşağıdaki gibi ilerliyorlar:

• Web Sitesi Yapısı Analizi: Açık bir hiyerarşi olduğundan emin olmak için yeni bir web sitesi planı oluşturma (Ana Sayfa> Bilgisayar> Dizüstü bilgisayar> MacBook Pro gibi)
• Berrak kırıntıları tasarımı: Ekmek kırıntılarını ürünün ve sayfanın üstünde net bir konuma yerleştirin. Yazı tipi boyutunu ve kontrast renkleri kullanın. Ve ekmek kırıntılarındaki her bağlantının tıklamasına izin verir
• Şema İşaretlemesi ile Pilot: Tüm işlevlere Breadcrumblist Şema İşaretlemesi (JSON-LD) ekleyin Google'a bunun web sitesinin yapısı olduğunu açıkça söyleyecek bir ekmek var.
• Mobil deneyimini geliştirin: Ekmek kırıntılarının mobil kullanım üzerinde engellemediğinden emin olun. Ve okumak ve tıklamak hala kolay

Bulgular: Satış, SEO belirgin şekilde daha iyidir!

Sadece birkaç ay boyunca ekmek kırıntıları navigasyonu kullandıktan sonra sonuç:

• Dönüşüm oranı%15 arttı: Kullanıcılar ilgili ürünleri ve kategorileri kolayca bulabilir. Satın alma kararını daha hızlı yapar
• Kitap oranı%8 azaldı: Kullanıcılar web sitesinde daha uzun süre harcadı. Ve daha fazla pencereyi keşfedin
• SEO sıralaması daha iyi: Birçok ürün sayfası, Google'ın arama sonuçlarında (bağlantı adı altında ekmek kırıntıları gösteren) zengin bir snippe olarak görünmeye başladı, bu da bağlantıyı daha ilginç ve tıklama olasılığı daha yüksek hale getirdi. Organik arama trafiği açıkça arttı.
• Sepet terk oranı%10 azaldı: kullanıcılar ürünleri daha kolay seçme sürecinde seyahat ediyorlar. Sepetleri atma fırsatını azaltın

Bu, breadcrumbs'ın sadece bir "ekmek kırıntısı" değil, aynı zamanda web sitenizin verimliliğinde gerçekten güçlü bir "araç" olduğunun bir kanıtıdır.

İllüstrasyonlar istemi: Artan satış grafikleri ve zengin snippet gösteren Google arama sonuçları simgeleri ile net ekmek kırıntıları ile e-ticaret web sitesi.

Takip etmek istiyorsanız, ne yapmalı? (Hemen kullanılabilir)

Web sitenizi breadcrumps navigasyonu ile yükseltmeye hazır, değil mi? Bu, hemen takip edebileceğiniz basit bir kontrol listesidir:

1. Mevcut web sitesi yapınızı değerlendirin:
   • Basit bir web sitesi planı çizin. Genel hiyerarşiyi görmek için (ana sayfa> kategori> sayfa/makale)
   • Anne ve çocuğun önündeki ana sayfa hangi sayfanın olduğunu belirtin
2. Ekmek kırıntılarının pozisyonunu seçin:
   • En iyi konum "Ana İçeriğin Üstü" dir (H1'in üstünde veya navigasyon menüsünün altında)
   • Tanıdık kullanıcılar için önerilen uygulamalar doğrultusunda
3. Tasarlanan ve Oluşturulan Ekmek kırıntıları:
   • Easy -to -to -to -and -to -to Metin: Ekmek kırıntılarındaki sayfa adı, gerçek adla aynı ad olmalıdır.
   • Doğru ayırmayı kullanın: > veya / / /
   • Bağlantıyı yapın. Tıklayın: Geçerli sayfa hariç tüm ekmek kırıntıları. Annenin yüzüne veya ana sayfasına geri tıklayabilecek bir bağlantı olmalıdır
   • Stil Ayarı: Temiz ve okunması kolay görünmek için boyutu, rengi ve mesafeyi kontrol etmek için CSS kullanın. Ana içeriği rahatsız etmeyin
4. düzenlemek Breadcrumblist şema işaretlemesi (JSON-LD):
   • Bu SEO için önemli bir adımdır.
   • WordPress gibi CMS kullanıyorsanız, otomatik olarak bir şema işaretlemesi oluşturmaya yardımcı olan bir eklenti (Yoast SEO gibi) olabilir.
   • Bir web akışı veya özel kodsa, JSON-LD kodunu koymak zorunda kalacaksınız. Her sayfanın
   • Örnek Kodu:
     {
"@context": "https://schema.org/",
"@type": "BreadcrumbList",
"itemListElement": [{
"@type": "ListItem",
"position": 1,
"name": "หน้าหลัก",
"item": "https://www.yourwebsite.com/"
},{
"@type": "ListItem",
"position": 2,
"name": "หมวดหมู่",
"item": "https://www.yourwebsite.com/category/"
},{
"@type": "ListItem",
"position": 3,
"name": "หน้าปัจจุบัน",
"item": "https://www.yourwebsite.com/category/current-page/"
}]
}
     
5. Test ve geliştirin:
   • Masaüstü ve mobil cihazlarda test edin: Ekmek kırıntılarının sonuçları tüm cihazlarda doğru, güzel ve kullanımı kolay gösterdiğini kontrol edin.
   • Google Zengin Sonuçlar Testini kullanın : Şema işaretlemenizin doğru olup olmadığını ve Google'ın okuyabileceğini kontrol edin.
   • Kırık bağlantıları kontrol edin: Ekmek kırıntılarındaki bağlantının kırılmadığından emin olun.
6. İlgili Dahili Bağlantı:
   • web sitesi yapınızın bir parçası olabilecek dost bir SSS sayfası oluşturma hakkında daha fazla bilgi edinmelerini önerebilirsiniz

Bu kontrol listesi size hem kullanıcılar hem de Google ile dostça bir ekmek kırıntısı navigasyonu verecektir! , en iyi sonuçlar için Vision X Brain UX/UI uzmanlarına danışmaktan çekinmeyin.

İllüstrasyonlar istemi: Tüm doğru işaretlere sahip olan kontrol listesi görüntüleri adımları kolayca temsil eder.

İnsanların merak ettiği sorular ve temizlenen cevaplar

Ekmek kırıntıları navigasyon yapmanın önemini ve yöntemini öğrendikten sonra, birçoğunuzun hala bazı soruları olabileceğine inanıyorum. Net bir cevapla popüler bir soruyu derledim.

S1: Ekmek kırıntıları, her türlü web sitesi için gerekli mi?

C: Prensip olarak "çok gerekli", özellikle karmaşık yapıları olan web siteleri için e-ticaret web siteleri, haber web siteleri, çeşitli kategorilere sahip bloglar veya çok fazla içeriğe sahip büyük web siteleri gibi birçok alt kategori vardır. Birkaç sayfaya sahip küçük bir web sitesi için, ekmek kırıntıları o kadar da olmayabilir. Ama buna sahip olmak hala hiç olmadığından daha iyidir çünkü her zaman ux'a yardımcı olur

S2: Ekmek kırıntıları kullanmak dahili bağlantılarımızı "kopya" yapacak mı? Google bu spam'i düşünecek mi?

A: Hiç de değil! Breadcrumbs, Google'ın anladığı ve hatta sevdiği dahili bağlantılardan biridir. Totip bir şekilde çoğaltılmaya neden olmaz. Ancak Google'ın pencereler arasındaki hiyerarşiyi ve ilişkiyi anlamasına yardımcı olur. Breadcrumblist şema işaretlemesinin kullanımı, Google'a bunun kullanıcılar için doğru ve kullanışlı navigasyon yapısı olduğunu daha da onaylıyor.

S3: Ekmek kırıntılarını web sayfasına nereye koymalıyım?

C: En uygun konum "Ana İçeriğin Üstü" veya "Ana Gezinme Menüsü Altında" dır. Genellikle, web sitesinin başlığı veya navigasyon çubuğu altındadır, çünkü kullanıcıların aşina oldukları ve web sitesinde nerede olduklarını anlamaya çalıştığı bir yerdir. Bu pozisyondaki yerleşim, Google botunun taramasına ve anlaşılmasına kolay yardımcı olur.

S4: Web sitemizin aynı anda birçok kategoride bir sayfası veya makalesi varsa, ekmek kırıntıları nasıl yapmalı?

C: Bu yaygın bir durum. En iyi yol, kullanıcılarınız ve işletmeniz için en makul olan "yalnızca bir ana rota seç" dir, örneğin bir ürün "gömlek" kategorisindeyse ve "tanıtım" dır, "gömlek" kategorisini ekmek kırıntılarındaki ana rota olarak seçin, çünkü ana ürün yapısıdır ve sayfaya bağlanmak için dahili bağlantıyı kullanın ve çok karmaşık olmayacak şekilde "promosyon".

S5: WordPress gibi CMS'de ekmek kırıntıları oluşturmaya yardımcı olan herhangi bir araç veya fiş var mı?

A: Tabii ki! WordPress için, popüler SEO eklentisi, Yoast SEO veya Rank Math, ekmek kırıntılarını açma ve kolayca ayarlama ve aynı zamanda şema işaretlemesini otomatik olarak oluşturma özelliklerine sahiptir. Webflow veya özel kodla oluşturulan bir web sitesi için, kodu bölüme yazmak için ek kod kullanmanız gerekebilir. "Takip etmek istiyorsanız, ne yapmalı?"

İllüstrasyonlar istemi: Google logosunun üzerinde yüzen Soru -Cevap Bubble görüntüleri ve cevap almak gibi gülümseyen kullanıcı simgesi.

Anlaması kolay olmak için özet + yapmaya çalışmak istiyorum

Nasılsın? "Breadcrumbs Navigation: Hem Kullanıcıya ve Google'a Yardımcı Olan Breadbricks" hikayesiyle. Umarım şimdi bu küçük navigasyonun nasıl "güce" sahip olduğunu anlarsınız!

Breadcrumbs'ın hem kullanıcıların hem de Google'ın "gerçek arkadaşı" olduğunu hatırlamak kolaydır:

• Kullanıcılar için: Web sitenizde kaybetmemelerine yardımcı olan bir "yaşam haritası" dır. Nerede olduğunuzu ve bir sonraki nereye gidebilirsiniz? Deneyimi (UX), kalmak ve satın almak isteyene kadar mükemmel hale getirir
• Google için: Google Bot'un web sitenizin hiyerarşisini anlamasına yardımcı olan bir "pusula" dır. Sıralamayı (SEO) etkili hale getirir ve ayrıca web sitenizin arama sonuçlarında zengin snippet'i görüntüleme fırsatına sahip olmasına yardımcı olur!

Ekmek kırıntılarının doğru tasarımı ve kurulumu ile yapılan yatırım sadece "küçük" bir iyileştirme değil, web siteniz için azaltılmış sıçrama oranı, artan bekleme süresi, dönüşüm oranı ve daha iyi bir SEO sırası gibi çok fazla ödül yaratacak "yatırım" dır.

Artık beklemeyin!

Sizi bugünden "yapmaya" davet ediyorum. Geri dönelim ve bir ekmek kırıntısı olup olmadığını görmek için web sitenizi keşfedelim mi? Eğer yeterince iyi çalışıyorsa? Ciddi bir şekilde yüklemek için hala zaman yoksa!

Başlangıç:

1. Web yapınızı anlayın.
2. Açıkça ve ekmek kırıntıları tasarımı
3. En önemlisi, Google'a açıkça anlatmak için "breadcrumblist şema işaretlemesini koymayı unutmayın"!

Bunu kendiniz yapmanın karmaşık olduğunu düşünüyorsanız veya uzmanların güçlü bir yapıya ve etkileyici bir dönüşüme sahip bir web sitesi almak için başından sonuna kadar özen göstermeye yardımcı olmalarını istiyorsanız, Vision X Brain'in webflow uzmanına ücretsiz danışın! Yükümlülük yok! Web sitenizi "oluşturmaya" yardımcı olacak bir "ortak" olmaya hazırız. Kullanıcıları hedefe götüren ve işinizi sürdürülebilir başarıya götüren "Rehber Ekmek Pulları"!

İllüstrasyonlar istemi: Google logosu ve gülümseyen kullanıcı simgeleri ile haritadaki net rotaya ekmek pulları serpen el görüntüleri.

‍