HTML を使ってページのデフォルトのタイトルと画像をどのように管理できますか?

Google のスキーマやFacebook の Open Graph のように、Outbrain はマイクロデータを使って情報を管理しています。

マイクロデータは、Outbrain のネットワーク上で、読者の関心に近い、優れたコンテンツを発見させることを可能にしています。これによって、ページの属性や要点をクローラーで集め、ユーザーにパーソナライズされた体験を提供しています。また、コンテンツをシステムに入稿した際には、マイクロデータの指定に従いページの基本属性（タイトル、サイト名、サムネイル画像）をクローラーが回収します。

Outbrain がサポートするタグは以下の通りです。

Title

  • <meta property=”vr:title” content=”POST_TITLE” />
  • <meta itemprop=”title” content=”POST_TITLE” />
  • <meta property=”og:title” content=”POST_TITLE” />
  • <{TAG_NAME} itemprop=”headline”>POST_TITLE”</TAG_NAME >
  • <meta name=”title” content=”POST_TITLE” />
  • <meta name=”twitter:title” content=”POST_TITLE” />
  • <meta property=”dcterms.title” content=”POST_TITLE” />
  • <meta property=”dc.title” content=”POST_TITLE” />
  • <title>POST_TITLE</title>

例: <meta property=”vr:title” content=”9 Metrics for Marketing Performance Measurement” />

Date

  • <meta property=”vr:published_time” content=”PUBLISHED_DATE” />
  • <meta name=”pubdate” content=”PUBLISHED_DATE” />
  • <meta property=”article:published_time” content=”PUBLISHED_DATE” />
  • <meta itemprop=”datePublished” content=”PUBLISHED_DATE” />
  • <meta property=”DC.date.issued” content=”PUBLISHED_DATE” />
  • <meta property=”dcterms.date” content=”PUBLISHED_DATE” />

例: <meta name=”pubdate” content=”2014-03-13T06:07:39Z” />
** Note: Date formats should be yyyy-MM-ddTHH:mm:ssZ, e.g 2013-03-13T06:07:39Z

Image

  • <meta property=”vr:image” content=”IMAGE_URL” />
  • <meta property=”og:image” content=”IMAGE_URL” />
  • <link rel=”image_src” href=”IMAGE_URL” />

例: <meta property=”vr:image” content=” http://www.outbrain.com/wp-content/uploads/2014/12/graph_blog_post.jpg ” />

Author

  • <meta property=”vr:author” content=”AUTHOR_NAME” />
  • <meta name=”author” content=”AUTHOR_NAME” />
  • <meta property=”og:author” content=”AUTHOR_NAME” />
  • <meta itemprop=”author” content=”AUTHOR_NAME” />
  • <meta name=”twitter:creator” content=”AUTHOR_NAME” />

例: <meta name=”author” content=”Saad Abedine, CNN” />

Content

  • <div itemprop=”body”>POST_CONTENT</div>
  • <TAG_NAME itemprop=”articleBody”>POST_CONTENT</TAG_NAME>

例: <meta name=”description” content=”Everything you do in business must have a measurable ROI—and this is particularly true when it comes to any and all forms of online or offline marketing. ” />

例: <div class=”body prose twelve columns” itemprop=”body”>
<p>This post goes out to a certain coworker who had a desk near mine for five years and was always good for a laugh, a coffee run, or a sympathetic ear.</p>
</div>

Description

  • <meta property=”vr:description” content=”POST_DESCRIPTION” />
  • <meta name=”description” content=”POST_ DESCRIPTION ” />
  • <meta itemprop=”description” content=”POST_ DESCRIPTION ” />
  • <meta name=”og:description” content=”POST_ DESCRIPTION ” />
  • <meta name=”dc.description” content=”POST_ DESCRIPTION ” />

例: <meta content=”Everything you do in business must have a measurable ROI—and this is particularly true ……..” property=”vr:description”/>

Site Name
コンテンツが RSS 経由で入稿される場合は、 <channel> タグ内の title 要素が解析されます。個別URL で入稿される場合には、そのサイトのページソースの title 要素を取得します。

入稿されるコンテンツページにマイクロデータが含まれていない場合でも、他のHTML タグを認識して対応することができます。