Core Web Vitals: Definisi, Pengantar LCP, FID & CLS, dan Tips Optimalisasi Data Web Inti

Tahun 2021 luar biasa dalam lebih dari satu cara. Mesin pencari telah berevolusi dan menjadi lebih kompetitif dari sebelumnya. Google berencana untuk meluncurkan metrik pengubah permainan baru untuk peringkat situs web di mesin telusurnya. Pengalaman UX dan halaman yang baik akan menjadi faktor peringkat penting – semua berkat web vitals inti Google yang baru diperkenalkan dan segera diluncurkan.

Dengan peluncuran web vitals inti Google yang diantisipasi akhir tahun ini, menjadi semakin penting bagi perusahaan untuk mengejar dan mengoptimalkan situs web mereka sesuai dengan faktor peringkat ini.

Jika Anda tidak mengetahui apa itu web vital inti, terdiri dari apa, dan apa yang dapat Anda lakukan untuk mengoptimalkan vital web inti situs web Anda, baca terus. Blog ini untukmu.

Di blog ini, kami akan membahas AZ vital web inti dan membantu Anda mengoptimalkan halaman web Anda untuk hal yang sama. Mari kita mulai.

Apa itu Data Web Inti?

Sumber Gambar: web.dev

Data vital web inti adalah sinyal peringkat atau serangkaian kriteria dan metrik yang digunakan Google untuk mengevaluasi pengalaman pengguna situs web Anda secara keseluruhan. Google core web vitals menilai kecepatan, daya tanggap, dan stabilitas visual situs web Anda bersama dengan sinyal pengalaman pengguna yang ada untuk menilai keseluruhan pengalaman halaman dan keramahan pengguna.

Google berencana untuk meluncurkan sinyal peringkat baru ini dalam upaya untuk meningkatkan cara mempelajari pengalaman keseluruhan yang disediakan oleh halaman Anda. Puncak dari data ini akan diambil bersama oleh mesin pencari ini untuk menentukan peringkat situs web Anda di SERP itu.

Semakin tinggi peringkat situs web Anda, semakin tinggi visibilitasnya. Karena pengalaman halaman menjadi elemen peringkat yang penting, Anda tidak dapat menghindarinya untuk memperhatikannya. Untuk memeriksa data Core Web Vitals situs web Anda, cari bagian "penyempurnaan" dari akun Google Search Console Anda.

Mengapa Data Web Inti penting?

Data Web Inti adalah sinyal peringkat yang merupakan bagian dari skor "pengalaman halaman" Google. Ini penting karena Google menjadikan pengalaman halaman sebagai faktor peringkat resmi di Google.
Sumber Gambar: backlinko.com

Berikut adalah beberapa alasan mengapa vital web inti penting dan mengapa hal itu penting bagi Anda:

• Ini adalah peluang peringkat yang sangat besar untuk situs web mendatang yang dapat memanfaatkan sepenuhnya perubahan baru dalam penilaian peringkat Google ini sejak dini.
• Dalam perang antara dua situs web dengan kualitas konten dan peringkat situs web yang serupa, pengalaman halaman dapat membuat semua perbedaan.
• Web vital inti menjadi lebih penting sekarang karena situs web yang telah menikmati peringkat yang tak tertandingi di SERP Google sekarang menghadapi risiko kehilangan peringkat mereka saat ini ke situs web yang sama-sama kompetitif jika mereka tidak memenuhi standar pengalaman halaman yang baru.

Semuanya dipertimbangkan, penting untuk diingat bahwa skor pengalaman halaman Anda hanyalah salah satu dari sekitar 200 faktor peringkat yang digunakan Google untuk memberi peringkat situs web.

Untuk tetap menjadi yang terdepan dan menikmati keunggulan peringkat kompetitif atas yang lain, Anda harus terus mengoptimalkan strategi SEO on-page dan off-page yang ada sambil secara bersamaan mengoptimalkan vital web inti situs web Anda. Meskipun Anda tidak akan kehilangan peringkat Anda dalam semalam, Anda pasti dapat meningkatkan peluang peringkat Anda dengan mengoptimalkan vital inti web Anda terlebih dahulu.

