ホームページにOpen Graphを埋め込んでFacebookにURLを張り付けられたときの見え方をコントロール

Facebookページと連動しているサイトを制作しているときの覚書。

Facebookで誰かがシェアしたときやメッセンジャーでURLを張り付けた際にプレビューされる画像やタイトルを設定する方法。

サイトのヘッダーにOpen Graphのタグを埋め込む。

<meta property="og:url"         content="http://hoge.com/test.html" />
<meta property="og:type"        content="article" />
<meta property="og:title"       content="タイトル" />
< meta property="og:description" content="要約" />
< meta property="og:image"       content="http://hoge.com/key-visual.jpg" />


詳細は公式サイトを参考に


見え方をテストするツールがある。

昔は「Linter」だったけど、今は「シェアデバッガー」という名前に変わったらしい。

image


< Related Posts >

コメント

このブログの人気の投稿

【.NET】DataGridViewを選択した際に背景色を変更しない

Can't open PID file /var/run/nginx.pid (yet?) after start: Too many levels of symbolic links

【PostgreSQL】ROWNUMのように行番号(現在行)を取得するROW_NUMBER