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 panjangmaka 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.
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:
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 otomatisadalah 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:
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/AVvXsEhNMT26xul6NReURctV7D2dsAOpMqWxJKdq-w1wgVxr37HTWsiL2GqfI8GZtDGhp1FIw05yU8r_aqeXl7aHkh8z4swccgty5N18wnXRh0H6-b7lEb_wQ26oKclFQ1IPpgf21c4nAyPrd48/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/AVvXsEhNMT26xul6NReURctV7D2dsAOpMqWxJKdq-w1wgVxr37HTWsiL2GqfI8GZtDGhp1FIw05yU8r_aqeXl7aHkh8z4swccgty5N18wnXRh0H6-b7lEb_wQ26oKclFQ1IPpgf21c4nAyPrd48/s1600/GB1.png" /></a>
Kode HTML Gambar posting setelah ada penambahan Alt atribute
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNMT26xul6NReURctV7D2dsAOpMqWxJKdq-w1wgVxr37HTWsiL2GqfI8GZtDGhp1FIw05yU8r_aqeXl7aHkh8z4swccgty5N18wnXRh0H6-b7lEb_wQ26oKclFQ1IPpgf21c4nAyPrd48/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/AVvXsEhNMT26xul6NReURctV7D2dsAOpMqWxJKdq-w1wgVxr37HTWsiL2GqfI8GZtDGhp1FIw05yU8r_aqeXl7aHkh8z4swccgty5N18wnXRh0H6-b7lEb_wQ26oKclFQ1IPpgf21c4nAyPrd48/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