Home , › Validasi Serta Edit Template Blogspot - Seo Friendly V2

Validasi Serta Edit Template Blogspot - Seo Friendly V2

Template Seo
Postingan kali ini adalah lanjutan dari artikel Menjadikan Template Blogspot Pemula SEO Friendly, artikel ini kami rangkum kembali menjadi satu untuk mempermudah para sahabat blogger dalam membuat templatenya SEO Friendly.

Sebelumnya kami mohon maaf artikel ini kami angkat bukan untuk menggurui Para Master, tapi hanya sekedar share buat para teman yang membutuhkannya terutama ada permintaan khusus dari seorang sahabat yang jauh disana.

Blogspot Pemula akan jelaskan terlebih dulu beberapa widget yang harus kita tambahkan ke dalam template, seperti daftar isi yang baik, breadcrumb, artikel terkait, permalink, dan entri populer. Widget ini akan membantu kemudahan pengunjung dalam berselancar di blog kita dan dalam peningkatan optimasi SEO blog. 

Selanjutnya masuk pada bagian penambahan kode dan pengurangan atau penggantian kode script pada template untuk mengurangi error code pada template.

Blogspot Pemula coba terapkan saja langsung pada bagian edit template, ikuti langkah berikut.
  • Log in ke blog sobat jangan ke blog Kami (ga bisa ya), kemudian
  • Klik Rancangan
  • Klik Edit HTML
  • Centang Expand Template Widget
  • Cari kode di bawah ini, letaknya tepat di atas kode <head>
DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
Ganti dengan kode berikut
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang='en' xml:lang='en' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
Pasang Meta Tag di setiap Postingan Secara Otomatis, kode ini ditambahkan dengan mata tag dasarnya.

Ganti Meta Tag di bawah kode <head> semuanya dan ganti dengan Meta Tag di bawah ini, tapi jangan lupa meta yang dari google, alexa ataupun dari yang lain jangan dibuang tambahkan saja diatas meta tag yang sudah kami siapkan.

<b:if cond='data:blog.pageType == &quot;archive&quot;'><meta content='noindex' name='robots'/></b:if>
<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<title><data:blog.pageTitle/></title>
<meta content='DESKRIPSI BLOG' name='DESCRIPTION'/>
<meta content='KATA KUNCI BLOG' name='KEYWORDS'/> </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 + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='Description'/>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='Keywords'/>
</b:if>
<meta content='index, follow' name='robots'/>
<meta content='2 days' name='revisit-after'/>
<meta content='NAMA ADMIN' name='author'/>
<meta content='id' name='language'/>
<meta content='id' name='geo.country'/>
<meta content='NAMA AREAL' name='geo.placename'/>
<meta content='global' name='distribution'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='blogger' name='generator'/>
<meta content='general' name='rating'/>
<link expr:href='data:blog.url' rel='canonical'/>

Hapus garis putus-putus seperti di bawah ini
  /*
  -----------------------------------------------
  Blogger Template Style
  Name: Minima
  Date: 26 Feb 2004
  Updated by: Blogger Team
  ----------------------------------------------- */
Hilangkan semua garis putus-putusnya -----------------*/ Menjadi seperti ini
  /*
    Blogger Template Style
    Name: Minima
    Date: 26 Feb 2004
    Updated by: Blogger Team
  */
Sisipkan kode di bawah ini di atas kode <body>
  <!--<body><div></div>-->
Dilanjutkan dengan menghapus kode ini, karena sudah tidak berguna lagi.
  #navbar-iframe {
  height:0px;
  visibility:hidden;
  display:none;
  }
Kode di atas gunanya menghilangkan navbar karena navbar akan berpengaruh pada validasi blog kita, ada anggapan teman-teman bahwa navbar konon tidak valid. Kalau salah tolong di revisi ya para Webmaster. Pada saat kita mau nge-save kita akan di tanya apakah navbar akan dihapus, klik saja Hapus Widget.