Tiga Sinyal Vital Web Inti:

Sumber Gambar: web.dev

Tiga kecepatan halaman teratas dan pengukuran interaksi pengguna yang dipertimbangkan oleh Google dalam penilaian vital web intinya meliputi:

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

Sinyal 1: Cat Isi Terbesar (LCP): Memeriksa Kinerja Pemuatan

LCP adalah metrik vital web inti pertama yang digunakan Google untuk menghitung skor pengalaman halaman Anda. Ini mengukur kinerja pemuatan halaman web Anda.

Cat atau LCP Contentful Terbesar dapat didefinisikan sebagai durasi yang diperlukan halaman di situs web Anda untuk memuat dari sudut pandang pengguna yang sebenarnya. Dengan kata sederhana, waktu yang dibutuhkan pengguna Anda dari mengklik tautan hingga melihat sebagian besar konten situs web Anda di layar disebut LCP.

LCP berfokus pada apa yang benar-benar penting dalam hal kecepatan halaman, yaitu kemampuan pengguna untuk melihat dan berinteraksi dengan halaman Anda tanpa halangan.

Untuk memeriksa skor LCP Anda, gunakan Wawasan Kecepatan Halaman Google. Yang harus Anda lakukan adalah:

• Kunjungi Alat Wawasan Kecepatan Halaman Google .
• Masukkan situs web Anda di kotak pencarian.
• Klik Analisis.

Setelah mengklik 'analisis', Google akan menampilkan laporan lengkap tentang halaman Anda saat ini. Pelajarilah untuk mempelajari tentang celah di situs web Anda. Hasilnya juga akan memberi Anda wawasan tentang kinerja halaman web Anda di dunia nyata berdasarkan data browser chrome.

Anda juga bisa langsung melihat data LCP Anda di Google Search Console (GSC). Kami merekomendasikannya untuk menggunakan Wawasan Kecepatan Halaman Google karena alasan berikut:

• Di PageSpeed ​​Insights, Anda akan mendapatkan laporan dari satu halaman web yang telah Anda masukkan di bilah pencarian untuk dianalisis. Di konsol pencarian, Anda akan melihat data LCP dari seluruh situs web Anda.
• Melalui Google Search Console, Anda akan mendapatkan daftar lengkap URL di situs web Anda yang baik, buruk, atau di antaranya.
• Pedoman LCP Google mengkategorikan LCP situs web Anda sebagai 'baik', 'buruk', dan 'perlu perbaikan'.

Pengukuran LCP yang ideal adalah 2,5 detik atau lebih cepat. Semakin cepat konten utama halaman Anda dimuat, semakin baik skor LCP Anda. Ini bisa menjadi tantangan bagi Anda jika Anda memiliki situs web besar dengan halaman besar dan banyak fitur.

Sinyal 2: Penundaan Input Pertama (FID): Memeriksa Interaktivitas / Responsif

Penundaan Input Pertama adalah inti web vital kedua Google. Ini mengukur interaktivitas.

Secara sederhana, First Input Delay (FID) mengacu pada waktu yang dibutuhkan halaman untuk menjadi interaktif. Anda dapat mengatakan bahwa itu mengukur durasi yang diperlukan untuk suatu aktivitas terjadi di halaman. Lebih khusus lagi, ini mengukur waktu yang diperlukan pengguna untuk benar-benar melakukan sesuatu di halaman Anda.

Pengukuran FID yang ideal adalah kurang dari 100 ms.

Berikut adalah beberapa contoh interaksi di halaman yang dihitung untuk penilaian FID:

• Waktu yang diperlukan pengguna untuk memilih opsi dari menu.
• Waktu yang diperlukan pengguna untuk memasukkan email Anda ke dalam kolom.
• Waktu yang diperlukan pengguna untuk mengeklik tautan di navigasi situs.

