使用不可これら以外に、使用が制限されてしまうタグもあります。amp-custom>」のように指定する必要があります。rel=”<許可された文字列>”>」といったスタイルでのみ利用可能です。「rel=”sylesheet”」といった形でのスタイルシート読み込みは後述のカスタムフォント利用的のもの以外は禁止になります。他にも制限がかかるものがあるため、Googleサイトでの確認をおすすめします。AMPの有効性を確認する作成したAMPページが、Google検索で有効なページか否かを確認するために、AMPテストツールを活用します。1)AMPテストツールのページにアクセスして、作成したAMPページのURLを入力したら、「URLをテスト」ボタンをクリックします。2)「有効なAMPページです」と表示されれば、Google検索結果でAMPページが採用される対象となるので、結果的にAMPを導入したことになります。Pages機能」などでも有効性の確認をおすすめします。wordpressで導入する場合wordpressの場合、AMPの導入はもっと簡単です。プラグインを導入することで、HTMLタグやCSSタグでAMP非対応のものをエラー表示をしてくれます。未使用のCSSタグを削除してAMPの50KB制限以下に整えます。制限が超えてしまう場合は、重要度の高いテーマスタイルシートは保持され、重要度の低いものを除外するように優先順位をつけてくれます。AMPプラグインに対応しているテーマは限られていますので、設計の段階でAMP対応を念頭に構築することをおすすめします。まとめいかがでしたでしょうか?AMPはとても便利な機能ですが、使いこなすにはある程度の知識が必要になります。発展途上のプロジェクトとフレームワークのため、使用できないタグや制限のかかっているタグも多く、それらのタグの代替えとなるものを考えながら構築が必要になります。これから新たにサイトを作られる方は、これらのタグを意識したサイト設計を行えば良いのですが、すでに運用しているサイトの場合は、AMP対応ページを別で作ることも一つの方法でしょう。既存サイトの中から使用できないタグを探し、削除し、代替え対策を行うのは、至難な作業になりがちだからです。これからますますモバイルフレンドリーを重視した環境になりますので、今後AMPを意識したページ作りを行うことは大切なことです。当記事を読まれることで、AMP対応への足掛かりになり、快適なサイトが作られることを祈っております。LINEtech_contributorをフォローするtech_contributor株式会社ブレアパッチ関連記事WEBサイト制作プロのweb制作者が解説!MFIは必要?基礎知識から導入方法までこのページでは、MFI(モバイル・ファースト・インデックス)について詳しく解説しています。MFIの基礎知識はもちろん、その必要性や導入方法まで紹介しているので、気になる方はぜひ参考にしてください!WEBサイト制作WEBマスター直伝!ネットショップが成功するECサイトの作り方~運営方法まで!このページでは、ECサイトの作り方から運営方法まで詳しく解説しています。実際に成功しているECサイトの事例を挙げながら、ネットショップのメリット・デメリットを紹介しているので、ぜひ参考にしてください!WEBサイト制作WEB業界のプロが解説!ポータルサイトの基礎知識から導入方法・費用まで「ポータルサイトって何?」「ポータルサイトはどうやって作るの?」など、ポータルサイトの基本的な情報をご紹介しています。ユーザーとしてポータルサイトに疑問を持つ方、サイト運営者としてポータルサイトの運営をお考えの方、どちらの疑問にもお答えします。知っていると差がつく!オウンドメディアの全てと運営必勝法このページでは、オウンドメディアについて詳しく解説しています。まで全て解説このページでは、会員サイトの作成方法について詳しく解説しています。【CMS徹底比較】WEBデザイナーが教えるおすすめCMSはこちらCMSを使ってWEBサイトを作成したいと思っている方必見!当ページでは数あるCMSからおすすめをピックアップし、様々な観点から比較しています。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。知っていると差がつく!オウンドメディアの全てと運営必勝法WEBマスター直伝!ネットショップが成功するECサイトの作り方~運営方法まで!カテゴリーWEBサイト制作WordPressアプリ開発システム。