Step5:AMPファイルに画像ファイルを挿入する方法|Excelソフト

AMP(アンプ)ファイルで画像ファイルを使用するには、これまで通りではダメなようなのでテストします。

HTMLの基本はこのようになるようです。

<amp-img src="***" width="***" height="***" layout="responsive" alt="***">

borderはエラーになり、使用できませんでした。

AMP変換ソフト作成 メニューへ

スポンサーリンク





作成したAMPファイルをGoogleに登録した結果

下の画像を挿入します。
挿入する画像

現在当方のサイトでは、PCとモバイルを兼用にしているため画像ファイルは下のようにCSSで設定した100%のサイズに設定しています。

AMPファイルのStyleに追加し、これまで通りでテストした結果「同等のAMPタグがあるHTMLタグの使用禁止 タグ「img」はタグ「noscript」の子孫としてのみ使用できます。「amp-img」ではありませんか?」と表示されNGになりました。
AMPファイルのStyleに追加し、これまで通りでテストした結果

imgをamp-imgに変更し、widthとheightを追加しました。

結果「AMPタグの無効な用法 属性「border」はタグ「amp-img」で使用できません。」と表示されNGになりました。
これによりborderは使用できないことが分かりました。
imgをamp-imgに変更し、widthとheightを追加

borderを削除し、layout="responsive"とalt を追加しました。

borderを削除し、layout="responsive"とalt を追加

テスト結果は下のようにOKになりました。
テスト結果はOK

以上からAMPに変換するには、amp-imgに変更とwidth ・ height ・ layoutの追加、boraderの削除が必要なことが分かりました。

スポンサーリンク






AMP変換ソフト作成 メニューへ

■■■
このサイトの内容を利用して発生した、いかなる問題にも一切責任は負いませんのでご了承下さい
■■■
当ホームページに掲載されているあらゆる内容の無許可転載・転用を禁止します


Copyright (c) Excel-Excel ! All rights reserved