Template Blog SEO Friendly versi Mas Sugeng

(sumber: mas-sugeng.com) Melanjutkan postingan tentang bagaimana cara memaksimalkan SEO di Blogger, kali ini saya ingin mencoba membahas secara khusus tentang Template Blog SEO Friendly. Bagi yang belum sempat membaca postingan saya sebelumnya, silakan bisa dibaca dulu DI SINI.

Sebelum dilanjutkan, saya ingin meminta maaf terlebih dahulu jika mungkin postingan ini agak telat saya publikasikan. Harap maklum akhir-akhir ini saya mendapat cukup banyak masalah baik online maupun offline yang membuat saya benar-benar tidak bisa fokus.

Bicara tentang template seo friendly sebenernya sudah banyak blogger yang membahas sebelumnya. Hampir setiap blogger memiliki pandangan yang sama terhadap template SEO friendly. Tapi di sini saya ingin mecoba mengulasnya secara lebih rinci sesuai dengan apa yang saya ketahui.

Seperti bagaimanakah sebuah template bisa dikatakan SEO Friendly? Di bawah ini adalah jawabannya :

1. Title Tag
Hal pertama yang perlu sobat perhatikan 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, seperti apakah title tag yang bagus itu?

Seperti yang sobat mungkin sudah tahu, template default dari blogger memiliki struktur title seperti ini:

"Judul Blog: Judul Postingan"

Struktur title tersebut bisa dibilang kurang bagus untuk SEO karena jika blog kita 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.

Template Blog SEO Friendly

Jadi pastikan jika sobat memilih template memiliki struktur title yang kurang lebih seperti ini:

"Judul Postingan - Judul Blog"

atau:

"Judul Postingan | Judul Blog"

atau:

"Judul Postingan : Judul Blog"

Khusus untuk tanda pemisah sejauh yang saya ketahui tidak ada perbedaan antara " - " " | " dan " : " Google akan melihatnya sama.

2. Tag Heading
Faktor kedua setelah Title tag adalah Tag heading. Ada banyak macam tag heading, dari H1, H2, H3, sampai H6, namun tidak semua Tag heading penting keberadaanya, tag H1 adalah salah satu yang paling penting. Template yang bagus seharusnya memiliki tag H1 di semua halaman, baik itu homepage, postingan, dan juga halaman statis. Selain itu juga tidak boleh terdapat duplikat tag H1.

Template Blog SEO Friendly

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 ini adalah untuk mengoptimalkan judul postingan pada hasil pencarian google.

Terus bagaimana dengan tag heading yang lainnya gan? Sejauh yang saya tahu ada tiga tag heading yang cukup berpengaruh peranannya terhadap SEO onpage. Yang pertama adalah tag H1 seperti yang sudah dijelaskan di atas dan selanjutnya adalah itu tag H2 dan H3.

Menurut saya tag H2 dan H3 peranannya tidak sepenting tag H1, tapi akan sangat bagus jika sobat memanfaatkannya 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:

Template Blog SEO


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

Meta Deskripsi Blogger


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.

4. Meta Tag "Anti Duplicate Content"
Istilah Meta Tag Anti Duplicate Content sebenarnya hanyalah karangan saya sendiri. Kode meta tag ini 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.

Kode ini adalah hasil experimen saya dulu 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, sobat hanya akan menemukannya pada template-template buatan saya. Tapi saya lihat untuk saat ini sudah mulai banyak yang menggunakannya.

Untuk informasi lebih jelas tentang kode meta tag ini sobat bisa baca postingan saya dulu yang berjudul Cara Mengatasi Duplikat Konten di Blogspot.

5. Loading Cepat

"The web should be fast. " Google, Inc.
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
Masih berkaitan dengan kecepatan loading, yaitu tentang user experience, selanjutnya adalah navigasi yang mudah. Navigasi yang mudah yang saya maksud di sini adalah template yang dapat memudahkan mesin pencari dan juga pengujung menjelajahi isi dari blog kita.

Ciri-ciri template yang seperti ini adalah memilki menu navigasi, widget related post, breadcrumbs, search box, dll.

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 versus yang jelek untuk SEO:

template SEO Friendly

Intinya adalah untuk mengutamakan konten agar mudah dilihat oleh pengunjung.

8. Alt Atribut
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.

Blog SEO Friendly

