カエレバ でエラーが出ることがありますが、この方法で解消できました。
面倒なampエラーの対策の参考にしてください。
目次
カエレバでエラーが出る理由
ampでは画像のサイズを指定しておかなくてはいけません。
例えば
width=”128″ height=”128″
ってやつです。
この記述がないとエラーになります。
ampのテストはこちらのサイトで
忘れていましたが、ampのテストは下記サイトで行いましょう。googleオフィシャルです。
【Google AMP テスト】
エラーメッセージの例
先ほどの画像サイズを指定していなかった場合、エラーメッセージは
「必須属性「height」がタグ「amp-img」にありません。」
と出てきます。
では対策しましょう
カエレバのコードの中からimgタグを探せ！
まず、カエレバのコードの中からimgタグを探しましょう。
<img src=”https://・・・・・.jpg?_ex=128×128″
というやつです。
この最後の
ex=128×128″
はサイズが128×128ということを意味していますので、この後ろに
width=”128″ height=”128″
を追加しましょう。
こんな感じです。
<img src=”https://・・・・・.jpg?_ex=128×128″ width=”128″ height=”128″
カエレバの画像が歪んでたら修正しましょう
カエレバの画像が歪んでいたら修正しましょう。
width=”128″ height=”128″
を指定したら、縦長になることがあります。その場合は height=”128″ を
height=”64″
など、半分ぐらいにしてみましょう。いいサイズになるまで繰り返すと良いでしょう。
ampテストで確認してみる
これでもう一度、google amp テストで確認してみましょう。
「有効な AMP ページです！」
やったね！