Step4：AMPファイルはCSSがダメなのでSTYLEを挿入する｜Excelソフト

AMP（アンプ）ファイルはこれまでの外部CSSファイルが使用禁止のようなので、インラインで入力します。

STYLEの容量は50KBまでで、<style amp-custom>～</style>に記述します。

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

1ページだけですが前回作成したAMPファイルをGoogleに登録しました。
登録日時は11月17日18時27分です、しかしながら11月24日20時時点で反映されていません。

Serch Consoleの［Accelerated Mobile Pages］でも、「ページをモバイルユーザーにもっと見てもらえるようにするには、Accelerated Mobile Pages（AMP）の該当する問題を修正してください。サイトに Accelerated Mobile Pages は見つかりませんでした　Accelerated Mobile Pages（AMP）は、低速なネットワークでもモバイル端末でページをすばやく読み込んで美しく表示するオープンソースイニシアティブです。」と表示され認識されていませんでした。

※ Serch Consoleの［Accelerated Mobile Pages］は［検索での見え方］内の最下メニューにあります。

1ページだけなのがダメなのか、まだまだ時間がかかるのか分かりませんが先に進むことにします。

styleの挿入

<head>内に下記のstyleを挿入しました。

<style amp-custom>
h1{
font-size: 130%;
line-height:120%;
}
h2{
font-size: 110%;
line-height:120%;
text-align: left;
}
hr{
height:3px;
color:#131924;
}
</style>

テスト結果は下のようにOKでした。
styleの挿入のテスト結果

挿入したstyleは約200Byteなので、50KByteの制限は今回のテストような普通のHTMLファイルにはまったく問題がありませんでした。

Homeに戻る > AMP変換ソフト作成メニューへ

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