Bagaimana pemasar dapat mempersiapkan pengalaman halaman berikutnya

Ketika pembaruan Pengalaman Halaman Google selesai diluncurkan pada awal September, itu mengubah cara mesin pencari mengevaluasi situs web — yaitu, penekanan baru pada sinyal pengalaman pengguna. Dalam sesinya di SMX Next, Patrick Stox, penasihat produk untuk SEO teknis dan duta merek di Ahrefs, mencatat beberapa perubahan penting pada pembaruan ini yang terjadi pada bulan-bulan berikutnya, yang terus membuat banyak SEO bingung.

“Penjelajahan aman sudah keluar,” katanya, “Dan pergeseran tata letak kumulatif telah berubah sedikit. Ini adalah lima detik di mana pergeseran paling banyak terjadi. Google juga telah menghapus AMP dari persyaratan Berita utama dan banyak situs berita ingin menjatuhkannya.”

Salah satu bagian penting dari pembaruan Pengalaman Halaman — Data Web Inti — juga merupakan salah satu yang paling hangat diperdebatkan. SEO dan agensi mempertanyakan seberapa besar perbedaan yang dihasilkan metrik ini dalam hal peringkat, membuat banyak orang, seperti Stox, untuk melihat data lebih dalam.

“Kami melihat sekitar 5,2 juta halaman individual, yang menurut saya merupakan kumpulan data terbesar yang telah dipelajari sekarang,” katanya. Studinya menemukan bahwa hanya 11,4% dari mereka yang memenuhi standar yang direkomendasikan untuk Core Web Vitals.

Ini menimbulkan pertanyaan: Apakah optimasi Core Web Vitals diperlukan?

“Mungkin ini adalah faktor peringkat kecil,” kata Stox, “Tapi saya pikir jika Anda memperdebatkan ini dari sudut pandang SEO, Anda akan gagal. Banyak karyawan Google sekarang mengatakan ini adalah faktor kecil, bahwa ini adalah sinyal pemutus.”

“Akan sulit untuk mendapatkan prioritas apa pun ketika itu tidak akan berdampak besar bagi SEO,” tambahnya.

Namun, Data Web Inti menunjukkan beberapa prinsip utama pengalaman halaman. Bahkan jika mereka gagal memberikan peningkatan peringkat yang diharapkan oleh SEO, sinyal ini menunjukkan aspek pengalaman pengguna yang diperlukan jika pemasar ingin mengonversi lebih banyak pengunjung. Dan, karena Google terus menambahkan jenis sinyal ini ke algoritmenya, visibilitas situs Anda kemungkinan besar akan meningkat.

Stox menawarkan lima konsep yang harus dipahami dan diprioritaskan pemasar saat mengoptimalkan dengan mempertimbangkan pembaruan Pengalaman Halaman.

Lebih kecil lebih cepat

Contentful Paint (LCP) terbesar mengukur kecepatan pemuatan yang dirasakan dan merupakan metrik penting yang berpusat pada pengguna. Ini adalah titik di mana konten utama pada halaman telah dimuat.

Tidak mengherankan bahwa pengguna ingin konten mereka dimuat secepat mungkin. Namun untuk melakukannya, pemasar harus bekerja dengan tim pengembangan mereka untuk mengurangi ukuran sumber daya — semakin kecil sumber daya, semakin cepat halaman akan dimuat dan semakin tinggi skor LCP yang akan diterima halaman.

"Jika Anda tidak membutuhkan sesuatu, jangan memuatnya," kata Stox. “Situs yang lebih kecil lebih cepat, jadi itu berarti Anda perlu meng-zip file JavaScript, CSS, dan HTML Anda — buat semuanya sekecil mungkin. Singkirkan barang-barang yang tidak kamu butuhkan.”

Lokasi server penting

Lokasi server situs Anda memiliki dampak langsung pada pengalaman halamannya. Itu sebabnya Stox merekomendasikan pemasar dan pemilik situs menggunakan jaringan pengiriman konten (CDN). Jaringan server yang terdistribusi secara geografis ini dapat bekerja sama untuk meningkatkan pengalaman pengguna.

“Hampir setiap artikel akan memberitahu Anda untuk menggunakan CDN,” kata Stox. “Sederhananya, lokasi itu penting. Waktu koneksi yang dibutuhkan, jumlah waktu yang dibutuhkan untuk mendapatkan sesuatu dari server.”

