190305pc-harinezumi01

AMPエラー!推奨サイズより大きな画像を指定せよ!…の謎に迫る!

皆さんこんにちは。

今回はサイトをAMP対応にする場合のアレコレについて書いていきますね(^_^;)

サイトを運営しているとAMP対応にしようかどうか迷うことってあると思います。

AMPってなんやねん…はいはい、私も最初はそう思いましたよ!

AMPというのは、「Accelerated Mobile Pages」の略であり、ネットで検索すると、どうやら「GoogleとTwitterで共同開発されている、モバイル端末でウェブページを高速表示するためのプロジェクト、またはそのためのフレームワーク(AMP HTML)」ということらしいです。

(出典:https://www.seohacks.net/basic/terms/amp/

うーむ、ズバリ言ってスマホ表示の事のようですねこれは…

今の時代、無視できないAMP!

いまや朝の通勤電車に乗れば、10人中8~9人くらいの確率でスマホ見ている人がいる時代なので、自分の運営しているサイトのスマホ表示というのは無視できない要素ではありますね!

ですので、私のブログにおいてもAMPなるプラグインを入れたことで対策はバッチリかと思いきや、それだけじゃぁ全然ダメだということが判明するのでした~!

ブログ運営する人はGoogleのSearch Console(一昔前のウェブマスター・ツール)って登録すると思いますが、「お前のサイトはAMPの対策がなっとらん!」とお叱りのメールをいただくことがかなりの確率であるかと思います!

私はといえば、AMPが云々される以前からやっている記事数の多いサイトについてはもちろん今さら対応できないのでAMPはあきらめました。(もっと早く言ってよ~!)

でも最近始めたサイトについてはこれからの発展も考えてバッチリ対応しようと思っています。

【画像の大きさについて!】

Google先生のAMPに関する指摘としてよくあるものとしては

「AMP推奨サイズより大きい画像を指定してください」

があるのではないでしょうか?

私はこの指摘を何回も何回もメールで受けていて、びっくりした思い出があります。

「AMP推奨サイズ」ってなんやねん…ってことで調べてみると、Googleの仕様書には…

横幅が1200ピクセル以上で画像の合計サイズは50,000ピクセル以上、それでもって縦横比(横縦比?)は、16:9とか1:1とか云々と書かれている!

「…そっかぁ、画像は横幅が1200ピクセル以上でなきゃいかんのか!」

と、AMPの指摘を受けたサイトを検証してみたのですが、画像の横幅は全て1200ピクセル以上に設定しているのでした…アレ???

縦横比率は…うーむ…これは16:9っぽいものが多いですがきっちり16:9とは言えない感じです。クリエイティブ・コモンズの画像だと、あまり縦横比は一定ではないですよね。しかし使わせてもらう以上は文句は言えませんが…(^_^;)

それでも画像を大きいものにしてみたり、無理矢理16:9の枠にカットしてもみましたが…やっぱり「AMP推奨サイズより大きい画像を指定してください」の指摘は消えないのでした~!

あるいは投稿ページの全ての画像についてその規定が当てはまるのかもしれないと思い、画像をすべて横幅1200ピクセル以上にしてみたものの、やっぱり結果は同じだったのでした!

解決方法は意外に簡単だった!?

「…うーむ…なんでやねん…私が何をしたっちゅうねん…」

…でも、

AMPは不可解なことが多すぎる…と、ここであきらめてしまう必要はないことがやがて判明するのでした!

皆さんは自分の投稿ページにアイキャッチ画像を設定することがあると思います。たいていはその投稿のトップ画像にしたりしますよね。テーマによっては自動的にそうなることもあると思います。

私はブログの画像には前述のクリエイティブ・コモンズの著作権フリー画像をのっけることが多いのですが、よくよく利用条件を呼んでみると、画像を使うのは自由だけど著作権等の表示(つまり作者の名前とリンク)はするのがルールですよ、とあります。(場合によってはさらに他のルールもありますけど。。)

ブログ記事の中なら著作権表示なんていくらでもできるじゃないですか…でもアイキャッチ画像となると、なかなかできないですよね!

画像の中(左下)に著者とリンクを埋め込んだ画像を自動的に作成してくれるサイト(ブログの写真屋さん)も知っていますが、「改変不可」の画像を使う場合は、規約に引っかかる可能性が考えられます。

となると、自作のアイキャッチ画像を使うしかないかな~…というのが私の結論でした。

自作のアイキャッチ画像が怪しい!

で、早急にExcelとかで色やフォントを適当に選んでロゴを作ったのですが、これについても横幅1200ピクセル以上でないと、GoogleのAMP対応でないと怒られてしまうことが判明するのでした~

…まさかそこまで見られているとは思いもしませんでした…(^_^;)

なので、「AMP」的に見て画像のサイズがちょっとダメだよ!とGoogle先生に怒られたとしても、投稿記事のトップ画像が1200ピクセル以上であるなら、次に疑うべきはアイキャッチ画像だったりもします…という話でした~!

横幅1200ピクセル以上のアイキャッチ画像なんて、自作する場合にはそんなに思いつかないと思います。

でもこれで推奨サイズより大きな画像を…のエラーは無事解決することになりました!

ですので、情報共有しておきますね…(^_^;)

長々とお読みいただきありがとうございました。