22 June 2013

Cara Membuat Breadcrumbs Blog SEO Friendly (Update)

Blog SEO Friendly
Cara Membuat Breadcrumbs Blog SEO Friendly  | Tips SEO. Banyak cara dan hal lainnya yang perlu diperhatikan dalam membut sebuah blog SEO.


Sengaja tim penulis blog DINAMIKA membuat judul Cara Membuat Breadcrumbs Blog SEO Friendly Unik, padahal sebenarnya sudah banyak tips artikel dan tutorial seputar cara membuat blog SEO yang unik, pakai embel-embel friendly lagi, hehehe....

SEO friendly itu maksudnya akrab atau memenuhi unsur SEO. Sebenarnya cara membuat blog SEO friendly itu banyak yang harus diperhatikan. Dan perlu juga diingat, kriteria SEO pada situs analisis SEO itu berbeda-beda (silahkan baca artikel Cara Membuat Blog SEO Memperhatikan Hal Berikut ). Bisa jadi di situs analisis A SEO blog dan SEO halaman artikel luar biasa tinggi, namun di situs analisis yang lain jatuh drop dan down alias tergeletak.

Namun meski begitu tidak ada salahnya semua cara dicoba diiringi kesabaran. Nah, membuat breadcrumbs merupakan salah satu cara membuat blog yang SEO friendly dan unik. Blog DINAMIKA telah mencoba mencari tahu dengan manfaat situs analisis SEO di chkme.com. Sebagai informasi, blog DINAMIKA sejak tulisan ini dibuat baru berumur kurang lebih 1 bulan 20 hari (50-55 hari). Pada minggu kedua umur blog, breadcrumbs belum dibuat, namun setelah dibuat dan di cek di situs tersebut, terjadi peningkatan nilai persentasi SEO. Ingat, blog DINAMIKA hanya menganalisisnya di situs chkme.com, karena situs ini tidak menawarkan program-program berbayar.(Buat blogger yang ingin mengetahui tips mendapatkan backlink untuk meningkatkan SEO blog, silakan baca artikel Tips Unik Melakukan Backlink Cara Membuat SEO Blog Teroptimisasi)


Breadcrumbs merupakan salah satu bentuk navigasi singkat yang bisa menentukan asal atau sumber awal tulisan atau artikel setelah meninggalkan homepage (beranda). Manfaat lain breadcrumbs selain meningkatkan SEO dan navigasi, juga membantu pembaca dan pengguna internet menjelajahi lebih jauh seluruh konten artikel kita. Mau tau apa itu breadcrumbs ? Coba klik di sini dan lihat bagian atas sebelum judul artikel.

Lalu bagaimana cara membuat breadcrumbs blog SEO friendly unik ? 

Silakan simak langkah berikut ini menurut versi blog Creating Website - nya Maskolis.
1. Seperti biasa, masuk ke dashboard setelah sign in
2. Masuk ke edit HTML 
3. Letakkan kode berikut ini tepat sebelum  kode ]]></b:skin> 

.breadcrumbs{
padding:5px 5px 5px 0;
margin:0;font-size:95%;
line-height:1.4em;
border-bottom:4px double #cadaef}

4. Setelah itu, cari kode seperti ini :    <div class='post hentry'>
di bawah kode tersebut masukkan kode berikut :

<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='breadcrumbs'> Browse &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187; <b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' rel='tag'><data:label.name/></a> <b:if cond='data:label.isLast != &quot;true&quot;'> , </b:if> </b:loop> </b:if> &#187; <data:post.title/> </div> </b:if> </b:if>

lalu klik save. 

Nah lalu bagaimana menurut versi blog DINAMIKA ? Coba ikuti langkah berikut :

1. Seperti biasa, masuk ke dashboard setelah sign in
2. Masuk ke edit HTML 
3. Letakkan kode berikut ini tepat sebelum  kode ]]></b:skin> 

.breadcrumbs{
padding:0px 5px 5px 0;
margin-bottom:20px;
font-size:11px;
color:#5B5B5B;
border-bottom:1px dotted #bbb;
}


4. Cari kode <b:includable id='main' var='top'>, ganti dengan :

<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'>Home</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'>
<div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
<span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span>
<b:loop values='data:post.labels' var='label'>
&#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</b:loop>
&#187; <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span>Unlabelled</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'>Home</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'>Home</a></span> &#187; <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Posts filed under <data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/>
  

dan klik save, silahkan lihat hasilnya di bagian atas sebelum judul artikel. 


Update Terbaru
Pada artikel di atas disampaikan mengenai nilai SEO di chkme.com. Namun setelah melakukan beberapa observasi, analisa dan pembandingan, admin dan owner blog Dinamika melakukan upaya re-template, sehingga tampilan dan lay out blog ini seperti yang anda lihat sekarang. 

Pada template terdahulu, berdasarkan pembandingan di chkme.com meskipun nilai SEO tinggi, namun pada saat check pada url terjadi duplicate description. Hal ini kemudian dibandingkan dengan analisis dari bing.com, ternyata hal ini menjadi nilai error, dimana meta deskripsi blog dan postingan sampai 3 poin error. 

Oleh karenanya, setelah melakukan cek ulang, template diubahsesuaikan lagi menjadi lebih sederhana, mengingat loadingnya yang berat karena banyaknya widget. Selain itu juga dilakukan modifikasi terhadap tag h1, h2 dan h3 baik pada homepage maupun postingan. 

Saat ini per tanggal artikel ini diupdate, nilai SEO di chkme.com adalah 91%, dan tidak ada kesalahan fatal di bing.com




(referensi : Creating Website - Maskolis )
 

Like This Article:
Share This Article : Facebook Twitter Google+

Artikel Terkait:

5 comments:

  1. wah untungnya saya sudah punya breadcumbs nih! :)

    ReplyDelete
  2. sip deh gan...breadcrumbs memang ada manfaat buat blog saya ini...sering-sering mampir ya gan...

    ReplyDelete
  3. mantap sob tutorialnya,.. ijin praktek sob untuk blog ane,... salam kenal dari ane,..

    ReplyDelete
  4. kalo cara supaya Blog ke index google gimana sob ??

    ReplyDelete
    Replies
    1. submit blognya ke webmaster tool mas bro...bisa ke google webmaster tool, bisa jg ke bing.com

      Delete

TATA CARA BERKOMENTAR :
-------------------------------------
* Silahkan berkomentar dengan sopan, komentar dapat berupa kritik, saran dan masukan, dan menggunakan tata bahasa baku tanpa menyingkat tulisan.
** Tidak menggunakan kata atau kalimat yang mengandung sex dan SARA.
*** Tidak menggunakan link aktif/hidup dan spamming, dan untuk indentitas komentator sebaiknya menggunakan name/URL atau OpenID, bukan anonymous.

Terima Kasih karena telah berkunjung dan berkomentar di halaman ini.
Silahkan ketik komentar anda di comment box >>>

Mau? Rahasia sukses tanpa MODAL.. 0% RESIKO.. 100% GRATIS.. 1000% PROFIT.. Join now!! IndoBOclub <<<||>>> Terima Kasih Telah Berkunjung Ke Blog DINAMIKA