Navigasi Situs Menggunakan Efek JavaScript

Navigasi Situs Menggunakan Efek JavaScript

Terkadang, link dan halaman web ditulis dalam JavaScript. Ini adalah masalah karena mesin pencari mengalami kesulitan menemukan tautan internal yang dibuat dalam JavaScript.

Meskipun Google telah meningkat dalam beberapa tahun terakhir dalam hal membaca JavaScript, para spesialis SEO menyimpulkan bahwa hasilnya tidak konsisten. Mesin pencari lainnya masih belum memiliki kemampuan dalam hal membaca JavaScript. Ini berarti tautan internal Anda bisa benar-benar hilang saat mesin telusur merayapi konten Anda.

Dunia SEO terbagi atas apakah menggunakan JavaScript itu praktis. Di satu sisi, beberapa pakar SEO menghindari JavaScript sama sekali. Di sisi lain, perancang web dan pakar kegunaan mengklaim bahwa JavaScript sangat penting bagi pengalaman pengguna. Saya percaya ada jalan tengah dimana JavaScript bisa digunakan sambil menghindari masalah SEO.

Links Itu Tampilkan dan Sembunyikan Konten Sudah di Halaman

JavaScript dapat digunakan untuk menampilkan dan menyembunyikan konten tertentu pada halaman tanpa benar-benar mengubah halaman tempat Anda berada. Bila ini terjadi, semua konten Anda sudah dimuat ke halaman.

Dalam kasus ini, mesin telusur masih dapat merayapi semua konten Anda, bahkan saat sebagian tersembunyi. Ini hanya berhasil bila jumlah konten yang tersembunyi tetap kecil; itu bisa menjadi masalah saat seluruh halaman berubah namun URL tetap sama.

Masalah muncul karena fakta bahwa ketika Anda menyembunyikan terlalu banyak konten dalam satu URL, masalah ini akan mengurangi fokus konten dari halaman itu. Topik yang sama sekali berbeda harus memiliki halamannya sendiri.

Tautan Itu Menampilkan dan Sembunyikan Konten

  1. Untuk sejumlah kecil konten, hapus tag anchor dan ganti dengan penangan event onclick JavaScript.
  • Gunakan CSS untuk mengendalikan kursor dan ganti dari panah ke penunjuk tangan.
  1. Untuk konten dalam jumlah besar, termasuk situs gulir paralaks satu halaman, tidak semua konten harus dimuat sebelumnya.
  • Hanya konten pra-muat yang langsung terkait dengan URL.
  • Untuk semua tag anchor, harus ada nilai href dan pengaturan onclick.
  • Nilai href ini mengarah ke URL baru yang hanya memuat konten yang terkait dengan URL baru ini.
  • Fungsi onclick akan mencegah URL baru dimuat namun memungkinkan konten dari URL tujuan dimuat.
  • Gunakan fungsi pushState untuk memperbarui URL meskipun laman itu tidak dimuat.

Presentasi yang lebih mendalam tentang bagaimana hal ini dapat diterapkan secara khusus di situs web dijelaskan dengan baik dalam presentasi ini yang dilakukan pada seoClarity di tahun 2016. Ini secara khusus berbicara tentang AngularJS, kerangka kerja JavaScript yang populer, dan masalah dan solusi SEO-nya. Namun, pelajaran di sini juga berlaku untuk hampir semua kerangka kerja JavaScript.

No Comments, Be The First!

Your email address will not be published.