To optimize a client’s Webflow website for Google SEO, you should insert meta tags (like title and description) at both the global site level and the individual page level.
1. Site-Wide Meta Tags
- Go to Project Settings in Webflow.
- Click the SEO tab.
- Under “Global Meta Tags,” add:
- Site Title: Appears as the default for unnamed pages.
- Meta Description: Used by search engines if individual pages don’t specify their own.
- This is also where you can set global meta tags like Open Graph (OG) defaults.
2. Page-Level Meta Tags
- Open the Webflow Designer and choose the page from the Pages panel.
- Click the gear icon next to the page name to access the “Page Settings.”
- Under SEO Settings:
- Title Tag: Enter the page’s custom title (this appears in search results and browser tabs).
- Meta Description: Add a unique, keyword-rich description summarizing the page content.
- Optionally, you can insert custom meta tags (e.g., canonical, robots) in the Custom Code > Inside <head> tag field.
3. Custom Code for Advanced Meta Tags
- For more specific meta tags (like Twitter cards, additional OG tags, or verification tags):
- Go to Project Settings > Custom Code.
- Add meta tags inside the Head Code section.
- Alternatively, for page-specific meta tags, use the Page Settings > Custom Code > Head field.
4. Is This Method Still Effective?
- Yes, setting up title and meta description tags correctly is still essential for SEO.
- Google often reads these tags to understand page context and display snippets in search results.
- While Google may not always use your description, a well-crafted meta tag improves click-through rates and indexing.
Summary
To add meta tags in Webflow, use Page Settings for individual tag control and Project Settings > SEO for global tags. This continues to be a relevant and effective SEO strategy for improving Google rankings.