Bagaimana cara menambahkan atribut ALT ke gambar dengan benar?

Daftar Isi:

Bagaimana cara menambahkan atribut ALT ke gambar dengan benar?
Bagaimana cara menambahkan atribut ALT ke gambar dengan benar?
Anonim

Setiap halaman web dibuat menggunakan markup - kode yang ditulis dalam bahasa yang disediakan secara khusus (paling sering HTML). Peramban pengguna, pada gilirannya, dapat membaca kode ini untuk menampilkan dengan benar semua informasi yang ingin disampaikan oleh pembuat sumber daya kepada kami. Ternyata semua elemen yang kita lihat di sebuah halaman web disediakan oleh kode sumber dari situs yang kita kunjungi.

Optimasi kode

atur atribut ALT
atur atribut ALT

Seperti yang bisa Anda tebak, setiap huruf dari kode ini, setiap simbol memiliki arti. Juga, yang menarik, kebetulan secara visual situs tersebut mungkin tidak mengandung elemen-elemen yang sangat penting untuk pengoptimalannya (artinya pengaturan sumber daya yang benar untuk mesin pencari). Atribut ALT dapat dikaitkan dengan jumlah yang hampir tidak terlihat, misalnya. Itu ada di halaman banyak sumber, dan sangat sering kita tidak menyadarinya.

Dalam artikel ini, kami hanya ingin memperhatikan elemen desain web ini. Di sini kami akan memberi tahu Anda mengapa sangat penting untuk peringkat situs yang benar, pertumbuhan lalu lintasnya, dan kenyamanan pengguna dalam bekerja dengannya.

Apakah atribut ALT itu?

Mari kita mulai dari awal: kami akan menjelaskan tentang apa artikel inipidato dan mengapa kita membutuhkan atribut ini sama sekali.

Atribut ALT
Atribut ALT

Jadi, untuk memahami teks ini, Anda harus memahami bahasa markup HTML terlebih dahulu. Ini adalah kode di mana halaman web dasar ditulis, yang, seperti yang telah disebutkan, memiliki properti untuk ditampilkan di browser. Seluruh bahasa terdiri dari atribut khusus (seperti IMG, ALT, FONT, dan sebagainya). Masing-masing dari mereka bertanggung jawab untuk bekerja dengan satu atau beberapa elemen desain lainnya. Dalam praktiknya, atribut "Image" yang disebutkan di atas digunakan untuk gambar yang dapat ditemukan di halaman situs web. Lebih khusus lagi, dengan bantuannya, deskripsi dibuat untuk gambar, yang menurutnya pengguna (pengunjung situs) dapat dengan mudah memahami apa yang ditampilkan pada mereka. Tentunya Anda sendiri pernah menemukan deskripsi seperti itu - deskripsi tersebut muncul saat Anda mengarahkan mouse ke gambar.

Nilai praktis

Tentu saja, atribut ini diterapkan dalam praktik karena suatu alasan. Webmaster membutuhkan deskripsi untuk gambar mereka seperti halnya pengunjung situs (mungkin lebih). Lagi pula, jika semua gambar tidak memiliki atribut ALT, seseorang mungkin tidak menyadarinya jika teks penjelasan ditambahkan ke gambar di halaman. Di sisi lain, robot pencari (dengan ALT kosong) mungkin tidak memberi peringkat situs yang cukup tinggi, mengurangi posisinya dalam hasil pencarian dan, dengan demikian, tidak akan mendatangkan jumlah pengunjung yang cukup. Oleh karena itu, kami dapat mengatakan dengan yakin bahwa deskripsi gambar di situs juga memainkan peran penting bagi webmaster itu sendiri, sehingga mereka tidak dapatmengabaikan.

Semua gambar yang terlihat tidak memiliki atribut ALT
Semua gambar yang terlihat tidak memiliki atribut ALT

Bonus dari mesin pencari

Untuk lebih memahami manfaat dari tag deskripsi yang diisi dengan benar untuk gambar, mari berikan contoh kecil. Katakanlah ada situs web dengan gambar yang dihosting di dalamnya. Jika atribut ALT tidak disetel, pengguna tidak akan menderita, karena bagaimanapun dia akan melihat apa yang ditampilkan di foto tertentu. Hasil yang sama sekali berbeda menunggu pemilik sumber daya, yang akan mengabaikan tag di atas, karena itu ia akan kehilangan sebagian lalu lintas dari direktori gambar, misalnya.

Bagaimana cara menulis atribut ALT?

Secara teknis, tidak ada yang sulit dalam mengisi keterangan di bawah gambar ini atau itu. Ini jelas: Anda harus pergi ke editor HTML di situs Anda dan menemukan kode gambar (dimulai dengan IMG dan diakhiri dengan yang sama). Di dalam blok kode ini, ada kode. Inilah yang mereka maksud ketika mereka mengatakan bahwa Anda perlu menulis atribut ALT. Ini dilakukan seperti ini: “alt=“deskripsi”.

Jika Anda tidak bekerja dengan kode murni, tetapi menggunakan beberapa "mesin" terpisah untuk situs (misalnya, Wordpress atau Joomla), ini mengintegrasikan mekanisme khusus untuk menambahkan " alts" di mana situs kami akan diingat oleh mesin pencari. Jika Anda mengisi ALT baru, pembaruan ada di halaman Anda.

Apa yang mereka tulis di atribut?

Tentu saja, ketika Anda memiliki tugas menulis atribut ALT, Anda tidak memikirkan teknissamping. Paling sering, pertanyaan ini diajukan jika webmaster tidak mengetahui informasi apa yang perlu dia berikan tentang gambar tertentu. Hal ini membuat sulit untuk mengatakan informasi apa yang akan menguntungkan situs dari sudut pandang mesin pencari.

