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

07:06

        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:
- Hide Comments

0 Komentar Untuk "Memasang Tag ALT dan TITLE Pada Setiap Gambar Secara Otomatis agar Seo Friendly"

Berkmentarlah dengan baek dan sopan
- jangan melakukan spam ataupun sara Home

Artikel Rekomendasi

Related Post

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