Daftar Isi:
- Sertakan teks alt yang sesuai dalam desain blog Anda
- Sertakan atribut gambar lainnya dalam desain blog Anda
Video: cara buat PATTERN di photoshop - Photoshop Tutorial Indonesia 2024
Judul gambar alternatif (atribut alternatif atau apa yang HTML sebut alt) menyediakan browser dengan cara menangani gambar blog saat bisa akan ditampilkan untuk beberapa alasan. Di tempat gambar blog Anda, browser menampilkan teks gambar alternatif. Gambar mungkin tidak ditampilkan di browser pengunjung karena berbagai alasan, seperti koneksi Internet yang lambat, atau PC yang lambat.
Saat merancang blog Anda, Anda menginginkan setiap komponen blog Anda, termasuk gambar Anda, untuk menggambarkan tujuan dan konten blog Anda dengan teks. Karena judul gambar alternatif adalah elemen yang paling deskriptif dalam HTML untuk menjelaskan konten gambar menggunakan teks, namun judul ini lebih penting dari perspektif desain SEO dan navigasi.
Sertakan teks alt yang sesuai dalam desain blog Anda
Di sini Anda melihat panel WordPress untuk mengedit tampilan gambar di halaman. Sampel menunjukkan tata letaknya berkenaan dengan beberapa teks yang berdekatan - bukan teks sebenarnya dari halaman tersebut, namun beberapa bahasa Latin yang digunakan WordPress sebagai placeholder. Di tengah panel ada kolom Alternative Text. Perhatikan bahwa ini terpisah dari kolom Caption dan field Title.
Bila Anda memasukkan nilai atribut alt, pada tag HTML untuk gambar, tampilannya seperti ini:
Apakah gambar adalah bagian dari desain utama blog Anda atau satu entri blog, sertakan kata kunci yang relevan di atribut alt Anda sehingga mesin pencari dapat menemukannya lebih mudah. Seorang pengguna mesin pencari dapat menavigasi ke blog Anda dengan mencari gambar terlebih dahulu - misalnya, selimut kait - dan mengklik gambar untuk membaca tulisan yang terkait dengannya, di mana dia mungkin menemukan petunjuk untuk merajutnya.
Alt atribut juga meningkatkan kegunaan, dengan memungkinkan orang-orang dengan kebutaan atau gangguan penglihatan untuk mengidentifikasi gambar yang muncul di situs Anda. Perangkat bantu dapat membaca dengan keras teks untuk setiap atribut alt.
Sertakan atribut gambar lainnya dalam desain blog Anda
Perhatikan contoh gambar WordPress juga menunjukkan field Title. Saat pengguna melayang di atas gambar, dan memiliki bidang Judul, browser akan menunjukkan teks itu di lokasi penunjuk mouse.
Meskipun deskripsi judul dapat memberikan informasi tambahan tentang sebuah foto, ini lebih bermanfaat bagi orang daripada mesin pencari. Namun, Anda bisa lebih eksplisit dengan bidang Judul daripada atribut alt, yang merupakan ringkasan yang lebih tepat.
Jika tema blog menyertakan spasi untuk judul, isinya bisa diketik ke kolom Caption. Ini untuk teks yang Anda inginkan agar pembaca lihat tanpa harus melayang-layang di atasnya terlebih dahulu.
Deskripsi judul cukup penting jika pembaca blog Anda menggunakan Pinterest. Ketika seseorang memasang pos Anda menggunakan bookmarklet PinIt mobile, bookmarklet itu akan menarik deskripsi judul dari gambar yang menyertai pos tersebut. Pinterest kemudian menggunakan judul gambar Anda sebagai deskripsi pin. Tanpa deskripsi, Pinterest menarik nama file gambar, yang mungkin kurang deskriptif.
Intinya: Bila Anda menggunakan semua alat yang tersedia bagi Anda untuk mendeskripsikan topik blog Anda, semakin besar kemungkinan mesin pencari menerima blog Anda sebagai otoritatif mengenai topik tersebut.