SEO -> Bagaimana Google Membaca dan Merender Bahasa Programmer JavaScript

   JavaScript dapat meningkatkan pengalaman pembelian pembeli, mendorong interaksi, dan bahkan meningkatkan kinerja situs dalam beberapa kasus. Tetapi jika menyangkut pengoptimalan mesin telusur, JavaScript membutuhkan tingkat perhatian ekstra.

Googlebot sedang sibuk. Laba-laba web bertanggung jawab untuk merayapi lebih dari 130 triliun halaman. Jika setiap halaman web hanya membutuhkan satu detik untuk dimuat, Googlebot akan memiliki lebih dari empat tahun pemuatan dan pemrosesan halaman untuk mengambil setiap halaman satu kali.

Laba-laba web bertanggung jawab untuk merayapi lebih dari 130 triliun halaman.

Untungnya, Googlebot dapat merayapi banyak halaman dalam waktu yang bersamaan. Ia bahkan dapat merender JavaScript. Namun, seperti yang dikatakan oleh Martin Splitt dari Google, "JavaScript membutuhkan tahap ekstra dalam proses [perayapan dan pengindeksan], yaitu tahap rendering".

“Googlebot mengeksekusi JavaScript saat merender laman, tetapi karena tahap perenderan ini mahal [dalam hal waktu untuk mengeksekusinya], ini tidak selalu dapat dilakukan dengan segera,” kata Splitt. “Memisahkan pengindeksan dan rendering memungkinkan kami mengindeks konten yang tersedia tanpa JavaScript secepat mungkin, dan untuk kembali serta menambahkan konten yang memang membutuhkan JavaScript di lain waktu.”

Fakta bahwa JavaScript harus diproses secara terpisah dan sedikit terakhir adalah di antara beberapa alasan pemasar e-niaga ingin memberi perhatian khusus tentang bagaimana dan mengapa JavaScript digunakan. Misalnya, meskipun kami tahu bahwa Googlebot pada akhirnya dapat "melihat" konten yang ditambahkan dengan JavaScript, mungkin saja konten tersebut membutuhkan waktu lebih lama untuk diindeks dan, oleh karena itu, membutuhkan waktu lebih lama untuk muncul di hasil penelusuran Google.

Ini mungkin tidak menjadi masalah untuk halaman detail produk. Sepertinya halaman akan sedikit berubah seiring waktu dan akan ada di tempatnya untuk waktu yang lama. Dengan demikian, beberapa hari ekstra mungkin layak untuk ditunggu. Tetapi toko online mungkin menginginkan halaman obral baru atau panduan pembelian saat liburan untuk muncul di indeks Google dan SERP yang relevan sesegera mungkin.

Merayapi, Merender, Indeks

Pada Juli 2019, Google menerbitkan panduan singkat baru tentang JavaScript SEO. Panduan ini menjelaskan tahapan atau langkah yang diambil Google untuk merayapi, merender, dan mengindeks konten yang ditambahkan JavaScript ke halaman.

Saat kita melihat proses ini, penting untuk dipahami bahwa Googlebot akan membaca dan, mungkin, mengindeks konten HTML konvensional yang ditemukannya. Jadi, langkah tambahan hanya berlaku untuk konten yang ditambahkan JavaScript ke halaman di browser.

Diagram ini menunjukkan langkah-langkah yang diambil Googlebot untuk mengurai dan merender konten halaman. Prosesnya berulang. Setiap kali Googlebot menemukan URL baru, ia menambahkannya ke antrean perayapan. Sumber: Google.

Crawler. Pertama, Googlebot mendapatkan alamat halaman - misalnya halaman kategori di toko e-niaga - dari antrean crawl, dan mengikuti URL. Dengan asumsi halaman tidak diblokir melalui robots.txt, Googlebot akan mengurai halaman tersebut. Pada diagram di atas, ini adalah tahap "crawler".

Pada tahap perayap, setiap tautan (URL) baru yang ditemukan Googlebot dikirim kembali ke antrean perayapan. Konten HTML pada halaman yang diurai kemudian dapat diindeks.

Pengolahan (rendering). Pada tahap ini, URL akan diproses untuk JavaScript.

“Berapa lama waktu yang dibutuhkan Google untuk merender laman Anda bergantung pada banyak faktor berbeda, dan kami tidak dapat menjamin di sini,” kata Splitt.

Pada dasarnya, halaman ditempatkan dalam antrian render di mana ia harus menunggu giliran jika Anda mau.

Akhirnya, Google akan merender konten. Kembali pada tahun 2015, Merkle menjalankan eksperimen untuk menentukan seberapa baik Google merender JavaScript. Meski begitu, Googlebot telah melakukan tugasnya dengan baik, dan kami hanya dapat berasumsi bahwa Google telah meningkatkan rendering dan pemahaman JavaScript.

Setelah merender JavaScript, Googlebot akan menambahkan URL baru yang ditemukannya ke antrean perayapan dan memindahkan konten baru (konten yang ditambahkan melalui JavaScript) ke depan sebagai HTML yang dijalankan, ke indeks.

Pengindeksan. Tahap ini menambahkan konten, baik itu dari HTML atau konten tambahan dari JavaScript, ke indeks Google. Saat seseorang memasukkan kueri yang relevan di Google, halaman tersebut mungkin muncul.

SEO JavaScript

Sekarang setelah Anda (i) memahami bagaimana Googlebot dapat merender dan membaca JavaScript paling modern dan (ii) menyadari bahwa konten yang didorong JavaScript dapat membutuhkan waktu lebih lama untuk muncul di indeks Google, Anda dapat membuat keputusan yang lebih baik tentang kapan dan bagaimana menggunakan JavaScript di situs e-niaga.

Berikut ini contoh singkatnya. JavaScript dapat digunakan untuk memuat gambar secara lambat pada halaman kategori produk. Saat pembeli mengunjungi halaman kategori ini, semua gambar yang akan muncul di layar yang terlihat akan dimuat. Gambar lainnya, gambar yang berada "paro bawah", tidak dimuat sampai pembeli menggulir atau menggeser.