Tips Ganti Template Blog

Background

Masing-masing platform blog/website memiliki karakteristik tersendiri. Demikian pula template Blogger. Ada beberapa karakteristik khusus yang menentukan bagaimana tampilan dan struktur dibangun. Memahami karakteristik tersebut merupakan salah satu persyaratan dan menjadi pertimbangan penting supaya keputusan untuk mengganti template tepat, dan proses yang dilakukan berjalan mulus sesuai harapan. Di dalam artikel ini saya akan memaparkan beberapa di antaranya sekaligus bagian dari tips blog untuk mengganti template Blogger yang tepat dan efisien.

Artikel ini saya bagi menjadi 2 Bagian:

Karakteristik & Struktur Template Blogger serta Kaitannya Dengan SEO (you're here)
Tips Mengganti Template Blog Secara Efisien dan Aman (coming soon...)

Karakteristik Template Blogger

Sebagaimana yang dulu telah saya sampaikan di dalam tips edit template Blogger, template blogger memiliki elemen-elemen pembangun seperti tag-tag HTML, CSS, Javascript, dan tag-tag XML Blogger. Semua elemen tersebut dimuat dalam satu file berformat XML. Jadi, semua fungsi pembangun sekaligus fungsi desain berada di dalam file yang sama. Itulah mengapa ketika anda mengganti template secara langsung, maka berubah pula semua struktur dan style tampilannya. Inilah yang disebut sebagai template. Sedangkan yang disebut sebagai theme (misalnya WordPress theme) terdiri dari beberapa file template, masing-masing berdiri sendiri (independen), namun saling mempengaruhi ketika dipanggil dalam sebuah tampilan halaman tertentu.

File-file khusus seperti isi post, isi widget, dan beberapa tampilan tertentu lainnya disimpan langsung dalam database di server Blogger. Perintah penampilannya menggunakan tag-tag XML khusus milik Blogger. Ada beberapa tampilan yang tidak bisa anda atur, karena merupakan setting default oleh Blogger dan kita tidak memiliki akses ke server untuk mengeditnya. Sebagai contoh adalah pesan status (status message) yang muncul di atas halaman label dan search, kita hanya mampu melakukan hack tampilan pesan status, namun tidak bisa mengubah isinya.

Itulah sebagian karakteristik penting dari template Blogger, yang nantinya cukup berpengaruh ketika anda mengganti template blog.

Struktur Template Blogger dan SEO

Telah banyak wacana mengenai mana template yang SEO friendly dan mana yang tidak SEO friendly; kebanyakan didasarkan pada ada tidaknya meta tags (meta description, meta keyword, meta author, dll). Benarkah demikian? Pernah saya melihat ada template yang dikatakan SEO friendly, setelah saya cek, di dalamnya hanya diisi oleh template meta tags yang siap diganti isinya. Cuma itu? Tidak. Tidak ada yang bisa mengukur kekuatan SEO sebuah template hanya lantaran penggunaan meta tags dan perubahan susunan title tag saja, namun yang jauh lebih penting adalah: STRUKTUR-nya.

Google search engine, melalui GoogleBot dan penerjemahannya ke dalam indeks, melihat sebuah struktur website dalam hasil akhirnya, tanpa styling, tidak seperti browser yang kemudian membaca dan menerjemahkan CSS sehingga struktur HTML kemudian "dihias" dan "disusun" berdasarkan aturan CSS. Apapun platform web/blognya, secanggih apapun itu, hasil akhirnya adalah dalam bentuk HTML. Susunan HTML dimulai dari atas dan menuju ke bawah, tidak ada samping kanan dan kiri meskipun bisa ditulis demikian (untuk menghindari white space dan memperkecil ukuran file). Demikian pulalah Google membacanya. Search engine mengabaikan javascript, CSS, frame, flash, dan sejenisnya.

<HTML>
<HEAD>
</HEAD>
<BODY>
[beberapa tag division, span, paragraph, dll yang membangun struktur dan isi halaman]
</BODY>
</HTML>

Semua informasi meta ada di dalam elemen head, dan ini sudah cukup jelas penggunaannya. Yang perlu diperhatikan adalah bagian yang ditampilkan sebagai halaman (tag body). Di dalam elemen body, terdapat berbagai tag HTML pembangun, misalnya division (div), span, dan paragraf (p). Logika membacanya adalah dari atas ke bawah. Semakin ke bawah, semakin kecil nilai penting dan relevansi konten di dalam elemen tersebut. Urut-urutan elemen-elemen inilah yang menentukan nilai penting masing-masing elemen tersebut.

Tips Memilih dan Menggunakan Template Blog Pendukung SEO

Dari pembahasan ringkas di atas, dapat saya ambil beberapa poin sekaligus tips penting mengenai memilih struktur template yang mendukung SEO:
1. Search engine mengukur nilai penting suatu konten berdasarkan posisi tag HTML-nya; semakin awal semakin besar nilainya. Hindari penggunaan template yang meletakkan sidebar di posisi paling awal sebelum kontainer post, karena yang terbaca terlebih dahulu adalah bagian tersebut. Perhatikan gambar berikut:

Secara sederhana, urutan tag HTML template A dan B pada sidebar dan post adalah:

Template A	Template B
<div class='sidebar'> beberapa elemen widget </div> <div class='post-body'> <data:post.body/> </div>	<div class='sidebar1'> beberapa elemen widget </div> <div class='post-body'> <data:post.body/> </div> <div class='sidebar2'> beberapa elemen widget </div>

Telah jelas bahwa elemen sidebar pada kedua template tersebut (sidebar dan sidebar1) akan dibaca lebih dahulu oleh search engine sebelum elemen yang sebenarnya jauh lebih penting: Post. Jadi kesimpulannya sidebar di sebelah kanan jauh lebih baik karena akan terbaca belakangan setelah bagian/elemen post.

2. Sebagai alat navigasi, menu adalah elemen yang biasanya dibangun dan diletakkan di atas atau di bawah elemen header (biasanya dalam div), ini berarti menu memiliki nilai penting yang cukup signifikan. Bagi pengunjung, menu merupakan alat navigasi dan eksplorasi. Bagi search engine, menu merupakan alat rujukan menuju halaman terdalam lainnya, fungsinya untuk memperkuat deep linking. Apabila menu tersebut dibangun dengan menggunakan javascript murni atau flash, maka sudah barang tentu tidak akan terbaca oleh search engine.

Lihat apakah menu yang disisipkan ke dalam template berupa HTML atau javascript/flash, dan pertimbangkan penggunaan template tersebut. Jika perlu ganti dengan Menu HTML dan andalkan CSS untuk memberikan desain dan efek. Menu yang memiliki struktur baik juga akan memberikan kesempatan blog/web anda mendapatkan Google Sitelinks.

3. Selain menu, lihat apakah sebagian besar widget dan elemen tambahan lain yang menjadi satu paket dengan template di-generate menggunakan javascript. Apabila widget dan elemen tambahan lain merupakan bagian penting yang bersifat navigasional (seperti menu), hindari.

4. Meskipun footer links memiliki nilai dan relevansi paling rendah, karena posisinya paling bawah, namun dapat berefek buruk pada SEO apabila memuat link-link yang berbahaya dan spammy. Ada banyak template premium gratis yang mencantumkan link di footer. Apabila memuat link website pembuat template sih tidak masalah, itu atribusi penting dan wajib. Tapi apabila ada link-link lain sebagai link sponsor, dan biasanya merujuk ke website-website tidak relevan, affilasi, dan website yang diragukan kualitasnya, maka ini berbahaya. Jangan coba-coba menghapusnya, karena anda akan melanggar ketentuan pembuat template dan creative commons (attribution) yang digunakan. Lebih baik, jangan pakai templatenya.

Pikir Dua Kali Sebelum Ganti Template Blog

Kemajuan teknologi, khususnya dalam web design, telah memudahkan kita mengganti-ganti skin, theme, atau template web/blog; semudah membalik telapak tangan! Upload, save, dan voila! Blog telah berganti rupa (kalo widgetnya gak hancur, haha). Tetapi pernahkah terpikir bahwa ada efek besar, baik maupun buruknya? perhatikan beberapa poin faktual berikut:

1. Masih berkaitan dengan struktur dan SEO, Google telah mengenali struktur blog anda dan kemudian berpatokan pada susunan struktur tersebut, baik navigasi, susunan konten, widget dan lain sebagainya. Apabila anda mengganti template, maka Google harus mencoba mengenali lagi struktur baru blog anda, dan kemudian menentukan kembali bagian-bagian terpentingnya. Ini proses yang tidak cepat.

2. Apabila template blog baru tidak memiliki kriteria struktur yang lebih baik dari template lama, maka efeknya tentu buruk bagi SEO. Blog bisa mengalami penurunan ranking dan konsekuensi lainnya. Perubahan susunan navigasi, perubahan font, widget, dll juga dapat berpengaruh pada pengunjung yang telah cukup akrab dengan struktur dan tampilan blog sebelumnya.

3. Apabila tujuan penggantian template blog adalah untuk memperbaiki desain dan struktur template lama, meningkatkan user experience, memperbaiki SEO, bersifat mendesak, dan hanya untuk satu atau dua kali saja; lanjutkan. Tapi apabila hanya sebagai bagian dari hobi berganti-ganti template blog karena tidak tahan melihat berbagai template baru, atau melihat template si A lebih menarik karena blog si A terkenal, pikirkan dua kali, atau bahkan 10 kali! Popularitas dan nilai penting blog anda tidak ditentukan oleh sekedar template, melainkan konten. Berganti-ganti template blog juga mengganggu proses membuat dan membangun blog yang efektif.

4. Berganti-ganti template terus menerus membuat struktur blog berubah-ubah sehingga search engine "bingung" menentukan struktur dan elemen penting blog anda. (further reading: baca artikel saya mengenai Konsistensi Struktur Web dan SEO)
.

5. Template blog termasuk bagian branding, apabila sering berubah, maka blog anda tidak akan memiliki brand atau identitas yang melekat. Tentukan template yang paling tepat, and stick to the template for a long time!

Sebagai garis bawah dari post mengenai template blog bagian pertama ini, yakinlah bahwa tidak ada template Blog yang benar-benar bisa dikatakan sebagai SEO friendly, sebab ada banyak faktor yang menentukan SEO friendly-nya sebuah template. Yang luput dari kita selama ini adalah, bahwa suatu blog beserta template-nya akan menjadi SEO friendly apabila didukung oleh konten. Ini yang menjadi poin nomer satu. Oleh karena itu, yang dibutuhkan bukanlah template yang katanya SEO friendly (padahal tidak), tapi kemampuan anda untuk membuat template tersebut menjadi SEO friendly.

Pernah ada beberapa yang menanyakan tentang template yang saya gunakan, karena mendengar bahwa template ini SEO friendly. Hmmm... gossip darimana itu? Ini template tahun 2008 awal, tidak ada fitur-fitur, sisipan tag, atau script yang sudah disiapkan untuk SEO. Desain awalnya pun benar-benar mentah sehingga harus melakukan berbagai kostumisasi. Ada yang bertanya juga bagaimana membuat template ini SEO friendly, apakah ada trik-trik khusus? Tidak ada, dan semua proses sudah saya geber di halaman tips SEO.

That's it for today. To be continued...

AFapps