Memasang Tag ALT dan TITLE Pada Setiap Gambar Secara Otomatis agar Seo Friendly | Ciskulnet

Kumpulan tutorial dan artikel seputar teknologi

Memasang Tag ALT dan TITLE Pada Setiap Gambar Secara Otomatis agar Seo Friendly

10 Years Ago

        Ada banyak cara agar blog kita Seo friendly atau lebih tepatnya penilaian Seo dari suatu blog sangat luas, tidak hanya dilihat dari cara penulisan postingan, atau pun kecepatan load page blog. Tapi juga desain template, penempatan script, link , iframe, gambar dan masih banyak lagi.

Mungkin saya disini masih tergolong pemula, karenaitu saya akan share sedikit demi sedikit ilmu yang saya ketahui kepada kamu disini.
Oke kembali ketopik, karena salah satu penilaian seo itu berasal dari media gambar yang terdapat di blog pada kesempatan kali ini saya akan membahas mengenai Seo dari gambar.

Apa itu seo? Seperti apa seo pada gambar itu?
Seo pada gambar itu dapat didefinisikan sebagai kejelasan informasi yang terdapat pada gambar. contohnya gimana om?
Contohnya seperti Alt dan Title dari gambar tersebut. Setiap gambar yang memilik kejelasan Alt dan Titlenya sudah bisa dibilang seo friendly. Trus kita harus bagaimana bro?
Kita sebagai blogger jika memang ingin gambar di blog kita menjadi Seo friendly maka kita harus edit Title dan Alt di semua gambar yang ada di blog kita. nah lho capek om kalo harus edit satu per satu, apalagi kalo gambar di blog kita sudah ada ribuan. apa gak ada cara lain om?

Tenang aja saya kasih cara gampangnya, kamu tinggal masuk ke Template > Edit HTML lalu pasang script dibawah ini di atas code </body>
 <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.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.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>
Jika sudah silahkan klik simpan.
Dengan begitu kamu gak perlu repot edit satu per satu :D. Gmn udah paham.?
Sekian post kali ini, baca juga postingan Seo Versus Content disini.

Related Post:
  • Blog? Blogger? Menjadi Blogger?
              Setiap kali kita mencari artikel di internet pasti ketemu dengan blog :D, apa itu Blog dan siapa itu blogger?Blog adalah sebuah kumpulan artikel-artikel.Apa Itu Blogger?      Blogger adalah sebuah istilah...
  • Pengenalan GUI dalam Unity3d
             Sebelumnya dah pada tau gunanya engine unity3d kan?  Yup unity3d adalah software untuk membuat game baik 2d maupun 3d. Yang belum punya bisa download dulu softwarenya disini           ...
  • Memasang Widget Recent Post di Blog
    Recent post adalah widget yang menampilkan daftar postingan terakhir atau terbaru dari sebuah blog. Widget ini dibuat oleh mas andes, widget ini ditujukan agar pengunjung bisa mengetahui postingan yang baru dari blog tersebut. Seperti biasa untuk demonya...
- Hide Comments

Artikel Rekomendasi

  • Pengertian dan Penjelasan Tentang HTML dan CSS
               Jika kamu memang ingin mengetahui apa itu html dan css ini adalah postingan yang cocok untuk kamu, ok berikut adalah pengertian sekaligus penjelasan cara menggunakannya.Pengertian HTML       ...

Related Post

Powered by Blogger.
Copyright © 2017 Ciskulnet All Rights Reserved - Template by Djasnote
^