Today I am going to give a short lesson on how to use 2 of the most important attributes in your image tag.
Oh, I hear y’all now — “What is this?!” or “I don’t understand that HTML stuff!”
You do not need a degree or formal training to learn HTML. But, if you are going to be the sole person updating and adding to your blog, then I suggest that you at least learn the basics.
Here’s my stance on this.
If you are a business owner and you are currently running your own blog and/or website, take the time to at least learn the basics of HTML. Otherwise make sure you hire a VA or web designer/developer to keep the errors and warnings in the code to a bare minimum.
There’s my soap box speech. Now on to IMAGES!!!
Take your mouse and scroll over to the image I have over there in the upper left. You should see a text box pop up that says “Using Title and Alternate Text in Your Image Tags”.
That is all the title and alt attributes do for your image — they give an alternative to an image.
It’s also a great way to include your keywords or phrases. Just remember not to over do it or over stuff them. You don’t want Google to penalize you for it!
Why is this so important, Gypsy??
Well the alt and title attributes in the image tags show up if the images themselves cannot be seen or do not show up. The search engines don’t see the images, either. So using the Alt and Title tags are really good SEO practices, as well.
These tags used by “screen reader” software for those who listen to web content, such as a blind person. The software cannot read the image but it will read whatever is in the title and alt attributes.
For image tags to validate properly, you need to include the alt attribute.
Here is the correct coding for your image tag:
<img src=”” title=”Using Title and Alternate Text in Your Image Tags” alt=”Using Title and Alternate Text in Your Image Tags” />
All the parts underlined in black are very important.
If one of the quotes or equal signs get forgotten or the space is not after the last quotation mark or even the back slash at the end is not put in — your code will not validate and you will get errors. In some cases, certain browsers may try to fix the error automatically. But don’t count on it to work every time.
WordPress makes it so easy to remember the title and alt text when you insert images into your posts or pages. Bravo WP!
If you are adding images to widgets, just always remember the following formula and you will never have a problem!
<img src=” ” title=” ” alt=” ” />
Here are some HTML resources that I recommend:
Have any tips or resources to add, please use the comment box below!