Apa itu Data Web Inti dan Cara Mengoptimalkannya

Pada tahun 2021, Google memasukkan pengalaman Halaman sebagai faktor peringkat. Tujuan utamanya adalah untuk meningkatkan kinerja web. Dengan Pembaruan Pengalaman Halaman, Core Web Vitals telah menjadi faktor penting untuk dipertimbangkan jika Anda ingin peringkat situs Anda di hasil pencarian google.

Ketika seseorang mencari di google untuk kata kunci tertentu, bagaimana Google akan menentukan situs mana yang harus dirender di atas dan mana di bawah. Yah, tidak diragukan lagi itu mempertimbangkan kontennya terlebih dahulu. Konten akan selalu mendominasi peringkat, tetapi selain konten, Google juga mengukur banyak elemen lain dari halaman web, seperti kata kunci, penggunaan kata kunci tersebut di halaman Anda, tautan balik, dan banyak lainnya. Performa halaman juga salah satunya. Google mengukur performa halaman berdasarkan data vital web inti.

Dalam artikel ini, kami akan membahas Data Web Inti dan cara mengoptimalkannya untuk mendapatkan peringkat lebih tinggi dalam hasil penelusuran dan memperoleh lebih banyak lalu lintas.

Apa itu Data Web Inti

Cat Konten Terbesar, Penundaan Input Pertama, dan Pergeseran Tata Letak Kumulatif adalah tiga metrik kinerja utama yang membentuk Core Web Vital, dan mereka mengukur seberapa cepat dan efisien pemuatan halaman untuk pengguna, serta seberapa interaktif dan stabil elemen situs web tetap selama proses pemuatan.

Mari kita uraikan lebih lanjut untuk pemahaman yang lebih baik.

1. LCP (Largest Contentful Paint)

LCP mengevaluasi seberapa cepat elemen terbesar situs di paro atas (gambar, video, animasi, teks, dll.) dapat dimuat dan muncul.

LCP yang baik adalah 2,5 detik, sementara antara 2,5-4 detik perlu peningkatan dan lebih dari 4 detik dianggap buruk oleh Google.

STATISTIK CAT KONTEN TERBESAR

1. Cat Konten Terbesar menyumbang 25% dari Skor Kinerja Google Lighthouse Anda.
2. 43% URL seluler dan 44% desktop lulus tolok ukur Cat Konten Terbesar dalam 2,5 detik.
3. Menurut penelitian, rata-rata situs web B2B memiliki skor Cat Konten Terbesar seluler 7,05, jauh di atas skor 2,5 yang diperlukan untuk menerima nilai kelulusan.
4. Menurut penelitian, rata-rata situs ritel memiliki skor Cat Konten Terbesar seluler 9,17, jauh di atas skor 2,5 yang diperlukan untuk menerima nilai kelulusan.

2. FID (Penundaan Input Pertama)

FID halaman adalah jumlah waktu yang diperlukan browser untuk mulai memproses event handler sebagai respons terhadap interaksi pengguna pertama dengan halaman, seperti klik, ketuk.

FID yang baik adalah di bawah 100 md, sementara antara 100-300 md perlu peningkatan, dan di atas 300 md dianggap buruk.

STATISTIK TUNDAAN INPUT PERTAMA

1. Penundaan Input Pertama menyumbang 25% dari Skor Kinerja Google Lighthouse Anda.
2. 89% URL seluler dan 99% desktop memenuhi tolok ukur Penundaan Input Pertama 100 milidetik.

3. CLS (Pergeseran Tata Letak Kumulatif)

CLS adalah metrik yang berpusat pada pengguna yang berguna untuk mengukur stabilitas visual karena membantu mengukur frekuensi pengguna mengalami perubahan tata letak yang tidak terduga. Ini adalah aspek penting dari pengukuran stabilitas visual.