Dalam praktiknya, ada banyak pendekatan untuk memecahkan masalah deskripsi. Seseorang bekerja dengan templat khas, yang menurutnya tag hanya diisi dengan kata kunci untuk mana halaman itu dibuat. Mungkin ini adalah praktik paling umum yang sering ditemukan. Terkadang, alih-alih mencari cara menulis atribut ALT, pengguna membiarkan ruang ini kosong. Harus diklarifikasi di sini bahwa setiap orang membuat keputusan sendiri tentang deskripsi mana yang harus ditunjukkan.

atribut alt hilang
atribut alt hilang

Persyaratan

Pada saat yang sama, ada beberapa aturan dasar (atau, jika Anda suka, persyaratan) yang dengannya setiap orang dapat menambahkan atribut ideal untuk gambar mereka. Mereka terdiri dari sejumlah kecil item, yang masing-masing mengacu pada deskripsi foto dan gambar di situs.

Misalnya, persyaratan pertama adalah panjang keseluruhan teks. Jika Anda mencari cara menulis atribut ALT dengan benar, solusinya adalah dasar: gunakan tidak lebih dari 2-3 kata. Teks dengan ukuran ini, pertama-tama, idealnya akan dibaca oleh robot pencari (dan membuat situs Anda lebih relevan); kedua, deskripsi seperti itu lebih dapat dipahami oleh pengguna itu sendiri. Setuju, baca seluruh kalimat, jika Anda hanya ingin tahu apa yang ditunjukkan pada gambar, tidak ada yang mau. Cukuplah dengan singkat dan tepat.deskripsi yang akan berguna bagi Anda dan pelanggan Anda.

Jangan lupa artinya. Jika Anda memposting foto gajah, pastikan untuk menjelaskan jenis atau sejarahnya; tentukan mengapa itu digambarkan dalam foto ini, apa yang ingin Anda katakan dengan ini. Akan sangat membantu bagi pengunjung untuk mengetahui pendapat Anda tentang gajah ini.

Poin penting lainnya (yang ditetapkan dalam berbagai tes praktik) adalah keunikan. Jika Anda mencari cara menambahkan atribut "Gambar" ke gambar, ingatlah bahwa itu harus unik untuk setiap foto yang terdaftar di situs. Misalnya, menerbitkan tiga gambar berturut-turut dengan teks "gajah saya" akan salah - ini hanya akan membahayakan sumber daya Anda di hasil pencarian. Sebaiknya beri nama gambar "gajah 1" dan "gajah 2", yang akan membuatnya lebih unik.

Terakhir, ingatlah parameter gambar itu sendiri yang Anda cari untuk menambahkan atribut ALT. Untuk gambar, penting untuk memenuhi sejumlah kriteria - jangan terlalu kecil, agar terlihat realistis. Artinya, jika Anda menentukan deskripsi, maka lakukan untuk gambar yang lebih serius yang diperhitungkan lebih berbobot. Jangan memenuhi syarat atribut "Image" untuk beberapa emotikon kecil atau semacamnya.

Cari ALT

Akhirnya, kita berbicara tentang dasar-dasar sebuah atribut, beberapa aturan untuk kompilasinya dan persyaratan kedua belah pihak (baik pengguna dan robot pencari) untuk mereka. Sekarang mari kita berpikir: bagaimana mencari kata kunci dan frase,yang akan kami resepkan di situs web kami? Seperti disebutkan di atas, pencarian harus diarahkan ke database kata kunci yang sudah jadi yang benar-benar mulai menarik pelanggan ke situs Anda. Tentu saja, ini tidak dapat dicapai jika Anda masih kekurangan atribut ALT. Ambil kata kunci dan frasa siap pakai yang Anda gunakan dalam konten Anda dan tempelkan ke dalam gambar.

Jika Anda tidak memiliki informasi seperti itu dan Anda sama sekali tidak berpikir untuk mulai mempromosikan sumber daya Anda secara bertahap, kami sarankan Anda mulai mencari basis data "kata kunci" semacam itu yang dengannya Anda dapat dengan mudah membuat situs baru. Untuk ini, layanan seperti Alat Ekstrak Kata Kunci Google atau Yandex. Wordstat sempurna, yang menunjukkan statistik pencarian untuk frasa tertentu. Dengan "bermain" dengan pengaturan ini, Anda dapat secara signifikan meningkatkan pangsa lalu lintas pencarian di situs Anda dan dengan demikian mulai menuai manfaat baru. Hal utama adalah untuk menghindari situasi di mana semua gambar yang terlihat tidak memiliki atribut ALT.

Kesimpulan

Jadi, apa yang bisa kami katakan tentang atribut yang dijelaskan dalam artikel ini? Ini adalah bagian dari bahasa di mana situs paling sederhana dibuat - HTML. Sangat mudah untuk melakukan ini, karena ini menggambarkan bahasa dasar dan dasar. Untuk tetap mendaftarkan tag dalam gambar, Anda harus mengeluarkannya secara mandiri melalui kode sumber. Atau, dengan menggunakan petunjuk baru, mulailah bermesraan lagi. Bagaimanapun, penandaan "Gambar" adalah kasus yang sempurna untuk saling menguntungkan ketika pengunjung dan pemilik sumber merasa puas.

Menunjukkan tag dapat mengarah ke yang barupengunjung - fenomena ini terutama sering diamati pada layanan seperti Google dan Gambar Yandex. Saat Anda mengklik gambar, situs secara independen menentukan sumber dari mana gambar itu diambil dan mengarahkan pengunjung. Dan ini, seperti yang Anda pahami, sangat penting untuk dapat dilakukan di masa depan.

Direkomendasikan: