Chykalophia Docs
Webflow

SEO settings in Webflow

How to edit page titles, meta descriptions, Open Graph settings, and other SEO fields in Webflow to improve your search visibility.

Time
10 minutes per page
Difficulty
Intermediate
You’ll need
Access to your site in Webflow (any role except Reviewer) · Your SEO titles and descriptions written in advance

Good SEO starts with accurate, well-written page titles and meta descriptions. Webflow gives you control over these fields for every page, and for your CMS items through their Collection page. This guide explains where to find them and how to write them well.

Quick summary

Each page in Webflow has its own title tag and meta description, set in the page's settings (Pages panel > Page settings > SEO settings). CMS items such as blog posts get theirs from a pattern set on their Collection page. Write a unique title (Webflow suggests under 60 characters) and a concise description for every page. Also set an Open Graph image so your site looks great when shared on social media.

What you'll need

  • Access to your site in Webflow (any role except Reviewer can edit SEO settings, as long as the site has a paid Site plan or is in a paid Workspace)
  • Your SEO titles and descriptions written out in advance

Understanding SEO fields in Webflow

Every page on your Webflow site has:

FieldWhat it doesIdeal length
Title tagThe text usually shown as the page's title in search results, and in browser tabsUnder 60 characters (Webflow's advice)
Meta descriptionThe description under the title in search resultsNo set limit, but search engines cut off long ones, so keep it concise
Open Graph titleTitle when shared on social mediaKeep it short; it can copy your title tag
Open Graph descriptionDescription on social media sharesKeep it short; it can copy your meta description
Open Graph imagePreview image on social media sharesA JPG or PNG from your site's assets, or an image link

The title tag and meta description are what people see in search results, so they matter most for whether someone clicks through to your site.

Editing SEO settings for a static page

Open your site in Webflow and open the Pages panel (shortcut: P).

Open the Page settings. Hover over the page you want to edit and click its Page settings icon (the "cog").

Fill in the SEO fields. Under SEO settings, update the Title tag and Meta description. Then update the page's Open Graph settings.

Save and publish. Save your changes, then publish the site to make them live.

Static pages vs CMS items

For static pages, you set the SEO fields on each page. For CMS items (blog posts, etc.), the SEO title and description come from a pattern on the Collection page that pulls in each item's own fields (for example, each post's title). Your setup may vary — if you can't find an SEO field, ask Chykalophia to check the configuration.

Editing SEO settings for CMS items

On Collection pages, the SEO title and description usually come from a pattern that pulls in each item's own fields. So for a blog post, you update its SEO by editing the fields that pattern uses.

Open your site in Webflow and click the CMS tab.

Open the item you want to edit (e.g., a blog post).

Find the fields your site uses for SEO. This is often the item's name or title, and sometimes a separate summary or meta description field. Ask us if you're not sure which fields feed your SEO.

Update those fields. Webflow saves your changes automatically.

Publish the item. Click Publish now (not available on the Starter or Basic plans), or queue it and publish the site.

Writing a good SEO title

A good SEO title:

  • Includes your main keyword (the phrase people search for)
  • Is under 60 characters, as Webflow recommends (longer titles may get cut off in search results)
  • Clearly tells the searcher what the page is about
  • Is unique — don't reuse the same title across pages

Example: "Brand Identity Design for Startups | Chykalophia"

Writing a good meta description

A good meta description:

  • Summarizes the page content in one or two sentences
  • Includes your main keyword naturally
  • Is short enough to read in full: Webflow sets no limit, but search engines cut off long descriptions
  • Ends with a call to action (optional but effective): "Get in touch today."

Example: "We design brand identities that help startups stand out and attract the right clients. See our work and book a free discovery call."

The Open Graph image

The Open Graph image is what shows when your page is shared on social media (Facebook, LinkedIn, X, etc.). It should be:

  • A JPG or PNG — Webflow's image picker only shows those file types from your assets
  • Branded — include your logo or a relevant, high-quality image
  • Different from your site's regular images if possible — design it to look good in a social media feed

Each social network sets its own image guidelines, so ask us for the size we use. Add the image in the page's Open Graph settings: click Select image to choose one from your assets, or Add URL to use a link to an image. Then save and publish. On CMS Collection pages, the image comes from one of the Collection's image fields.

Common questions

If I don't set an SEO title, what does Webflow use?

Webflow's SEO help article doesn't say, so don't leave it to chance. Always set a custom title tag. Webflow recommends unique SEO settings for every page.

Does Webflow have a sitemap?

Yes. Webflow can generate an XML sitemap for you and update it each time you publish. It's turned on in Site settings > SEO tab > Sitemap, by setting Auto-generate sitemap to "Yes". Your sitemap lives at yoursite.com/sitemap.xml. Submit it to Google Search Console. Doing that, and verifying your site with Google, can speed up indexing.

Can I set a canonical URL in Webflow?

Yes. You can set one for the whole site (Site settings > SEO > Global canonical tag URL) or for a single static page (Page settings > SEO settings > Page canonical URL). Canonical URLs tell search engines which is the "main" version of a page when duplicate content exists. Ask Chykalophia if you need help with this.

My page isn't showing up in Google. What can I do?

First, make sure the page is published and that its Sitemap indexing toggle hasn't been switched off (that toggle removes a page from your sitemap and from search engines). Then submit your sitemap to Google Search Console. Be patient: Webflow notes that changes to a page's title tag and meta description can take days, weeks, or even months to show up in search results.

Need a hand?

If you're stuck, email support@chykalophia.com and we'll help. Include your website address and a screenshot if you can.

Learn more

Last updated

On this page