Cara Membuat atau Menambahkan Title Link dan Title Tag Otomatis pada Breadcrumbs

06.42

Salam NEWBIE belajar Blog lagi yuckk… Artikel kali ini tentang Cara Membuat atau Menambahkan Title Link dan Title Tag Otomatis pada Breadcrumbs memberikan title link dan title tag pada Breadcrumbs dapat mengoptimasi seo pada breadcrumbs itu sendiri karena seperti yang semua ketahui bahwa semakin banyak title pada link maupun tilte gambar pada blog Sobat maka semakin kuat pula SEO Sobat

Disini Firablognewbie akan memberikan tips optimasi Breadcrumbs dengan menambahkan title tag dan title link secara otomatis , dimana Breadcrumbs tersebut sudah ada titlenya.

Cara Membuat atau Menambahkan Title Link dan Title Tag Otomatis pada Breadcrumbs

Cara Membuat Title Link Otomatis Pada Breadcrumbs Blog

1. Masuk ke Akun Blogger Sobat
2. Masuk ke TEMPLATE >> EDIT HTML
3. Kemudian cari kode seperti dibawah ini

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

4. Kemudian hapus kode tersebut ( di atas ) dan ganti dengan kode dibawah ini

<b:includable id='breadcrumb' var='posts'>
               <b:if cond='data:blog.homepageUrl != data:blog.url'>
                <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
                 <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Beranda</a></span> &#187; <span><data:blog.pageName/></span></div>
                 <b:else/>
                 <b:if cond='data:blog.pageType == &quot;item&quot;'>
                   <!-- breadcrumb for the post page -->
                  <b:loop values='data:posts' var='post'>
                   <b:if cond='data:post.labels'><span itemscope='itemscope' itemtype='http://schema.org/WebPage'>
                    <div class='breadcrumbs' xmlnssmile='http://rdf.data-vocabulary.org/#'>
                     <span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url' title='Beranda'>Beranda</a></span>
                     <b:loop values='data:post.labels' var='label'>
                       &#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' expr:title='data:label.name' property='v:title' rel='v:url'><data:label.name/></a><b:if cond='data:label.isLast == &quot;true&quot;'/></span>
                     </b:loop>
                     &#187; <span><data:post.title/></span>
                    </div></span>
                    <b:else/>
                     <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Beranda</a></span> &#187; <span>Tanpa Label</span> &#187; <span><data:post.title/></span></div>
                   </b:if>
                  </b:loop>
                  <b:else/>
                  <b:if cond='data:blog.pageType == &quot;archive&quot;'>
                    <!-- breadcrumb for the label archive page and search pages.. -->
                   <div class='breadcrumbs'>
                    <span><a expr:href='data:blog.homepageUrl'>Beranda</a></span> &#187; <span>Archives for <data:blog.pageName/></span>
                   </div>
                   <b:else/>
                   <b:if cond='data:blog.pageType == &quot;index&quot;'>
                    <div class='breadcrumbs'>
                     <b:if cond='data:blog.pageName == &quot;&quot;'>
                      <span><a expr:href='data:blog.homepageUrl'>Beranda</a></span> &#187; <span>Semua Posting</span>
                      <b:else/>
                      <span><a expr:href='data:blog.homepageUrl'>Beranda</a></span> &#187; <span>Posting dalam <data:blog.pageName/></span>
                     </b:if>
        </div>
          </b:if>
         </b:if>
                 </b:if>
                </b:if>
               </b:if>
              </b:includable>

   
5. Terakhir Simpan template sobat

Saya akan lebih senang jika sobat blogger newbie berkenan memberikan komentar, saran, dan tambahan informasi juga pertanyaan seputar artikel Cara Membuat atau Menambahkan Title Link dan Title Tag Otomatis pada Breadcrumbs. Terima kasih dan semoga bermanfaat…..

Artikel Terkait

Next Article
« Prev Post
Previous Article
Next Post »
Penulisan markup di komentar
  • Untuk menulis huruf bold silahkan gunakan <strong></strong> atau <b></b>.
  • Untuk menulis huruf italic silahkan gunakan <em></em> atau <i></i>.
  • Untuk menulis huruf underline silahkan gunakan <u></u>.
  • Untuk menulis huruf strikethrought silahkan gunakan <strike></strike>.
  • Untuk menulis kode HTML silahkan gunakan <code></code> atau <pre></pre> atau <pre><code></code></pre>, dan silahkan parse dulu kodenya pada kotak parser di bawah ini.
Konversi Code
Disqus
Silahkan Berkomentar Dengan