All Collections
Marketing your Site
Adding Image Descriptions to images
Adding Image Descriptions to images

By adding Image Description to your images you improve your website's accessibility and its search engine optimization (SEO).

Updated over a week ago

Accessibility & Search Engine Optimization

Adding image descriptions helps those who are visually impaired, or have certain sensory processing and/or learning disabilities, to view your site. Screen readers can read the image description, translating text-to-speech to describe the image.

If an image is unable to be displayed, the image description may be shown in its place (if a browser has been set to block images, for example).

Image descriptions help search engine crawlers to index your images properly, which will make it easier for people to find your website when performing a search related to your content.


Tips for writing 'good' image descriptions

'Image Description' is Format's terminology for 'Alt Text'.

  1. Don't start with 'image of…' or 'picture of…'

  2. Write in natural sentences. Imagine someone reading it back to you (with your eyes shut), would this create a picture in your mind?

  3. Don't stuff your image descriptions with keywords and lots of commas, search engines can detect this and it won't improve your SEO

  4. A few words will be enough, be concise

  5. Adding incorrect descriptions can be worse than leaving them blank

  6. Image descriptions are limited to 255 characters


Images and examples of good Image Descriptions

Image Description: “A metal sign in the desert that reads ‘viewpoint trail end’, in front of a large rock formation”

Image Description: “A latte in a white cup with a saucer, a silver spoon rests on the saucer”

Image Description: “A group of cows standing in a field, farmfields rolling into the distance behind them”

Images above from unsplash.com by photographers tyler-b, jason-wong and jakob-cotton respectively.


How to add Image Descriptions on Custom Pages

  1. Click the image and a mini-toolbar will appear above

  2. Click 'Image Description'

  1. Thumbnail of the image to describe

  2. Add your image description by describing the image, (an example is provided in a light color)

  3. 'Save'

  4. 'Save Changes' for the whole page before leaving

Example

  1. For this image the description could be 'Woman wearing red dress seated on fallen log, sea and grey sky behind'.


For additional information and examples on how to write image descriptions (Alt Text) and how this works best please read these excellent articles from the Moz.com and Supercooldesign.co.uk


Reach us online at our live chat or via our email info@format.com if you have any more questions. We’re happy to help!

Did this answer your question?