簡単!WordPressのサイトを一瞬でAMP対応する方法

以前、当サイトでAMP(Accelerated Mobile Pages)について概要とマークアップの方法などをご紹介しました。今回は、WordPressで運用しているサイトについて、簡単にAMPに対応する方法に焦点を当て、実例を交えてご紹介していきます。 以前の記事 Googleが推奨するAMPとは?-特徴から対応方法まで基礎解説 検証!AMPに沿ったマークアップとエラーチェックの方法をご紹介! この記事の目次 WordPressのサイトをAMP対応するには? AMPプラグインの適用 AMPペ […]

続きを読む

  • LINEで送る

AMPとは~対応HTMLを作ってみてわかったこと~

AMPとはAccelerated Mobile Pages の略で、GoogleやTwitterなどが共同で参加しているAMPプロジェクトが構築した仕組み、もしくはそのためのHTML規格のことです。 AMPはその名のとおりモバイルユーザーのユーザー体験向上を目的として、WEBページの表示速度高速化が図られています。(ですのでAMP HTMLは基本的にモバイル端末で閲覧することが想定されています) Google検索ではすでに2016年2月24日からAMPで作成されたページが検索結果画面に表示されて […]

続きを読む

  • LINEで送る

検証!AMPに沿ったマークアップとエラーチェックの方法をご紹介!

今回は、以前ご紹介した「AMP」の仕様に沿ったマークアップの一部と、正しくマークアップできているかどうかのチェック方法をご紹介します。 (前回の記事) Googleが推奨するAMPとは?-特徴から対応方法まで基礎解説 この記事の目次 従来のHTMLをAMPに沿って書き直す 記載必須の項目 主要なAMPタグ CSSはインラインで AMPで書いたHTMLのチェック まとめ 従来のHTMLをAMPに沿って書き直す 記載必須の項目 次の表の1~8はAMPで必須とされている項目となります。その下が表の項目 […]

続きを読む

  • LINEで送る

Googleが推奨するAMPとは?-特徴から対応方法まで基礎解説

今回はモバイル高速化でおなじみの「AMP」の概要を初心者の方向けに簡単にまとめてみようと思います。 まず、AMPについて知らない方のためにAMPとはどんなものかをご説明します。

続きを読む

  • LINEで送る

更新をチェック

最新の記事

カテゴリー

月別アーカイブ

特集