Rendering SEO Manifesto: Mengapa Kita Perlu Melampaui JavaScript SEO

Diterbitkan: 2020-12-12

Ingin memastikan bahwa konten Anda diakses dengan benar oleh mesin telusur dan mendapat peringkat tinggi?

Dalam sesi SEJ eSummit, Bartosz Góralewicz mempresentasikan bagaimana Google merender situs web dalam skala besar dan berbagi wawasan berdasarkan paten dan dokumentasi Google.

Berikut rekap presentasinya.

Kode JavaScript

Masalah dengan JavaScript

Góralewicz dan timnya menemukan bahwa 40% konten yang mengandalkan JavaScript tidak diindeks setelah 14 hari.

Iklan
Lanjutkan Membaca Di Bawah

Lebih buruk.

Sepuluh persen URL dalam domain rata-rata tidak diindeks oleh Google dan kita berbicara tentang URL unik yang dapat diindeks.

Ini adalah sesuatu yang perlu diperhatikan, terutama karena tren ini berubah seiring waktu dan bisa menjadi lebih buruk.

Pada 2015, Google mengklaim bahwa mereka pandai rendering dengan mengatakan:

“[A] Selama Anda tidak memblokir Googlebot untuk merayapi file JavaScript atau CSS Anda, secara umum kami dapat merender dan memahami laman web Anda seperti peramban modern.”

Sejak 2017, Góralewicz dan timnya telah membuat banyak eksperimen lain, termasuk eksperimen penyelubungan dengan JavaScript dan lainnya, yang mengungkap masalah perayapan dan pengindeksan yang dihadapi oleh situs web berbasis JavaScript.

Pada tahun yang sama, Google mulai berbicara secara terbuka tentang JavaScript SEO.

Saat ini, meskipun kami memiliki Martin Splitt dari Google yang sangat membantu komunitas SEO, masih ada pertanyaan yang belum terjawab.

Iklan
Lanjutkan Membaca Di Bawah

Pada November 2019 di Chrome Developer Summit, Splitt mengumumkan bahwa median rendering di Google telah meningkat dari seminggu sebelumnya menjadi hanya lima detik pada 2019.

Namun, penelitian tambahan Góralewicz dan tim Onely menemukan bahwa "median penundaan rendering mungkin hampir tidak ada untuk situs web baru, penundaan dalam pengindeksan konten JavaScript masih sangat banyak."

Banyak situs web yang didukung JavaScript tidak diindeks dan tidak mendapat peringkat bahkan setelah dua minggu.

Mereka juga menemukan bahwa:

  • Ada merek besar hampir tidak ada di indeks Google.
  • Mengindeks HTML tidak semudah yang diasumsikan.
  • Tren pengindeksan berfluktuasi selama pembaruan Google.
  • Anda bisa dikeluarkan dari indeks Google.

Salah satu tantangan dalam mendiagnosis penurunan pengindeksan saat ini adalah bahwa perintah situs tidak dapat diandalkan dan dapat menampilkan banyak negatif palsu.

Perintah situs

Masuk ke Indeks Google: Tantangan SEO Besar

Memasukkan konten Anda ke dalam indeks Google adalah fondasi mutlak dari kehadiran online Anda - dan ini tetap menjadi tantangan SEO yang besar saat ini.

Dan masalah ini akan menjadi lebih besar dengan sumber daya Google yang terbatas karena mereka tidak dapat merender dan mengindeks seluruh web di seluruh dunia, terutama dengan biaya yang sekarang datang dengan banyak situs web modern.

Lihat saja beberapa merek terbesar dengan masalah pengindeksan yang signifikan.

Persentase URL tidak diindeks

Jika Google tidak mengindeks halaman web Anda, semua aktivitas SEO lainnya tidak akan menjadi masalah sama sekali.

Iklan
Lanjutkan Membaca Di Bawah

Untung baik SEO maupun Googler memulai percakapan tentang masalah pengindeksan dan kami memiliki sumber data yang lebih baik untuk memvalidasinya.

