Pengalaman pengguna yang baik (UX) membantu Anda mendapatkan semua ekspektasi yang diinginkan dari SEO: lalu lintas, konversi, posisi teratas di Google, dan yang tidak kalah pentingnya, pendapatan. Menurut studi oleh Screaming Frog ini, URL peringkat # 1 di Google 10% lebih mungkin mendapatkan peringkat PASS untuk analisis Core Web Vitals daripada URL peringkat # 9. Tentu saja, studi ini mengacu pada halaman web yang ada yang mungkin belum memperbarui situs untuk memenuhi standar Core Web Vitals.Jika kita melihat hasil CLS dari penelitian Screaming Frog, kita melihat bahwa kurang dari setengah (46% dari tautan seluler dan 47% untuk desktop) memiliki skor "BAIK" untuk metrik CLS. Menurut perhitungan mereka, skor rata-rata CLS adalah 0,29 untuk seluler dan 0,25 untuk desktop, jadi masih ada ruang untuk perbaikan hingga 2021 ketika Google akan mengintegrasikan dan lebih mementingkan Core Web Vitals. Dari tabel mereka, kami melihat dengan jelas bahwa posisi teratas didominasi oleh situs dengan skor positif untuk metrik CWV, terutama CLS untuk contoh ini. Bagaimana cara kami meningkatkan skor CLS? Untuk mengoptimalkan skor CLS, Google merekomendasikan untuk melakukan pengujian menggunakan alat Page Speed ​​Insights atau Lighthouse, yang keduanya memiliki mode pengujian halaman yang sama untuk pengindeksan. Anda juga dapat menggunakan alat lain seperti Laporan Pengalaman Pengguna Chrome Search Console (laporan Core Web Vitals) Beberapa alat dapat ditemukan di Web.Dev. Penyebab umum perubahan format dan tata letak adalah Iklan, video, dan objek tersemat lainnya atau iframe tanpa ukuran Konten yang diinjeksi secara dinamis CSS dengan pemuatan terlambat di mana gaya diterapkan setelah memuat elemen lain Font web yang menyebabkan kilatan teks yang tidak terlihat atau tidak bergaya. Item di halaman yang menunggu item lain dimuat di jaringan sebelum item tersebut muncul Prinsip rank tercepat dasar yang membantu meningkatkan CLS. Selalu gunakan atribut ukuran untuk gambar, video, dan elemen tersemat atau iframe lainnya. Jika elemen dimuat secara dinamis, gunakan CSS untuk mengatur gaya elemen penampung apa pun dengan ukuran atau rasio aspek yang sama sebelum konten dimuat. Kemudian, saat konten dimuat ke dalam elemen penampung ini, halaman tidak akan berubah.Jangan pernah memasukkan konten dinamis di atas konten yang ada. Jika Anda menggunakan CSS untuk menganimasikan elemen, gunakan animasi transformasi. Terakhir, saya ingin mengingatkan Anda bahwa Google menggunakan Core Web Vitals untuk mengukur pengalaman pengguna di situs dan menentukan properti web mana yang paling cocok untuk menempati peringkat pertama di Google.

Forum Role: Participant

Topics Started: 0

Replies Created: 0