Untuk itu, melalui artikel ini saya ingin mencoba berbagai pengalaman dalam membuat tampilan template blog menjadi Human & SEO Friendly. Jadi bukan hanya baik di mata Google (mesin pencari) namun juga baik di mata Pengunjung.
Tutorial ini sebenarnya dikhususkan untuk pengguna blog blogspot (blogger.com) namun untuk pengguna blog wordpress atau yang lain juga boleh menyimak sebagai tambahan informasi.
Membuat Template Blog SEO & Mobile Friendly
Baik, mungkin langsung saja berikut beberapa hal yang harus Anda perhatikan jika ingin mengoptimalkan template blog mobile menjadi SEO Friendly.
1. Hindari Penggunaan JavaScript pada Template Mobile
JavaScript yang terlalu banyak akan membuat loading blog menjadi lambat, terlebih jika blog tersebut diakses oleh pengguna mobile yang perangkatnya belum mendukung koneksi 3G, bisa-bisa blog Anda akan langsung ditutup sebelum loading selesai.
Untuk mengatasi masalah tersebut, saya sarankan untuk menghindari penggunaan JavaScript atau jika ingin tetap menggunakan JavaScript pastikan JavaScript tersebut hanya berukuran beberapa puluhan kb saja dan tidak mencapai 100 kb, alternatif lain Anda bisa mempelajari cara mengkompress JavaScript pada poin kedua.
2. Perkecil Ukuran CSS, HTML dan JavaScript
Ukuran kode CSS, HTML atau JavaScript memang tidak begitu besar, namun untuk mendapatkan hasil maksimal, kita tetap harus mengkompressnya atau dalam bahasa inggris disebut mintify, caranya dengan menggunakan extension PageSpeed Insights Chrome Extension yang bisa Anda unduh secara gratis di Chrome Web Store.
Untuk mendapatkan hasil file dengan ukuran yang lebih kecil / daya kompres yang lebih maksimal, bisa dikolaborasikan dengan YUI Compressor.
Dengan mengkompres kode-kode tersebut, load blog dijamin akan lebih cepat, karena ukuran kode CSS, HTML ataupun JavaScript yang akan di render lebih kecil dari sebelumnya.
3. Jangan Memasang Iklan Terlalu Banyak Pada Header
Lebih tepatnya jangan memasang iklan dengan ukuran yang terlalu besar pada bagian header blog, karena ada istilah 'above the fold' jadi jangan sampai iklan yang Anda pasang menutupi konten / artikel yang Anda buat.
Masalah seperti ini biasanya terjadi pada template mobile, karena diameter dari template mobile yang lebih kecil dari template desktop membuat iklan yang tampil menjadi terlalu besar atau bahkan melampaui garis pembatas konten.
Ada masalah tentu ada solusi, untuk mengatasi masalah tersebut kita bisa menggunakan iklan responsive atau iklan yang mampu menyesuaikan besar kecilnya layar, jika diakses dari perangkat mobile (layar kecil) maka iklan juga akan menyusut begitu pula jika diakses melalui perangkat desktop (pc / laptop).
4. Menggunakan Template Responsive
Situs blog yang menggunakan template responsive dan tidak melakukan redirect pengguna mobile ke url lain, maka blog tersebut sudah bisa dikatakan mobile friendly.
Maksud dari 'tidak melakukan redirect' adalah menempatkan pengguna mobile pada satu halaman yang sama dengan pengguna desktop.
Contoh sederhananya, misal Anda punya blog dengan nama domain siblog.com, jangan sampai Anda membuat halaman khusus seperti mobile.siblog.com sebagai tempat untuk menampung pengguna mobile, contoh lain adalah penambahan URL ?m=1 yang digunakan oleh blogger, hal tersebut dinilai tidak mobile friendly.
Informasi ini saya dapatkan dari panduan membuat template untuk pengguna smartphone yang ditulis secara resmi oleh Google pada artikelnya yang berjudul Recommendations for building smartphone-optimized websites.
Tool Untuk Mengecek Template Mobile Friendly
Jika selama ini Anda hanya menggunakan tool Page Speed Insight dari Google untuk mengecek performa situs baik dari segi speed / user experience, maka ada kabar baik untuk Anda, karena kini Google telah meluncurkan tool baru untuk lebih mengoptimalkan tampilan template mobile menjadi lebih SEO Friendly.
Tool yang saya maksud adalah Webmaster Mobile-Friendly Test yang dikhususkan untuk memberikan pengalaman yang lebih baik bagi pengunjung blog dengan perangkat mobile.
Selanjutnya silahkan Anda baca : Cara Membuat Blog
Sebenarnya masih banyak hal-hal lain yang harus diperhatikan oleh para webmaster agar template mobile yang digunakan menjadi SEO Friendly, namun sementara itu dulu yang bisa saya bagikan, jika ada kesempatan akan saya update lagi, selamat mencoba dan selamat datang di Era Mobile Web.
0 Response to "Cara Membuat Template Blog SEO & Mobile Friendly"
Post a Comment
# Saya akan coba merespon komentar baru secepatnya.
# Harap berkomentar dengan bahasa baku tanpa singkatan.
# Komentar promosi, spam, dan komentar satu kalimat yang tidak bermutu akan saya hapus langsung.
# Jangan menggunakan nama pengomentar dengan nama yang berbau porno, judi, dan yang negatif lainnya.
# Setiap komentar akan dimoderasi secara manual sebelum muncul.