ICT – Page 10 – Eco Tech

Cara Menambahkan Blog Di Google Webmaster Tool

Pertama: Silahkan masuk di Webmaster Tool dengan akun Google Anda. Jika Anda mau Anda bisa merubah bahasa dari bahasa Inggris ke bahasa Indonesia.

Sign-in dengan akun Google

Kedua: Setelah Anda berhasil sign-in di webmaster tool, silahkan masukkan alamat situs atau blog Anda di kotak ADD PROPERTY. Contoh penulisan alamat; https://www.buatblog.net/ setelah itu klik ADD PROPERTY untuk menambahkan blog Anda di google webmaster tool.

Masukkan Alamat Situs Anda

Ketiga: Pada halaman selanjutnya, Anda akan di bawa masuk ke home dashboar Webmaster Tool. Pada tahap ini Anda sudah berhasil mendaftarkan blog ke webmaster tool, selanjutnya tinggal verifikasi manual untuk mebuktikan kepada Google bahwa blog yang Anda daftarkan di webmaster tool itu milik Anda.

HOME

Cara Verifikasi Blog Blogger Anda Ke Webmaster Tool

Pertama: Silahkan klik gambar Gerigi di pojok kanan atas webmaster tool, kemudian klik pada tulisan “Verification Details” untuk memulai memverifikasi.

Klik Pada Gambar Gerigi

Kedua: Langkah selanjutnya klik pada tulisan “Verify Using A Different Menthod” untuk langkah selanjutnya.

Klik Pada Verify Using A Different Menthod

Ketiga: Pada halaman selanjutnya, Anda akan disuguhi beberapa metode untuk memverifikasi blog Anda. Saran saya pilih HTML tag karena lebih mudah digunakan. Caranya copy kode yang terdapat di dalam HTML tag. Lihat gambar untuk lebih jelasnya.

Copy kode HTML kemudian masuk di Blogger Anda

Keempat: Kemudian silahkan masuk ke Blogger Anda, pilih salah satu blog Anda yang ingin di daftarkan ke webmaster tool. Kemudian klik pada Template -> Edite Templat lalu cari kode <head> kemudian pastekan kode HTML tersebut tepat di bawah kode <head>. Kemudian simpan Template dan silahkan kembali lagi ke webmasters tool lalu klik pada “Verify“.

Apabila kode yang anda letakan pada template tadi sudah benar, pada saat anda klik “VERIFY” blog anda sudah berhasil di verifikasi oleh Gooale Webmaster.

Banyak tutorial yang menjelaskan cara membuat breadcrumbs di Blogspot/Blogger. Kali ini saya akan menjelaskan cara membuat breadcrumbs yang SEO friendly dan semua label terindeks oleh Search Engine.

Breadcrumbs merupakan menu navigasi yang berada di atas judul postingan seperti yang ada di blog saya. Struktur ini tentu berbeda dengan WordPress, yang bisa membuat child category. Struktur di bloger hanya Home kemudian Label. Apabila memiliki beberapa label, maka akan terbaca seperti ini :

Home > Label1 > Label2 > Label3

Cara Membuat Breadcrumbs SEO Friendly

1. Masuk ke Blogger
2. Klik Template > Edit HTML > Lanjutkan
3. Centang Expand Template Widget
4. Cari kode ]]></b:skin> dan simpan kode ini diatasnya:

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

5. 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> » <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='https://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'>
» <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</b:loop>
» <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span>Unlabelled</span> » <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> » <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> » <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <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'/>

6. Simpan Template Anda.

Untuk mengeceknya silahkan kunjungi :

https://www.google.com/webmasters/tools/richsnippets

Untuk mencoba apakah tampil beberapa label, copy postingan Anda yang mempunya label lebih dari 1. dan klik Pratinjau. Kalau sudah berhasil berarti breadcrumbs terpasang dengan baik.

Source : blog.kangismet.net