Blogger Search Console Breadcrumb Sorunu Çözümü

Google Search Console Breadcrumb Sorunu Çözümü Googlenin yakın zamanda data-vocabulary.org şeması kullanımdan kaldırılmasıyla oluşan bu uyarılarını çözmeniz için https://schema.org/ yapısına uygun şekilde değiştirmeniz ile aşılabilir.

Yapısal veri seo için site kullanımda oldukça önemli google data-vocabulary.org yapısını kullanımdan kaldırdı bu yapıyı blogger sitenizde schema.org yapısına uygun yapısal veri kullanarak bu sorunu çözebilirsiniz. Search Consolede data-vocabulary.org schema deprecated hatası ile karşılaşanlar vereceğimiz çözüm sayesinde verilen uyarıları giderecektir.

Blogger Search Console Breadcrumb Sorunu Nasıl Çözülür?

Sorun yaşadığınız Blogger Sitenize gidin > Temalar > HTML'yi Düzenle düğmesini tıklayın aşağıdaki resimdeki alanı bulun.

Gösterilen alanı bulmanız için CTRL+F ile temanızda aşağıdaki kodu arayın.

<b:includable id='breadcrumb' var='posts'>… </b:includable>

Bulduğunuz kodları schema.org yapısına uygun Breadcrumb son sürümü ile değiştiriniz.

<b:includable id='breadcrumb' var='posts'>
   <b:if cond='data:view.isSingleItem'>
      <b:loop values='data:posts' var='post'>
         <b:if cond='data:post.labels'>
            <div class='breadcrumbs' itemscope='itemscope' itemtype='https://schema.org/BreadcrumbList'>
               <svg class='homesvg' viewBox='0 0 24 24'>
                  <path d='M12,3L20,9V21H15V14H9V21H4V9L12,3Z'/>
               </svg>
               <span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>
                  <a class='breadhome' 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'/>
               </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=10&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>
                  <svg viewBox='0 0 24 24'>
                     <path d='M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z'/>
                  </svg>
               </b:loop>
               <span>
                  <data:post.title/>
               </span>
            </div>
         </b:if>
      </b:loop>
   </b:if>
</b:includable>

Son adım olarak aşağıdaki Css kodlarını eski sürümde kullanılan kodları ile değiştiriniz. Verilen CSS kodlarını temanıza uygun şekilde yapılandırabilirsiniz.

/* Breadcrumbs */
.breadcrumbs{line-height:1.2em;width:auto;overflow:hidden;padding:0;margin:0 auto 20px;font-size:90%;color:#888;font-weight:400;text-overflow:ellipsis;-webkit-text-overflow:ellipsis;white-space:nowrap}
.breadcrumbs a{display:inline-block;text-decoration:none;color:#888;font-weight:400;transition:all .3s ease-in-out}
.breadcrumbs a:hover{color:#0984e3}
.breadcrumbs svg{width:20px;height:20px;vertical-align:-5px;margin:0 -3px}
.breadcrumbs svg.homesvg{width:22px;height:22px;margin-right:0}
.breadcrumbs svg path{fill:#888}
.breadcrumbs svg.homesvg path{fill:#888}

Temanızı kaydetin data-vocabulary.org schema deprecated hatasını gidermiş olacaksınız. Search consolede bulunan uyarılar sitenizi botların tekrar ziyaret etmesine bağlı olarak uyarıların gitmesi değişebilir.