アメブロのサムネイルが表示されないのはなぜ?

先日アメブロのサムネイル画像が全部同じ画像になっているので、記事の一番上の画像が表示されるようにしてほしい、というご相談がありました。

アメブロのサムネイル画像表示の一般的なルールがあるので、その通りなっていないのはなぜかなと、調べていたら、あることが発覚しました。

サムネイル画像って何?

記事一覧などでタイトルと一緒に表示されている画像のことを「サムネイル画像」といいます。

このサイトのトップページで言えば、この赤枠の部分です。

サムネイル画像

アメブロの投稿記事の下にも関連記事が表示されますが、この画像もそう。

アメブロの関連記事

記事の画像だけでなく、商品一覧やアメブロのテンプレート一覧に表示されている画像もサムネイル画像と呼びます。

アメブロのサムネイル画像の表示ルール

アメブロのサムネイル表示の最優先は、投稿記事内で一番初めに使用した画像です。

ですが、記事内の画像ではなく、動画の画面だったり、プロフィール画像だったり、Amebaのロゴだったりすることがあります。

Facebookにシェアした時に、思わぬ画像が表示されてびっくりすることがあるかと思いますが、それもAmebaのルールのせいだったりします。(Facebook側の都合の場合もあります)

あまりないとは思いますが、記事内の画像が小さくて、プロフィール画像の横幅が300px以上ある場合、サムネイルがプロフィール画像になるということもあるようです。

また、投稿記事に画像がない場合、フリースペースの一番上の画像がサムネイルになるとか、動画と画像を埋め込んでいる場合、動画よりも画像が上にあっても、動画が優先されるなど、諸々ルールがあるのですね。

投稿記事に画像は貼らないけれど、サムネイルにいつも同じ画像を表示させたいということなら、フリースペースに表示させたい画像を入れておけばいいわけです。

投稿記事に画像があるのにサムネイルが表示されない

今回のご相談は、投稿記事にプロフィール画像よりも大きな画像が入っている、動画は埋め込んでいない(リンクのみ)、なのにサムネイルが全部同じバナー画像になる、とのことでした。

そのバナーは記事の下のほうと、サイドのフリースペースに入れていましたが、画像のサイズを小さくしても改善されず、いったいどうなってんの?という感じでした。

そこでHTMLタグを一度見てみようと、HTML表示にして見てみたんです。

そしたら・・・

忘れてはいけない、アメブロ画像のもう一つのルール

記事内に使われている画像のタグを見ると、本来下記の「ameba.jp」というように、アメーバの画像フォルダのリンクになっているべきものが、どこかよそのURLになっていたんです。

Amebaの画像置き場

アメブロの画像フォルダをのぞいてみたら、確かに記事内に使われている画像が一切入っていませんでした。

たぶん、メルマガからコピペして貼り付けて投稿しているということなのでしょう。
リザストのメルマガは、簡単に投稿に画像を埋め込むことができますから、ブログ投稿にそのまま使えるなと思うのも無理はないと思います。

ようやく原因がわかりました。
私もこのルールを忘れていたので、始めの段階で思いつかなかったのです。
(というか、数年前は、外部サイトの画像は表示されなかったんじゃないかな!?)

忘れてはいけないもう一つのルール
Amebaの画像フォルダにアップしていない画像はサムネイル表示されない、ということです。

外部サイトからコピーして投稿したい場合

今回のように、メルマガや外部のツールからコンテンツをコピペしてアメブロに投稿したい場合、記事を貼り付けた後に、画像を一つ一つ貼り直しましょう。

元の画像の場所がどこかわからなくなってしまっている場合は、アメブロにコピペした状態で、右クリックしてパソコンのどこかに一旦保存します。

そして、通常アメブロで画像をアップする手順でその画像をアップし、記事の画像を削除して差し替えます。

ちょっと面倒ですが、そうすることで、サムネイル表示の問題は解決するかと思います。

参考になれば幸いです。

 

メルマガからコピーして投稿するのも、月額保守サービスで対応できます。
サービス内容はカスタムメイド可能ですので、まずはご相談ください。

 

 

お問い合せ

サービス一覧

 

岸田みづなのレターポット

mizuna

ネット集客、プロダクトローンチ、コミュニティー構築、ウェビナーなど各種ビジネス塾にて学ぶ。見せ方の相談ができる『小規模事業者のためのIT裏方さん』として活動...

プロフィール

おすすめ記事