Data Web Inti: Panduan Lengkap untuk Mengoptimalkan

Baiklah, baiklah, Google melakukannya lagi tapi kali ini, kita semua untuk itu. Beberapa tahun yang lalu (2020), Google mengumumkan sistem metrik baru yang bertujuan untuk fokus pada pengalaman pengguna dalam hal interaksi halaman web. Metrik ini disebut sebagai Data Web Inti .

Pada dasarnya, Core Web Vitals (CWV) adalah metrik yang mempertimbangkan kinerja dan pengalaman halaman, serta berdampak langsung pada peringkat SEO. Jika situs web Anda cepat, tidak rusak, elemen tidak bergerak secara tidak tepat saat dirender, dan praktik terbaik SEO diikuti, kemungkinan besar Anda akan memiliki skor CWV yang lebih tinggi.

Karena pembaruan ini berdampak langsung pada hasil SEO Anda, CWV adalah metrik yang sangat penting untuk diperhatikan untuk melihat bagaimana pengaruhnya terhadap SEO Anda.

Apa Itu Google Core Web Vitals?

Sebelum dokter membuat diagnosis atau bahkan menyelami gejala Anda, tanda-tanda vital Anda diambil.

Demikian pula, ukuran Core Web Vitals Google adalah metrik paling dasar yang perlu berfungsi dengan baik sebelum metrik lainnya ditangani. Setelah data vital inti dalam kondisi prima, Anda dapat masuk ke Data Web Pengalaman Halaman lainnya.

Perlu diingat bahwa Data Web Inti tidak semuanya merupakan metrik pengalaman pengguna dan tidak memberikan gambaran menyeluruh tentang UX situs web Anda. Namun, mereka sangat penting bagi keseluruhan kinerja situs Anda sehingga disertakan dalam semua alat populer Google. Data Web Inti ini berasal dari data lapangan, artinya mereka menggunakan data aktual dan bukan simulasi.

Data Web Inti: Inti Masalah

Anda pernah mendengar bahwa Core Web Vitals, atau CWV , ditemukan di sebagian besar alat Google, tetapi dari mana informasi tersebut berasal dan apa yang diukurnya?

Senang Anda bertanya!

Data Web Inti adalah bagian dari laporan gabungan yang disebut Laporan Pengalaman Pengguna Chrome, atau CrUX. Dari laporan itu, Anda dapat mengetahui bagaimana kinerja CWV situs Anda dan mendapatkan wawasan lain tentang keseluruhan UX.

Jadi apa saja "Data Web Inti" yang dilihat Google sebagai bagian penting dari situs web yang berjalan lancar dan pengalaman pengguna yang baik? Faktor peringkat Data Web Inti terdiri dari tiga komponen utama UX: waktu pemuatan, interaktivitas, dan stabilitas visual . Ini diukur menggunakan tiga metrik berikut:

• Contentful Paint (LCP) Terbesar
• Penundaan Input Pertama (FID)
• Pergeseran Tata Letak Kumulatif (CLS )

Mari selami lebih dalam tentang apa masing-masing dari ketiga komponen ini dan apa yang dapat Anda lakukan untuk memperbaikinya bila diperlukan.

CAT KONTEN TERBESAR (LCP)

Itu seteguk, kami tahu, dan bukan istilah yang sepenuhnya intuitif. Ini pada dasarnya mengacu pada waktu buka halaman yang terlihat untuk pemirsa. Jadi dari saat sebuah tautan diklik, hingga saat elemen terbesar, gambar, atau blok teks pada layar yang terlihat dimuat, dihitung sebagai LCP pada halaman tersebut.

Tidak ada apa pun di paro bawah yang diperhitungkan saat ini.

LCP terbaik adalah 2,5 detik atau kurang. Halaman dengan waktu muat yang cepat, kami tahu, biasanya berperingkat lebih tinggi di Google, tetapi juga memberikan UX yang jauh lebih baik–dengan tingkat konversi dan keterlibatan yang lebih baik (dan kami tahu bahwa GA4 menyukai keterlibatan!).

