楽天アフィリエイトの商品画像をアイキャッチで使えるのか調べてみた

Cocoonには、アイキャッチの自動設定機能があります。有効化すると、アフィリエイト画像でも自動的にアイキャッチとして表示されるようになって便利なんですが、楽天アフィリエイトの画像だけは例外でした。

その理由と、対応方法を調べてみました。

楽天アフィリエイトの画像リンクはアイキャッチにならない？

商品紹介の記事に、楽天アフィリエイトの商品画像を使いたいと思うことがあります。

「画像リンクを使えばいいのでは？」と思われるでしょうが、

今回は、その画像をアイキャッチに使えないか？というのが趣旨になります。

「アイキャッチには別の画像を用意すれば？」と思うかもしれませんが、記事に合わせた画像を毎回準備するのがホトホト面倒になった時に思いついたことなので、「できたらいいのになぁ～」という軽いノリで調べ始めてしまいました。

こちらのサイトはWordPressのテーマCocoonを使用しています。Cocoonにはアイキャッチの自動設定機能があり、記事本文の最初に配置された画像がアイキャッチとして登録されるように設定できます。

実験してみると、楽天アフィリエイト以外のASP（私個人が提携している範囲）では、画像リンクのコードを貼り付けただけで、記事公開後はアイキャッチとして商品画像が登録されていました。

ところが同じように作業をしても、楽天アフィリエイトの画像だけはアイキャッチとしては認識されませんでした。

これは、ファイル形式の違いが原因ではないかと考えています。

一般的に、アフィリエイトの商品画像はJPEG形式のものが使われています。ところが楽天アフィリエイトの場合はWebP形式の画像が使われていました。

私は、このことを調べて初めてWebP（ウェッピー）というのを知ったのですが、Googleが開発している新しい画像形式でした。

もともとWordPressでは扱えない形式でしたが、プラグインを利用することで表示ができるようになっていました。WordPress5.8以降に正式対応されたため、最新のWordPressを使っていれば、プラグイン無しでも表示できるようになっています。

ただ、Webpがアイキャッチとして自動対応できる形式に設定されていないのではないかと思います。

それでは、楽天アフィリエイトの商品画像だけは諦めるしかないのか…とも思いましたが、ちょっとした手間をかけることで、それができることがわかりました。

楽天アフィリエイトの商品画像をダウンロードしてもいいの？

画像リンクがアイキャッチとして機能しないなら、楽天市場内の商品画像やスクリーンショットを使えないものかと調べてみました。

すると、楽天アフィリエイトの規約ガイドラインに次の項目がありました。

2021.07.29
【楽天市場内の画像およびスクリーンショット利用に関して】

1．楽天アフィリエイトの​​リンク作成ページ内に掲載されている画像をダウンロード​​​し、アフィリエイトリンクと一緒に掲載すること​は​OK​です。ただし、リンク先が楽天市場（または楽天市場のショップ・商品）であることがわかる様な形でご紹介ください。

楽天アフィリエイト事務局blog

規約ガイドラインに、条件付きでダウンロードOKと書いてありました。

これは嬉しい。

ただし、注意事項もあります。

これらの規約さえ守れば、画像をダウンロードして利用できるということです。

楽天市場の商品画像をCocoonでアイキャッチとして利用する方法

最初にCocoon側でアイキャッチの自動設定を有効化しておくと、普段の作業が楽になります。自動設定を無効のままで使う場合は、記事作成の都度、自分でアイキャッチとして登録すれば大丈夫です。

そのうえで、商品画像が必要になった際は楽天アフィリエイトにログインし、商品画像をダウンロードしてからサーバーにアップロードして記事に挿入します。

Cocoon：アイキャッチの自動設定を有効にする方法

1. ダッシュボード［Cocoon設定］→［画像］
2. 「アイキャッチの自動設定」→「アイキャッチの自動設定を有効にする」にチェックを入れる。
3. ［変更をまとめて保存］をクリックする。

楽天アフィリエイトの商品画像をダウンロードする方法

1. 楽天アフィリエイトにログインし、商品リンクを作成します。
2. リンクタイプを［画像のみ］に変えます。
   • サイズは［400×400］が良いでしょう。
3. 利用したい画像を選択し、プレビュー画像を右クリックして［名前を付けて画像を保存］を選択し、PCに保存します。
4. 保存した画像をWordPressにアップロードし、記事本文に挿入します。