web-dev-qa-db-ja.com

OpenGraphタグのプレビューツール

Twitterには、サイトの開発バージョンに追加するタグが正しいかどうかをテストするための非常に便利なプレビューツールがあります https://cards-dev.Twitter.com/validator 。 Facebook Open Graphに似たものはありますか?

15
wheresrhys

そこにいくつかのogタグバリデーターがあります。 Facebookはおそらく最も優れており、上記のとおりです。 https://developers.facebook.com/tools/debug/ ですが、他の非商用オプションもありますが、理由はわかりません。それらを使用してください。

Ogタグの仕様の詳細については、こちらをご覧ください: http://ogp.me/

ローカルでビルドするときにテストするのに役立つNiceツールを探している場合は、ngrokがそのトリックを実行することがわかりました: https://ngrok.com/

更新:コメンターのライアンは、ngrokは機能しなくなったが、localtunnelは機能することを指摘しました: ローカルホストで開いているグラフをテストする方法

2
chenware

Htmlタグをこのページにコピーします http://www.golery.com/posthtml これにより、単純なhtmlスニペットのみを公開でき、Facebookからアクセスできます。

次に、 https://developers.facebook.com/tools/debug/ で試して、どのように機能するかを確認できます。 Facebookもクロールをキャッシュします。 https://developers.facebook.com/tools/debug/ を使用して、Facebookにキャッシュを無効にすることもできます。

もう1つの優れたツールは https://iframely.com/

0
greensuisse

realfavicongenerator.net Facebookのメタデータをチェックするためのページがあります。そのリソースが将来的にどれほど安定するかはわかりませんが、今のところ利用可能です。

0
Zorawar