SEOよりもしんどいなこれ。
作るのはこんな感じ
前提として。
<meta>の設定
<meta property="og:title" content="【ページ名】" />
<meta property="og:locale" content="jp"> <!-- おまじない -->
<meta property="og:locale:alternate" content="ja_JP" /> <!-- おまじない -->
<meta property="og:site_name" content="【WEBサイト名】" />
<meta property="og:url" content="【ページURL】" />
<meta property="og:type" content="【ページ属性】" />
<meta property="og:description" content="【ページ概要】" />
<meta property="og:image" content="【サムネイル画像】" />
<meta property="og:image:width" content="1200" /> <!-- おまじない -->
<meta property="og:image:height" content="630" /> <!-- おまじない -->
<meta name="twitter:card" content="summary_large_image" /> <!-- おまじない -->
<meta name="twitter:title" content="【ページ名】" />
<meta name="twitter:description" content="【ページ概要】" />
<meta name="twitter:image" content="【サムネイル画像】" />
<meta name="twitter:site" content="【Xアカウント】" />これを全部埋めたら各種SNSに全対応できる。
ちなみにサムネ画像を大判で表示させる内容になってる（表示形式の指定ができる場合）。
文字数制限とかの表示具合はSNSによって異なるので、いちいち気にしてらんないので、SEO見たく厳密なところを攻めていくのは正直だるい。
大体で作るのが良いと思う。
画像の作成
雰囲気のためのアイキャッチなら良いけど、テキストを入れて読ませたいとかの場合。
各SNSや表示形式により画像のトリミング具合が変わるのですごくめんどくさい。
画像の設定がなかった場合、ファビコンやページ内の最初の画像で置換されたり、画像なし扱いになったりする。
修正・更新したい場合
はじめに（初投稿時）
まず、ogpは投稿したら即反映されると思わないほうが良い。
LINEとかFacebookは優しいけど、X（Twitter）が厳しすぎる。
ページを作ってogpを仕込んだら、まずは自分でSNSの投稿文のところにurlを入力する。
プレビューを表示してくれることが多いけど、なかったら実際に投稿してみるのもあり。
ogpが表示されなかったらサービス元が用意してる最中だから、しばらく待ってみる。
どこも投稿文にURLを入力したタイミングがogp取得のトリガーっぽい気がしてる。
明記されてるのかな。
数分～1時間くらいで反映されてたと思う、とりあえずX（Twitter）だけは遅い。
画像なし版が表示され、しばらく経ったら画像あり版に切り替わったりしてた。
一度ogpが表示されたら、これはサービス元にキャッシュとして残る。
次回以降スムーズに表示するための仕組み、処理を減らすための取り組みだと思えば当然か。
これが非常にだるい。
修正の反映
画像を変えたとか、説明文を変えたとか。
サービス元はキャッシュが残ってるから、即反映されることはない。
これはSEOと一緒。
大体はしばらく待ってたら勝手に反映される。
でも、頑なに変更されない場合がある。
体験としては2週間以上ダメだった例がある。
一部のサービスではキャッシュを更新できる機能があったりしたけどなかったりもするしなくなったりもしたので、だるい。
画像のURLを変える
ファイル名でもいいから変える。
アクセス先が変わるので旧画像は強制的に使用されなくなる。
多分URLパラメータを足してもいける。
リンク先のURLを変える
画像と違ってページのアドレスを変更すると不都合が起きまくる。
なのでURLパラメータを足す。
前：ｈttps://hogehoge.jp/aaa.html
後：ｈttps://hogehoge.jp/aaa.html?v=1一般的に、パラメータの値を加えたところでページの表示に影響しない。
たまに影響する組み方をしてる場合もあるから、そのときにはkeyを無関係なものに変えるとかで対処する。
変えた後
変えた状態で再度URLをSNSの投稿文のところに貼り付ける。
そうすると今の状態を読み込んで反映してくれる。
初回と同様に暫く待つ必要はある。
変更後の内容に切り替わったら、再度元々のURL（リンクURLからパラメータを排除したもの）を投稿してチェックする。
まとめ
サービス元のキャッシュに苦しむのは思い返せばmakeshopとかカラーミーショップ。
パラメータを足してなんとかなるって話だったのに不確実で辛かったりした。
それに比べたらogpの方はまだ素直にしてくれてる。
WEBサーバーとかでも高速化といってキャッシュを活用する機能があるから、同様の事が起こるかもしれない。まあこれは自身で切り替えられるからそこまでの問題にならないと思うけど。
ogpを活用したキャンペーンを打つのはいいけど、あるものを使うのは正しいことだと思うけど、思い通りに操作できるものじゃないから微妙っちゃ微妙。第三者が投稿するときにもこちらの任意のものを表示させられるっていうとんでもない機能だし、あまり自由を得られないというのも理屈として分かる。まあ、あまり本腰をいれる内容じゃない気がする。Twitter時代から独自規格作ってそのままにしてるとかあるしね、「一般的なもの」として言い切れない手間がある。IEと戦いながらコーディングしてた時代を振り返るようで、そういう手間は好きじゃない。
コメント