Cara Membuat Template Blog SEO & Mobile Friendly

label
Menjelang peluncuran algoritma terbaru Google mobilegeddon pada tanggal 21 April mendatang, dimana pada algoritma gres tersebut, Google akan memperlihatkan 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 aku ingin mencoba banyak sekali pengalaman dalam membuat tampilan template blog menjadi Human & SEO Friendly. Kaprikornus bukan hanya baik di mata Google (mesin pencari) namun juga baik di mata Pengunjung.

Tutorial ini bergotong-royong dikhususkan untuk pengguna blog blogspot (blogger.com) namun untuk pengguna blog wordpress atau yang lain juga boleh menyimak sebagai perhiasan informasi.

Membuat Template Blog SEO & Mobile Friendly


Baik, mungkin eksklusif saja berikut beberapa hal yang harus Anda perhatikan jikalau 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 jikalau blog tersebut diakses oleh pengguna mobile yang perangkatnya belum mendukung koneksi 3G, bisa-bisa blog Anda akan eksklusif ditutup sebelum loading selesai.

Untuk mengatasi problem tersebut, aku sarankan untuk menghindari penggunaan JavaScript atau jikalau 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 aba-aba CSS, HTML atau JavaScript memang tidak begitu besar, namun untuk menerima hasil maksimal, kita tetap harus mengkompressnya atau dalam bahasa inggris disebut mintify, caranya dengan menggunakan extension PageSpeed Insights Chrome Extension yang bisa Anda download secara gratis di Chrome Web Store.

Untuk menerima 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, alasannya yaitu ukuran aba-aba 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 bab header blog, alasannya yaitu ada istilah 'above the fold' jadi jangan hingga iklan yang Anda pasang menutupi konten / artikel yang Anda buat.

Masalah menyerupai ini biasanya terjadi pada template mobile, alasannya yaitu diameter dari template mobile yang lebih kecil dari template desktop membuat iklan yang tampil menjadi terlalu besar atau bahkan melampaui garis pembatas konten.

Ada problem tentu ada solusi, untuk mengatasi problem tersebut kita bisa menggunakan iklan responsive atau iklan yang bisa menyesuaikan besar kecilnya layar, jikalau diakses dari perangkat mobile (layar kecil) maka iklan juga akan menyusut begitu pula jikalau 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 melaksanakan redirect pengguna mobile ke url lain, maka blog tersebut sudah bisa dikatakan mobile friendly.

Maksud dari 'tidak melaksanakan redirect' yaitu menempatkan pengguna mobile pada satu halaman yang sama dengan pengguna desktop.

Contoh sederhananya, misal Anda punya blog dengan nama domain siblog.com, jangan hingga Anda membuat halaman khusus menyerupai mobile.siblog.com sebagai daerah untuk menampung pengguna mobile, teladan lain yaitu penambahan URL ?m=1 yang digunakan oleh blogger, hal tersebut dinilai tidak mobile friendly.

Informasi ini aku 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, alasannya yaitu kini Google telah meluncurkan tool gres untuk lebih mengoptimalkan tampilan template mobile menjadi lebih SEO Friendly.

Tool yang aku maksud yaitu Webmaster Mobile-Friendly Test yang dikhususkan untuk memperlihatkan 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 semoga template mobile yang digunakan menjadi SEO Friendly, namun sementara itu dulu yang bisa aku bagikan, jikalau ada kesempatan akan aku update lagi, selamat mencoba dan selamat datang di Era Mobile Web.
Share This :

Related Post



sentiment_satisfied Emoticon