A number of strategies will be incorporated regarding both graphics and hyperlinks that will contribute to high search engine rankings.
images online can be problematic for visually impaired visitors to decipher, but luckily we’re using technology here so you and I can help solve that issue with the proper coding on and around images and non-text elements.
Some examples of images and non-text elements are
Here are some of the things you can optimize around images and non-text elements for better accessibility.
Image alt attributes in SEO are used to describe to search bots what the image is or what the image points to if the image is a link. If a link, the alt attribute acts like keyword anchor text, helping Google understand the context of the destination page.
Alt attributes on images are also read by screen readers. Alt attributes are a win-win optimization for accessibility and SEO, but there are some things to keep in mind, particularly these first two items below, when optimizing alt attributes for screen readers.
Alt attribute do’s and don’ts:
Google can segment text near an image to attribute that text to the image and even create its own captions; therefore, text near an image can help provide context and could increase rankings for search egnine.
Image captioning do’s and don’ts:
The reasons to avoid text as images are similar for SEO as accessibility: Simply avoid text within an image if you want the text to be able to be machine-read. Text as an image is also not always ideal for people needing to use magnifiers, since magnifying text in an image can be pixelated and hard to read.
Text-as-images do’s and don’ts:
Infographics have been popular among SEOs for attracting links that boost rankings. SEOs may in addition to indulgent to pay for considering mention on page context of the infographic and its parts to search engines.
For accessibility, the idea is to be able to easily determine what the infographic portrays. Screen readers, unlike search engines, can’t determine the infographic page’s context by using the link text and page content of the hundreds of pages linking to your infographic. For screen readers it’s all up to the on-page code signals, and you can imagine that describing a complex infographic would be weighty for an alt attribute. Also consider the use of color for colorblind users or the problem we encounter with text as images (not “readable,” scales pixelated) that we covered in part 2.
Infographic do’s and don’ts:
For more information regarding image tag optimization please contact us