Sunday, January 6, 2013

Cara Membuat Breadcrumbs Terindex di Pencarian Google

Dalam dunia blogger, pengalaman, pengamatan,dan ketelitian diperlukan untuk membuat sebuah blog atau website agar terindex di search engine. Breadcrumbs adalah salah satu komponen yang harus diperhatikan. Bukan karena tampilan yang bagus dan mewah seperti yang dipublikasikan oleh situs lain mengenai pemasangan breadcrumbs. Tetapi, apakah fungsi manajemen dari breadcrumbs itu sendiri sudah tertata rapih dan baik dalam hal Search Engine Optimization.

Untuk Cara Membuat Breadcrumbs Terindex oleh Google Search Engine adalah sebagai berikut :
1. Masuk ke Blogger lalu pilih Template.
2. Klik Edit HTML dan ceklis Expand widget templates.
3. Tekan CTRL + F , lalu carilah kode seperti ini ]]></b:skin>
 Atau anda copy kode tersebut ke dalam kotak pencarian dengan CTRL + F tadi.

Setelah ketemu, letakkan kode di bawah ini diatas ( sebelum ) kode tersebut.

.breadcrumbs{padding:8px 5px 5px 0;margin:10px 0 0px;font:normal 14px georgia; border-bottom:1px dashed #DC143C;font-weight:normal}

4. Carilah kode seperti ini <b:includable id='main' var='top'>
Setelah ketemu, hapus kode tersebut dan ganti kode tersebut dengan kode :
Klik Untuk melihat

<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'>
    <b:if cond='data:label.isLast == &quot;true&quot;'>
     &#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
    </b:if>
    </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'/>
5. Dan yang terakhir klik Save / Simpan.

Breadcrumbs diatas sudah termasuk ke dalam SEO Optimization dan akan jauh lebih terindex oleh Google dibandingkan dengan breadcrumbs yang memiliki tambahan seperti Browse >> Article >> Home . Sebagai contoh hasil dari penggunaan ini adalah
Dari gambar tersebut, tidak ada kata-kata Browse dan Home seperti yang ditampilkan dengan breadcrumbs berwarna hijau. Sedangkan breadcrumbs yang saya berikan diatas adalah akan mengganti nama Home menjadi nama url blog kita dan akan memanfaatkan optimization data:label agar lebih SEO Friendly.

Terimakasih telah membaca artikel kami berjudul "Cara Membuat Breadcrumbs Cepat Terindex Google". Semoga Bermanfaat.

No comments:

Post a Comment