CLS yang baik adalah di bawah 0,1, sedangkan apa pun antara 0,1 dan 0,25 perlu perbaikan dan di atas 0,25 dianggap buruk

STATISTIK PERGESERAN LAYOUT KUMULATIF

1. Pergeseran Tata Letak Kumulatif menyumbang 5% dari Skor Kinerja Google Lighthouse Anda.
2. 46% URL seluler dan 47% URL desktop lolos tolok ukur Pergeseran Tata Letak Kumulatif 0,1.

Sekarang mengapa Core Web Vitals penting

Alat seperti Core Web Vitals membantu meningkatkan posisi situs Anda di hasil penelusuran. Mereka sangat penting karena memberi tahu Google seberapa baik kinerja situs dan di mana situs dapat ditingkatkan.

Data Web Inti tidak diragukan lagi meningkatkan signifikansi UX sebagai elemen peringkat.

Oleh karena itu, pengoptimalan untuk Core Web Vitals dapat membuat perbedaan besar jika Anda bersaing di bidang yang kualitas kontennya hampir sebanding, yang berarti jika Google harus menampilkan dua halaman dengan kualitas konten yang sama, Google akan lebih memilih halaman yang memiliki Skor Data Web Inti yang bagus. Ingatlah bahwa tidak ada yang dapat menggantikan konten berkualitas di situs web Anda.

Apa yang dikatakan John Mueller dari Google tentang Core Web Vitals

Hal lain yang perlu diingat dengan Core Web Vitals adalah ini lebih dari sekadar faktor peringkat acak. Ini juga memengaruhi kegunaan situs Anda setelah diberi peringkat (ketika orang berkunjung). Jika Anda mendapatkan lebih banyak lalu lintas (dari upaya SEO lainnya) dan tingkat konversi Anda rendah, lalu lintas tersebut tidak akan seberharga ketika Anda memiliki tingkat konversi yang lebih tinggi (dengan asumsi UX/kecepatan memengaruhi tingkat konversi Anda, yang biasanya terjadi).

Sederhananya, memiliki Core Web Vitals yang solid lebih dari sekadar pengoptimalan mesin telusur. Setiap pemilik situs web harus berusaha untuk meningkatkan pengalaman pengunjung mereka secara keseluruhan.

Meskipun konten halaman Anda sangat bagus, Anda tetap perlu memastikan bahwa setiap aspek situs web Anda dioptimalkan untuk mendapatkan peringkat mesin pencari yang tinggi, sehingga situs Anda dapat dilihat oleh audiens target Anda. Data Web Inti juga menekankan pentingnya pengalaman pengguna.

Cara mengukur Data Web Inti

Anda dapat memeriksa Data Web Inti situs Anda dengan bantuan beberapa pengujian, laporan, dan ekstensi.

Yang paling penting dari ini adalah:

• Penilaian Data Web Inti PageSpeed ​​Insights;
• Laporan Data Web Inti di Google Search Console;
• Ekstensi Chrome Data Web Inti.

1. Penilaian Data Web Inti di Wawasan PageSpeed

Google PageSpeed ​​Insights (PSI) dibagi menjadi dua bagian:

• Menentukan apa yang dialami pengguna Anda yang sebenarnya (evaluasi Data Web Inti)
• Identifikasi masalah kinerja (data lab, skor PSI).

Fokus pada bagian pertama untuk meningkatkan skor Data Web Inti Anda. Laporan Data Lapangan menggabungkan analisis ini. Data untuk penelitian ini dikumpulkan dari Laporan Pengalaman Pengguna Chrome (CrUX). Data ini didasarkan pada interaksi pengguna sebenarnya dengan situs Anda. Google akan mempertimbangkan hasil lapangan ini saat menentukan peringkat mesin pencari.

Bagian “Diagnostik” PSI juga merupakan sumber yang bagus untuk mempelajari lebih lanjut tentang faktor-faktor yang dapat mengubah salah satu dari tiga metrik:

