Thursday, December 01, 2016

Tentang Mobile Friendly Dan AMP

tentang amp dan mobile friendly

Google selalu berfokus pada pengguna, dan pengalaman pengguna selalu menjadi faktor peringkat paling penting di halaman pencarian. Pengalaman pengguna ini selalu dimulai dengan waktu membuka halaman sebuah situs.
Beberapa negara di mana kecepatan internet tidak menjadi masalah, beban waktu muat halaman tergantung pada teknik dari desain halaman dan pengembangan. Setiap kali sebuah halaman web yang dimuat terlalu lama, pemilik situs secara otomatis akan kehilangan pembaca / pembeli dan juga kesempatan untuk memperoleh pendapatan dari situsnya.

Beberapa waktu lalu Google telah memperkenalkan label 'mobile-friendly' dalam hasil pencarian mobile. Label ini telah ditambahkan ke situs untuk menjamin pengalaman mobile yang baik dengan menjadi responsif. Label ini baru-baru ini telah dihapus karena Google mengatakan 85% dari semua halaman dalam hasil pencarian mobile ternyata sekarang sudah memenuhi kriteria label seluler.

Saat ini hadir perkembangan terbaru untuk meningkatkan hasil di pencarian mobile dan pengalaman pengguna mobile adalah Accelerated Pages Mobile (AMP) Project, yang merupakan inisiatif open source oleh google dan twitter untuk mewujudkan visi dari penerbit yang dapat membuat konten menjadi lebih optimal. AMP adalah inovasi baru untuk membangun halaman web dengan konten statis agar bisa dimuat menjadi lebih cepat.

Perbedaan antara Mobile Friendly dan AMP


Apa itu Mobile-Friendly?

Mobile-friendly adalah sebuah halaman dengan Desain Web Responsif (RWD). RWD adalah pendekatan desain web yang bertujuan untuk menyusun situs untuk memberikan tampilan yang optimal di berbagai macam perangkat baik itu komputer desktop, tablet maupun ponsel. Logikanya jika sebuah halaman dibuka dengan berbagai perangkat browser tersebut secara otomatis tampilannya akan menyesuaikan tanpa terpotong dan harus melakukan zoom maupun scroll hanya untuk melihat seluruh konten halaman.

Apa itu Accelarated Mobile Pages (AMP)?

AMP atau Accelarated Mobile Pages adalah sebuah inisiatif open source oleh Google diluncurkan pada bulan Oktober 2015. Accelarated Mobile Pages (AMP) adalah halaman super ringan yang dirancang untuk memuat secara cepat pada sebuah perangkat mobile.

Bagaimana Website Bisa Menjadi Mobile-Friendly?

Sebuah situs web dapat dibuat responsif atau mobile-friendly dengan menambahkan Media Query. Media Query sendiri adalah pengembangan teknik CSS3 yang secara otomatis akan merubah tampilan menjadi sesuai dengan perangkat yang digunakan tanpa harus merubah konten itu sendiri. Media Query memungkinkan halaman web untuk menggunakan aturan style CSS yang berbeda berdasarkan pada fitur seperti lebar, tinggi, dan warna. Media query ini berperan penting dalam pengembangan Responsive Web Design sehingga bisa menjadi mobile friendly.

Contoh bentuk Media Query:

@media only screen and (max-width: 500px) {
    body {
        background-color: lightblue;
    }
}
" Dalam bahasa css artinya Jika jendela browser lebih kecil dari 500px, warna latar belakang akan berubah menjadi lightblue "


Bagaimana Website Bisa Menjadi AMP?

Untuk mengubah website menjadi AMP anda bisa mengikuti aturan petunjuk di AMP Project , dan untuk bisa menggunakan AMP desain website juga harus Responsive atau Mobile Friendly mengingat AMP bekerja pada perangkat mobile.

Sejak 21 April 2015 lalu Mobile Friendly menjadi tolok ukur untuk peringkat website di hasil pencarian mobile. Google mulai memperluas penggunaan dari seluler sebagai sinyal peringkat dan Mobile Friendly akan terus tetap menjadi faktor peringkat di pencarian.

Bagaimana Cara Validasi halaman AMP ?

Anda dapat mengecek validasi AMP di https://validator.ampproject.org/

