Ciri ciri Template Blogspot Seo Friendly

Template pada blogspot menjadi salah satu unsur pendukung pembuatan blog yang baik dan benar. Sebuah template dikatakan bagus jika template tersebut ramah seo atau seo friendly. Akhirnya jika blog sangat bersahabat dengan search engine, ujung-ujungnya si mesin pencari pasti bakal sering-sering mengunjungi blog tersebut. Jadi pengunjung blog akan melimpah dan hal ini sangat menguntungkan jika blog kita berorientasi kepada bisnis.

Ada beberapa ciri, sebuah template blog dikatakan seo friendly.

1. Mempunyai page title.
   Biasanya format page title dari blogger, defaultnya seperti ini :  JUDUL BLOG : JUDUL POSTING, nah agar blog kita lebih disukai oleh google sehingga ujung-ujungnya 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
   
   < title>
   < data:blog.pageTitle/>
   < /title>
   
   
   Kalo 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 bisa juga ditambahin beberapa kata kunci, sehingga kodenya menjadi :
   
   < b:if cond='data:blog.pageType == "item"'>
   < title>
   < data:blog.pageName/> |
   < data:blog.title/>
   < /title>
   < b:else/>
   < title>
   < data:blog.pageTitle/> | Kata kunci | Kata kunci
   < /title>
   < /b:if>
   
   
   
   
2. Ada meta keyword dan deskripsi
   Suatu mesin pencari seperti google sangat menyukai sebuah website / blog yang jelas tema dan isi content-nya. Jadi , kita harus menambahkan suatu tag yang namanya meta tag. Caranya adalah dengan menambahkan kode dibawah ini sebelum kode < b:skin> < ![CDATA[/*
   Ini dia kodenya.
   
   < 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>
   
   
   
   
3. Ada Breadcrumbs.
   Breadcrumbs adalah menu navigasi yang ada diatas sebuah posting atau artikel. Contohnya bisa dilihat di blogteknik seo ini. Cara membuat menu breadcrumbs sangat mudah. Masukkan kode di bawah ini di atas ]]> < /b:skin>
   Ini dia kodenya
   
   #breadcrumbs {
   padding:5px 5px 5px 0px;
   margin: 0px 0px 15px 0px;
   font-size:10px;
   line-height: 1.4em;
   border-bottom:3px double #333;
   }
   
   
   Kalau sudah, berikutnya cari kode berikut ini. (Jangan lupa beri tanda centang pada Expand Widgets)
   
< div class='post hentry uncustomized-post-template'>

   Kalau tidak ada, cari kode
   
< div class='post hentry'>

   
   Kemudian pastekan kode berikut di bawah kode tadi
   
   < b:if cond='data:blog.pageType == "item" '>
   < div id='breadcrumbs'>
   Browse: < a expr:href='data:blog.homepageUrl'>
   Home < /a> >
   < 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 != "true"'> >
   < /b:if>
   < /b:loop>
   < /b:if> >
   < a expr:href='data:post.link'>
   < data:post.title/> < /a>
   < /div>
   < /b:if>
   
   
   
   
4. Mematikan setting archive
   Ilustrasinya begini, bahwa google sangat membenci dengan duplicate content. Jadi ketika kita mengaktifkan opsi arsip, misalnya kasusnya seperti ini :
   Kita 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, ini adalah masalah serius. Oleh karena itu kita sebaiknya menonaktifkan opsi arsip, caranya : setelah login, klik tab setting >> Archiving. Pada bagian Archiving frequency ubah menjadi no archive. Itu saja
   
   
5. Menambahkan kode ‘rel=canonical’
   Gunanya untuk menghindari konten ganda, karena google sangat tidak dapat mentolerir sebuah duplicate content. Cara nya di edit html tambahkan kode berikut setelah kode < head>

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

   
   
6. Ada 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>
   
   
   Kode yang dicetak tebal dihapus dan ubah dari h3/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; }
   
   
7. Ada Related Post.
   Related post sangat bagus untuk SEO maupun buat pengunjung. Jadi pasang related post di blog sobat. Caranya pasang kode di bawah ini tepat di atas kode </head>
   Ini dia kodenya.
   
   <script type="text/javascript">
   //<![CDATA[
   
   var relatedTitles = new Array();
   var relatedTitlesNum = 0;
   var relatedUrls = new Array();
   function related_results_labels(json) {
   for (var i = 0; i < json.feed.entry.length; i++) {
   var entry = json.feed.entry[i];
   relatedTitles[relatedTitlesNum] = entry.title.$t;
   for (var k = 0; k < entry.link.length; k++) {
   if (entry.link[k].rel == 'alternate') {
   relatedUrls[relatedTitlesNum] = entry.link[k].href;
   relatedTitlesNum++;
   break;
   }
   }
   }
   }
   function removeRelatedDuplicates() {
   var tmp = new Array(0);
   var tmp2 = new Array(0);
   for(var i = 0; i < relatedUrls.length; i++) {
   if(!contains(tmp, relatedUrls[i])) {
   tmp.length += 1;
   tmp[tmp.length - 1] = relatedUrls[i];
   tmp2.length += 1;
   tmp2[tmp2.length - 1] = relatedTitles[i];
   }
   }
   relatedTitles = tmp2;
   relatedUrls = tmp;
   }
   function contains(a, e) {
   for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
   return false;
   }
   function printRelatedLabels() {
   var r = Math.floor((relatedTitles.length - 1) * Math.random());
   var i = 0;
   document.write('<ul>');
   while (i < relatedTitles.length && i < 20) {
   document.write('<li><a href="' + relatedUrls[r] +
   '">' + relatedTitles[r] + '</a></li>');
   if (r < relatedTitles.length - 1) {
   r++;
   } else {
   r = 0;
   }
   i++;
   }
   document.write('</ul>');
   }
   //]]>
   
   </script>
   
   
   Selanjutnya Anda cari code <data:postLabelsLabel/>. Code lengkapnya seperti ini:
   
   <b:if cond='data:post.labels'>
   <data:postLabelsLabel/>
   <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 != "true"'>,
   </b:if>
   </b:loop>
   </b:if>
   
   
   Ganti kode di atas dengan kode dibawah ini
   
   <b:if cond='data:post.labels'>
   <data:postLabelsLabel/>
   <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
   != "true"'>,
   </b:if>
   
   <b:if
   cond='data:blog.pageType == "item"'>
   
   <script
   expr:src='"/feeds/posts/default/-/" + data:label.name +
   "?alt=json-in-script&callback=related_results_labels&max-results=10"'
   type='text/javascript'/>
   
   </b:if>
   </b:loop>
   </b:if>
   <p>
   <h2>Baca
   ini juga :</h2>
   </p>
   <script
   type='text/javascript'>
   removeRelatedDuplicates();
   printRelatedLabels();
   </script>