Minggu, 13 April 2014

Browse Manual » Wiring » » » » » » » » » Cara Mengedit Template Blog Agar Lebih SEO Friendly

Cara Mengedit Template Blog Agar Lebih SEO Friendly

Belajar SEO memang gampang-gampang susah, butuh kerja keras dan kesabaran untuk memperoleh hasil yang memuaskan. Banyak para blogger yang habis-habisan untuk mempelajari teknik SEO, mereka pasti mendambakan agar blog mereka optimal dalam SEO. Namun tak jarang juga banyak para blogger yang gugur di tengah jalan karena sudah jenuh tentang semua tuntutan SEO.

Berbagai cara yang telah diterapkan oleh para blogger agar blog mereka optimal dalam SEO, memulai dari memilih template blog. Sebelum kalian memilih template untuk diterapkan di blog, sebaiknya kalian berfikir terlebih dahulu sebelum memilih template yang sekiranya tepat untuk topik dari blog kalian. Jika kita tidak memikirkannya terlebih dahulu sebelum menerapkan template atau dalam bahasa lain yaitu asal - asalan, maka akibatnya juga nanti hasilnya juga asal - asalan.

Jika kalian sudah menemukan template yang sekiranya tepat dan mantap di hati bahwa template kalian sudah cocok, kini saatnya kalian melakukan sedikit perubahan dalam pemograman html agar template kalian lebih SEO friendly. Mungkin kalian sudah menerapkan template, tetapi belum melakukan perubahan agar template blog kalian lebih SEO friendly. Cara ini juga bisa kalian semua terapkan, berikut ini cara mengedit template blog agar lebih SEO friendly :

1. Penggunaan Page Title

Pada template yang masih standart alias belum SEO friendly, penggunaan page title biasanya "Judul Blog || Judul Posting" hal seperti ini kurang disukai oleh google, maka dari itu kita harus melakukan sedikit perubahan agar google menyukai blog kita dan kalian pasti tahu timbal baliknya kan??? Perubahan yang akan menjadi seperti ini, "Judul Posting || Judul Blog" berikut ini cara merubahnya :

cari kode di bawah ini, agar memudahkan dalam pencarian tekan CTRL + F

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

Jika sudah ketemu hapus kode diatas, dan ganti dengan kode di bawah 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>

2. Pasang Meta Keyword dan Deskripsi

Google lebih suka dengan blog atau website yang memiliki content jelas dan tema yang sesuai, jadi kalian harus memasang meta tag ke dalam template blog kalian. Berikut ini caranya :

