Hudson Creative Documentation

Image ALT’s Process Document

Image ALT’s

Alt tag or ‘Alt text’ is a contraction of ‘alternative text’. It’s a short written description of an image, which makes sense of that image when it can’t be viewed for some reason. Well-written alt text is important to your website’s accessibility, and its search engine optimization.

How to identify an image ALT’s.

To identify if the image has an alt tag, we will need to use tools such as Screaming Frog, Semrush or Manual Audit.

Screaming Frog

Open the Screaming Frog.

Enter the pages that will be run in the Screaming Frog. 

Once done, Highlight the pages. Below, click the Images Details Tab

Click the Export button if there are images.

Semrush

Open Semrush.

Go to Projects or Create a project.

Open the project.

Go to Site Audit and click View Full Report.

Look for images don’t have alt attributes. You may use control+find.

Click the link then export the data.

Manual Audit /Inspect Elements

Open each page according to the pages in Scope.

Hover your mouse over the image, right-click, then click Inspect.

Copy the src= or the source link and paste it in the New Image Alt’s tab. 

Adding Image Alts

WordPress 

  1. Navigate to the client’s website backend
    • (ie: {client’s site}/wp-admin )
  3. In their backend, go to the Media Library tab.
    • This is where all of the images on the site are stored.
  4. Click on a picture to edit it’s attributes.
    • A pop-up will show up, displaying the image and it’s information, as well as specific attributes including Alternative Text, Title, Copy Link and more.
    • We will be focusing on the Alternative Text field for adding image alts.

Shopify

  1. If you have Yoast SEO open, click on ‘Edit with Shopify’ before clicking on the image you want to add alt attributes to.)
  2. Open a page and then click on an image to reach the image editor screen.
  3. Once you’ve done that, you should see an option to ‘Edit alt text’, then it’s just a simple case of adding your alt text in the field provided.

Bento Box

  1. Login to Bentobox.
  2. Go to Media Library.
  3. Look for the image.
  4. On the sidebar of the image, you will see an option to add an Alt Text.

WIX 

To add alt text to your Wix Pro Gallery:

  1. Click the gallery 
  2. Click Manage Media 
  3. Select an image 
  4. Insert your alt text underneath Title 
  5. Click Done

To add alt text to a single image:

  1. Click the image 
  2. Click the settings icon 
  3. Enter your alt text under What’s in the image? Tell Google

Squareup

  1. Go to Online.
  2. Click Edit Site.
  3. Go to the Page
  4. Click on the Image
  5. Look for “Describe Image” and add your Alt text.