Skip to main content
Your site’s metadata is the text and images that browsers, search engines, and chat apps show for your site: the title and meta description in search results, the site icon (favicon) in browser tabs, and the social sharing image, or Open Graph (OG) image, in link previews. Lovable usually sets a title and a meta description while it builds, so a new project has both before you publish. The favicon starts as Lovable’s own icon. Ask Lovable in the project chat to change any of this metadata. You can check the result above the preview before you publish.

Change your site title, description, favicon, and social sharing image

Describe what you want in the project chat. On new Lovable apps created from May 13, 2026, which use TanStack Start, you can name one page instead of the whole site. Older React + Vite apps carry one set of metadata for the whole site.
An app whose browser tab still reads Lovable App, or whose description still reads Lovable Generated Project, kept the text its template came with. Ask Lovable to write both for your app. The favicon is one icon for your whole site. The title, meta description, and social sharing image start as one set that applies to every page. A page can carry its own set instead. Name the page in your prompt, or let Lovable write the values from that page’s content. When your app sets no social sharing image of its own, Lovable serves the latest screenshot of your app in its place. An older app is the exception: it carries a generic Lovable image, which is what a shared link shows until you ask Lovable to replace it. A site that visitors have to log in to shows no link preview at all, because social platforms and search engines cannot open it. Metadata edits are treated as standard build usage and consume credits. A metadata change reaches your live site the next time you publish changes, the same as any other edit. Lovable may end its reply with a button that opens the publish dialog. You can take the change live without leaving the project chat. Until you publish, the Social and Search sections show your new title or icon while people on your live site still see the old one.

Check how a page looks when shared and in search

Open the page selector above the preview and hover over a page’s row. A preview icon appears on the row. Hover over that icon to open a card with two sections:
  • Social: the image, page address, title, and description that chat apps and social platforms read from the page.
  • Search: the favicon, title, address, and description that search engines read, laid out the way a search result looks.
Both sections show your latest changes, even before you publish, so you can check a new title without taking it live. On a phone, open Social & search from the preview actions menu. The phone view shows the page you have open in the preview, not every page. You can also open the page selector from the publish dialog:
  • Open the ⋮ menu in the top-right corner and select Social & search appearance. The favicon next to the website URL does the same. Both work whether or not your site is published yet.
  • While you publish and right after, the dialog shows how your site appears in search results. Select Edit next to your site’s title in that preview.
To check indexing, crawlability, and how AI search engines read your site, run the review described in Optimize your app for SEO and AI search.