Image Attributes

Image attributes are the metadata and markup properties that help search engines understand, index, and rank the images on your website. From alt text to structured data, optimizing these attributes is one of the most impactful yet frequently overlooked aspects of technical SEO. When implemented correctly, image attributes improve accessibility, boost organic visibility, and drive qualified traffic through image search results.

1. Alt Text: The Foundation of Image SEO

Alt text (alternative text) is the single most important image attribute for both SEO and accessibility. It provides a textual description of an image that is read by screen readers, displayed when images fail to load, and used by search engines to understand image content. Writing effective alt text requires balancing descriptiveness with conciseness.

The difference between poor and effective alt text is significant:

• Poor: alt="image" — Tells search engines and screen readers nothing useful about the image content.
• Poor: alt="photo of a dog"— Too generic; misses an opportunity to provide meaningful context.
• Good: alt="Golden retriever puppy playing fetch in a Virginia park" — Descriptive, specific, and naturally incorporates relevant context.
• Good: alt="Commonwealth Creative team reviewing brand guidelines on a whiteboard" — Contextual, accurate, and useful for both SEO and accessibility.

Best practices for alt text include keeping it under 125 characters, avoiding keyword stuffing, describing the image's content and function rather than its appearance alone, and omitting phrases like “image of” or “picture of” since screen readers already announce the element as an image.

2. File Names: Descriptive and Keyword-Rich

Image file names are a ranking signal that many developers overlook. Search engines parse file names for clues about image content, making descriptive naming an easy optimization win. A file namedIMG_20240315_001.jpg communicates nothing, whilerichmond-virginia-skyline-sunset.jpg tells search engines exactly what the image depicts.

Use hyphens to separate words in file names (not underscores or spaces). Keep names concise but descriptive. Include relevant keywords naturally, and ensure the file name accurately reflects the image content. This small effort at the point of upload pays dividends in search visibility over time.

3. Image Titles: Enhancing Context

The title attribute provides supplementary information that appears as a tooltip when users hover over an image. While its direct SEO impact is minimal compared to alt text, it contributes to the overall context that search engines use to understand image content and page relevance.

Image titles should complement, not duplicate, the alt text. Use them to provide additional context, describe the broader significance of the image, or include information that enhances the user experience. Keep titles natural and informative rather than keyword-heavy.

4. Image Captions: Increasing Engagement

Captions are the visible text displayed alongside an image, typically below it. Research consistently shows that captions are among the most read text on any page — readers are drawn to them because they provide immediate context for visual content. This makes captions a powerful tool for both engagement and SEO.

From an SEO perspective, captions provide additional keyword-rich content that search engines use to understand both the image and its relationship to the surrounding page content. Write captions that add value for the reader while naturally incorporating relevant terms. Avoid using captions merely as keyword containers — they should genuinely inform or enhance the reader's understanding.

5. Structured Data and Image Schema Markup

Structured data allows you to provide search engines with explicit, machine-readable information about your images. Using JSON-LD format with Schema.org vocabulary, you can specify image properties that help search engines display rich results, including image carousels and enhanced snippets.

Here is an example of JSON-LD structured data for an image:

{
  "@context": "https://schema.org",
  "@type": "ImageObject",
  "name": "Richmond Virginia Skyline at Sunset",
  "description": "Panoramic view of the Richmond, Virginia skyline during golden hour with the James River in the foreground.",
  "contentUrl": "https://example.com/images/richmond-skyline-sunset.jpg",
  "thumbnailUrl": "https://example.com/images/richmond-skyline-sunset-thumb.jpg",
  "uploadDate": "2026-01-15",
  "width": "1920",
  "height": "1080",
  "author": {
    "@type": "Organization",
    "name": "Commonwealth Creative"
  }
}

Implementing structured data for images is particularly valuable for businesses that rely on visual content — photographers, designers, e-commerce stores, and portfolio sites all benefit from the enhanced visibility that schema markup provides in search results.

6. Image Compression and Performance

Image performance directly impacts both user experience and search rankings. Google's Core Web Vitals explicitly measure loading performance, and unoptimized images are the most common cause of slow page loads. Compression reduces file size without perceptible quality loss, and modern formats offer significant advantages over legacy formats.

WebP, developed by Google, typically achieves 25–35% smaller file sizes than equivalent JPEG images while maintaining comparable visual quality. AVIF, a newer format, offers even greater compression efficiency. Tools like TinyPNG, ImageOptim, and Squoosh make compression accessible, while lazy loading (using theloading="lazy" attribute) defers off-screen images until the user scrolls to them, dramatically improving initial page load times.

7. Responsive Images for Mobile

With mobile devices accounting for the majority of web traffic, serving appropriately sized images is essential. The HTML srcsetand sizes attributes allow browsers to select the optimal image resolution based on the user's device and viewport, reducing bandwidth consumption on smaller screens while maintaining quality on larger displays.

Here is an example of responsive image markup:

<img
  src="skyline-800.jpg"
  srcset="
    skyline-400.jpg  400w,
    skyline-800.jpg  800w,
    skyline-1200.jpg 1200w,
    skyline-1600.jpg 1600w
  "
  sizes="
    (max-width: 600px) 400px,
    (max-width: 1024px) 800px,
    1200px
  "
  alt="Richmond Virginia skyline at sunset"
  loading="lazy"
/>

This approach ensures that a mobile user on a cellular connection downloads a 400px image rather than a 1600px version intended for desktop displays. The performance benefit is substantial, and search engines reward sites that deliver fast, efficient experiences across all devices.

For teams looking to streamline their image SEO workflow, tools like SearchAtlas provide comprehensive auditing and optimization recommendations that cover alt text, compression, structured data, and more — making it easier to ensure every image on your site is working as hard as it can for your search visibility.

“The fastest way to improve your site's SEO is to fix the things most people ignore — and image attributes are at the top of that list.”