122

Facebook は私のサイトからすべての写真を取得します。

そのページにある写真を 1 枚だけ共有したいと思います。

メタタグって聞いたogけど付け方がわからない。

4

3 に答える 3

361

Use:

<!-- For Google -->
<meta name="description" content="" />
<meta name="keywords" content="" />

<meta name="author" content="" />
<meta name="copyright" content="" />
<meta name="application-name" content="" />

<!-- For Facebook -->
<meta property="og:title" content="" />
<meta property="og:type" content="article" />
<meta property="og:image" content="" />
<meta property="og:url" content="" />
<meta property="og:description" content="" />

<!-- For Twitter -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="" />
<meta name="twitter:description" content="" />
<meta name="twitter:image" content="" />

Fill the content =" ... " according to the content of your page.

For more information, visit 18 Meta Tags Every Webpage Should Have in 2013.

于 2013-05-29T20:03:26.777 に答える
43

Facebook はOpen Graph Protocolと呼ばれるものを使用して、リンクを共有するときに表示するものを決定します。OGP はページを見て、表示するコンテンツを決定しようとします。手を貸して、ページから何を取得するかを実際に Facebookに伝えることができます。

その方法は、og:metaタグを使用することです。

タグは次のようになります -

  <meta property="og:title" content="Stuffed Cookies" />
  <meta property="og:image" content="http://fbwerks.com:8000/zhen/cookie.jpg" />
  <meta property="og:description" content="The Turducken of Cookies" />
  <meta property="og:url" content="http://fbwerks.com:8000/zhen/cookie.html">

これらまたは同様のメタ タグを<head>HTML ファイルの に配置する必要があります。独自の値に置き換えることを忘れないでください。

詳細については、Facebook がこれらのメタ タグをどのように使用しているかについて、ドキュメントを参照してください。そこからのチュートリアルの 1 つを次に示します - https://developers.facebook.com/docs/opengraph/tutorial/

Facebook は、これらのメタ タグを処理する際に役立つ小さなツールを提供してくれます。デバッガーを使用して、Facebook が URL をどのように認識しているかを確認したり、問題があるかどうかを教えてくれたりします。

ここで注意すべきことは、メタ タグを変更するたびに、URLについて Facebook がサーバーにキャッシュされたすべてのデータを消去できるように、デバッガーを介して URL を再度フィードする必要があることです。

于 2012-07-23T16:43:34.297 に答える
28

メタ生成用のツールを作成しました。Facebook、Google+、Twitter のエントリが事前に構成されており、 http ://www.groovymeta.com から無料で使用できます。

この質問にもう少し答えると、OGタグ (Open Graph) タグはメタ タグと同様に機能し、HTML ファイルの HEAD セクションに配置する必要があります。OG タグを効果的に使用する方法の詳細については、 Facebook のベスト プラクティスを参照してください。

于 2014-10-02T10:26:46.793 に答える