Facebook open graph og: и fb: теги не работают или регистрируются

У меня есть веб-сайт, на котором я хотел бы иметь кнопку «Нравится» в Facebook, причем кнопка настраивается так, чтобы на ней отображалось конкретное изображение, описание и т. д.

Все это сделано и работает, однако я использовал обычные метатеги img, description, title вместо тегов og, которые мы должны использовать.

Facebook жалуется, когда я анализирую веб-сайт с помощью http://developers.facebook.com/tools/debug. .

Вот некоторые сообщения об ошибках:

Inferred Property:  The 'og:url' property 
should be explicitly provided, even if a value can be inferred from other tags.

Inferred Property:  The 'og:title' property
should be explicitly provided, even if a value can be inferred from other tags.

и т.д. для всех остальных тегов...

Вот проблема: когда я добавил и настроил теги, как показано в примерах, представленных в Интернете, это не только не сработало, но я получил еще одну ошибку:

Meta Tags In Body:  You have tags ouside of your . This is either because
your was malformed and they fell lower in the parse tree, or you accidentally 
put your Open Graph tags in the wrong place. Either way you need to fix it 
before the tags are usable.

Вот моя html-конфигурация:

<html lang="en"  xmlns:fb="http://www.facebook.com/2008/fbml"
xmlns:og="http://opengraphprotocol.org/schema/">

...

<meta property="og:url" content="..." />
<meta property="og:site_name" content="..." />
<meta property="og:type" content="..." />
<meta property="og:title" content="..." />
<meta property="og:image" content="..." />
<meta property="og:description" content="..." />
<meta property="fb:app_id" content="..." />

...

ПРИМЕЧАНИЕ. Мой тег fb-root и другие теги fb, представленные как код кнопки, находятся в самом низу страницы вместе с другими сценариями.

ПРИМЕЧАНИЕ. Я выполнил нулевую настройку на веб-сайте open graph или в разделе open graph моего приложения в facebook, в разработчиках facebook, однако я не думаю, что это проблема, потому что в инструкциях fb они сказали добавить кнопку «Нравится», только копируя Требуется код /pasting, а фактическая конфигурация открытого графа не требуется.

Вот URL-адрес сайта: http://darehut.com ПРИМЕЧАНИЕ. Код моего тега на самом деле находится внутри элемента head в моем исходном коде. , но по какой-то причине они отображаются снаружи!

Спасибо за вашу помощь!!


person Lucas Ou-Yang    schedule 05.11.2012    source источник


Ответы (1)


Метатеги в теле: у вас есть теги за пределами вашего файла . Это связано либо с тем, что ваши теги были искажены, и они опустились ниже в дереве синтаксического анализа, либо вы случайно разместили свои теги Open Graph не в том месте.

В этом сообщении отсутствует слово <head> перед первой точкой.

Что это означает, довольно просто: либо вы поместили свои метатеги OG за пределами вашего элемента <head>, либо ваш HTML-код искажен.


И в следующий раз, когда вы зададите подобный вопрос, укажите URL-адрес документа, с которым у вас возникли проблемы — таким образом, мы сможем просмотреть его сами и сможем ответить более конкретно.

person CBroe    schedule 05.11.2012
comment
Спасибо за совет, вы правы, мои элементы не в элементе ‹head›; но они есть в моем исходном html-коде. Когда код отображается, по какой-то причине метатеги (а также множество других тегов) перемещаются в другой тег с именем ‹body data-twttr-rendered=true› Вероятно, из-за начальной загрузки Twitter. Но внутри этого тега они также находятся внутри ‹div id=fb-root›. URL-адрес моего сайта находится здесь: darehut.com Все метатеги закомментированы в самом верху, еще раз Спасибо за вашу помощь! - person Lucas Ou-Yang; 05.11.2012
comment
Почему элемент #fb-root находится поверх вашего исходного кода, за пределами элемента html…? - person CBroe; 05.11.2012
comment
Я не уверен, но в моих настоящих локальных исходных файлах HTML корень fb вместе с другим кодом скрипта fb находится внутри элемента ‹body›, в самом низу страницы и внутри тега ‹html› . - person Lucas Ou-Yang; 05.11.2012
comment
Ну а в вашей онлайн-версии точно нет. - person CBroe; 05.11.2012