Googlebot dapat membaca JavaScript – bagaimana reaksi SEO?

Secara tradisional, mesin pencari hanya membaca dan merender kode HTML situs web. Ini berarti bahwa mengoptimalkan kode HTML adalah hal yang harus menjadi fokus SEO. Apa artinya optimasi mesin pencari jika Googlebot sekarang juga dapat merayapi dan mengindeks JavaScript? Kami meminta beberapa pakar industri untuk mencari tahu.

Googlebot dan JavaScript: Apa yang dikatakan para ahli

Untuk mendapatkan berbagai perspektif tentang topik Googlebot dan JavaScript, kami mengajukan pertanyaan berikut kepada pakar kami:

• Google mengatakan bahwa Googlebot dapat merayapi situs web yang didasarkan pada JavaScript – tantangan dan peluang apa yang Anda lihat untuk SEO?
• Aspek khusus apa yang harus dipertimbangkan seseorang jika mereka merencanakan peluncuran ulang situs web JavaScript?
• Perubahan apa dalam hal efisiensi dan akurasi yang Anda harapkan dari pembaruan rendering web di Chrome?

Dan inilah jawabannya.

Martin Tauber

Managing Partner, Marketing Factory GmbH

Situs web berbasis JavaScript menawarkan peluang besar dalam hal pengalaman pengguna karena lebih cepat dan lebih interaktif untuk digunakan.

Namun, Googlebot masih mengalami kesulitan dalam menafsirkan JavaScript, yang berarti pengembangan harus sangat bersih dan harus berakar dalam kerjasama yang erat dengan Unit SEO, jika kejutan yang tidak menyenangkan ingin dihindari.

Dominik Wojcik

Direktur Pelaksana, Agen Perwalian

Ada peluang di mana sekarang Anda tidak memiliki dua dunia pemrograman yang terpisah (misalnya untuk fragmen yang lolos), memungkinkan Anda fokus pada kode yang bersih dan lingkungan web yang bersih. Selama pengembang mempertimbangkan peningkatan progresif dan mengembangkan aplikasi web mereka sesuai dengan itu, Google seharusnya dapat mengatasinya dengan baik.

Namun, ada tantangan tersembunyi. Kerangka kerja mana yang digunakan? Apakah akan ada rendering sisi klien atau mungkinkah menerapkan rendering sisi server? Mungkinkah mengimplementasikan JavaScript isomorfik? Apakah JavaScript diimplementasikan secara internal atau eksternal? Sebagai SEO, kita harus melakukan pengujian yang luar biasa dan mencoba berbagai hal, untuk memastikan bahwa Google mengindeks dan memberi bobot pada halaman kita sesuai keinginan.

Sebelum peluncuran ulang, keputusan yang cermat harus dibuat pada kerangka kerja yang akan digunakan. Kemampuan merangkak dan kinerja keduanya harus dipertimbangkan. Idealnya, lingkungan pengujian harus dibuat yang memungkinkan pengujian pengembangan saat ini dari luar, jika rendering sisi klien digunakan. Yang mengatakan, saya akan sangat menyarankan juga menggunakan rendering sisi server. Ini berdampak pada kinerja server, tetapi harus meminimalkan risiko. Di atas segalanya, Anda benar-benar harus menguji, menguji, dan menguji, menggunakan ambil & render untuk melihat apa yang ditemukan, diindeks, dan dirayapi Googlebot.

Jika Google akhirnya beralih ke versi Chrome yang lebih tinggi dari V49, maka kami dapat menggunakan Chrome tanpa kepala dalam kombinasi dengan sesuatu seperti Rendertron untuk membuat lingkungan pengujian yang memungkinkan kami mensimulasikan penyiapan yang serupa dengan Googlebot. Ini akan membantu kami lebih memahami bagaimana dan apa yang dapat ditafsirkan oleh Google. Ini akan membuat segalanya lebih mudah bagi kami para SEO

Bartosz Goralwicz

Co-Founder & Kepala SEO, Elephate

