The Melbourne SEO Company experts have given greater insight to accessibility and overlapping SEO when coding for media elements.
They are as follows:
- Images and non-text element
Online images can cause problems for visually impaired visitors to decipher. However, the new technology is helping in solving this issue with proper coding, images, and non-text elements. Some images and non-text elements include graphs, charts, word art, background images, webcam images, etc.
- Image maps
- Graphic buttons
Ways of optimizing images and non-text elements
Alt attributes in SEO can be used to describe to search bots about the image points if it is a link. In the case of a link, the alt attribute behaves like keyword anchor text and helps Google to understand the context of destination page in a better way. The screen readers can read alt attributes on images. It is a win – win optimization that allows accessibility and SEO. However, few things should be kept in mind while optimizing alt attributes.
- Do’s and don’ts:
- Do not use alt attributes on decorative images
Decorative images of clouds on health insurance site do not make any sense. It will not get image search traffic and is not of any use in providing context to the screen readers. A decorative image looks dreamy to the users and would not get in the way of navigation through pages for visually impaired users. Keep alt attribute null or make it a background image.
- Do not use alt when there is a text link
If the image is a link and there is text next to it, both point out to the same destination and the screen reader will read both repetitively. Use null for image and keep the anchor text pointing to the target page about the topic. Melbourne SEO Company suggests using alt attribute on images on destination page if you do not want it to appear in SERPs in any way.
- Keep it short using captions
You may find recommendations around the web as JAWS screen reader is not okay with alt attributes over 125 characters. Keep alt attribute short to keep it more user- friendly. Add screen reader extension to your browser for navigating around pages with images that have high alt attributes. If you need to the emphasis on image, put it in a caption text to describe it on the page instead of in alt.
- Do not stuff keywords
The best way to write is doing it naturally. Do not stuff keywords as it acts as noise to the screen readers and can be very confusing and annoying. Make sure that the alt attribute that you use is descriptive and makes perfect sense. Write it down for people and not lots of keywords for bots.
Melbourne SEO Company advises on creating your infographic using CSS and sees how each of them looks cached in the Google. Infographic with indexable text and links can be created via HTML and CSS. Both of these provide indexable and screen simple solution. CSS version does not duplicate the information in text on the page for the visitors. It adds a helpful invisible display.
Know more how to optimize your website for greater visibility by staying in touch with the Platinum SEO.