Son Dakika

Blogger breadcrumbs hatası

→ Reklamlar ←
→ Reklamlar ←
-- --
Son zamanlarda Search Console da Breadcrumb ile ilgili bir hata görmeye başlamış olabilirsiniz. Bu hatanın kaynağı, yakın zamana kadar kullanımda olan data-vocabulary.org işaretlemesini Google desteklemeyi bıraktı. Bunun yerine schema.org işaretlemesinin kullanılması önerilmektedir. Dolayısıyla neredeyse blogger alt yapılı web sitelerinin hemen hemen hepsinin kullandığı bu işaretlemeyi Search Console 'un tavsiyesine uygun bir şekilde değiştirmek gerekiyor.Kendi blog sitem için bulmuş olduğum, bu sorunun çözümünü içerik olarak da paylaşıp herkesin faydalanmasını istedim. İşlemlere başlamadan önce her hangi bir hata yapma olasılığınız için şablonunuzu yedeklemenizi tavsiye ederim.

Eğer temanızda zaten bir breadcrumb varsa ömce bunu bulmalısınız. Blogger tema menüsü altından HTML düzenleme sayfasını açın, genelde çoğu temada  <b:includable id='comment-form' var='post'> satırı altında bulunuyor bulmak için editörün içerisine tıklayın ve CTRL+F kısayollarını kullanarak <b:includable id='comment-form' var='post'> satırını arayın. Eğer satır varsa ve breadcrumbs da oradaysa aşağıda görselde işaretlediğim gibi tüm kod bloğunu seçin ve yine daha aşağıda paylaşacağım kod ile değiştirin.



<b:includable id='breadcrumb' var='posts'>
   <b:if cond='data:blog.pageType == &quot;item&quot;'>
      <b:loop values='data:posts' var='post'>
         <b:if cond='data:post.labels'>
            <div class='breadcrumbs' itemscope='itemscope' itemtype='https://schema.org/BreadcrumbList'>
               <span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>
                  <a class='homebread' expr:href='data:blog.homepageUrl' itemprop='item' title='Home'>
                  <span itemprop='name'>Home</span></a>
                  <meta content='1' itemprop='position'/>
               </span>
               <svg viewBox='0 0 24 24'>
                  <path d='M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z' fill='#000000'/>
               </svg>
               <b:loop index='num' values='data:post.labels' var='label'>
                  <span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>
                     <a expr:href='data:label.url + &quot;?&amp;max-results=16&quot;' expr:title='data:label.name' itemprop='item'>
                        <span itemprop='name'>
                           <data:label.name/>
                        </span>
                     </a>
                     <meta expr:content='data:num+2' itemprop='position'/>
                  </span>
                  <b:if cond='data:label.isLast != &quot;true&quot;'>
                     <svg viewBox='0 0 24 24'>
                        <path d='M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z' fill='#000000'/>
                     </svg>
                  </b:if>
               </b:loop>
               <svg viewBox='0 0 24 24'>
                  <path d='M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z' fill='#000000'/>
               </svg>
               <span>
                  <data:post.title/>
               </span>
            </div>
         </b:if>
      </b:loop>
   </b:if>
</b:includable>


Örnek görsel



Yukarıdaki bu işlemin ardından aşağıdaki CSS kodlarını </head> etiketinin üstüne ekleyin.


