Graphic Image and Hyperlink tag Optimization

 Home / Graphic Image and Hyperlink tag Optimization

Graphic Image and Hyperlink tag Optimization

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

Images, including graphs and charts, word art, decorative and background images, webcam images, photographs’s


Meta Tags Optimization

  • Infographics
  • Image maps
  • Animations
  • Graphical buttons
  • Captchas

Here are some of the things you can optimize around images and non-text elements for better accessibility.

Alt attributes

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:

  • Don’t use alt attributes on decorative images: 
  • Don’t use alt when there’s also a text link: 
  • Do keep it short or use captions: 
  • Don’t keyword stuff — write naturally. 

Image captioning

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:

  • Don’t use alt attribute if there is an image caption. 
  • Do describe what you’re captioning.  
  • Optional: Do use a <figcaption> tag: <figure> with <figcaption> tags can be applied to images or other page elements.


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:

  • Don’t use text as images for important information. 
  • Do consider styling actual text as an alternative.  


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:

  • Don’t describe the whole thing in an alt attribute.  
  • Do adhere to color contrast requirements. 
  • Do consider ARIA-described by
  • The longdesc attribute
  • Do consider hidden text alternates:  
  • Do create your infographic using CSS: 

For more information regarding image tag optimization please contact us

Turn your website in to your business' most powerful lead generator