Cara Membuat Template Blogspot Menjadi SEO Friendly v2

Setelah sekian lama Vakum Di dunia blog ternya gatel juga pengen posting...
biasa ane lagi sibuk ngurusin program Visual Basic buat TA kuliah ane.
Tapi tetep posting mah hal yang wajib dan harus walau pun cuma sedikit...:D

Baik kita mulai saja tutorial nya..
untuk pembahasan kali ini ane akan membahas tentang Cara Mengedit Template Agar SEO Friendly.mungkin ada sebagian yang sudah tau Cara Mengedit Template Agar SEO Friendly,tetapi tidak sedikit pula yang belum tau Cara Mengedit Template Agar SEO Friendly..

ada beberapa hal yang harus anda perhatikan untuk Cara Mengedit Template Agar SEO Friendly.
Pertama

1. Page Title
Biasanya format page title dari blogger seperti ini : JUDUL BLOG : JUDUL POSTING, nah agar blog kita lebih disukai oleh google sehingga blog kita jadi rame, kita harus merubah format page title standart itu menjadi seperti ini : JUDUL POSTING | JUDUL BLOG. Caranya cari kode berikut di EDIT HTML ( cara mudahnya di Mozilla tekan ctrl +f lalu copy paste kode dibawah ini):

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

Kalau sudah dapet kodenya hapus dan ganti dengan kode berikut ini :

<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>

Atau sobat juga bisa tambahin beberapa kata kunci ( keyword ) :

<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/> | Kata kunci sobat | Kata kunci sobat </title>
</b:if>

Ganti kode "kata kunci" dengan keyword yang sobat incar. Setelah semua selesai jangan lupa di save template

2. Meta keyword dan deskripsi
Suatu mesin pencari seperti google sangat menyukai sebuah website / blog yang jelas tema dan isi content-nya. Jadi , sobat harus menambahkan suatu tag yang namanya meta tag. Caranya adalah dengan menambahkan kode berikut ini sebelum kode <b:skin><![CDATA[/*

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta name="description" content="Deskripsi Blog anda" />
<meta name="keywords" content="Kata kunci , kata kunci, kata kunci, kata kunci , kata kunci" />
</b:if>

Kemudian Save


3. memasang Related Post.

related post sangatlah membantu visitor blog kita untuk menemukan artikel-artikel terkait lainnya. tentunya, juga bakal mempercantik blog kita. langsung saja, berikut ini cara memasang related post pada blog.

Oke, begini langkahnya :

           1. Menu Dashboard, klik Tata Letak, klik Edit html.
            2. Centang check box Expand Template Widget
           3. Cari kode berikut :

<p><data:post.body/></p>

           4. Kemudian paste kode berikut di bawah kode <p><data:post.body/></p> :

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<H2>Related Post</H2>
<div class='rbbox'>
<div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'>
<div id='blogipank'/>
<script type='text/javascript'>
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;
function listEntries10(json) {
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
a.href = alturl;
if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;blogipank&#39;).appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
+ label +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
document.documentElement.firstChild.appendChild(script);
}
var labelArray = new Array();
var numLabel = 0;
<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = &quot;<data:label.name/>&quot;;
var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
<script type="text/javascript">RelPost();</script>
</div>
</b:if>

          7. Klik Simpan.
4. Memasang Breadcrumbs

Menurut beberapa ahli pakar SEO, trik ini benar-benar besar pengaruhnya untuk SEO blog kita, bagi sobat yang tertarik untuk memasang breadcrumbs di blognya, silahkan untuk menyimak langkah-langkah berikut:

                  1. Login ke Blogger.com
                  2. Klik Menu "Rancangan"
                  3. Klik "Edit HTML"
                  4. Lalu jangan lupa untuk mencentang kotak "Expand Template Widget"
                  5. Lalu Carilah kode tag ]]></b:skin> dan silahkan untuk meletakkan kode berikut di atasnya

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

                 6. Silahkan cari kode <b:includable id='main' var='top'>
                 7. Jika sudah, silahkan untuk meletakkan kode berikut di atas 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>
<!-- End of Breadcrums Hack -->
</b:includable>

             8. Selanjutnya carilah kode <b:loop values='data:posts' var='post'> maka nanti sobat akan menemukan dua atau tiga kode yang sama, maka pilihlah yang paling atas atau yang paling pertama kali sobat temukan. Jika sudah ketemu, silahkan letak kode berikut di bawahnya

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

                 9. Simpan hasil kerjaan sobat, silahkan lihat tampilannya pada blog anda.


5. Mematikan setting archive ( arsip )

Seperti yang saya bilang tadikan kalo google sangat membenci dengan yang namanya duplicate content. Jadi ketika kita mengaktifkan opsi arsip, misalnya kejadiannya seperti ini :
sobat membuat sebuah blog di blogger.com. lalu membuat 3 posting, 1 buah setiap hari. Maka di halaman utama atau homepage sobat akan ada 3 posting dan sebuah link arsip seperti ini, http://BLOGSOBAT.blogspot.com/2007_03_01_archive.html, pada halaman arsip tersebut akan memunculkan 3 posting yang sama dengan yang di munculkan oleh homepage.
Intinya, 2 buah link yang menuju 2 halaman yang berbeda tapi memiliki isi konten yang sama. Bagi search engine apa lagi google ini adalah masalah serius. Oleh karena itu kita sebaiknya me-non-aktifkan opsi arsip, caranya : setelah login klik tab setting >> Archiving >> pada bagian Archiving frequency ubah menjadi no archive. >> selesai simpan setting.

Atau jika tidak ingin menonaktifkan fungsi arsip, silahkan letakkan kode berikut dibawah kode <head> :

<link expr:href='data:blog.url' rel='canonical' />

6. Menambahkan kode ‘rel=canonical’

Gunanya kita menambahkan ‘rel=canonical’ adalah untuk menghindari konten ganda, karena seperti para master of SEO bilang bahwa google sangat tidak dapat mentolerir sebuah duplicate content ( *jadi buat yang kerjanya Cuma bisa copas hati-hati nih sebelum didepak dari gugel..xixixi*). Cara nya di edit html tambahkan kode berikut setelah kode <head>

<link expr:href='data:blog.url' rel='canonical' />name='robots'/></b:if>

Setelah itu silahkan Save template nya..


7. Tag Heading

Google sangat menyukai sebuah tulisan atau judul dengan tag H1. Oleh karena itu ubahlah ukuran judul posting sobat dengan tag H1. Caranya cari kode berikut :

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

<h3 class='post-title entry-title'>

<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>

</h3>

</b:if>

Untuk kata yang berwarna merah dihapus dan ubah dari h3(atau pada beberapa template menggunakan h2) menjadi h1. Setelah itu tambahkan kode berikut sebelum kode ]]></b:skin>

h1.post-title, .post h1 #Blog1 h1, #Blog2 h1 { font-size:1.5em; }

Sangat sangat mudah bukan Cara Mengedit Template Agar SEO Friendly..
mungkin hanya itu info dari saya mengenai Cara Mengedit Template Agar SEO Friendly,semoga bisa bermanfaat buat saobat2 semua..

Saran Dan Kritik Anda Sangat Membantu Saya Dalam Menulis Artikel Selanjutnya Pada Tutorial Blog Ini...

Semoga Bermanfaat Thanks for reading: Cara Membuat Template Blogspot Menjadi SEO Friendly

Description: Cara Membuat Template Blogspot Menjadi SEO Friendly v2, Rating: 4.5, Reviewer: Unknown, ItemReviewed: Cara Membuat Template Blogspot Menjadi SEO Friendly v2