cari kode  <b:skin><![CDATA[/*

Letakan kode di bawah ini tepat di atas kode tersebut

<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" />
</b:if>

Silahkan kalian ganti sendiri Deskripsi blog anda dan kata kunci yang sesuai dengan blog kalian.


3. Mematikan Setting Blog Archive (Arsip Blog)

Kenapa Blog Archive harus dimatikan? Google sangat dendam dengan blog yang memiliki content ganda atau bahasa kerenya duplicat content. ketika kita mengaktifkan opsi blog arsip, misalnya kejadiannya seperti ini, Anda ingin membuat sebuah blog di blogger.com. Lalu membuat 3 posting, 1 buah setiap hari. Maka di halaman utama atau homepage Anda akan ada 3 posting dan sebuah link arsip seperti ini, http://BLOGANDA.blogspot.com/2011_03_01_archive.html, yang memunculkan 3 posting yang sama dengan yang dimunculkan oleh homepage. Intinya, 2 buah link yang memunculkan sebuah halaman yang sama. Menurut intelegen google hal tersebut menjadi masalah yang sangat serius, bahkan blog kita bisa di bilang melakukan spam. Nah bagaimana mematikan Blog Archive?

Masuk akun blogger kalian, Klik Setting pada pengaturan blog kalian, klik Archiving kemudian pada bagian Archiving Frequency ubah menjadi No Archive. Selesai sudah.

4. Memasang Breadcrumbs

Breadcrumbs adalah menu navigasi yang terletak tepat di atas posting. Seperti di blog ane ni lo kawan! Breadcrumbs sendiri berguna untuk mengoptimalkan search eagine google agar mudah untuk menelusuri posting blog kita. Nah bagaimana cara memasangnnya? Ikuti  langkah-langkah di bawah ini kawan, untuk memasang Breadcrumbs pada blogger :

Pertama pastikan bahwa kalian sudah membuat label,

Jika sudah, masuk ke Dashboard, lalu pilih Tata Letak dan kemudian pilih Edit HTML, jangan lupa contreng tulisan Expand Widget Templates.

Cari kode berikut ini, gunakan CTRL + F untuk mempermudah pencarian

<b:includable id=main var=top>

Jika sudah ketemu, sisipkan kode dibawah ini, tepat diatasnya kode diatas.

<b:includable id=breadcrumbs var=post>

<!-- Breadcrumbs hack. By Hoctro 9/11/2006 http://hoctro.blogspot.com -->
  <b:if cond=data:blog.pageType == "item">
      <p class=breadcrumbs>
      <span class=post-labels>
        <b:if cond=data:post.labels>

          Browse:
          <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 == "true">
              <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>

Kemudian cari lagi kode <b:if cond=data:post.dateHeader>

Jika sudah ketemu, masukan kode dibawah ini teapat diatasnya

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

Langkah terakhir cari kode ]]></b:skin>

Jika sudah ketemu, masukan kode di bawah ini tepat diatas kode tersebut

.breadcrumbs {
border-bottom:1px dotted #000;
margin:2em 0 0.5em;
padding:0 0 0.5em;
}


5. Memasang Related Post/Artikel Terkait

Cara ini sangat bagus kawan untuk mengoptimalkan SEO, memasang related post juga sangat berguna untuk pengunjung blog kita, karena dapat mempermudah pengunjung blog kita dalam pencarian artikel/posting kita yang lain. Mungkin cara ini sudah banyak para master blogger menjelaskannya. Kalian dapat mencari di Mbah Google terdekat dengan keyword, cara membuat related post


6. Menambahkan Kode ‘Rel=Canonical’

Hal ini berguna supaya tidak ada konten ganda pada blog kita. Seperti kata Sesepuh  Master SEO bahwa Google tidak akan mentoliler blog yang mempunyai konten ganda. Untuk menghindari hal tersebut maka kita perlu memasang  ‘Rel=Canonical’ pada blog kita. Berikut ini cara memasang  ‘Rel=Canonical’

Cari kode <head> kemudian masukan kode dibawah ini tepat dibawah kode <head>

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

7. Tag Heading

Mbah Google sangat menyukai blog yang mempunyai tulisan dan judul dengan tag H1. Oleh karena itu rubah ukuran judul posting anda dengan H1. Berikut ini cara merubahnya :

Cari kode yang seperti dibawah ini,,,,

<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>
 
Kemudian ganti tulisan h3 menjadi h1, kemudian cari lagi kode ]]></b:skin>

Jika sudah ketemu letak kode dibawah ini, tepat diatas kode ]]></b:skin>

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

8. Pasang SEO Smart Link

Hal ini berguna agar mempermudah search eagine seperti google menemukan posting blog kalian. Nah orang yang mencari sebuah artikel di Google akan menuliskan sebuah kata kunci, hal ini terkadang belum tentu blog anda muncul di halaman search eagine. Bagaimana caranya? Gunakan script dibawah ini, untuk membuat keyword blog kalian bersifat Case Sensitive.

Masuk ke Edit HTML, cari kode </body>

Jika sudah ketemu masukan script di bawah ini tepat diatas, kode diatas.

<b:if cond=data:blog.url != data:blog.homepageUrl><script type=text/javascript>
function autoLink(){
this.keywdHref = new Object();
this.add = function(keyword, href){
if(keyword.substr(0,1) != &quot; &quot;){keyword = &quot; &quot; + keyword;}
this.keywdHref[keyword] =  href;
}
this.createAnchor = function(){
var objs = document.getElementsByTagName(&quot;div&quot;);
for(var i=0; i&lt;objs.length; i++){
var obj = objs[i];
if(obj.className.indexOf(&quot;post-body&quot;)&gt;-1){
var content = obj.innerHTML;
for(var keyword in this.keywdHref){
var href = this.keywdHref[keyword];
var newstr = content.replace(keyword, &quot;&lt;a href=&#39;&quot;+href+&quot;&#39;&gt;&quot;+keyword+&quot;&lt;/a&gt;&quot;, &quot;gi&quot;);
obj.innerHTML = newstr;
content = newstr;
}
}
}
}
this.startScript = function(){
var onLoad = window.onload;
window.onload = function(){
if(onLoad){onLoad();}
setTimeout(&quot;f.createAnchor()&quot;, 100);
}
}
}
</script>
<script type=text/javascript>
var f = new autoLink();
f.add(&quot;MASUKKAN SATU KATA KUNCI BLOG ANDA&quot;, &quot;http://ALAMAT BLOG ANDA.blogspot.com/&quot;);
f.startScript();
</script></b:if>

Tuliskan kata kunci yang sering anda buat untuk menulis artikel. Koq gitu??? gini sob, kalau kalian menuliskan kata kunci Belajar, sedangkan yang biasa anda tuliskan adalah belajar. Maka artikel atau posting sobat tidak akan muncul, so,,,,,,, pilihlah tulisan yang sering kalian gunakan.

Sekian tutorial dari saya, cara mengedit template blog agar lebih SEO friendly dengan pokok pembahasan seputar SEO. Jika ada kekurangan atau kesalahan, saya minta maaf karena saya sendiri juga masih belajar, tutorial ini saya buat berdasarkan infomasi yang saya dapat dari rekan blogger yang lain so, marilah kita saling bertukar ilmu pengetahuan agar kemampuan dan informasi yang kita punyai tidak di miliki diri kita sendiri. Seperti kata Om Mario Tegus "Jika Kamu Ingin Pintar Maka Mengajarlah"

Semoga share saya kali ini bermanfaat bagi kalian semua

Share Is Sexy

Tidak ada komentar:

Posting Komentar