Facebookは私のサイトからすべての写真を取得します。
そのページにある写真を1つだけ共有したい。
og
メタタグについて聞いたのですが、入れ方がわかりません。
Facebookは私のサイトからすべての写真を取得します。
そのページにある写真を1つだけ共有したい。
og
メタタグについて聞いたのですが、入れ方がわかりません。
回答:
使用する:
<!-- 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="" />
ページのコンテンツに応じて、コンテンツ= "..."を入力します。
詳細については、2013年にすべてのWebページに必要な18のメタタグを参照してください。
author
は、ウェブサイトの作成者または現在の記事の作成者を意味しますか(ブログ記事の使用例)?
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をどのように認識するかを確認できます。また、問題があるかどうかも通知されます。
ここで注意すべき点の1つは、メタタグに変更を加えるたびに、デバッガーを介してURLを再度フィードする必要があることです。これにより、Facebookはサーバーにキャッシュされているすべてのデータを消去します。
メタ生成用のツールを作成しました。Facebook、Google +、Twitterのエントリが事前設定されており、ここで無料で使用できます:http : //www.groovymeta.com
もう少し質問に答えるために、OG
タグ(Open Graph)タグはメタタグと同様に機能し、HTMLファイルのHEADセクションに配置する必要があります。OGタグを効果的に使用する方法の詳細については、Facebookのベストプラクティスを参照してください。
author
タグに作成者名またはプロファイルURLへのリンクを含める必要があるかどうかを知っていますか?