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 Cara Membuat Website 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 Cara Membuat Website 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