Aksesibilitas

Cara menulis alt text untuk gambar buatan AI

Alt text memberi tahu orang yang tidak bisa melihat apa isi gambar. Rumus sederhana, kapan dikosongkan, dan contoh foto produk, ilustrasi, dan grafik.

5 menit baca
Kaca pembesar kuningan kecil berdiri tegak di atas meja gelap, cahaya ungu bersinar menembus lensanya, dengan kabut lembut di belakangnya

Anda sudah membuat gambar yang pas sekali, lalu editor halaman meminta "alt text". Kebanyakan orang mengetik nama file, menempelkan prompt, atau melewatkan kolomnya. Ketiganya menyia-nyiakan kolom itu. Alt text adalah beberapa kata yang menggantikan gambar saat gambar tidak bisa dilihat: bagi pengguna pembaca layar, bagi pengunjung dengan koneksi lambat, bagi mesin pencari yang membaca halaman. Ini cara singkat dan praktis untuk menulisnya bagi gambar yang Anda buat sendiri.

Sebenarnya alt text untuk apa

Tugasnya satu: memberi pembaca apa yang diberikan gambar kepada pengunjung yang bisa melihat, di tempat gambar itu berada. Alt text bukan keterangan gambar (keterangan terlihat oleh semua orang dan menambah konteks), dan bukan kotak kata kunci. Mesin pencari memang membacanya, dan deskripsi yang jelas dan jujur membantu mereka memahami halaman, tetapi kalimat yang dijejali kata kunci tidak membantu siapa pun, dan pengguna pembaca layar langsung menyadarinya.

Rumus sederhana

Ajukan tiga pertanyaan, dengan urutan ini, lalu tulis satu kalimat biasa dari jawabannya.

  1. Apa ini? Subjek utama dalam kata sehari-hari: cangkir keramik, mercusuar, grafik batang.
  2. Apa yang penting tentangnya di sini? Detail yang dibutuhkan halaman: warna produk, suasana sampul, tren grafik.
  3. Gambar jenis apa ini? Hanya jika mengubah makna: ilustrasi, render 3D, render bergaya foto, cat air.

Cukup sekitar satu kalimat. Lewati "gambar dari" dan "foto dari": pembaca layar sudah mengumumkan bahwa itu gambar.

Informatif atau dekoratif: putuskan dulu

Sebelum menulis apa pun, tanyakan apakah gambar membawa informasi yang tidak ada di teks di dekatnya. Foto produk di halaman produk membawanya. Latar abstrak yang tenang di belakang judul tidak. Gambar dekoratif sebaiknya diberi atribut alt kosong (alt=""), yang meminta alat bantu untuk melewatinya. Itu lebih baik daripada deskripsi yang membuat orang mendengar "gradasi ungu dengan cahaya lembut" tiga kali dalam satu halaman.

  • Informatif: foto produk, ilustrasi yang menjelaskan sesuatu, grafik, sampul artikel. Deskripsikan.
  • Dekoratif: tekstur, pembatas, latar suasana, gambar header yang hanya mengulang judul. Biarkan alt kosong.
  • Fungsional: gambar di dalam tautan atau tombol. Jelaskan ke mana tautan itu menuju atau apa fungsinya, bukan tampilannya.

Jujur soal gayanya

Gambar buatan AI bukan foto tempat sungguhan, dan alt text tidak boleh berpura-pura begitu. Jika gaya penting bagi pembaca, sebutkan: "Ilustrasi mercusuar di tebing saat senja" atau "Gambar produk hasil render berupa cangkir keramik di atas meja kayu oak". Jangan menulis "foto" untuk sesuatu yang tidak pernah difoto. Tujuannya bukan mengiklankan alatnya, melainkan menghindari menyesatkan orang yang tidak bisa memeriksa sendiri. Jika Anda menerbitkan gambar buatan AI, panduan membedakan gambar AI membahas sisi lain dari kejujuran itu.

Tiga contoh

Foto produk

Di halaman toko, pembaca butuh apa yang akan dilihat pembeli: warna, bentuk, dan latar hanya jika penting.

