Использование schema.org itemprop в метатегах Facebook OG
Щас пользуюсь itemprop
СОВМЕСТНО с Facebook Открыть График <meta>
теги, подобные следующим:
<html class="no-js" itemscope="itemscope" itemtype="http://schema.org/WebPage">
// ...
<meta property="og:type" content="website" />
<meta itemprop="name" property="og:title" content="My Title" />
<meta itemprop="image" property="og:image" content="http://example.com/socialimage.jpg" />
<meta itemprop="url" property="og:url" content="http://example.com" />
<meta itemprop="description" property="og:description" content="My description" />
<meta property="og:site_name" content="My Site"/>
Это приемлемо / допустимо сделать?
2 ответа
itemprop
определяется микроданными, property
определяется RDFa. Итак, ваш вопрос: можно ли использовать микроданные и RDFa на одном и том же meta
элемент?
Да, как я объяснил в похожем (но не идентичном) вопросе:
При использовании микроданных на meta
следующие атрибуты не допускаются: name
, http-equiv
, charset
, При использовании RDFa на meta
эти три атрибута являются необязательными. В обоих случаях content
атрибут обязателен
Обратите внимание, что вы можете прекратить использование микроданных и использовать RDFa также для Schema.org:
<html typeof="schema:WebPage">
<!-- … -->
<meta property="og:type" content="website" />
<meta property="og:title schema:name" content="My Title" />
<meta property="og:image schema:image" content="http://example.com/socialimage.jpg" />
<meta property="og:url schema:url" content="http://example.com" />
<meta property="og:description schema:description" content="My description" />
<meta property="og:site_name" content="My Site"/>
Также обратите внимание, что вы должны использовать link
вместо meta
когда значение является URL:
<meta property="og:type" content="website" />
<meta property="og:title schema:name" content="My Title" />
<link property="og:image schema:image" href="http://example.com/socialimage.jpg" />
<link property="og:url schema:url" href="http://example.com" />
<meta property="og:description schema:description" content="My description" />
<meta property="og:site_name" content="My Site"/>
Попробуйте весь код в вашем заголовочном файле: этот код сценария для данных схемы:
<script type='application/ld+json'>
{
"@context": "http://www.schema.org",
"@type": "LocalBusiness",
"name": "website",
"url": "http://www.website.com/",
"logo": "http://www.website.com/images/logo.png",
"image": "http://www.website.com/images/dhaka-city.jpg",
"title": "Title of your website | website.com",
"description": "website.com is your online business directory of Country",
"address": {
"@type": "PostalAddress",
"streetAddress": "Road #21, Gulshan, Dhaka, Bangladesh ",
"addressLocality": "Gulshan",
"addressRegion": "Dhaka",
"postalCode": "1200",
"addressCountry": "Bangladesh"
},
"telephone": "+880123456789",
"geo": {
"@type": "GeoCoordinates",
"latitude": "23.783127",
"longitude": "90.394359"
},
"openingHours": "Su, Mo, Tu, We, Th, Fr 09:00-18:00",
"contactPoint": {
"@type": "ContactPoint",
"contactType": "Customer support & query",
"telephone": "+880123456789"
}
}
</script>
Разметка Schema.org для Twitter:
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@website">
<meta name="twitter:creator" content="@website">
<meta property="twitter:url" content="http://www.website.com/" />
<meta name="twitter:title" content="Title of your website | website.com">
<meta name="twitter:description" content="website.com is your online business directory of Country">
<meta name="twitter:image" content="http://www.website.com/images/dhaka-city.jpg">
Открыть график данных:
<meta property="og:title" content="Title of your website | website.com"/>
<meta property="og:type" content="Most popular business directory of Bangladesh"/>
<meta property="og:url" content="http://www.website.com/"/>
<meta property="og:image" content="http://www.website.com/images/dhaka-city.jpg"/>
<meta property="og:site_name" content="@website"/>
<meta property="fb:admins" content="Author"/>
<meta property="og:description" content="website.com is your online business directory of Country"/>
Похоже, что это сработает, но просто чтобы вы знали, политика Google заключается в игнорировании скрытой разметки. Так что просто стоит иметь в виду.