Merubah Tag H1 Agar Template SEO Friendly

Salam sukses selalu buat sobat semua, Belajar Komputer Melalui Internet saat ini akan sedikit membahas tentang Merubah Tag H1 Agar Template SEO Friendly dan semoga artikel ini bermanfaat.


Terkadang kita memilih template dari penyedia situs template gratisan di internet hanya sekedar memenuhi selera keindahan, tapi kita lupa apakah template yang kita pakai sudah SEO friendly atau belum. Pada tutorial kali akan dibahas cara memanipulasi template blogger agar SEO friendly, khususnya dengan memberi tag h1 untuk judul postingan. Namun, jika Anda melakukannya secara sembarangan bisa jadi malah justru terjadi multiple tag h1 pada halaman Anda.
Seperti kita ketahui semua, banyak template blog yang bagus secara design diluar sana, kebanyakan dari template tersebut mementingkan masalah design. Kita yang akan memakainya perlu sedikit memodifikasi agar optimal. Baiklah, langsung saja saya akan berikan kepada temen-temen semua langkah-langkah dalam mengoptimalkan template yang kita pakai agar lebih SEO friendly

Pertama yang mesti anda lakukan tentu login dulu di Blogger Kemudian klik Rancangan>>edit HTML Jangan lupa Centang Expand Template Widget Klik Download template lengkap untuk jaga-jaga.
Manipulasi Tag Heading Judul Postingan
Cari kode berikut 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>
Setelah ketemu Ganti semua kode di atas dengan kode dibawah ini.
<b:if cond="data:blog.pageType != &quot;item&quot;">
<b:if cond="data:post.title">
<h2 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>
</h2>
</b:if>
<b:else/>
<h1 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>
</h1>
</b:if>
Manipulasi Tag Heading Judul Blog
Cari lagi kode di bawah ini
<h1 class="title" style="background: transparent; border-width: 0px">
<b:include name="title"/>
</h1>
Selanjutnya Ganti dengan kode berikut ini
<b:if cond="data:blog.pageType != &quot;item&quot;">
<h1 class="title" style=’background: transparent; border-width: 0px">
<b:include name="title"/>
</h1>
<b:else/>
<p class="title" style="background: transparent; border-width: 0px">
<b:include name="title"/>
</p>
</b:if>
Cari kode berikut ini
<h1 class=‘title’>
<b:include name=‘title’/>
</h1>
Ganti dengan kode berikut ini
<b:if cond="data:blog.pageType != &quot;item&quot;">
<h1 class="title">
<b:include name="title"/>
</h1>
<b:else/>
<p class="title">
<b:include name="title"/>
</p>
</b:if>
Terakhir, Set CSS Anda
Cari kode css judul postingan dan judul blog Anda. Misal kodenya seperti ini. Cari yang mirip.
.post h3 {
…………………………….
}
.post h3 a, .post h3 a:visited{
…………………………………………..
}
.post h3 a:hover {
………………………………
}
Ganti kodenya dengan kode di bawah ini
.post h1, .post h2 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}
.post h1 a, .post h1 a:visited, .post h1 strong, .post h2 a, .post h2 a:visited, .post h2 strong{
display:block;
text-decoration:none;
color:$titlecolor;
font-weight:normal;
}
.post h1 strong, .post h1 a:hover, .post h2 strong, .post h2 a:hover {
color:$textcolor;
}
Catatan: Kalau tidak berhasil, ganti hanya kode H3 nya..

Langkah terakhir, cari lagi kode css judul blog. Cari yang mirip dengan kode di bawah ini
#header h1 {
……………………….
}
Setelah itu Ganti dengan kode di bawah ini
#header h1, #header p {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: $pagetitlefont;
}
Kemudian Save/Simpan template anda, selesai….

Ikuti semua langkah-langkah diatas, jika semuanya sudah anda lakukan dengan benar maka sekarang di halaman index Anda, halaman utama blog, judul blog memiki tag h1 dan judul postingan tag h2. Sementara ketika google index halaman postingan Anda, judul postingan otomatis berubah ke tag h1 dan judul blog menjadi tag h2. Hasilnya, tidak ada lagi tag h1 ganda yang akan menimbulkan kekhawatiran untuk peringkat SEO Anda.  tutorial step by step untuk mengedit template blogger agar SEO Friendly ini adalah hanya salah satu cara untuk meningkatkan SERP.
untuk memastikan keberhasilan anda memasang tutorial diatas silahkan anda cek disini: http://www.givegoodweb.com/tools/page-check 
Silahkan masukan halaman utama blog anda dulu kemudian halaman postingan dan apa bedanya..? 

Mungkin sampai disini dulu Belajar Komputer Melalui Internet tentang Merubah Tag H1 Agar Template SEO Friendly kali ini, semoga bermanfaat bagi Anda.

DAPATKAN ARTIKEL VIA EMAIL

Masukan Alamat Email Sobat:

Delivered
feedburner

Dipublish oleh : Abdul Kohar - Jatinangor Rating 5 Belajar Komputer Melalui Internet, Updated at: 08:25

12 komentar :

  1. Terima kasih om .. sangat bermanfaat !

    BalasHapus
  2. Ijin mengaplikasikan gan, soalnya template ane lg bermaslah di SEO analyser

    BalasHapus
    Balasan
    1. Silahkan sobat.. semoga ada yang bisa membantu...
      :))

      Hapus
  3. info nya bermanfaat banget mas... semoga tambah rame pengujung nya...
    http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/113.gif

    BalasHapus
  4. @@,maklum newbie gkgkgkgkgkgkgkgkgk

    BalasHapus
  5. ternyata cukup rumit juga ya untuk merubah template blogger agar lebih seo

    BalasHapus
Silahkan Tinggalkan jejak sobat, bila mau menggunakan emotion silahkan klik emotionnya kemudian copy dengan ctrl+c dan paste kodenya didalam kotak komentar...

close
GUESTBOOK
Google PageRank Checker Powered by  MyPagerank.Net
backlink
Dashboard
| Copyright © 2012 |
| Belajar Komputer Melalui Internet |
| Desain by: Abdul Kohar | Powered by: Blogger |