Khusus untuk menghilangkan navbar, setelah kita menghilangkannya coba kita cek dulu tampilan akhir dari blog kita , karena sebagian template yang kami coba dengan menghilangkan navbar ada yang ikut berubah tampilannya. Kalau sudah aman rasanya tidak bermasalah kita lanjutkan lagi.

Hapus semua icon tanda obeng (quickedit)

Kode yang harus dihapus seperti di bawah ini.
  <b:include name='quickedit'/>
Dilanjut lagi ya teman-teman, cari kode di bawah ini dan hapus kode tersebut.

<span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
</a>
</span>
</b:if>
<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>
</span> <div class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>
</div> </div>

Ganti dengan kode di bawah ini.

<span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
</b:if>
</span>
</div>

Pasang Tag nofollow pada setiap link yang mengandung label search karena akan menimbulkan masalah dikemudian harinya, untuk lebih lengkap nya dapat di simak di Cara Membuat Label Blogspot Pemula Nofollow

Contohnya seperti di bawah ini :
<a href='http://bloggsobat.blogspot.com/search/label/blog%20info'>blog info</a>
Jadi seperti ini
<a href='http://bloggsobat.blogspot.com/search/label/blog%20info' rel='nofollow'>blog info</a>
Matikan Fungsi Arsip
Pasang kode ini di bawah kode <head>
<b:if cond='data:blog.pageType == &quot;archive&quot;'><meta content='noindex' name='robots'/></b:if>
Hindari Duplikat Konten
Pasang kode berikut di bawah kode <head>
<link expr:href='data:blog.url' rel='canonical' />
Pasang Heading Tag
Cari kode berikut ganti kode h3 atau h2 dengan h1

<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>

Ganti h3 yang cetak tebal dengan h1 kemudian tambahkan kode berikut tepat di atas kode ]]></b:skin>
h1.post-title, .post h1 #Blog1 h1, #Blog2 h1 { font-size:1.5em; }
Bagi sobat yang mau menambahkan satu jurus lagi untuk Optimasi pasang SEO Smart Link Untuk Blogspot nya sebagai finishing ikuti caranya pada artikel terdahulu, tapi khusus untuk yang satu ini kami sarankan baca artikel nya dengan komplit dan simak beberapa comment yang dibawahnya.

Selanjutnya klik Simpan Template, Jadi dah blog nya Seo Friendly.

Salam Blogger.
Share this article :

14 comments

Ijin mempratekkan master...
salam kenal.

Tips yang bermanfaat Sob...penggabungan tehnik mengurangi error pada template sekaligus reset heading yang menarik...happy blogging

@de hoppus
Waduh salah tempat tuh, kami bukan Master Mas, kami hanya menggabungkan beberapa cara Optimasi Template saja Koq.
Salam.

@Iskaruji dot com
Sekalian Buat Belajar Kami Kang. Salam

wah lengkap triknya, yang canonical fungsinya buat apa ya gan? ga bisa klik kanan ya? ato gimana? ane pengen tau dong sebelum masang. tenkyu...

sory OOT, ane joint ah, ente pemula tapi banyak ilmunya. ane pengen belajr dari ente. tennyu.

@cerita anak kost
Yang canonical untuk menghindari Duplikat Konten dari artikel copy paste Sobat.

sobat,, gmana niee,, kode2 yang q masukin salah... trus gak bisa liyat pertinjauan nyaa.. mohon bantuan nyaa,,
salam

@AryaDharma
Pesan yang keluar apa sob?

thanks gan udh pasang link ane...
link agan juga sudah terpasang di sidebar blog ane...
silahkan di cek di sini gan http://michaellandresteven96.blogspot.com/

@Michaell Andre Steven
Makasih Teman atas konfirmasinya. Salam

mantap tutorialnya, padat

@Rudy Hartono
Namanya masih Pemula Kang. Salam

Kunjungan perdana gan,,,,, blognya bagus