9. Tombol Berbagi
Yang terkahir adalah tombol berbagi. Tidak bisa dipungkiri lagi saat ini yang namanya 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 versi Mas Sugeng. Silakan jika mungkin sobat ingin menambahkan sesuai dengan pengetahuan SEO sobat, atau ingin mengoreksi yang ada di atas, karena mungkin ada yang salah. Monggo.

Oh ya, bagi sobat yang bingung mencari template blogger yang keren dan SEO friendly, silakan bisa mengintip koleksi template milik saya di www.evotemplates.net

Cara Memaksimalkan SEO di Blogger

(sumber: mas-sugeng.com) Banyak yang bilang blogger sebagai layanan blog gratisan memiliki kelebihan dalam hal SEO. Saya sendiri sangat setuju dengan pendapat tersebut, tentu saja bukan tanpa alasan. Salah satu alasan yang menurut saya sangat wajar adalah karena blogger sendiri adalah bagian dari google. Jadi tidak mengherankan jika blogger lebih diutamakan ketimbang layanan-layanan free blog lainnya.

Meskipun dalam hal SEO blogger sudah cukup bagus, tapi sebenernya kita masih bisa membuatnya lebih bagus lagi, yaitu dengan memanfaatkan fitur-fitur yang diberikan oleh blogger secara maksimal. Nah, pada postingan kali ini saya ingin sedikit berbagi tentang bagaimana cara Memaksimalkan SEO di Blogger agar lebih bagus lagi dan lebih powerful.

Sebenarnya dulu saya sudah pernah membahas tentang bagaimana mengoptimalkan SEO di blogger, namun hanya sebatas optimasi untuk mencegah duplikat konten. Nah, kali ini saya ingin mengulasnya kembali secara lebih detail dan menyeluruh dan saya harap bisa memberikan manfaat bagi sobat semua, khususnya bagi yang masih pemula di blogger.

Pada postingan ini sobat akan mempelajari bagaimana cara memaksimalkan:
  • RSS Feeds
  • Tag Meta Deskripsi
  • Pengalihan khusus
  • robots.txt
  • Tag Meta Robot
  • Gambar postingan
  • Meta tag deskripsi postingan
  • Tautan permanen
  • Template Blogger


RSS Feeds

Seperti halnya layanan blogging pada umumnya, blogger juga menyediakan fitur RSS feeds untuk memudahkan pembaca blog kita berlangganan artikel-artikel yang kita publikasikan. Fitur ini sebenernya sangat bagus, terutama untuk menjaring pembaca. Namun di lain sisi RSS feeds juga bisa berdampak buruk untuk SEO blog kita. Kenapa bisa begitu?

Seperti yang kita tahu, di zaman sekarang banyak sekali blogger-blogger pemalas yang maunya serba instan yang sering mencuri konten-konten blog milik orang lain. Nah, RSS Feeds ini akhir-akhir ini sering digunakan oleh para pencuri konten sebagai jalan untuk mengambil konten-konten yang ada di blog kita tanpa harus susah-susah CTRL+C dan CTRL+V.
Bayangkan sob, copy paste pun sekarang sudah pada males, sekarang mainannya serba otomatis. 
Jika blog kita menjadi korban pencurian konten melalui RSS Feeds maka bisa berdampak buruk bagi blog kita karena akan mengakibatkan yang namanya konten duplikat. Nah, untuk sedikit mengatasi masalah ini, kita bisa mengoptimalkan pengaturan RSS Feeds yang ada di blogger.

Caranya sangat mudah sekali, sobat cukup masuk ke Dashboard > Setelan > Lainnya. Setelah itu sobat fokus pada bagian Umpan Situs

Pada bagian "Izinkan Umpan Blog" sobat pilih "Singkat"

Cara Memaksimalkan SEO di Blogger

Jika sobat memilih opsi ini sebenarnya akan kurang bagus bagi pembaca blog kita yang berlangganan menggunakan RSS, karena setiap kali kita update maka pembaca mau tidak mau harus membuka blog kita untuk membaca secara keseluruhan artikel yang kita publikasikan. Tapi mau gimana lagi. ini dilakukan untuk mencegah terjadinya duplikat konten gara-gara ulah pencuri konten.

Tag Meta Deskripsi

