Advanced Website: View the alt text for all images

Alt (alternative) text is a concise description explaining why an image is important to a page's context. Adding alt tags helps search engines and users with visual impairments understand your content. This improves web accessibility, SEO, and the experience for users with cognitive or learning disabilities.

Create relevant alt text for site images by adding it manually or generating it automatically with the AI Assistant.

Learn more about accessibility.

Alt text best practices

Follow these guidelines to write effective alt text:

• Add alt text to all informative images: Without an alt tag, screen readers may announce the file name, which doesn't communicate the image's purpose.

• Keep it short and descriptive: Long alt text creates a poor experience for screen reader users. If an image requires a long description, explain it in the page content and provide short alt text.

  We recommend you use only up to 125 characters to create alt text. The character counter will change color when you exceed this count.

• Avoid "image of" or "picture of": Screen readers automatically identify images as images.
• Include text from the image: If an image contains text, include that text in the alt tag.
• Ignore background images: Background images don't require alt text because they aren't recorded as content by search engines or screen readers.

Understanding the image alt text site overview

The "Image alt text" section allows you to manage alt text for all site images in one place. Access this via the SEO/AEO menu tab in your site dashboard:

1. In the side navigation menu, click and select Site dashboard.
2. In the Site overview navigation menu, click SEO/AEO and select Image alt text. 

The sum of images missing alt text is displayed next to the “Site images” title. When all images are configured, the "Missing alt text" view will be empty and display "All images are set up."

You can switch between two tab :

• Missing alt text: Displays images without alt text only. This is the default view.
• All Images: Displays every site image.
• Needs attention: Displays images with alt text tags issues. 

Create alt text for images

Follow the steps below to locate the alt text management tool.

1. In the side navigation menu, click and select Site dashboard.
2. In the Site overview navigation menu, click SEO/AEO and select Image alt text. 
3. Optional: If your site has multi-languages, click the dropdown menu and select a language.
   • To generate alt text in bulk:
     1. Click Generate alt text.
     2. To generate alt text for images currently without alt text, select Generate missing alt text only. 
     3. To generate text for all site images, select Generate alt text for all images.
     4. Review the suggestions provided. An error is displayed for images that didn't receive alt text. Manually enter a short description in the field provided.
     5. Click Save to save changes, or Cancel to discard changes
   • To generate alt text for individual images:
     1. Locate the image and manually enter a short description in the field provided.

     2. Click in the corner of the input field to get AI generated alt text.

        

     3. Click outside the alt text field to confirm changes. The image and alt text will be relocated to the "All images" view.

Edit existing alt text

Follow the steps below to update alt text that has already been saved.

1. Select the 'All images' tab.
2. Click the alt text field for the relevant image and enter your changes. 
3. Click in the corner of the input field to get AI generated alt text.
4. Click outside the current alt text field to confirm changes.