Untuk situs web bisnis yang mengumpulkan data pengguna atau meminta detail login, penilaian FID sangat penting.

Sinyal 3: Pergeseran Tata Letak Kumulatif (CLS): Memeriksa Stabilitas Visual

Pergeseran Tata Letak Kumulatif (CLS) adalah inti web vital yang mengukur stabilitas visual. Ini adalah metrik yang menghitung semua perubahan tata letak yang tidak disebabkan oleh interaksi pengguna. Dengan kata lain, kita dapat mengatakan bahwa metrik ini memperhitungkan stabilitas visual halaman saat dimuat.

Jika lebih banyak elemen di halaman Anda bergerak saat halaman dimuat, semakin tinggi CLS Anda. Jika lebih sedikit elemen yang bergerak saat halaman web Anda dimuat, semakin rendah CLS Anda.

Semakin rendah CLS Anda, semakin baik kinerja skor halaman Anda.

Skor CLS kurang dari 0,1 dianggap ideal untuk halaman web, jadi pastikan Anda menargetkan ini sambil mengoptimalkan situs web Anda untuk pengalaman halaman yang optimal.

Cara Mengoptimalkan Tiga Vital Web (LCP, FID, CLS)

Mengoptimalkan tiga vital inti web penting untuk meningkatkan kinerja halaman dan pengalaman halaman keseluruhan halaman web Anda. Berikut adalah beberapa cara Anda dapat meningkatkannya.
Cara mengoptimalkan Cat Contentful Terbesar (LCP):

Berikut adalah daftar yang dapat Anda lakukan untuk meningkatkan LCP situs web Anda:

• Perkecil CSS Anda: Semakin kecil CSS, semakin cepat LCP Anda.
• Hapus elemen halaman besar: Untungnya, Wawasan Kecepatan Halaman Google akan menunjukkan kepada Anda jika ada elemen di situs web Anda yang memperlambat LCP halaman Anda. Setelah Anda mengidentifikasi apa itu, Anda dapat dengan cepat menyelesaikannya. Misalnya, analisis skor LCP Techmagnate di Google's Page Speed ​​Insights menunjukkan elemen ini salah:
• Tingkatkan host web Anda: Dengan hosting yang lebih baik, kecepatan memuat lebih cepat (termasuk LCP).
• Hapus skrip pihak ketiga yang tidak perlu: Hindari skrip pihak ketiga sebanyak mungkin.
• Siapkan pemuatan lambat: Pemuatan lambat berarti gambar hanya dimuat saat pengguna mencapai titik tersebut di halaman web Anda yang menampilkan gambar. Dengan mengatur lazy loading, Anda dapat mencapai LCP lebih cepat.

Menjalankan tips yang disebutkan di atas dapat membantu Anda meningkatkan kesempurnaan LCP yang diperlukan untuk mendapatkan skor LCP yang baik. Semakin baik skor LCP Anda, semakin baik skor pengalaman halaman dan peluang peringkat Anda. Jadi optimalkan LCP Anda sekarang jika Anda belum melakukannya.

Cara mengoptimalkan First Input Delay (FID):

Berikut adalah beberapa langkah yang dapat Anda lakukan untuk meningkatkan skor FID situs Anda:

• Minimalkan (atau tunda) Javascript: Meminimalkan atau menunda JS pada halaman Anda dapat membantu Anda meningkatkan kecepatan FID halaman web Anda karena kebutuhan browser Anda untuk memuat JS berkurang atau dihilangkan.
• Hapus skrip pihak ketiga yang tidak penting: Skrip pihak ketiga seperti Google Analytics dan peta panas dapat berdampak negatif pada FID dan kecepatan pemuatan konten. Identifikasi yang tidak penting untuk situs web Anda dan hapus jika tidak penting untuk halaman web Anda.
• Pertahankan jumlah permintaan rendah & ukuran transfer kecil: Optimalkan kode untuk membatasi jumlah permintaan dan meminimalkan ukuran transfer file HTML, media, gambar, dll.