Bagaimana Cara Menguji Mobile Friendly ?

Anda dapat menguji seberapa mobile-friendly halaman anda di https://testmysite.thinkwithgoogle.com/intl/en-in atau https://search.google.com/search-console/mobile-friendly atau bisa juga https://varvy.com/mobile/

Kesimpulan


Dalam teknik SEO yang berkembang saat ini kecepatan loading menjadi faktor utama peringkat dihalaman pencarian khususnya Google. Baca Membuat Loading Blog Menjadi Super Cepat

Baca Selengkapnya

Monday, July 11, 2016

Loading Super Cepat Dengan Google Web Light

Google Weblight

Apa itu Google Weblight..?

GoogleWeblight adalah sebuah inisiatif dari Google untuk meningkatkan pengalaman browsing jutaan pengguna yang berada di kecepatan internet yang lambat. Biasanya untuk negara-negara seperti Indonesia, India & Brasil di mana mayoritas pengguna pada 2G atau koneksi internet sangat lambat. Fitur ini akan bekerja hanya pada perangkat Android & pada browser chrome. Setiap kali pengguna menggunakan pencarian Google di browser Chrome pada Android , dan browser mendeteksi koneksi yang lambat, versi lite dari pencarian mobile akan secara otomatis akan bekerja. Google weblight ini akan mentranskode pemuatan halaman web dengan loading super cepat hingga 80%.

Cara kerja dari google weblight ini adalah menggunakan sistem render lebih cepat dari halaman web yang akan membantu jutaan pengguna di seluruh negara-negara kurang berkembang & berkembang untuk menelusuri lebih halaman, dan mengurangi masalah kecepatan loading halaman.

Sebagai contoh ini adalah hasil uji saya menggunakan koneksi lebih lambat 2G Mobile di sini, Jika anda ingin mengujinya bisa di Web Page Test

Alternatif lain untuk melihat tampilan halaman di Google Weblight  anda bisa mengunjungi link Google Weblight ini dan masukkan url yang ingin di lihat tampilannya.

Apa Artinya GoogleWeblight  Bagi Blogger?

Sebagai seorang blogger Anda perlu tahu bahwa ketika pengguna akan mengunjungi situs Anda melalui pencarian Google dengan perangkat Chrome android browser, maka pengguna akan melihat versi lite dari halaman web Anda. Semua elemen web maupun blog baik CSS, jQuery maupun Javascript akan dihapus ( kecuali Script Google Adsense ) dan pengguna hanya akan disajikan dengan konten saja. Jadi bagi yang memonetize blognya dengan google adsense akan tetap ditampilkan meskipun tampilanya akan berubah jadi acak - acakan dan tidak sesuai dengan tampilan halaman aslinya.

Baca juga Membuat Loading Blog Menjadi Super Cepat

Baca Selengkapnya

Sunday, June 19, 2016

Test Mobile Friendly Di Think With Google

Think with Google

Seiring bertambahnya pengguna mobile smartphone sebagai sarana akses internet saat ini Google telah mengeluarkan sebuah tool baru benama Think With Google untuk menguji kecepatan dan kesempurnaan tampilan halaman pada versi mobile ( Mobile Friendly ). Secara umum untuk score hasil pengujian pada tool ini masih sama dengan Google Pagespeed Insight yaitu menampilkan jumlah hasil maksimal 100/100.

Baca juga Menguji Pagespeed di Gift Of Speed

Fungsi utama dari tool ini adalah untuk menguji seberapa Mobile Friendly kah halaman jika diakses menggunakan mobile device. Tool ini sebagai pengembangan dari Mobile Friendly Test dengan tampilan dan hasil yang lebih detil menggunakan score nilai.

Bagi anda yang ingin mencoba tool baru ini silakan kunjungi Test My Site untuk melihat seberapa mobile friendlykah halaman anda di perangkat mobile. Jika anda ingin melihat secara detail tentang hasil test silakan klik Get My Free Report kemudian masukkan alamat emailnya. Dalam waktu 24 jam google akan mengirimkan hasilnya ke email yang kita masukkan tadi

Jadi berapakah score Mobile Friendly anda ?

Hasil Test diThink with Google

Baca juga Cara Membuat Loading Blog Menjadi Super Cepat
Baca Selengkapnya