JavaScript SEO penting untuk diperhatikan. Meskipun mesin pencari sudah mampu meng-crawl JavaScript dengan baik, terdapat beberapa hal yang perlu diperhatikan agar JavaScript tidak menjadi penghambat SEO.
Salah satunya adalah dengan memastikan JavaScript tidak terblokir oleh robot.txt atau tag “noindex”, sehingga mesin pencari bisa meng-crawl konten yang ditampilkan oleh JavaScript.
Untuk pembahasan selengkapnya, silakan Anda ikuti artikel ini hingga selesai!
Apa itu JavaScript SEO?
JavaScript adalah bahasa pemrograman yang dapat digunakan untuk menambahkan interaksi dan dinamika ke halaman web. Nantinya, JavaScript dapat dipakai untuk membuat efek animasi, mengirim dan menerima data dari server, dan banyak lagi.
Ini biasanya dijalankan di browser web, tetapi juga dapat dijalankan di server menggunakan runtime seperti Node.js. JavaScript merupakan salah satu bahasa pemrograman yang paling populer dan banyak digunakan di dunia.
Sedangkan, JavaScript SEO adalah istilah yang digunakan untuk menggambarkan bagaimana cara mengoptimalkan situs web yang menggunakan JavaScript untuk mesin pencari seperti Google.
Ini penting karena mesin pencari seperti Google tidak selalu dapat dengan mudah mengindeks dan mengerti konten yang dibuat menggunakan JavaScript.
Oleh karena itu, penting bagi pemilik situs web untuk memastikan bahwa konten JavaScript mereka dapat diindeks dengan benar oleh mesin pencari agar situs web mereka dapat muncul di hasil pencarian yang relevan.
Seberapa Penting JavaScript SEO?
JavaScript adalah bahasa pemrograman yang sering digunakan untuk membuat situs web interaktif dan aplikasi web.
Meskipun JavaScript SEO dapat mempengaruhi bagaimana sebuah situs diindeks oleh mesin pencari dan bagaimana itu muncul dalam hasil pencarian, itu tidak sepenting elemen-elemen lain dari SEO.
Misalnya, isi teks yang berkualitas, struktur website yang baik, dan backlink dari situs lain yang terpercaya masih merupakan faktor-faktor penting dalam SEO. Namun, ada beberapa cara JavaScript dapat membantu SEO, misalnya:
- Memungkinkan website untuk diakses dan diindeks dengan benar oleh mesin pencari.
- Membantu mesin pencari untuk mengerti isi website dengan lebih baik dengan menggunakan teknik seperti lazy loading dan infinite scrolling.
- Membantu mesin pencari untuk mengerti struktur website dan bagaimana halaman terhubung satu sama lain dengan menggunakan teknik seperti pushState dan fragmention URLs.
Jadi, meskipun JavaScript bukan merupakan faktor utama dalam SEO, tapi ini dapat membantu mesin pencari untuk mengerti dan menilai website dengan lebih baik jika digunakan dengan benar.
Cara Custom JavaScript di WordPress dengan Plugin Header And Footer Scrips
Setelah kita memahami tentang JavaScript SEO serta apa pentingnya, lalu bagaimana melakukan custom JavaScript? Nah, di bawah ini kita akan membahas secara khusus cara custom JavaScript di WordPress:
- Pertama-tama, pastikan Anda telah memasang plugin Header and Footer Scripts di WordPress.
- Setelah plugin terpasang, buka menu setelan di WordPress dan pilih menu Header and Footer Scripts.
- Di halaman pengaturan plugin, Anda akan melihat dua kolom teks, satu untuk menambahkan script ke bagian atas (header) halaman dan satu lagi untuk menambahkan script ke bagian bawah (footer) halaman.
- Tambahkan script Java Anda ke salah satu kolom teks tergantung pada di mana Anda ingin menampilkan script. Jika ingin menambahkan script ke bagian atas halaman, gunakan kolom teks di sebelah kiri. Jika ingin menambahkan script ke bagian bawah halaman, gunakan kolom teks di sebelah kanan.
- Setelah menambahkan script, jangan lupa untuk menyimpan pengaturan dengan mengklik tombol “Simpan/Save setting” di bagian bawah halaman.
- Sekarang, JavaScript SEO akan muncul di bagian atas atau bagian bawah halaman WordPress, tergantung pada di mana Anda menambahkannya.
- Jika ingin mengedit atau menghapus script yang sudah ditambahkan, Anda dapat kembali ke halaman pengaturan plugin dan membuat perubahan yang diperlukan.
- Jangan lupa untuk menyimpan pengaturan setelah mengubah atau menghapus script.
Demikian tutorial lengkap cara menambahkan custom JavaScript di WordPress menggunakan plugin Header and Footer Scripts. Selamat mencoba!
Tips Cara Membuat JavaScript yang Baik untuk SEO
Berikut ini adalah beberapa tips untuk membuat JavaScript SEO yang baik, simak seluruhnya di bawah ini:
- Gunakan async atau defer pada tag script untuk mengindikasikan kepada mesin pencari bahwa JavaScript tersebut tidak akan mempengaruhi rendering halaman.
- Gunakan pranala yang sesuai dan terstruktur untuk menghubungkan ke file JavaScript. Ini membantu mesin pencari untuk mengindeks file JavaScript dengan lebih mudah.
- Gunakan kode yang efisien dan terstruktur dengan baik. Ini akan membuat file JavaScript lebih mudah dibaca oleh mesin pencari dan meningkatkan kecepatan loading halaman.
- Jangan menggunakan kode JavaScript SEO yang terlalu kompleks. Ini akan membuat file JavaScript lebih sulit dibaca oleh mesin pencari dan menurunkan kinerja SEO.
- Gunakan metode pemuatan konten yang sesuai, seperti pemuatan dinamis atau pemuatan praload, untuk memastikan konten yang di-render oleh JavaScript dapat dikenali oleh mesin pencari.
- Gunakan nama file yang deskriptif dan gunakan alt tag pada gambar yang di-render oleh JavaScript untuk memastikan bahwa konten tersebut dapat dikenali oleh mesin pencari.
- Gunakan metode “progressive enhancement” untuk mengembangkan JavaScript. Metode ini akan memastikan bahwa konten Anda dapat diakses oleh semua perangkat, meskipun tidak mendukung JavaScript.
- Gunakan teknik “server-side rendering” untuk JavaScript. Teknik ini akan memastikan bahwa JavaScript SEO Anda sudah di-render di server sebelum dikirim ke client, sehingga tidak mengurangi kecepatan loading halaman.
- Pastikan JavaScript tidak membuat halaman Anda “terlalu lambat di-load”. Mesin pencari akan memberikan skor lebih rendah pada halaman yang terlalu lambat di-load.
- Pastikan untuk menguji halaman untuk memastikan bahwa JavaScript tidak menyebabkan masalah SEO. Anda dapat menggunakan alat seperti Lighthouse atau PageSpeed Insights untuk mengevaluasi kinerja halaman dan mendapatkan saran perbaikan.
Baca Juga : 16 Manfaat SEO Secara Umum dan Website Bisnis
Bagaimana Google Memproses Halaman dengan JavaScript?
Ada beberapa cara yang dapat dilakukan untuk memastikan bahwa situs web yang menggunakan JavaScript dapat diindeks dengan benar oleh mesin pencari. Sebab itu, Anda perlu tahu bagaimana Google memproses halaman dengan JavaScript:
1. Crawler
Crawler mengirim permintaan GET ke server. Lalu, server merespons dengan menampilkan header dan isi file, yang kemudian disimpan.
Permintaan itu kemungkinan datang dari user-agent seluler karena sekarang Google lebih banyak menggunakan indeks mobile-first.
Anda bisa memeriksa bagaimana Google mengindeks situs Anda dengan menggunakan Alat Pemeriksaan URL di dalam Search Console.
Saat Anda menjalankan ini untuk sebuah URL, periksa informasi Coverage untuk “Dicrawl sebagai,” dan itu harus memberitahu Anda apakah Anda masih menggunakan indeks desktop atau indeks mobile-first.
Lihat ini:
2. Pemrosesan
Ada banyak sistem yang tersembunyi dalam pemrosesan. Namun di sini, kami hanya akan menjelaskan beberapa di antaranya yang relevan dengan JavaScript SEO.
Sumber Daya dan Tautan
Google tidak menavigasi dari satu halaman ke halaman lain seperti yang dilakukan pengguna. Bagian dari pemrosesan adalah memeriksa halaman yang berisi tautan ke halaman dan file lain yang dibutuhkan untuk membangun rating halaman.
Tautan-tautan ini ditarik dan ditambahkan ke antrian crawling, yang digunakan Google untuk memprioritaskan dan menjadwalkan crawling.
Google akan menarik tautan sumber daya (CSS, JS, dll.) yang dibutuhkan untuk membangun halaman dari tag seperti <link>. Namun, tautan ke halaman lain harus dalam format tertentu agar Google memperlakukannya sebagai tautan.
Tautan internal dan eksternal harus menggunakan tag <a> dengan atribut href. Ada banyak cara untuk menjadikannya bekerja dengan ramah untuk pencarian.
Contoh JavaScript yang Bagus untuk SEO
Salah satu contoh JavaScript SEO yang bagus adalah menggunakan tag <noscript> untuk menyediakan versi teks alternatif dari konten yang di-render dengan JavaScript.
Ini berguna karena mesin pencari seperti Google tidak selalu mampu mengeksekusi JavaScript saat mengindeks sebuah halaman.
Dengan menyediakan versi teks dari konten yang di-render dengan JavaScript, mesin pencari masih dapat mengindeks konten tersebut dan menunjukkannya kepada pengguna.
Contoh penggunaan <noscript>:
<script>
// Kode JavaScript yang men-render konten
</script>
<noscript>
Konten teks alternatif yang akan ditampilkan jika JavaScript tidak diaktifkan
</noscript>
Contoh JavaScript yang Buruk untuk SEO
Salah satu contoh JavaScript SEO yang buruk adalah menggunakan JavaScript untuk menampilkan konten yang tidak terindex oleh mesin pencari.
Jika konten tersebut hanya ditampilkan setelah JavaScript dijalankan, maka mesin pencari tidak akan mampu mengindeksnya dan menampilkannya kepada pengguna saat pencarian.
Ini dapat mempengaruhi SEO karena konten yang tidak terindex tidak akan memberikan nilai tambah pada situs Anda.
Contoh penggunaan JavaScript yang buruk untuk SEO:
<div id=”content”>
<!– Konten yang tidak akan terindex oleh mesin pencari –>
</div>
<script>
// Kode JavaScript yang menampilkan konten di elemen #content setelah halaman dimuat
</script>
Penyimpanan Cache
Setiap file yang diunduh Google, termasuk halaman HTML, file JavaScript, file CSS, dll., akan disimpan cache secara agresif Google akan mengabaikan setting cache Anda dan mengambil salinan baru saat mereka ingin.
Penghapusan Duplikat
Konten duplikat mungkin dieliminasi atau diprioritaskan lebih rendah dari HTML yang diunduh sebelum dikirim ke rendering. Dengan model app shell, hanya sedikit konten dan kode yang akan ditampilkan dalam respons HTML.
Bahkan, setiap halaman di situs tersebut mungkin menampilkan kode yang sama, dan ini bisa jadi kode yang sama yang ditampilkan di beberapa website. Ini kadang-kadang dapat menyebabkan halaman dianggap sebagai duplikat dan tidak segera masuk ke rendering.
Lebih buruk lagi, halaman yang salah atau bahkan situs yang salah mungkin akan muncul di hasil pencarian. Ini biasanya akan terselesaikan dalam waktu yang cukup lama, tetapi bisa menjadi masalah terutama untuk website yang baru.
Perintah Terbatas
Google akan memilih pernyataan yang paling terbatas antara HTML dan versi terrender dari sebuah halaman.
Jika JavaScript mengubah pernyataan dan itu bertentangan dengan pernyataan dari HTML, Google akan mematuhi yang paling terbatas. Noindex akan menimpa index, dan noindex di HTML akan melewati rendering sepenuhnya.”
3. Antrian Rendering
Setiap halaman sekarang masuk ke renderer. Salah satu kekhawatiran terbesar dari SEO tentang JavaScript dan indeksing dua tahap (HTML kemudian halaman terrender) adalah halaman mungkin tidak terrender selama beberapa hari bahkan beberapa minggu.
Ketika Google memperhatikan ini, mereka menemukan halaman masuk ke renderer dengan waktu median 5 detik, dan persentil 90 menit.
Jadi, waktu antara mendapatkan HTML dan rendering halaman seharusnya tidak menjadi kekhawatiran dalam kebanyakan kasus.
4. Renderer
Renderer adalah di mana Google menampilkan halaman agar sesuai dengan apa yang dilihat oleh pengguna.
Inilah di mana mereka akan memproses JavaScript SEO dan setiap perubahan yang dibuat oleh JavaScript terhadap Model Objek Dokumen (DOM).
Google memiliki informasi lebih lanjut tentang Layanan Rendering Web (WRS), yang termasuk menolak izin, tanpa keadaan, menyatukan DOM terang dan DOM bayangan, dan lainnya yang layak dibaca.
Rendering pada skala web mungkin merupakan keajaiban dunia yang ke-8. Ini adalah tantangan serius dan membutuhkan banyak sumber daya. Karena skalanya, Google mengambil banyak pintasan dengan proses rendering untuk mempercepat proses.
Sumber Daya yang Di-Cache
Google sangat tergantung pada penyimpanan cache sumber daya. Halaman di-cache; file di-cache; permintaan API di-cache; secara umum, semuanya di-cache sebelum dikirim ke renderer.
Mereka tidak pergi dan mengunduh setiap sumber daya untuk setiap muatan halaman, tetapi sebaliknya menggunakan sumber daya yang di-cache untuk mempercepat proses ini.
Ini dapat menyebabkan beberapa keadaan di mana versi file sebelumnya akan digunakan dalam proses rendering dan versi terindeks dari halaman mungkin berisi bagian file yang lebih lama.
Anda dapat menggunakan pemverifikasian file atau sidik jari konten untuk menghasilkan nama file baru saat perubahan yang signifikan dibuat sehingga Google harus mengunduh versi terbaru dari sumber daya untuk rendering.
Tidak Ada Timeout Tetap
Mitos SEO yang umum adalah bahwa renderer hanya menunggu lima detik untuk memuat halaman Anda. Meskipun terdengar meyakinkan, mitos ini sebenarnya tidak masuk akal.
Mereka sebenarnya memuat halaman dengan semua file yang sudah di-cache.
Mitos ini berasal dari alat pengujian seperti Alat Inspeksi URL di mana sumber daya di-fetch secara langsung dan mereka perlu menetapkan batas yang masuk akal. Tidak ada timeout tetap untuk renderer.
5. Antrian Crawling
Google memiliki sumber daya yang cukup untuk melakukan crawling, tetapi Anda harus tahu bahwa setiap situs memiliki antrian crawling sendiri, dan setiap permintaan harus diprioritaskan.
Google juga harus menyeimbangkan crawling situs Anda vs. setiap situs lain di internet.
Situs-situs baru secara umum atau situs dengan banyak halaman dinamis kemungkinan akan lebih lambat di-crawl. Beberapa halaman akan diperbarui lebih jarang daripada yang lain.
FAQ Tentang JavaScript SEO
Berikut adalah beberapa pertanyaan yang sering diajukan tentang SEO (Search Engine Optimization) dan JavaScript:
1. Apakah Google Dapat Mengindeks Konten yang Ditampilkan Menggunakan JavaScript?
Ya, Google dapat mengindeks konten yang ditampilkan menggunakan JavaScript. Namun, dibutuhkan waktu yang lebih lama untuk mengindeksnya dibandingkan dengan konten yang ditampilkan dengan HTML biasa.
Jadi, jika Anda memiliki konten yang sangat penting, disarankan untuk menampilkan konten tersebut menggunakan HTML agar lebih mudah diindeks oleh Google.
2. Bagaimana Cara Memastikan Bahwa Google Dapat Mengindeks Konten yang Ditampilkan Menggunakan JavaScript?
Ada beberapa cara yang dapat dilakukan untuk memastikan bahwa Google dapat mengindeks konten yang ditampilkan menggunakan JavaScript, di antaranya:
- Pastikan bahwa Googlebot dapat mengeksekusi JavaScript di situs Anda.
- Pastikan bahwa kode JavaScript SEO tidak terlalu kompleks sehingga membuat Googlebot sulit untuk mengeksekusinya.
- Gunakan struktur URL yang sesuai dengan SEO untuk mengindeks konten yang ditampilkan menggunakan JavaScript.
- Jangan menggunakan JavaScript untuk menampilkan konten yang sangat penting di situs.
3. Bagaimana Cara Mengecek Apakah Googlebot Dapat Mengeksekusi JavaScript di Situs Anda?
Untuk mengecek apakah Googlebot dapat mengeksekusi JavaScript di situs tertentu, Anda dapat menggunakan alat bantu seperti Google Search Console atau Lighthouse.
Kedua alat tersebut akan memberikan laporan tentang apakah Googlebot dapat mengeksekusi JavaScript di situs Anda atau tidak.
Penutup
JavaScript SEO di dalam web cukup penting untuk diperhatikan meski bukan faktor utama dalam menentukan rating website. Pembahasan di atas kiranya dapat bermanfaat dan bisa dipahami dengan baik.
