Untuk membuat blog kita menjadi blog yang SEO Friendly (Search Engine Optimization), banyak hal yang harus kita lakukan, salah satunya adalah dengan menambahkan ALT Tag pada setiap gambar yang menyertai postingan kita. Tapi bukan merupakan suatu hal yang mudah untuk melakukan optimasi setiap gambar yang dipublikasikan untuk Search Engine. Jadi, disini saya sudah menyiapkan kode JavaScript yang gunanya untuk menambahkan ALT Tag untuk semua gambar lalu mengoptimalkan semua gambar tersebut untuk Search Engine (Mesin Pencari). Cara ini merupakan cara yang paling mudah untuk proses optimasi gambar untuk setiap blog post sobat blogger. Untuk menerapkan teknik ini, sobat blogger hanya membutuhkan waktu tidak lebih dari satu menit.
Cara Buat Gambar Otomatis SEO:
- Log In di http://www.blogger.com
- Di bagian Dashbour, klik Design lalu klik Layout
- Selanjutnya klik Edit HTML
- Copy kode di bawah ini :
<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>
- Paste kode tersebut sebelum kode </body>
- Simpan Template
Baca tutorial menarik lainnya di bawah ini :
Tips Trik Blog
- Membuat Teks Link Berkedap Kedip
- Cara Buat Tombol Hide and Show (Spoiler)
- Cara Membuat Salam Pembuka Blog
- Membuat Judul Blog Berada di Tengah
- Cara Buat Tulisan Berjalan / Effect Marquee di Blog
- Cara Memasang Facebook Like Badge
- Cara Menyembunyikan Navbar Blog
- Cara Menampilkan Judul Artikel Saja di Home Page Blog
- Cara Menambahkan Syntax Highlighter pada Blog
- Cara Menghias Cursor Blog
- Blog dan Google Chrome
- Contact Us
- Cara Pasang Alexa Traffic Widget
- All About Anchor Text
- Cara Buat Navbar Auto Hide
- Cara Pasang Yahoo Emoticon di Blog
- Ayo Tukar Link!!!
- Cara Backup atau Download Template Blog Sendiri
- Cara Menambahkan Link Blog kita pada Widget Attribution
- Menghilangkan Bayang atau Border Pada Gambar Blog
- Cara Membuat Widget Berjalan atau Bergerak
- Cara Menyembunyikan Widget Attribution Power By Blogger
- Menyembunyikan / Menghilangkan Posted by, Share Button (Tombol Berbagi) dan Labels di Home Page
- Cara Buat Related Post atau Artikel Terkait
Tutorial Blog
- Cara Buat Link di blogger.com
- Mamfaat Alexa Site Audit
- Informasi Seputar W3C
- Membuat Judul Blog Berada di Tengah
- Blog dan Google Chrome
- Contact Us
- Cara Buat Daftar Isi
- Menghubungkan Blog Dengan Halaman Google +
- All About Anchor Text
- Apakah Blog Sudah Terindex Google?
- Kenapa Saya Tidak Bisa Daftar Blog di Yahoo?
- Ayo Tukar Link!!!
- Apa Alasan Mendistribusikan Alexa Toolbar Untuk Pelanggan Kita?
- Cara Kirim atau Submit Sitemap ke Bing
- Bagaimana Cara Melihat Keyword dan Meta Tags Blog Lain?
- Cara Mengirim atau Submit Sitemap ke Ask.com
- Penyebab Munculnya Pesan Error Saat Edit Template Blog
- Ganti Ukuran dan Jenis Font Blog
- Cara Mengganti dan Merubah URL Blog
script y rusak tuh
ReplyDeleteMakasih.. Ini yg saya cari
ReplyDeletethanks infonya a gan
ReplyDeletemakasi ya informasi nya
ReplyDeleteScrip Loe Rusak Gan
ReplyDeleteFAILED TUTOR ......
bukan fail, tapi kurang tanda penutup seperti:
ReplyDeletetype='text/javascript'/>
yang tertara disitu:
type='text/javascript'>
keren bos
ReplyDeletescriptnya sangat penting sekali
ReplyDeleteterima kasih
Thanks to ceritamedan.com ternyata memang kurang tanda "/" pada type='text/javascript'>
ReplyDeletemakasih untuk tutorialnya...
ReplyDeleteTerima kasih gan infonya, jgn lupa maen ke blog jelek saya ya gan lum aD TEMAN MASIH SEPI
ReplyDeletesript'arusak tuh...
ReplyDeletehttp://krisna18.blogspot.com/
Ane Coba Ya ??
ReplyDeleteBoleh dicoba nih...
ReplyDeletejquery 1.3.2 ternyata bisa buat seo juga yach..
ReplyDeleteNice info sob kebetulan baru tau di mari...
makasih banyak ya gan... membantu sekali ubat saya... trims
ReplyDeleteSory gan ane masih newbie nih, terus jadinya kayak apa ya. kl lihat ada perubahannya gimana gan?
ReplyDeleteTerims ya
trims , atas infonya
ReplyDeleteditunggu lanjutannya
thx triknya gan,,,, salam kenal kunjungan balik:
ReplyDeletehttp://softwaremaniapc.blogspot.com/
ok gan,,,izin kopas yua,,,buat jaga2..
ReplyDeletesaya coba gan...
ReplyDeletemampir ya tafshare.blogspot.com
Gan kok gak bisa
ReplyDeletemantap ..
ReplyDeleteterima kasih infonya mas. buat belajar saya...
ReplyDeleteterima kasih gan,langsung ane coba
ReplyDeletemaaf gan nambahin, pas gw copas ke template error pada saat di save, bolak balik saya cek letak kesalahannya, ternyata hanya kurang tanda garis mirig(/) aja di baris pertama
ReplyDelete......1.3.2/jquery.min.js" type="text/javascript"> dibagian akhir ini gan,harusnnya setelah ...."text/javascript" />
maaf gan, barang kali ada yg ketemu masalah yg sama.......
kunjungi juga http://emboss-studio.blogspot.com
maaf gan nambahin, pas gw copas ke template error pada saat di save, bolak balik saya cek letak kesalahannya, ternyata hanya kurang tanda garis mirig(/) aja di baris pertama
ReplyDelete......1.3.2/jquery.min.js" type="text/javascript"> dibagian akhir ini gan,harusnnya setelah ...."text/javascript" />
maaf gan, barang kali ada yg ketemu masalah yg sama.......
kunjungi juga http://emboss-studio.blogspot.com
kalo gambar otomatis bisa ngga ?
ReplyDeletekalo gambar otomatis bisa ngga ?
ReplyDeleteWe are a leading digital marketing company in Toronto. Our services include SEO, SMO, Google ads, Facebook ads.
ReplyDeleteWe are a leading digital marketing company in Brampton. Our services include SEO, SMO, Google ads, Facebook ads.
ReplyDeleteHey Thanks for sharing this blog its very helpful to implement in our work
ReplyDeleteRegards
It Agency
Best Digital Marketing Agency in California