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

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

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

HTMLファイルをAMP形式に変換するソフト作成 メニューへ

スポンサーリンク





作成した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ファイルにはまったく問題がありませんでした。

スポンサーリンク






HTMLファイルをAMP形式に変換するソフト作成 メニューへ

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


Copyright (c) Excel-Excel ! All rights reserved