Selasa, 19 Juni 2018

Cara Menambahkan ALT dan Title Tag Pada Gambar

Cara Menambahkan ALT dan Title Tag Pada Gambar

Cara Menambahkan ALT dan Title Tag Pada Gambar
Cara Menambahkan ALT dan Title Tag Pada Gambar - Membuat Alt Text (Teks Dalam Atribut Alt) di dalam gambar pada blogspot ini adalah salah satu cara untuk memaksimalkan optimasi blog anda dalam pencarian google search engine atau lebih dikenal dengan teknik SEO.

Selain mempengaruhi SEO blog anda cara ini juga bermanfaat untuk mengidentifikasi sebuah gambar dalam blog agar mempunyai judul dan text deskripsi tersendiri yang bisa dikatakan sebagai anchor text jika seseorang akan menggunakan pencarian khusus gambar dalam google search engine.

Pada kesempatan yang kesekian kalinya mamang akan membagikan bagaimana Cara Menambahkan Title Text dan ALT TEXT Pada Gambar di blogger atau blogspot, silahkan langsung saja simak tutorialnya di bawah ini.

ALT dan Title Tag dengan post editor


1. Langkah pertama yang perlu anda lakukan adalah upload sebuah gambar yang akan menjadi pemanis di dalam postingan atau artikel blog anda.

2. Setelah selesai, klik gambar yang sudah di upload tadi dan akan muncul "Properties" , silahkan isi bagian Title Text dan Alt Text sesuai keinginan anda, berikut contoh gambarnya.

kolom alt text dan title text

3. Klik OK dan Selesai.

ALT dan Title Tag Manual


Seperti pada langkah ALT dan Title Tag dengan post editor, ini bertujuan sama akan tetapi cara ini dilakukan secara manual, memang cukup menyulitkan akan tetapi bisa anda lakukan untuk pembelajaran koding HTML anda.

1. Upload gambar dan masuk ke dalam mode HTML pada postingan anda, disana akan muncul HTML gambar kira - kira sepserti ini.


<a href="url gambar.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="512" data-original-width="1024" height="320" src="url gambar" width="640" /></a>

2. Tambahkan alt="ISI dengan ALT anda" title="ISI dengan TITLE Gambar anda" maka akan menjadi seperi ini.


<a href="url gambar anda" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Menambahkan ALT dan Title Tag Pada Gambar" border="0" data-original-height="512" data-original-width="1024" height="320" src="url gambar anda" title="Cara Menambahkan ALT dan Title Tag Pada Gambar" width="640" /></a>

3. Selesai


kalau saran dari mamang sih lebih baik gunakan cara nomor pertama karena sangat praktis dan memang di tujukan untuk menambahkan img anchor pada postingan, untuk cara yang kedua silahkan di coba - coba saja untuk pengalaman tersendiri.

Demikian tutorial dari Blog Mang Otep tentang artikel yang membahas Cara Menambahkan ALT dan Title Tag Pada Gambar ini, semoga bermanfaat untuk anda.

Jika menyukai artikel mamang, anda bisa klik like, share and subscribe untuk berlangganan artikel terbaru dari blog ini langsung dari email anda.

Disana Gunung Disini Gunung, Ditengahnya Pulau Jawa
Kamu Bingung Infonya Nanggung, Mending Visit Blog Mang Otep Aja

Load comments