Inti Web Vitals: Apa Itu dan Bagaimana Pengaruhnya terhadap SEO Pengacara?

Isi. Tautan balik. RankBrain. Ini adalah tiga faktor peringkat teratas dalam hal SERP Google – menurut raksasa mesin pencari itu sendiri.

Tetapi, pada Mei 2020, Google mengumumkan bahwa sinyal peringkat lain akan mendapatkan banyak perhatian mesin pencari dalam waktu dekat: Core Web Vitals.

Singkatnya, Google mulai lebih menekankan pada pengalaman pengguna (UX), terutama dalam hal pengalaman halaman.

Apa artinya itu bagi proyek SEO firma hukum Anda? Kami akan menjelaskan semua yang perlu Anda ketahui di bawah ini dan menawarkan beberapa solusi yang dapat ditindaklanjuti untuk membantu Anda mempersiapkan diri untuk sukses.

Apa itu Core Web Vital?

Melalui Core Web Vitals, Google hanya ingin pengunjung situs memiliki pengalaman luar biasa saat menjelajahi situs web Anda. Data Web Inti adalah metrik yang menilai pengalaman pengguna saat memuat halaman web.

Tiga vital web inti dari SEO pengacara meliputi:

• Cat Contentful Terbesar (LCP)
• Tampilan Masukan Pertama (FID)
• Pergeseran Tata Letak Kumulatif (CLS)

Metrik ini mengukur seberapa cepat konten halaman Anda dimuat , seberapa cepat browser yang memuat halaman web dapat merespons masukan pengguna , dan seberapa tidak stabil konten Anda saat dimuat di browser .

Jadi, mari kita lihat web vital inti ini secara lebih rinci.

Cat Contentful Terbesar (LCP)

Largest Contentful Paint (LCP) mengukur berapa lama waktu yang dibutuhkan browser web untuk merender gambar atau blok teks terbesar.

Dengan kata lain, ini memperkirakan seberapa cepat pengguna dapat melihat konten paruh atas. Untuk memastikan pengalaman pengguna yang baik, Anda harus mengupayakan waktu muat Cat Terbesar yang Memuaskan selama 2,5 detik atau kurang.

CSS kritis adalah pemberi pengaruh terbesar dari skor LCP. Ini adalah serangkaian gaya yang diperlukan untuk menampilkan struktur, nuansa, dan tampilan halaman Anda di viewport atau di paro atas.

Hanya dua gaya yang harus dimuat secara serempak pada laman web dan disematkan ke dalam keluaran HTML situs Anda. CSS lainnya harus dimuat secara asinkron setelah pemuatan halaman pertama.

Ini menghilangkan CSS sebagai sumber pemblokiran render, merampingkan kemampuan browser untuk mengirimkan aset yang diperlukan lebih cepat dan menampilkan konten paruh atas lebih cepat.

Bagaimana Saya Dapat Meningkatkan Skor LCP Saya?

Untuk meningkatkan skor LCP Anda lebih lanjut, berikut adalah beberapa hal yang harus Anda lakukan:

• Optimalkan Gambar: Gambar seringkali merupakan babi bandwidth terbesar. Gunakan jenis, ukuran, dan kompresi gambar yang tepat untuk mengurangi pembengkakan ekstra yang dibutuhkan browser untuk mengunduh konten, yang memastikan skor LCP lebih cepat.
• Gunakan Format File yang Tepat: Dua format file gambar yang umum adalah JPEG dan PNG. Gunakan JPEG untuk gambar dengan beberapa warna (ribuan atau bahkan jutaan) dan PNG untuk seni garis dan gambar dengan warna lebih sedikit.
• Kompres Gambar Anda: Gunakan algoritme kompresi format gambar Anda untuk menghemat lebih banyak lagi. Untungnya, ada beberapa plugin yang tersedia untuk membantu Anda mengompresi gambar secara massal.
• Ubah Ukuran Gambar: Halaman web dan gambar memiliki dimensi. Anda dapat mengatur dimensi gambar yang tepat menggunakan perangkat lunak pengedit foto atau mengonfigurasi atribut lebar dan tinggi tag HTML IMG.
• Mengurangi Waktu Respons Server: Biasanya, waktu respons server ditentukan oleh kecepatan server host Anda. Juga disebut sebagai waktu untuk byte pertama (TTFB), waktu respons server adalah waktu yang dibutuhkan server web Anda untuk menanggapi permintaan pengguna, termasuk file HTML, JavaScript, CSS, dan font. Jika waktu respons server Anda sangat lambat, pertimbangkan untuk mengganti host atau meningkatkan paket Anda untuk layanan SEO firma hukum yang lebih baik.

LCP hanyalah salah satu bagian dari teka-teki. Tampilan Input Pertama juga merupakan komponen penting dari Core Web Vitals.

Tampilan Masukan Pertama (FID)

First Input Display (FID) melacak waktu dari saat pengunjung pertama kali berinteraksi dengan halaman web Anda setelah membukanya hingga saat browser mulai memproses interaksi tersebut.

