If you're seeing unwanted code in your homepage’s meta description in Webflow, it likely means HTML tags or script snippets were inserted in the wrong place.
1. Check the Page Settings Meta Description
- Go to the Webflow Designer and open your Home page.
- In the left panel, click the Pages icon (the paper icon).
- Hover over Home and click the gear icon (Page settings).
- Look under the SEO Settings section.
- Ensure that the Meta Description field contains only plain text—not HTML, scripts, or special characters.
- Remove anything that looks like
<script>
, <div>
, or special symbols like <
or >
.
2. Verify Site-Wide Custom Code
- Go to Project Settings > Custom Code.
- Check both the Head Code and Footer Code sections.
- Make sure you haven't embedded something unintentionally that spills into meta content (rare, but possible if malformed).
3. Use the SEO Settings Correctly
- Webflow injects the Meta Description based on the plain text you provide in the SEO Settings of each page.
- Do not use a dynamic Embed or CMS field that could unexpectedly include HTML or JavaScript.
4. Re-Publish Your Site
- After fixing the meta content, click Publish again to push updates live.
- Use the URL inspection tool in Google Search Console or view page source to confirm the change.
5. Use Open Graph Overrides If Needed
- If the issue appears in social previews, verify the Open Graph title and description in the same Page Settings.
- Fill in those fields manually to avoid Webflow auto-generating them from potentially malformed content.
Summary
To remove code from your homepage meta description, ensure the Meta Description field contains plain text only in the page settings. Avoid any HTML or script content, and republish your site after making the correction.