12
10

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

【Rails】OGPを設定したのにX(旧Twitter)で反映されない時に試すといいかもしれないこと!

Last updated at Posted at 2023-10-11

はじめに

お疲れさまです!
おおくまです!

Railsで実装したWebアプリOGPを設定したのですが、X(旧Twitter)でなかなか反映されず、「設定が間違っているのかな?」と、とても試行錯誤しました!
気付けば2日ほど溶かしました。笑
しかし、あることを試すと解決しました!
その際の備忘録になります!

環境

Ruby 3.2.2
Rails 7.0.8
gem meta-tegs を用いてOGP設定済み

注意点

私はプログラミング学習中で、初学者です!
内容に誤りがある場合があります!
コメント等で教えていただけると幸甚です!

試してもダメだったこと

キャッシュを削除する
OGPを何度も設定し直す
OGP確認ツールで確認する(こちらできちんと表示されていれば、いずれ反映されると思います!)

クロール

皆さんは、クロールをご存知でしょうか!
クロールとは、検索エンジンロボットが、Webサイトを巡回し、HTMLファイルなどの読み込みを行い、Webページを検索結果として表示させるためのデータベースに登録することです!
クロールを行うロボットのことを、クローラーと言い、クローラーはできる限りWebサイトから情報を収集します!
自分のWebアプリクロールされるとOGPが表示されるというわけですね!
しかし、このクロールをされる頻度ですが、一般的におよそ3日〜4週間が目安とされています!
これでは、すぐにOGPが表示されなくても仕方ないですね!
しかし、このクロールX(旧Twitter)上でのみにはなりますが強制することができます!

X(旧Twitter)での強制クロールの方法

強制クロールの方法はX(旧Twitter)Card validatorというツールを使います!
Card validatorにアクセスし、X(旧Twitter)アカウントログインすると以下のような画面になると思います!
スクリーンショット 2023-10-11 20.45.25(2).jpeg


Card URLWebアプリURLを入力し、Preview cardをクリックするだけです!


スクリーンショット 2023-10-11 20.50.08(2) 2.jpeg
きちんと設定できていないとこのようになります!


スクリーンショット 2023-10-11 20.49.27(2) 2.jpeg
逆に、きちんと設定できているとこのようになります!


きちんと設定できていることが確認できたらX(旧Twitter)の投稿画面にWebアプリURLを貼り付けてみましょう!
スクリーンショット 2023-10-11 21.02.23.jpeg


無事に表示されればOKです!
お疲れさまでした!

12
10
3

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
12
10

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?