Bagaimana mengukur vitalitas jaringan inti – Beragampengetahuan

Google telah menetapkan serangkaian metrik yang harus menjadi fokus pemilik situs web saat mengoptimalkan pengalaman halaman mereka. Metrik Data Web Inti adalah bagian dari faktor pengalaman laman Google yang harus diupayakan untuk dipenuhi oleh semua situs web.

Harapan pengguna terhadap pengalaman web mungkin berbeda-beda berdasarkan situs dan lingkungan, namun beberapa pengalaman tetap konsisten di mana pun mereka berada di web.

Secara khusus, Google mengidentifikasi kebutuhan inti pengalaman pengguna seperti kecepatan memuat, interaktivitasDan stabilitas visual.

Berapa Skor Kehidupan Jaringan Inti?

Google menyarankan agar pemilik situs web menetapkan metrik CWV di bawah ambang batas “baik” yang ditentukan di bawah:

Segala sesuatu antara baik dan buruk dianggap biasa-biasa saja dan harus ditingkatkan.

Bagan yang menunjukkan tiga metrik kinerja Web Vitals inti

Google menjelaskan mengapa ketiga metrik ini sangat penting:

“Semua metrik ini menangkap hasil penting yang berpusat pada pengguna, dapat diukur di lapangan, dan memiliki alat dan alat yang setara dengan metrik diagnostik laboratorium.

Misalnya, meskipun Maximum Content Paint adalah metrik pemuatan yang paling penting, metrik ini juga sangat bergantung pada First Content Paint (FCP) dan Time to First Byte (TTFB), yang tetap penting untuk dipantau dan ditingkatkan. “

Cara Google mengukur vitalitas web inti

Laporan Google CrUX menggunakan data Chrome untuk mengumpulkan data pengguna dunia nyata dari perangkat mereka saat mereka menjelajahi situs web. Sebuah situs harus mendapat skor setidaknya 75% dari tampilan halamannya sebagai “Baik” untuk memenuhi ambang batas CWV.

Perhatikan bahwa ini menggunakan 75% dari total tampilan situs, yang berarti halaman dengan CWV buruk dan lalu lintas lebih sedikit tidak akan memengaruhi skor situs secara keseluruhan.

Inilah sebabnya mengapa Anda mungkin menemukan bahwa situs dengan skor “baik” memiliki laman CWV yang buruk, dan sebaliknya.

Metode pengukuran ini memastikan bahwa persentase kunjungan yang rendah karena kondisi jaringan yang lebih lambat tidak menurunkan skor “Baik” situs secara keseluruhan.

Berikut cara mengukur metrik tersebut.

Bagaimana mengukur vitalitas jaringan inti

Google menggabungkan kemampuan pengukuran Core Web Vitals ke dalam banyak alat yang ada.

Vitalitas jaringan inti dapat diukur menggunakan alat gratis berikut:

Mari kita lihat lebih dalam bagaimana Anda dapat menggunakan alat SEO gratis ini untuk mengukur vitalitas inti web.

Wawasan PageSpeed

PageSpeed ​​​​Insights memungkinkan Anda mengukur vitalitas web inti menggunakan data laboratorium dan lapangan yang disertakan dalam laporan.

Bagian lab dari laporan ini menyediakan data yang dikumpulkan dari perangkat pengguna sebenarnya di seluruh wilayah geografis dan kondisi jaringan yang berbeda, sedangkan bagian lapangan menunjukkan data yang dikumpulkan dari perangkat simulasi yang hanya menggunakan satu perangkat.

Laporan Wawasan Kecepatan Halaman. Data lapangan vs. data laboratorium

Jika tampilan laman Anda jarang atau baru, mungkin data historis yang tersedia tidak cukup untuk menampilkan laporan. Dalam hal ini, skor bidang rata-rata untuk keseluruhan situs akan digunakan sebagai cadangan jika tersedia; jika tidak, tidak ada data yang akan ditampilkan.