Cara mengoptimalkan Pergeseran Tata Letak Kumulatif (CLS):

Berikut adalah beberapa tindakan sederhana yang dapat Anda lakukan untuk meningkatkan CLS Anda:

• Tetapkan ruang khusus untuk elemen iklan di halaman web Anda: Melakukan tugas sederhana ini akan memastikan bahwa konten Anda tetap berada di tempat yang seharusnya. Halaman web yang tidak memiliki ruang iklan yang ditentukan cenderung mengacaukan struktur dan pemosisian konten, terkadang mendorongnya ke atas dan ke bawah halaman sehingga menghasilkan CLS yang tinggi dan skor pengalaman halaman yang buruk.
• Tambahkan elemen UI baru di paro bawah: Saat pengguna menelusuri halaman di situs web Anda, mereka mengharapkan elemen tetap berada di tempatnya. Dengan menambahkan elemen UI, Anda dapat memastikan bahwa ini terjadi dan struktur konten halaman tetap tidak terpengaruh.
• Gunakan dimensi atribut ukuran yang ditetapkan untuk media: Menggunakan dimensi atribut ukuran yang ditetapkan untuk media seperti video, gambar, GIF, infografis, atau elemen media lainnya adalah penting. Melakukan ini akan menunjukkan kepada Anda berapa banyak ruang yang akan digunakan elemen itu di halaman itu, sehingga membantu Anda melindungi halaman web Anda dari kesalahan penempatan konten yang belum pernah terjadi sebelumnya.

Layanan Desain dan Pengembangan Situs Web kami membantu mengoptimalkan Skor Vital Web Inti.

Cara Mengukur Skor Vital Web:

Sekarang setelah Anda mengetahui apa itu tiga vital web inti, berikut adalah beberapa alat untuk membantu Anda mengukurnya.

• Google Search Console: Alat lain yang kuat dan sangat nyaman untuk menganalisis vital web inti Anda adalah Google Search Console. Muncul dengan laporan vital web inti unik di bawah bagian peningkatan yang dapat Anda periksa setiap kali Anda melakukan audit situs web. Bagian terbaiknya: Alih-alih menampilkan kinerja halaman dari satu halaman web, konsol pencarian menunjukkan kepada Anda semua data kinerja halaman web sekaligus.
• PageSpeed ​​Insight: Google's PageSpeed ​​Insight adalah alat yang ampuh yang menunjukkan vital web inti halaman web Anda bersama dengan saran berharga tentang peningkatan yang dapat Anda lakukan.
• Lighthouse: Lighthouse adalah alat Google lain yang dapat Anda gunakan untuk mengukur vital web inti Anda. Sebelumnya dirancang untuk mengaudit PWA, kini telah berubah menjadi alat yang ampuh untuk memantau kinerja. Berbekal fitur tambahan dan pemeriksaan SEO, mercusuar dapat dengan tepat digambarkan sebagai alat yang ampuh untuk menganalisis kecepatan halaman web Anda dan data pengalaman halaman.
• GT Metrix: GT Metrix adalah situs web pengujian dan pemantauan kinerja situs web. Ini adalah alat gratis yang dapat Anda gunakan untuk mengevaluasi kinerja LCP, TBT, dan CLS Anda.

Cara mengaudit Data Web Inti menggunakan Screaming Frog:

Konsep audit web vitals inti relatif baru. Bagi Anda yang ingin tetap siap dan mengoptimalkan web vitals inti situs web Anda, menggunakan alat seperti Screaming Frog dapat membantu, terutama jika Anda sudah berlangganan keanggotaan premiumnya.

Inilah yang Anda perlukan:

• Versi berbayar dari Screaming Frog.
• Kunci API PageSpeed ​​Insights.
• Domain situs web yang ingin Anda audit.

Mari kita mulai.

Langkah 1: Hubungkan Kunci API PageSpeed ​​Insights ke Screaming Frog