PENUNDAAN INPUT PERTAMA (FID)

Metrik ini mengukur waktu yang dibutuhkan elemen halaman untuk merespons masukan pengguna. Itu bisa berupa formulir, widget, ubin yang dapat diklik, atau tarik-turun akordeon. Penyempurnaan ini dapat membuat halaman lebih menarik dan menghibur, menyajikan konten dengan lebih kreatif, namun, mereka juga dapat menambah kelambatan.

melalui GIPHY

Semakin lama elemen merespons perintah, semakin rendah skor FID Anda. Karena data ini hanya dapat diukur di lapangan (atau dengan data pengguna sebenarnya), pengukuran dipengaruhi oleh kecepatan internet dan kemampuan perangkat.

Menjaga waktu respons antara 0 dan 100 md akan memberi Anda skor FID terbaik.

PERGESERAN LAYOUT KUMULATIF (CLS)

Ya, frase gondrong dan non-intuitif lainnya dengan kepentingan nyata di baliknya. Ini adalah skor yang diberikan berdasarkan angka, untuk menunjukkan seberapa stabil situs Anda secara visual saat sedang dimuat.

Pernahkah Anda membuka situs atau halaman dan mengklik tautan atau elemen, tetapi secara tidak sengaja mengklik hal yang salah karena halaman tersebut tidak dimuat sepenuhnya dan elemennya belum berada di tempat yang seharusnya? Ya. Kami benci ketika itu terjadi!

Untuk memastikan Anda tidak termasuk dalam daftar nakal CWV, pastikan skor Anda kurang dari 0,25 (kurang dari 0,1 adalah yang terbaik).

Data Inti Web Anda hanya sekuat tautan terlemah Anda!

Artinya, jika skor Anda "buruk" pada salah satu dari tiga metrik dalam laporan Data Inti Web, skor keseluruhan Anda juga buruk–jadi pastikan untuk sering melakukan pemeriksaan Data Web Inti!

Di Mana Saya Dapat Menemukan Laporan Data Web Inti Saya?

Anda dapat mengakses data untuk Data Web di semua alat Google paling populer:

Laporan penting lainnya yang memuat laporan CWV di dalamnya adalah Page Experience Report yang bisa dilihat di Google Search Console.

SIAPAPUN DAPAT MELAKUKAN PEMERIKSAAN VITAL WEB INTI

Sementara seorang perawat atau dokter harus mengambil tanda vital Anda dalam pengaturan medis, Google telah mencoba membuat Data Web Inti dapat diakses oleh siapa saja yang tertarik untuk menjaga kesehatannya. Anda tidak perlu menjadi orang IT atau pengembang web untuk memahami dasar-dasar Data Web Inti Google.

Data Web Inti Google dan alat pengembang yang melaporkan dan mengujinya dimaksudkan untuk mengungkap masalah yang mungkin tampak "terlalu teknis untuk disentuh". Siapa pun yang mengerjakan, memiliki, atau mengembangkan situs ini dapat memahami apa itu Data Web Inti dan cara menguji serta menyempurnakannya.

Sangat disarankan untuk melihat skor seluler dan desktop Anda untuk membuat rencana tindakan. Ingat saja, Google adalah mesin telusur pengindeksan yang memprioritaskan seluler, artinya ia akan merayapi situs seluler sebelum situs desktop. Prioritas Anda harus ditetapkan pada versi seluler daripada desktop meskipun keduanya penting.

Cara Meningkatkan Data Web Inti

Mari kita bicara tentang bagaimana Anda dapat menilai dan meningkatkan skor Anda saat berada di posisi merah (atau bahkan kuning).

