Memo

メモ > 技術 > 開発: Web > OGP

OGP
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

Advertisement