Salah satu cara untuk membuat blog seo friendly yaitu dengan mengedit template blogspot dan komponen-komponen dari suatu halaman blog/website. Dalam tips SEO (Search Engine Optimization) istilah mengedit blogger agar seo friendly lebih dikenal dengan nama optimasi seo on page blog. Sebenarnya banyak para blogger yang sudah membuat template seo friendly dan responsive yang bisa anda download secara gratis. Pada tutorial blog kali ini saya akan berikan tips mengedit template blog sendiri supaya super seo friendly.
Tujuan kita merubah template blogger menjadi seo friendly agar blog disenangi search engine seperti Google dan optimasi seo on page blog semakin bagus serta yang lebih penting adalah untuk meningkatkan SERPs. Sekarang simak komponen-komponen suatu halaman blog yang perlu ditambahkan dan diperbaiki agar blog menjadi super seo friendly.
1. Merubah Title Tag
Kode untuk titel tag blogger/blogspot biasanya ada di bagian kode <head> yang bentuk formatnya seperti dibawah ini
<title><data:blog.pageTitle/></title>
Kode diatas mempunyai pengertian "Judul Blog : Judul Posting". Nah sekarang kode tersebut agar seo friendly akan dibalik menjadi "Judul Posting : Judul Blog" caranya :
Anda tekan tekan Ctrl+F dari cari kode <title><data:blog.pageTitle/></title> dan kalau sudah ketemu lalu hapus saja dan diganti dengan kode dibawah ini :
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title><b:else/>
<title><data:blog.pageTitle/> | Disain Grafis dan Kesehatan </title></b:if>
Keterangan :
Teks warna biru merupakan Keyword, silahkan ganti dengan keywords anda
2. Menambah Meta Description dan Keyword
Meta deskripsi sangat perlu ditambahkan karena tanpa meta deskripsi maka blog tidak mempunyai tema dan konten yang jelas, jadi fungsinya memasang meta tag description adalah memberikan informasi yang jelas ke search engine kalau suatu halaman blog mempunyai tema dan isi konten yang dikenal oleh Google. Jadi tambahkan kode meta tag dibawah ini setelah kode <head>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='Situs yang berisi tentang tutorial blog, tips blogger, belajar seo blogspot, photoshop, kesehatan, relegius, tips dan triks, unik dan menarik' name='description'/>
<meta content='tutorial blog, tips blogger, belajar seo blogspot, photoshop, kesehatan, relegius, tips dan triks, unik dan menarik' name='keywords'/></b:if>
<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.pageName' name='keywords'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' name='description'/></b:if></b:if>
Keterangan :
Teks warna merah dan biru silahkan anda ganti dengan deskripsi dan keyword blog anda
3. Tambahkan juga kode dibawah ini agar seo
<link expr:href='data:blog.homepageUrl + "feeds/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default?alt=rss"' expr:title='data:blog.title + " - RSS"' rel='alternate' type='application/rss+xml'/>
<link expr:href='"http://www.blogger.com/feeds/" + data:blog.blogId + "/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
<meta content='blogger' name='generator'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='NamaAuthor' name='Author'/>
<meta content='general' name='rating'/>
<meta content='id' name='geo.country'/>
4. Memasang Tag rel canonical
Dengan menambah rel canonical fungsinya selain blog menjadi seo friendly juga berfungsi untuk mengatasi dan menghindar duplikat konten. jadi letakkan kode dibawah ini setelah kode <head>
<link expr:href='data:blog.url' rel='canonical'/>
5. Memasang Icon Favicon
Icon Favicon merupakan gambar kecil di sebelah kiri url blog cara memasangnya yaitu letakkan kode berikut dibawah kode <head>
<link expr:href='data:blog.homepageUrl + "favicon.ico"' rel='icon' type='image/x-icon'/>
6. Menambah Setting Archive, Label dan Versi Mobile
Tujuan dari memasang ke 3 kode tersebut untuk menghidari duplikat konten karena arsip, label dan versi mobile. Silahkan anda tambahkan 3 kode dibawah ini setelah kode <head>
<b:if cond='data:blog.pageType == "archive"'><meta content='noindex,nofollow' name='robots'/></b:if>
<b:if cond='data:blog.pageType == "index"'><b:if cond='data:blog.searchLabel'>
<meta content='noindex,nofollow' name='robots'/></b:if></b:if>
<b:if cond='data:blog.isMobile'><meta content='noindex,nofollow' name='robots'/></b:if>
7. Merubah Tag Heading
Untuk optimasi seo on page blog yaitu dengan membuat Tag heading h1 yang merupakan ukuran judul postingan, caranya silahkan tekan Ctrl+F dan cari kode 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>
Keterangan :
Teks warna merah yaitu h3 silahkan diubah menjadi h1
Lalu letakkan kode dibawah ini diatas kode ]]></b:skin>
h1.post-title, .post h1 #Blog1 h1, #Blog2 h1 { font-size:1.5em; }
8. Memasang Navigasi Breadcrumbs
Letak dari navigasi breadcrumbs biasanya diatas posting blog dan menu navigasi breadcrumbs yang akan dipasang ini adalah navigasi breadcrumbs yang mudah terindeks Google. Untuk cara memasangnya silahkan klik link ini : Membuat Breadcrumbs Terindeks Google.
Demikianlah tips blog mengenai cara mengedit blogspot menjadi seo friendly. semoga bermanfaat.