Minggu, 23 Oktober 2016

Cara Mengedit Template Blogspot Agar SEO Friendly

Cara Mengedit Template Blogspot Agar SEO Friendly
Cara Mengedit Template Blogspot Agar SEO Friendly - Halo selamat pagi, kali ini kita akan coba mengedit Template Blogspot agar menjadi SEO Friendly. Kita harus mengedit Template tersebut karena Template dari bawaan blogspot itu kurang SEO Friendly. Bagi kalian yang belum mengerti apa itu SEO Friendly silahkan baca pengertiannya dibawah ini 

SEO Friendly adalah suatu optimasi yang dilakukan oleh blogger untuk mengoptimalkan situs/blog yang mereka miliki, sedangkan Friendly adalah bersahabat dengan pengunjung/pembaca blog, serta mesin pencari seperti Google, Bing, Yahoo dan Yandex.
Sumber : http://tipsseokiller.blogspot.co.id/2015/09/arti-makna-kata-friendly-seo.html

Dari penjelasan diatas kita dapat simpulkan bahwa SEO Friendly adalah sebuah kegiatan mengoptimasi blog atau situs agar blog tersebut bisa bersahabat dengan visitor dan search engine. Jadi jika kalian melakukan optimasi ini, kalian akan sangat mudah mendapatkan visitor dan blog kalian akan cepat terindex oleh search engine. Jika kalian tertarik untuk membuat template kalian menjadi SEO Friendly, silahkan lakukan tutorial dibawah ini

Cara Mengedit Template Blogspot Agar SEO Friendly

1. Page Title
Biasanya format page title bawaan dari blogger kan seperti ini : JUDUL BLOG : JUDUL POSTING, nah agar blog kita lebih disukai oleh google, kita harus merubah format page title standart itu menjadi seperti ini : JUDUL POSTING | JUDUL BLOG. Caranya cari kode berikut di EDIT HTML ( Biasa tekan ctrl + f lalu copy paste kode dibawah ini):
<title><data:blog.pageTitle/></title>
Kalau sudah ketemu 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 juga bisa ditambah dengan 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 kalian | Kata kunci kalian </title>
</b:if>
Ganti kode "kata kunci" dengan keyword yang kalian incar. Setelah semua selesai jangan lupa di save template

2. Meta keyword dan deskripsi
Suatu mesin pencari seperti google sangat menyukai sebuah blog atau website yang jelas tema dan isi content-nya. Jadi , kalian harus menambahkan suatu tag yang namanya meta tag. Caranya adalah dengan menambahkan kode berikut ini sebelum kode 
<b:skin><![CDATA[/* 

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


Kemudian di Save

3. Memasang Breadcrumbs.
Breadcrumbs adalah menu navigasi yang ada diatas sebuah posting atau artikel. Contohnya bisa dilihat diblog-nya ini. Cara pasangnya juga sudah banyak dibahas di blog-blog guru blogging. Silahkan kalian cari di google dengan kata kunci “ cara membuat menu breadcrumbs”.

4. Memasang Related Post.
Related post sangat bagus untuk SEO maupun buat pengunjung. Jadi pasang related post di blog kalian. Caranya sudah banyak dibahas di blog-blog para guru blogging. Silahkan kalian cari di google dengan kata kunci “ cara membuat related post di blogger”.

5. Mematikan Setting Archive
Ini bertujuan untuk mencegah terjadinya duplicate content, karena google sangat membenci dengan yang namanya duplicate content. Jadi ketika kita mengaktifkan opsi arsip, misalnya kejadiannya seperti ini :

Kalian membuat sebuah blog di blogger.com. lalu membuat 3 posting, 1 buah setiap hari. Maka di halaman utama atau homepage kalian akan ada 3 posting dan sebuah link arsip seperti ini, http://BLOGKALIAN.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. Menambahkan Kode ‘rel=canonical’
Gunanya kita menambahkan ‘rel=canonical’ adalah untuk menghindari konten ganda, karena seperti para master of SEO bilang bahwa 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' />
Save template dan selesai

7. Tag Heading
Google sangat menyukai sebuah tulisan atau judul dengan tag H1. Oleh karena itu ubahlah ukuran judul posting kalian 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; } 
Mungkin itu saja untuk Cara Mengedit Template Blogspot Agar SEO Friendly, jika kalian memiliki cara lain silahkan komentar ya. Semoga bermanfaat dan terima kasih.

Tidak ada komentar:

Posting Komentar