Yang Perlu Anda Ketahui Tentang JavaScript SEO

Tanyakan programmer mana pun dan mereka akan memberi tahu Anda apa pendapat mereka tentang JavaScript.

Sejak dirilis, JavaScript (JS) telah menjadi bahasa pemrograman paling populer yang digunakan oleh pengembang web di seluruh dunia. Sebuah survei terbaru oleh Stack Overflow di antara pengembang web mengungkapkan bahwa JavaScript adalah bahasa pemrograman yang paling disukai selama delapan tahun berturut-turut.

JS memungkinkan pengembang web untuk membangun aplikasi web skala besar dengan mudah. Ini memiliki kemampuan luar biasa untuk memperbarui halaman secara dinamis dan membuatnya lebih interaktif. Selain itu, kerangka kerja JavaScript seperti AngularJS, ReactJS, Vue, dan NodeJS secara signifikan mengurangi jumlah waktu dan upaya yang diperlukan untuk mengembangkan situs berbasis JS. Tidak heran JavaScript membentuk dasar dari 96 persen situs web secara global.

Namun situs berbasis JS tampaknya memiliki hubungan cinta-benci dengan Google. JavaScript dapat dengan mudah mengontrol dan mengubah HTML untuk membuat halaman web dinamis dan interaktif, sehingga meningkatkan UX situs. Namun mesin pencari merasa sulit untuk berurusan dengan JS, meninggalkan sebagian besar konten JavaScript tidak terindeks.

Mari kita gali lebih dalam mengapa JavaScript membuat pekerjaan Google menjadi lebih sulit dan apa yang dapat Anda lakukan untuk membuat konten JS Anda ramah bot.

Bagaimana Javascript memengaruhi SEO?

JavaScript memungkinkan halaman dimuat dengan cepat, menawarkan antarmuka yang kaya, dan mudah diterapkan; namun, fluiditas browser berubah berdasarkan interaksi pengguna, sehingga sulit bagi mesin telusur untuk memahami halaman dan mengaitkan nilai ke konten.

Mesin pencari memiliki keterbatasan saat merender halaman web yang membawa konten JavaScript. Google melakukan perayapan awal halaman dan mengindeks apa yang ditemukannya. Karena sumber daya tersedia, bot kembali merender JS pada halaman tersebut. Ini berarti konten dan tautan yang mengandalkan JavaScript berisiko tidak terlihat oleh mesin telusur, yang berpotensi merusak SEO situs.

Sumber

Namun, Google tahu bahwa JavaScript akan tetap ada! Akibatnya, raksasa mesin pencari telah mendedikasikan banyak sumber dayanya untuk membantu profesional pencarian mengoptimalkan situs berbasis JS mereka.

Lihat seri video ini tentang SEO JavaScript dari Google yang dapat membantu membuat konten JS Anda lebih mudah ditemukan secara online.

Pakar SEO perlu membahas halaman web berbasis JS mereka dalam format yang dihargai Google. Dengan sedikit pemahaman tentang bagaimana mesin pencari memproses konten JS, JavaScript dan SEO dapat dibuat untuk bekerja sama untuk meningkatkan peringkat situs Anda.

Bagaimana mesin pencari memproses JavaScript?

Bot Google memproses JS secara berbeda dari halaman non-JS. Bot memprosesnya dalam tiga fase, yaitu crawling, pengindeksan, dan rendering. Fase-fase tersebut dapat dengan mudah dipahami berkat grafik dari Google Developers di bawah ini:

Sumber

Merangkak

Fase ini adalah tentang kemampuan konten Anda untuk ditemukan. Ini adalah proses yang rumit, melibatkan subproses, yaitu seed set, crawl antrian dan penjadwalan, URL penting, dan lain-lain.

Untuk memulainya, bot Google mengantre halaman untuk dirayapi dan dirender. Bot menggunakan modul parsing untuk mengambil halaman, mengikuti tautan di halaman, dan merender hingga halaman diindeks. Modul ini tidak hanya merender halaman tetapi juga menganalisis kode sumber dan mengekstrak URL dalam cuplikan <a href="…”>.

