Q&Aメタタグを設定してtwitterカードを表示できるようにしようと思い、
<head>タグ内に、下記のような記述をしました ```ここに言語を入力 <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@twitterID" /> <meta property="og:url" content="https://..." /> <meta property="og:title" content="アプリケーション名" /> <meta property="og:description" content="○○○" /> <meta property="og:image" content="<%= asset_url('example.png')%> " /> ```実際にindex.html.erbに書いたshareボタンの<%=request.url%>と<%= post.title%>
のところは、ボタンを押すと表示されるのですが、OGPが効いている感じがしません。
a class="post-content" href="https://twitter.com/share?url= <%=request.url%> &text=<%= post.title%> &hashtags[aaa] " rel="nofollow" target="_blank"> <i class="fab fa-twitter twitter"></i></a>
Card validatorではLogにはエラーがないのですが、
Unable to render Card preview
となってしまいます。
原因の特定の仕方など教えて頂けると幸いです。
回答2件
0
TwitterカードやOGPがうまく表示されない時は以下のサイトで確認してみてください。
https://ogp.buta3.net/
Twitterカードは、Twitter上で表示されるようになるまで少し時間が掛かることがあるようですね。
投稿2020/09/21 08:53
総合スコア12
0
自己解決
時間がたったら表示されました。
一応画像を1200×630のものに変えましたが、キャッシュの問題だったかもしれないです。
投稿2020/09/19 12:55
総合スコア66
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。