APA ITU TAG ALT?
Tag alt adalah atribut html yang menjelaskan apa yang disisipkan gambar. Ini memungkinkan mesin pencari dan pengguna menggunakan perkembangan tahu tentang apa gambar itu.MENGAPA TAMBAHKAN DESKRIPSI ALT TAG?
Gambar dapat menghasilkan satu ton, lalu lintas. Berapa kali Anda mencari sesuatu di Google dan mengklik layar gambar? Saya yakin beberapa. Mesin telusur tidak dapat "membaca" atau "melihat" gambar seperti mereka membaca teks. Sangat penting untuk memerhatikan gambar / gambar untuk mereka jika diperlukan. Misalnya jika ada foto anjing yang Sedang tidur, kita bisa dengan mudah melihat apa gambar itu tentang tetapi mesin pencari tidak bisa dan jadi kita hanya perlu seperti kertas "tidur". Kemudian kompilasi seseorang menggunakan gambar google dan mencari anjing yang Sedang tidur, mesin pencari akan tahu untuk menunjukkan gambar itu. Kami biasanya menambahkan kata kunci dari laba-laba / perayap web tahu apa gambarnya dan apa dari pos / halamannya.CARA MENAMBAHKAN HTML ALT TAG HTML
Jika Anda menambahkan gambar ke pos, halaman, atau gadget dan ingin menambahkan Alt Text Tag, cukup tambahkan alt="YOUR DESCRIPTION" ke kode gambar sebelum tanda penutupan /> seperti ini.<img src="DIRECT IMAGE URL" alt="YOUR DESCRIPTION" />
MENAMBAHKAN ALT TAG DI POSIT EDITOR - COMPOSE MODE
Saat mengup posting blog dalam mode Compose, Anda dapat mengklik gambar, klik properti dan masukkan deskripsi ke teks Alt Text.MENAMBAHKAN ALT TAG DI POSIT EDITOR - MODE HTML
Saat memasukkan posting blog Anda dapat beralih ke mode HTML alih-alih menulis untuk melihat markup dari posting Anda. Jika Anda menambahkan gambar, Anda akan melihat sesuatu yang mirip dengan kode ini<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSVDJhww8M8T3MfmxtReJGDRgmi4f-NcXbz2IEWMfTfA2yQ3Y3XKT0EaGwVc2lu_rdIFB7pbDo8-R6mRRm_YP2Vo65bX53mkKNOqOEXGHL66Y_Sk4-D6l22iD2htCDGwIb8tXlAQoY1YM/s1600/Moving1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSVDJhww8M8T3MfmxtReJGDRgmi4f-NcXbz2IEWMfTfA2yQ3Y3XKT0EaGwVc2lu_rdIFB7pbDo8-R6mRRm_YP2Vo65bX53mkKNOqOEXGHL66Y_Sk4-D6l22iD2htCDGwIb8tXlAQoY1YM/s1600/Moving1.jpg" /></a></div>
jadi dari postingan ini tentang dasar gambar dan tautan, kami tahu apa masing-masing bagian kode ini. Warna biru adalah perbandingan yang mirip dengan gambar, warna merah muda adalah kode untuk menampilkan gambar.
<div class="separator" style="clear: both; text-align: center;">untuk menambahkan alt tag ke yang kita tambahkan alt="DESCRIPTION" sebelum penutupan /> di kode gambar.
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSVDJhww8M8T3MfmxtReJGDRgmi4f-NcXbz2IEWMfTfA2yQ3Y3XKT0EaGwVc2lu_rdIFB7pbDo8-R6mRRm_YP2Vo65bX53mkKNOqOEXGHL66Y_Sk4-D6l22iD2htCDGwIb8tXlAQoY1YM/s1600/Moving1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSVDJhww8M8T3MfmxtReJGDRgmi4f-NcXbz2IEWMfTfA2yQ3Y3XKT0EaGwVc2lu_rdIFB7pbDo8-R6mRRm_YP2Vo65bX53mkKNOqOEXGHL66Y_Sk4-D6l22iD2htCDGwIb8tXlAQoY1YM/s1600/Moving1.jpg" />
</a>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSVDJhww8M8T3MfmxtReJGDRgmi4f-NcXbz2IEWMfTfA2yQ3Y3XKT0EaGwVc2lu_rdIFB7pbDo8-R6mRRm_YP2Vo65bX53mkKNOqOEXGHL66Y_Sk4-D6l22iD2htCDGwIb8tXlAQoY1YM/s1600/Moving1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSVDJhww8M8T3MfmxtReJGDRgmi4f-NcXbz2IEWMfTfA2yQ3Y3XKT0EaGwVc2lu_rdIFB7pbDo8-R6mRRm_YP2Vo65bX53mkKNOqOEXGHL66Y_Sk4-D6l22iD2htCDGwIb8tXlAQoY1YM/s1600/Moving1.jpg" alt="DESKRIPSI GAMBAR DISISNI" />
</a>
</div>



1 Komentar
Thanks for sharing this. It is actually very helpful. Thanks for sharing.
BalasHapusbuy logo
Punya pertanyaan? Silahkan berkomentar..