Salah satu fitur keren yang ada di blogger adalah fitur Tag meta. Fitur ini memungkinkan kita memasukan meta deskripsi blog tanpa harus memasukannya secara manual ke dalam template. Fitur ini sebenarnya sudah ada di blogger sejak awal tahun 2012 yang lalu, tapi mungkin masih banyak yang tidak tahu atau belum menggunakannya.

Untuk mengaktifkan fitur ini sangatlah mudah, sobat cukup masuk ke Dashboard > Setelan > Preferensi penelusuran. Setelah itu fokus pada bagian Tag meta dan klik "Edit". Setelah itu muncul pertanyaan "Aktifkan deskripsi penelususran?" pilih Ya. Terakhir tinggal sobat masukan deskripsi blog sobat.

Cara Memaksimalkan SEO di Blogger

Jangan lupa untuk mengklik "Simpan perubahan"

Pengalihan khusus

Fitur ini berfungsi untuk mengarahkan link yang menuju ke blog kita namun link tersebut tidak benar-benar ada alias halaman 404. Saya sendiri kurang menggunkan fitur ini, tapi di situasi tertentu fitur ini bisa sangat bermanfaat.

Sebagai contoh dalam kejadian nyata, tapi mungkin jarang terjadi, kita sedang semangat-semangatnya mencari backlink, dan karena terlalu semangat kita salah menulis link URL di social bookmarking misalnya, yang seharusnya seperti ini:

http://www.mas-sugeng.com/2014/12/ganteng-banget.html

kita salah nulis jadi:

http://www.mas-sugeng.com/2014/12/jelek-banget.html

Nah di saat seperti inilah fitur pengalihan khusus tersebut menjadi berguna. Kita bisa mengalihkan link yang salah tulis tadi ke URL yang benar. Jadi backlink yang sudah terlanjur kita taruh di social bookmarking misalnya menjadi tidak sia-sia.

Untuk cara menggunkan fitur ini silakan sobat masuk ke Dashboard > Setelan > Preferensi penelusuran. Setelah itu fokus pada bagian Kesalahan dan pengalihan dan klik "Edit" pada Pengalihan khusus. Setelah itu tinggal sobat isi URL yg salah (Dari) dan URL yg benar(Kepada):

Cara Memaksimalkan SEO di Blogger

Jangan lupa centang "Permanen" agar link yang salah tersebut dialihkan secara permanen. Jika sudah klik Simpan terlebih dahulu dan klik Simpan perubahan.

Silakan sobat coba ketikan di browser

http://www.mas-sugeng.com/2014/12/jelek-banget.html

maka akan otomatis diarahkan ke

http://www.mas-sugeng.com/2014/12/ganteng-banget.html

Kedua URL tersebut memang sama-sama tidak ada, tapi yang penting sobat tahu apa yang saya maksud.

robots.txt

Untuk fitur robots.txt sebenarnya sudah pernah saya singgung di postingan cara mengatasi duplikat konten, tapi akan saya tulis ulang biar lengkap dan mantab.

Robots.txt itu apa sob? robots.txt adalah sebuah file text (.txt) di dalam sebuah halaman web yang berisi perintah-perintah halaman mana yang boleh di index dan mana yang tidak boleh diindex oleh spider mesin pencari. Untuk penjelasaan lebih bagus KLIK DI SINI.

Di blogger file robots.txt ini sudah otomatis ada dan bisa sobat lihat melalui URL ini:

http://namablogmu.blogspot.com/robots.txt 

Penampakan file robots.txt tersebut kurang lebih seperti ini:

User-agent: Mediapartners-GoogleDisallow: 

User-agent: *Disallow: /search
Allow: /Sitemap: http://namablogmu.blogspot.com/feeds/posts/default?orderby=UPDATED

Seperti yang sudah pernah saya jelaskan pada postingan saya dulu, robots.txt ini bisa kita optimalkan lebih bagus lagi untuk mencegah terjadinya duplikat konten.

Caranya masuk ke Dashboard >  Setelan > Preferensi penelusuran > Klik "Edit" pada bagian "robots.txt khusus" setelah itu akan muncul pertanyaan "Aktifkan robots.txt khusus" pilih Ya. Selanjutnya tinggal sobat masukan kode robots.txt berikut ini:

User-agent: Mediapartners-GoogleDisallow: 

