さけのさかなのブログ

同人ゲーム開発やってます。Unity使ったりする。

ゲームの紹介ページにOGPを設定すること

ページを作ったら

moetoku.sakura.ne.jp

 ゲームの紹介ページなんかを作ったら、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に登録してやる必要がある。

はてなブログで使う

 はてなでブログでカード形式リンクを使うには、index.htmlまで記述しなきゃいけないぽい。これで躓いた。

 ふぇーすぶっくはつかっていないのでしりません。