This includes screen readers and browsers that block images, but it also includes users who are sight-impaired or otherwise unable to visually identify an image. Its original (and still primary) purpose is to describe images to visitors who are unable to see them. AccessibilityĪlt text is a tenet of accessible web design. Neither of these examples are recommended. The first line of code actually doesn't contain any alt text at all (notice the quotes are empty), while the second example demonstrates keyword stuffing in alt text. This isn't just a stack of "pancakes" (as the first alt text example demonstrated) it's a stack of blueberry pancakes with a dusting of powdered sugar! This alt text is a better alternative because it is far more descriptive of what's in the image, while remaining concise. But, there's more to be said about this image. Yes, this is an image of a stack of pancakes. This alt text is only "okay" because it's not very descriptive. Let's look at a few examples of alt text for this image of a delicious-looking stack of blueberry pancakes: If you can close your eyes, have someone read the alt text to you, and imagine a reasonably accurate version of the image, you're on the right track. The best format for alt text is sufficiently descriptive but doesn't contain any spammy attempts at keyword stuffing. Take a 30-day free trial on us and see what you can achieve: Moz Pro's Page Optimization feature will help you find missing or subpar image alt text that could be improved. Use Page Optimization in Moz Pro for improved alt text The highlighted text shows the alt text (alt attribute) of the image at left. It also provides search engines with contextual information about the content on the page. Also known as "alt attributes," “alt descriptions," or technically incorrectly as "alt tags,” alt text used within an HTML code or in the appropriate field in your CMS (Content Management System.) Alt text uses:Īdding alternative text to images on your site is a principle of web accessibility.Īlt attributes enable screen readers to read the information about on-page images for the benefit of a person with complete lack of sight, visually impaired, or who is otherwise unable to view the images on the page.Īlt text will be displayed in place of an image if an image file cannot load.Īlt text provides better image context/descriptions to search engine crawlers, helping them to index and rank an image properly in image search.
Alt text is read aloud by screen readers used by visually impaired users, displays in place of an image if it fails to load and is indexed by search engine bots to better understand the content of your page. Alt text (alternative text) describes the appearance or function of an image on a page.
0 kommentar(er)
