Dede Rosadi Blog

Jasa Pembuatan Toko Online Seo Dan Review Produk Online

Tutorial Menciptakan Breadcrumb Navigation (Seo On Page)

No ratings yet.

Bagi teman yang belum tau apa itu breadcrumb, breadcrumb itu ialah history daerah artikel kita dan biasa digunakan di forum2, misalkan teman post artikel di parent kategori “SEO” terus ada subkategorinya “Tutorial blog”, dst. Intinya, breadcrumb digunakan untuk megampangkan pembaca biar mengetahui kategori dan sub kategori dari bacaan yang sedang dibaca.

Breadcrumb navigation dan SEO On Page

Nah terus apa dong hubungannya dengan seo terutama seo on page? kekerabatan intim kah? hehehe… hubungannya dengan seo, terutama seo google ialah sesuai kode dari simbah google sendiri. Neh kutipannya

 breadcrumb itu ialah history daerah artikel kita dan biasa digunakan di lembaga Tutorial Membuat Breadcrumb Navigation (SEO On Page)

makanya, membuat breadcrumb navigation ialah salah satu bab dari meningkatkan seTutorial optimal web atau blog teman alasannya ialah memang beliau disukai oleh mesin pencari (seo friendly). Selain mempercantik blog kita juga sanggup menambahkan poin seo juga pada blog kita. Oke kita eksklusif aja ke bagaimana menciptakan breadcrumb navigation pada blog:

Tutorial menciptakan breadcrumb navigation

  1. Log in ke blogger.com
  2. Pilih design atau rancangan
  3. Pilih edit html,centang expand temlate widget biar tiruana kode muncul tiruana dan jangan lupa back up template untuk jaga jaga dengan Tutorial mendownload full template
  4. Lalu Cari kode tag ]]></b:skin>> dan letakkan kode diberikut ini diatasnya

    .breadcrumbs{border-bottom:1px dotted #999;margin:2em 0 0.5em;padding:0 0 0.5em;font-size:10px}

     

  5. Cari kode <b:includable id=’main’ var=’top’> 
  6. Jika sudah ketemu , letakkan kode diberikut ini diatas kode no.6

    <b:includable id='breadcrumbs' var='post'>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>

    <p class='breadcrumbs'>

    <span class='post-labels'>

    <b:if cond='data:post.labels'>

    Anda Berada di&#160; :

    <a expr:href='data:blog.homepageUrl' rel='tag'>Home</a> &gt;

    <b:loop values='data:post.labels' var='label'>

    <b:if cond='data:label.isLast == &quot;true&quot;'>

    <a expr:href='data:label.url' rel='tag'> <data:label.name/></a>

    </b:if>

    </b:loop>

    <b:if cond='data:post.title'>

    &gt; <b><data:post.title/></b>

    </b:if>

    </b:if>

    </span>

    </p>

    </b:if>

    </b:includable>

     

  7. Cari kode <b:loop values=’data:posts’ var=’post’> biasanya ada ludang keringh dari 1, tergantung templatenya, template aku saja ada 4 kode yang sama, pilih kode yang tepat dibawah letak kode kita di poin 6 tadi dan ketikkan kode diberikut dibawahnya

    <b:include data='post' name='breadcrumbs'/>

     

  8. Save template .

Selesai, kini blog teman sudah memiliki navigation breadcrumb yang sifatnya seo friendly. Semoga artikel wacana Tutorial menciptakan breadcrumb navigation pada blog ini berguna untuk sobat.

Please rate this

Updated: 7 Januari 2019 — 14:53

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

Sikartun Blog © 2018 Frontier Theme