Alt text stands for ‘alternative text’. Alt-text is a short description of an image that displays on the website when the image can’t be viewed on the page for some reason.
Alt text for images is important for Search engine optimization (SEO) and the accessibility of your website.
An optimized alt text helps to find syntactic meaning, a short written description of an image that is used by the search engine to return search results. On the other hand, a god alt text gives Google an idea of what your picture is about and information to rank your site higher.
The more you think and help explain to your users all the information, the easier it will be for search engine robots to understand.
It is not just your Web site where you control the alt text image. You can add text to images that you post on Twitter.
Alt-text does not appear in the tweet itself, but users of helpful technologies such as screen readers and braille displays will be able to access the written description. It is a good accessory that seems to be rarely used in the area.
• Readable by screen readers instead of images, allowing blind or blind people to access your image content
• It can help people with work and/or learning disabilities
• Displays the image location to the browser if the image file is not uploaded, or if the user chooses not to view images.
How to write alt text for images
Adding reasonable alt text to images is the perfect and easiest way to make your site reachable. But it’s not that important and can harm your website ranking if done poorly even no alt text is much better than bad (i.e. annoying or meaningless) alt text
Here’re some tips to help you get it right:
1. Be specific, and succinct
Explain the contents of an unedited image. Say what you see – and do not make any inference about race or gender; about what happens to the bullet; regarding academic purposes, and so on.
One of the best suggestions I’ve ever heard is to think about how to give a brief overview of a photo by phone.
Often a few words are enough; although sometimes a complete sentence is required. Keep in mind that screen readers can cut text in about 125 characters, so it’s best to stay within that limit.
2. Never start with “Image of …” or “Picture of …”
It will be obvious to the person or device when the object they enter is alt text.
Imagine how difficult it can be to use a screen reader in a complete picture of a page, and after reading: “Theater Image” “Photo Frame of the House” “Exterior Image Token “Box office image “Audience Image” “Stage Image”
But it is better to help people understand the meaning of the subject, and thus explain the type of image – for example. Head, photo, card, and screen can be good.
3. Use keywords sparingly
If so, when you describe the image, you may logically find one or two keywords: bright. This will help with your SEO. Unless it is made real and immediate.
Text-search engineers may not be able to detect “bad” text (i.e. it is useless), but you may be placed in a position to enter keywords. Google can tell! Therefore, your main goal should be to accurately and accurately describe any images that require text writing.
4. Include text that’s part of the image
Where text is included as part of an image, be sure to rewrite it as part of your description. If it does not mean repetition…
5. Don’t repeat yourself
Alt-text is not required if it repeats something on the page. For example, register nearby. Or if the ‘image’ of the event is a well-organized player and you are already on the event page – you do not need to include the title of your presentation as a text. Why? Because it already exists at the top of the page.
6. Don’t add alt text to ‘decorative’ images
‘Illustrative’ are things like images of your location or click photos from a show. They help to convey information and meaning. ‘Decorative images’ include things like page splits or web images. They make it look good, or they ruin the content of the page visually. They do not mean status or importance, so finding a text will not help people understand the page better.
Of course, any decorative images should be included in your code instead of as ‘news’. However, if they have to be sent as images, it is best not to add text to the text – screen readers just skip it, and that’s what we are left with in this situation.