X(旧Twitter)でYoutubeMusicのOGPが出ない時の対策
X(旧Twitter)でYoutubeMusicのURLを貼った際に、OGPが出てこなくて不思議に思ったので調べてみました。
YoutubeMusicだけ出てこない・・・
本来であればURLを貼るとOGPが出てきます。
ですが、YoutubeMusicはなぜか出てきません。
Card Validatorで見てみる
X(旧Twitter)には古くからOGPが正常に設定されているか、チェックするツールがあります。
それがCard validatorです。
Xになる前から存在していましたが、今はプレビューは表示されません。
ただLogを見ることが可能なので見てみましょう。
まずは表示されていたnoteのリンク
エラーもなく、「Card loaded successfully」と出ていて問題なさそうですね。
次にYoutubeの動画リンクを試してみましょう。
リダイレクトの警告は出ているものの、「Card loaded successfully」と出ていて問題なさそうですね。
さて、ここでYoutubeMusicのリンクを試してみましょう。
おや？沢山エラーがでていますね。。。
INFO: twitter:card = player tag found
ERROR: Possibly invalid value (if specified) (twitter:player)
ERROR: Possibly invalid value (if specified) (twitter:text:player_width)
ERROR: Possibly invalid value (if specified) (twitter:secureurl:player_url)
ERROR: Possibly invalid value (if specified) (twitter:player:width)
ERROR: Possibly invalid value (if specified) (twitter:text:player_height)
ERROR: Possibly invalid value (if specified) (twitter:player:height)
原因
おそらくtwitter:card = playerにも関わらず、Xの仕様上必要なtwitter:playerなどが実装されていないことが原因みたいですね。
解決
解決方法はとても簡単で、YoutubeMusicの共有リンクのmusic.youtube.comをyoutube.comに変えればOKです。
たとえば共有リンクがhttps://music.youtube.com/watch?v=Vm_3c07nCPI&si=PSiyYmlnK1_jXjOPであればhttps://youtube.com/watch?v=Vm_3c07nCPI&si=PSiyYmlnK1_jXjOPになります。
この様にXのプレビューでも表示され、Card Validatorでもエラーは出てきません。
ただし、遷移先はYoutubeMusicではなくYoutubeになります。
どっちでも再生はできるので問題はないと思います。
Discussion