Dan sebagian besar masalah pengindeksan sebenarnya dapat diselesaikan melalui SEO teknis.

Begini caranya.

Rendering yang Dioptimalkan Batch: Cara Kerjanya

Google melihat situs Anda dari perspektif arsitektur perenderan dan pengambilan yang dioptimalkan secara massal (BOR).

Melihat tampilan berdampingan ini, apa yang dilihat Google berbeda dari apa yang dilihat pengguna di browser.

rendering yang dioptimalkan secara batch

Jadi, bagaimana cara kerja BOR?

Iklan
Lanjutkan Membaca Di Bawah

Langkah 1: BOR Melewati Semua Sumber Daya Yang Tidak Penting untuk Menghasilkan Pratinjau Halaman Anda

Langkah pertama untuk arsitektur perenderan dan pengambilan yang dioptimalkan secara massal adalah menghapus semua sumber daya yang tidak diperlukan Google untuk membuat pratinjau atau tata letak situs Anda.

Ini termasuk:

  • Skrip pelacakan (Google Analytics, Hotjar, dll.)
  • Iklan
  • Gambar-gambar

Hanya menghapus sumber daya tambahan ini dapat menghemat hingga lebih dari 50% waktu pemuatan, skrip, dan rendering. Ini menghemat cukup banyak sumber daya di pihak Google.

Langkah 2: Tetapkan Nilai Jam Virtual

Langkah kedua yang akan dilakukan Google adalah menetapkan nilai jam virtual (yang akan kita bicarakan lebih lanjut di bawah).

Langkah 3: Tata Letak Situs Web Dibuat

Setelah waktu pada jam virtual "habis", tata letak situs web dibuat.

Iklan
Lanjutkan Membaca Di Bawah

Ada dua konsep utama yang perlu diingat:

  • Jam Virtual.
  • Tata Letak.

Apa Itu Jam Virtual?

Jam Virtual mengukur biaya rendering situs web.

Ini adalah semacam anggaran rendering dari pihak Google dan situs web diberi sedikit "anggaran".

Saat rendering berhenti untuk mengambil resource (oe, skrip, file CSS, dimensi gambar, dll.), Jam virtual tersebut tidak bergerak maju. Itu hanya maju saat kita benar-benar merender.

Ini berarti bahwa jika Anda memiliki banyak CSS, JavaScript, atau sumber daya lain dalam situs web Anda, Anda memerlukan lebih banyak “waktu virtual” pada jam virtual.

Tetapi tidak ada jaminan berapa banyak waktu jam virtual yang bisa Anda dapatkan.

Meskipun kami tidak tahu batasannya (dan kami mungkin tidak pernah tahu), kami dapat mengetahui seberapa haus sumber daya situs web kami.

Iklan
Lanjutkan Membaca Di Bawah

Dengan menggunakan Chrome DevTools, Anda dapat memperlambat CPU dan melihat pengaruhnya terhadap skrip dan rendering.

Mari kita ambil situs web H&M sebagai contoh.

Ini meningkatkan waktu hingga 25 kali.

Kita dapat melihat bagaimana H&M mungkin berjuang dengan rendering dan pengindeksan.

Chrom DevTools - CPU Lambat

Bagaimana Mengukur 'Beban Jam Virtual' dari Situs Web Anda

Góralewicz merekomendasikan dua opsi untuk mengukur "beban jam virtual" Anda.

Iklan
Lanjutkan Membaca Di Bawah
  • Gunakan Onely's Too Long; Alat Didn't Render (TL; DR) yang menghitung biaya rendering halaman web dari 0-100.
  • Simulasikan BOR di DevTools Chrome Anda. (Berikut panduan mendetailnya.)

Tata Letak Halaman Anda

Saat waktu virtual clock habis, tata letak dibuat terlepas dari apakah rendering setengah jalan atau tidak.

Ini mengarah pada banyak tantangan potensial.

Yang terpenting, di sinilah JavaScript SEO berakhir dan rendering SEO dimulai.

