alt img |
Berikut kami sampaikan cara membuat "alt" Tag gambar atau image pada blog.
Memasang title tags dan alt tags pada setiap gambar yang ada pada blog akan sangat membantu artikel kita menjadi mudah didapat pada mesin pencari seperti google. Jadi sangat penting bagi anda untuk menambahkan alt tag pada setiap gambar yang ada pada blog.
Selain itu score seo akan berpengaruh significant jika ditambahkan juga title tag pada gambar tersebut. Jadi kesimpulannya adalah jika anda membuat alt tag dan title tag pada gambar berarti anda telah melakukan optimasi SEO on Page
beberapa cara yang dapat dilakukan untuk menambahkan atl tag dan title tag ini adalah:
1. Membuat attribute "alt" tag dan "title" tag pada gambar di postingan.
- Pada artikel yang anda buat, masukkan/ upload gambar apa saja yang anda inginkan
- Klik gambar tersebut, lalu akan muncul properties, lalu klik pada properties.
- Setelah di klik silahkan diisi "alt" tag dan "title" tag untuk gambar tersebut, lalu klik OK.
- Selesai sudah cara pertama.
- Masuk ke Blogger.com
- Klik Template >> Edit HTML
- Tekan tombol keyboard ctrl + f (untuk mencari suatu kata)
- Cari kode expr:src='data:post.thumbnailUrl' dan expr:src='data:post.thumbnail'
- kemudian 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'/>
- Lakukan untuk kode expr:src='data:post.thumbnailUrl' dan expr:src='data:post.thumbnail' lainnya, karna biasanya kode ini lebih dari satu.
3. Membuat attribute "alt" tag dan "title" tag otomatis pada gambar
- Masuk ke Blogger anda
- Klik Template >> Edit HTML
- Copy kode script dibawah ini, lalu pastekan diantara kode <body> dan </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>
- Lalu save template
Silahkan memilih mana satu yang baik menurut anda.
Selamat mencoba.
0 comments:
Post a Comment