副業

簡単!ツイッターでアマゾン商品のリンク画像を表示させる方法

ツイッターでアマゾン商品をリンク付きで紹介(アフィリエイト)する場合、「リンク画像が表示されない」と困った経験はありませんか?

実はアマゾン商品のリンク画像は、毎回表示されるとは限りません。

だけど私はアマゾン商品をツイート時、必ずアマゾン商品のリンク画像とともにツイートしています。

どうして必ずリンク画像付きでツイートできるか知りたいと思いませんか?

この記事を読むと、簡単にツイッターカードの表示をさせることができるようになります。

現在困っている人だけでなく、これからツイッターでアマゾンアソシエイトをやりたい人の参考にもなるようにまとめました。

アマゾン商品のツイッターカードの表示成功例と失敗例

ツイッターでアマゾンアソシエイトのリンクカード表示成功例ツイッターでアマゾンアソシエイトを行う場合、ツイートに専用urlを張り付けると出るリンク画像を「ツイッターカード」といいます。

ツイッターカードとは…投稿したurlに含まれている情報(タイトルやサムネイル画像、紹介文など)を表示させるツイッターの機能

文章で説明してもわかりにくいので、ツイッターカードがある場合とない場合をツイッターの引用で紹介します。

ツイッターカード表示成功例

アマゾンの商品画像が表示されるので何についてツイートしているか一目瞭然。

この商品画像はリンクにもなっているので、タップするとアマゾンの商品詳細ページへ飛ぶことができます。

ツイッターカード表示失敗例

ツイッターカードの表示を失敗した例ではurlのみが表示され、何についてツイートしているのかはパッと見た感じわかりません。

文字だけだとわかりにくく、タイムラインでもフォロワーの目に留まりにくいです。

ツイッターでアマゾンアソシエイトを行う場合、ツイートには商品名や、アマゾンの商品を紹介しているということがわかる文言を入れないといけません。
「これ面白い!」や「おすすめだよ!」という表現はNG。

パソコンでアマゾン商品紹介をする場合のツイート画面ちなみにパソコンのツイート投稿画面では、アプリのようにプレビュー画像は表示されません。

まーこ
まーこ
画像付きできちんとツイートできるかはやってみないとわからない

アマゾンアソシエイトのリンク取得方法

パソコンをする女性の手元商品リンクの取得方法は以下の2通り。

  1. アマゾンアソシエイトからリンクを取得する
  2. アマゾンアソシエイトツールバーからリンクを取得する

スマホ(ブラウザ)とパソコン、それぞれで取得可能です。

アマゾンアソシエイトからリンクを取得する方法

アマゾンアソシエイトでの商品検索の方法アマゾンアソシエイトにログインして、上部の紺色のバーの左「商品リンク」のプルダウンで「商品リンク」を選択します。

アマゾンアソシエイトの商品検索画面商品検索画面が出てくるので、検索キーワードにキーワードを打ち込むか、ASINコードを打ち込んで商品を検索します。

ASIN(エイシン)コードとは…アマゾンが決めている商品識別用の10桁のコード番号で、各商品ページに記載されています。
まーこ
まーこ
キーワードだとたくさんの検索結果が出ますが、ASINコードで検索すると該当商品1つしか表示されやすいので時短になるよ

アマゾンアソシエイトの商品検索一覧画面検索一覧からツイートしたい商品の右端にある、リンク作成の右の▼を押すとurl取得画面が表示されます。

アマゾンアソシエイトの商品通常url表示されるリンクは通常リンクです。

短縮urlはこちら」を押して短縮urlを取得しましょう。

アマゾンアソシエイトの商品短縮urlツイッターは140字しか投稿できないため、画像のように通常のurlを取得すると長くなりすぎてツイートできない場合があります。

ツイートできてもurlに文字数を取られるので、短縮urlを使うようにしましょう。

アマゾンアソシエイトツールバーからリンクを取得する方法

アマゾンホームページの上部に表示されるアマゾンツールバーアマゾンアソシエイトツールバーからリンクを取得するほうが、アマゾンアソシエイトからリンクを取得するより簡単です。

アマゾンアソシエイトにログインしている状態でAmazon.co.jpを開くと、画面上部に「アマゾンアソシエイトツールバー」が表示されます。

アマゾンアソシエイトツールバーを使ったリンク取得方法紹介したい商品ページを開いたら、アマゾンアソシエイトツールバーの「テキスト」をタップします。

アマゾンアソシエイトツールバーからの短縮urlの取得方法あとは短縮URLをタップするだけで短縮urlが生成されるので、ツイート作成画面に張り付けて完了です。

まーこ
まーこ
短縮urlは取得するごとに変わるよ

アマゾンアソシエイトツールバーが見当たらない場合

アマゾンアソシエイトのツールバーの表示の仕方アマゾンアソシエイトツールバーが見当たらない場合は、設定でツールバー表示をオンにする必要があります。

アマゾンアソシエイトにログインしたら、ツールのプルダウンからアソシエイト・ツールバーを選択します。

アマゾンアソシエイトのツールバーの表示の仕方アソシエイト・ツールバーの設定はこちらという表示があるのでタップします。

