OGPの設定
このテンプレートでは、必要最低限のOGP設定が完了していて、CMSのデータと連動をして最適な情報が書き出されるようになっています。ただ、og:imageだけは各サイト毎に設定が必要なので、適切なイメージを以下の通りに作成し、アップロードしてください。
また、企業ロゴは画像の中央に配置するようにしてください。(デバイスによっては、左上にロゴを配置すると見えなくなってしまうため。)以下のスクリーンショットはロゴを左上に配置をした失敗例です。
以下はog:imageの例です。
- 使用する画像
- トップページのメインビジュアルを用いてリサイズ
- 横幅
- 1,200px
- 縦幅
- 600px
- 拡張子
- .jpg(.pngでも良いが、その場合は、/templates/header.html内を書き換える必要あり)
- 保存場所
- /images/header/ogp.jpg(保存後サーバーにアップロード)
- 参考のPSDファイル
- PSDファイルをダウンロード
- OGP確認方法
- https://rakko.tools/tools/9/