Cari Blog Ini

Selasa, 15 Oktober 2013

Cara Membuat Alt Tags Pada Setiap Gambar

Membuat Alt Tags Pada Setiap Gambar
Selamat sore sobat blogger, kali ini Blogspot ID akan share artikel mengenai Cara Membuat Alt Tags Pada Setiap Gambar. Dengan memsang alt tag pada setiap gambar tentunya sangat berpengaruh besar terhadap kulitas SEO blog kita dan juga akan meningkatkan Score SEO kita, silahkan Anda cek score seo blog/web Anda di http://chkme.com. Tidak hanya dengan memberi alt tag pada setiap gambar akan meningkatkan kulitas SEO Anda, tetapi Anda juga harus menambahkan titel tag pada setiap link yang ada. Silahkan baca mengenai Cara Membuat Title Tags Pada Setiap Link. Jika kedua cara tersebut sudah Anda coba, pasti score seo Anda akan meningkat dan dengan cara ini Anda akan sekaligus mengoptimalkan Seo On Page. Ada 2 cara untuk membuat alt tags pada setiap gambar yang pertama dengan menambahkan alt tag pada setiap postingan dan yang kedua dengan menambahkan script otomatis akan membuat alt tag sendiri. Langsung saja simak tutorial Cara Membuat Alt Tags Pada Setiap Gambar dibawah ini :

Menambahkan Alt Tag Pada Gambar Postingan
1. Upload gambarnya pada postingan Anda
2. Klik gambar tersebut lalu klik Properties
Membuat Alt Tags Pada Setiap Gambar Properties
3. Setelah Anda mengklik Properties, maka akan muncul seperti gambar ini :
Membuat Alt Tags Pada Setiap Gambar Alt Text
Isi Title Text dan Alt Text
Saya harapkan Anda mengisinya dengan kata yang berbeda seperti gambar di atas
4. Jika sudah di isi kedua kotak tersebut, klik Ok

Cara membuktikan berhasil atau tidaknya yaitu dengan cara :
1. Taruh cursor di atas gambar tersbut
2. Lihat, apakah muncul kotak kecil yang berisi Title Text yang Anda masukkan tadi
3. Jika muncul, berarti berhasil

Menambahkan Alt Tag Pada Gambar Otomatis
1. Masuk ke Blogger.com
2. Pilih blog yang akan di edit
3. Klik Template => Edit HTML
4. Kemudian cari kode </body> biasanya ada di bagian paling bawah (tekan F3 atau Ctrl + F untuk mempercepat pencarian)
5. Jika sudah ketemu masukkan kode ini, tepat di atas 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>

6. Jika sudah, klik Simpan Template

Catatan :
Cek dulu pada blog Anda, apakah sudah menggunaka jquery kode yang berwarna Biru atau tidak. Jika sudah ada jangan di pasang lagi kode yang berwarna Biru tersebut.

Sekian artikel mengenai Cara Membuat Alt Tags Pada Setiap Gambar. Kurang lebihnya mohon maaf. Semoga Bermanfaat...

Tidak ada komentar:

Posting Komentar