Rendering memiliki banyak fokus pada bagaimana tata letak dimainkan dengan seluruh ide ini.

Lokasi Konten Penting

Kita sudah tahu bahwa teks yang muncul di paro atas lebih penting daripada teks di bawah garis.

Ternyata itu juga memengaruhi cara Google merayapi konten itu.

Paten Google 2011, Penjadwalan sumber daya penjelajahan, memberi tahu kita bagaimana mesin pencari melihat berbagai bagian situs web, serta tautan di dalam bagian itu, dengan prioritas berbeda.

Ini menunjukkan bahwa Javascript SEO hanyalah puncak gunung es. Ini hanya difokuskan pada apakah Google dapat melihat konten kita.

Iklan
Lanjutkan Membaca Di Bawah

Rendering jauh melampaui itu.

Rendering SEO Manifesto: Mengapa Kita Perlu Melampaui JavaScript SEO

Ini adalah topik yang jauh lebih luas karena selain Google hanya melihat kontennya, kami sekarang tertarik pada:

Tata letak halaman.

  • Pentingnya konten, berdasarkan ukuran teks, penempatan, dll.
  • Ekstraksi tautan internal dan eksternal.
  • Tarif perubahan entri.
  • Faktor lain yang berkaitan dengan bagaimana sebuah situs web ditampilkan dan bagaimana tampilannya setelah itu, termasuk gambar .

Rendering Batch vs. Gambar

Layanan rendering Google menggunakan gambar tiruan. Berikut adalah contoh bagaimana hasilnya.

contoh rendering batch gambar

Bagaimana dengan Link?

Nilai tautan bergantung pada lokasi dan atributnya.

Kami telah mengetahui ini selama beberapa waktu, tetapi ini menjadi lebih menarik ketika kami melihat lebih banyak pola dari Google.

posisi tautan

Posisi link dalam halaman itu penting.

Iklan
Lanjutkan Membaca Di Bawah

Ini memengaruhi cara Google merayapi tautan itu dan jenis "peringkat" yang akan diberikan Google untuk tautan itu.

Selain itu, link yang ditempatkan di bagian penting halaman Anda mungkin diberi nilai lebih tinggi dibandingkan link di bagian yang kurang penting.

Menurut dokumen Pemeringkatan berdasarkan perilaku pengguna dan / atau hak paten data fitur (model Reasonable Surfer), ada banyak fitur lain yang terkait dengan tautan, termasuk:

  • Teks sekeliling: kata-kata sebelum dan / atau sesudah tautan;
  • Jenis tautan (mis. Gambar / teks)
  • Seberapa komersial teks tautan yang terkait dengan tautan
  • Jumlah tautan di dokumen sumber
  • Ukuran huruf

Selain itu, Google tidak menganalisis halaman pada level blok. Tautan, bahkan jika ditempatkan di bagian populer dari sebuah halaman, dapat dianggap tidak penting - misalnya, jika itu adalah tautan "Persyaratan Layanan", iklan spanduk, atau tautan yang tidak terkait dengan dokumen.

Penting untuk diperhatikan bahwa Google, untuk menerapkan sepenuhnya model surfer yang wajar, halaman harus dirender sepenuhnya.

Berita Teratas Lainnya - CNN

Menurut dokumen Pemeringkatan berdasarkan perilaku pengguna dan / atau hak paten data fitur (model Reasonable Surfer), ada banyak fitur lain yang terkait dengan tautan, termasuk:

Iklan
Lanjutkan Membaca Di Bawah
  • Teks sekeliling: kata-kata sebelum dan / atau sesudah tautan.
  • Jenis tautan (mis., Gambar / teks).
  • Seberapa komersial teks tautan yang terkait dengan tautan.
  • Jumlah tautan di dokumen sumber.
  • Ukuran huruf.

Selain itu, Google tidak menganalisis halaman pada level blok.