Dalam istilah yang lebih sederhana, FID mengacu pada penundaan antara saat pengguna mengklik tautan atau mengetuk sesuatu seperti tombol media sosial dan waktu browser merespons tindakan dan mulai memprosesnya.

Biasanya, FID diukur dalam milidetik (ms). Situs Anda harus berusaha keras untuk mencapai skor FID 100 milidetik atau kurang. Saat pengguna membuka situs web firma hukum Anda, widget dan tombol bagikan akan muncul di awal dan dapat menunda kemampuan pengguna untuk mengambil tindakan pertama mereka. Dengan melakukan pengoptimalan yang tepat, Anda dapat mengurangi penundaan tersebut dan meningkatkan pengalaman pengguna.

Bagaimana Saya Dapat Meningkatkan Skor FID Saya?

Biasanya, jika skor FID Anda tidak mengesankan, ini merupakan indikasi bahwa penggunaan CSS atau JavaScript Anda tidak dioptimalkan. File CSS perlu diunduh dan diurai lebih cepat untuk memungkinkan browser merender tata letak halaman. Memperkecil dan mengompresi file atau menghilangkan kode CSS yang tidak digunakan dapat meningkatkan skor FID situs Anda secara signifikan.

Berikut adalah strategi lain yang dapat Anda gunakan untuk meminimalkan waktu tampilan input pertama situs Anda:

• Tunda JavaScript yang tidak digunakan: Jika Anda menggunakan JS modern, Anda cukup mengonfigurasi modul ES6 untuk memuat JavaScript sesuai permintaan.
• Minimalkan Polyfill yang Tidak Digunakan: Peramban lama biasanya membutuhkan Polyfill. Pastikan polyfill tidak berjalan saat tidak dibutuhkan. Anda dapat mengirimkan bundel terpisah dengan modul atau tanpa modul.

Ada satu bagian terakhir dari teka-teki Core Web Vitals: Pergeseran Tata Letak Kumulatif.

Pergeseran Tata Letak Kumulatif (CLS)

Bahkan dengan banyak penekanan pada Pengalaman Pengguna, mengejutkan bahwa banyak pemilik situs web tidak melakukan apa pun untuk menstabilkan tata letak mereka. Sebaliknya, mereka masih mengisi halaman mereka dengan spanduk, pengantara, dan iklan mengganggu yang membahayakan pengalaman pengguna.

Itu sebabnya Google memperkenalkan Pergeseran Tata Letak Kumulatif (CLS) sebagai salah satu sinyal Pengalaman Halaman inti. Metrik dihitung dengan menjumlahkan semua perubahan tata letak yang tidak disebabkan oleh interaksi pengguna. CLS biasanya melihat persentase area pandang yang terpengaruh oleh pergeseran tata letak dan jarak pergerakan parameter.

Skor CLS bisa 0 untuk halaman yang sepenuhnya statis dan semakin tinggi karena lebih banyak perubahan tata letak yang terjadi di halaman web. Biasanya, semakin rendah skor CLS Anda, semakin besar stabilitas visual situs Anda. Google menyarankan agar Anda mempertahankan skor CLS di bawah 0,1.

Skor CLS yang buruk umum terjadi pada situs web berorientasi komersial yang berusaha memonetisasi lalu lintas melalui iklan. Saat pengguna mendarat di situs Anda, mereka seharusnya tidak bertemu dengan pop-up dan hal-hal yang bergerak. Itu menyakiti pengalaman menjelajah mereka alih-alih membiarkan mereka menemukan jawaban atas pertanyaan mereka – itulah sebabnya mereka mengunjungi situs web firma hukum Anda.

Bagaimana Saya Dapat Meningkatkan Skor CLS Saya?

Untungnya, Anda dapat membuat beberapa penyesuaian untuk meningkatkan pergeseran tata letak kumulatif. Mereka termasuk:

• Menggunakan tautan rel=preload dan font:display values: Jika situs web firma hukum Anda menggunakan font yang dihosting secara online, Anda mungkin mengalami FOUT (Flash Of the Unstyled Text) dan FOIT (Flashes Of the Invisible Text). Saat browser mengunduh font dari server, biasanya akan menampilkan halaman kosong hingga font kustom dimuat. Setelah font yang ditampilkan diunduh, tata letak dapat bergerak cukup banyak. Menggunakan nilai link rel=preload dan font:display dapat membantu menstabilkan tata letak.
• Menyertakan aspek lebar dan tinggi untuk gambar dan video: Sebaiknya ubah ukuran gambar menggunakan rasio aspek, rasio lebar terhadap tinggi (misalnya, 16:9). Hal ini memungkinkan browser untuk menghitung ruang yang dibutuhkan untuk menampilkan gambar, mengurangi risiko pergeseran tata letak. Dengan gambar responsif, gunakan atribut srcset untuk mengatur beberapa ukuran gambar untuk menampilkan ukuran yang sesuai.

Sekarang setelah Anda memiliki pemahaman yang lebih baik tentang apa itu Core Web Vitals, penting untuk mengintip di balik tirai untuk memeriksa skor situs web Anda sendiri.

Bagaimana Saya Dapat Mengukur Vital Web Inti?

