bootcamp
bootcamp copied to clipboard
Twitterに投稿しても画像が出ない
https://bootcamp.fjord.jp/ をツイートに含めても画像が出ないです。
https://twitter.com/jnchito/status/1557137447041253376
https://cards-dev.twitter.com/validator で検証するとエラーが出てるのでこれが原因?

@machida すみませんが、おそらくtwitter card validatorが動かないと思います。
エラーがなくてもプレビューが表示されないです。
参考: https://twittercommunity.com/t/card-validator-preview-removal/175006
しかし、twitter本番で試してもいいですのでこのプレビューはいかがでしょうか?
og:title、twitter:title、twitter:text:titleの価値は何がいいのでしょうか?
私は全て「FJORD BOOT CAMP(フィヨルドブートキャンプ)」を設定しましたが、不安なので確認していただきたいです。
@lanactindi コードを見ながらやり取りができるように、 https://github.com/fjordllc/bootcamp/pull/5434 PRのコメントでやり取りをさせていただきますー
@machida すみませんが、水曜日に相談したog:titleの値は何の件ですが、なかなか元のog:titleの値を見つけないので @JunichiIto さんに聞いても大丈夫でしょうか? それとも、このままでリリースするのでしょうか? https://twitter.com/LHongLn1/status/1563860067354820608?ref_src=twsrc%5Etfw%7Ctwcamp%5Etweetembed%7Ctwterm%5E1563860067354820608%7Ctwgr%5E36f94a793a181ba30000f3b57a81dcfd83d6ab32%7Ctwcon%5Es1_c10&ref_url=https%3A%2F%2Fpublish.twitter.com%2F%3Fquery%3Dhttps3A2F2Ftwitter.com2FLHongLn12Fstatus2F1563860067354820608widget%3DTweet ご確認よろしくお願いいたします。
@lanactindi viewファイルにそれぞれ titleの値が設定されていて、それがない場合はデフォルトの値が表示されるようになっています。このデフォルトを表示する機能が動いていないため、Twitterカードが表示されない場合があるのだと思います。機能については @komagata さんに質問をお願いします。
@lanactindi meta-tagsのコードも参考にして調べてみてください〜
@machida 町田さん、おそらく元々:titleの値はページのタイトルだと思います。 なぜなら、https://og.nullnull.dev/ このChrome拡張を使って、URLをコピーしてTwitter本番で試したらこういうなhttps://twitter.com/LHongLn1/status/1573426647243829248 tweetが表示されました。 例えば、ブートキャンプの日報ページだとしたら、:titleの値は「日報」です。 ダッシュボードページの場合、もちろん:titleの値は「ダッシュボード」ですね。 なぜこのChrome拡張を使ったらそんな値が表示されるのかちょっとよくわからないが、元々はそういうな値が設定されたですか?ご確認お願いします。
@lanactindi
おそらく元々:titleの値はページのタイトルだと思います。
この動作をmeta-tagsの実装(ソースコード)を調べて確かめてください。勘ではなく、実装をしっかり調べて動作がどうなっているか調査をお願いします。
