How to Set Image Alt Text to be Descriptive or Decorative on Webflow

Setting appropriate alt text for images is essential for accessibility and SEO. Descriptive alt text provides context for screen readers and helps search engines understand the image content. For decorative images, alt text can be left empty (alt="") to indicate they are non-essential.

How to do it on Webflow

  • Descriptive Alt Text: For meaningful images, describe the image content and its relevance.
  • Decorative images: For decorative images like mood pictures.

Do's

✅ alt="Webflow SEO Checklist displayed on a laptop screen."

This ensures that images contribute to accessibility and SEO without adding unnecessary noise.

Don'ts

❌ Bad Example: alt="image123" or alt="Webflow seo checklist"

This vague and non-descriptive alt text fails to convey the image’s content, making it unhelpful for accessibility and SEO.