Lakukan dan Larangan dari Tautan dan JavaScript

Google menjelaskan bagaimana memastikan tautan berfungsi dengan benar dengan JavaScript di episode pertama Membuat Tautan Baru tidak sesederhana yang Anda kira, Martin Splitt memperingatkan.

Itu terutama benar ketika menambahkan fungsionalitas JavaScript ke tautan.

JavaScript memungkinkan situs web untuk menyesuaikan tautan dalam berbagai cara, tetapi hal itu dapat membuat tautan tidak dapat digunakan oleh perayap.

Inilah yang direkomendasikan oleh Splitt.

Lakukan: Tetap hidup

Cara paling langsung untuk menempatkan tautan di situs web adalah dengan menggunakan “Itu bukan ide yang bagus,” kata Splitt.

Alasannya adalah bahwa tautan hanya akan berfungsi jika JavaScript berfungsi dengan benar.

Tanpa atribut ahref, perayap tidak akan dapat menentukan ke mana tautan harus pergi karena perayap tidak menjalankan JavaScript.

Tidak: gunakan URL URL Psuedo

Itu juga tidak membantu untuk menambahkan atribut ahref tanpa URL yang berguna atau dengan “URL palsu” seperti pada contoh berikut:

Hasilnya terlihat seperti tautan tanpa atribut ahref, yang berarti itu bukan ide yang bagus.

Tidak: gunakan tombol

Menggunakan tombol sepertinya merupakan opsi yang layak untuk menambahkan tautan ke halaman, tetapi itu juga bukan ide yang bagus.

Aturan praktisnya adalah: jika tautan memicu sesuatu terjadi di halaman saat ini, itu mungkin tombol.

Di sisi lain, jika tautan membawa pengguna ke konten lain yang tidak ada di halaman sebelumnya, itu harus berupa tautan kanonik.

Tidak – penanganan klik yang andal

Pemilik situs juga tidak boleh menyimulasikan tautan dengan elemen HTML lain dan menggunakan pengendali klik JavaScript, misalnya.

Ini merusak fitur aksesibilitas bawaan dan bukan ide yang baik.

Lakukan: gunakan HTML semantik

Intinya semua ini adalah: gunakan markup HTML semantik dan arahkan tautan Anda ke URL yang sesuai.

Apa itu URL yang tepat? Itu dijelaskan di bagian selanjutnya.

Gunakan URL yang “tepat”

URL ini adalah contoh bagus dari apa yang dianggap sebagai “URL yang tepat”:

Itu adalah URL yang tepat karena mengandung atribut berikut:

• Sebuah protokol
• Seorang tamu
• Tautan ke konten tertentu
• Pengidentifikasi segmen (opsional)

Hati-hati dengan pengidentifikasi fragmen

Karena pengidentifikasi fragmen bersifat opsional dan mengarah ke lokasi dalam aset yang sama, perayap mengabaikannya.

Sangat penting untuk diperhatikan jika Anda membuat aplikasi satu halaman dengan tautan yang penuh dengan pengenal cuplikan.

Perayap tidak akan mengikuti tautan, sehingga mereka tidak akan dapat memahami aplikasi web.

Ringkasan

Ini adalah kesimpulan utamanya dari bagian pertama Google Lightning Talks:

• Gunakan markup tautan yang sesuai.
• Jangan gunakan cuplikan untuk memuat konten yang berbeda ke dalam aplikasi satu halaman.
• Buat halaman web yang bekerja dengan baik dengan JavaScript dan link akan ditemukan.