基本・ほか

AMPサイト制作に便利で役立つツールのまとめです

Google Search Console「AMPテスト」

「AMPテスト」はSEOの要であるGoogle Search Consoleの機能としても使われているAMPチェッ ...

2019年2月17日AMPコンポーネント

AMPコンポーネントのamp-youtubeを利用してAMPページ内でYouTube動画の埋め込み表示を実装するサンプルコードです

See the Pen
AMP-YouTube by yochans (@yoch ...

2019年2月17日AMPコンポーネント

AMPコンポーネントのamp-carouselを利用してカルーセルスライダーを実装するサンプルコードです

See the Pen
AMP-Accordion by yochans (@yochans)
on ...

2019年2月17日AMPコンポーネント

AMPコンポーネントのamp-carouselを利用してカルーセルスライダーを実装するサンプルコードです

See the Pen
AMP-Carousel by yochans (@yochans)
on ...

2019年2月17日AMPコンポーネント

AMPコンポーネントのamp-selectorを利用してタブメニューでの表示切り替えを実装するサンプルコードです

See the Pen
AMP-Selector by yochans (@yochans)

2019年2月17日AMP広告

AMPはモバイル専用という訳ではなく、PCやタブレット用のページもAMP構成で作成可能で、AMP広告(amp-ad)もまたモバイル以外の表示にも対応しています

AMP広告を画面幅で振り分けて表示する方法

AMP広告タグ内にて ...

2019年2月17日AMP広告

AMP広告に使われる主なlayoutの種類一覧

AMP広告を設置する際に迷ってしまうlayoutと横幅、高さの設定

AMPの要素デザイン用のlayoutの種類は多いですが、AMP広告に使われるlayoutにはどんな種類がある ...

2019年2月17日AMPフォーム

AMP-FormでのPOST送信する際、action-xhrではなく通常のHTMLフォーム同様にactionでページ移動(ページ遷移)させたい場合があります

主に、パスワードなどのURLに含めたくない情報の送信やテキストエ ...

2019年2月17日AMPフォーム

AMP-FormでのPOST送信はGET送信とは違い通常のHTML記述では動かず、AMP Formコンポーネントを使った機能が多くあります

AMP Formコンポーネントを読み込む

AMPページでフォームを利用する時は、AM ...

2019年2月17日AMPフォーム

簡単に使おうと思ってもAMP-FormでのPOST送信はちょっとややこしいですが、GET送信は通常のWEBページと同じ感じで使えます

AMP Formコンポーネントを読み込む

AMPページでフォームを利用する時は、単純なGE ...