下記ページを参考に、WordPressにプラグインを追加して、AMP対応してみた。
結果
WordPressのプラグインの場合、記事ページをAMP対応ページとして書き出すのではく、元ページに対するAMP対応ページを別途書き出す。
この時、元ページにamphtml、AMP対応ページに元ページへのcanonicalが追加されることで、重複コンテンツとは判定されないのかな?
- 元ページ:http://www.littlepad.net/blog/2015/03/11/205716
- AMP対応ページ:http://www.littlepad.net/blog/2015/03/11/205716/amp
各ページのコードについて
元ページ
下記が追加された
amphtml
<link rel="amphtml" href="http://www.littlepad.net/blog/2015/03/11/205716/amp" />
AMP対応ページ
下記が追加された
元ページへのcanonical
<link rel="canonical" href="http://www.littlepad.net/blog/2015/03/11/205716" />
webフォント用CSS(外部読み込み)
<link href='https://fonts.googleapis.com/css?family=Merriweather|Open+Sans:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
AMP関連のJS読み込み(外部読み込み)
<script custom-element="amp-iframe" src="https://cdn.ampproject.org/v0/amp-iframe-0.1.js" async></script>
<script src="https://cdn.ampproject.org/v0.js" async ></script>
装飾のCSS (head内に追加)