Dia menambahkan, "Jika Anda memiliki salinan situs Anda di seluruh dunia, waktu itu akan habis."

CDN bisa sangat efektif untuk situs besar karena memungkinkan mereka untuk menarik sumber daya dari lokasi di seluruh dunia. Itu, pada gilirannya, dapat membantu memastikan konten Anda sampai ke pencari saat mereka membutuhkannya.

Gunakan server yang sama

Stox mencatat bahwa pemasar harus memilih untuk menggunakan satu server jika memungkinkan saat meningkatkan sinyal pengalaman halaman. Setiap server tambahan yang terhubung menambahkan penundaan lebih lanjut dalam rendering, yang pada akhirnya dapat menyebabkan waktu muat yang lambat pada halaman.

“Simpan sebanyak yang Anda inginkan atau sebanyak yang Anda bisa di server yang sama,” katanya. “Setiap sambungan ke lokasi yang berbeda membutuhkan waktu tambahan, tambahan perjalanan pulang pergi.”

“Jika Anda akan menggunakan server tambahan, Anda memerlukan DNS-prefetch dan preconnect,” tambahnya.

Menambahkan kode preconnect dan DNS-prefetch dapat berfungsi sebagai alternatif. Ini dapat membantu situs membangun koneksi awal antar server.

Pastikan caching diatur dengan benar

Menyiapkan caching yang efektif dapat membantu memberikan pengalaman halaman yang baik dalam jangka panjang, menurut Stox. Dia merekomendasikan SEO dan pemilik situs menggunakan fungsi ini secara teratur untuk mengurangi beban pada server — bahkan jika halaman pertama membutuhkan waktu sedikit lebih lama untuk dimuat.

"Cache sebanyak mungkin," kata Stox. “Pemuatan pertama Anda mungkin memakan waktu lebih lama, tetapi kemudian setiap halaman lainnya setelah itu — mereka sudah mengunduh CSS Anda, JavaScript Anda diunduh, font Anda diunduh. Mereka ada di browser mereka. Mereka disimpan secara lokal pada saat itu, yang berarti akan menjadi sangat cepat.”

Prioritaskan item dalam pemuatan sumber daya halaman

Halaman web perlu memuat banyak sumber daya sebelum pengguna dapat melihat dan terlibat dengannya. Tetapi beberapa sumber daya lebih penting daripada yang lain.

“Di browser, Anda memiliki font, CSS, HTML, dan JavaScript — mereka [server] harus mencari tahu apa yang harus diprioritaskan,” kata Stox. “Anda perlu memuat hal-hal yang akan menjadi viewport awal — hal-hal yang akan dilihat orang terlebih dahulu — dan kemudian yang lainnya datang kemudian.”

Tujuannya harus memuat hal-hal yang dilihat orang terlebih dahulu, lalu memuat sumber daya sekunder. Penataan pemuatan sumber daya Anda dengan pengkodean sebaris dengan cara ini dapat membantu Anda mengirimkan konten terpenting Anda kepada pengguna dengan lebih cepat.

“Ketika saya mengatakan 'inline' CSS, yang saya maksud adalah mengambil bagian dari file CSS dan memasukkannya ke dalam HTML,” katanya. “Jadi ketika HTML sedang diunduh, saya mendapatkan CSS yang saya butuhkan untuk halaman yang terlihat. Saya tidak perlu menunggu file CSS lain diunduh untuk diproses dan render dimulai.”

"Kami akan memprioritaskan hal-hal yang dibutuhkan dan render bisa terjadi sedikit lebih awal dengan cara ini," tambahnya.

Pada akhirnya, seperti yang dicatat Stox, platform seperti Google akan menjadi cukup maju sehingga SEO tidak perlu terlalu khawatir tentang aspek teknis pengalaman halaman ini: “Saya pikir platform akan menyelesaikan banyak masalah kecepatan ini untuk Anda sehingga orang tidak perlu terlalu khawatir tentang ini. SEO tidak perlu mengganggu pengembang dan pengembang tidak perlu harus fokus padanya.”

Tapi masa depan itu masih jauh. Mengoptimalkan untuk Data Web Inti — bahkan jika itu hanya tiebreaker — dapat membawa pemirsa ke situs Anda alih-alih situs pesaing.

Tonton presentasi SMX Next selengkapnya di sini (perlu registrasi).