10 09/2014

google microdata and Open Graph protocol

最后更新: Wed Sep 10 2014 12:39:11 GMT+0800

google 推荐（作者书写的）schema 来界定内容类别和含义（比如同义词的各种不同含义）。google 推荐的代码为（schema）

<body itemscope itemtype="http://schema.org/Product">
  <h1 itemprop="name">Shiny Trinket</h1>
  <img itemprop="image" src="{image-url}" />
  <p itemprop="description">Shiny trinkets are shiny.</p>
</body>

当然，退而求其次，用 Open Graph protocol 的话，也可以

<head profile="http://gmpg.org/xfn/11">
<meta property="og:title" content="..." />
<meta property="og:image" content="..." />
<meta property="og:description" content="..." />

schema 代码例子

<div itemscope itemtype ="http://schema.org/Movie">
  <h1 itemprop="name">Avatar</h1>
  <div itemprop="director" itemscope itemtype="http://schema.org/Person">
  Director: <span itemprop="name">James Cameron</span> (born <span itemprop="birthDate">August 16, 1954)</span>
  </div>
  <span itemprop="genre">Science fiction</span>
  <a href="../movies/avatar-theatrical-trailer.html" itemprop="trailer">Trailer</a>
</div>
  • line 1: 表示这是个电影，而不是“头像”
  • line 3: 表示这是导演名字，并且是个人名
  • line 4: 名字和出生日期
  • line 6: 电影类型：科幻片
  • line 7: 预告片

schema 的完整词汇表

小结

schama 也罢,og: 也罢，microdata 等等，都是为了解决 goolge 理解网站内容的“困惑”，毕竟再牛逼的人工智能算法，也不如作者写的严格、清晰更有效。