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://2.bp.blogspot.com/-vvrW4PPfMbU/VxpHgcUby6I/AAAAAAAACCY/EiM-smzvjdsh42LAGZgP1ZB122XwipdCQCLcB/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://2.bp.blogspot.com/-vvrW4PPfMbU/VxpHgcUby6I/AAAAAAAACCY/EiM-smzvjdsh42LAGZgP1ZB122XwipdCQCLcB/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
10 komentar
avatar
pai mung 25 Februari 2017 20.02

ok, makasih infonya udah bisa hehehehe berhasillll

Balas
avatar
Erianto Anas Admin 26 Februari 2017 22.01

Syukurlah kalau sudah berasil Pai Mung

Balas
avatar
Ziezah Nor 27 Februari 2017 10.23

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

Balas
avatar
Erianto Anas Admin 27 Februari 2017 21.49

Silahkan Ziezah Nor

Balas
avatar
Al Pansauri 29 April 2017 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 04.39

Sama-sama Al

Balas
avatar
Eko Triono 27 Agustus 2017 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 22.01

wakakaaka ...!

Balas
avatar
Dani Prattama 4 September 2017 14.02

ok. makasih infonya, sangat bermanfaat!!

Balas
avatar
Anonim 5 November 2017 19.37

Tanks gan...sangat membantu

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

Desember 2015 - blogernas