Vital Web Inti Google 2022

Diterbitkan: 2021-04-19

Daftar Isi Artikel

Data Web Inti oleh Google: Apa, Kapan, Mengapa, dan Bagaimana

Seperti yang mungkin telah Anda perhatikan bahwa kecepatan halaman (Faktor Peringkat Terbesar) telah menjadi pusat perhatian dalam diskusi komunitas SEO baru-baru ini.

Dan, sebagian besar diskusi ini adalah tentang metrik kecepatan baru Google vitals web. Namun, inilah permatanya.

SEO berusaha keras untuk mencapai skor kecepatan halaman terbaik secara teratur karena Google telah menyatakan, keterlibatan pengguna adalah faktor peringkat yang signifikan.

Tetapi kekuatan pengoptimalan ini sebagian besar tentang beberapa mitos yang tercermin pada skor kecepatan halaman yang ideal dari sebuah situs web.

Itulah tepatnya yang dihancurkan Google dengan intro Core Web Vitals.

Dengan pernyataan Google mengenai metrik Web Vitals yang baru, pemilik situs web sekarang memahami kecepatan ideal yang harus mereka upayakan.

Meskipun, mereka sedikit lebih peduli!

Saat ini, situs web lebih fokus pada akumulasi skor tertentu yang muncul di alat seperti PageSpeed ​​Insights oleh Google, Pingdom, serta GTMetrix.

Namun, ini adalah alat luar biasa untuk memeriksa kecepatan spesifik halaman web.

Tujuannya selalu pada kecepatan keseluruhan dengan rela metrik pengalaman pengguna individu, yang berarti lebih banyak.

Google telah datang dengan konsep spesifik dari Core Web Vitals untuk memastikan para webmaster menghabiskan waktu berkualitas dalam meningkatkan metrik kecepatan.

Dan terlebih lagi, itu memberi nilai kepada pengguna dan bukan browser, baik Google bots untuk masalah itu.

Apa itu Google Core Web Vitals?

Google Core Web Vitals, atau hanya Web Vitals, adalah kumpulan metrik kinerja unik yang menganalisis sinyal kecepatan yang diperlukan untuk memberikan pengalaman pengguna yang lebih baik di web.

Singkatnya, Web Vitals adalah kumpulan faktor yang tepat,

Itu akan menjadi komponen skor "pengalaman halaman" Google, mengukur bagaimana pengalaman pengguna tentang kecepatan, daya tanggap, serta stabilitas visual halaman tertentu.

Google menggabungkan 3 faktor baru ke dalam faktor peringkat pengalaman halaman resmi mereka.

Faktor Pemeringkatan Vital Web Inti oleh Google Seperti yang telah kami pahami bahwa waktu buka halaman baik "kecepatan halaman" apalagi pengalaman pengguna memengaruhi peringkat untuk beberapa waktu namun perubahan ini memberi kami 3 metrik untuk dikonsentrasikan.

Seperti kebanyakan SEO pada tahun 2020, faktor-faktor ini telah membuat sebagian besar situs lebih menarik bagi pengguna dan juga bagi Google sehingga diharapkan dapat meningkatkan seberapa baik situs ini berkonversi dan seberapa baik peringkatnya.

Google telah mengumumkan pada Juni 2021 bahwa Core Web Vitals akan berfungsi sebagai faktor peringkat.

Mereka juga telah menyatakan bahwa mereka akan menggabungkan lebih banyak "sinyal pengalaman halaman" di masa mendatang:

“Tujuan dari pembaruan ini terus menyoroti pengalaman yang paling memuaskan dan memastikan bahwa pengguna dapat memperoleh informasi yang mereka cari.

Pekerjaan kami terus berlanjut, itulah sebabnya kami harus merencanakan untuk memasukkan lebih banyak sinyal pengalaman halaman ke depan, apalagi memperbaruinya setiap tahun.

