Menambah Atribut Alt Tag dan Title Gambar Otomatis- Membikin foto dengan Atribute Alt Title. tapi sebelum kami lebih lanjut mengulas mengenai optimasi foto ini, apakah sobat telah mengerti apa itu manfaat pemasangan Atribute alt title pada foto konten blog kita? manfaatnya ialah membikin judul pada tiap foto supaya artikel kami masih terbaca pada penelusuran mode foto di search enggine, tidak hanya itu manfaatnya juga membikin blog kami lebih SEO serta lebih Valid HTML5 Apabila kamu tak percaya, sobat dapat mencheknya di Chkme.com (silahkan lihat perbedaanya sebelum serta seusai pemasangan)
1. Menambah Atribute Alt Title pada Gambar homepage
1. Masuk ke akun Blogger.com
2. Selanjutnya Klik Template => Edit HTML
3. Cari kode berikut ini :
expr:src='data:post.thumbnailUrl' dan expr:src='data:post.thumbnail'
4. Dan anda tambahkan kode expr:alt='data:post.title' dan expr:title='data:post.title'
Contoh :
<img expr:alt='data:post.title' expr:height='data:thumbnailSize' expr:src='data:post.thumbnailUrl' expr:title='data:post.title' expr:width='data:thumbnailSize'/>
Biasanya itu kode expr:src='data:post.thumbnailUrl' dan expr:src='data:post.thumbnail' jumlahnya lebih dari 1, silahkan Anda menambahkan kode expr:alt='data:post.title' dan expr:title='data:post.title' di setiap kode yang ada.
2. Menambahkan Attribute Alt Tag dan Title Tag Gambar Postingan
1. Buat artikel baru (postingan lama jugak tidak masalah)
2. Upload/masukkan gambar pada artikel
3. Lalu anda Klik gambar tersebut, dan akan muncul properties, lalu klik saja
4. Setelah Anda klik silahkan isi Title Tag dan Alt Tag untuk gambar tersebut, lalu klik OK
Atau bisa dengan menggunakan cara seperti ini :<img alt='Judul Gambar' src='URL_Gambar' title='Judul Gambar'/>
3. Menambahkan Attribute Alt Tag dan Title Tag Gambar Otomatis
1. Masuk ke akun Blogger.com
2. Lalu Klik Template => Edit HTML
3. Dan Cari kode </body>
4. Selanjutnya anda Copy kode script dibawah ini dan Paste diatas 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>
5. Simpan Template Anda
Sekian artikel saya kali ini mengenai 3 Cara Menambah Atribute Alt Tag dan Title Gambar , Semoga bermanfaat untuk anda.
0 komentar :
Posting Komentar