Langkah 1 menggunakan Screaming Frog untuk mengoptimalkan vital web inti Anda termasuk menghubungkan Kunci API PageSpeed ​​Insights Anda dengannya. Saat Anda menghubungkannya, Anda dapat mengakses data dan rekomendasi PageSpeed ​​Insights berdasarkan halaman demi halaman di dasbor Screaming Frog Anda.

Berikut adalah langkah-langkah yang harus Anda ikuti:

• Buka Screaming Frog → Konfigurasi → Akses API → PageSpeed ​​Insights.
• Halaman Kunci API Anda dari PageSpeed ​​Insights ke dalam kotak 'Kunci Rahasia'.
• Klik ' Hubungkan '.
• Setelah mengklik 'Connect', klik ' Metrics '.
• Pilih metrik yang ingin Anda audit, dan klik ' Oke '.

Langkah 2: Jelajahi Situs Web.

Langkah selanjutnya termasuk merayapi situs web Anda.

Yang harus Anda lakukan adalah memasukkan nama domain situs web yang ingin Anda jelajahi ke dalam kotak yang bertuliskan: 'Enter URL to spider'. Setelah Anda membuat entri, tunggu bilah kemajuan 'Perayapan' dan 'API' dimuat.

Setelah memuat hingga 100%, Anda dapat menganalisis data Anda.

Langkah 3: Laporkan masalah tersebut kepada otoritas terkait.

Setelah alat memuat data Anda, Anda akan mendapatkan kompilasi dari semua halaman web di situs web Anda. Di sini, Anda perlu menganalisis jumlah halaman web yang gagal memenuhi ambang batas Core Web Vitals minimum dalam hal angka persentase.

Berikut beberapa langkah yang bisa Anda ikuti:

• Klik pada bilah navigasi atas.
• Klik Paginasi .
• Klik Kecepatan Halaman dari menu tarik-turun.
• Klik Ekspor .

Setelah Anda mengekspor data, isi kolom berikut:

• Waktu Cat Konten Terbesar (md): Pasang filter untuk menemukan halaman dengan LCP 4000ms atau lebih.
• Total Blocking Time (ms): Pasang filter untuk menemukan halaman dengan TBT 300ms atau lebih.
• Pergeseran Tata Letak Kumulatif: Pasang filter untuk menemukan halaman dengan 0,25 CLS atau lebih.

Berdasarkan data ini, Anda dapat membuat laporan dan mengirimkannya ke klien. Jika Anda melakukan audit ini untuk persyaratan pengoptimalan pengalaman halaman internal, Anda dapat mengirimkan data ini ke tim yang relevan, dan mereka dapat menjalankan pengoptimalan halaman yang sesuai.

Langkah 4: Laporkan masalah per halaman dengan rekomendasi.

Sekarang, ini adalah langkah yang menarik. Anda sekarang mengetahui persentase halaman di situs web Anda yang gagal memenuhi standar minimum Core Google Web Vitals. Apa selanjutnya?

Lakukan kompilasi yang rapi dari masalah yang relevan berdasarkan metrik yang ingin Anda targetkan. Inilah yang dapat Anda lakukan:

• Di sisi kanan tab 'Ringkasan', gulir ke bawah ke PageSpeed.
• Di sini Anda akan menemukan masalah & rekomendasi yang terkait dengan kecepatan halaman situs web Anda, termasuk solusi potensial untuk meningkatkan vital web inti Anda.
• Drop-down kecepatan halaman akan mencakup berbagai metrik seperti:
  • Menghilangkan resource yang memblokir render (berdampak pada LCP)
  • Perkecil CSS (berdampak pada LCP)
  • Perkecil JavaScript (dampak FID)
  • Hapus CSS yang tidak digunakan (berdampak pada LCP)
  • Menghapus Javascript yang tidak digunakan (berdampak pada FID)
  • (dan masih banyak lagi)
