Modifikasi Template Agar Lebih SEO Friendly

Halo sobat Share-Tuts

Perlu sobat ketahui, kebanyakan Designer template Blogspot maupun WordPress kurang memperhatikan masalah SEO dalam pembuatan Template, dan cenderung lebih mementingkan masalah desain. Nah, kali ini Share-Tuts ingin berbagi tentang cara menjadikan template blogspot yang SEO Friendly.

Bila template blog blogspot sobat belum memiliki Modifikasi SEO ini, segera pasang di blog anda masing - masing dengan mengikuti tutorial dibawah ini.

1. Page Title

Judul halaman standar untuk Single Post pada Blogger adalah BLOG TITLE: POST TITLE. maka sobat bisa meningkatkan SEO dengan mengganti title tag jadi POST TITLE | BLOG TITLE. Temukan kode ini pada Template XML sobat,

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

Kemudian ganti dengan kode ini,

<b:if cond='data:blog.pageType == &quot;item&quot;'> <title><data:blog.pageName/> | <data:blog.title/></title> <b:else/> <title><data:blog.pageTitle/></title> </b:if>

Sobat juga bisa menambahkan keyword ke judul homepage,  Contohnya

<b:if cond='data:blog.pageType == &quot;item&quot;'> <title><data:blog.pageName/> | <data:blog.title/></title> <b:else/> <title><data:blog.pageTitle/> | TV Episode Guide | TV Show Info</title> </b:if>

2. Meta Keywords dan Description

Beberapa Pakar Blogger telah menulis panduan mengenai bagaimana cara menambahkan meta keyword dan description. Itu sangat mudah, sobat perlu menambahkan kode ini diatas/sebelum kode

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

Contohnya,

<meta name="description" content="SeasonEpisode TV News - TV Episode Guide" /> <meta name="keywords" content="tv news, season episode, episode guide, tv listing" />

Tetapi kode ini menambahkan meta keyword dan description yang sama pada semua post. Itu tidak baik karena sobat akan mendapatkan peringatan error dari Google Webmaster Tools karena duplikasi meta keywords dan description telah ditemukan. Jadi, sebaiknya sobat hanya menambahkan meta keywords & description pada homepage. Contohnya, sobat bisa menambahkan code ini,

<b:if cond='data:blog.url == data:blog.homepageUrl'> <meta name="description" content="SeasonEpisode TV News - TV Episode Guide " /> <meta name="keywords" content="tv news, season episode, episode guide, tv listing" /> </b:if>

3. Heading

Tag Heading (H1,H2,H3,H4,H5) juga sangat penting untuk SEO. Seluruh judul widget Blogger (gadget) menggunakan Tag H2. Namun, Template Minima menggunakan tag H3 untuk judul posting dan kebanyakan Template blogger menggunakan Tag H2 untuk judul Posting. Untuk meningkatkan SEO, sobat perlu menggunakan Tag H1 untuk Judul Posting. Contohnya, Temukan kode,
 

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

Contoh diatas menunjukkan bahwa Template sobat menggunakan Tag H3 sebagai judul Posting (Bila sobat tidak menemukannya, Kemungkinan Template sobat menggunakan Tag H2 untuk judul Posting), Ganti H3 (atau H2) pada kode diatas dengan H1, contohnya,
 

<b:if cond='data:post.title'> <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>

sobat juga perlu mengganti ukuran dari font Posting dengan menambahkan kode ini sebelum  ]]></b:skin>
 

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

Pada contoh, saya menggunakan ukuran font 1.5em. sobat bisa menggantinya jika ingin

4. Social Bookmarking

Saat ini, Komunitas adalah raja! Menambahkan Link Social Bookmarking (Lintas Berita, Infogue,Facebook) dapat membantu dalam membentuk komunitas blog sobat dan meningkatkan SEO.

5. Breadcrumb

Sobat bisa menggunakan breadcrumb untuk “memudahkan” Navigasi pengunjung blog sobat.

6. Related Posts

Beberapa blogger pakar telah menulis tutorial mengenai bagaimana cara menambahkan modifikasi related post (posting terkait). Semuanya menggunakan kode JSON javascript.

7. Auto-Readmore Link

Link Auto-Readmore tidak mempunyai kaitan langsung dengan SEO. Namun, sobat bisa menggunakannya untuk meningkatkan User Interfaces untuk pengunjung Blog sobat. Buat pengunjung menikmati blog sobat, dapatkan trafik lebih banyak, dan SEO akan mengikuti

Selamat Mencoba Sobat.....

source : http://maskolis.com

Anda sedang membaca artikel tentang Modifikasi Template Agar Lebih SEO Friendly dan anda bisa menemukan artikel Modifikasi Template Agar Lebih SEO Friendly ini dengan url http://share-tuts.blogspot.com/2012/10/modifikasi-template-agar-lebih-seo.html. Anda boleh menyebarluaskan atau mengcopy artikel Modifikasi Template Agar Lebih SEO Friendly ini jika memang bermanfaat bagi anda atau teman-teman anda,namun jangan lupa untuk mencantumkan link sumbernya.

Ingin mempromosikan Blog, Produk, Bisnis, Jualan atau lainnya ? Sobat bisa memasangnya diBlog ini. Tunggu apa lagi mumpung masih ada slot untuk sobat. Silahkan hubungi ane dengan meng-Klik Disini

Related Posts :