Penggunaan Meta Tag Dinamis oleh para Blogger wordpess sangat bermanfaat bagi blog tersebut agar halamannya cepat masuk ke SERP Google (Search Engine Result Page), sehingga langkah-langkah ini nantinya akan sangat berpengaruh pada SEO (Search Engine Optimation) blog anda. Dengan menambahkan script dibawah, setiap posting artikel yang anda lakukan akan memiliki meta deskripsi yang berbeda antara satu posting dengan posting lainnya dan dilakukan secara otomati atau dengan kata lain, meta deskripsi dan keyword akan ter-generate secara otomatis untuk setiap posting. Dengan demikian, script dibawah sudah dapat menjadi solusi, setidaknya mengurangi gap antara blog berbasis wordpress dan blog berbasisi blogspot. Silahkan lakukan langkah-langkah seperti yang tercantum dibawah ini.

Cara Tambah Meta Tag Dinamis pada blogspot

Note: Sebelum melakukan perubahan apapun pada template, Buat backup template blogspot anda terlebih dahulu.

Langkah 1 :Log in ke Dashboard blog anda dan Navigasi ke Layout > Edit HTML.

Langkah 2 :Termukan kode Berikut

<title><data:blog.pageTitle/></title>

Ganti dengan Kode dibawah ini

<b:if cond='data:blog.url == &quot;http://alamatblogsobat.blogspot.com/&quot;'>
<title><data:blog.pageTitle/></title>
<meta name='description' content='isi dengan deskripsi untuk homepage blog'/>
<meta name='keywords' content='isi dengan kata kunci untuk homepage pisahkan dengan koma'/> </b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/> - <data:blog.title/></title>
<meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + data:blog.pageName' name='Description'/>
<meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + data:blog.pageName' name='Keywords'/>
</b:if>

Langkah 4 :Simpan Template dan Penambahan Meta Tag Selesai

Sebaiknya Tambah Juga Beberapa pengaturan Meta Tag dibawah ini

<meta content="all-language" http-equiv="Content-Language" />
<meta content="Global" name="Distribution" />
<meta content="Indonesia" name="geo.country" />
<meta content="tempat tinggal sobat" name="geo.placename" />
<meta content="nama sobat" name="author" />
<meta content="all" name="robots" />
<meta content="all" name="googlebot" />
<meta content="all" name="msnbot" />
<meta content="all" name="Googlebot-Image" />
<meta content="all" name="Slurp" />
<meta content="all" name="ZyBorg" />
<meta content="all" name="Scooter" />
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />
<meta content="true" name="MSSmartTagsPreventParsing" />


Lanjutkan Membaca ...

Cara Tambah Breadcrumb Untuk Mudahkan Navigasi

Sangat Bermanfaat Untuk Meningkatkan posisi SERP dan SEO Blog Anda

Breadcrumb atau breadcrumbs adalah suatu cara bagi bloger untuk memudahkan navigasi pengunjung saat mengunjungi blog yang dimiliki. Banyak pendapat para pakar blogging bahwa penggunaan breadcrumbs ini juga bermanfaat untuk meningkatkan SEO bagi blog pemasangnya, namun demikian dengan keberadaan breadcrumbs ini, yang paling penting adalah bagaimana pengunjung blog lebih leluasa dalam menavigasi blog tersebut. Umumnya Breadcrumbs terlihat seperti berikut ini:

Home page > Section page > Subsection page or Home page >> Section page >> Subsection page.

Langkah-langkah menambah Breadcrumbs dalam Blogger (Blogspot)

Note: Sebelum melakukan perubahan apapun pada template, Buat backup template blogspot anda terlebih dahulu.

Langkah 1 : Log in ke Dashboard blog anda dan Navigasi ke Layout > Edit HTML.

Langkah 2 :Termukan kode Berikut

<b:includable id='post' var='post'>

Taruh kode dibawah ini dibawah Kode diatas

<b:include data='top' name='status-message'/>
<b:include data='posts' name='breadcrumb'/>

Langkah 3 :Termukan kode Berikut

<b:includable id='main' var='top'>

Ganti dengan Kode dibawah ini


<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<!-- No breadcrumb on home page -->
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<!-- breadcrumb for the post page -->
<p class='breadcrumbs'>
<span class='post-labels'>
<a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'> »
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
</b:loop>
<b:else/>
» Unlabelled
</b:if>
» <span><data:post.title/></span>
</b:loop>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<!-- breadcrumb for the label archive page and search pages.. -->
<p class='breadcrumbs'>
<span class='post-labels'>
<a expr:href='data:blog.homepageUrl'>Home</a> » Archives for <data:blog.pageName/>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<p class='breadcrumbs'>
<span class='post-labels'>
<b:if cond='data:blog.pageName == ""'>
<a expr:href='data:blog.homepageUrl'>Home</a> » All posts
<b:else/>
<a expr:href='data:blog.homepageUrl'>Home</a> » Posts filed under <data:blog.pageName/>
</b:if>
</span>
</p>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='main' var='top'>


Langkah 4 :Termukan kode Berikut

]]></b:skin>

Ganti dengan Kode dibawah ini


.breadcrumbs {
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:95%;
line-height: 1.4em;
border-bottom:3px double #e6e4e3;
}
]]></b:skin>



Langkah 5 :Simpan Template dan Pembuatan Breadcrumb selesai

Jika Anda menggunakan beberapa label untuk satu posting, Breadcrumb hanya menampilkan label terakhir yang anda ambahkan, sehingga diletakkan label yang anda inginka di akhir dalam posting anda.

Sumber: http://bloggerhowtotips.blogspot.com/2010/06/how-to-add-breadcrumbs-in-blogger-to.html

Lanjutkan Membaca ...