在Facebook OG元标记上使用Schema.org itemprop

时间:2014-05-27 21:14:42

标签: facebook-opengraph meta schema.org microdata rdfa

现在我正在使用itemprop与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"/>

这可以接受/有效吗?

3 个答案:

答案 0 :(得分:4)

itemprop由微数据定义,property由RDFa定义。所以你的问题是: Microdata和RDFa可以用在同一个meta元素上吗?

,因为我有explained in a similar (but not identical) question

meta上使用微数据时,不允许使用以下属性:namehttp-equivcharset。在meta上使用RDFa时,这三个属性是可选的。在这两种情况下都需要content属性。


请注意,您可以停止使用Microdata并将Schef.org也用于RDFa:

<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

  <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"/>

答案 1 :(得分:0)

看起来它会起作用,但只是为了让您知道,Google的政策是忽略隐藏的标记。所以,请记住一些事情。

答案 2 :(得分:0)

在头文件中尝试以下全部代码: 此脚本代码用于架构数据:

<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>

用于Twitter的 org标记:

<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"/>