Selain memiliki dampak pada peringkat, Google sedang bersiap untuk memiliki "tanda visual yang menyoroti halaman dalam hasil pencarian yang memiliki pengalaman halaman yang luar biasa".

Mengapa Pengalaman Pengguna Merupakan Bagian Penting dari SEO?

Pengalaman pengguna (UX) apalagi SEO berjalan beriringan.

Setiap rekomendasi dibuat untuk mengoptimalkan visibilitas sehingga pengguna dapat menemukan situs dan interaksi Anda saat mereka berkunjung.

Kriteria pengalaman di halaman dokumentasi Google menguraikan metrik UX yang paling relevan, apalagi seberapa baik mereka memahami pengalaman halaman web tertentu.

Faktor teratas termasuk waktu pemuatan halaman, keramahan seluler, penghindaran iklan yang mengganggu, protokol HTTPS yang aman, serta stabilitas halaman.

Faktor Peringkat “Pengalaman Halaman” saat ini

Apakah pengalaman pengguna:

  • Aman: Apakah situs tertentu memiliki sertifikat SSL?
  • Aman: Apakah ada malware atau taktik penipuan yang digunakan di situs?
  • Mobile-Friendly: Dapatkah situs tertentu dinavigasi dengan mudah di perangkat seluler apa pun?
  • Tidak Mengganggu: Apakah ada interstisial seperti pop-up?

Baru: Data Web Inti

Selain hal di atas, ada tiga faktor pengalaman pengguna yang berkonsentrasi pada Kecepatan Halaman:

Memuat: Selalu pastikan konten terdepan di halaman Anda dimuat dengan cepat.

Interaktivitas: Saat pengguna berinteraksi dengan halaman tertentu (misalnya mengklik tautan apa pun), pastikan halaman tetap merespons dengan cepat.

Stabilitas Visual: Bagaimana konten bergeser saat halaman tertentu dimuat saat pengguna berkomunikasi dengannya, yang mungkin menyebabkan pengalaman pengguna yang membuat frustrasi.

Jadi, Apa Arti Core Web Vitals untuk Situs Web Anda?

Saya di sini untuk memberi tahu Anda beberapa pertanyaan paling umum yang diminta tentang cara mempersiapkan diri sepenuhnya untuk pembaruan Data Web Inti Google tertentu.

Singkatnya, pembaruan Google Core Web Vital terkonsentrasi pada interaksi pengguna oleh halaman web Anda dan juga dapat dianggap lebih sebagai pembaruan pengalaman halaman.

Google menyiratkan melihat hal-hal sebagai perubahan tata letak dan stabilitas visual untuk mengukur serta menilai interaksi pengguna yang positif atau negatif.

Dan jika ada metrik perilaku buruk (konversi rendah, rasio pentalan tinggi, waktu rendah di situs, dll.), maka mungkin ada masalah dengan sinyal pengalaman laman.

Mengetahui detail pembaruan pengalaman halaman seperti sinyal peringkat akan meningkatkan pengalaman pelanggan Anda di situs web Anda.

Dengan demikian, meningkatkan kemampuan peringkat situs web Anda serta kinerja dalam pencarian organik memastikannya tidak terpengaruh secara negatif.

Apa Dampak Pembaruan Google Core Web Vitals?

Seperti halnya pembaruan Google lainnya, sulit bagi kami untuk memprediksi dengan tepat apa dampaknya.

Secara umum, situs web dengan pengalaman halaman yang buruk diperkirakan akan mendapat peringkat yang lebih rendah untuk istilah kompetitif dibandingkan dengan yang memiliki pengalaman halaman yang lebih baik.

Mengapa Google mengirim pengguna ke situs web yang akan mengecewakan mereka ketika mereka dapat mengirim mereka ke situs web yang lebih menyenangkan untuk digunakan?

Cara Google merilis pengumuman ini menunjukkan dengan jelas bahwa itu akan menjadi pembaruan yang signifikan, apalagi mereka ingin kami siap untuk itu.

Pengumuman resmi mereka menyatakan ini sebagai sesuatu yang baik untuk keseluruhan pengalaman web.