Pada Searchmetrics Summit pada November 2017, Bartosz Goralwicz dari Elephate berbicara tentang hubungan antara Googlebot dan JavaScript:

Stephan Czysch

Pendiri & Direktur Pelaksana, Agen Perwalian

Kami tidak ingin SEO (atau agensi) mendengar orang berkata, “Omong-omong, kami akan segera beralih ke JavaScript. Apakah ada yang harus kita pikirkan dalam hal SEO? Seharusnya tidak, haruskah ada? Tetapi akan lebih baik jika Anda dapat melihat sekilas sebelum kami meluncurkan situs baru pada hari Senin.” Skenario ini pasti akan berakhir dengan kekacauan total. Bartosz [dalam video di atas] memberikan tampilan yang bagus tentang subjek JavaScript dan SEO.

Selain menanyakan apa yang dapat dirender oleh Google, SEO harus melihat, saat meluncurkan kembali situs web, pada apa yang dapat dilihat bot dan menetapkan apa yang berbeda dari situs web lama. Saya baru-baru ini berurusan dengan situs web di mana sistem tautan internal lengkap kacau setelah peluncuran kembali JavaScript, karena logika tautan dari situs lama tidak terbawa. Ada juga masalah hreflang. Oleh karena itu penting untuk bekerja dengan daftar "fitur SEO" yang diinginkan. Selain itu, Anda harus bertanya apa arti sebenarnya dari rendering JavaScript untuk penggunaan Anda: Jenis perangkat keras apa yang mereka gunakan untuk mengakses situs web Anda dan bagaimana pengaruhnya terhadap waktu muat? Untuk lebih lanjut tentang topik ini, dapat merekomendasikan artikel ini oleh Addy Osmani.

Sebastian Adler

Konsultan SEO , leap.de

Bahkan dengan peningkatan kemampuan untuk merayapi JavaScript, Google akan lebih memilih konten HTML murni karena membutuhkan lebih sedikit sumber daya. Pertanyaannya bukanlah apakah Google dapat membaca dan merender JS, tetapi apakah Anda dapat dan ingin mengambil sebagian pekerjaan dari tangan Google. Jika konten saya dapat dibaca, berfungsi, dan dimuat dengan cepat dengan sangat baik tanpa JS, maka itu masih lebih baik bagi saya.

Kemampuan untuk merender selalu bergantung pada teknologi di baliknya dan, seperti yang dikatakan Bartosz (menghormatinya atas semua upaya yang dia lakukan dalam eksperimen dan penelitiannya!), Anda harus memahami teknologi sepenuhnya jika Anda ingin memanfaatkannya sebaik mungkin. . Peluang besar di sini adalah meminimalkan risiko dengan menyediakan konten penting sebagai HTML dan hanya menggunakan JS sebagaimana dimaksudkan: untuk fitur tambahan. Kesulitan terbesar adalah menemukan kesalahan jika Anda benar-benar berkomitmen pada JavaScript.

Saat meluncurkan kembali halaman, pastikan konten yang ingin Anda rangking berfungsi tanpa JavaScript. Ini tidak hanya mencakup konten utama, tetapi juga elemen navigasi. Banyak halaman tidak memiliki menu saat JS dinonaktifkan. Masuk akal untuk tidak memasukkan setiap fitur mewah tetapi untuk menanyakan apakah suatu fungsi benar-benar diperlukan untuk bisnis Anda dan audiens target Anda. Apa dampaknya, jika fitur tertentu tidak berfungsi? Dan kemudian membuat tes yang relevan.

Selain fakta bahwa saya tidak mengharapkan Google untuk mengkomunikasikan pembaruan rendering web dengan sangat baik kepada webmaster, saya berharap hal utama yang akan berubah adalah kerentanan terhadap kesalahan. Chrome dan kerangka kerja berkembang sangat cepat, dan dengan versi baru, bug baru kemungkinan akan muncul di RWS.

