How to add alt-text for better SEO and accessibility

mediamojo website showing noosa cold brew branding image and alt text

How to add alt-text for better SEO and accessibility

Adding alt-text to your images on Instagram, Facebook and WordPress

 

What is alt-text used for?

Alt-text (alternative text) is a description or tag used to describe an image on a webpage. It’s critical to add alt-text to your images for multiple reasons:

  1. Visually impaired users browsing via screen readers can use alt-text to see a description of on-page images
  2. If an image fails to load alt-text will be displayed instead
  3. Search engine crawlers (like Google) use alt-text to help index an image properly.

Example:

what you see vs. what google sees comparison

How to write effective alt-text

It may not come as a shock that spamming keywords is not best practise when writing alt-text. It’s best to keep wording succinct and sufficiently descriptive, while containing important keywords. Imagine you are describing the image to someone on the opposite side of the screen: if you can listen to the description and picture something similar to the image in your mind, you’re on the right track, if you can do it quickly that’s even better.
 

Adding alt-text to Facebook

Add alt-text when posting
  1. Click Photo/Video at the top of your News Feed.
  2. Select the photo you want to add.
  3. Hover over the photo and click Edit.
  4. The automatically generated text will be shown on the left side of your photo.
  5. Click Override generated alt text to edit it.
  6. Write your alt text in the box. To change back to the automatically generated text, click Clear.
  7. To save your alt text, click Save in the bottom left.

 

Change the alt text of a photo after you’ve posted it
  1. Click the photo to open it.
  2. Click  in the top right and select Change Alt Text.
  3. Click Override generated alt text or change the alt text in the text box. You can also click Clear to change your edited alt text back to the automatically generated text.
  4. Click Save.

 

Adding alt-text to Instagram

Add alt-text when posting
    1. Tap on the Advanced Settings option on this upload screen.
    2. Then tap on the Write Alt Text section to access the screen to add your text.
    3. On the next screen, you see the image you’re tagging and a text box where you can write your alt text description. Add your alt text accordingly and tap Save when complete to return to the post upload screen.

 

Add alt-text to previously published posts
      1. To add alt text to old Instagram posts, you need to select each post and manually edit it. To edit the post, tap on the three-dot button in the top-right corner of the post.
      2. From the pop-up screen, tap the Edit option to open the editing screen for your Instagram post.
      3. Once you’re in the edit mode of your post, you’ll see the Aa icon and Edit Alt Text in the bottom-right corner of the image. Tap on this button to access the alt text screen.

 

Adding Alt-Text to WordPress images via the media library

image showing wordpress panel

    1. Login to your WordPress dashboard and find the Media Library in the sidebar.
    2. Upload new media, or click Edit on an existing image.
    3. When selecting the image you should see a field like the image above reading Alt text.

     
    If you’re struggling to apply alt-text, or need someone to help you create a website using best SEO practises get in touch! Our friendly team are always at-the-ready to help your business put it’s best foot forward online.

Todd Fox
todd@mediamojo.com.au

They say the pen is mightier than the sword, and every since he was a kid, Todd wielded his pen like a weapon when it came to drawing… Now a full blown creative crusader – Todd applies his skills of composition and rendering to achieve stunning visual solutions for his clients. With unique and flawlessly designed branding and marketing pieces, he has extended his crusade online, creating equally dazzling websites for our valued Mediamojo clients.

No Comments

Post A Comment

Let’s get your project started...