Meskipun kumpulan data yang diambil dari laporan CrUX adalah data lapangan, Anda dapat menguji halaman dan aplikasi Anda menggunakan alat sumber terbuka yang dikembangkan oleh Google bernama Lighthouse. Ini benar-benar gratis dan terpasang di Chrome di bawah area DevTools Anda. Sebaiknya gunakan jendela pribadi atau penyamaran untuk menjalankan laporan Lighthouse agar ekstensi tidak mengganggu pengalaman yang disimulasikan.

Informasi lebih lanjut tentang Mercusuar di sini.

Disarankan langkah pertama Anda adalah mengakses laporan Anda di Google Search Console dan menentukan halaman mana yang mungkin memerlukan bantuan. Laporan Data Web Inti di sana mengambil data lapangan sehingga Anda tahu apa yang dialami pengguna sebenarnya. Seharusnya terlihat seperti ini:

Selanjutnya, lakukan pengujian lapangan dan lab pada halaman tersebut dengan menggunakan Google PageSpeed ​​Insights, atau PSI. Ini dapat diakses secara langsung atau melalui akun GSC Anda. Laporan akan terlihat seperti ini:

Hasil lab dan pengujian memungkinkan Anda mensimulasikan metrik dan mendapatkan umpan balik yang berharga.

Terakhir, saat Anda menggunakan alat web.dev atau Lighthouse, laporan Anda akan dilengkapi dengan item tindakan untuk Anda lakukan guna meningkatkan skor yang lebih lemah. Jika Anda memerlukan sedikit bantuan lagi, web.dev/measure akan menggunakan data PageSpeed ​​Insights (PSI) untuk memberi Anda daftar codelab dan panduan yang diprioritaskan agar Anda dapat dioptimalkan.

Item tindakan tersebut adalah bagaimana Anda dapat mulai meningkatkan CWV Anda!

Beberapa hal akan menyebabkan malas memuat gambar Anda di paro bawah, mengoptimalkan JavaScript dan CSS, mengompresi ukuran file gambar, memperbaiki elemen pada halaman yang menyebabkan masalah CLS. Laporan Lighthouse Google menjabarkan semua yang perlu Anda lakukan untuk meningkatkan skor Anda.

Berikut adalah daftar masalah paling umum yang dimiliki situs web dengan skor CWV rendah:

• Kesalahan pergeseran tata letak kumulatif umum seperti gambar tidak diskalakan dengan lebar dan tinggi secara eksplisit
• Gambar di luar layar tidak dimuat dengan lambat
• Gambar tidak disajikan dalam format generasi berikutnya (WebP, AVIF, JPEG 2000, dll.)
• JavaScript yang tidak digunakan sedang berjalan
• Sumber daya pemblokiran render sedang berjalan
• Perlu meminimalkan pekerjaan utas utama
• Perlu mengurangi waktu respons server awal

Ini menjadi lebih dalam dari ini ketika Anda mencoba untuk benar-benar memecahkan masalah yang menyebabkan kesalahan. Bisa jadi template Anda, CMS, plugin, atau sejumlah masalah lainnya. Apa pun masalahnya, setelah Anda memperbaiki masalah, lacak seberapa besar pengaruhnya terhadap skor kinerja CWV Anda dengan mengosongkan cache dan menjalankan halaman melalui laporan CWV lain menggunakan salah satu alat yang tercantum sebelumnya.

Itu intinya! Setelah Anda memiliki laporan diagnostik/peluang, Anda hanya mencoba mencari tahu bagian halaman mana yang menyebabkan masalah yang paling berdampak.

Namun, sebagai agen pemasaran, kami memiliki banyak pengalaman dengan alat Google yang membantu meningkatkan UX Anda melalui pelaporan dan pengujian. Jika Anda tertarik untuk bermitra dengan kami untuk kehadiran online, kinerja situs, konversi, ROI, dan UX yang lebih baik, kami menyambut baik kesempatan untuk berbicara dengan Anda! Dapatkan audit gratis yang dilakukan di situs web Anda hari ini!