Cara Menambahkan Alt Tag dan Title Tag Pada Gambar
Rabu, 19 September 2018
Edit
kerap sekali seorang blogger melupakan penerapan Alt Text pada gambar. Ini merupakan suatu kesalahan karena penerapan ini merupakan bagian dari seo on page dan juga perayapan situs.
Attribut alt title text pada gambar fungsinya adalah untuk menginformasikan pada google bahwa gambar tersebut mempunyai deskripsi tentang title text yang sudah di tentukan dan mempunyai keterkaitan dengan artikel yang di cari berdasarkan query yang di ketikan pada pencarian gambar.
Menambahkan Alt Tag dan Title Tag Pada Gambar Otomatis:
Attribut alt title text pada gambar fungsinya adalah untuk menginformasikan pada google bahwa gambar tersebut mempunyai deskripsi tentang title text yang sudah di tentukan dan mempunyai keterkaitan dengan artikel yang di cari berdasarkan query yang di ketikan pada pencarian gambar.
Contoh:
Saya membuat artikel dengan judul cara menambahkan Alt Tag dan Title Tag pada Gambar dan menambahkan title text cara menambahkan Alt Tag dan Title Tag pada Gambar pada gambar di artikel tersebut. Maka hasilnya akan sesuai dengan informasi yang anda cari di Search Engine.
Bisa anda buktikan sendiri, dalam pencarian mode gambar hasil yang diberikan sesuai dengan gambar yang ada pada artikel. dengan menambahkan Title Text pada gambar di artikel yang anda posting, akan meningkatkan pengindexannya, dabandingkan dengan tidak menggunakan Title Text. Sekaligus juga merupakan Optimasi Seo.
Cara Menambahkan Alt Tag dan Title Tag pada Gambar:
- Pastikan anda sudah mengupload gambar terlebih dahulu.
- Klik Pada Gambar > Properties.
- Kemudian akan muncul pop up, Isikan sesuai judul artikel yang anda buat.
- Klik Ok.
Ada juga cara yang lebih praktis, anda tidak perlu menggunakan cara diatas, karena cara ini akan menambahkan Alt Tag dan Title Tag dengan sendirinya.
- Masuk ke blogger.
- Klik Template > Edit HTML.
- Cari kode </body> agar lebih mudah ganakan Ctrl+F.
- Copy dan Pastekan kode dibawah tepat diatas </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>- Klik Simpan Template.
Dengan demikian gambar tersebut sudah memiliki atribute Title Text sesuai dengan yang anda inginkan. Sekian cara menambahkan Alt Tag dan Title Tag pada gambar, semoga dapat membantu.