Webflow sync, pageviews & more.
NEW

How can I fix the W3C validation errors related to the noscript tag and the Facebook pixel code in the head tag of my Webflow website?

TL;DR
  • Place only the Facebook Pixel JavaScript in Webflow’s Head Code section.
  • Move the

W3C validation errors often appear in Webflow sites when you insert Facebook Pixel code, especially within <noscript> tags inside the head. W3C expects <noscript> to be used only within the body, not the head.

1. Understand the Problem

  • Facebook's Pixel code includes a <noscript> tag meant for browsers without JavaScript.
  • Placing <noscript> in the head section violates standard W3C HTML5 rules.
  • Webflow provides a Head Code field under Project Settings, but anything placed there renders inside the <head>, causing validation issues.

2. Move the <noscript> Tag to the Body

  • Don't place the full Facebook Pixel code in the Head Code section.
  • Instead, split the script:
  • Place only the JavaScript (script block) in the Head Code.
  • Place the noscript image pixel inside the Before Tag section.

3. How to Do It in Webflow

  • Go to Project Settings > Custom Code.

  • In the Head Code section, paste only the JavaScript like:

    <!-- Facebook Pixel JavaScript -->

  • In the Before Tag section, paste just the noscript block:

    <!-- Facebook Pixel noscript block -->

  • Typically, the noscript image pixel looks like this:

    <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=YOUR_PIXEL_ID&ev=PageView&noscript=1"/></noscript>

  • This moves the non-compliant tag from head to body, resolving validation errors.

4. Publish and Re-Validate

  • Click Publish to update the live site.
  • Re-run the W3C validator to confirm the <noscript> tag is no longer flagged.

Summary

To fix W3C validation errors from Facebook Pixel code, split the code: place the script portion in the Head Code, and the <noscript> image tag in the Before section. This keeps your site standards-compliant while preserving Pixel functionality.

Webflow Resources
Webflow templates
Webflow inspiration
Rate this answer

Other Webflow Questions

Explore Logic tutorials
Can I transfer CMS hosting from one Webflow project to another, without needing to buy new hosting or restart the live site?
Is it possible to embed PHP and HTML code in a Webflow page to create a login form and validate user existence in a database?
How do I upload an XML sitemap to Google Search Console for a site published with Webflow on a custom domain?
Can Webflow be used to build a Cookie Popup that allows users to accept or decline cookies on a website?
How can Webflow use AI technology to positively impact design and development?
Should I create a separate sitemap in Webflow that includes the language subdomains generated by Weglot, or will Google automatically index both languages without it?
How can I use Webflow to create buttons on a CMS page that scroll down to relevant subtopics in a collection list, where each subtopic has a dynamically generated ID?
How can I create a dropdown menu in the hero section of a Webflow website that is preselected based on the ad that brought the user there?
How can I create a fixed-size grid/table in Webflow that remains 940px across all device sizes and enables side-scrolling for overflow on small devices?
How can we redirect users based on their input in the signup form using Webflow?
What is the best way, from an SEO perspective, to make a website available in both English and Dutch using Webflow?
Does Webflow have an integration with SQUARE or any plans to develop one?
What are some tips for implementing a timeline on a website using Webflow?
Why does my Collection List Pagination in Webflow refresh to the top of the page?
How can I slow down the scroll speed of a full-view height slider in Webflow that changes slides on mouse scroll up and down? I've tried using the code mentioned below, but it scrolls too fast. Are there any other ways to achieve this while ensuring one action triggers the interaction?
Can Webflow be used to call a CSS or JS file stored on a different server, instead of hosting them on GitHub?
How can I dynamically redirect to a CMS created after form submission in Webflow?
In Webflow, how can I hide specific elements in the footer (such as "Ramin Khaze The Difference" and "Schedule showing") when the URL contains a certain parameter, such as "?mls"? I am a beginner in coding and would appreciate any help. Thank you!
Can I capture a screenshot of a Webflow page on click and convert it to a downloadable PDF?
How can I alternate the layout of the image and heading for each collection item in a two-column format on Webflow?
How can I execute JavaScript code when clicking a specific button with a given ID in a Webflow project?
How can I disable the Webflow success or failure state for a sign-up form and display a custom thank you page using jQuery and the Webflow form submit state?
How can I create a vertical scrolling menu with Webflow, similar to the one on Apple's website, that switches to horizontal scrolling when the menu doesn't fit on one screen?
How can I change the language of the Google Maps embed from English to Arabic in Webflow?
How can I reduce the vertical space between lines within a bullet point in Webflow? Can I replace the bullet points with icons on the "Services" page?
How can the text color be changed for custom input fields on Webflow?
How can I add conditional visibility in Webflow to prevent a div from appearing on a published page if a CMS field is empty?
How can I stop a YouTube video from playing in the background in audio mode when I close a modal in Webflow?
How can I connect and use my JavaScript and CSS files for special functions and styles in Webflow?
How can I fix the "Ensure text remains visible during webfont load" warning in Webflow?