Apa yang Diukur Google Core Web Vitals?

Ada tiga metrik untuk membiasakan diri dengan korelasi ke Google Core Web Vitals:

Cat Contentful Terbesar (LCP)

Core Web Vitals LCP Cat Contentful Terbesar

LCP tetap diukur dengan jumlah waktu yang diperlukan untuk memuat konten utama halaman mana pun. Itu adalah waktu dari mengeklik tautan tertentu hingga melihat konten di layar.

LCP menandakan sangat dipengaruhi melalui waktu render video, gambar, atau teks terbesar di viewport. Pemilik situs web dapat meningkatkan LCP dengan:

  • Menghapus semua skrip pihak ketiga yang tidak perlu
  • Menyiapkan pemuatan malas
  • Mengupgrade host web mereka
  • Menghapus semua elemen halaman besar

Selalu pengukuran LCP yang ideal harus setidaknya 2,5 detik atau lebih cepat.

Penundaan Input Pertama (FID)

Penundaan Input Pertama Vital Web Inti FID

FID mengukur waktu spesifik yang diperlukan halaman mana pun untuk menjadi lebih interaktif.

Ini adalah jumlah waktu tertentu yang diperlukan halaman agar tersedia untuk interaktivitas pengguna seperti gulir, klik, atau input keyboard.

Google dulu menganggap FID penting karena memperhitungkan bagaimana pengguna kehidupan nyata berkomunikasi dengan situs. Pemilik situs web dapat meningkatkan FID dengan:

  • Meminimalkan (atau menunda JavaScript)
  • Menghapus semua skrip pihak ketiga yang tidak penting
  • Memanfaatkan cache browser

Selalu pengukuran yang ideal untuk FID tetap kurang dari 100 ms.

Pergeseran Tata Letak Kumulatif (CLS)

Pergeseran Tata Letak Kumulatif Vital Web Inti CLS

CLS mengukur stabilitas visual halaman web mana pun. Ini adalah jumlah pergeseran tata letak yang tidak terduga dari konten halaman visual. Pemilik situs web dapat meminimalkan CLS dengan:

  • Memanfaatkan dimensi atribut ukuran yang ditetapkan untuk semua media seperti gambar, video, dll.)
  • Iklan harus memiliki ruang yang dipesan
  • Menggabungkan elemen UI baru di bawah flip

Selalu pengukuran CLS yang ideal harus kurang dari 0,1.

Seiring kemajuan teknologi, skor saat ini mungkin berubah berdasarkan apa yang diharapkan pengguna untuk melanjutkan pengalaman web yang baik.

Bagaimana Anda Dapat Mengevaluasi Data Web Inti Anda?

Sekarang saya harap Anda semua tahu tentang Google Core Web Vitals, bagaimana kami mengetahui di mana halaman kami mencapai?

Untungnya, ada beberapa cara untuk menganalisis situs web Anda.

Anda dapat menemukan matriks Data Web Inti melalui berbagai alat seperti Google Search Console, PageSpeed ​​Insights, dan Lighthouse.

Jika Anda tidak terbiasa dengan alat ini, alternatif termudah Anda adalah memasukkan URL situs web Anda ke alat PageSpeed ​​Insights tertentu.

Selain itu, lihat skor dari 100 yang Anda dapatkan untuk Seluler dan Desktop. Ini adalah skor kecepatan halaman keseluruhan yang merupakan gambaran bagus tentang bagaimana situs web Anda.

Menggunakan Google Search Console adalah cara termudah lain untuk menangani banyak halaman.

GSC memiliki bagian di bawah Peningkatan di navigasi terdepan di mana Anda dapat melihat jumlah halaman di situs web Anda yang terpengaruh oleh setiap Google Core Web Vital.

Setelah mengklik ke bagian itu, Anda akan melihat laporan untuk setiap masalah Google Core Web Vital di mana situs web Anda mungkin bermasalah.

