Iklan

Cara Membuat Template Blog menjadi SEO Friendly


Salam Blogging, kali ini BLOGGINGPASURUAN melanjutkan untuk melengkapi postingan saya sebelumnya tentang bagaimana cara mengoptimalkan SEO di Blogger, kali ini saya ingin mencoba membahas secara khusus tentang Template Blog SEO Friendly.

Membahas tentang template seo friendly sebenernya sudah banyak di bahas oleh para blogger  sebelumnya. Hampir setiap blogger memiliki pandangan yang sama terhadap template SEO friendly. Tapi di sini BLOGGINGPASURUAN ingin mecoba mengulasnya secara lebih detail  mengenai  template SEO friendly sesuai pengetahuan yang saya ketahui.

Seperti apa template dikatakan SEO Friendly? Berikut ini adalah faktor-faktor yang membuat sebuah template menjadi SEO Friendly:

1. Title Tag

Pertama yang perlu diperhatikan saat mencari template yang bagus adalah struktur Title tag, karena Title tag adalah faktor SEO on page terpenting kedua setelah konten atau artikel pada sebuah blog. Pertanyaannya, lalu seperti apakah title tag yang bagus itu?
Template default dari blogger memiliki struktur title seperti ini:

"Judul Blog: Judul Postingan"

Struktur title tersebut kurang bagus untuk SEO karena jika blog ANDA memilki judul blog yang panjang maka akan menjadi kurang optimal karena google hanya akan menampilkan sekitar 70 karakter pada hasil pencarian. Jika untuk judul blog saja sudah lumayan panjang maka otomatis untuk judul postingan menjadi terpotong.

Cara Membuat Template Blog menjadi SEO Friendly


Jadi pastikan dalam memilih template memiliki struktur title seperti ini:
"Judul Postingan - Judul Blog"
atau:
"Judul Postingan | Judul Blog"
atau:
"Judul Postingan : Judul Blog"

Catatan:
Untuk tanda pemisah tidak ada perbedaan antara " - " " | " dan " : " Google akan melihatnya sama.

2. Heading Tag

Setelah Title tag unsur berikutnya adalah Tag Heading. Ada banyak macam tag heading, dari H1, H2, H3, sampai H6, namun tidak semua Tag heading penting keberadaanya, Tag H1 adalah yang paling penting. Template yang bagus harus memiliki tag H1 di semua halaman, baik itu homepage, postingan, dan juga halaman statis. Selain itu juga tidak boleh terdapat duplikat tag H1.

Tag H1 pada umumnya digunakan pada bagian judul blog, namun banyak beberapa template blogspot yang telah dimodifikasi agar tag H1 tampil secara dinamis. Ketika pada homepage tag H1 terletak pada judul blog, sedangkan ketika berada pada halaman postingan tag H1 terletak pada judul postingan. Tujuan modifikasi adalah untuk mengoptimalkan judul postingan pada hasil pencarian google. Lalu bagaimana dengan tag heading yang lainnya? Sejauh yang saya tahu ada tiga tag heading yang cukup berpengaruh peranannya terhadap SEO onpage. Yang pertama adalah tag H1 selanjutnya adalah tag H2 dan H3. Menurut saya tag H2 dan H3 peranannya tidak sepenting tag H1, tapi akan sangat bagus jika dimanfaatkan untuk meletakan keyword pada tag tersebut agar semakin maksimal.
Contoh sederhanya penggunaan tag heading ini untuk memaksimalkan kata kunci bisa sobat lihat di template yang saya pakai ini:

Cara Membuat Template Blog menjadi SEO Friendly


3. Meta Deskripsi

Sebelum blogger mengeluarkan fitur untuk memasukan meta deskripsi secara manual, dulu banyak sekali template-template yang telah dimodifikasi agar dapat menampilan meta deskripsi secara otomatis.

Kelemahan meta deskripsi otomatis adalah deskripsi yang dihasilkan menjadi tidak unik dan terkesan hanya ditujuakan untuk mesin pencari. Sedangkan jika menggunakan fitur meta deskripsi dari blogger kita bisa memasukan deskripsi sesuai keinginan. Menurut saya untuk saat ini meta deskripsi otomatis seperti itu sudah tidak perlu digunakan lagi. Jadi template yang bagus sebaiknya tidak memiliki meta deskripsi otomatis agar kita bisa memanfaatkan fitur meta deskripsi yang sudah disediakan oleh blogger.

4. Meta Tag 
Istilah Meta Tag sebenarnya hanya sebuah kode meta tag robots seperti pada umumnya, cuma kode ini diatur menggunakan tag conditional blogspot untuk mencegah beberapa halaman tidak penting di blogspot terindex oleh mesin pencari.

Duplikat Konten Karena Halaman Label >> dipasang di bawah kode <head>

<b:if cond='data:blog.searchLabel'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>

Duplikat Konten Karena Halaman Versi Seluler >> dipasang di bawah kode <head>

<b:if cond='data:blog.isMobile'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>

Kode ini adalah hasil experimen ketika sedang mencari solusi untuk mencegah duplikat konten di blogspot dan kode ini sudah terbukti bekerja sangat baik. Pada waktu itu masih belum banyak template-template yang menggunakan kode seperti ini, untuk saat ini sudah mulai banyak yang menggukannya.

5. Loading Cepat

