Проблемы с открытым графиком

Я готов вытащить оставшиеся волосы из головы. Невозможно, чтобы жизнь меня определяла, почему Facebook не будет вытаскивать признак изображения или даже изображение из сообщения, когда я делюсь через публикацию из WordPress 4.0.

Я проверил и не проверял «вставить теги» в Yoast SEO, попробовал shareaholic и даже жестко закодировал строки в моих functions.php (см. Ниже для используемого кода).

//Adding the Open Graph in the Language Attributes function add_opengraph_doctype( $output ) { return $output . ' xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml"'; } add_filter('language_attributes', 'add_opengraph_doctype'); //Lets add Open Graph Meta Info function insert_fb_in_head() { global $post; if ( !is_singular()) //if it is not a post or a page return; echo '<meta property="fb:admins" content="480187318774482"/>'; echo '<meta property="og:title" content="' . get_the_title() . '"/>'; echo '<meta property="og:type" content="article"/>'; echo '<meta property="og:url" content="' . get_permalink() . '"/>'; echo '<meta property="og:site_name" content="Islanders Insight"/>'; if(!has_post_thumbnail( $post->ID )) { //the post does not have featured image, use a default image $default_image="http://www.islandersinsight.com/wp-content/uploads/2014/08/BvlnJMzIUAEGHEu.jpg"; //replace this with a default image on your server or an image in your media library echo '<meta property="og:image" content="' . $default_image . '"/>'; } else{ $thumbnail_src = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'large' ); echo '<meta property="og:image" content="' . esc_attr( $thumbnail_src[0] ) . '"/>'; } echo " "; } add_action( 'wp_head', 'insert_fb_in_head', 5 ); 

Это страница на facebook: https://www.facebook.com/IslandersInsight

И это сообщение: http://www.islandersinsight.com/2014/10/new-york-islanders-vs-san- jose-sharks-pregame-report /

Кто-нибудь может помочь? Я вот-вот начну пытаться срубить запястья пластиковыми ножами.

Это единственные ошибки, которые меня отбрасывает отладчик:

Свойство Inferred Свойство 'og: url' должно быть явно предоставлено, даже если значение может быть выведено из других тегов.

Свойство Inferred Свойство 'og: title' должно быть явно предоставлено, даже если значение может быть выведено из других тегов.

Свойство Inferred Свойство «og: description» должно быть явно предоставлено, даже если значение может быть выведено из других тегов.

Свойство Inferred Свойство 'og: image' должно быть явно предоставлено, даже если значение может быть выведено из других тегов.

Это единственные теги OG, которые я вижу при создании, когда я нажимаю «проверить источник страницы»:

 <!-- OpenGraph Facebook Start --> <meta property="og:title" content="New York Islanders vs. San Jose Sharks: Pregame Report" /> <meta property="og:description" content=" #479084605 / gettyimages.com When: Thursday October 16th, 2014 Where: Nassau Veterans Memorial Coliseum, Uniondale, NY Time: 7 pm TV: MSG+ (Howie Rose, Butch Goring) Radio: WRHU 88.7 FM (Chris King..." /> <meta property="og:image" content="http://www.islandersinsight.com/wp-content/uploads/2014/10/SharksatIsles-150x150.png" /> <!-- OpenGraph Facebook Ends --> <link rel="profile" href="http://gmpg.org/xfn/11" /> <link rel="pingback" href="http://www.islandersinsight.com/xmlrpc.php" /> 

Как вы можете видеть, похоже, что что-то сокращает мое изображенное изображение до 150×150, хотя его размер 1800×1200.

Что это может сделать? И почему бы отладчик не бросил мне ошибку, предупреждая меня об этом? Ясно, что вы делаете снимок в темноте.

Это связано с тем, что ваша разметка недействительна, что заставляет Facebook думать, что meta элементы находятся в теле. Вы можете увидеть это, запустив страницу через валидатор W3C, который имеет смысл для сообщения об ошибке linter в Facebook:

На вашей странице есть метатеги в теле, а не на голове. Это может быть связано с тем, что ваш HTML был искажен, и они упали ниже в дереве разбора. Пожалуйста, исправьте это, чтобы теги могли использоваться.

Я подозреваю, что это все коды отслеживания, которые у вас есть в начале вашей головы.

 <!-- Start DFP SETUP --> <script type="text/javascript"><!-- //<![CDATA[ (function() { var useSSL = 'https:' == document.location.protocol; var src = (useSSL ? 'https:' : 'http:') + '//www.googletagservices.com/tag/js/gpt.js'; document.write('<scr' + 'ipt src="' + src + '"></scr' + 'ipt>'); })(); //]]> //--></script> <script type='text/javascript' src='http://img.bnqt.com/lib/js/sdpdfphelper.js'></script> <script type="text/javascript"> googletag.pubads().enableSyncRendering(); googletag.pubads().setTargeting("title", sdpTargeting.title) .setTargeting('targetPaths', sdpTargeting.targetPaths) .setTargeting('fullPath', sdpTargeting.fullPath) .setTargeting('queryStr', sdpTargeting.queryStr) .setTargeting('domainName', sdpTargeting.domainName); </script> <!-- DFP SETUP end --> <!-- Begin comScore Tag --> <script> var _comscore = _comscore || []; _comscore.push({ c1: "2", c2: "6035223" }); (function() { var s = document.createElement("script"), el = document.getElementsByTagName("script")[0]; s.async = true; s.src = (document.location.protocol == "https:" ? "https://sb" : "http://b") + ".scorecardresearch.com/beacon.js"; el.parentNode.insertBefore(s, el); })(); </script> <noscript> <img src="http://b.scorecardresearch.com/p?c1=2&c2=6035223&cv=2.0&cj=1" /> </noscript> <!-- End comScore Tag --> 

Переместите их до самого конца страницы прямо перед </body></html> .