|
Alt Images |
Para blogger
biasanya menggunakan add ons untuk melakukan pengecekan struktur blog apa sudah
seo friendly atau masih banyak kekurangan yang menyebabkan blog kurang maksimal
terindeks mesin pencari. Add ons yang banyak digunakan adalah SEO QUAKE yaitu
add ons yang kita gunakan untuk cek meta tag. Add ons ini bisa digunakan baik
di Google Chrome, Modzila Firefox maupun Safari.
Untuk tutorial cara menggunakan Add Ons Seo Quake bisa
anda lihat pada artikel saya sebelumnya yaitu Cara Menggunakan Seo
Quake.
Ok, untuk
tahu cara pasang alt image otomatis, yang konon katanya, Alt Image yang
tersusun dengan rapi memudah google untuk menentukan letak indeks artikel,
hingga blog kita yang terdapat Alt Image lebih mudah ditemukan pada pencarian
gambar di google.
Dibawah ini
adalah contoh blog saya yang belum saya konfigurasi Alt imagenya, ada tanda
silang merah (X) atau tanda (-) kuning dan ada peringatan.
Dibawah ini
adalah contoh blog saya yang belum saya konfigurasi ALT Imagenya sehingga
|
seo quake images |
We found ... images on this page.
... alt attributes are empty or missing..
Setelah saya konfigurasi dengan memasang kode javascript pada template blog hasilnya terlihat seperti gambar dibawah ini :
|
alt image otomatis |
Sebenarnya blogspot sudah memberikan defaultnya, tapi menurutku kurang optimal, karena harus setiap kali merubahnya. Dua cara tersebut adalah seperti di bawah ini :
|
Cara 1 |
|
|
Cara 2 |
Cara pertama dan
kedua sangat tidak efektif menurut saya karena banyak menghabiskan
waktu dan tenaga untuk mengedit ulang keseluruhan artikel. Kalo artikel yang ada di blog kurang dari 10 mungkin merupakan hal
yang mudah, tapi bayangkan jika blog anda berisi 100, bahkan
500 artikel..? Hahaha... mlintir dah jari..!!! Nah ini ada cara yang
ketiga karena sudah terbukti keberhasilannya seperti gambar hasil seo
quake diatas tadi.
Baiklah langsung ke Cara Pasang ALT IMAGE Otomatis
Log in Blogger
Edit HTML
Expand Template
Copy kode berikut ini dan letakkan tepat diatas kode </body>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.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.attr('alt', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
});
});
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
$('img').each(function(){
var $img = $(this);
var filename = $img.attr('src')
$img.attr('title', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
});
});
//]]>
</script>
Simpan Template dan lihat hasilnya menggunakan SEO QUAKE
Demikian tutorial mengenai Cara Pasang ALT Image Otomatis di Blog
agar SEO Friendly serta menaikkan popularitas blog kita dimata google
oleh karena minimnya kesalahan yang terdapat pada
template kita. Semoga bermanfaat dan terima kasih sudah menyimak artikel carakucari.com.
Salam, carakucari.
Terimakasih anda telah membaca artikel tentang Cara Pasang ALT Image Otomatis. Jika ingin menduplikasi artikel ini diharapkan anda untuk mencantumkan link http://carakucari.blogspot.com/2013/06/alt-image-otomatis.html. Terimakasih atas perhatiannya.