OGPの設定

このテンプレートでは、必要最低限のOGP設定が完了していて、CMSのデータと連動をして最適な情報が書き出されるようになっています。ただ、og:imageだけは各サイト毎に設定が必要なので、適切なイメージを以下の通りに作成し、アップロードしてください。

また、企業ロゴは画像の中央に配置するようにしてください。(デバイスによっては、左上にロゴを配置すると見えなくなってしまうため。)以下のスクリーンショットはロゴを左上に配置をした失敗例です。

ロゴの配置

以下はog:imageの例です。

og imageの例
使用する画像
トップページのメインビジュアルを用いてリサイズ
横幅
1,200px
縦幅
600px
拡張子
.jpg(.pngでも良いが、その場合は、/templates/header.html内を書き換える必要あり)
保存場所
/images/header/ogp.jpg(保存後サーバーにアップロード)
参考のPSDファイル
PSDファイルをダウンロード
OGP確認方法
https://rakko.tools/tools/9/