4

Facebook の共有リンクを作成するときに、次のような方法で共有リンクをパーソナライズできます。

<a title='Share on Facebook' 
href='http://www.facebook.com/sharer.php?s=100
&p[title]=TITLE_HERE
&p[summary]=TEXT_HERE
&p[url]=URL_HERE
&p[images][0]=URL_TO_IMAGE' target='_blank' >
<img alt="Facebook" src="ICON_URL" />
</a>

ヘッダーにメタタグを入力する代わりに、Google+で同様のことを行う方法はありますか(1ページに多くの共有リンクが必要なため)

4

1 に答える 1

8

これには schema.org の microdata を使用できます。これらはサイトのヘッドで作成されたタグではなく、特定のノードに割り当てるプロパティです。これがどのように機能するかの例を次に示します。

複数の記事を含むブログがあり、それぞれに独自の +1 ボタンが必要だとします。各記事の最も外側のノード (HTML5 セマンティクスを使用している場合は、おそらく) で、特定のもの(この場合は、すべてのタイプのリストを参照)とともに<article>new を定義します。itemscopeitemtype"http://schema.org/BlogPosting"

次に、フィールドを使用して、共有スニペットに含める必要があるフィールドに注釈を付けitempropます。たとえば、記事に画像がある場合、<img>ノードに などの注釈を付けることができますitemprop="image"。

これらの注釈は、現在の itemscope でのみ有効であることに注意してください。+1 ボタンもこのスコープ内に配置する必要があります。これは、DOM 階層でボタンの上にある最初の itemscope を探すためです。

その良い面は、ページごとに複数のアイテムスコープを定義できるため、複数の +1 ボタンをさまざまな共有スニペットと簡単に統合できることです。

詳細については、+1 ボタンのドキュメントをご覧ください。

于 2012-04-05T19:08:21.593 に答える