PSI memperhitungkan metrik pengguna nyata dan data lab saat menentukan skor pengoptimalan keseluruhan dan menawarkan rekomendasi pengoptimalan.

Meskipun informasi ini bermanfaat, informasi ini dikumpulkan di lingkungan yang terkontrol menggunakan perangkat dan jaringan tertentu di laboratorium. Namun, beberapa tamu situs Anda mungkin menggunakan teknologi usang atau koneksi yang kurang bertenaga. Itu sebabnya membandingkan hasil lab dengan performa sebenarnya situs Anda bukanlah ide yang bagus.

PSI tidak selalu memberikan ringkasan lapangan.

Saat CrUX belum mengumpulkan cukup data dari lapangan, seperti yang sering terjadi pada situs web yang lebih kecil, masalah seperti ini akan muncul. Untungnya, ada sumber tambahan dari mana kami dapat mengumpulkan data lapangan.

2. Laporan Data Web Inti di Google Search Console

Dua laporan Data Web Inti baru, satu untuk seluler dan satu lagi untuk desktop, telah ditambahkan ke Google Search Console (GSC).

Setiap laporan memberikan informasi terkait data lapangan dan performa grup URL.

Laporan ini sangat bagus untuk menemukan masalah umum di beberapa URL. Dengan demikian, Anda akan menerima informasi di seluruh situs web Anda, bukan hanya tentang satu halaman.

Misalnya, jika Anda memiliki sejumlah besar halaman identik yang elemen terbesarnya adalah gambar, metrik LCP akan sama untuk setiap halaman. Dalam situasi ini, GSC menemukan masalah LCP di setiap halaman.

Singkatnya, laporan GSC baru ini adalah pendekatan yang paling luar biasa untuk melacak kinerja Data Web Inti di seluruh situs Anda.

3. Menggunakan Laporan Pengalaman Pengguna Chrome (CrUX) untuk mendapatkan data lapangan

Dataset CrUX dapat diakses dengan 2 cara berikut

• API Laporan UX Chrome- Untuk mengakses pengembang ini harus terbiasa dengan JavaScript dan JSON.
• BigQuery – Membutuhkan proyek Google Cloud dan keterampilan SQL.

Anda harus melakukan lebih banyak pekerjaan daripada sekadar melewati halaman melalui PSI atau GSC. Namun, mereka menawarkan lebih banyak opsi untuk mengatur dan memvisualisasikan data. BigQuery, misalnya, memiliki fungsi untuk membagi data dan menggabungkannya dengan kumpulan data lainnya.

Cobalah kedua strategi tersebut jika Anda memiliki sumber daya dan pengetahuan teknis untuk menerapkannya.

Beberapa Statistik Vital Tentang Data Web Inti

1. 56% dari 100 domain desktop teratas lulus Core Web Vitals
2. Efek merek yang berat – merek-merek besar berperingkat tinggi bahkan dengan kinerja yang buruk.
3. 61% dari 100 teratas seluler lulus Core Web Vitals pada Februari 2022
4. Pada bulan Februari 2022, waktu pemuatan rata-rata untuk 100 domain teratas di AS adalah 2,38 detik di desktop dan 2,32 detik di seluler – di bawah batas wajar Google yaitu 2,5 detik.
5. Pada bulan Februari 2022, rata-rata skor CLS untuk desktop dan seluler masing-masing adalah 0,11 dan 0,08 – ini adalah pertama kalinya rata-rata CLS di seluler untuk 100 situs teratas turun di bawah ambang batas Google yang sesuai sebesar 0,1
6. Pada bulan Januari 2020, hanya 22% dari desktop dan 27% dari 100 domain teratas seluler yang masing-masing lulus Core Web Vitals. Maju cepat ke Februari 2022, dan proporsi ini meningkat lebih dari dua kali lipat menjadi 56% di desktop dan 62% di seluler. Ini menunjukkan bahwa domain berkinerja terbaik telah memperoleh keuntungan yang signifikan dalam kinerja web.
7. Situs Top 100, B2B, Healthcare, dan Dict/Reference memiliki LCP rata-rata 2,5 detik atau kurang di kedua perangkat.
8. Rata-rata LCP seluler untuk Perjalanan 1,6 kali lebih buruk daripada situs Kamus/Referensi.
9. Rata-rata, LCP desktop untuk Travel 1,5 kali lebih buruk daripada domain B2B.
10. URL di posisi 1 memiliki kemungkinan 10% lebih besar untuk lulus penilaian Data Web Inti daripada URL di posisi 9.
11. Dari posisi 1 ke posisi 5, ada penurunan 2% dalam tingkat kelulusan penilaian Data Web Inti untuk setiap posisi.