Tautan, bahkan jika ditempatkan di bagian populer dari sebuah halaman, dapat dianggap tidak penting - misalnya, jika itu adalah tautan "Persyaratan Layanan", iklan spanduk, atau tautan yang tidak terkait dengan dokumen.

Penting untuk diperhatikan bahwa Google, untuk menerapkan sepenuhnya model surfer yang wajar, halaman harus dirender sepenuhnya.

Jadi Bagian Mana yang Dilakukan & Tidak Diindeks?

Apa yang ditemukan Góralewicz dan timnya melalui penelitian selama sembilan bulan adalah bahwa Google menggunakan heuristik yang sangat mirip untuk memilih bagian mana dari situs web yang harus dirender dan bagian mana yang dapat dilewati.

Untuk mendiagnosis pengindeksan parsial, tim Onely melihat situs web populer untuk melihat bagian mana dari tata letak tertentu yang diindeks dan mana yang tidak.

Iklan
Lanjutkan Membaca Di Bawah

Apa yang mereka temukan adalah bahwa Google tampaknya mengabaikan beberapa bagian situs web dengan lebih bersemangat daripada yang lain.

Misalnya, Google tampaknya kesulitan merender bagian "item terkait" dan "Anda mungkin juga tertarik pada".

Google kemungkinan besar akan mengindeks konten utama Anda.

Tapi … ada kemungkinan besar bahwa jika situs web Anda berat di sisi skrip dan rendering, mereka akan melewatkan bagian halaman Anda yang tidak sepenting konten utama setelah Google mencoba memahami tata letak itu.

Google telah menyebutkan bahwa mereka akan mengganggu skrip ketika mereka berat, tetapi kami tidak tahu apa artinya sampai sekarang.

Pengindeksan Parsial: Temuan Kunci

Anda mungkin berpikir bahwa pengindeksan parsial bukanlah masalah yang signifikan.

  • Saat mereka mengindeks konten utama Anda terlebih dahulu, kami dapat berasumsi bahwa ini adalah keputusan cerdas dari Google.
  • Ini berarti mereka akan sering mengabaikan bagian dari tata letak Anda.
  • Yang dapat menyebabkan masalah pengindeksan dan perayapan di seluruh situs.
  • Dan kami kembali ke masalah bahwa setelah 14 hari, sekitar 40% konten JavaScript tidak diindeks.

Tetapi ini mengarah pada masalah yang lebih signifikan - setelah 14 hari, 10% dari URL tidak diindeks.

Iklan
Lanjutkan Membaca Di Bawah

Ini jauh melampaui SEO JavaScript karena rendering terjadi dengan dan tanpa JavaScript.

JavaScript bukanlah alasan utama rendering.

Mengetahui apa yang kita ketahui sekarang, haruskah kita tetap menyebutnya JavaScript SEO?

Takeaways

Untuk mengakhiri presentasinya, Góralewicz membagikan kesimpulan berikut:

  • Merender SEO dan mengindeks akan menjadi salah satu tren SEO terpanas. Segera.
  • Jika Anda tidak diindeks, semua aktivitas SEO lain yang Anda lakukan tidak masalah.
  • Pengindeksan adalah sesuatu yang dapat Anda lihat dan ukur. Ini mendorong pendapatan. Langsung.
  • Untuk pertama kalinya dalam sejarah SEO, kami memiliki pemahaman yang baik tentang cara kerja rendering dan pengindeksan, jadi mari kita manfaatkan sebaik-baiknya.

Tonton Presentasi ini

Anda sekarang dapat menonton presentasi lengkap Góralewicz dari SEJ eSummit pada 2 Juni.

Sumber Daya Lainnya:

Iklan
Lanjutkan Membaca Di Bawah
  • Dasar-dasar JavaScript untuk Profesional SEO
  • Pengantar SEO untuk Rendering
  • Bagaimana (& Mengapa) Mesin Pencari Merender Halaman

Kredit Gambar

Gambar Unggulan: Paulo Bobita
Semua tangkapan layar diambil oleh penulis, Juli 2020