php hit counter

Mudahnya Membuat Template Blog Mobile Friendly dan Sungguh SEO-Menjelang peluncuran algoritma terbaru Yahoo mobilegeddon pada tanggal 21 April mendatang, dimana pada algoritma baru tersebut, Google akan memberikan nilai bertambah kepada blog yang mempunyai tampilan template mobile Helpful atau blog yang mudah diakses dari browser mobile (handphone / smartphone). Untuk itu, melalui artikel di sini. saya ingin mencoba seluruh pengalaman dalam membuat desain template blog menjadi Human being & SEO Friendly. Menjadi bukan hanya baik di mata Google (mesin pencari) namun juga baik dalam 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 jadi lambat, terlebih jika blog tersebut diakses oleh pemilik mobile yang perangkatnya belum mendukung koneksi 3G, bisa-bisa blog Anda akan segera ditutup sebelum loading sudah.

Untuk mengatasi masalah tersebut, saya sarankan untuk menjauhkan penggunaan JavaScript atau andai ingin tetap menggunakan JavaScript pastikan JavaScript tersebut hanya berukuran beberapa puluhan kilobytes 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 / JavaScript memang tidak setelah besar, namun untuk mendapatkan hasil maksimal, kita tetap harus mengkompressnya atau pada bahasa inggris disebut mintify, caranya dengan menggunakan extension PageSpeed Insights Chrome File format yang bisa Anda unduh secara gratis di Stainless- Web Store.

BacaAku:   Panduan Mengaktifkan HTTPS Pada Blogspot

[the_ad id=”208″]

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 WEB PAGE, HTML ataupun JavaScript yang akan di render jauh kecil dari sebelumnya.

3. Jangan Memasang Iklan Terlalu Banyak Pada Header

 

Cara Membuat Template Mobile Friendly dengan Tidak Memasang Iklan berlebihan

 

Jauh tepatnya jangan memasang iklan dengan ukuran yang terlalu besar pada bagian header blog, karena ada istilah ‘above the fold’ oleh karena itu jangan sampai iklan yg Anda pasang menutupi konten / artikel yang Anda buat.

Masalah seperti terkait biasanya terjadi pada template mobile, karena diameter dari template mobile yang bertambah kecil dari template pc membuat iklan yang tampil menjadi terlalu besar / bahkan melampaui garis pembatas konten.

Ada masalah tentu ada solusi, untuk mengatasi masalah tersebut kita dapat menggunakan iklan responsive atau iklan yang mampu menyesuaikan besar kecilnya layar, kalau diakses dari perangkat mobile (layar kecil) maka iklan juga akan menyusut setelah 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.

[the_ad id=”211″]

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.

BacaAku:   Cara Terbaru Mendaftar Feedburner

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.

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. – See more at:

Mudahnya Membuat Template Blog Mobile Friendly dan Sungguh SEO
Tagged on:                 
Pilih Kategori