5 Cara untuk Mulai Mengoptimalkan Situs Web Bisnis Anda untuk Data Web Inti

Google telah menunda peluncuran Core Web Vitals dari Mei hingga pertengahan Juni, menunda pembaruan langsung penuh hingga akhir Agustus. Kumpulan sinyal peringkat baru yang sangat dinanti akan digabungkan dengan sinyal penelusuran saat ini, menciptakan pengalaman halaman baru. Apa arti perkembangan baru ini bagi bisnis Anda?

Jika Anda telah rajin bekerja dengan tim desain web dan spesialis SEO Anda untuk menerapkan perubahan pada situs web Anda, Anda tidak perlu khawatir. Penundaan peluncuran hanya berarti Anda bisa menjadi yang terdepan. Sebaliknya, jika Anda belum mulai mengubah situs Anda, penundaan hanya berarti Anda sekarang memiliki waktu untuk memenuhi kumpulan metrik yang baru.

Apa Inti Web Vital?

Core Web Vitals diatur untuk mengubah cara Google memeringkat situs web. Ini mencakup tiga metrik utama, yaitu:

1. Cat Contentful Terbesar (LCP). Ini mengukur seberapa cepat halaman dimuat
2. Penundaan Masukan Pertama (FID). FID adalah tentang interaktivitas atau seberapa menarik halaman Anda
3. Pergeseran Tata Letak Kumulatif (CLS). Metrik ini mengukur seberapa stabil elemen di halaman Anda saat pengguna berinteraksi dengannya.

Jadi, rangkaian metrik baru akan fokus pada waktu pemuatan, interaktivitas, dan stabilitas halaman, memberi Anda cetak biru tentang apa yang perlu Anda dan pengembang web Anda kerjakan.

Dan berikut adalah lima cara efektif untuk melakukannya:

1. Optimalkan Gambar dan Video Anda

Laman pemuatan yang lambat dapat merugikan Anda, calon klien. Untuk banyak situs, gambar adalah elemen terbesar yang terlihat, jadi yang terbaik adalah mengoptimalkannya.

Cara efektif untuk melakukannya adalah dengan menskalakan dan mengompres semua gambar di situs web Anda. Beberapa alat pengoptimalan gambar yang digunakan adalah tinypng atau ShortPixel . Anda juga dapat mengonversi gambar ke format modern yang lebih efisien, seperti .png, serta memastikan bahwa itu adalah gambar responsif yang terlihat sempurna di perangkat seluler dan desktop.

Gambarkan perbedaan antara "pengoptimalan" dan "pengurangan ukuran". Anda dapat mencoba untuk memotong ukuran gambar Anda dalam upaya untuk membuat mereka memuat lebih cepat. Namun ingat bahwa inti di balik Core Web Vitals adalah untuk memberikan pengalaman yang lebih baik bagi pengguna. Gambar (atau video) Anda mungkin dimuat lebih cepat, tetapi pengunjung situs web Anda mungkin tidak menganggapnya berguna jika buram atau berkualitas rendah.

2. Lazy Load Images dan Script Pihak Ketiga

Pemuatan lambat adalah cara lain untuk membuat gambar situs web Anda lebih responsif dan memuat lebih cepat. Dalam metode ini, gambar dimuat saat pengguna menggulir ke area halaman tersebut. Jika mereka berada di paro atas, semua gambar yang seharusnya dilihat pengguna akan muncul lebih dulu. Saat mereka menggulir ke bawah, gambar di area halaman tersebut akan mengikuti.

Lazy loading tidak hanya mengalokasikan bandwidth dengan benar, tetapi juga berguna untuk situs web yang banyak memuat gambar.

Salah satu cara Anda dapat dengan mudah memuat gambar dengan malas adalah melalui HTML. Anda hanya perlu mengikuti markup ini:

<img src=”namagambar.png” loading=”malas” alt=”gambar1”/>

<iframe src=”content1.html” loading='lazy”></iframe>

Meskipun prosesnya bisa membosankan ketika Anda memiliki banyak gambar di halaman tertentu, pemuatan lambat bisa jadi cukup sederhana untuk dilakukan.

3. Pastikan Semua Elemen di Halaman Anda Tidak Akan Bergeser Dari Tempatnya

Google mengukur CLS melalui pengamat kinerja untuk mendeteksi pergeseran tata letak. Saat elemen bergeser atau tata letak bergeser, pengamat kinerja memanggil fungsi panggilan balik yang menambah skor pergeseran tata letak yang ada.

