How do I add alt text to images?
Last checked 31 Aug 2026
Short answer
Ask Lovable to add descriptive alt attributes to every meaningful image in your app — describe what the image actually shows or conveys, not just its filename.
Why alt text matters
Alt text (the alt attribute on an <img> tag) serves two purposes: it lets screen readers describe images to visually impaired users, and it gives search engines text to associate with an image that they otherwise can't "see". Missing alt text is a common, easy-to-fix accessibility and SEO gap.
How to add it
Go through the images on this page and add descriptive alt text to each one, describing what's actually shown — skip purely decorative images or mark them alt="".
Example:
<img src="/chair.jpg" alt="Handmade oak dining chair with a curved backrest" />
What makes good alt text
- Describe the content and purpose of the image, not "image of..." or the filename.
- Keep it concise — a sentence is usually enough.
- For purely decorative images (background textures, spacers), use an empty
alt=""so screen readers skip them rather than reading a meaningless description. - For images that are also links or buttons (an icon-only button, for example), describe the action, not the icon.
What usually goes wrong
- Alt text left as the default filename (
IMG_2931.jpg) or empty on every image — no SEO or accessibility benefit. - Keyword-stuffed alt text ("furniture chair wood oak dining room furniture melbourne") — this reads badly to screen reader users and can be seen as manipulative by search engines.
- Decorative images given verbose alt text that clutters screen-reader output unnecessarily.
Checking coverage
Ask Lovable to audit the whole project:
List every image in the app that's missing alt text.
Related
Sources
Was this answer helpful?
Related questions
- AnswerHow do I connect Google Search Console?Use Lovable's Google Search Console integration to verify your domain and manage search data directly from chat, or verify manually by adding the DNS/HTML verification record Google provides.
- AnswerHow do I add schema markup?Ask Lovable to add JSON-LD structured data (schema.org markup) relevant to your page type — e.g. Organization, Product, Article or FAQ — inserted as a script tag in the page head.
- AnswerDoes Lovable automatically create a sitemap?No — a sitemap.xml isn't generated automatically for a typical project. You need to ask Lovable to add one, or it may be included as part of a dedicated SEO setup/review feature on newer projects.
- AnswerHow do I stop a Lovable page being indexed?Ask Lovable to add a noindex meta tag to that specific page, and optionally disallow it in robots.txt — don't block the whole domain by mistake.
You might also need
- GuideHow to Set Up SEO for a Lovable ProjectTitles, descriptions, canonical URLs, Open Graph and structured data — the technical SEO baseline every project needs.
- GuideHow to Generate a Dynamic SitemapServe an XML sitemap that updates itself as you publish new content, instead of a static file that goes stale.
