How can I add a meta noindex to unfinished CMS pages in Webflow?
TL;DR
- Open Webflow Project Settings and add a
<meta name="robots" content="noindex">tag in the Custom Code section. - Use conditional visibility in the Designer to apply the noindex tag to specific unfinished CMS pages.
- Publish and verify the changes to ensure pages have the noindex tag correctly set.
Adding a meta noindex tag to unfinished CMS pages in Webflow is an effective way to prevent them from being indexed by search engines. Here's how you can do it:
1. Open Project Settings
- Go to Project Settings from your Webflow dashboard.
- Select the Custom Code tab.
2. Add Custom Code
- Scroll down to the Head Code section.
- Add the following code snippet:
<meta name="robots" content="noindex">. - Ensure this code is correctly placed: It should be inside the
<head>tag.
3. Conditional Visibility for CMS Items
- To apply the noindex only to specific CMS items:
- Go to the Designer and select the CMS template page.
- Add a custom code block (Embed element) to the page.
- Use the CMS item settings to conditionally display the noindex tag only for unfinished pages. For example, if you have a "Published" switch field, set the display rule accordingly.
4. Publishing Updates
- Publish your changes to ensure the noindex tag is added to the live site.
- Test a few pages to make sure the noindex meta tag displays as expected on unfinished pages.
Summary
To add a meta noindex tag to unfinished CMS pages in Webflow, insert a custom meta tag in your Project Settings and use conditional visibility to control where it appears based on CMS content fields. This prevents search engines from indexing those pages until they're ready.