Задать вопрос
@ligisayan
html

Facebook pixel нарушает валидацию страницы — как устранить?

Проверяю сайт через валидатор W3 validator и получаю такую ошибку
Error: A link element must not appear as a descendant of a body element unless the link element has an itemprop attribute or has a rel attribute whose value contains dns-prefetch, pingback, preconnect, prefetch, preload, prerender, or stylesheet.

В это виноват facebook pixel, а именно скрипт, подключенный в теге head.
<html itemscope itemtype="http://schema.org/WebPage" lang="ru-RU">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="profile" href="#">
<link rel="pingback" href="#">
<title></title>
            <!-- Facebook Pixel Code -->
            <script>
            !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
            n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
            n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
            t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
            document,'script','https://connect.facebook.net/en_US/fbevents.js');
                                fbq('init', '501918696809596');

            fbq('track', 'PageView');
            </script>
            <noscript><img height="1" width="1" style="display:none"
            src="#"
            /></noscript>
            <!-- DO NOT MODIFY -->
            <!-- End Facebook Pixel Code -->            
<!-- All in One SEO Pack 2.3.15.3 by Michael Torbert of Semper Fi Web Design[297,313] -->
<link rel="author" href="#" />
<link rel="canonical" href="#" />
<!-- /all in one seo pack -->

При отключении - ошибка исчезает. Можно ли как-то этот момент устранить? В руководстве четко сказано:
Вставьте код пикселя Facebook между тегами и на своей веб-странице. У вас уже могут быть другие коды между тегами «head», поэтому просто поместите код пикселя ниже других кодов, но выше тега .

Jvu0V.jpg
  • Вопрос задан
  • 1583 просмотра
9 комментариев
Подписаться 1 Оценить 9 комментариев
Решения вопроса 1
zoonman
@zoonman
⋆⋆⋆⋆⋆
Noscript должен находиться внутри тела документа.

<html itemscope itemtype="http://schema.org/WebPage" lang="ru-RU">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="profile" href="#">
<link rel="pingback" href="#">
<title></title>
<link rel="author" href="#" />
<link rel="canonical" href="#" />

            <!-- Facebook Pixel Code -->
            <script>
            !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
            n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
            n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
            t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
            document,'script','https://connect.facebook.net/en_US/fbevents.js');
                                fbq('init', '501918696809596');

            fbq('track', 'PageView');
            </script>
            
            <!-- убрали отсюда noscript -->
            <!-- End Facebook Pixel Code -->            

<!-- остальные заголовочные теги -->
</head>
<body>

...
<!-- noscript должен находиться внутри тела документа --> 
<noscript><img height="1" width="1" style="display:none"
            src="#"
            /></noscript>
Ответ написан
1 комментарий
1 комментарий
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript FullStack разработчик
Rocket • Смоленск
от 120 000 ₽
Middle Project Manager (внутренние проекты)
FOXIBLE • Москва
от 70 000 ₽
Фронтендер/Фрилансер на удаленку
Netgineers GmbH
от 3 000 до 4 000 €
Ещё вакансии