Cara Mengoptimalkan Data Web Inti

Sekarang setelah kami memiliki pemahaman yang kuat tentang Data Web Inti dan bagaimana fungsinya, kami dapat mengalihkan perhatian kami ke beberapa langkah yang disarankan untuk meningkatkan Data Web Inti. Ingatlah bahwa hasil tes Anda akan menentukan langkah-langkah yang perlu Anda ambil untuk meningkatkan skor Anda. Oleh karena itu, penting untuk mempertimbangkan saran dan saran yang dibuat oleh PageSpeed ​​Insights (atau alat pengujian lain yang Anda gunakan).

Berikut adalah strategi dasar yang telah terbukti untuk meningkatkan skor Data Web Inti Anda.

1. Gunakan Jaringan Pengiriman Konten

Menggunakan CDN sangat meningkatkan kinerja situs. Situs yang menggunakan CDN memuat dengan cepat secara komparatif. Mengapa? Karena CDN membuat transfer data antara server dan pengguna akhir menjadi cepat.

CDN adalah jaringan luas dari server yang saling terhubung. Anda dapat menyimpan konten situs web Anda di banyak server menggunakan CDN. Saat pengguna mengakses situs Anda, server yang secara geografis paling dekat menjadikannya situs web, mengurangi waktu transfer data.

Dengan penggunaan CDN, Anda dapat mengurangi waktu pemuatan LCP pengguna. Time-to-First-Byte juga dapat dikurangi dengan penggunaannya (TTFB).

2. Optimalkan Gambar

Cara lain untuk meningkatkan LCP adalah dengan pengoptimalan gambar. Gambar berukuran besar jika beresolusi tinggi, dan dibutuhkan waktu yang wajar untuk memuat, yang berdampak buruk pada skor LCP.

Menggunakan gambar Terkompresi membuat pemuatan lebih cepat. Banyak situs seperti TinyJPG dapat memperkecil ukuran gambar secara gratis tanpa mengurangi kualitasnya. Gambar dapat lebih dioptimalkan dengan memastikan bahwa ukuran dan dimensinya benar.

Oleh karena itu, sebaiknya pastikan bahwa Anda tidak menggunakan dimensi gambar yang tidak perlu untuk area tertentu di situs Anda. Menyertakan atribut yang tepat dapat membantu browser Anda dalam menyediakan jumlah ruang yang ideal untuk bagian halaman Anda, mengurangi kebutuhan akan perubahan tata letak yang konstan.

Dengan membuat perubahan pada kode sumber, Anda dapat mengubah lebar dan tinggi properti file media Anda.

3. Terapkan Lazy Loading

LCP dan waktu muat halaman Anda dapat memanfaatkan penggunaan pemuatan lambat. Smush hanyalah salah satu contoh dari beberapa plugin WordPress yang menawarkan pemuatan lambat.

Lazy loading, juga dikenal sebagai on-demand loading, dan merupakan metode untuk meningkatkan performa konten web.

Lazy loading membantu memuat hanya bagian yang diperlukan dan menunda pemuatan sisanya hingga dibutuhkan oleh pengguna, berlawanan dengan pemuatan massal, yang memuat seluruh halaman web sekaligus dan merendernya sekaligus.