Saya telah Menyebutkan Cara Terbaik Membaca Laporan:

1. Isu sekaligus pedoman, dalam hal ini CLS lebih besar dari .25

2. Jumlah halaman di situs web Anda yang terpengaruh oleh Google Core Web Vital tersebut.

3. Halaman contoh tempat masalah ini terjadi. Itu adalah pembeda utama antara laporan tersebut serta laporan GSC lainnya.

Laporan Google Core Web Vitals tidak akan menampilkan semua halaman yang perlu Anda perbaiki.

Sejujurnya, itu akan menjadi cara yang lambat dan menyakitkan untuk mengatasi semua masalah Google Web Vital karena Anda mungkin perlu memperbaiki hal-hal pada level templat apa pun untuk memperbaiki lebih dari satu halaman sekaligus.

4. Daftar apa pun hingga 20 halaman serupa di mana masalah itu terjadi. Setiap contoh URL akan memberi Anda beberapa halaman serupa.

Google terus menggunakan metode ini untuk menyoroti di mana masalah serupa yang ditemukan pada halaman contoh Anda ditemukan di halaman lain di mana pun di situs web Anda.

Misalnya, jika Anda memiliki masalah di /blog/ Anda juga masalah yang sama terjadi pada halaman di bagian /press-releases/ Anda,

Kemudian Anda hanya akan melihat salah satunya di URL contoh, tetapi yang lain akan muncul di aspek contoh.

Ini akan merekomendasikan kepada Anda bahwa lebih banyak halaman di /press-releases/ akan memerlukan perbaikan yang sama.

Memperbaiki Data Web Inti Anda

Sekarang setelah Anda lebih memahami apa yang diukur setiap metrik Data Web Inti.

Dan, bagaimana mereka mewakili titik kesulitan bagi audiens Anda yang mencoba mengakses konten Anda dan terlibat dengan merek Anda.

Saatnya mengambil tindakan untuk meningkatkan metrik ini – tetapi yang lebih penting, tingkatkan keterlibatan Anda dengan audiens Anda.

Setiap situs akan menjadi agak unik. Jarang ada dua situs terpisah yang mengalami masalah yang sama.

Jadi, penting untuk benar-benar menggali serta menganalisis domain Anda satu per satu untuk memprioritaskan pembaruan yang paling berguna.

Tentu saja, ada juga masalah umum yang dihadapi situs web, dan selanjutnya, Anda dapat mengarahkan ke perbaikan umum untuk masalah yang mungkin Anda hadapi.

Aktivitas Umum untuk Mengatasi LCP

  • Terapkan pemuatan instan dengan pola PRPL
  • Pengoptimalan file CSS
  • Optimalkan Jalur Rendering Kritis Anda
  • Optimalisasi ukuran file gambar serta kompresi
  • Mengoptimalkan JavaScript (untuk situs yang diberikan klien)
  • Optimalkan atau hapus font web

Kegiatan Umum untuk Mengatasi FID

  • Kurangi dampak spesifik dari kode pihak ketiga
  • Minimalkan pekerjaan utas utama
  • Kurangi waktu eksekusi JavaScript
  • Pegangan jumlah permintaan rendah, serta transfer, ukuran kecil

Kegiatan Umum untuk Mengatasi CLS

  • Tambahkan atribut ukuran pada gambar Anda serta elemen video atau pesan ruang tertentu dengan kotak rasio aspek CSS.
  • Jangan pernah menyertakan konten di atas konten yang ada, tanpa menanggapi interaksi pengguna.
  • Gunakan animasi transformasi daripada animasi properti yang digunakan untuk memaksa perubahan tata letak.

Sumber Daya untuk Pengoptimalan Data Web Inti Google

Banyak faktor yang berkontribusi untuk mengurangi waktu buka halaman.

Javascript besar, file gambar, file CSS, serta permintaan yang dihasilkan oleh salah satu dari ini meningkatkan muatan pada browser dan membuat pengguna menunggu lama.

