OGP = Open Graph protocol
FacebookやTwitterなどのSNSでシェアされた際に、
そのページのタイトル・URL・概要・アイキャッチ画像(サムネイル)を意図した通りに正しく表示させる仕組み。
Facebook・TwitterのOGP設定方法まとめ|ferret
https://ferret-plus.com/610
OGPを設定しよう!SNSでシェアされやすい設定方法とは?
https://digitalidentity.co.jp/blog/seo/ogp-share-setting.html
OGP確認:facebook、twitter、LINE、はてなのシェア時の画像・文章を表示 | ラッコツールズ
https://rakko.tools/tools/9/
2021年版:OGPの正しい設定方法まとめ。確認方法や画像サイズも | Web Design Trends
https://webdesign-trends.net/entry/12993
■Facebook(2014年に調べたときのメモ)
内容が反映されない場合、キャッシュを削除するといい。
FacebookのOGPキャッシュ問題に終止符。キャッシュクリアボタン実装! | Sunday In The Park
https://snowadays.jp/2014/08/2979
Basic認証をかけている場合、Facebookのクローラを除外するといい。
BASIC認証やIP制限をかけているサイトのOGPをFacebookで表示する(FacebookのIPアドレスリスト)
https://snowadays.jp/2013/09/2204
具体的には
Options +Includes
AddHandler server-parsed html
<Files ~ "^.(htpasswd|htaccess)$">
Deny from all
</Files>
AuthUserFile /var/www/vhosts/xxx/html/.htpasswd
AuthGroupFile /dev/null
AuthName "Basic Auth"
AuthType Basic
Require valid-user
このようなBasic認証を指定していた場合、この直後に以下を追加すれば大丈夫だった。
Satisfy Any
Order Allow,Deny
SetEnvIf User-Agent "^facebookexternalhit.*$" fb_crawler
SetEnvIf User-Agent "^facebookplatform.*$" fb_crawler
Allow from env=fb_crawler