SEO & AI Visibility Resources

Practical guidance for improving website readiness, search visibility, and AI discoverability.

Image SEO, Alt Text, and Performance

Good image SEO begins with images that serve the page, load efficiently, and communicate their purpose. Write alternative text for meaningful information or function, and use empty alt text for genuinely decorative images. Check dimensions, delivery, and loading behavior separately. An automated warning can identify a missing attribute or large file, but it cannot reliably decide what every image means in context.

Choose alt text by purpose

An informative photograph needs a concise description of the relevant information. A linked image may need an alternative that describes the destination or action. A decorative flourish that adds no information can use an empty alt="". Missing alt text and intentionally empty alt text are different conditions.

Follow the W3C image decision process in the context of the surrounding text. If a chart contains important data, a short alternative alone may be inadequate; provide the relevant values or explanation nearby. Do not use alt text as a storage field for every target keyword, the filename, or an unrelated sales message.

Keep meaningful images discoverable

Google recommends standard HTML image elements for discoverability. Useful image context also comes from the page topic, nearby explanation, and relevant descriptive metadata. A significant diagram hidden only in a CSS background gives readers and crawlers less usable information than a properly described content image.

Use a readable filename for a new asset when practical, but do not rename a large established library without a migration plan. An image URL can appear in articles, feeds, cached pages, and external references. File naming is one maintenance consideration, not a reason to break working media or duplicate the same image under many nearly identical names.

Confirm the image and its actual delivery

  1. Open the affected page and identify whether the image informs, decorates, links, or presents complex information.
  2. Inspect the rendered image element, its alternative text, intrinsic dimensions, display dimensions, and the resource actually chosen by the browser.
  3. Compare the downloaded file size with the visual task. A small thumbnail should not silently transfer a full camera original.
  4. Check mobile and desktop selections when responsive sources are used. A correct source list can still be paired with an inaccurate sizes instruction.
  5. Watch initial loading and scroll behavior. Identify whether the main visible image is unnecessarily deferred or whether every offscreen image downloads immediately.

Improve meaning and delivery together

  1. Write an alternative appropriate to the image purpose and page context. Preserve empty alternatives for decorative images and include meaningful labels for image links.
  2. Export dimensions suitable for the actual display uses. Keep the source original separately so future edits do not require repeated lossy recompression.
  3. Choose an efficient supported format based on visual content, transparency, and quality. Compare the result rather than assuming any format is automatically best.
  4. Provide width and height, or another reliable aspect-ratio reservation, so the layout can allocate space before the file arrives.
  5. Use responsive image sources when different display sizes justify them. Confirm which file the browser selects on representative screens.
  6. Lazy-load suitable offscreen content, while keeping the likely initial LCP image promptly discoverable. Avoid competing lazy-loading systems that rewrite the same element.

Illustrative alternatives and dimensions

These filenames are illustrative, not assets to request from this website. For a screenshot, explain the relevant observation and include readable text nearby when the details matter. Avoid embedding private report data in a public example.

INFORMATIVE
<img src="sitemap-check.png"
     alt="Sitemap report showing one redirected URL"
     width="960" height="540">

DECORATIVE
<img src="section-texture.webp" alt=""
     width="480" height="240">

FAIL
An unlabeled linked icon, or a keyword list that does not describe the image

Joomla and WordPress checks

Joomla

Check the actual content image and any intro, full-article, module, or template image fields. Alt text saved in one field may not apply to a different rendering of the same asset. Review whether an extension rewrites image paths or loading attributes. Inspect the final public markup instead of relying only on the Media Manager entry.

WordPress

Review the image instance as well as its Media Library entry. A block can retain older alt text or use the image for a different function. Check selected image size, responsive output, featured images, and theme or optimization-plugin behavior. Updating a library field does not guarantee every existing instance has changed.

Verify the result at the point of use

Refresh the relevant page and media caches. Check that the intended file loads successfully, the alternative matches its role, and dimensions reserve the correct shape. Test linked images with keyboard navigation and an accessible-name inspection. A decorative image should not become a meaningless extra stop or announcement.

Recheck the page on a narrow screen and watch for stretched images or unexpected shifts. Compare the actual transferred resource and the LCP evidence when performance prompted the change. Keep image quality appropriate for the task; an unreadable diagram is not a useful optimization. Rescan the same sample and manually confirm any warnings that remain.

Frequently asked questions

Should decorative images have descriptive alt text?

Usually an empty alt attribute is appropriate when the image adds no information or function. Determine the role in context. An image that is also the only label for a link is not simply decorative.

Should every image be lazy-loaded?

No. Delaying the important image visible at first load can hurt loading performance. Use lazy loading for suitable offscreen images and verify actual browser behavior.

Does alt text guarantee image search traffic?

No. It helps explain relevant information and supports accessibility. Discovery, page quality, image quality, and search-system decisions also matter.

Primary references

Use these first-party references for the technical definitions and platform behavior discussed in this guide.