Salah satu alat yang akan membantu Anda melihat stabilitas situs web Anda atau men-debug pergeseran tata letak adalah opsi wilayah pergeseran tata letak di DevTools dari Chrome. Fitur ini menyoroti elemen yang bergerak saat dipindahkan. Itu tidak memberi tahu Anda mengapa itu bergeser, Anda harus mencari tahu sendiri. Apa yang dilakukannya adalah menunjukkan kepada Anda elemen-elemen yang mempengaruhi pergeseran.

Elemen gambar dan video Anda harus dilengkapi dengan atribut ukuran lebar dan tinggi. Anda juga dapat menggunakan kotak rasio aspek CSS untuk memesan ruang yang dibutuhkan gambar atau elemen. Dengan cara ini, halaman dapat mengalokasikan ruang yang benar untuk file tanpa menggeser semua elemen pada halaman saat file dimuat.

Pergeseran tata letak hanya dihitung jika terlihat oleh pengguna. Jadi jika pergeseran terjadi di bawah halaman tetapi pengguna belum menggulir ke bawah ke area itu, maka itu tidak akan dihitung ke CLS.

4. Perbaiki Pola UX Anda untuk Desktop dan Seluler

Banyak perubahan tata letak adalah hasil dari pola UX yang buruk. Salah satu contohnya adalah pop-up di situs web atau spanduk yang muncul di bagian atas halaman untuk membuat pengumuman. Ketika elemen-elemen ini melakukan itu, mereka cenderung mendorong semua yang lain ke bawah pada halaman.

Pastikan untuk memesan ruang yang cukup untuk konten dinamis . Ini adalah konten yang nantinya akan muncul, seperti promo atau iklan. Salah satu tip adalah untuk menghindari memasukkan konten baru di atas konten yang sudah ada, terutama jika Anda tidak menindaklanjuti dengan menyesuaikan konten untuk seluruh halaman.

5. Tingkatkan Pengaturan Pemantauan Pengguna Nyata (RUM) Anda

Pemantauan Pengguna Nyata adalah proses menangkap dan menganalisis pergerakan setiap pengguna situs web atau aplikasi. Ini sering disebut metrik pengguna nyata atau pemantauan pengalaman pengguna akhir. Anda dapat melakukannya dengan memeriksa data kinerja tingkat halaman.

Google Search Console (GSC) adalah alat bermanfaat yang akan memberi tahu Anda kinerja halaman berdasarkan grup URL atau pengelompokan URL yang memiliki struktur HTML serupa.

Memantau RUM juga akan memastikan bahwa kesan pertama pengguna terhadap respons dan interaktivitas situs Anda adalah positif.

Kiat Bonus:

Faktor lain yang dapat memengaruhi kinerja CWV Anda adalah waktu respons server. Umumnya, waktu respons server yang lebih cepat meningkatkan setiap metrik pemuatan halaman.

Idealnya, Anda ingin browser dengan cepat menerima konten dari server, dengan begitu, konten juga akan muncul di layar dan siap dilihat oleh pengguna dalam waktu singkat.

Bagaimana Anda bisa tahu jika Anda memiliki waktu respons server yang lambat? Gunakan alat seperti WebPage Test dan Lighthouse.

Lighthouse khususnya memiliki elemen audit halaman yang disebut Reduce Initial Server Response Time. Jika Anda melihat ini dalam laporan audit Anda, itu berarti Anda harus meluangkan waktu untuk menggali masalah dengan pengembang web Anda.

Performa Situs Web Lebih Baik, Pengalaman Pengguna Lebih Baik — Peringkat Lebih Baik

Data Web Inti dimaksudkan untuk membantu pengguna menikmati pengalaman online mereka. Dengan pembaruannya, Google bertujuan untuk memprioritaskan kecepatan situs dan pengalaman pengguna. Tetapi tidak ada satu formula untuk pengoptimalan karena itu akan bergantung pada kinerja situs web Anda saat ini, tujuan Anda, dan industri tempat Anda berada.

Pada akhirnya, peningkatan ini memastikan web diisi dengan situs web yang relevan dan berkualitas. Untuk menerapkan praktik terbaik ke situs web Anda untuk memastikan Anda memberikan layanan dan pengalaman terbaik kepada pelanggan Anda.