Apa Itu Core Web Vitals? + Cara Meningkatkan Milik Anda

Lama berlalu adalah hari-hari internet dial-up ketika halaman web dimuat baris demi baris.

Pengguna internet saat ini mengharapkan respon yang instan, dengan 93% orang meninggalkan situs web karena tidak dimuat dengan benar. Tidak ada yang membuang waktu untuk pengalaman yang buruk.

Untuk meningkatkan pengalaman online, Google merilis Vital Web Inti – serangkaian metrik untuk membantu pemilik situs mengukur kecepatan, daya tanggap, dan stabilitas visual halaman mereka.

Laporan Core Web Vitals memberi Anda wawasan tentang kinerja halaman, sehingga Anda dapat meningkatkan pengalaman situs Anda dan memberi tahu bot Google bahwa itu layak untuk mendapatkan peringkat pencarian yang tinggi.

Tetapi mengapa kecepatan dan pengalaman pengguna penting bagi bisnis Anda?

• Jika waktu muat halaman meningkat dari 1 detik menjadi 3 detik, rasio pentalan meningkat 32%.

• Jika waktu muat halaman meningkat dari 1 detik menjadi 6 detik, rasio pentalan meningkat 106%. (Google)

Rasio pentalan yang tinggi merugikan laba Anda. Calon pelanggan hanya akan beralih ke situs pesaing jika situs Anda lambat memuat.

Tetapi jika Anda mempelajari metrik apa yang harus dicapai dan mulai meningkatkan halaman Anda, Google akan memberi Anda peringkat yang lebih baik – dan Anda akan menciptakan pengalaman yang lebih menyenangkan bagi calon pelanggan.

Untuk melakukannya, Anda perlu memahami metrik yang membentuk Core Web Vitals:

• Cat Isi Terbesar (LCP) mengukur performa pemuatan halaman. Ini mempertimbangkan jumlah waktu yang diperlukan untuk memuat konten terbesar (biasanya video, gambar, atau blok teks) dari saat pengguna meminta URL. Google merekomendasikan situs pertahankan LCP di bawah 2,5 detik agar 75% halamannya dimuat.
• Penundaan Input Pertama (FID) mengukur interaktivitas halaman. Ini adalah waktu antara tindakan (pikirkan, mengklik tombol atau link) hingga browser merespons tindakan itu. Pengukuran FID berasal dari elemen apa pun yang diklik terlebih dahulu, mengubah halaman dari statis menjadi interaktif. Daya tanggap sangat penting untuk membuat kesan pertama yang baik dengan pengunjung dengan menunjukkan bahwa situs Anda dapat diandalkan dan berjalan dengan lancar. Google merekomendasikan situs pertahankan FID di bawah 100 milidetik untuk 75% pemuatan halaman.
• Pergeseran Tata Letak Kumulatif (CLS) mengukur semua pergeseran tata letak yang terjadi di seluruh halaman. Ini dinilai dari nol (tidak bergeser) ke angka positif (lebih bergeser). Penyebab umum pergeseran adalah iklan spanduk tarik-turun, tombol yang muncul, atau gambar yang menyebabkan blok teks bergerak. Semua ini berkontribusi pada pengalaman pengguna yang negatif, itulah mengapa penting untuk mengurangi perubahan yang terjadi di situs Anda. Google merekomendasikan situs bidik skor CLS 0,1 atau kurang.

Sumber gambar

Dengan menganalisis jutaan halaman, Google menemukan itu pengguna 24% lebih kecil kemungkinannya untuk meninggalkan halaman yang dimuat saat situs memenuhi persyaratan di atas. Jika Anda ingin tahu lebih jelasnya, lihat penelitian di baliknya Menentukan ambang metrik Core Web Vitals.

Cara Meningkatkan Vital Web Inti

Hal pertama yang pertama, Anda memerlukan metrik dasar untuk situs Anda. Ikuti langkah-langkah berikut untuk mempelajari titik awal Anda:

1. Hubungkan URL Anda ke Google PageSpeed ​​Insights alat.
2. Klik ‘Analisis’.
3. Periksa kinerja Anda. Label “Buruk”, “Perlu perbaikan”, dan “Baik” diberikan ke URL Anda di seluler dan desktop. Beralih di antara keduanya di pojok kiri atas halaman.

Inilah tampilannya ketika saya menjalankan analisis di HubSpot.

Sumber gambar

Anda dapat melihat versi desktop berkinerja lebih baik daripada seluler, yang umum. Dalam sebuah penelitian terhadap lima juta halaman, Backlinko menemukan bahwa file rata-rata laman web membutuhkan waktu 87,84% lebih lama untuk dimuat di seluler versus desktop. Beberapa faktor utama yang memengaruhi kecepatan: jenis CMS, CDN dan hosting, serta bobot halaman.

Jika URL Anda tidak memiliki cukup data untuk metrik Core Web Vitals tertentu, Anda tidak akan melihat metrik tersebut muncul di laporan. Setelah URL Anda memiliki cukup data, status halaman Anda akan mencerminkan metrik yang berperforma paling buruk.

Memperbaiki Masalah di Core Web Vitals

Diperlukan kerja keras untuk meningkatkan kinerja laman Anda, tetapi Anda dapat mulai mengatasi masalah dengan pendekatan langkah demi langkah.

