Peran dari Alt Tag

Alt Tag yang juga disebut sebagai “atribut Alt” atau “deskripsi Alt” adalah elemen penting untuk aksesibilitas (misalnya, pembaca layar) dan SEO. Mesin pencari seperti Google menggunakan Alt Tag ini untuk memahami konten gambar, jadi penting untuk mengkonfigurasinya dengan baik. Hindari pengulangan kata kunci yang tidak diperlukan karena itu dapat menyebabkan penalti.

Note: Sebaiknya jelaskan konten gambar dengan kalimat singkat, dan akhiri kalimat dengan titik untuk meningkatkan aksesibilitas.
(Sumber, Sumber)

Cara Menambahkan Alt Tag di Kanvas

Anda dapat menambahkan Alt Tag pada gambar yang diunggah secara langsung ke kanvas Framer seperti di bawah ini.

1. Pilih gambar di kanvas

2. Klik opsi Styles > Fill di panel sebelah kanan

3. Masukkan deskripsi di kolom teks Alt saat jendela pop-up terbuka

Menambahkan Alt Tag pada Gambar CMS

Anda juga dapat mengatur Alt Tag untuk gambar yang dikelola melalui CMS.

1. Beralih ke halaman CMS

2. Pilih konten yang akan ditinjau dan klik “Choose Image”

3. Masukkan teks Alt di jendela pop-up dan simpan

Menambahkan Alt Tag pada Bidang Teks CMS

Anda juga dapat menentukan Alt Tag ketika mengunggah gambar dalam bidang teks.

1. Unggah gambar dalam bidang teks

2. Klik ikon “Media Upload” yang muncul di atas gambar

3. Tambahkan deskripsi di kolom teks Alt di jendela pop-up

Penutup

Alt Tag mungkin terlihat sepele, tetapi ini adalah alat yang baik untuk meningkatkan SEO dan aksesibilitas. Untuk meningkatkan aksesibilitas dan menarik lebih banyak pengguna ke situs Anda, pastikan untuk menulis Alt Tag yang sesuai untuk gambar di situs web Anda.

Artikel ini adalah konten yang diterjemah dan disesuaikan dari blog resmi Framer berjudul ‘How to add Alt Tags to images’.