Trik Seo Blog Otomatis Menambahkan Title Dan Alt Pada Semua Image
Trik Seo Images auto add title and alt in all image Cara Otomatis menambahkan atribut title dan alt pada semua image atau gambar di blo...
https://tutorialcarapintar.blogspot.com/2019/02/trik-seo-blog-otomatis-menambahkan.html
Trik Seo Images auto add title and alt in all image
Untuk Menambahkan alt / Deskripsi dan title pada blog biasanya dapat di lakukan dengan banyak cara.
Pada postingan kali ini saya akan membuatkan cara manual dan cara otomatis untuk menambahkan title dan alt di setiap link image yang ada di postingan blog kalian.
Apa jika kalian pernah mengecek blog kalian di situs chkme.com untuk mengecek seberapa seonya blog kalian, niscaya pernah mengalami pesan sebagai berikut.
Images: 100 images and 80 missing descriptions
For an image the description is fundamental. Correct this for a successful optimization. Show | Hide
Images: 100 images and 100 missing titles
While not essential and not used to calculate the jawaban score, we suppose that for an image a title can be really useful. Try fixing any error, if required. Show | Hide
Untuk mengatasi duduk masalah images missing descriptions dan images missing titles kalian dapat mengatasinya dengan cara pertama.
Buat kalian yang ingin mencobanya, silahkan ikuti tutorial pada blog mas tamvan ini
Cara Manual Menambahkan Deskripsi /alt dan title pada image blog
- Silahkan upload gambar kalian ke postingan. Klik Gambarnya kemudian pilih propertis. #lihat gambar
- Nanti akan ada keluar obrolan box untuk menambahkan title dan deskripsi /alt pada image kalian.
- Silahkan masukan title dan alt sesuai isi dari artikel kalian. Kalo sudah, tinggal klik ok aja.
- Bagi kalian yang ingin menambahkan title dan alt tapi postingan sudah di publikasikan dan males untuk menambahkannya secara manual, di sini saya akan berikan cara otomatisnya...
Cara Otomatis menambahkan title dan alt pada semua link gambar
- Login ke Blogger.com
- Masuk ke Tab Template-> Klik Edit HTML.
- Cari Code </body>
- Lalu masukan Javascript berikut di atasnya.
<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>
<script type='text/javascript'> //<![CDATA[ if (typeof(jQuery) == 'undefined') { //output the script (load it from google api) document.write("<scr" + "ipt type=\"text/javascript\" src=\"https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js\"></scr" + "ipt>"); } //]]> </script>
Apabila ada yang mau ditanyakan, silahkan bertanya di kolom komentar ya :)