<head>内の情報は編集するのみでいちから書き込むことがほとんど無くなっていたので。今回久しぶりにWorldpress以外での制作依頼があったので改めて<head>内には何を記述すれば良いのか調べてみました。
description
<meta name=”description” content=””>
content=””の””内にこのページの概要や要約を伝える文章を入れましょう。ユーザーや検索エンジンにも意識される内容になります。
検索エンジンで検索した時にタイトル概要という風に表示されますね。その概要部分になります。
OGPについて
OGP設定は、記事がSNSでシェアされたときに、タイトルやアイキャッチ画像、説明文を表示するための設定です。
SNS推奨OGP画像サイズ
<meta property=”og:image” content=””>
contentには画像のURLを記述します。
画像推奨サイズは下記になります。
・Twitterの推奨画像サイズ:横1200px×縦630px
https://www.sungrove.co.jp/ogp-setting/【2021年版】OGPの設定方法と最適なOGP画像サイズまとめ
・Facebookの推奨画像サイズ:横1200px×縦630px
・はてなブックマークの推奨画像サイズ:横1200px×縦840px
・LINE:正方形で表示される
2021年の6月時点では、TwitterとFacebookはサイズ共通。はてなブックマークは縦が長くなり、LINEはサイズ指定がなく、正方形にトリミングされる仕様です。
参考サイト
https://www.sungrove.co.jp/ogp-setting/
○【2021年版】OGPの設定方法と最適なOGP画像サイズまとめ
コメント