Bot memeriksa file robots.txt untuk melihat apakah perayapan diizinkan atau tidak. Jika URL ditandai tidak diizinkan, bot akan melewatkannya. Oleh karena itu, sangat penting untuk memeriksa file robots.txt untuk menghindari kesalahan.

Rendering

Proses menampilkan konten, template, dan fitur lain dari sebuah situs kepada pengguna disebut rendering. Ada rendering sisi server dan rendering sisi klien.

Render sisi server (SSR)

Seperti namanya, dalam jenis rendering ini halaman diisi di server. Setiap kali situs diakses, halaman ditampilkan di server dan dikirim ke browser.

Dengan kata lain, ketika pengguna atau bot mengakses situs, mereka menerima konten sebagai markup HTML. Ini biasanya membantu SEO karena Google tidak perlu merender JS secara terpisah untuk mengakses konten. SSR adalah metode rendering tradisional dan mungkin terbukti mahal dalam hal bandwidth.

Render sisi klien

Render sisi klien adalah jenis perenderan yang cukup baru yang memungkinkan pengembang membangun situs mereka yang sepenuhnya dirender di browser dengan JavaScript. Jadi, alih-alih memiliki halaman HTML terpisah per rute, rendering sisi klien memungkinkan setiap rute dibuat secara dinamis langsung di browser. Meskipun jenis rendering ini awalnya lambat karena membuat beberapa putaran ke server, setelah permintaan selesai, pengalaman melalui kerangka kerja JS menjadi cepat.

Kembali ke apa yang terjadi setelah laman dirayapi, bot mengidentifikasi laman yang perlu dirender dan menambahkannya ke antrean render kecuali tag meta robots dalam kode HTML mentah memberi tahu Googlebot untuk tidak mengindeks laman.

Halaman tetap berada dalam antrean render selama beberapa detik, tetapi mungkin memerlukan waktu, tergantung pada jumlah sumber daya yang tersedia.

Sumber

Setelah sumber daya memungkinkan, Google Web Rendering Service (WRS) merender, mem-parsing, dan mengompilasi halaman dan mengeksekusi JavaScript pada halaman. Bot mem-parsing HTML yang dirender untuk tautan lagi dan mengantrekan URL yang ditemukannya untuk dirayapi. HTML yang dirender digunakan untuk mengindeks halaman.

Pengindeksan

Setelah WRS mengambil data dari API dan database eksternal, pengindeks Kafein di Google dapat mengindeks konten. Fase ini melibatkan menganalisis URL, memahami konten pada halaman dan relevansinya, dan menyimpan halaman yang ditemukan dalam indeks.

Cara mengoptimalkan JavaScript untuk SEO

JavaScript, ketika diterapkan secara tidak benar, dapat merusak SEO Anda. Ikuti praktik terbaik SEO Javascript ini untuk meningkatkan peringkat situs Anda.

Bersikaplah gigih dengan upaya SEO di halaman Anda

Semua aturan SEO di halaman yang digunakan untuk mengoptimalkan halaman Anda untuk membantu peringkat mereka di mesin pencari masih berlaku. Optimalkan tag judul, deskripsi meta, atribut alt dalam gambar, dan tag robot meta Anda. Judul dan deskripsi meta yang unik dan deskriptif membantu pengguna dan mesin telusur mengidentifikasi konten dengan mudah. Perhatikan maksud pencarian dan penempatan strategis kata kunci yang terkait secara semantik.

Juga, bagus untuk memiliki struktur URL yang SEO-friendly. Dalam beberapa kasus, situs web menerapkan perubahan pushState di URL, membingungkan Google ketika mencoba menemukan yang kanonik. Pastikan Anda memeriksa URL untuk masalah seperti itu.

Pastikan JavaScript Anda muncul di pohon DOM

Render JavaScript berfungsi ketika DOM halaman telah dimuat dengan cukup. DOM atau Model Objek Dokumen menunjukkan struktur konten halaman dan hubungan setiap elemen dengan elemen lainnya. Anda dapat menemukannya di ''Periksa elemen' browser pada kode halaman. DOM adalah dasar dari halaman yang dibuat secara dinamis.

Jika konten Anda dapat dilihat di DOM, kemungkinan konten Anda sedang diurai oleh Google. Memeriksa DOM akan membantu Anda menentukan apakah halaman Anda sedang diakses oleh bot mesin pencari atau tidak.

