Использование itemprop Schema.org в метатегах Facebook OG

Прямо сейчас я использую itemprop COMBINED с тегами Facebook Open Graph <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"/>

Это приемлемо/допустимо?


person cusejuice    schedule 27.05.2014    source источник


Ответы (3)


itemprop определяется микроданными, property определяется RDFa. Итак, ваш вопрос: Можно ли использовать микроданные и RDFa для одного и того же элемента meta?

Да, как я объяснил в похожем (но не идентичном) вопросе:

При использовании микроданных на meta не допускаются следующие атрибуты: name, http-equiv, charset. При использовании RDFa на meta эти три атрибута являются необязательными. В обоих случаях атрибут content обязателен.


Обратите внимание, что вы можете отказаться от использования Microdata и использовать 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"/>
person unor    schedule 28.05.2014
comment
Я пытался, это не работает для Facebook и Twitter до сих пор. Они неправильно анализируют свойство RDFa, разделенное пробелами: ctrl.blog/entry/rdfa-socialmedia- метаданные - person CallMeLaNN; 11.02.2019

Похоже, это сработает, но, чтобы вы знали, политика Google заключается в игнорировании скрытой разметки. Итак, просто кое-что, что нужно иметь в виду.

person daviddeering    schedule 28.05.2014

Попробуйте весь этот код в файле заголовка: Этот код сценария для данных схемы:

<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"/>
person Amranur Rahman    schedule 17.01.2019