Masalah Paparan Blog Melalui Smartphone (Mobile)

Adakah blog anda mempunyai sebarang masalah paparan melalui telefon pintar atau smartphone (mobile) dan tablet? Kadang kala kita tidak menyedari masalah ini sehinggalah ada insan-insan prihatin yang sudi memaklumkannya.

Sebenarnya, sejak dari minggu lepas lagi, terdapat beberapa komen tentang masalah untuk akses blog ini melalui smartphone. Agak sukar untuk mengenal pasti masalah tersebut kerana melalui beberapa cara, ianya tidak menampakkan gambaran masalah yang berlaku.

1. Melalui reponsive view - Dengan mengecilkan saiz paparan pada skrin komputer, tiada masalah yang dapat dilihat. Semua saiz dapat dipaparkan dengan sempurna
2. Melalui smartphone - Beberapa kali mencuba akses menggunakan smartphone juga tiada masalah. Melalui Samsung S3 (fully smartphone) dan Samsung Y (separa smart). Mungkin sesetengah jenis smartphone yang ada masalah kot.
3. Mobile Friendly Test - Check status melalui Google Mobile-Friendly Test. Keputusannya OK... Awesome! This page is mobile-friendly.
4. Menggunakan beberapa website yang menyediakan perkhidmatan melihat paparan di pelbagai jenis smartphone dan tablet juga tidak menunjukkan sebarang masalah.

Takkan nak tukar paparan guna setting Mobile template view pula... Kalau begitu, tiada maknalah menggunakan responsive template! Bingung juga... Bagaimana nak atasi masalah yang sendiri tidak ketahui apa masalahnya.

Namun semalam, dengan secara tidak sengaja semasa membuat semakan lagi di Google Mobile-Friendly Test, barulah perasan akan paparan di smartphone tersebut nampak pelik. Sebelum ini tak kesah sangat sebab yang penting keputusannya...Awesome! This page is mobile-friendly.

Jelas sangat kejahilannya...hehe

Bila dah terlihat masalah, apa lagi... masa untuk mencari punca masalah. Punyalah susah mencari punca masalah sehingga pening kepala mengodek-godek dan mengedit code css HTML untuk paparan responsive tu! Tanpa disedari sehingga hampir pukul 3 pagi... namun masih tidak jumpa akan punca masalahnya.

Hari ini sambung lagi... tetapi yakin, ianya bukan sebab kesalahan code css responsive. Nah! Tak sampai 10 minit dah jumpa... Rupa-rupanya ada sedikit kesilapan pada meta tag untuk viewport!

Setelah code meta tag tersebut dibetulkan, barulah terlihat paparan yang betul apabila check semula melalui Google Mobile-Friendly Test. Barulah betul-betul...Awesome! This page is mobile-friendly.

Diharapkan semua sahabat dan tetamu dapat melayari blog ini melalui smartphone (mobile) atau tablet dengan mudah tanpa sebarang masalah lagi...

Mobile View vs Responsive

Paparan blog melalui mobile sangat penting kerana pada masa kini, lebih daripada 65 peratus sumber trafik blog adalah melalui pengguna mobile maka ianya perlu diberi perhatian yang lebih.

Pilihan untuk menggunakan Blog Mobile View adalah.yang terbaik kerana ianya pantas namun paparan kandungan adalah terhad dan kurang menarik. Maka, pilihan yang paling sesuai adalah dengan menggunakan Responsive Template.

Terlalu banyak template responsive percuma di pasaran dengan pelbagai pilihan. Paling penting selepas anda pasang, pastikan paparannya benar-benar responsive untuk semua saiz dan tidak bermasalah untuk diakses dan dilihat.

Jangan jadi macam saya... Pening kepala dibuatnya! Haha...
Terima kasih kepada mereka yang telah memaklumkan masalah ini.