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).
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:
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.
Nah sekarang kliklah pada menu Properties, sehingga terbuka jendela seperti ini.
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.
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:
Maka cara menyisipkan alt tag dan title tagnya adalah seperti ini:
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
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:
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.
Nah sekarang kliklah pada menu Properties, sehingga terbuka jendela seperti ini.
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.
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
ok, makasih infonya udah bisa hehehehe berhasillll
BalasSyukurlah kalau sudah berasil Pai Mung
Balasijin coba ya mas, makasih membantu sekali....
BalasSilahkan Ziezah Nor
BalasPostingan tentang alt dan title tag ini yang memang sedang saya cari. Terima kasih buat infonya, mas bro.
BalasSama-sama Al
Balasmau sedekah ilmu tp tanggung-tanggung malah dosaaa.... blog gak bisa dicopy-paste.. mubaziiiir.. noraaak... percumaaaa
Balaswakakaaka ...!
Balasok. makasih infonya, sangat bermanfaat!!
BalasTanks gan...sangat membantu
BalasTerima kasih artikelnya sangat bantu aku pasang alt image
Balasmakasih gan nice info... salam kenal
BalasSaya selalu menambahkan di Image properties tapi menurut SEOquake gambar saya tidak pakai tag alt, itu kenapa ya mas
BalasBaru tau makasih kak salam kenal
Balasmantap kak https://prediksikita89.blogspot.com/
Balas