Untungnya, ada beberapa solusi yang direkomendasikan Google yang digunakan untuk memastikan pengalaman pengguna yang menyenangkan di situs web Anda, yang, pada gilirannya, juga meningkatkan ROI.

Mengoptimalkan Gambar untuk Kecepatan Halaman

File gambar besar bertanggung jawab atas muatan maksimum pada browser baik itu Google Chrome, Mozilla atau yang lainnya.

Mengoptimalkan gambar dapat membantu mempercepat situs web serta menawarkan pengalaman pengguna yang luar biasa.

1. CDN Gambar: Jika gambar dimuat dari server yang sama, itu mungkin memberi banyak tekanan pada server.

Cara paling ampuh untuk menghilangkan kendala ini adalah dengan memanfaatkan server CDN.

AWS, serta Cloudflare, saat ini merupakan pilihan yang paling andal jika Anda mencari penyedia CDN Gambar yang bagus.

2. Format WebP: Selain itu, Anda perlu memastikan bahwa CDN yang Anda pilih mengonversi gambar dalam format WebP, yang merupakan format Gambar yang Direkomendasikan Google untuk gambar Web.

3. LazyLoad: Menjalankan teknik lazy loading juga meningkatkan skor WebVitals karena sumber daya gambar di layar datang bersama dengan payload awal.

Gambar di luar layar akan dimuat juga ketika pemirsa mencapai dekat sudut pandang gambar yang sesuai di situs web.

Selama proses pemuatan, hanya dimensi gambar di luar layar yang dimuat untuk menghindari jeda halaman.

Mengoptimalkan Java dan CSS

1. Kompresi GZip: Kompresi GZip telah berkembang sebagai praktik standar untuk hampir semua situs. Padahal, ini masih diperlukan karena menyajikan file yang lebih kecil serta memungkinkan transfer jaringan yang lebih cepat.

2. Memperkecil Sumber Daya: Langkah pertama untuk mengoptimalkan JavaScript & CSS adalah mengecilkan sumber daya tertentu.

Minifikasi adalah metode di mana non-kritis, serta sumber daya yang berlebihan, dihapus untuk mempercepat metode.

Ini adalah fitur dasar yang diizinkan oleh sebagian besar plugin pengoptimalan.

3. Menggabungkan CSS dan Javascript: Memanfaatkan satu file untuk memuat kode JavaScript & CSS tertentu akan mengurangi jumlah permintaan apalagi dapat mempercepat rendering.

Dengan memfasilitasi ini, satu file akan digunakan untuk mengirimkan semua sumber daya CSS dan setiap sumber daya akan dikelompokkan menurut jenis media.

Hal yang sama terjadi dengan JavaScript karena jumlah permintaan DOM dapat dikurangi, yang akan meningkatkan kinerja kecepatan secara keseluruhan.

4. Kurangi Pemblokiran Render: Alasan paling umum untuk skor PageSpeed ​​yang lambat adalah penggunaan Javascript dan CSS yang berlebihan.

Meskipun beberapa file Java dan CSS sangat penting untuk stabilitas situs web secara keseluruhan, tidak semua harus dimuat di paro atas, yang membuatnya memblokir perenderan.

Sangat penting untuk mengoptimalkan pencapaian JavaScript non-kritis serta CSS. Pastikan file-file ini dirender tepat setelah interaksi pengguna oleh situs web terdeteksi.

Opsi ini dapat secara drastis meningkatkan skor PageSpeed ​​dan juga membantu Anda mencapai skor Web Vitals yang sempurna.

5. Mengirimkan CSS & JavaScript Menggunakan CDN: Sekali lagi, hingga Anda menerapkan CDN untuk memuat JavaScript & CSS, Anda mengandalkan kecepatan spesifik server Anda untuk mengirimkan semua sumber daya ini.

Sebagian besar waktu, tanpa CDN, Anda dapat mengurangi beban yang diletakkan di server meskipun masih akan berkeringat.

Mengoptimalkan Font Web

