Phone/sms: 081275454787 | Fax: 07787487281
Home » » Membuat "alt" tag gambar di blog

Membuat "alt" tag gambar di blog

alt img
Bagaimana membuat "Alt" Tag gambar atau image pada blog?

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 dengan menambahkan attribute alt tag pada setiap gambar akan menambahkan seo score. 
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.


2. Memasang attribute "alt" tag dan "title" tag pada home page.

  • 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