Setelah menjalankan laporan, di bawah ini Anda akan melihat daftar saran tentang cara meningkatkan skor Anda. Anda dapat membaca panduan kami tentang pelaporan PageSpeed ​​​​Insights untuk mempelajari cara menggunakannya.

Ekstensi vital web

Menggunakan alat PageSpeed ​​​​Insights selalu merupakan cara yang baik untuk melakukan debug dan mengaudit kinerja, namun sering kali merepotkan. Anda harus membuka tab baru di browser Anda dan keluar dari halaman, yang mengganggu Anda.

Untungnya, ada ekstensi yang dapat Anda pasang dari Toko Web Chrome yang mengukur metrik Data Web Inti secara real-time saat Anda menjelajah, memuat data langsung jika tersedia.

Skor Data Web Inti

Selain UI standar ini, plugin ini juga memberikan peluang proses debug yang lebih terperinci melalui tab “Konsol” DevTools browser. Berikut panduan video singkat tentang cara melakukan ini.

Men-debug metrik Interaksi Berikutnya Paint sangat menantang karena dapat menurun kapan saja selama interaksi pengguna. Di PageSpeed ​​​​Insights, Anda hanya mendapatkan rata-rata semua interaksi, bukan interaksi mana pada elemen tertentu di halaman yang lebih lambat.

Dengan menggunakan ekstensi ini, Anda dapat berinteraksi dengan halaman dan mengidentifikasi elemen yang mengurangi metrik INP dengan memeriksa log konsol. Misalnya, Anda dapat mengeklik tombol dan memeriksa konsol untuk melihat berapa lama interaksi berlangsung.

Setelah Anda menentukan elemen mana yang lambat merespons, Anda dapat memeriksa kode JavaScript untuk melihat apakah ada skrip yang memblokir interaksi.

mercu suar

Lighthouse adalah alat sumber terbuka yang dapat digunakan untuk mengaudit kinerja halaman web dan juga tersedia di DevTools Chrome.

Semua laporan yang disediakan oleh Lighthouse telah diperbarui untuk mencerminkan versi terbaru.

Contoh laporan mercusuar di Chrome DevTools

Satu hal yang perlu diperhatikan adalah saat menjalankan Lighthouse di browser, Lighthouse juga memuat banyak sumber daya dari ekstensi Chrome, yang mungkin memengaruhi metrik dalam laporan Lighthouse.

Pesan tersebut menunjukkan masalah pada cara Lighthouse beroperasi dan secara khusus menyebutkan bahwa ekstensi Chrome berdampak negatif terhadap kinerja pemuatan halaman.

Itu sebabnya saya merekomendasikan penggunaan Chrome Canary untuk debugging sebagai praktik yang baik. Chrome Canary memiliki instalasi terpisah dari browser Chrome biasa tempat Anda dapat mengakses fitur eksperimental. Ini memungkinkan Anda menguji situs Anda dengan fitur-fitur yang disertakan dalam versi Chrome mendatang.

Saya menjalankan eksperimen cepat untuk melihat perbedaan skor kecepatan halaman Lighthouse secara signifikan pada instalasi baru Canary versus browser dengan add-on yang diaktifkan.

Dua tangkapan layar hasil audit Lighthouse untuk Google Chrome DevTools. Kiri: Chrome versi stabil dengan add-on, kanan: Canary tanpa add-on.

Fitur penting yang diterapkan oleh Lighthouse adalah mengukur skor saat berinteraksi dengan halaman web dan mengukur dampak interaksi tertentu pada skor, khususnya metrik Interaksi ke Pengundian Berikutnya (INP).

Rentang waktu opsi di Chrome Lighthouse DevTools

Saya sarankan Anda membaca panduan ini yang ditulis oleh dua pakar SEO teknis paling berpengalaman di dunia untuk mempelajari lebih lanjut dan menguasai cara menggunakan Lighthouse.

Dasbor CrUX

Laporan CrUX adalah kumpulan data publik dari data pengalaman pengguna nyata dari jutaan situs web. Laporan Chrome UX mengukur versi langsung dari semua Data Web Inti, yang berarti laporan tersebut melaporkan data dunia nyata, bukan data laboratorium.

