littlepad blog

ブログをAMP対応してみた

下記ページを参考に、WordPressにプラグインを追加して、AMP対応してみた。

結果

WordPressのプラグインの場合、記事ページをAMP対応ページとして書き出すのではく、元ページに対するAMP対応ページを別途書き出す。
この時、元ページにamphtml、AMP対応ページに元ページへのcanonicalが追加されることで、重複コンテンツとは判定されないのかな?

各ページのコードについて

元ページ

下記が追加された

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内に追加)

モバイルバージョンを終了