OPG とは?? ちょっと流行おくれかも。
OPG とは
結構昔からあったようだけど、今日初耳だったのでメモ。 いわゆるシェアボタンをクリックしたときに表示される部分みたい。
たとえば
<!DOCTYPE html>
<html xmlns:og="http://ogp.me/ns#">
<head>
<title>はてなダイアリー</title>
<meta property="og:title" content="Iaaa">
<meta property="og:type" content="blog">
<meta property="og:description" content="aaa">
<meta property="og:url" content="http://d.hatena.ne.jp/amachang/">
<meta property="og:image" content="http://www.fegre">
<meta property="og:site_name" content="はてなダイアリー">
<meta property="og:email" content="aaa@gmail.com">
<meta property="og:phone_number" content="080-0000-2159">
</head>
<body>
こんな感じに書ける。
具体的には、
* og:type
このウェブページが何のページであるかを記述(必須)
* og:title
このウェブページが記述しているモノの名前(必須)
* og:image
このウェブページが記述しているモノの画像(必須)
* og:url
このウェブページの正式な URL(必須)
* og:description
このウェブページの説明
* og:site_name
このウェブページが何かのサイトに所属する場合そのサイト名
* og:email, og:phone_number
連絡先