Dengan bantuan add-on PageSpeed ​​​​Insights, Lighthouse, atau Web Vital yang telah kita bahas, kini Anda tahu cara mengukur kinerja URL individual. Tapi bagaimana Anda melihat gambaran lengkap dari sebuah situs web dengan ribuan URL? Berapa persentase URL yang memiliki skor “baik” atau dapat dibandingkan dengan skor beberapa bulan lalu?

Di sinilah dasbor Looker Studio gratis CrUX Google berperan. Anda dapat memeriksa segmen dan melihat data historis Anda.

Untuk melakukan ini, cukup salin dan tempel domain Anda ke peluncur dasbor CrUX.

Peluncur Dasbor CrUX

Kemudian, nikmati laporan indah secara gratis. Jika Anda ingin menjelajahi dasbor sebenarnya, berikut adalah contoh laporan log mesin pencari.

Contoh Dasbor CrUX Jurnal Mesin Pencari

Di dasbor ini, Anda dapat menemukan lebih dari sekadar metrik CWV. Jika Anda tidak mencapai skor CWV “Baik”, namun data lab Anda menunjukkan bahwa Anda mencapai semua ambang batas, itu mungkin karena pengunjung Anda memiliki koneksi yang buruk.

Di sinilah laporan distribusi koneksi sangat berharga: laporan ini dapat membantu Anda memahami apakah kinerja buruk pada skor Anda disebabkan oleh masalah jaringan.

Distribusi koneksi dalam laporan CrUX

Sayangnya, dasbor ini tidak memberikan informasi rinci tentang metrik CWV menurut negara, namun terdapat alat gratis treo.sh yang dapat Anda gunakan untuk memeriksa metrik kinerja berdasarkan geografi.

Menyegmentasikan metrik CWV berdasarkan geografi membantu memahami di mana metrik tersebut gagal mendapatkan skor yang baik

Konsol pencarian

GSC adalah alat lain untuk melihat keseluruhan metrik CWV sebuah situs web.

Dasbor Google Search Console menampilkan “Core Web Vitals”

Laporan ini mengidentifikasi kelompok halaman yang memerlukan perhatian berdasarkan data aktual dari laporan Chrome UX. Jika Anda membuka laporan dengan mengeklik tautan di sudut kanan atas, Anda akan melihat detail masalahnya.

Laporan Data Web Inti untuk Perangkat Seluler di GSC

Untuk laporan ini, perlu diperhatikan bahwa laporan ini mengambil data dari CruX dan jika URL tidak memiliki volume data pelaporan minimum, maka laporan tersebut akan dihilangkan, yang berarti Anda mungkin memiliki laman dengan metrik CWV buruk yang tidak dilaporkan di sini.

Web-Vitals.JS dan GA4

web-vitals.js adalah pustaka sumber terbuka yang dapat mengukur metrik CWV seakurat Chrome atau PageSpeed ​​​​Insights. Ekstensi Web Vitals yang kita bahas di atas sebenarnya menggunakan perpustakaan ini untuk pelaporan dan pencatatan.

Namun, Anda dapat mengintegrasikannya dengan Google Analytics 4 untuk mendapatkan laporan kinerja terperinci dalam skala besar di situs web dengan banyak halaman. Berikut adalah contoh kode untuk integrasi gtag GA4.

<script type="module">
  import {onCLS, onINP, onLCP} from '

  function getMetricRating(metricName, value) {
     switch(metricName) {
        case 'CLS':
           return value <= 0.1 ? 'good' : value <= 0.25 ? 'needs-improvement' : 'poor';
        case 'INP':
           return value <= 200 ? 'good' : value <= 500 ? 'needs-improvement' : 'poor';
        case 'LCP':
           return value <= 2500 ? 'good' : value <= 4000 ? 'needs-improvement' : 'poor';
        default:
        return 'unknown';
   }
}

