1
0
hugo/content/blog/2016-06-28-amp-sample.md

33 lines
1006 B
Markdown
Raw Normal View History

2024-04-23 13:21:26 +00:00
+++
date = "2016-06-28"
tags = ["pc"]
title = "amp-sample"
slug = "amp-sample"
+++
Google検索上でAMPコンテンツを表示するようにしてみました。
AMPとは、モバイルに最適化されたAMP用のHTMLを書くことで、Googleはそれを優先的に表示してくれるようです。
まずは、サンプルがあるので、そちらでページを作成し、自分のサイト用に修正していくことに。別ページで作成し、それを本サイトに結びつけるのが良いでしょう。
https://github.com/ampproject/amp-by-example
```bash
$ git clone https://github.com/YOUR_GITHUB_NAME/amp-by-example.git
$ cd amp-by-example
$ npm i
$ glup
--------------
$ curl -sL localhost:8000
$ vim tasks/lib/Metadata.js
```
ソース(HTML)を読めば大体の形式がわかると思います。
日本語は、こちらの記事で分かりやすく解説されています。
https://ics.media/entry/12291
http://masup.net/2015/10/fits-amp-html.shtml