Q&A
質問に記載されている内容では、情報が少ないので判断は難しいと思います。
最低限、どのような内容が出力されているかが必要です。
WordPress のサイトを Web ブラウザで表示して、HTML を確認すると twitterカードのmeta が出力されていると思いますが、どのように出力されているのでしょうか。
前提
ご覧いただき、ありがとうございます。
現在、webサイトをワードプレスで制作しており、トップページのtwitterカード表示をさせたいと考え、プラグインのSEO SIMPLE PACKで設定をしたところ、添付画像のように表示されません。
実現したいこと
twitterカードを表示できるようにしたいと考えております。
ご存じの方いましたら、ぜひ教えていただけると幸いです。
発生している問題・エラーメッセージ
Card validator で確認をしたところ以下のログが出力されました。エラー等はでておらず、うまくいっていると思っているのですが...
INFO: Page fetched successfully INFO: 17 metatags were found INFO: twitter:card = summary_large_image tag found INFO: Card loaded successfully
htmlに出力されているmetaタグです▼▼▼
html
1<meta property="og:locale" content="ja_JP"> 2<meta property="og:type" content="website"> 3<meta property="og:image" content="https://******.com/wp-content/uploads/2023/01/Image2.jpg"> 4<meta property="og:title" content="*******"> 5<meta property="og:description" content="*******"> 6<meta property="og:url" content="https://******.com/"> 7<meta property="og:site_name" content="*******"> 8<meta name="twitter:card" content="summary_large_image"> 9<meta name="twitter:site" content="*******">
試したこと
・反映まで時間がかかるとのことでしたので、１日空けて確認しました
・検証ツールでtwitter用のmetaタグが生成されていることは確認済
・こちらのサイトを参考に設定しました
・twitterの設定で、プライバシーとセキュリティ＞ツイートで、「ツイートするメディアをセンシティブな内容を含むものとして設定する」にチェックを外しました
・twitterの設定で、設定とプライバシー＞アクセシビリティ、表示、言語＞データ利用の設定＞ストレージ はすべて削除しております
・画像はワードプレスのメディアに格納されているものを設定しております
・画像サイズは1280 x 853 ピクセルで50KB
・他のサイトはカード表示される
補足情報（FW/ツールのバージョンなど）
こちらのサイトの『追記 Card Validatorが更新されない問題』では一週間ほどキャッシュが残るの記載があります。期間をあけたほうがよいのでしょうか....
以下に画像を添付しておきます。ご確認お願いします。
ご指摘ありがとうございます。ソースコードを追加いたしました。
OGP設定の「基本設定」のタブの画像を追加してもらえますか。
てか、これが、プログラミングとどう関係あるのでしょうか？
回答1件
0
私もこの前同じところでハマりました。Twitter card validatorのプレビュー機能が削除されたそうです。そのため他の手段でデバッグする必要があります。実際にツイート画面にURLを貼り付けて確認するのが早いと思います。キャッシュについては、URLに一意なパラメータ（?hoge=hogeなど）を付与することで回避可能のようです
https://gihyo.jp/article/2022/08/twitter-card-validator-preview-removal
投稿2023/01/24 08:32
総合スコア181
あなたの回答
tips
プレビュー
