Ekmek kırıntıları nedir? Ekmek Kırıntıları Nedir?
Breadcrumb Buna breadcrumb veya sayfa yolu işaretçileri denir. Her gün, web sitelerini tasarlamak için kırıntı yapıları kullanılmaktadır. Ekmek kırıntısı yapılarını kullanarak gezinme, kullanıcı deneyimini ve sitede gezinmeyi geliştirebilir.
Arama sıralaması için rekabet arttıkça ekmek kırıntısı daha önemli hale geliyor. Bu nedenle ekmek kırıntılarının ne olduğunu ve nasıl yapılacağını açıklayan bir makale yazdık.
Breadcrumbnedir ?
Breadcrumb, ekmek kırıntısı ile aynıdır. Arama motoru optimizasyonu (SEO) ve kullanıcı deneyimi web sitesi tasarımında önemli bir rol oynar. Kategoriler ve web sayfaları arasındaki gezinti, kullanıcının hangi sayfadan ayrıldığını gösterecektir.
Jakob Nielsen, breadcrumb yapısını ilk kez 1995 yılında web sitesine eklediğini belirtmektedir. Ekmek kırıntısı kullanıcılar için kafa karıştırıcı değildir ve sitede gezinmede sorun yaratmaz.
Breadcrumb sistemlerinin site trafiğini %30 oranında artırdığı gösterilmiştir. SEO için gereklidir ancak web sitenizde çok az yer kaplar.
Breadcrumbs Googlebot’lara rehberlik eder ve kullanıcı deneyimini iyileştirir. Breadcrumbs, googlebotların sitede gezinmesine yardımcı olarak onları doğru hiyerarşiye yönlendirir.
Ekmek kırıntıları, kullanıcılara hangi sayfada ve kategoride olduklarını göstererek bir web sitesinde gezinmelerine yardımcı olmak için kullanılır.
Ekmek KırıntısıNasıl Yapılır
İnternet yanlış bilgi ve yalanlarla dolu Bizimle iletişime geçmenin en iyi yolu nedir? breadcrumb. Ekmek kırıntısı elde etmek için ihtiyacınız olan tek şey birkaç eklenti yüklemektir.
Ekmek kırıntılarını uygulamak için popüler WordPress eklentileri Yoast SEO, rankmatrix ve Schema.org’u yükleyin.
Breadcrumb parantezleri birçok farklı şekilde kullanılabilir. En yaygın kullanılan ekmek kırıntısı parantezi “>” dir.
- Kısa Hat
- Nokta
- Saç Kesimi
- Boyut İşareti
E-Ticaret Web Siteleri için Breadcrumb kodu
Breadcrumb kodu:
<ol itemscope itemtype="https://schema.org/BreadcrumbList"> <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <a itemprop="item" href="https://orneksite.com"> <span itemprop="name">Ana Sayfa</span></a> <meta itemprop="position" content="1" /> </li> <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <a itemprop="item" href=" https://orneksite.com/yemek-tarifleri"> <span itemprop="name">Yemek Tarifleri</span></a> <meta itemprop="position" content="2" /> </li> <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <a itemprop="item" href=" https://orneksite.com/sağlikli-yemek-tarifleri"> <span itemprop="name">Sağlıklı Yemek Tarifleri</span></a> <meta itemprop="position" content="3" /> </li> </ol>
Ekmek kırıntısı en üstte doğru şekilde uygulanırsa Google sitenizi doğru biçimde görüntüleyecektir.
Ekmek kırıntısı yapısı birçok yönden faydalıdır
- Kullanıcılarınızın web sitenizde gezinmesine ve önceki sayfalara dönmesine olanak tanır.
- Ziyaretçilerinizin sitede kategorilere ve sayfalara göre gezinmesini kolaylaştırabilirsiniz.
- Ekmek kırıntıları kullanıcı deneyimi için faydalıdır, ancak yalnızca iyi tasarlandıklarında.
- Ekmek kırıntısı yapısı dahili bağlantılar için önemlidir.
- Dahili bağlantılar, ziyaretçilerin doğru dahili bağlantıyı kullanarak web sitesinde gezinmesine olanak tanır.
- Googlebot’ların sitenizin yapısını anlamasına yardımcı olur.
- Chema entegrasyonu kullanılarak arama botlarının bağlantı yapısından haberdar olması sağlanabilir.
- Bu araç SEO için harikadır.
Ne tür ekmek kırıntıları vardır?
Ekmek kırıntısının ne olduğunu ve nasıl yapılacağını araştırırken bir şeyi gözden kaçırmış olabilirsiniz. Kullandığınız breadcrumb türü, web sitenizin nasıl yapılandırıldığını belirler.
1. Breadcrumb Position – Konumsal Breadcrumb
Breadcrumbs en yaygın yapılardan biridir. Ziyaretçiler konum kırıntılarını kullanarak web sitenizde gezinebilirler. Ziyaretçiler sitenizde gezinebilir ve önceki sayfalara kolayca erişebilir. Ziyaretçi, bir sayfanın veya kategorinin hiyerarşisinin nasıl yapılandırıldığını daha iyi anlayabilir.
Örnek: Ana Sayfa>Telefon ve Aksesuarlar>Cep Telefonu Aksesuarları>Kılıf
2. Nitelikli Yengeç
Attribute-breadcrumb sayfa adları yerine öznitelikleri kullanır. Bu yapı sayfaların konumunu değil, öznitelikleri kullanır. Öznitelik ekmek kırıntısı çoğunlukla e-ticaret web sitelerinin arama alanında görünür.
3. Patch Breadcrumb ile Dinamik Yapı
Ekmek kırıntısı, tanımı gereği bir yamadır. Kullanıcının sayfadan sayfaya geçerken tıkladığı bağlantıları izlemek için kullanılır. Ekmek kırıntısı menüsü, kullanıcının ziyaret ettiği sayfaları bir yol haritası şeklinde görüntüler.
Ekmek kırıntısını kullanırken yinelenen sayfa sorunu yaşayabilirsiniz. Bir web sayfasına birden fazla kişi tarafından kolayca erişilebilir. Kanonik veya url yapılarını kullanarak bundan kaçının.
Breadcrumb yapısı – Dikkat edilmesi gerekenler
Galeta unu kullanmadan önce akılda tutulması gereken birkaç nokta vardır. Ekmek kırıntıları çok çeşitli biçimlerde gelir ve birçok amaç için kullanışlıdır. Bunları web sitenizde kullanmak isteyip istemediğinize karar vermelisiniz.
Seçim için Breadcrumb Parantezleri
Breadcrumb parantezleri genellikle “>” olarak kullanılır. Diğer sınırlayıcılar da kullanılabilir.
- Kısa Hat
- Nokta
- Saç kesimi
- Boyut İşareti
Kırıntı konumları
Breadcrumb yerleşimi, kullanıcıların bir web sitesini ziyaret ederken veya gezinirken dikkatlerinin dağılmamasını sağlamak için çok önemlidir.
Ekmek kırıntıları genellikle soldan sağa bir yapıda kategori başlığının altında yer alır. Kullanıcı hangi sayfanın görüntülendiğini ve hangi sayfaları ziyaret ettiğini kolayca belirleyebilir.
Breadcrumb WordPress Eklentileri
WordPress web sitesi sahipleri ekmek kırıntıları yapmak için eklenti aradıklarında birçok karmaşık eklenti mevcuttur.
Ekmek kırıntısı oluşturma sorununuzu çözmek için aşağıda verdiğimiz ekmek kırıntısı WordPress eklentilerini kullanın.
- Rankh Math Seo
- Yoast Seo
- Schema.Org
- Ekmek Kırıntıları
Breadcrumb HTML kodu, Bootstrap Breadcrumb Kodları ve Breadcrumb Css
Ekmek kırıntısını birkaç WordPress Eklentisi ile web sitenize uygulayabilirsiniz. Breadcrumb kodu, özel tasarlanmış bir düzene sahip siteler için kullanılır. Breadcrumb için html ve CSS kodu aşağıda listelenmiştir.
HTML Breadcrumb Kodları
Web sitenizin HTML dosyasına breadcrumb HTML’sini ekleyin.
<ul class="breadcrumb"> <li><a href="#">Ürünler</a></li> <li><a href="#">Teknoloji</a></li> <li><a href="#">Bilgisayar</a></li> <li>Acer</li> </ul>
Breadcrumb kodu CSS
Bu yapıyı kullanmak için web sitenizin css’ine breadcrumb kodu ekleyebilirsiniz.
ul.breadcrumb { раним: 10px 16px; list-style: No, you can't.; background-color: #eee; } ul.breadcrumb { This can be displayed on your screen: Online; font-size: 20px; Color: CurrentColor; } ul.breadcrumb li + li:before { раним: 8px; Color: Cornflowerblue; You can also find out more about the content on this page.: "/0a0"; } ul.breadcrumb li a { Color: Cornflowerblue; text-decoration: No, you can't.; } ul.breadcrumb li a:hover { Color: #01447e; text-decoration: Underline; }
Breadcrumb Bootstrap Kodları
Sitenizde breadcrumb sistemi oluşturmak için aşağıdaki kodu kullanın. Breadcrumb boottarp kodunu kullanarak web sitenizde breadcrumb yapısı oluşturabilirsiniz.
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item active" aria-current="page">Home</li>
</ol>
</nav>
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="#">Home</a></li>
<li class="breadcrumb-item active" aria-current="page">Library</li>
</ol>
</nav>
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="#">Home</a></li>
<li class="breadcrumb-item"><a href="#">Library</a></li>
<li class="breadcrumb-item active" aria-current="page">Learn more about Data</li>
</ol>
</nav>YoAST SEO’ya breadcrumb bonuslarını nasıl ekleyebilirim?
Ekmek kırıntılarının ne olduğuna dair yazımızı okuduysanız aşağıdaki videoyu izleyebilirsiniz. Yoast SEO tarafından hazırlanan bu video breadcrumb nedir sorusuna cevap verecektir.