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

351

25 августа 2017, 22:42

Проверяю сайт через валидатор 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», поэтому просто поместите код пикселя ниже других кодов, но выше тега .

Answer 1

Есть элегантное решение - вынести за тег head и в тег img еще внести атрибут alt, тогда у валидатора вопросов не останется

<!DOCTYPE html>
<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="#" alt="facebook-pixel" /></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 -->