アマゾンアソシエイトのツールバーの表示の仕方表示設定のツールバー表示をオンにすればOKです。

ツイッターでリンクカードの表示が失敗するときは入力画面でわかる

ツイッターでアマゾンアソシエイトのリンクカード表示成功例ツイッター投稿画面で短縮urlを張り付けると、リンクカード生成が成功したときは画像が表示されます。

ツイッター投稿画面に張り付けたアマゾンアソシエイトの短縮url一方失敗したときは画像が表示されないのですぐにわかります。

まーこ
まーこ
実は失敗しても、再度新規投稿画面で貼り付けを繰り返すと成功することがあります。

でもそんな面倒くさいことできない!という人のために、ほかに便利な方法があるので紹介しますね!

アマゾンの商品リンクをツイッターカードとして表示させる方法

ここで紹介するのは「Card validator」(カードバリデーター)というツイッターのツールです。

まーこ
まーこ
スマホからでもパソコンからでも使えるよ

Card validatorを使うと、ツイッター投稿時にどんなふうに表示されるか事前に確認が可能です。

Card validatorの使い方

Card validatorの利用画面さっそく使い方を紹介します。

Card validatorにアクセスしたら上の画像の画面が表示されます。

Card URLにアマゾンアソシエイトで取得した短縮urlをコピペし、Preview cardをタップすると…

Card validatorでアマゾンアソシエイトのツイッターカード生成が成功した場合

ツイッターカードの生成が成功した場合、右側に「ツイートしたときに表示される画像」が表示されます。

下部には以下のLogが表示されます。

INFO: Page fetched successfully
INFO: 14 metatags were found
INFO: twitter:card = summary_large_image tag found
INFO: Card loaded successfully
WARN: this card is redirected to アマゾンの商品リンク

メタタグが見つかり、ツイッターカードのデータ読み込みに成功した旨が記載されています。

3行目はツイッターカードの種類が表示されています。

なお5行目のWARNは、一発でツイッターカード生成に成功しても表示されるので心配無用。

Card validatorでアマゾンアソシエイトのツイッターカード生成が失敗した場合しかしツイッターカードの生成が失敗した場合は「Unable to render Card Preview」(カードのプレビューが表示できません)と表示され、画像は表示されません。

下部には以下のLogが表示されます。

INFO: Page fetched successfully
WARN: No metatags found
WARN:アマゾンの商品リンク

メタタグが見つからなかったという旨の記載です。

失敗した場合はPreview cardをもう一度押して、ツイッターカード生成します。

これを成功するまで繰り返します。

ツイート画面に短縮urlを張り付けては削除、を繰り返すよりは効率がいいですが、何度目でツイッターカードの生成が成功するかは運次第。

まーこ
まーこ
私は最長32回目で成功した経験があります

アマゾン商品のツイッターカード生成失敗は何がだめなの?

箱から出てきたはてなマーク先ほどのツイッターカード生成時のLogを見てみると、メタタグが見つかるか見つからないかでツイッターカードが表示されるか否か決まりそうなので少し調べてみました。

短縮urlでツイッターカードを表示するからだめということはないのですが、通常urlでツイッターカードを生成したほうが成功率は高かったです。

まーこ
まーこ
でも文字数オーバーでツイートできなかったら意味ないもんねぇ

アマゾンアソシエイト・プログラムに問い合わせてみた

決まったことをするとツイッターカードが表示される…というわけではないので、ひとまずアマゾンアソシエイトに問い合わせてみました。

返信の内容は次の通りでした。

  • アマゾン側は商品のurlを発行するのみ
  • ツイッター投稿時にカードを表示する機能はツイッターの仕様
  • したがってアマゾン側では対応できかねます
まーこ
まーこ
よく考えたらそうだよね

ツイッターのヘルプセンターにも問い合わせてみた

というわけでツイッターのヘルプセンターにも問い合わせてみましたよ!

問い合わせ時に、「個別返信はしない場合もある」とのことだったので返信がもらえるかどうかはわかりませんが、返信あり次第追記しますね。

番外編:ツイッターカードを使わずにアマゾン商品を紹介する方法


アマゾン商品をツイッターで紹介する場合、画像があったほうがいいに越したことはありません。

でもツッターカードが表示されるまで頑張るのもな…という人は、あえてツイッターカードを使わずに、短縮urlに自分で撮影したアマゾンの商品画像を添えて投稿してもOKです。

まーこ
まーこ
このほうがリアリティがあるよね

ちなみに、このiPadケースとても良いです。

何がいいってキーボードがついているところと色です。

(キーボードは7色に光るよ)

素材の記載がないですが、スムース素材ですべすべ。

まーこ
まーこ
若干重いのはキーボードがついているから仕方ない

アマゾン商品のツイッターカード表示は簡単なので利用すべき

ツイッターでアマゾン商品を紹介する場合、画像がないよりあるほうが成約クリック率が高まります。

Card validatorをブックマークしておけばツイッター投稿前に簡単にツイッターカード確認することができるので、利用して損はないです。

魅力的な発信をするためにぜひ利用してみてくださいね!

COMMENT

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA