Pengalaman Halaman Google: Pembaruan Peringkat

Artikel ini pertama kali diterbitkan pada Mei 2020, dan diperbarui pada April 2021.

Studi dan penelitian industri Google telah menunjukkan bahwa pengguna lebih memilih situs web dengan pengalaman halaman yang bagus. Google selalu melihat faktor apa yang perlu dipertimbangkan dalam hasil peringkat, seperti kecepatan memuat halaman dan keramahan seluler. Pembaruan pengalaman halaman yang akan datang memperhitungkan sejumlah faktor yang menempatkan pengguna di depan dan di tengah. 'Inti web vitals' ini akan membantu Google melayani pencari dengan konten terbaik.

Pengalaman Halaman dan Data Web Inti

Data Web Inti adalah seperangkat metrik untuk membantu pemilik situs web mengukur dimensi pengalaman pengguna seperti waktu muat, interaktivitas, dan stabilitas konten saat dimuat. Google sekarang telah memberikan detail tentang perubahan peringkat pencarian yang akan datang yang akan menggabungkan metrik pengalaman halaman ini.

Sebuah sinyal baru sedang diperkenalkan bahwa Google mengatakan 'menggabungkan Core Web Vitals dengan sinyal kami yang ada untuk pengalaman halaman untuk memberikan gambaran holistik tentang kualitas pengalaman pengguna di halaman web'.

Perubahan ini akan diluncurkan pada Juni 2021.

Selain itu, sinyal pengalaman halaman lebih lanjut akan dimasukkan setiap tahun seiring dengan berkembangnya ekspektasi pengguna dan kemampuan Google untuk mengukur lebih banyak aspek meningkat.

Peringkat Pengalaman Halaman

Jadi apa ide di balik ini? Pada dasarnya, memiliki pengalaman yang baik memungkinkan orang untuk mencapai apa yang mereka inginkan, dan pengalaman buruk dapat menghentikan seseorang menemukan informasi yang mereka cari. Google ingin tetap menjadi tempat tujuan bagi orang yang mencari informasi dan oleh karena itu Google perlu memberikan pengalaman pencarian terbaik.

Dengan menambahkan pengalaman halaman ke dalam campuran dengan semua sinyal lainnya, tujuannya adalah untuk memudahkan orang yang menggunakan situs web untuk menemukan apa yang mereka cari.

Metrik Halaman Tingkat Atas

Tiga komponen utama pengalaman halaman adalah:

• Seberapa cepat halaman dimuat?
• Seberapa cepat halaman bereaksi terhadap pengguna?
• Seberapa stabil halaman (apakah elemen melompat-lompat saat dimuat)?

Sekarang kita dapat menjalankan beberapa metrik tingkat atas untuk memecahkan kode artinya. (3 yang pertama adalah apa yang disebut sebagai 'core web vitals'.)

Vital Web Inti

• Cat konten terbesar (LCP) - metrik ini mencari gambar atau blok teks terbesar. Ini mengukur berapa lama waktu yang dibutuhkan untuk memuat item itu ke dalam viewport. Ini bisa berupa gambar pahlawan atau sebagian besar teks. (Idealnya ini harus kurang dari atau sama dengan 2,5 detik.)

• Pergeseran tata letak kumulatif (CLS) - metrik ini mengukur stabilitas visual. Dengan kata lain, ini mengukur seberapa banyak konten bergeser saat halaman dimuat sehingga sulit untuk membaca atau melihat konten. (Anda ingin ini kurang dari atau sama dengan 0,1.)

• Penundaan input pertama (FID) - ini mengacu pada seberapa cepat halaman merespons pengguna (misalnya setelah mengklik tombol). Kurang dari atau sama dengan 100ms sangat ideal untuk yang satu ini.

Metrik berikut juga perlu diingat sebagai pengukuran yang berguna untuk efektivitas halaman:

• First contentful paint (FCP) - metrik ini mengukur berapa lama waktu yang dibutuhkan untuk memuat teks di paruh atas. Ini adalah konten yang Anda lihat tanpa perlu menggulir. Terlalu banyak font dan file font besar akan mempengaruhi skor ini. Seperti akan memperlambat pemuatan font dari sumber eksternal.

• Indeks kecepatan (SI) - metrik ini mencatat ketika perubahan visual berhenti di paruh atas. Itu berarti video dan gambar pahlawan semuanya memengaruhi skor indeks kecepatan.

• Waktu untuk interaktif (TTI) - metrik ini mengukur berapa lama waktu yang dibutuhkan halaman untuk siap menerima input pengguna. Aplikasi yang terlambat dimuat dan skrip pelacakan atau analitik akan memengaruhi metrik ini.

• Total waktu pemblokiran (TBT) - metrik ini seperti TTI, tetapi mengukur jumlah total waktu pemblokiran di halaman. Ini mengacu pada pengguna yang tidak dapat mengklik elemen atau menggulir halaman.

