AMP HTML

WordPressテーマのSimplicityにローディング画面とAMPの遷移を促す要素を表示してみた

以前、WordPressテーマの「Simplicity」に「AMP」ページへの遷移を促す要素を表示する方法をご紹介いたしました。次はもっと自然に「AMP」ページへの遷移を促したいと思い、ローディング画面を表示してその範囲内に表示してみま...

Chrome拡張機能の「AMP Validator」を使ってみた

以前にAMPページのバリデーションをWeb上で行える「The AMP Validator」をご紹介いたしました。 AMPページのバリデーションをWeb上で行える「The AMP Validator」を使ってみた「The AMP Valid...

AMPページのバリデーションをWeb上で行える「The AMP Validator」を使ってみた

The AMP Validator 通常、「AMP」ページのバリデーションを行う場合、検証したいページのURLの末尾に「#development=1」と入力して、Chromeブラウザのコンソール表示で確認する必要がありました。「#deve...

AMPデザインテンプレートの「Simp」に、通常の「Web」ページへ遷移するボタンを表示させてみた

以前、WordPressの「Simplicity」テーマ内に、AMPデザインテンプレートの「Simp」を導入する方法をご紹介いたしました。 WordPressの「Simplicity」テーマ内にAMPデザインテンプレートの「Simp」を導入...

WordPressテーマの「Simplicity」に、「AMP」ページへの遷移を促す要素を表示してみた

以前、WordPressの「Simplicity」テーマ内に、AMPデザインテンプレートの「Simp」を導入する方法や、「Google AdSense」を表示する方法などをご紹介いたしました。 WordPressの「Simplicity」...

「AMP」ページに「Google AdSense」を表示させてみた

先日、WordPressの「Simplicity」テーマ内に、AMPデザインテンプレートの「Simp」を導入する方法をご紹介いたしました。 WordPressの「Simplicity」テーマ内にAMPデザインテンプレートの「Simp」を導入...

WordPressの「Simplicity」テーマ内にAMPデザインテンプレートの「Simp」を導入してみた

AMP記事テスト – Sho-Yamane.info 以前、モバイル端末でのウェブページの表示を高速化する「AMP」をご紹介いたしました。 WordPressのプラグインで気軽にAMP HTML化はできるのですが、デザインがパっとしないの...

AMP HTML まとめ

Accelerated Mobile Pages Project AMPはGoogleが行っている、モバイル端末でのウェブページの表示を高速化するというプロジェクトです。 AMP HTML 対応するとgoogleがモバイルの表示を速く...

AMP HTMLの記述例

前回はAMP HTMLの概要をご紹介いたしました。今回は具体的な記述例をサンプルを交えてご紹介いたします。 AMP HTML amp-twitter amp-twitterタグでツイッターを表示するには、ツイートIDを記述します。 ...

モバイルの表示が爆速になるAMP(Accelerated Mobile Pages)

去年Googleが提唱したAMP(Accelerated Mobile Pages) が、最近また活発になってきたようです。というわけで、今回はAMPをご紹介いたします。 AMP(Accelerated Mobile Pages)とは...