1. Prioritaskan masalah menurut label: Tangani semua yang berlabel “Buruk” terlebih dahulu. Kemudian, pilih pekerjaan Anda berdasarkan masalah skala besar yang memengaruhi jumlah URL tertinggi atau URL terpenting. Berikutnya adalah masalah dengan label “Needs Improvement”.
2. Buat daftar: Buat daftar pekerjaan yang diprioritaskan untuk tim yang akan memperbarui situs. Sertakan perbaikan halaman umum ini sebagai referensi:

• Kurangi ukuran halaman hingga kurang dari 500KB.
• Batasi setiap halaman hingga 50 sumber daya untuk kinerja seluler yang optimal.
• Pertimbangkan untuk mengoptimalkan halaman Anda untuk memuat cepat menggunakan AMP.

3. Bagikan perbaikan umum: Setiap metrik Core Web Vitals memiliki banyak cara untuk meningkatkan ambang batas. Di bawah ini, saya telah menguraikan alasan dasar untuk status “Buruk” dan bagaimana masing-masing dapat diperbaiki.

Meningkatkan LCP dipengaruhi oleh waktu respons server lambat, rendering sisi klien, JavaScript dan CSS yang memblokir render, dan waktu muat sumber daya yang lambat. Anda dapat bertujuan untuk meningkatkan LCD dengan mengoptimalkan setiap elemen situs berikut:

Meningkatkan FID adalah tentang mengukur seberapa cepat situs Anda menanggapi tindakan pengguna. Di sini, Anda ingin memperbaiki pengalaman pertama yang buruk yang dialami orang pada suatu laman. Untuk melihat cara meningkatkan ambang FID Anda dan memeriksa bagaimana pengguna berinteraksi dengan situs Anda, Anda dapat menjalankan audit kinerja dengan Chrome Mercu suar alat. Anda juga dapat mencoba penyesuaian berikut untuk meningkatkan skor Anda.

Meningkatkan CLS dan mengurangi perubahan tak terduga dilakukan dengan mengikuti beberapa praktik terbaik. Ucapkan selamat tinggal pada spanduk yang tidak stabil dan klik iklan yang tidak disengaja.

• Sertakan atribut ukuran atau Kotak rasio aspek CSS untuk gambar dan video. Angka-angka ini memberi tahu browser berapa banyak ruang yang harus dialokasikan untuk elemen halaman saat dimuat, yang mencegah pergeseran saat elemen menjadi terlihat.
• Jangan menambahkan konten di atas konten yang sudah ada. Satu-satunya pengecualian adalah jika itu sebagai respons terhadap tindakan pengguna yang diperkirakan akan terjadi pergeseran.
• Berikan konteks untuk transisi. Semua animasi dan transisi dalam tata letak harus memiliki konteks dan kontinuitas jika Anda memindahkan pengguna dari satu bagian halaman ke bagian lain.

Jika Anda merasa masalah tertentu telah diperbaiki, Anda dapat memeriksa apakah ambang batas Anda telah meningkat di laporan Vital Web Inti Search Console. Klik “Mulai Pelacakan” untuk meluncurkan 28-hari sesi validasi yang memantau situs Anda untuk mencari tanda-tanda masalah. Jika tidak muncul selama waktu itu, anggap saja sudah diperbaiki.

Seperti semua faktor peringkat, iblis ada dalam detailnya. Jika Anda seorang pengembang atau teknisi yang haus akan informasi lebih lanjut tentang mengoptimalkan Vital Web Inti, lihat panduan Google untuk mengoptimalkan LCP, FID, atau CSL.

Timeline untuk Pemeringkatan Vital Web Inti

Core Web Vitals akan dimasukkan dalam peringkat Google Penelusuran mulai Mei 2021. Mereka awalnya mengumumkan rencana pembaruan pada Mei 2020 tetapi menunda rilis karena dampak global COVID-19.

Dan, sebagai Dave Brong, CTO WebMechanix, menunjukkan, “Core Web Vitals adalah ‘web 3.0’ yang dihadapi oleh generasi pakar SEO dan pengembangan web kami.”

“Dengan mengalihkan fokus dari metrik tingkat server yang tipis dan lebih banyak lagi ke pengalaman pengguna (UX), Google membuka jalan untuk web yang lebih dapat diakses di masa depan.”

Saat Anda mempersiapkan situs Anda untuk Core Web Vitals, ingatlah bahwa ini hanyalah bagian dari sinyal penelusuran Google yang ada. Pencarian juga mempertimbangkan keramahan seluler, keamanan HTTPS, penjelajahan yang aman, dan pedoman pengantara yang mengganggu.

Bagian dari Core Web Vitals akan menyertakan beberapa perubahan penting bagi pemilik situs:

“Perubahan agar konten non-AMP memenuhi syarat untuk muncul di fitur Berita Utama seluler di Penelusuran juga akan diluncurkan pada Mei 2021. Halaman apa pun yang memenuhi kebijakan konten Google Berita akan memenuhi syarat dan kami akan memprioritaskan halaman dengan pengalaman halaman yang bagus , baik diterapkan menggunakan AMP atau teknologi web lainnya, saat kami memberi peringkat pada hasilnya. ” (Google)

Memutuskan untuk meningkatkan Core Web Vitals situs Anda mungkin bukan tugas yang mudah. Namun dengan memprioritaskan laman yang paling bermasalah dan berkoordinasi dengan tim web Anda, Anda dapat bekerja menuju label “Baik” dan memberikan pengalaman yang luar biasa bagi setiap orang yang mengunjungi situs Anda.