4. Optimalkan Font Situs Web Anda

Font yang Anda gunakan di situs web Anda dapat memengaruhi waktu muatnya dengan cara yang sama seperti gambar. Ini karena setiap kombinasi bobot font mengharuskan browser memuat seluruh keluarga font.

Pengoptimalan font web adalah cara sederhana untuk meningkatkan kecepatan situs Anda. Ini karena font web yang dioptimalkan memakan lebih sedikit ruang di komputer pengguna dan memuat lebih cepat.

Di sisi lain, jika font web yang relevan belum dimuat, browser mungkin tidak merender komponen teks secara otomatis. Namun, beralih ke font alternatif dapat menyebabkan perubahan tata letak yang tidak diinginkan, sehingga menurunkan skor CLS Anda.

Berhati-hatilah saat menentukan font untuk situs web Anda. Sebaiknya gunakan font global untuk menerapkan jenis dan bobot yang diperlukan secara selektif jika Anda menggunakan lebih dari dua font daripada menerapkan masing-masing font ke setiap elemen. Dengan menggunakan metode ini, Anda dapat membatasi unduhan font hanya untuk konten yang benar-benar diperlukan.

5. Tingkatkan Hosting WordPress Anda

Jika waktu loading situs terlalu lama, mungkin ada indikasi untuk mengubah paket hosting. Mengubah hosting Anda dari shared menjadi dedicated dapat meningkatkan FCP secara signifikan.

Daripada memilih yang termurah, memilih situs hosting terbaik yang menyediakan semua fitur yang Anda butuhkan adalah keputusan yang bijak. Kualitas layanan yang disediakan oleh host WordPress Anda sangat penting untuk kesuksesan situs web Anda. Ini memiliki konsekuensi yang luas, mulai dari waktu pemuatan halaman hingga keamanan. Apalagi jika Anda memiliki situs web yang besar atau canggih, ini bukan tempat untuk mengambil jalan pintas. Alih-alih, memutakhirkan penyedia atau paket hosting Anda adalah salah satu strategi tercepat namun paling ampuh untuk mengoptimalkan situs web Anda dan meningkatkan waktu pemuatan.

Untuk Hosting Baca: Ulasan Bluehost

6. Hilangkan Render-Blocking Resources

Halaman situs web tidak dapat dirender tanpa file HTML, CSS, dan JavaScript yang menyertainya. Semua file ini menyertakan skrip yang dapat melarang orang mengakses hal-hal yang ingin mereka lihat.

Namun, Anda dapat mencegah skrip ini berdampak negatif pada UX Anda (dan, pada gilirannya, membantu meningkatkan Data Web Inti) dengan menghapus sumber daya yang memblokir perenderan dan CSS atau skrip apa pun yang tidak diperlukan.

Ada banyak metode untuk mencapai hal ini. Yang pertama adalah menghapus spasi atau komentar ekstra dari JavaScript dan CSS Anda. Selain itu, Anda dapat mengurangi ukuran JavaScript dan CSS dengan menggabungkan file.

7. Tunda Pemuatan JavaScript

Ini adalah cara lain untuk menghilangkan elemen pemblokiran render, memberikan FID peningkatan yang signifikan.

Ini membuat halaman web memuat dengan cepat dengan memblokir pemuatan file JavaScript.

Itu memuat konten lain dari halaman Anda daripada menunggu file JS dimuat. Selain itu, Anda dapat mengonfigurasi situs Anda untuk memuat skrip CSS penting yang muncul di paro atas dengan cepat. Anda dapat melakukannya dengan mengekstrak materi dari file CSS utama dan memasukkannya ke dalam kode situs web Anda.

8. Menerapkan cache konten.

