media:thumbnailでMedia RSSにサムネイル画像を表示させる方法

  1. ホーム
  2. RSS
media:thumbnailでMedia RSSにサムネイル画像を表示させる方法

media:thumbnailでMedia RSSにサムネイル画像を表示させる方法を解説します。ちなみにmedia:thumbnailとはメタデータがサムネイルを意味するmediaタグ、のことです。

Media RSSとは?

RSS 2.0でもenclosure要素を使うことでメディアファイルを記述することはできました。しかしこれはメディアファイルの情報を詳しく提示することができません。そこでYahoo!によって開発されたのがMedia RSSです。

<rss xmlns:media="http://search.yahoo.com/mrss/" version="2.0">

ちなみにMedia RSSを書くときはxml宣言は不要ですが、rss要素の開始タグを上記のものに置き換える必要があります。

media要素の書き方

media要素でMedia RSSにサムネイル画像を指定するには、item要素内に次のように書きます。

<media:thumbnail url="http://xxx.com/y.jpg" width="160" height="120" />

サムネイル画像を表示させたいだけなら、たったこれだけの内容で結構です。詳しいどころかむしろenclosure要素よりも簡単になっていますね。ちなみにmedia要素は空要素ではないので閉じタグ(終了タグ)を書き忘れることのないよう注意してください。

リンクは出るけど画像が表示されない、そんな時は・・・

RSSリーダーによってはハイパーリンクが表示されるだけで、画像が表示されません。そういう場合はimgタグを直接埋め込むという方法があります。この場合は特殊文字をエスケープする必要があります。

Twitter Facebook LINE はてブ