• Open Account
  • Premium
  • Thursday 2 April 2015

    Automatically add ALT and Title tags to Blogger Images

    how to Automatically add ALT and Title tags to Blogger Images

    We as writers forget to add title ALT and the Title tags on Blogger post images and that may cause our blogs to loose traffic which is probably a bad thing. Google bots and spiders hate images because they have difficulty reading them but with using the ALT and Title tags on Blogger and wordpress makes it easier for search engines to read through images.

    Automatically add ALT and Title tags to Blogger Images


    Below I have provided a couple of steps that will help guide you into adding the code which will create automatic Title tags on your blog.



    How to Automatically add ALT and Title tags to Blogger Images 
    • Step 1

      Log in to Blogger Dashboard and Select the blog you want to Edit
    • Step 2

      Go to Template and Select Edit HTML as shown Below




    • Step 3

      Left Click anywhere on the Template code and press the 'CTRL' +  'F' keys on your keyboard to open the search box
    • Step 4

      Paste this on the Search box and press enter to serach
    </body>
    • Step 5


      Just above </body>  paste this code
     <scriptsrc='http://ajax.googleapis.com/ajax/libs/jquery/1.7.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('title', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));$img.attr('alt', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.'))); }); });//]]> </script

    • Step 6

      Save your template

    Well if you have completed these six steps then probably your blog images have automatic title tags, please feel free to share your thoughts in the comments section.

    Sifiso Nkwanyana

    Author & Editor

    I hope you have recieved all the information you seek and thank you once more for browsing our website we hope to hear from you soon.

    0 Comments:

    Post a Comment

    Although every comment is appreciated, due to time limitations I might not be able to respond to everyone. Keep it in mind that we respect all comments by our readers but all spam comments and spam links will be deleted. Thanks for understanding!