Bot melewatkan rendering dan eksekusi JS jika tag meta robots awalnya berisi noindex. Googlebot tidak mengaktifkan acara di halaman. Jika konten ditambahkan ke halaman dengan bantuan JS, itu harus dilakukan setelah halaman dimuat. Jika konten ditambahkan ke HTML saat mengklik tombol, saat menggulir halaman, dan sebagainya, itu tidak akan diindeks.

Terakhir, saat menggunakan data terstruktur, gunakan JavaScript untuk menghasilkan JSON-LD yang diperlukan dan masukkan ke dalam halaman. Selain itu, pelajari tentang trik SEO on-page teratas yang harus Anda terapkan sejak awal.

Hindari memblokir mesin pencari dari mengakses konten JS

Untuk menghindari masalah Google tidak dapat menemukan konten JS, beberapa webmaster menggunakan proses yang disebut penyelubungan yang menyajikan konten JS kepada pengguna tetapi menyembunyikannya dari perayap. Namun, metode ini dianggap sebagai pelanggaran Pedoman Webmaster Google dan Anda dapat dihukum karenanya. Alih-alih, bekerjalah untuk mengidentifikasi masalah utama dan membuat konten JS dapat diakses oleh mesin telusur.

Terkadang, host situs mungkin diblokir secara tidak sengaja, sehingga Google tidak dapat melihat konten JS. Misalnya, jika situs Anda memiliki beberapa domain turunan yang memiliki tujuan berbeda, masing-masing harus memiliki robots.txt terpisah karena subdomain diperlakukan sebagai situs web terpisah. Dalam kasus seperti itu, Anda perlu memastikan bahwa tidak satu pun dari perintah robots.txt ini yang memblokir mesin telusur untuk mengakses sumber daya yang diperlukan untuk rendering.

Gunakan kode status HTTP yang relevan

Perayap Google menggunakan kode status HTTP untuk mengidentifikasi masalah saat merayapi laman. Oleh karena itu, Anda harus menggunakan kode status yang berarti untuk memberi tahu bot jika halaman tidak boleh dirayapi atau diindeks. Misalnya, Anda dapat menggunakan status HTTP 301 untuk memberi tahu bot bahwa halaman telah dipindahkan ke URL baru, memungkinkan Google memperbarui indeksnya.

Lihat daftar kode status HTTP ini dan ketahui kapan harus menggunakannya:

Sumber

Perbaiki konten duplikat

Saat JavaScript digunakan untuk situs web, mungkin ada URL yang berbeda untuk konten yang sama. Hal ini menyebabkan masalah konten duplikat, sering kali disebabkan oleh kapitalisasi, ID, atau parameter dengan ID. Pastikan Anda menemukan halaman seperti itu, pilih URL asli/pilihan yang ingin Anda indeks, dan atur tag kanonik agar mesin telusur tidak bingung.

Perbaiki konten dan gambar yang lambat dimuat

Kecepatan situs sangat penting untuk SEO. Pemuatan lambat adalah salah satu praktik terbaik UX yang menunda pemuatan konten yang tidak penting atau tidak terlihat, sehingga mengurangi waktu pemuatan halaman awal. Tetapi selain membuat halaman dimuat lebih cepat, Anda juga perlu memastikan bahwa konten Anda dapat diakses oleh crawler mesin pencari. Perayap ini tidak akan menjalankan JavaScript Anda atau menggulir halaman untuk mendorong konten yang dimuat lambat, yang berdampak negatif pada SEO Anda.

Terlebih lagi, pencarian gambar juga merupakan sumber lalu lintas organik tambahan. Jadi, jika Anda memiliki gambar yang dimuat dengan lambat, mesin pencari tidak akan memilihnya. Meskipun pemuatan lambat sangat bagus untuk pengguna, hal itu perlu dilakukan dengan hati-hati untuk mencegah bot kehilangan konten yang berpotensi penting.

Gunakan alat JS SEO

Ada banyak alat yang tersedia yang dapat membantu Anda mengidentifikasi dan memperbaiki masalah dengan kode JavaScript. Berikut adalah beberapa yang dapat Anda gunakan untuk keuntungan Anda.