Dalam hal meningkatkan pengalaman pengguna, caching konten cerdas adalah salah satu alat paling ampuh yang Anda inginkan. Teknik pengiriman konten pusat protokol HTTP menggunakan caching, atau penyimpanan sementara konten dari permintaan sebelumnya. Jika kebijakan caching konten mengizinkannya, komponen di titik mana pun dalam rantai pengiriman dapat menyimpan salinannya untuk mempercepat permintaan berikutnya.

Caching sangat membantu dalam meningkatkan Skor Vital Web Inti.

9. Pramuat gambar pahlawan

Gambar Pahlawan biasanya merupakan elemen paling signifikan yang muncul di paruh atas konten. Jadi, jika memuat lebih cepat, maka keseluruhan UX akan sangat ditingkatkan. LCP dapat dikurangi secara drastis dengan menggunakan atribut tautan “rel=preload” , yang sangat berguna untuk gambar pahlawan yang dimuat dengan CSS atau JavaScript.

10. Menahan diri dari memprioritaskan iklan atau pop-up di atas konten lainnya.

Skor CLS yang rendah adalah akibat dari pergeseran konten pada halaman yang disebabkan oleh penambahan konten di bagian atas.

Sisihkan ruang untuk iklan, iframe, dan bentuk konten dinamis lainnya.

Tidak mengalokasikan ruang khusus untuk mereka adalah cara yang pasti untuk mengganggu tata letak, seperti halnya dengan gambar dan video. Untuk menghindari konten meluap keluar dari wadah, gunakan properti overflow: hidden dan pilih wadah dengan ukuran yang memadai.

11. Pisahkan Tugas Panjang

Ini harus menjadi prioritas utama Anda. Ketika tugas yang panjang menunda Thread Utama, itu tidak dapat segera bereaksi terhadap permintaan dari pengguna. Performa situs web dapat ditingkatkan secara signifikan dengan memecahnya. Ini mengurangi FID dan meningkatkan UX

12. Hentikan atau tunda menjalankan skrip pihak ketiga yang tidak perlu

Skrip situs web Anda sendiri mungkin gagal berjalan tepat waktu jika bertentangan dengan skrip pihak ketiga. Pertimbangkan skrip mana yang paling membantu pengguna akhir, dan berikan prioritas yang lebih tinggi. Skrip iklan dan pop-up tidak boleh berada di bagian atas daftar.

Kinerja 10 domain AS teratas dalam hal Data Web Inti mereka berdasarkan Visibilitas SEO Searchmetrics.

Semua metrik dan apakah domain lolos atau tidak dari Data Web Inti dilaporkan setiap bulan di tingkat domain. Pada bulan Februari 2022, 75% dari semua pemuatan halaman desktop Wikipedia membutuhkan waktu kurang dari 1,1 detik, dan domain mendapat skor 0 di FID (dinyatakan dalam milidetik) dan CLS, melewati Data Web Inti.

10 teratas untuk CWV perangkat seluler berdasarkan metrik Visibilitas SEO Searchmetrics .

Jika memungkinkan, versi seluler dari domain digunakan. Namun, ini terutama bergantung pada pengumpulan data CrUX. Porsi situs seluler yang lebih tinggi melewati Data Web Inti daripada desktop.

Kesimpulan

Core Web Vitals adalah pengubah permainan untuk meningkatkan pengalaman web bagi semua orang. Pengukuran ini akan terus disertakan dalam sistem peringkat Google.

Itulah mengapa penting untuk mengawasi mereka bahkan jika Anda tidak melihat ada yang salah.

Agar situs web yang sukses tetap berjalan, meningkatkan pengalaman pengguna secara terus-menerus sangatlah penting. Berkat ketersediaan banyak alat dan plugin yang bermanfaat, proses ini dapat dibuat lebih sederhana dan lebih mudah daripada yang seharusnya. Atau jika itu tampak menakutkan bagi Anda, maka Anda dapat menyewa pengembang untuk melakukannya untuk Anda.