How To Set Alt tag (Title) to Post Images on Blogger - WebDuniya

Thursday, May 31, 2018

How To Set Alt tag (Title) to Post Images on Blogger

How To Set Alt attributes for Image SEO on All Blog Post

Today tips for all blog users; few newbie blogger missed that also didn't get seo ranking on search; because when a uploaded an image then needed to set alt tag also image properties.that mean its showing cause of image alt tag. then we felt upset. Also share old blogger user who did huge number of posts .
but don't worries here we share effective/helpful genuine method to fix follow our guide properly.

how to set alt tag title tag
How to add alt tag on blogger image post

Advantage Of This Tricks : 

➛You Can Fixed All Blog Post Image Alt Tag Missing;
Getting Best Seo Result Also Improved Your Blog .
➛Find Your Post Image Serach Easily.

Many people use Google images  to find images. So we must consider and accept that a part of blog traffic depends and comes lot of huge from image search engine.

First We Known How Is All Attribute Tag In Images Tag?πŸ‘€πŸ‘‡

Image tag <img> is an HTML language;src (image source),title (image title) and Alt (alternative text for image). When you add images in your Blogger posts, img src is defined, but what about the title and alt tags.

see like  - πŸ‘‡πŸ‘‡πŸ‘‡

{On html view}

<img alt='how to set alt tags to Blogger images' src=""title="Websduniya" />

How to add alt tags to Blogger images

Login to your Blogger blog and go to post or page editor.
Now upload image in normal compose mode and select a 
image which you want to post .
Now you will get several options for images. Click properties to add title and alt text.

How To Set Alt Tag On Blogger Image
Add ALT Attributes

In image properties add title and alt text that is your focus keyword.
Click OK, save changes and you are done adding title and alt tags for your images.

πŸ‘‰Best Method To Fix Missing Tag Only Old Blogger Users who Posting Already Many Pictures Post.

  1. Goto Blogger Dashboard
  2. Goto Template Tab
  3. Click on Edit HTML
  4. Now search for the </body> tag
  5. Now paste the below code just above the </body> tag.
<script src='' 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>

6.Now click on Save Template.
7.That's it you have successfully installed the widget.

πŸ‘πŸ‘Author Note* Most of the blogger templates have already add the Jquery Library. So, if the jquery library is already presents in your blogger template then just remove the highlighted code line from the code.& must be check before uploading the images don't forget to properly rename the image files according to your post topic, so that you get the right alt text to your images..

Hope this post helpful for you on how to add alt tags to Blogger images.Have any  question or know any other tricks about this then comment below section; πŸ˜„πŸ˜„

Delivered by FeedBurner