Проверка открытого графика для HTML5 - PullRequest
Новая
       7

Проверка открытого графика для HTML5

57 голосов
/ 28 июня 2011

Есть ли способ получить хитрые метатеги Open Graph на Facebook для проверки, если мой тип документа <!DOCTYPE html> (HTML5)?

Кроме мета-тегов Open Graph на Facebook, мой документ проверяется отлично.

Я действительно не хочу использовать <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.0//EN" "http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd">, поскольку это создает целый новый набор проблем.

Вот пример одной из рассматриваемых ошибок проверки ...

Строка ошибки 11, столбец 47: в данный момент свойство атрибута не разрешено для мета-элемента. 

<meta property="og:type" content="website" />

Любая помощь приветствуется ... Я искал и включал в течение нескольких дней безрезультатно.

Ответы [ 12 ]

0 голосов
/ 22 июля 2011

Хотя это будет отключать не-Javascript пользователей, я использовал это 

<script type="text/javascript">
//<![CDATA[
document.write('<fb:like href="" send="false" layout="button_count" width="100" show_faces="true" font=""></fb:like>')
//]]>
</script>

и это подтверждено отлично. Он отлично работает с Firefox, Opera, IE, Chrome, Safari в Windows, а также с Firefox, Opera, Safari в Mac.

0 голосов
/ 08 июля 2011

Я был бы склонен сказать, не беспокойтесь о проверке, я не верю, что неправильная разметка повредит вашему поисковому рейтингу.Например, в технических рекомендациях Google не упоминаются стандарты.http://www.google.com/support/webmasters/bin/answer.py?answer=35769#2.HTML5 позволяет вам предоставлять больше информации поисковым системам, которые они затем могут использовать, но я не вижу их в ранжировании, основанном на отсутствии проверки.

Однако, если вы чувствуете, что это помогает вам проверить, вы можете использовать 

<script>document.write('<meta property="og:type" content="website" />')</script>

, чтобы эти теги присутствовали и имели html-файл, который пройдет валидаторы.

Страница:
...