OGP

Open Graph Protocolの略でSNSでWEBページをシェアしたときにWEBページのタイトルとか画像をSNSで表示するための仕組みです。

TiwtteとかFacebookとかLineとかでWEBページのリンクURLを貼ったときに画像が表示されるのを見たことありませんか?

これはOGPが使用されています。

仕組み

WEBページでHTMLのheadタグの中に

<meta property="og:title" content="タイトル">
<meta property="og:type" content="website">
<meta property="og:description" content="説明">
<meta property="og:url" content="URL">
<meta property="og:site_name" content="サイトのタイトル">
<meta property="og:image" content="画像">

こんな記述をしておきます。

twitterに投稿された場合、ここに設定してある情報をもとにtwitterがタイトルとか画像を表示するという仕組みです。

SNSが普及に伴い、OGPを設定しているサイトも多くなっています。

コメントを残す

メールアドレスが公開されることはありません。