<style type='text/css'>
/* Breadcrumb */
.breadcrumbs{background:#fff;line-height:1.2em;width:auto;overflow:hidden;margin:0;padding:10px 0;border-top:1px solid #dedede;border-bottom:1px solid #dedede;font-size:80%;color:#222;font-weight:400;text-overflow:ellipsis;-webkit-text-overflow:ellipsis;white-space:nowrap}
.breadcrumbs a{display:inline-block;text-decoration:none;transition:all .3s ease-in-out;color:#222}
.breadcrumbs a:hover{color:#11589D}
.breadcrumbs svg{width:16px;height:16px;vertical-align:-4px}
.breadcrumbs svg path{fill:#222}
.homebread{margin:0 2px 0 0}
</style>


Son olarak ise aşağıdaki satırı <b:includable id='main' var='top'> kodunun altına ekleyin, eğer varsa eklemeniz gerekmez.


<b:include data='posts' name='breadcrumb'/>




Eğer yukarıdaki işlem başarısız olduysa yada temanıza uyum sağlamadıysa aşağıdaki kod parçasını kopyalayın ve ardından tema kodlarınız arasında CTRL+F kısayol tuş yardımı ile <div class="post-outer"> satırlarını arayın ve hemen altına bu kodu yapıştırın.


   <b:if cond='data:blog.pageType == &quot;item&quot;'>
      <b:loop values='data:posts' var='post'>
         <b:if cond='data:post.labels'>
            <div class='breadcrumbs' itemscope='itemscope' itemtype='https://schema.org/BreadcrumbList'>
               <span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>
                  <a class='homebread' expr:href='data:blog.homepageUrl' itemprop='item' title='Home'>
                  <span itemprop='name'>Home</span></a>
                  <meta content='1' itemprop='position'/>
               </span>
               <svg viewBox='0 0 24 24'>
                  <path d='M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z' fill='#000000'/>
               </svg>
               <b:loop index='num' values='data:post.labels' var='label'>
                  <span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>
                     <a expr:href='data:label.url + &quot;?&amp;max-results=16&quot;' expr:title='data:label.name' itemprop='item'>
                        <span itemprop='name'>
                           <data:label.name/>
                        </span>
                     </a>
                     <meta expr:content='data:num+2' itemprop='position'/>
                  </span>
                  <b:if cond='data:label.isLast != &quot;true&quot;'>
                     <svg viewBox='0 0 24 24'>
                        <path d='M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z' fill='#000000'/>
                     </svg>
                  </b:if>
               </b:loop>
               <svg viewBox='0 0 24 24'>
                  <path d='M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z' fill='#000000'/>
               </svg>
               <span>
                  <data:post.title/>
               </span>
            </div>
         </b:if>
      </b:loop>
   </b:if>





Tüm işlem bu kadar değil. Son olarak Search Console 'a gidip aşağıdaki görselde gösterildiği gibi hata düzeltmesini doğrulayın.





Blogger Breadcrumb Kurulumu Nasıl Yapılır ?

Öncelikle belirtmeden geçemeyeceğim bu eklentinin kurulumu yapılınca hemen etkili sonuçlar alınamayabilir. Yani yazıların, kategorilerin veya diğer içeriklerin google ve diğer arama motorları sonuçlarında breadcrumb tarzı sonuçlar çıkması için kurulumu yapıldıktan sonra biraz zaman geçmesi gerekmektedir.

1.Aşama Css Kodları

Css kodlarının nereye ve nasıl bir şekilde ekleneceği biliniyordur ancak ben yine de belirtmiş olayım </b:skin> kodu aratılıp öncesine eklenmelidir.
.breadcrumbs{background-color:#fff; 
border-radius:5px;  
-webkit-border-radius:5px;  
-moz-border-radius:5px;  
border:1px solid #ddd; margin-top:5px; padding:10px; border-bottom:2px solid #ddd;
text-align:left;
font-size:11px}

2.Aşama

Alttaki uzunca kod <b:includable id='main' var='top'> öncesine eklenmelidir ancak bu kodun altında <div class='blog-posts hfeed'> olması gerekmektedir. Ayrıca Web Günlüğü yazan yerler kendinize ait blog başlığı ile değiştirilmelidir.
<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<!-- No breadcrumb on home page -->
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- breadcrumb for the post page -->
<p class='breadcrumbs'>
<span class='post-labels'>
<a expr:href='data:blog.homepageUrl' rel='tag'><data:blog.title/></a>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == &quot;true&quot;'> &#187; <a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
</b:loop>
<b:else/>
&#187;Kategorisiz
</b:if>
&#187; <span><data:post.title/></span>
</b:loop>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<!-- breadcrumb for the label archive page and search pages.. -->
<p class='breadcrumbs'>
<span class='post-labels'>
<a expr:href='data:blog.homepageUrl'><data:blog.title/></a> &#187; <data:blog.pageName/> Arşivi
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<p class='breadcrumbs'>
<span class='post-labels'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<a expr:href='data:blog.homepageUrl'><data:blog.title/></a> &#187; Tüm Yazılar
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:blog.title/></a> &#187; <data:blog.pageName/>
</b:if>
</span>
</p>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>

3.Aşama

İkinci aşamayı başarılı şekilde tamamladıktan sonra <div class='blog-posts hfeed'> kod aratılıp altına veya bu <b:include data='top' name='status-message'/> kod aratılıp üstüne alttaki kod eklenmelidir.
<b:include data='posts' name='breadcrumb'/>
Bu işlemler hatasız şekilde sonuçlandırıldıktan sonra yazı veya etiket sayfalarına girildiğinde eklentinin blog içerisinde çalıştığı görülecektir. Arama motoru sonuçlarında gözükmesi için ise biraz zaman alacaktır.

Hiç yorum yok:

Yorum Gönderme

İnd | Ping | Bing | Ping 2 | Feedburner | Auto Ping | Yandex Memurlar Kamu personeli memur adayları sağlık personeli meb personeli memur alımı kamu personeli alımı KPSS ve sınav haberleri Memurlar Haber sitesi Memur alımı, memur maaşları, memurlar için haberler, öğretmen haberleri, öğretmen atamaları, memur zamları, 4c, 4b, iş ilanları, memur ilanları, kpss haberleri Memur Site'de
Bedava MP3 Download, MP3 indir, Ücretsiz MP3, Dangerous MP3, Dangerous MP3Yerli ve yabancı hd film izle, Türkçe dublaj ve alt yazı seçenekleri ile en güncel filmleri 1080p kelimeleriyle sitemize gelenler için uyarıdır. Sitemizde hiçbir MP3 ve Full Film bulunmamaktadır! Sadece bazı sitelerden dış bağlantı alınarak tanıtım amaçlı bir kaç şarkı bulunabilir. Lütfen sanata ve sanatçıya saygı için korsan müziğe hayır! Internetten mp3 yüklemek yerine onların kaset ve cd'lerini alarak destek olalım.
Günümüzün en büyük hobilerinden birisi hiç kuşkusuz TV izlemektir. Canlı TV sitemiz TV izlemeyi siz kullanıcılarına kolaylaştırmak için kurulan bir platformdur. Sitemizde tüm kanalları kesintisiz ve donmadan rahatlıkla izleyebilirsiniz.
aktüel, ürünler, kataloğu, broşürü, insert, indirim, kampanya, promosyon, a101, bim, şok, market,aktuel katalogu
YASAL UYARI;

Sitemizde yer alan bilgi, yorum ve tavsiyeleri yatırım danışmanlığı kapsamında değildir. Yatırım danışmanlığı hizmeti; aracı kurumlar, portföy yönetim şirketleri, mevduat kabul etmeyen bankalar ile müşteri arasında imzalanacak yatırım danışmanlığı sözleşmesi çerçevesinde sunulmaktadır. Burada yer alan yorum,analiz ve tavsiyeler, yorum,analiz ve tavsiyede bulunanların kişisel görüşlerine dayanmaktadır. Bu görüşler mali durumunuz ile risk ve getiri tercihlerinize uygun olmayabilir. Bu nedenle, sadece burada yer alan bilgilere dayanılarak yatırım kararı verilmesi beklentilerinize uygun ve doğru sonuçlar doğurmayabilir. Burada yer alan bilgiler, güvenilir olduğuna inanılan halka açık kaynaklardan elde edilmiş olup bu kaynaklardaki bilgilerin hata ve eksikliğinden ve ticari amaçlı işlemlerde kullanılmasından doğabilecek zararlardan www.memursite.com ve yöneticileri hiçbir şekilde sorumluluk kabul etmemektedir.
Sitemizde yer alan bilgiler tanı ve tedavi amaçlı değildir. Sizlere aktardığımız bilgiler, tavsiye niteliğinde olup reçete ya da tedavi yöntemlerinizi değiştirmeye yönelik değildir. Sitemizdeki bilgiler hastalıkların tanı ve tedavisinde kullanılmamalıdır. Sitemizdeki bilgileri uygulamadan önce mutlaka doktorunuza danışınız. Sağlık problemlerinizin temelinde yatan sorunu ancak doktorunuza muayene olarak bulabilirsiniz. Bu bilgiler tanı ve tedavi amaçlı kullanıldığında sorumluluk tamamen Kullanıcılar ve Üyelere aittir. Bilgilerin yanlış anlaşılmasından ve buna bağlı olarak doğabilecek mağduriyetten sitemiz yasal sorumluluk altında değildir, siteye girmekle bu şartları okumuş, anlamış ve kabul etmiş sayılırsınız.
TELİF HAKKI;

Sitemizde yer alan resimler google servisinden temin edilmektedir tüm hakları kendilerine aittir.Sitemizde bulunan videolar fragman niteliği taşımaktadır bu sebeple hiç bir yasal işleme tabi tutulamaz.Sitemizdeki filmler/videolar/Canlı TV Kanalları kesinlikle sunucularımız da barındırılmaz. Büyük video sitelerinden vk.com , youtube.com, dailymotion.com, facebook.com gibi sayfalardan alınmaktadır bu sebeple hiç bir sorumluluğu kabul etmemektedir.

Kaynak gösterilmeden alıntı yapılamaz! Sitemiz, hukuka, yasalara, telif haklarına ve kişilik haklarına saygılı olmayı amaç edinmiştir. Sitemiz, 5651 sayılı yasada tanımlanan "yer sağlayıcı" olarak hizmet vermektedir. İlgili yasaya göre, site yönetiminin hukuka aykırı içerikleri kontrol etme yükümlülüğü yoktur. Bu sebeple, sitemiz "uyar ve kaldır" prensibini benimsemiştir. Telif hakkına konu olan eserlerin yasal olmayan bir biçimde paylaşıldığını düşünen hak sahipleri bilgi[at]memursite.com adresinden bize ulaşabilirler. Bizle iletişime geçilmesi halinde mücbir sebep olmazsa en geç 1 (Bir) Hafta içerisinde gerekli işlemler yapılacaktır.
Memursite.com haber, yorum ve reklam için - İletişim: reklam@memursite.com
OcakŞubatMartNisanMayıs Haziran Temmuz Ağustos EylülEkimKasım AralıkPazartesiSalıÇarşambaPerşembeCumaCumartesiPazar  2020 2021 2022 2023 2024 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55. 56. 57. 58. 59. 60. 61. 62. 63. 64. 65. 66. 67. 68. 69. 70. 71. 72. 73. 74. 75. 76. 77. 78. 79. 80. 81. 82. 83. 84. 85. 86. 87. 88. 89. 90. 91. 92. 93. Maps1*Maps2*Maps3*Maps4*Maps5*Maps6*Maps7*Maps8*Maps9*Maps10*Maps11*Maps12*Maps13*Maps14*Maps15*Maps16*Maps17