User-agent: GooglebotDisallow: /search
Disallow: /?m=1Disallow: /?m=0Disallow: /*?m=1
Disallow: /*?m=0

User-agent: *
Disallow: /search


Sitemap: http://www.mas-sugeng.com/feeds/posts/default?orderby=UPDATED

Ganti http://www.mas-sugeng.com dengan URL blog sobat.

Kode robots.txt di atas bersisi perintah agar spider mesin pencari tidak mengindex halaman versi seluler yang dalam keadaan default halaman versi seluler sering ikut terindex mesin pencari dan menyebabkan duplikat konten.

Tag Meta Robot

Meta tag robot pada dasarnya fungsinya hampir sama seperti robots.txt, yaitu untuk memberitahu robot perayap halaman mana yang boleh diindex dan halaman mana ya tidak boleh. Selain itu juga ada beberapa perintah-perintah lain.

Nah fitur meta robot yang ada di blogger ini bisa kita manfaatkan untuk mengatasi duplikat konten, terutama duplikat konten yang terjadi karena halaman arsip dan pencarian.

Caranya masuk ke Dashboard > Setelan > Preferensi penelusuran > Aktifkan tag header robot khusus. Selanjutnya tinggal sesuaikan seperti gambar di bawah ini:

Cara Memaksimalkan SEO di Blogger

Jangan lupa klik Simpan perubahan

Gambar Postingan

Jika sobat membuat postingan yang disertai dengan gambar maka sobat sangat disarankan untuk menggunakan fitur keren yang ada di blogger yang satu ini, yaitu fitur untuk menambahkan atribut "alt" dan "title" secara otomatis pada gambar di dalam postingan.

Caranya sangat mudah, ketika sobat memasukan gambar ke dalam postingan maka cukup klik gambarnya > klik Properties > masukan kata kunci untuk gambar tersebut:

Cara Memaksimalkan SEO di Blogger

Cara Memaksimalkan SEO di Blogger

Meta Deskripsi Postingan

Dulu sebelum adanya fitur ini, banyak sekali blogger yang menggunakan sebuah kode meta tag deskripsi otomatis untuk postingan dan sampai sekarang pun masih cukup banyak yang menggunakannya. 

Nah karena di blogger sudah ada fitur unuk memasukan meta deskripsi postingan secara manual, maka akan sangat keren jika sobat menggunakan fitur ini agar setiap postingan di blog sobat memilki meta deskipsi yang bervariasi.

Untuk menggunakan fitur ini pertama-tama sobat perlu mengaktifkan fitur tag meta deskripsi yang sudah dibahas di atas. Jika sudah mengaktifkannya maka setiap kali sobat menulis postingan, di bagian kanan akan ada menu tempat memasukan deskripsi postingan:

Cara Memaksimalkan SEO di Blogger

Tautan permanen

Fitur yang bisa disebut juga sebagai fitur custom permalink ini berguna bagi sobat yang mungkin ingin menembak kata kunci panjang atau bahasa kerennya long tail keyword. Secara default permalink di blogger hanya dibatasi sampai 6 kata, kurang lebih seperti ini:

http://www.mas-sugeng.com/2013/12/cara-memaksimalkan-seo-di-blogger-tahun.html

Jika lebih dari 6 kata, maka permalink akan otomatis terpotong dan hanya menampilkan 6 kata awal dari judul postingan. Nah, jika sobat menginginkan lebih dari 6 kata maka sobat bisa menggunakan fitur ini.

Caranya, saat sobat menulis postingan klik menu Tautan Permanen pada bagian kanan dan pilih Tautan Permanen Khusus, setelah itu tinggal sobat masukan permalink sepanjang yang sobat inginkan.

Cara Memaksimalkan SEO di Blogger


Contoh bisa sobat lihat permalink postingan ini, panjang kan?

Template Blogger

Yang terakhir untuk memaksimalkan SEO di blogger adalah template. Pemilihan template yang bagus juga dapat membantu memaksimalkan SEO di blog sobat. Banyak sekali penyedia template blogger gratis yang bagus di luar sana, tapi sangat sedikit yang bisa dibilang SEO Friendly.

Kriteria template yang bagus untuk SEO itu seperti apa sih sob? hmm.. berhubung postingan ini sudah lumayan panjang, hampir 4jam lebih saya menulis postingan ini, jadi untuk masalah template Insya Allah akan saya bahas pada postingan selanjutnya.

Mungkin hanya segitu saja yang bisa saya tulis kali ini. kurang lebihya silakan bisa sobat tambahkan.