• Fitur pemeriksaan URL. Alat ini ditemukan di Google Search Console. Ini dapat menunjukkan kepada Anda apakah perayap Google dapat mengindeks atau merayapi halaman Anda.
• Perayap mesin pencari. Alat-alat ini memungkinkan Anda untuk menguji dan memantau secara efektif bagaimana mesin pencari merayapi halaman Anda.
• Wawasan Kecepatan Halaman. Wawasan Kecepatan Laman Google membagikan detail tentang kinerja situs Anda dan menawarkan rekomendasi tentang cara meningkatkannya.
• Situs: Komando. Alat ini membantu Anda melihat apakah Google telah mengindeks konten Anda dengan benar atau tidak. Yang perlu Anda lakukan adalah memasukkan perintah ini di Google - situs: [URL situs web] "cuplikan teks atau kueri"

Tantangan SEO JavaScript

Sekarang Anda memiliki gagasan yang adil tentang bagaimana mesin pencari memproses konten JavaScript dan apa yang dapat Anda lakukan untuk mengatur situs web Anda di jalur cepat menuju kesuksesan SEO. Namun, ada beberapa tantangan lain yang dihadapi oleh pakar SEO dan webmaster. Sebagian besar berasal dari kesalahan yang dilakukan oleh mereka saat mengoptimalkan situs web berbasis JavaScript mereka

1. File JavaScript dan CSS yang tidak diminifikasi

Jika Anda menggunakan alat SEO untuk mengaudit situs web JS Anda, Anda mungkin akan menemukan peringatan tentang masalah dengan Javascript dan CSS yang tidak diminifikasi. Selama periode waktu tertentu, file JS dan CSS dibebani oleh baris kode yang tidak perlu, spasi putih, komentar dalam kode sumber, dan hosting di server eksternal, membuat situs web Anda lambat. Pastikan Anda menyingkirkan garis, spasi, dan komentar yang tidak perlu untuk mengurangi waktu buka halaman, meningkatkan tingkat keterlibatan, dan meningkatkan SEO.

2. Penggunaan hash di URL

Ingat apa yang dikatakan John Mueller tentang URL buruk di acara SEO?

“Bagi kami, jika kami melihat jenis hash di sana, maka itu berarti sisanya di sana mungkin tidak relevan. Sebagian besar, kami akan menghapusnya saat kami mencoba mengindeks konten…”

Namun beberapa situs berbasis JS menghasilkan URL dengan hash. Ini bisa menjadi bencana bagi SEO Anda. Pastikan URL Anda ramah Google. Seharusnya tidak terlihat seperti ini:

www.example.com/#/about -us ATAU

www.example.com/about#us

3. Tidak memeriksa struktur tautan internal

Google memerlukan tautan <a href> yang tepat untuk menemukan URL di situs Anda. Juga, jika tautan ditambahkan ke DOM setelah mengklik tombol, bot akan gagal melihatnya. Sebagian besar webmaster melewatkan poin-poin ini, menyebabkan SEO mereka menderita.

Berhati-hatilah untuk menyediakan tautan 'href' tradisional, sehingga dapat dijangkau oleh bot. Periksa tautan Anda menggunakan alat audit situs web, SEOprofiler untuk meningkatkan struktur tautan internal situs Anda.

Lihat presentasi ini oleh Tom Greenway selama konferensi Google I/O untuk panduan tentang struktur tautan yang tepat:

Kesimpulan

Tanpa ragu, JavaScript memperluas fungsionalitas situs web. Namun, JavaScript dan mesin pencari tidak selalu berjalan bersama. JavaScript memengaruhi cara mesin telusur merayapi dan mengindeks situs, sehingga memengaruhi peringkatnya. Oleh karena itu, profesional pencarian harus memahami bagaimana bot mesin pencari memproses konten JS dan mengambil langkah-langkah yang diperlukan untuk memastikan bahwa JavaScript cocok dengan strategi SEO mereka.

Jika Anda memiliki situs web berbasis JS dan tidak dapat menemukan konten Anda di Google, inilah saatnya untuk mengatasi masalah tersebut. Gunakan informasi dan tip yang dibagikan dalam posting ini untuk mengoptimalkan JavaScript untuk SEO dan meningkatkan pengembalian Anda.