---
title: "#images — seo-mcp"
description: "SEO tips tagged Images."
url: "https://seo-mcp.io/tag/images"
---

# #images

6 published tips tagged “Images”.

- [Serve responsive images with srcset](https://seo-mcp.io/t/serve-responsive-images-with-srcset) — srcset with width descriptors and a sizes attribute lets the browser choose an appropriate file per viewport and pixel density. Without sizes, phones download desktop-size images. Provide at least three widths, keep dimensions to reserve layout space, and check the chosen file in the Network panel.
- [Generate social images with opengraph-image.tsx](https://seo-mcp.io/t/generate-social-images-with-opengraph-image-tsx) — The App Router reads opengraph-image files as social cards for each route. Export a small ImageResponse component that renders the title and brand, set size and contentType, and add route-level files where the default card is wrong. Confirm the rendered tags point at the generated image and that the image returns 200 with the expected dimensions.
- [Serve responsive images with next/image](https://seo-mcp.io/t/serve-responsive-images-with-next-image) — next/image emits responsive srcset values, picks modern formats and prevents layout shift when width and height are known. Replace raw img tags on content pages, pass sizes for each layout width, mark the LCP image priority, and keep alt text meaningful. Check the rendered HTML for srcset and intrinsic dimensions rather than trusting the component defaults.
- [Lazy-load below-the-fold images](https://seo-mcp.io/t/lazy-load-below-the-fold-images) — Native loading=lazy defers offscreen images and iframes until they approach the viewport. Apply it only below the fold, keep width and height so space is reserved, and never lazy-load the LCP image. Verify in the Network panel that above-the-fold media loads immediately.
- [Add alt text to images](https://seo-mcp.io/t/add-alt-text-to-images) — Alt text describes an image for people who cannot see it and for crawlers that cannot read pixels. Write what the image shows in context, keep it under about 125 characters, and use an empty alt for decorative images. Make alt text a required field on upload.
- [Use modern image formats](https://seo-mcp.io/t/use-modern-image-formats) — AVIF and WebP reduce image weight at equivalent quality, which speeds up LCP and lowers transfer cost. Serve them through picture with a fallback, convert at build time or at the edge, resize to the largest displayed dimension, and check the Content-Type and caching per format.