Monday August 5, 2024

Labelling images for SEO and Accessibility – how and why.

How to Label an Image for SEO

Properly labelling your images is crucial for SEO as it helps search engines understand the content of your images, which can improve your website’s visibility in search results. 

Here’s how to effectively label your images:

1. Descriptive File Names

Why It Matters:

• Search engines use file names to understand what the image is about.

Best Practices:

• Use clear, descriptive file names that accurately reflect the content of the image.
• Separate words with hyphens (not underscores) to improve readability for search engines.

Example:

• Instead of IMG1234.jpg, use blue-widget-product.jpg.

2. Alt Text (Alternative Text)

Why It Matters:

• Alt text is used by screen readers to describe images to visually impaired users.
• It helps search engines index your images properly.

Best Practices:

• Write concise, descriptive alt text that accurately describes the image.
• Include relevant keywords naturally but avoid keyword stuffing.

Example:

• alt="Blue widget product displayed on a white background"

3. Title Attribute

Why It Matters:

• The title attribute provides additional information about the image, usually displayed as a tooltip when users hover over the image.

Best Practices:

• Use the title attribute to provide supplementary information.
• Keep it brief and relevant to the image content.

Example:

• title="Blue Widget - Our Best-Selling Product"

4. Image Captions

Why It Matters:

• Captions are visible text that provides context for the image.
• They can improve user engagement and enhance the understanding of the image content.

Best Practices:

• Write clear and relevant captions that complement the image.
• Incorporate keywords if appropriate but keep the text natural.

Example:

• caption="Our blue widget is perfect for both home and office use."

5. Surrounding Text

Why It Matters:

• The text surrounding your image helps search engines understand the context of the image.

Best Practices:

• Ensure the content around the image is relevant and includes related keywords.
• Provide context for the image within the body text.

Example:

• "Our best-selling blue widget, as shown in the image above, features an ergonomic design that ensures comfort and efficiency."

6. Structured Data Markup

Why It Matters:

• Structured data markup (schema.org) helps search engines understand the content of your page and images better.

Best Practices:

• Use structured data to provide additional information about your images.
• Include properties like image, name, and description.

Example:json

{
"@context": "https://schema.org/",
 "@type": "Product",
"name": "Blue Widget",
"image": "https://example.com/images/blue-widget-product.jpg",
"description": "A top-quality blue widget perfect for home and office use."
}

7. File Size and Format

Why It Matters:

• Optimizing image file size and format improves page load speed, which is a critical SEO factor.

Best Practices:

• Use appropriate image formats (JPEG for photos, PNG for graphics with transparency).
• Compress images to reduce file size without sacrificing quality.

Tools:

• Use tools like TinyPNG, ImageOptim, or Photoshop to compress images.

Conclusion

Labeling your images correctly for SEO involves using descriptive file names, alt text, title attributes, captions, and surrounding text. Additionally, consider using structured data markup and optimizing file size and format to ensure your images contribute positively to your website’s SEO. By following these best practices, you can enhance your site's visibility in search results and provide a better user experience.

If you have any further questions or need more detailed advice, ask us.