2012-04-06 3 views
1

Ни одна правильная фотография не появляется, когда я публикую ссылку на Facebook в сообщение в блоге, которое я сделал. Я попытался добавить og теги ко всем вещам в своем блоговом коде, и ничего не сработало. Помогите!Я не могу получить Facebook, чтобы очистить ссылки, которые я публикую в своем блоге

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

Должен ли я начинать добавлять теги og к каждому сообщению?

http://michelleglauser.blogspot.com

ответ

1

Когда пост/поделиться ссылкой на Facebook ссылку с адресом, facebook должны иметь О.Г. теги для каждого URL.

Например, http://michelleglauser.blogspot.com и http://michelleglauser.blogspot.com/2012/04/links-to-love-week-14-2012.html - это два разных URL-адреса, каждый из которых должен иметь теги og, если вы хотите контролировать способ представления facebook.

Я взглянул на html-код вашего сайта, и кажется, что вы действительно предоставили og: title, og: type и og: url, но og: image и og: description закомментированы для некоторых причина, что они выглядят как это в коде:

<!-- 
/* 
<meta property="og:image" content="http://s191.photobucket.com/albums/z72/MichemilyG/Blog/?action=view&current=Circles-and-Dots-and-Other-Distractions-Michelle-Glauser-Blog-Header-Flat.jpg"/> 
<link rel="http://s191.photobucket.com/albums/z72/MichemilyG/Blog/?action=view&current=Circles-and-Dots-and-Other-Distractions-Michelle-Glauser-Blog-Header-Flat.jpg" href="thumbnail_image"/> 
<meta property="fb:title" content="Circles and Dots and Other Distractions"/> 
<meta property="og:description" content="Michelle Glauser"/> 
... 

Вы должны поместить эти теги с остальными тегами OG.

+0

Я не уверен, что любой из вас говорит. Фарис, я должен изменить код для каждого отдельного сообщения? Ницан, что «прокомментировано»? Каким должен выглядеть код, если не так? Большое вам спасибо за вашу помощь! –

+0

Вам не нужно создавать разные «коды» для разных страниц, но это имеет смысл только для вас. Поскольку каждый ваш пост, вероятно, имеет другое название и описание? возможно, другое изображение, связанное с ним? Что касается «комментариев», [комментарий HTML] (http://www.w3schools.com/tags/tag_comment.asp) говорит синтаксическому анализатору (и браузеру) «не возражать» ни о чем между этими тегами, и у вас есть некоторый код там, который просто игнорируется, некоторые из них - это открытые графические теги, которые «необходимы», и поэтому вам нужно снять теги комментариев. –

1

Вот пример того, что я только что реализовал на сайте Wordpress, который я разрабатывал (блоггер немного отличается от cc). В основном, он проверяет, имеет ли текущая страница, на которой вы находитесь, связанное изображение героя. Если это так, он использует этот образ героя. Если это не так, используется логотип. Таким образом, когда мне нравится «одна из моих сообщений в блоге (даже с первой страницы, а не с самой страницы блога), facebook пингует этот url и ищет связанные теги og: image и og: description.

<?php 
    wp_reset_query(); 
    $fb_image = ui::getImage(290, 121, "align left"); 
    if(!$fb_image){ 
     $fb_image = ui::logo(); 
    } 
?> 

<meta property="og:site_name" content="<?php ui::title(); ?>"/> 
<meta property="og:title" content="<?php the_title(); ?>"/> 
<meta property="og:url" content="<?php the_permalink(); ?>"/> 
<meta property="og:image" content="<?php echo $fb_image ?>"/> 

это идет в разделе «голов» каждой странице кстати