Cara Membuat Title Dan Alt Tag Yang Otomatis Pada Gambar Postingan Di Blogspot

Title - Alt Tag Otomatis  ,Kali ini saya (hekthatman) akan memberikan info untuk anda tentang gimana sih cara atau tutorial membuat title dan alt tag otomatis pada gambar postingan di blog anda atau bisa di sebut cara optimasi gambar di blog secara otomasi saat anda melakukan postinya artikel yang anda buat atau kalau di bilang secara singkat Cara Optimisasi Gambar untuk SEO Blog

Untuk anda sih membuat title dan alt ?
Menurut saya membuat title dan alt di postingan gambar anda itu , gambar yang anda postingkan akan lebih seo lagi , dan kebanyakan orang juga tidak selalu melihat langsung ke blog anda ,orang lain mungkin mencari sesuatu , 
  • Misalkan di mencari template blog di google dan waktu orang yang cari template tersebut tidak selalu langsung menuju ke blog kita atau kala dia lihat dulu google image dulu lah ,untuk mencari template blog di suka , kalau anda tidak buat title dan alt saat anda posting atau tidak mengoptimasi image blog anda kemungkin blog anda tidak akan seo di google,dan kalau anda memasang title dan alt di gambar postingan anda, bisa jadi orang yang mencari di google image lebih mudah dan blog anda akan muncul di google image juga , itu menurut saya.
Lalu babaimana cara memasang atau membuat title dan alt tag otomatis pada gambar postingan blog ? Berikut saya akan beritahukan untuk anda cara memasang title dan alt secara otomatis biar anda tidak susah payah melakukan dengan menual ,akan lebih capek dikit sih.saya sarankan yang otomatis aja oke.

Pertama anda ke blogger anda dulu 
Lalu pilih template === > edit template
Lalu copy code yang di bawah ini dan pastekan tepat di atas </head>

<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>

atau juga bisa yang di bawah ini pokoknya sama aja #sesuka anda

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/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('title', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
   $img.attr('alt', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
  });
 });
 //]]>
 </script>

dan simpan template anda dan liat saat anda posting atau saat anda pasang gambar apakah sudah otomasi kalau sudah berarti sudah work oke.

oke itulah info sedikit dari saya untuk anda cara membuat title dan alt secara otomatis di blog atau cara optimasi gambar untuk seo blog anda sekian dan terima kasih.


EmoticonEmoticon