facebook twitter hatena line email

SEO/amp

提供: 初心者エンジニアの簡易メモ
2016年3月23日 (水) 19:33時点におけるAdmin (トーク | 投稿記録)による版 (ページの作成:「==ampのhtmlタグ== <html ⚡ lang="ja"> ==amp側のheadに設置== <link rel="canonical" href="ttp://hoge.com"> <meta name="viewport" content="width=device-width,mi...」)

(差分) ←前の版 | 最新版 (差分) | 次の版→ (差分)
移動: 案内検索

ampのhtmlタグ

<html ⚡ lang="ja">

amp側のheadに設置

<link rel="canonical" href="ttp://hoge.com">
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">

通常html側に設置

<link rel="amphtml" href="ttps://hoge.com/amp" />

amp内にanalytics設置

<script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>

bodyタグ内に追加

<amp-analytics type="googleanalytics" id="analytics1">
<script type="application/json">
{
  "vars": {
    "account": "UA-********-xx"
  },
  "triggers": {
    "trackPageview": {
      "on": "visible",
      "request": "pageview"
    }
  }
}
</script>
</amp-analytics>

googleを使ってamphtmlをテストする

urlの頭にgoogleのurlを追加

https://www.google.co.jp/amp/hoge.com

参考

http://www.brain-solution.net/blog/seo/amp-html/