Prompt
Rendered product image of a matte green ceramic mug with a wide handle, on a light oak table in soft window light
Subjek, detail yang penting, dan jenis gambar yang jujur. Tanpa tambahan kata kunci.

Ilustrasi

Untuk sampul blog yang membangun suasana, satu kalimat pendek sudah cukup, dan alt kosong pun boleh jika judulnya sudah mengatakannya.

Prompt
Watercolour-style illustration of a small boat under a large moon on calm water

Gambar mirip grafik

Di sini gambar membawa data, jadi alt harus membawa pesannya. Hati-hati: model gambar menggambar sesuatu yang tampak seperti grafik, tetapi angka dan labelnya tidak bisa diandalkan (panduan tangan dan teks menjelaskan alasannya). Buat grafik sungguhan di alat grafik, dan tulis alt dari datanya yang asli. Taruh angka lengkapnya di tabel atau di teks di sebelahnya.

Prompt
Bar chart of monthly signups rising each month from January to June, with the largest jump in April
Intinya, bukan warnanya. Nilai persisnya masuk ke teks halaman.

Pakai prompt sebagai draf, bukan salinan

Prompt yang Anda tulis adalah draf pertama yang berguna, karena sudah menyebut subjeknya. Tetapi jangan ditempel begitu saja. Prompt yang baik adalah resep untuk model: isinya istilah pencahayaan, kata kamera, dan tag gaya yang tidak berarti bagi pendengar (panduan prompt menjelaskan mengapa semua itu membantu model). Prompt juga menggambarkan apa yang Anda inginkan, sedangkan alt text harus menggambarkan apa yang benar-benar ada di gambar jadi. Model bisa melenceng: cangkir ketiga mungkin tidak punya gagang. Lihat hasilnya, lalu pertahankan subjek dari prompt, buang kata teknis, dan perbaiki apa pun yang tidak sesuai permintaan.

Daftar periksa singkat

  • Apakah gambarnya informatif, dekoratif, atau fungsional?
  • Satu kalimat, subjek di depan, tanpa "gambar dari".
  • Detail yang dibutuhkan halaman ini, bukan semua detail.
  • Jenis gambar disebut jika penting (ilustrasi, render).
  • Sesuai dengan gambar akhir, bukan hanya prompt.
  • Tanpa daftar kata kunci, tanpa nama file.

Apa yang dilakukan dan tidak dilakukan studio

Studio membuat gambarnya; studio tidak menulis alt text untuk Anda dan tidak menambahkannya ke unduhan Anda. Gambar tiba dalam 2K dan deskripsinya Anda tulis sendiri di tempat Anda menerbitkannya, karena di situlah konteks halamannya diketahui. Itu keputusan Anda: hanya Anda yang tahu gambar itu untuk apa. Untuk pekerjaan produk dan sampul, artikel fotografi produk dan gambar header blog menunjukkan gambar yang cocok dengan saran ini. Buka studio untuk membuatnya, atau lihat halaman model untuk gaya yang tersedia.

Pertanyaan

Seberapa panjang alt text sebaiknya?

Sekitar satu kalimat yang jelas. Cukup panjang untuk menyebut apa yang ditampilkan gambar dan mengapa ada di sana, cukup singkat untuk didengarkan dalam beberapa detik. Penjelasan yang lebih panjang, seperti data grafik, taruh di teks halaman.

Haruskah saya menempelkan prompt AI sebagai alt text?

Tidak. Gunakan sebagai draf untuk subjeknya, lalu hapus istilah pencahayaan, kamera, dan gaya, dan periksa dengan gambar jadi, karena hasilnya bisa berbeda dari prompt.

Apakah seni AI dekoratif butuh alt text?

Tidak. Jika gambar tidak menambah informasi, gunakan atribut alt kosong agar pembaca layar melewatinya. Untuk gambar informatif, beri deskripsi singkat.

Apakah studio menulis alt text secara otomatis?

Tidak. Studio hanya membuat gambarnya. Anda menulis deskripsi di tempat Anda menerbitkannya, karena Anda tahu halaman tempat gambar itu berada.

#Aksesibilitas#SEO#Gambar

Lanjut membaca

Semua artikel →