terbaru

Cara Menambahkan Alt Tag & Title Gambar pada Blog

: Sabtu, April 23, 2016

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

wah bagus nih artikelnya, makasih ya buat infonya. suksess teruss
kalo mau sharing bisa mampir kesini aja
Pemrograman seru siapa tau bermanfaat

Balas Hapus
avatar

ok, makasih infonya udah bisa hehehehe berhasillll

Balas Hapus
avatar

Syukurlah kalau sudah berasil Pai Mung

Balas Hapus
avatar

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

Balas Hapus
avatar

Silahkan Ziezah Nor

Balas Hapus
avatar

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

Balas Hapus
avatar

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

Balas Hapus
avatar

ok. makasih infonya, sangat bermanfaat!!

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

Copyrights @ blogernas ■ Desember 2015 - Erianto Anas | Powered by Blogger