Penting untuk diingat bahwa web vital inti ini bukanlah satu-satunya cara situs Anda akan dinilai. Ada banyak, banyak faktor yang diperhitungkan oleh Google saat mengevaluasi halaman Anda. Meskipun penekanan di sini tentu saja adalah pengalaman pengguna, Google telah mengatakan bahwa memiliki konten yang bagus akan tetap menjadi pertimbangan yang lebih penting: Google akan mencari peringkat halaman dengan informasi keseluruhan terbaik, bahkan jika pengalaman halaman bukanlah yang terbaik dari yang terbaik.

Google belum mengatakan berapa banyak bobot masing-masing faktor, tetapi mereka telah mengkonfirmasi 'pengalaman halaman yang baik tidak mengesampingkan memiliki konten yang bagus dan relevan.' Namun, jika semua faktor lainnya sama, pengalaman halaman dapat menjadi faktor penentu visibilitas Anda.

Pembaruan Search Console

Google telah menambahkan bagian baru ke Search Console yang disebut 'Core Web Vitals' yang melaporkan kinerja situs Anda terhadap metrik 'Page Experience' baru ini. Laporan ini akan memberi tahu Anda di mana Anda perlu meningkatkan dan bagaimana menerapkan peningkatan tersebut.

Google telah memperbarui alatnya seperti Lighthouse dan PageSpeed ​​Insights untuk memungkinkan pemilik situs web mengukur kinerja mereka sendiri dengan lebih baik dan meningkatkan pengalaman halaman bagi pengunjung mereka. Bagian kami tentang audit kecepatan situs web memberikan gambaran yang baik tentang berbagai alat yang dapat Anda gunakan, ditambah manfaat dan keterbatasannya dalam hal menilai situs Anda.

Cara Mempersiapkan Data Web Inti (tidak semua berlaku untuk toko Shopify)

1 cat contentful terbesar (LCP)

Masalah Potensial: Waktu respons server lambat

Solusi

a) Aset cache - jika HTML Anda statis, menyimpannya dalam cache dapat mencegahnya dibuat ulang saat tidak diperlukan, sehingga mengurangi penggunaan sumber daya.

b) Merutekan pengguna ke CDN - jaringan pengiriman konten menggunakan server di banyak lokasi di seluruh dunia, yang menghilangkan masalah pengguna yang mengalami situs yang lebih lambat karena jauh dari satu server.

Masalah Potensial: Waktu pemuatan sumber daya yang lambat

Solusi

a) Optimalkan dan kompres gambar Anda menggunakan tinypng - ini mengurangi ukuran file tanpa mengorbankan kualitas, sehingga memuat lebih cepat tetapi tetap terlihat bagus.

b) Gunakan CDN gambar - ini akan mengurangi muatan gambar, mengirimkan gambar yang disesuaikan dengan setiap perangkat yang memintanya, dan mengirim gambar dari tepi jaringan.

Masalah Potensial: Render sisi klien

Solusi

a) Perkecil JavaScript Anda dan tunda JavaScript yang tidak digunakan

b) Gunakan rendering sisi server jika memungkinkan

Masalah Potensial: JavaScript dan CSS

Solusi

a) Perkecil CSS Anda - File CSS sering kali berisi karakter agar lebih mudah dibaca tetapi tidak diperlukan untuk browser. Meminimalkan mereka menghapusnya dan membersihkannya sehingga akan meningkatkan waktu yang dibutuhkan untuk merender halaman.

b) Unduh dan sajikan jumlah minimal JavaScript yang diperlukan kepada pengguna. Mengurangi jumlah pemblokiran JavaScript berarti rendering yang lebih cepat dan karenanya LCP yang lebih baik.

2 Pergeseran tata letak kumulatif (CLS)

Masalah Potensial: Pergeseran tata letak yang tidak terduga

Solusi

a) Sertakan atribut ukuran pada aset seperti video dan gambar, sehingga browser mengalokasikan jumlah ruang yang sesuai untuk objek sebelum dimuat.

b) Pastikan konten yang disuntikkan secara dinamis hanya disisipkan di bawah konten yang ada sehingga tidak memicu perubahan tata letak yang tidak terduga.

3 Penundaan input pertama (FID)

Masalah Potensial: Browser tidak merespons pengguna dengan cepat (mungkin karena masih menjalankan JavaScript)

Solusi

a) Memecah kode yang sudah berjalan lama menjadi tugas-tugas yang lebih kecil. Tugas yang panjang membuat halaman tidak responsif saat menangani tugas. Memisahkan ini menjadi bagian yang lebih mudah dikelola dapat membantu mengurangi penundaan input.

b) Kurangi waktu eksekusi JavaScript lebih lanjut dengan menunda JS yang tidak digunakan. Jika browser tidak memerlukan kode untuk merender halaman, tunda - ini berarti halaman siap untuk interaksi pengguna dengan lebih cepat.

Jika Anda memerlukan dukungan untuk memastikan SEO, konten, atau situs web Anda mematuhi pedoman terbaru, hubungi kami dan pakar desain, pengembangan, dan SEO Shopify kami akan dengan senang hati membicarakan bagaimana kami dapat membantu.