Tujuan utama mesin pencari Google adalah memberikan pengalaman terbaik bagi para penggunanya. Salah satu yang menjadi perhatian adalah kecepatan loading sebuah web ataupun blog. Tentu saja google tidak ingin menampilkan blog-blog dengan loading super berat pada bagian paling atas hasil pencarian. Jadi jika sobat memilih template usahakan untuk tidak menggunakan template dengan loading yang berat.

6. Navigasi Mudah

Berkaitan dengan kecepatan loading, yaitu tentang user experience berikutnya adalah navigasi yang mudah. Navigasi yang mudah maksudnya adalah template yang dapat memudahkan mesin pencari dan juga pengujung menjelajahi isi dari blog Anda. Ciri-ciri template yang seperti ini adalah memilki menu navigasi, widget related post, breadcrumbs, search box, dan sebagainya.

7. Layout

Layout atau tata letak juga menjadi salah satu faktor sebuah template SEO Friendly. Ah masa sih bro? pasti ngibul nih? Maaf saya nggak ngibul, karena algoritma google yang khusus untuk menangani masalah tata letak halaman memang benar-benar ada. Sobat bisa membaca informasi lebih lengkapnya DI SINI.

Berikut adalah contoh sederhana tata letak template yang bagus brikut yang jelek untuk SEO:

Cara Membuat Template Blog menjadi SEO Friendly

Intinya adalah untuk mengutamakan konten agar mudah dilihat oleh pengunjung.

8. Alt Atribute
Hal berikutnya yang juga menjadi faktor adalah atribute alt pada gambar. Gambar yang dimaksud di sini bukan gambar background atau icon, namun gambar seperti pada bagian thumbnail. Beberapa template yang menggunkan thumbnail secara otomatis saya lihat banyak yang tidak memilki alt atribute, padahal atribute alt sangat penting keberadaanya pada sebuah gambar.

Kode HTML Gambar posting sebelum ada penambahan Alt atribute

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj976sknUrpCHW2q2iiH9sdoxojrMYjJqbPo7Vv1ti2YfI8YDvGErgEQewzJkiz9fHnySLcc07FirY420MGUiHmHu-Kdb-Ld608ZCIq10rEyY0JYzUTKSXuUMtYkyHXM63U-Gs3j_2y2eo/s1600/GB1.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj976sknUrpCHW2q2iiH9sdoxojrMYjJqbPo7Vv1ti2YfI8YDvGErgEQewzJkiz9fHnySLcc07FirY420MGUiHmHu-Kdb-Ld608ZCIq10rEyY0JYzUTKSXuUMtYkyHXM63U-Gs3j_2y2eo/s1600/GB1.png" /></a>

Kode HTML Gambar posting setelah ada penambahan Alt atribute

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj976sknUrpCHW2q2iiH9sdoxojrMYjJqbPo7Vv1ti2YfI8YDvGErgEQewzJkiz9fHnySLcc07FirY420MGUiHmHu-Kdb-Ld608ZCIq10rEyY0JYzUTKSXuUMtYkyHXM63U-Gs3j_2y2eo/s1600/GB1.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img alt="tulis judul posting anda disini" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj976sknUrpCHW2q2iiH9sdoxojrMYjJqbPo7Vv1ti2YfI8YDvGErgEQewzJkiz9fHnySLcc07FirY420MGUiHmHu-Kdb-Ld608ZCIq10rEyY0JYzUTKSXuUMtYkyHXM63U-Gs3j_2y2eo/s1600/GB1.png" /></a>

9. Sharing Button
Yang terkahir adalah tombol berbagi. Social Media sudah menjadi salah satu faktor SEO pada sebuah web ataupun blog. Jadi tombol berbagi sangatlah penting keberadaanya pada sebuah template. Begitulah kira-kira ciri-ciri template blog SEO friendly menurut saya.

Silakan jika mungkin Anda ingin menambahkan sesuai dengan pengetahuan SEO yang Anda miliki, atau ingin mengoreksi apa yang ada di atas, karena mungkin ada yang kurang bagus, demi improvisasi, Silahkan Anda menambahkan saran dan masukan pada kotak komentar di bawah ini…… Terimah Kasih

Next
Prev Post
Previous
Next Post

13 comments:

  1. Makasih ya gan...infonya, bermanfaat banget :)

    ReplyDelete
  2. mantab mas, makasih banyak buat tis dan tutorialnya..

    ReplyDelete
  3. jujur, selama ngeblog saya paling anti dengan yang namanya seo, soalnya bikin pusing, saya cuman bisa ngapdate konten tiap hari aja, maksimal 4-8 konten, untuk urusan seo saya serahkan ke teman saya tapi dengan mengeluarkan sedikit uang jajan

    ReplyDelete
  4. Thanks infonya, akhirnya bendera hijau juga

    ReplyDelete
  5. saya masih belum paham tetang alt atribute, tolong di jelaskan lebih detail mas.

    ReplyDelete
  6. Artikel ini sangat membantu saya apalagi kami warga baru, thanks by erica

    ReplyDelete
  7. kalo untuk langkah-langkah seting SEO ada ga?
    www.indoblazer.com

    ReplyDelete
  8. terima kasih mas, jadi bisa saya perbaiki lagi blog saya yang masih baru..
    baca selengkapnya

    ReplyDelete
  9. This comment has been removed by the author.

    ReplyDelete