Perilaku rendering font tetap menjadi salah satu penguras kecepatan paling kuat. Browser dipandu untuk tidak merender teks kecuali font dimuat dari payload.

Itu benar-benar menyebabkan banyak penundaan dalam merender halaman tertentu serta menghasilkan kecepatan halaman yang lebih lambat.

Untuk mengoptimalkan font, pastikan untuk memastikan CDN Anda dapat menimpa perilaku rendering font.

Karena CDN yang andal dapat menukar font teks yang dirender tertentu serta menampilkan font asli segera setelah dimuat dari CSS.

Dalam kasus umum, itu terjadi dalam beberapa mikrodetik karena kedua sumber daya dikirimkan dari server CDN yang sama secara bersamaan.

Itu dapat secara signifikan mengurangi Pergeseran Tata Letak Kumulatif serta memberi Anda skor Web Vitals yang sempurna.

Sematkan Kode

Menyematkan gambar, GIF, infografis, iframe, dan juga video pada halaman tertentu dalam sebuah situs web dapat memperlambat kecepatan situs web.

Tetapi banyak bisnis tidak dapat memilih untuk menyingkirkan video ini karena mereka adalah bagian dari demo produk baik video pengenalan.

Google merekomendasikan satu perbaikan cepat untuk gambar yang disematkan serta video tempat Anda juga dapat memuat aset ini dengan malas.

Juga, pastikan sumber daya video dimuat hanya ketika pengguna mengklik tombol "Putar media/video" tertentu (Diberikan sesuai dengan pengalaman pengguna terbaik).

Dan ketika Anda akan menerapkan pengoptimalan ini, pasti akan menunjukkan 70% peningkatan kinerja di Lighthouse.

AMP (Halaman Seluler yang Dipercepat)

Server yang lambat dapat secara signifikan mempengaruhi kinerja situs web.

Cache AMP dapat membantu mengoptimalkan pengiriman, namun mengaktifkan AMP untuk desktop dapat menyebabkan perubahan UI yang signifikan serta memengaruhi konversi.

Oleh karena itu, memastikan server Anda tetap responsif serta cepat tetap diperlukan.

Kesimpulan: Google Core Web Vital

Jika Anda memerlukan situs web Anda untuk tampil memadai di Google, saya akan menyarankan Anda untuk mengaudit kinerja pengalaman halaman Anda saat ini.

Bahkan, Anda juga dapat memeriksa situs web pesaing Anda.

Ini akan membantu Anda memahami berapa banyak waktu yang Anda perlukan untuk berinvestasi agar tetap berada di depan pembaruan khusus ini dan juga para pesaing Anda.

Dari sini, Anda dapat membuat rencana tentang apa yang perlu Anda lakukan tahun ini.

Anda mungkin memperhatikan bahwa perubahan Pengembangan diperlukan untuk memberikan pengalaman pengguna yang lebih baik, terutama jika situs Anda tetap berumur lebih dari beberapa tahun.

Kabar baiknya adalah bahwa semua metrik yang diberikan ini sangat mudah untuk diuji.

Selain itu, Anda akan dapat mengukur beberapa peningkatan dalam Penundaan Masukan Pertama Terbesar, Cat yang Penuh Konten, serta Pergeseran Tata Letak Kumulatif sebelum sinyal peringkat Google tumbuh.

Setelah menerapkan hal di atas, Anda pasti dapat melihat pertumbuhan yang signifikan dalam lalu lintas situs web Anda juga.

Pekerjakan Saya untuk Solusi Google Core Web Vitals

Jika menurut Anda Google Core Web Vitals tidak cocok untuk Anda, maka Anda dapat mempekerjakan saya untuk memeriksa situs web Anda dan meningkatkan statistik skornya.

Dengan membaca panduan di atas, Anda dapat meningkatkan skor situs web Anda dengan mudah. Tetapi jika Anda merasa membutuhkan spesialis pemasaran SEO untuk melakukannya, kirimkan saja ke saya. Terima kasih!