Beberapa hal pasti akan diproses lebih cepat atau dirender lebih rapi. Tapi masalah utamanya tetap sama. Kode yang mengandung kesalahan (dari sudut pandang mesin yang digunakan) tidak dapat ditafsirkan. Kita harus mencari tahu bagaimana mesin menginterpretasikan kode kita. Selama pengembangan, ini mengubah alat yang harus kita gunakan untuk debugging. Tetapi jika Anda memiliki aset terpenting sebagai file HTML (dll.) yang dapat dimuat dengan cepat, maka Anda tidak perlu khawatir – Anda dapat berkonsentrasi pada pekerjaan SEO yang tepat.

Bjorn Beth

Direktur Layanan Profesional, Searchmetrics

Kita harus membedakan antara perayapan dan pengindeksan. Google dapat merayapi JavaScript, tetapi membutuhkan lebih banyak sumber daya daripada merayapi HTML murni. Lebih bermasalah bagi pengindeks yang merender tautan (URL) yang diterimanya dari perayap dengan bantuan layanan rendering web (WRS), dengan cara yang mirip dengan Fetch & Render di Search Console. Untuk melakukan ini, Google menggunakan browser Chrome-nya sendiri (Versi 41). Dengan bantuan browser, ia mencoba membuat Document Object Model (DOM) dan menafsirkan halaman dengan cara yang sama seperti yang akan ditampilkan di browser. Ini dapat menyebabkan masalah, karena Google, misalnya (seperti yang ditunjukkan dalam pengujian yang dijalankan oleh Distilled dan Bartosz Goralewicz), tidak dapat mengatasi masalah dalam kode, atau masalah besar lainnya terjadi saat rendering, sehingga Google berhenti merender halaman setelah lima detik . Hal ini ditunjukkan dalam tes yang dilakukan oleh Screaming Frog.

Pada dasarnya, JavaScript membuat perayapan dan pengindeksan jauh lebih rumit dan menciptakan hubungan yang sangat tidak efisien di antara keduanya. Jika SEO penting bagi Anda, Anda harus selalu memastikan bahwa bot dapat membaca halaman Anda secepat dan seefisien mungkin.

Sebelum meluncurkan kembali dari situs web berbasis HTML ke kerangka kerja atau pustaka berbasis JavaScript, Anda harus memastikan bahwa rendering sisi penayangan disertakan. Misalnya, React hadir dengan solusinya sendiri, yang disebut renderToString. Ini menggunakan antarmuka DOM browser-independen yang membuat JavaScript di server, membuat DOM dan mengirimkannya ke bot. AngularJS menggunakan Angular Universal. Ini membuktikan klien dengan segala sesuatu yang penting sebagai HTML pra-render. Klien kemudian mendapatkan JavaScript seperti yang diperlukan. Namun, Anda juga dapat bekerja dengan Chrome tanpa kepala di server dan mengirim HTML yang telah dirender sebelumnya ke bot.

Di atas segalanya, saya berharap rendering yang lebih cepat dan lebih efisien datang dari Chrome 59, bergerak menuju kinerja yang setara dengan HTML murni. Hanya tes yang akan memberi tahu apakah ini benar-benar terjadi.

Merangkak melalui lumpur: Evaluasi kesehatan situs web Anda

Analisis HTML dan JavaScript dengan Pengoptimalan Struktur Situs termasuk Perayap JavaScript sekarang dengan Searchmetrics! Manfaat Anda:

• Merangkak semua kerangka kerja JavaScript yang relevan, termasuk Angular dan React
• Tingkatkan kinerja situs web melalui daftar prioritas masalah teknis
• Bandingkan perayapan dengan dan tanpa Perayapan JavaScript

Baca lebih lanjut tentang Perayapan JavaScript kami

Dan apa yang kamu pikirkan?

Itulah pendapat lima pakar ini, tetapi kami memiliki lebih banyak pakar yang membaca blog ini. Jadi apa pendapat Anda tentang JavaScript? Apakah Anda sudah membuat perubahan di situs web Anda? Apakah Anda sudah menemukan sesuatu yang menarik dalam pengujian Anda?