Mengenal Core Web Vitals dan Faktor Penentunya

Dalam satu tahun terakhir, Google terus melakukan perubahan algoritma demi melakukan perbaikan, serta menentukan faktor-faktor yang menentukan peringkat situs. Hal ini dilakukan, ketika ada sesuatu yang penting, atau ketika ingin mendorong para pemilik website melakukan perbaikan dalam situs yang mereka kelola. 

Perubahan yang dilakukan Google pada algoritmanya memang kadang membingungkan. Tetapi, asalkan mau berusaha, Anda bisa mencari tahu dan mempelajarinya, kemudian menerapkannya pada website bisnis Anda sehingga memiliki performa yang bagus di mesin pencari. Sekarang ini, Core Web Vitals menjadi salah satu faktor penentu page rank Google yang utama. Namun sebelum membahas lebih lanjut, apa itu core web vitals?

Pengertian Core Web Vitals

Core web vitals adalah sekumpulan faktor-faktor penting yang Google gunakan untuk mengukur pengalaman pengguna dari sebuah website. Sebelumnya, faktor core web vitals berfokus pada mobile friendly atau website ramah untuk digunakan pengguna seluler, penelusuran yang aman atau safe browsing, no intrusive interstitial, dan HTTPS. Keempat faktor yang disebutkan ini digunakan untuk menentukan peringkat sebuah situs. Namun sekarang, ada tambahan lagi 3 faktor, yakni:

• Kecepatan saat loading atau Site Speed.
• Respons element website atau Interactivity.
• Stabilitas visual atau Visual Stability.

Semua faktor yang disebut di atas adalah faktor penentu core web vitals, dan termasuk dalam bagian penilaian page experience yang Google lakukan. Dengan manfaat core web vitals secara umum, Google dan Anda dapat bersama-sama mengukur pengalaman pengguna dari kunjungan yang mereka lakukan ke situs milik Anda.

Tiga Faktor Penentu Core Web Vitals

Untuk mencapai kinerja website sesuai faktor core web vitals yang maksimal, Anda tentunya butuh mempelajarinya dengan mendetail. Ini tidak hanya terkait melakukan perubahan dari http ke https. Namun juga banyak hal lain yang menjadi faktor penting dalam core web vitals. Beberapa faktor core web vitals yang perlu Anda ketahui:

1. Largest Contentful Paint (LCP)

Faktor yang pertama adalah largest contentful paint atau LCP. Pada dasarnya, hal ini menanyakan apakah halaman tersebut sudah cukup cepat saat dimuat? Konsepnya juga sangat mudah dan dipengaruhi oleh gambar, video, waktu render, dan teks terbesar yang ada di viewport.

Apa saja konten terbesar di website Anda, bagaimana halaman desktop, video ataupun teks, juga seberapa cepat situs tersebut bisa menayangkan halamannya? Supaya bisa lolos pada faktor penentu yang pertama ini, perpaduan dari CSS, waktu server yang Anda miliki, rendering sisi klien dan JavaScript, semuanya berperan penting.

2. Cumulative Layout Shift (CLS)

Penjelasan sederhananya untuk faktor kedua ini adalah tata letak kumulatif, yang mana Google akan bertanya, seberapa stabil halaman web Anda? Contohnya, ketika Anda mengunjungi satu halaman website dengan menggunakan smartphone, lalu menekan tombol atau gambar, dan ternyata di detik terakhir malah bergeser dan akhirnya menekan sesuatu yang lain. Itu berhubungan dengan tata letak dan bisa membuat pengalaman pengguna yang sangat buruk.

Itulah yang Google ukur mengenai tata letak kumulatif pada sebuah situs. Seberapa cepat semua elemen yang ada dalam halaman tersebut stabil? Jika situs Anda buruk dalam hal ini, lakukan perbaikan. Caranya, perbaiki tata letak situs Anda. Misalnya, Anda ingin memasang gambar dengan tinggi dan lebar 400 pixel, maka tentukan hal ini dalam HTML supaya kelak gambarnya bisa sesuai dengan keinginan dan memberikan tata letak yang cepat, stabil, serta memberikan report yang bagus pada Google.

3. First Input Delay (FID)

Faktor yang terakhir, berhubungan penundaan input pertama. Lebih mudahnya, seberapa cepat dan seberapa interaktif halaman situs Anda? Misalnya, ketika ada audiens menekan salah satu tombol, seberapa cepat browser mampu memprosesnya, dan menampilkan apa yang diminta atau diinginkan audiens? 

Tentu saja akan menjadi pengalaman yang sangat buruk ketika Anda menekan satu tombol atau link, namun ternyata sangat lambat tampil hasilnya. Sangat buruk lagi, kalau sampai tidak muncul apa pun alias not responding. Semua ini  sangat bergantung pada JavaScript yang Anda gunakan, kode pihak ketiga, dan masih banyak lagi. Anda mungkin harus menggali lebih banyak jika ingin meningkatkan performa website.

Demikian 3 faktor penentu core web vitals yang perlu Anda perhatikan mulai sekarang, terutama jika Anda ingin meningkatkan user experience pada situs Anda, serta meningkatkan posisi web di page rank Google. 

Untuk mendapatkan manfaat dari core web vitals, tentu saja Anda harus melakukan perbaikan terlebih dahulu pada tiga faktor yang telah disebutkan di atas. Nanti coba perhatikan, perlahan posisi situs Anda di mesin pencari akan mengalami peningkatan. Hanya saja, ini tidak bisa terjadi secara instan, tetap ada proses yang harus Anda lakukan lagi.

Optimasi website yang lebih baik juga bisa Anda lakukan dengan cara berdiskusi dan bekerja sama dengan digital marketing agency Jakarta seperti Redcomm. Tim Redcomm, sudah berpengalaman dalam mengelola website brand, membantu melakukan optimasi, dan masih banyak lagi. Selain itu, Redcomm juga memiliki layanan yang lengkap, mulai dari internet marketing service, search engine marketing, local advertising, brand strategy agency, inbound marketing agency, full service marketing agency, dan sebagainya.

Anda juga dapat menggunakan tools seperti PageSpeed Insights, Google Search Console atau Chrome UX Report, dan Chrome Web Vitals Extension untuk memeriksa skor core web vitals situs Anda. Namun yang paling direkomendasikan adalah Google Search Console dan PageSpeed Insights. Anda bahkan bisa menggunakan keduanya secara bersamaan.