Friday, 3 April 2015

Cara Membuat Template Blog SEO & Mobile Friendly

Menjelang peluncuran algoritma terbaru Google mobilegeddon pada tanggal 21 April mendatang, dimana pada algoritma baru tersebut, Google akan memberikan nilai lebih kepada blog yang memiliki tampilan template mobile Friendly atau blog yang mudah diakses dari browser mobile (handphone / smartphone).

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


Cara Membuat Template Mobile Friendly dengan Menghindari penggunaan JavaScript

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


Cara Membuat Template Mobile Friendly dengan Memperkecil Ukuran Kode 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


Cara Membuat Template Mobile Friendly dengan Tidak Memasang Iklan berlebihan

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


Cara Membuat Template Mobile Friendly dengan 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


Webmaster Mobile-Friendly Test

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.
Tolong Share artikel ini di: Komentar →

0 comments:

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.

◄ Posting Baru Posting Lama ►
 

Info Admin: Danang Novianto

Panggil saya Danto, seorang blogger dan internet marketer pemula yang dianugrahi wajah manis, berambut klimis, dan suka mringis

Copyright © 2013-2014. Belajar SEO Blog & Bisnis Online Dari Ahli dan Pakar SEO Indonesia - All Rights Reserved Editor by Belajar SEO Blogspot Powered by Blogger