Alt and Title are SEO parameters of photos that help in the promotion of web pages. Not all SEOs spend time on such nuances as optimization of illustrations. But it is from such small things and depends on the successful promotion of the site. Paying attention to this point, you will beat your competitors. Especially because it’s not difficult to do.
In today’s article, you’ll learn what the Alt and Title attributes of images, where to add them and how to use them for maximum effect.
What are Alt and Title attributes in the img tag
Optimizing illustrations involves three steps:
- Creating a unique illustration;
- compression for fast loading;
- filling in the text attributes.
Today we’ll focus on the last stage. Ready to increase your website traffic through proper use of Alt and Title? Then read on!
So, Alt – this is the alternative text, through which search engines recognize the image. This data helps bots to index your illustration without errors. Alt is considered an integral part of the pictures, the lack of validation is tantamount to a code error. Compared to Title, Alt is more SEO-oriented. The photo description improves the relevance of the page and allows you to attract additional audience from search results for pictures.
In principle, the Alt attribute also matters in the eyes of visitors, especially those who use mobile devices. Some of them turn off the display of graphics to save traffic, and thanks to Alt, they can at least know what is drawn in what place.
Now let’s talk about Title. If the attribute is filled in, then when you hover over the image, the caption will appear (the name of the image).
Title is needed primarily to improve behavioral factors. When a visitor to the site is difficult to understand what is shown in the photo, he may automatically hover over it – Title will be a welcome hint. Although search engines do not pay much attention to this attribute, thanks to it you will be able to indirectly influence SEO.
As with Alt, the Title can be specified in the image settings or spelled out in the HTML code.
How to use Alt and Title in images
First let’s consider the question: should the Titel be the same as Alt? There are controversial opinions on this in various forums.
Image search includes both options.
Alt and Title can be identical. Much more important – very clear, accurate description of the image.
Is it necessary to include keywords in the attributes? There is also no consensus here. Among the leaders in the search results are illustrations without keywords in the attributes. In the instructions is a popular recommendation to add the main keyword from H1. But there is a nuance: if there are dozens of illustrations in the post, and they all include this search query, the page will be with overspam. This means that you will be imposed sanctions from Google and deterioration of positions in the serpent.
Less risky solution is to use different low-frequency attributes in the Title and Alt.
Be sure to take into account:
- Alt work out necessarily, and Title – if possible;
- Attributes can be written with both capital and small letters;
- When the site was created in Russian, it is better to fill the Alt and Title images in Cyrillic;
- optimize images can also be after the text has been indexed by search engines.
How to add an Alt for images
Let’s define what should be the Alt attribute, which will please both search engines and users.
Stick to these rules:
- the text must be short, but clearly reveal the essence of the illustration;
- the optimal size is considered a short sentence or phrase of two to four words;
- Ideally, the text should be augmented or diluted keys;
- it’s better to use different keys for each picture.
Let’s look at an example of how best to optimize Alt. Let’s say we are promoting a car rental site. In the product card for the main photo we need to specify Alt and Title. If you use “image_123” as Alt, it won’t be of any use. This Alt will not give the necessary information about the picture, so it will not appear in the search. Only images with clear descriptions that can be found by specific queries get into the output. It is better to write in Alt “Toyota for rent in NEW YORK,” you can even briefly talk about the features of cars.
What to write in the Title
The requirements are reminiscent of the tips for setting up Alt:
- add a keyword if possible;
- title must explain the meaning of the photo;
- The ideal size – up to 240 characters.
Again, let’s go back to the car rental example. We should write the following Title: “Silver Toyota Allex for rent in New York: 5 passenger seats, fuel consumption – 7,2 l per 100 km”.
How to add Alt and Title attributes for images
The way you add attributes depends on the site engine.
If you have a self-written site (not the engine), then add an attribute for images have to be in manual mode.
You may do it by opening the site’s file system on your hosting, or by using a special FTP program. Find the code of the illustration (<img tag), and right after it you have to put Alt and Title.
It should look like this:
<img src=”Image Path” alt=”Alternative Description” title=”Additional Information”>
We suggest that you keep a sample for yourself so that filling in the attributes is quick for you.
Here everything is simpler. If your site is hosted on this engine, go into the console (administrative area), and then to the item “Media Files”. Then go to the library and look for graphics. After that, you will be left to enter the data.
These steps can be repeated by editing the publication: click on the picture, so that it appears on the pencil sign.
Optimizing images on wordpress
To set alternative text for an image on a Tilda site, open the “Content” menu and click the ellipsis sign next to the uploaded image.
To add an alt tag for images in blocks from the “Galleries” category, open the “Content” menu and click the “Text” link next to the uploaded image. Then, in the Image alt for SEO field, specify a description of the image.
In conclusion, we want to remind you that there are no details for a successful promotion on the Internet. Optimize images with alt and title attributes – this will help you get ahead of the competition!