function getAttribution( name, attribution){
   switch (name) {
     case 'CLS':
       return  attribution.largestShiftTarget; 
     case 'INP':
       return  attribution.interactionTarget;
      case 'LCP':
        return  attribution.element;
     default:
      return 'unknown';
    }
}
  function sendToGoogleAnalytics({name, delta, value, id, attribution}) {
     let rating = getMetricRating(name, value); //get metric rating based on value
      let target_element =  getAttribution( name, attribution); //get html element associated with metric
     // Assumes the global `gtag()` function exists, see:
     gtag('event', name, {
     // Built-in params:
     value: delta, // Use `delta`, a changed metric as it will be summed during user journey. If we use value it will sum new values resulting to inflated high numbers
     // Custom params:
     metric_id: id, // optional, Needed to aggregate events via BigQuery     
     metric_value: value,  // optional,
     metric_delta: delta,     // optional,  
     metric_rating: rating,  // optional,
     debug_target: target_element   // optional,
  });
}

  onCLS(sendToGoogleAnalytics);
  onINP(sendToGoogleAnalytics);
  onLCP(sendToGoogleAnalytics);
</script>

Dalam contoh kode, “nilai” adalah parameter bawaan, dan “metrik_id”, “nilai_metrik”, “delta_metrik”, “peringkat_metrik”, dan “target_debug” adalah dimensi khusus opsional yang mungkin ingin Anda sertakan jika diperlukan.

Jika ingin melihat dimensi ini di Laporan Penemuan GA4, Anda perlu menambahkannya ke Manajemen Penyesuaian GA4. Jika tidak, jika Anda memutuskan untuk mengirimkan parameter ini alih-alih menambahkannya melalui administrator, Anda hanya akan memiliki akses ke data mentah melalui BigQuery. Ini memberikan fleksibilitas yang lebih besar tetapi memerlukan keahlian SQL.

Jika Anda memutuskan untuk menyertakan “metrik_id” (yang memiliki jumlah nilai unik yang tidak terbatas untuk situs dengan lalu lintas tinggi), hal ini dapat menyebabkan masalah kardinalitas dalam laporan eksplorasi Anda.

Oleh karena itu, Anda mungkin ingin mengaktifkan parameter khusus tambahan ini dalam jangka waktu singkat guna mengumpulkan data sampel untuk tujuan pemecahan masalah.

Untuk mengirim data metrik CWV melalui Google Pengelola Tag, lihat panduan yang dibuat oleh tim Google Marketing Solutions. Sebagai praktik terbaik, Anda harus menggunakan integrasi GTM, dan kode di atas (berfungsi penuh) menunjukkan mekanisme dasar pengumpulan dan pelaporan data CWV.

Selain apa yang telah kita bahas, alat freemium atau berbayar seperti Debugbear, treo.sh, Oncrawl, Lumar atau SEMrush dapat membantu Anda mengidentifikasi skor di semua halaman secara real time dan dalam skala besar.

Namun, saya ingin menunjukkan bahwa dari alat yang terdaftar, Debugbear dan treo.sh sangat terspesialisasi dalam indikator CWV dan memberikan wawasan yang sangat terperinci melalui segmentasi tingkat lanjut.

Bagaimana dengan metrik berharga lainnya?

Meskipun kehidupan jaringan inti penting, sebenarnya hal tersebut tidak penting hanya Metrik pengalaman halaman yang harus difokuskan.

Memastikan situs Anda menggunakan HTTPS, ramah seluler, menghindari iklan interstisial yang mengganggu, dan menjaga perbedaan yang jelas antar situs merupakan bagian penting dari faktor peringkat pengalaman laman Anda.

Jadi pikirkan juga dari sudut pandang yang berpusat pada pengguna, bukan hanya karena faktor peringkat.

Misalnya, dari perspektif konversi, jika situs web e-niaga Anda lambat, Anda mungkin kehilangan calon pelanggan dan mengakibatkan hilangnya pendapatan.

Sumber daya lainnya:

---

Gambar Unggulan: BestForBest/Shutterstock