ALT and Title attributes as optimization assistants
Basic Guide, about 9 min of reading
In one of our first articles on internal website optimization, we briefly described how high images could be important for SEO promotion. If you dig a little deeper into this topic, the first thing you will encounter is the alt and title attributes.
That is what the empty parameter fields will be called, which the content manager will see when uploading the image to the web page.
What are the alt and title attributes? Do we need to fill them out? What is their role in SEO? Keep reading, and you will get the answers to this in the article.
Title attribute. Necessity and basic rules of use
The title attribute, to be honest, is far from an essential element of SEO. The primary purpose of its use is to give tips to users about the contents of the viewed image. When you hover over the image, the contents of the title attribute are displayed in a white rectangle.
Even though search engines do not pay much importance to the content of this parameter, it can still be observed to have some influence on promotion through behavioral factors.
You may agree that viewing a web page on which pop-up tips appear on the images placed on it is much more pleasant than if this feature is not available. The title attribute must be filled correctly:
1. Did not contain information that does not correspond to the picture. Otherwise, it will cause a repulsive effect.
2. Was not too long. There are no restrictions as such, but two or three lines of text will spoil the impression.
3. Keep one of the main keywords if possible. Yes, search engines will not offset this additional trick. Visitors will once again be convinced of the relevance of the viewed material to its initial request in the search engine website.
4. Do not duplicate the headings on the page (main title, H1, H2, etc.) and the contents of the alt attribute. It is impossible to achieve 100% uniqueness here, but add dilution words like "photo" or "picture" for everyone.
Importance and nuances of filling the alt attribute of images
In contrast to the title attribute, which is essentially visitor-oriented, the filled alt attribute of images is more important for your website promotion.
It is pretty fast indexed by search engine bots and used by them to determine the content of detected images. This is important both to improve the relevance and to attract additional traffic to it from the "Search by image" type of requests.
Therefore, you need to remember that by forgetting or not wanting to fill out the alt attribute of images; you deprive your web resource of additional rating points that could well improve its position in search engine results.
As for site visitors, they can see the contents of the alt attribute only if:
1. When you turn off the display of graphical content in the browser (which happens quite rarely).
In this case, instead of the published pictures, the user will observe the standard icon of the image and the text specified in the alt attribute. Hence its name “alt” - short for “alternative”.
That is, we are talking about an alternative option (when the standard display mode does not suit or is unavailable to the user for some reason), which allows you to understand what was shown in the photo currently hidden generally.
2. When viewing the results of “Search by Pictures” by the description of the found images.
To safely advance in this type of search, you must adhere to the following recommendations when filling out the alt attribute of images:
1. Same as image file name, the alt attribute for images should be corresponded to their content and be relevant to the flowing text.
2. The text should not be less than 3-4 words and more prolonged than 250 characters.
3. You can use keywords, but not add several of them at once, as search engines will consider this as spam and can exclude from the output not only the image itself but also the entire page of your website.
Choose one, the most suitable, and dilute with a couple of additional ones, trying to make its use look as natural as possible.
You can also take the same phrase as in the title attribute (if it is not very long) and replace the diluent words used there (for example, use “photo” instead of “picture”).
4. Do not use words like “buy”, “issue”, “price” if they are not directly related to the image (if this is not a price list, for example).
• filled in at will;
• does not directly affect the website promotion, but participates in the formation of behavioural factors;
• focuses on the convenience of website visitors, which makes it possible to associate with the description of the image.
Filled image alt attribute:
• taken into account by search bots when indexing;
• becomes visible in the search for pictures;
• increases the relevance of the content of web pages to search queries;
• enables the visitor to find out about the contents of the image if the image viewing function is disabled in the browser.
All of the reasons above are positive. Therefore, the decision about the need to fill in the attributes alt and title you can quite make yourself.
Good luck with your website promotion!
(click on the links to learn more)
ALT ATTRIBUTE - The alt attribute is the HTML attribute used in HTML and XHTML documents to specify alternative text (alt text) that is to be rendered when the element to which it is applied cannot be rendered.
The alt attribute is used by "screen reader" software so that a person who is listening to the content of a webpage (for instance, a person who is blind) can interact with this element.