Back to all lessons
Lesson library

Add SEO title and meta description

Create the SEO meta title and description for each page on your website.

This video features an old UI. Updated version coming soon!

The SEO title and meta description are what usually show up when your page appears on Google or any other search engine. You can update the SEO settings for each page in your project from the Page settings. After updating your SEO information, remember to publish your project to allow your changes to take effect.

In this lesson

SEO settings

Open your Page's settings from the Pages panel and add your SEO meta title and description in the SEO Settings section.

SEO settings of the Home page in the Pages setting panel

Title tag

The title tag is often used as the title in search results. It's recommended to keep it shorter than 60 characters.

Meta description

Meta description isn't always used in results. Sometimes Google will show a snippet from the webpage that contains the search term someone typed into Google.

But if your meta description does show up, it can really help convince people to click through to your page — especially if it's relevant to the content of your page.

Good to know
  • It's worth noting that while there's no length limit here, search engines will truncate long titles and descriptions.
  • It's also important to resist the urge to stuff these fields with keywords to try and rig search results. Remember: Google ignores (and in some cases penalizes) deceptive practices.

Collection page SEO title and description

For Collection pages, you'll define a pattern that all pages in a Collection will use for their title tag and meta description. That way, all Collection Items will automatically pull their SEO settings from each Collection based on the pattern you defined.

To define your pattern, go to your Collection Template settings in the Pages Panel and add the Collection fields you want to use for your SEO meta title and description in the SEO Settings section.

Collection page dynamic SEO settings

You can use the "name" field in the Title tag field to pull it straight from your "Blog posts" collection. Now each blog post page will have a Title tag matching the name or title of that blog post.

For the meta description, you'll do the same. Reference your blog post "summary". 

You can also combine fields and even type custom text to work with these fields — they're like variables which you can switch between so you can preview all your collection items.

Good to know: After updating your SEO information, remember to publish your project to allow your changes to take effect. Changes made to your site's meta title and description can take days, weeks, or even months to get indexed and start showing up in SERPs (search engine results pages).  
More about this feature
  • SEO meta keywords aren't supported in Webflow because most major search engines don't use them for rankings. Google does not use the keywords meta tag in web ranking.
  • We no longer allow you to set a site-wide meta title and description because unique titles and descriptions for each page of your site are significantly better for SEO, and lead to a better user experience.
Try Webflow — it's free