ゲームの紹介ページにOGPを設定すること
ページを作ったら
ゲームの紹介ページなんかを作ったら、TwitterとかブログにURLを張る。
そのとき、ブログカード形式でリンクが表示されればいいよね。ということで、表示されるようにする。
OGP設定する
htmlにメタデータを埋め込んでやればよい。詳しくはOGPでググろう。
だいたいこんなん。
<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# article: http://ogp.me/ns/article#"> <meta charset="utf-8" /> <meta property="og:title" content="MagicScrollTactics" /> <meta property="og:type" content="website" /> <meta property="og:url" content="http://moetoku.sakura.ne.jp/mst/" /> <meta property="og:image" content="http://moetoku.sakura.ne.jp/mst/img/thumb.png" /> <meta property="og:site_name" content="同人ゲームサークル オートリ電子" /> <meta property="og:description" content="横スクロールSRPG MagicScrollTacticsのページ" /> <meta name="twitter:card" content="summary">
twitterにも適用する
Card validatorに登録してやる必要がある。
開発中のやつのページ作った。何もないけど。https://t.co/dloEAGhLgf
— enu (@_enu) 2016年12月20日
はてなブログで使う
はてなでブログでカード形式リンクを使うには、index.html
まで記述しなきゃいけないぽい。これで躓いた。
ふぇーすぶっくはつかっていないのでしりません。