• Klik pada masalah untuk melihat jumlah halaman yang terpengaruh dan mengekspor data ini ke lembar kerja Anda. Melakukan ini akan membantu Anda mengekspor semua URL dengan masalah yang relevan.
• Berdasarkan data, Anda dapat membuat keputusan tentang penghapusan atau penangguhan elemen-elemen ini dari halaman web Anda.

Bacaan Tambahan: Apa itu SEO Kecepatan Halaman

Langkah 5: Pasca-audit dan pengoptimalan, jelajahi situs lagi dan bandingkan.

Setelah Anda mengidentifikasi faktor-faktor yang memengaruhi vital web google inti Anda, Anda dapat melakukan pengoptimalan. Setelah pengoptimalan, tugas Anda adalah merayapi situs Anda lagi untuk menilai hasilnya.

Bandingkan persentase halaman web yang tidak memenuhi persyaratan vital web inti minimum setelah pengoptimalan dengan angka pra-pengoptimalan.

Faktor Pengalaman Halaman Lain yang Harus Anda Pertimbangkan:

Berikut adalah daftar faktor tambahan teratas yang dianggap perlu oleh Google untuk pengalaman pengguna:

• Penjelajahan aman: Jika situs web Anda tidak mengizinkan penjelajahan yang aman, itu akan dianggap sebagai pelanggaran terhadap standar pengalaman halaman, dan Anda akan mendapatkan skor pengalaman halaman yang rendah. Jadi pastikan situs web Anda tidak mengandung konten berbahaya atau menipu seperti malware. Anda dapat memeriksa standar kepatuhan keamanan situs web Anda di Laporan Masalah Keamanan Google.
• HTTPS: Situs web yang dimulai dengan HTTPS lebih cenderung memiliki koneksi situs yang aman. Jika Anda tidak memiliki situs web yang diawali dengan HTTPS, pelajari cara mengamankan situs web Anda dengan HTTPS di sini.
• Kesesuaian seluler: Periksa apakah laman web Anda ramah seluler menggunakan Tes Ramah Seluler Google. Jika halaman web Anda tidak muncul sebagai 'mobile-friendly' dalam penilaian cepat ini, jalankan strategi untuk mengoptimalkan situs web Anda untuk ponsel dan tablet. Antara lain, meningkatkan UX & UI dan menyempurnakan navigasi di luar kanvas dapat membantu.
• Tidak ada interstisial yang mengganggu: Konten di halaman web Anda harus mudah diakses oleh pengguna. Kekurangannya dapat memberi Anda skor pengalaman halaman yang rendah. Berikut adalah hal-hal utama yang harus Anda hindari untuk membuat konten halaman web lebih mudah diakses oleh pengguna Anda:
  • Hindari menggunakan pop-up yang memblokir sebagian besar konten situs web Anda.
  • Hindari menampilkan interstisial mandiri yang menutupi seluruh layar. Ini mengganggu karena pengguna harus mengabaikannya sebelum mereka dapat mengakses konten utama.

Kesimpulan:

Google siap meluncurkan data vital web inti sebagai sinyal peringkat utama pada Mei 2021. Kebutuhan saat ini adalah bagi perusahaan untuk mengoptimalkan situs web mereka untuk kriteria peringkat utama ini terlebih dahulu.

Di blog ini, kami telah mengilustrasikan langkah-langkah yang sangat dibutuhkan yang dapat Anda ambil untuk meningkatkan vital core web Anda. Kami telah membahas apa itu core web vital, tiga metrik teratas untuk core web vitals, dan apa yang dapat Anda lakukan untuk mengoptimalkan halaman web Anda untuk skor SEO core web vitals yang bagus.

Kami juga telah menguraikan retasan cepat untuk menganalisis pengalaman halaman bagi mereka yang menggunakan Screaming Frog untuk audit situs web. Semoga informasi yang kami berikan di sini dapat membantu. Terapkan dalam strategi pengoptimalan situs web Anda untuk mempertahankan peringkat Google Anda.

Beri tahu kami di bagian komentar jika Anda memiliki keraguan atau pertanyaan.

Kami akan senang mendengar dari Anda.