Sejak Google memperkenalkan Core Web Vitals, jumlah cara untuk memeriksa, atau mengukur, kinerja situs web telah meroket. Saat ini, ada lusinan alat pengukuran Core Web Vital yang berbeda.

Alat-alat ini termasuk dalam salah satu dari dua kategori: alat lapangan dan alat lab. Alat lapangan menyediakan data mentah yang dikumpulkan dari pengguna, sedangkan alat lab menyediakan data berdasarkan bagaimana pengguna mungkin mengalami situs.

Alat paling populer untuk memeriksa Data Web Inti meliputi:

• Google Search Console
• Wawasan Google PageSpeed
• Laporan Chrome UX (CrUX)
• Mercusuar Google
• Chrome DevTools, dan
• Tes Halaman Web.

Jadi alat mana yang harus Anda gunakan? Luangkan waktu untuk memeriksa cara kerja berbagai alat. Pakar SEO kami menyukai Lighthouse – ini adalah alat berbasis lab terkemuka dan memberikan fleksibilitas sebagai ekstensi Chrome.

Untuk memeriksa skor situs web, cukup jalankan alat pengembang Lighthouse di browser Google Chrome Anda, kunjungi situs yang ingin Anda ukur, dan buat laporan Data Web Inti.

Setelah audit cepat, Anda akan mendapatkan hasil mendetail tentang kinerja situs Anda (termasuk metrik di atas dan di luar tiga Data Web Inti utama), bersama dengan saran untuk meningkatkan skor Anda secara keseluruhan.

Bagaimana Vital Web Inti Mempengaruhi SEO Pengacara

Data Web Inti yang digabungkan dengan variabel situs lainnya dapat menghasilkan skor yang bagus untuk pengalaman pengguna.

Meskipun Data Web Inti mewakili bagian terbesar dari skor pengalaman pengguna, faktor lain juga memengaruhinya, termasuk:

• HTTPS : Situs web yang aman sering kali memberikan pengalaman pengguna yang lebih baik karena banyak orang menghindari situs yang tidak aman. Pastikan semua alamat di situs Anda adalah halaman HTTPS untuk membantu skor pengalaman pengguna Anda.
• Ramah seluler: Google memperlakukan dukungan untuk perangkat seluler sebagai sinyal pengalaman pengguna yang penting dan akan meningkatkan peringkat Anda di hasil penelusuran.
• Keamanan: Setiap virus atau malware di situs web Anda dapat merusak skor pengalaman pengguna Anda. Penjelajahan yang aman sangat penting untuk pengalaman pengguna yang positif dengan konten Anda dan merupakan faktor peringkat yang dianggap penting oleh Google.
• Tanpa pop-up interstisial: Jika situs Anda dipenuhi dengan pop-up, pop-up tersebut dapat membanjiri halaman dan menjadi gangguan, yang mengakibatkan efek negatif pada peringkat Google. Selalu hindari iklan yang sombong untuk meningkatkan pengalaman pengguna.

Meskipun parameter ini memainkan peran penting dalam skor pengalaman pengguna, Data Web Inti sangat memengaruhi pengalaman pengguna dan peringkat Google Anda. Jika skor Vital Web Inti situs Anda tidak mengesankan secara keseluruhan, Anda mungkin melihat penurunan peringkat situs Anda. Dan, semakin banyak bobot yang ditempatkan Google di Core Web Vitals sebagai sinyal peringkat, semakin besar kemungkinan Anda melihat perubahan signifikan dalam peringkat situs.

LawRank Dapat Membantu Anda Meningkatkan Vital Web Inti Anda dan Mencapai Sukses SEO

Pada akhirnya, mengoptimalkan situs web Anda berdasarkan ketiga metrik ini akan meningkatkan pengalaman pengguna. Hal terakhir yang Anda inginkan adalah pengunjung mencapai situs web firma hukum Anda dan merasa frustrasi dengan pemuatan halaman yang lambat atau tata letak yang berubah secara tak terduga dari perangkat seluler mereka. Pengalaman negatif seperti itu pada akhirnya akan berdampak buruk pada praktik hukum Anda.

Mengoptimalkan situs web firma hukum Anda untuk Core Web Vitals adalah aspek yang sangat rumit dari proses SEO. Mendapatkan hasil terbaik akan membutuhkan waktu, tangan yang berpengalaman, dan pengetahuan kerja yang mendalam tentang SEO di tempat teknis untuk pengacara.

Fokus pada penyediaan layanan terbaik untuk klien Anda - biarkan pengacara spesialis SEO di LawRank meningkatkan situs web perusahaan Anda untuk pengalaman pengguna terbaik. Kami adalah perusahaan SEO terkemuka untuk pengacara – kami membuat firma hukum seperti milik Anda untuk menentukan peringkat kapan dan di tempat yang paling penting – dan hasil kami berbicara sendiri. Itu karena kami mengambil pendekatan komprehensif untuk SEO, artinya tidak ada kebutuhan yang terlewat dan tidak ada detail yang terlewatkan.

Hubungi kami hari ini untuk mempelajari lebih lanjut tentang bagaimana tim kami dapat membantu Anda meningkatkan Vital Web Inti dan aspek lain dari kampanye SEO Anda.