Monday, August 18, 2014

Add image alter tags for best SEO practice

We all the Blogger or Website Designer know that SEO (Search Engine Optimization) is very important for a blog or website. Because, we all want to reach our Website or Blog at the top of all Search Engines. So, we most often use some tips and tricks to reach our blog or website at the top of all. I think if we write the best content then it will normally reach at the top. However, you may also use some basic tricks to reach your Blog or Website at the top. Image Alter Tag is one of the best tricks for Search Engine Optimization (SEO). The webmasters always use Image Alter Tag. You can also use images depending on the Blog's Content so that you can use Image Alter Tag. Image Alter Tag plays a very important role in Search Engines. Lets see how to add Image Alter Tags.

SEO tricks,image alter tags,alter tags

Adding Image Alter Tags by Coding


 Step 01  Introduction with the Codes Structure for an Uploaded Image
When you will upload an image as a blogger blog user then some codes like below will be generated automatically. You will found the codes by clicking on the button HTML.

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiw7I1w9CFS-U2hD1rdxholeMfzQlydrBndnGiimFVJrzNfx58YRFlEn5U743yi0xQhHXrfGJed4dMm0NybvAWJWm1CvAmNlKVh6Y02hG4hbCh5jImZakUbkS-li_Pli0z_sTgL6BU3bMs/s1600/SEO-Image-alter-tag.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0"  src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiw7I1w9CFS-U2hD1rdxholeMfzQlydrBndnGiimFVJrzNfx58YRFlEn5U743yi0xQhHXrfGJed4dMm0NybvAWJWm1CvAmNlKVh6Y02hG4hbCh5jImZakUbkS-li_Pli0z_sTgL6BU3bMs/s320/YOUR-IMAGE-NAME.png" width="320" height="265" /></a>

 Step 02  Add an Image According to the Content
Firstly, you have to add an image to your Blog Post. If you make ready a Contextual Post, then add an image depending on the Article. Place the image wherever you want to show.

 Step 03  Find out the Codes of the Image
Click on HTML and press Ctrl + F, a text input box will open. Now type img into the text input box and press the Enter Key. You will found the set of codes responsible for the image.

 Step 04  Replace the Codes with Image Alter Tag
Now you have to replace the Red Colored Codes with the Image Alter Tag <img alt="KEYWORD,  KEYWORD  KEYWORD  KEYWORD  KEYWORD".

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiw7I1w9CFS-U2hD1rdxholeMfzQlydrBndnGiimFVJrzNfx58YRFlEn5U743yi0xQhHXrfGJed4dMm0NybvAWJWm1CvAmNlKVh6Y02hG4hbCh5jImZakUbkS-li_Pli0z_sTgL6BU3bMs/s1600/SEO-Image-alter-tag.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiw7I1w9CFS-U2hD1rdxholeMfzQlydrBndnGiimFVJrzNfx58YRFlEn5U743yi0xQhHXrfGJed4dMm0NybvAWJWm1CvAmNlKVh6Y02hG4hbCh5jImZakUbkS-li_Pli0z_sTgL6BU3bMs/s320/YOUR-IMAGE-NAME.png" width="320" height="265" /></a>

 Step 05  Use the Keywords Depending on the Article
So the codes will look like the codes given below into the box. Now replace the words "KEYWORD" with the expected Keywords. But never use the same Keyword for more than three times.

<img alt="KEYWORD KEYWORD KEYWORD" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiw7I1w9CFS-U2hD1rdxholeMfzQlydrBndnGiimFVJrzNfx58YRFlEn5U743yi0xQhHXrfGJed4dMm0NybvAWJWm1CvAmNlKVh6Y02hG4hbCh5jImZakUbkS-li_Pli0z_sTgL6BU3bMs/s320/YOUR-IMAGE-NAME.png" width="320"  height="265" /></a>

...::Image Alter Tag::...




Adding Image Alter Tags Manually


 Step 01  Click on the Uploaded Image
Normally click on the uploaded image, a pop up menu will appear. Now click on Properties from the menu, then a pop up window will open like the image given below.
 Step 02  Provide the Image Title into the Text Input Box named title text
There are two text input boxes named title text and alt text. You have to provide a title for the image what will appear after publishing the image when someone will hover the mouse on the image. Title should be according to the article or post.

 Step 03  Provide the Image Alter Text into the Text Input Box named alt text
Now you have to provide some keywords into the Text Input Box named alt text. The keywords should be comma separated as shown on the above image.


No comments:

Post a Comment