News Ticker

Menu

Cara mengedit template agar SEO Friendly

Posting pertama di blog ini adalah cara mengedit template agar SEO Friendly. Sobat blogger tentu tahu kan yang namanya SEO. Posting ini adalah berbagai posting yang sengaja saya rangkum agar sobat tidak harus mencari-cari seperti saya. Nah sebelum saya tidur soalnya saya postingnya jam 10 malam, mari sobat simak artikel berikut.

1. Page Title

Normalnya format page title dari blogger kan seperti ini : Judul Blog : Judul Posting. Nah agar blog kita lebih disukai oleh google sehingga ujung-ujungnya blog kita jadi rame dan berumur panjang, 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):

Eits jangan lupa Expand Template Widgetnya dicentang, banyak sobat blogger selalu lupa.


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


Kalo udah dapet kodenya hapus n 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 

Google sangat menyukai blog atau web yang jelas tema dan isinya.Jadi sobat harus menambahkan yang namanya meta tag.Caranya adalah dengan menambahkan kode berikut ini sebelum kode 

<b:skin><![CDATA[/

letakkan kode di bawah ini sebelum atau diatas kode di atas 

<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. Pasang Menu Breadcrumbs

Breadcrumbs adalah menu navigasi yang ada diatas sebuah posting atau artikel. Tapi karena saya telah mencoba memasangnya tapi gagal terus, jadi maaf saya tidak menyediakan caranya. anda bisa search di google 'cara memasang menu navigasi' atau 'cara memasang breadcrumbs'

4. Memasang menu Related post

Related post sangat bagus untuk SEO maupun buat pengunjung. Jadi pasang related post di blog sobat. Saya sarankan gunakan LinkWithin. buka www.linkwithin.com

1. Masukkan Email
2. Masukkan URL Blog anda ( jangan lupa www nya )
3. Masukkan Platform blog anda, pilih blogger jika anda memakai blogger ( jelas dong, kalau wordpress berarti nyasar ke blog SEO blogger namanya )
4. Masukkan banyaknya artikel yang ditampilkan, saya sarankan 4, kalau 5 nanti gak muat
 note : related post akan dipasang di setiap dibawah posting
5. Centang My blog has Light text on dark background jika background blog anda gelap dan tulisan artikelnya terang
6. Lalu tekan Get Widget ( jangan dikeluarkan dulu bro, soalnya bukan dikirim lewat email)
7. Setelah itu klik Instal Widget
8. Tab baru akan terbuka, anda pilih 'Menambah widget'

5. Mematikan Fungsi Archive

Lho ? buat apa juragan ? begini nih, seperti yang juragan 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> :


<b:if cond='data:blog.pageType == &quot;archive&quot;'><meta content='noindex' name='robots'/></b:if>
6. Menambah Kode rel :canocial

Gunanya kita menambah kode ini agar kita menghindari konten ganda. Google sangat membeci yang namanya konten ganda

<link expr:href='data:blog.url' rel='canonical' />
letakkan kode ini setelah <head>

 

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>


Kode yang dicetak tebal(warna orange) 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; }
Lantaran sudah jam setengah 11, posting akan dilanjutkan di esok hari, terima kasih karena telah mengunjungi blog ane. Jika anda mau copas, jangan lupa cantumkan sumbernya atau saya lapor ke google nanti.
 
 

Share This:

Jillur Rahman

I'm Jillur Rahman. A full time web designer. I enjoy to make modern template. I love create blogger template and write about web design, blogger. Now I'm working with Themeforest. You can buy our templates from Themeforest.

  • To add an Emoticons Show Icons
  • To add code Use [pre]code here[/pre]
  • To add an Image Use [img]IMAGE-URL-HERE[/img]
  • To add Youtube video just paste a video link like http://www.youtube.com/watch?v=0x_gnfpL3RM