To ensure the correct meta title and description are displayed in Google Search for your Webflow site, follow these key steps in your project settings and SEO optimization.
- Go to your Webflow project and open the page where you want to set SEO metadata.
- Click on the gear icon (Page Settings) next to the page name in the Pages panel.
- Under the SEO Settings section:
- Set the Title Tag: This is the text shown as the clickable headline in search results.
- Set the Meta Description: This is the description text appearing below the title in Google results.
- Keep your description under 160 characters and title under 60 characters for best visibility.
- Use keywords naturally but avoid keyword stuffing.
2. Use Meta Settings for CMS Template Pages
- For CMS Collection Pages (like blog posts or products), use dynamic fields in the SEO settings.
- Edit the CMS template page, go to Page Settings, and use fields like:
- Title Tag:
Blog Post Title | Site Name
- Meta Description:
{{Post Summary}}
or a custom field. - This ensures each CMS item has a unique and relevant title and description.
3. Check Site-Wide SEO Settings
- Go to Project Settings > SEO tab.
- Verify that your favicon, social sharing image, and site-wide settings are configured correctly.
- Ensure Meta title/description isn't overridden by Open Graph tags unless it's for social only.
4. Submit to Google Search Console
- Go to Google Search Console.
- Verify your domain using the DNS or “URL prefix” method.
- Use the URL Inspection Tool to:
- Submit specific pages to Google.
- Request reindexing after SEO changes.
- Google may rewrite your title or description if:
- Your metadata is too short, too long, or irrelevant.
- The content on the page does not align with the defined metadata.
- Make sure the on-page content supports the defined title and description.
- Use structured heading hierarchy (H1, H2, etc.) and include your keywords in actual page content.
- Use tools like Google’s Rich Results Test or third-party previews like SEOmofo Snippet Optimizer to preview how your metadata will display.
- Regularly run reports in Google Search Console to monitor how Google is interpreting your site.
Summary
To control how your Webflow site appears in Google Search, set SEO titles and descriptions correctly in page settings and CMS templates, ensure metadata aligns with page content, and use Google Search Console to guide and monitor indexing.