Untuk melakukan proses SEO (Search Engine Optimization), banyak upaya atau hal yang harus kita lakukan. Salah satu dari upaya tersebut adalah dengan menambahkan ALT Tag pada semua gambar yang ada di blog. Banyak blogger yang beranggapan bahwa menambahkan ALT Tag pada gambar, hanya membuang-buang waktu saja. Itu adalah anggapan yang salah besar. Berdasarkan buku yang di rilis Google (Buku Search Engine Optimization), Google sangat menyarankan para Webmaster untuk menambahkan ALT Tag pada setiap post yang dipublikasikan karena hal itu akan berdampak positif buat blog tersebut. Silahkan sobat kunjungi Google Webmaster Tools untuk informasi lebih lanjut. Karena penambahan ALT Tag pada gambar sangat penting untuk SEO, Rinjani Lovers menyiapkan kode Java Script. Kode Java Script ini akan membuat semua gambar yang ada di blog Automatic Seo. Bagaimana dengan Postingan atau artikel yang sudah dipublikasikan sebelumnya? Semua gambar di postingan tersebut, secara otomatis memiliki ALT Tag. Kode Java Script ini di peroleh dari salah satu website berbahasa Inggris.
Cara menambahkan Automatic SEO for Images pada blog :
- Login ke Blogger sobat di alamat http://www.blogger.com/
- Klik Rancangan dan Klik Edit HTML
- Kasih tanda centang pada Expand Template Widget
- Copy kode yang ada di bawah dan paste SEBELUM kode </body>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[ $(document).ready(function() {
$('img').each(function(){
var $img = $(this);
var filename = $img.attr('src')
$("img:not([alt])").attr('title', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
$("img:not([alt])").attr('alt', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
//]]>
</script>
- Simpan Template sobat.









-weh mantap gan artikelnya,
ReplyDelete-blognya keren templatenya mantap enak liatnya, icon blognya bagus bisa berubah gitu ya animasinya.
-loadingnya cepat banget pake apa ya?
-beneran yah bisa otomatis alt image di postingan yg udah terpublish?
-tu image waktu pointer di atas bisa zoom otomatis gimana?
-Kode Java Script ini di peroleh dari salah satu website berbahasa Inggris. bisa kasi tau websitenya?
Kode tersebut bisa sobat temukan di blog berikut:
DeleteBloggers
Tricks Treasure
Blogger Tutorial
Nah cuman itu saja blog yang saya ingat,
masih banyak blog yang memberikan tutorial tentang automatic alt images
Mantab.. thanks Gan udah share triknya, Salam sukses selalu ya Gan. Amin.
Deleteterus agan sendiri kok gak pakek kodenya untuk alt image otomatisnya?
ReplyDeleteWaduh,,
DeleteTerima kasih banyak atas pertanyaannya?
Kemarin saya melakukan restore template ini, jadi kode alt image otomatisnya terhapus.
saya harus pasang lagi ini.
Sekali lagi Thanks
gimana, cara menampilkan foto seperti gambar sampean n langsung terhubung ke facebook
ReplyDeleteFaizal Rinzani...
DeleteMinggu ini saya akan membuat postingan tentang itu.
Di tunggu saja...
ane yg komen pertama di atas sob, ane udah terapin di blog ane. gimana kita tau kalau script itu sudah bekerja atau belum?
ReplyDeletecara ngeceknya gimana?
Seharusnya,
DeleteSebelum di terpin di blog,
cek dlu validasi template sobat di W3C Validator,
Nanti akan di gambarkan berapa error gambar yg tdk menggunakan ALT Tag,
trs stlh dimasukkan kode Java Script di atas,
Pasti error tersebut berkurang,
karena java script di atas langsung menambahkan ALT Tag
satu lagi kok kode agan beda dengan yg di sini ya http://www.bloggertutorials.net/2011/09/automatic-seo-for-images-add-proper-alt.html
ReplyDeletegag enak pakai otomatis enakan manual lebih seo
ReplyDeleteTerima kasih ya...sudah lama saya mencari informasi ini
ReplyDeleteEntri Terbaru Saya:
Ulama Malaysia Bukan Malaikat
AR-Mujahid...
DeleteTerima kasih kembali
Nice post sob .. banyak hal Mencerahkan disini dan disajikan simpel, i like it. Keep posting dan menambah khasanah ilmu buat rekan-rekan blogger yang lain. Salam Kenal
ReplyDeleteaduhhh gan saya mau copas alt image nyari tulisan/kode gak ketemu 2...harus baca satu satu mana tulisanya kecil2 lagiii.,,,,gan gmn tips nyari nya biar cepet,,,thks
ReplyDeletekirno sesepan...
DeleteGunakan CTRL + F yang ada di keyboardx...
Atau langsung tekan F3..
CHECK YA MAS BRO BLOG SAYA 'BANYAK TIPS2 YNG PERLU ANDA KETAHUI TERIMA KASIH ..
ReplyDeleteCHECK TKP http://putrapatiwara.blogspot.com/
thanks sob..
ReplyDeletehttp://gopar-gt.blogspot.com
pada artikel web lain yang mengajar manual disuruh menambah keyword untuk masing-masing gambar. jika otomatis pada semua, keywordnya bagaimana?
ReplyDeleteThanks Infonya Sobat., 100% Manjurr
ReplyDeletemantap infonya gan.... saya kasih jempol seperti gambar agan disamping tapi pk tangan kanan lho...
ReplyDeleteTerima kasih ya!
mantap infonya,keren banget jempolnya,salam kenal ya....
ReplyDeleteBoleh juga nich tips.. Langsung menuju TKP..
ReplyDeletemantab gan
ReplyDeleteditunggu kunjungan baliknya
kolaksetop.blogspot.com
sip gan ....
ReplyDeletedicoba masbrayy hehehehehe
ReplyDeleteSalam kenal semeton lombok,..hehe
ReplyDeletesolahn blogm ne..
Terimakasih Boss,,,Mantap
ReplyDeletehttp://tusad.blogspot.com
kalo sudah memasang script ini,, apakah selanjutnya tidak usah menambahkan alt tag ke gambar lagi. Kalo cara yang manual gimana ya mas..?
ReplyDeletemas , maaf ya tapi blog ini mirip bgt dgn remo-xp.com , apa sobat sahabatnya ?
ReplyDeletehttp://mencakup-semua.blogspot.com/
ReplyDeletemantab bgt infony sob,,ane jg dh di cek di W3C Validator,,dan ternyata ada 59 error nya,,gimana caranya memperbaikinya t sob>>??thanks
ReplyDeletetanya gan...
ReplyDeletescriptnya bekerja untuk image yg udah ter-publish di artikel2 kita sebelumnya gk?
matur nuwun ..
http://maviadotcom.blogspot.com
Dari dulu sya juga menggunakanya untuk seo dan traffic
ReplyDeleteijin nyoba kawan... terima kasih sudah berbagi.
ReplyDeletetolong sob cek blog ane di http://serbawow.blogspot.com, hanya beberapa yang mu alt tagnya sob, klo gambar di postingan saya klik alt tagnya tidak berfungsi sob, thanks atas infonya admin!
ReplyDeleteMantep sob,,
ReplyDeleteditunggu kunjungan baliknya
http://tips-gobel.blogspot.com
Gobel's Blog
alt tag nya itu nanti tulisannya apa?
ReplyDeletesuwun bos
ReplyDelete