-->

Cara Menambahkan Alt Tag & Title Gambar pada Blog

Setelah anda pahami Fungsi Alt Tag dan Title Tag untuk SEO Blog, sekarang mari kita lanjutkan bagaimana cara memasangnya pada setiap gambar yang ada pada blog anda. Baik pada gambar yang ada di postingan, di header, di widget, di sidebar, maupun di Footer. Prinsip penulisan untuk semuanya sama. Yaitu dengan menyisipkan pada bagian tag HTML image (baca: Panduan Cara Menulis Tag Image pada Blog).


Cara Menambahkan Alt Tag dan Title Tag pada Gambar


Lalu bagaimana cara melalukannya? Ada 2 cara yang bisa anda gunakan.

Pertama melalui jendela properties gambar
Ini bisa anda lakukan pada halaman postingan. Karena di halaman entri postingan, sudah tersedia fiturnya secara preview. Anda bisa menambakan alt tag dan title tag saat anda selesai mengupload gambar sebelum mempublish sebuah postingan. Untuk postingan yang sudah terlanjur terpublish tanpa kedua tag ini, juga bisa anda sisipkan. EDIT kembali postingan tersebut. Lalu tambahkan alt tag dan title tagnya lalu publish kembali postingan tersebut. Detailnya seperti ini:


Cara Menambahkan Alt Tag dan Title Tag pada Gambar


Setelah anda selesai melakukan insert image di entri postingan (baca: Cara Menambahkan Gambar pada Postingan Blog), maka kliklah gambar tersebut. Akan tampak kursornya seperti gambar diatas. Lalu warna tampilan gambar akan berubah menjadi blur dan dibawahnya muncul menu bar seperti ini.


Cara Menambahkan Alt Tag dan Title Tag pada Gambar


Nah sekarang kliklah pada menu Properties, sehingga terbuka jendela seperti ini.


Cara Menambahkan Alt Tag dan Title Tag pada Gambar


Nah tampak ada 2 kotak kosong yang tersedia. Kotak pertama adalah tempat memasukan alt tag dan kotak kedua tempat memasukkan title tag. Lalu textnya apa? Anda bisa isi dengan keterangan tentang gambar yang anda gunakan. Atau langsung saja isi dengan judul postingan yang terkait. Contohnya seperti ini.


Cara Menambahkan Alt Tag dan Title Tag pada Gambar


Jika sudah, jangan lupa klik tombol OK. Selanjutnya anda tinggal publish postingannya.


Cara Kedua melalui mode HTML:
Yaitu dengan langsung menyisipkan alt tag dan title tag pada script HTML image sebuah gambar. Ini sangat penting dikuasai jika anda akan menambahkan gambar di widget, sidebar dan footer. Artinya diluar form entri postingan, walaupun di entri postingan cara ini juga bisa anda lakukan, dengan catatan, anda melakukannya pada bagian edit HTML, bukan pada bagian Compose. Sebagai contoh misalnya script HTML imagenya seperti ini:


<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_1lqHwuPoIYvjccLRF3vQzN5rgsF6kK49VFuYf7KE-mP_U_Hh_SMjICCtwdtZ8TLb_-7jIm280KhPa4_P69lkQFy_VdhM6sTTb8Q2-yutCv7FAxluDPCC6sDiBNzI3Vqg_5dc_nS8dDk/s1600/seo-tag.png"/>


Maka cara menyisipkan alt tag dan title tagnya adalah seperti ini:


<img alt="Cara Menambahkan Alt Tag dan Title Tag pada Gambar" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_1lqHwuPoIYvjccLRF3vQzN5rgsF6kK49VFuYf7KE-mP_U_Hh_SMjICCtwdtZ8TLb_-7jIm280KhPa4_P69lkQFy_VdhM6sTTb8Q2-yutCv7FAxluDPCC6sDiBNzI3Vqg_5dc_nS8dDk/s1600/seo-tag.png" title="Cara Menambahkan Alt Tag dan Title Tag pada Gambar"/>


Lalu bagaimana cara mengetahui apakah penambahan kedua tag ini benar benar sudah bekerja pada blog anda? Sehingga kerja anda ini tidak mubazir? Mari kita lanjutkan ke halaman: Cara Mengetahui Alt Tag dan Title suatu Gambar. Setelah itu jangan lupa ketahui juga Cara Menambahkan Keyword Tag agar Gambar Blog jadi SEO
15 komentar
avatar
paimung 25 Februari 2017 pukul 20.02

ok, makasih infonya udah bisa hehehehe berhasillll

Balas
avatar
Erianto Anas Admin 26 Februari 2017 pukul 22.01

Syukurlah kalau sudah berasil Pai Mung

Balas
avatar
Ziezah 27 Februari 2017 pukul 10.23

ijin coba ya mas, makasih membantu sekali....

Balas
avatar
Erianto Anas Admin 27 Februari 2017 pukul 21.49

Silahkan Ziezah Nor

Balas
avatar
Unknown 29 April 2017 pukul 21.09

Postingan tentang alt dan title tag ini yang memang sedang saya cari. Terima kasih buat infonya, mas bro.

Balas
avatar
Erianto Anas Admin 30 April 2017 pukul 04.39

Sama-sama Al

Balas
avatar
Unknown 27 Agustus 2017 pukul 08.32

mau sedekah ilmu tp tanggung-tanggung malah dosaaa.... blog gak bisa dicopy-paste.. mubaziiiir.. noraaak... percumaaaa

Balas
avatar
Erianto Anas Admin 1 September 2017 pukul 22.01

wakakaaka ...!

Balas
avatar
Blue 4 September 2017 pukul 14.02

ok. makasih infonya, sangat bermanfaat!!

Balas
avatar
Anonim 5 November 2017 pukul 19.37

Tanks gan...sangat membantu

Balas
avatar
Masakgakpakelama.com 23 Februari 2019 pukul 02.09

Terima kasih artikelnya sangat bantu aku pasang alt image

Balas
avatar
Imam Fahrudin 12 Mei 2019 pukul 20.50

makasih gan nice info... salam kenal

Balas
avatar
Abang-Don 21 Juli 2019 pukul 16.52

Saya selalu menambahkan di Image properties tapi menurut SEOquake gambar saya tidak pakai tag alt, itu kenapa ya mas

Balas
avatar
Sandra Hamidah 7 September 2019 pukul 10.23

Baru tau makasih kak salam kenal

Balas
avatar
Aversy 29 Juli 2020 pukul 18.44

mantap kak https://prediksikita89.blogspot.com/

Balas
Komentar yang tidak relevan, jorok, spamming dan promosi link akan dihapus

Desember 2015 - Erianto Anas - blogernas