BLOGでは、AMPの設定がめちゃめちゃ簡単に出来ます。AMP化されたページは、読み込み時間を感じさせないほど一瞬でページを表示させることが可能です。AMPする前とページの見た目がほとんど変わらない。Pages」の略で、シンプルに言えば「モバイルページを爆速で表示させるための方法」です。アンプと言われたりします。僕自身AMP化をして分かった注意点があります。BLOG公式ページでも伝えられているのですが、以下の注意事項もあります。ウィジェットのすべてが表示されない(サイドバーが使えません)コメント欄が表示されない(今後、改善予定)WPプラグインが一部機能しない(wp_headとwp_footerを読み込んでいません)AMP化によるランキングの影響を僕自身検証しきれていません。Insightsで速度をチェックすると、確かに速くなります(まあ、ウィジェットが表示されなくなるのでその影響もあるかと思いますが)。ページが遅く表示させるよりも速い方が読者にとって親切だし、Googleも推進しているので、読者にとって読みやすくなるならした方が良いと僕は考えています。これからAMP化しようとしているなら、この記事でお伝えしている設定方法と注意点を読んでみて下さい。文字色装飾ができない中央寄せ、右寄せできない下線が使えない画像が幅100%で表示されるPCだと画質が荒くなるケースがあるアナリティクスやアドセンスのAMP設定も忘れずに行う「外観」の「カスタマイズ」をクリックするAMPの設定は、カスタマイズ画面からやります。「AMP設定」をクリックする次に「AMP設定」をクリックします。AMP機能を「有効」にするそしたら、AMP機能を「有効」にします。httpsならAMP検索機能を「有効」にするあなたのサイトがSSL化(https化)されているなら、AMP検索機能を「有効」にします。サイト内検索できないよりもできたほうが良いですからね。httpの場合はこの機能は使えないので、「無効」のままでOKです。AMP用ロゴ画像の設定をするAMP用のロゴ画像の設定は必須です。エラーを出さないためにも、画像のサイズは縦60×横600px以内のものを設定して下さい。ロゴ画像も忘れずに圧縮してファイルサイズを小さくしておきましょう。圧縮はTinyPNGがオススメです。以上、カスタマイズ画面の設定は完了です。2つ設定することがあります。カスタマイズ画面の上にある「公開」をクリックして、設定を反映させておきましょう。パーマリンク設定でリンクの末尾に「?amp=1」を追加するそしたら一度カスタマイズ画面を閉じて、ダッシュボードの「設定」の「パーマリンク」をクリックします。「カスタム構造」にチェックを入れて、リンクの末尾に「?amp=1」を追加します。これを追加することで、トップページと固定ページ以外の投稿がAMPページとして表示されるようになります。追加したら忘れずに「変更を保存」ボタンをクリックしましょう。最後に、各投稿のチェックをしていきます。するもし記事の中にTwitterInstagramYouTubeiframe(アマゾンアソシエイトのタグなど)などの外部コンテンツを埋め込んでいるのなら、AMPページ用のscriptを選択する必要があります。しないとAMPページが表示されないからです。BLOGでAMP設定を有効化すると、投稿作成ページの下に「AMPページ用Scriptの選択」という表示が出ます。投稿ページの中にTwitterを埋め込んでいるなら、Twitterにチェックを入れます。Instagram、Youtube、iframeも同様で、外部メディアコンテンツを埋め込んだ場合は必ず該当するチェックを入れて下さい。各記事ごとの設定が必要です。過去の投稿もすべてチェックしてください。過去記事が大量にあるならちょっと大変ですが、これをやればAMP設定が完了します。最後にちゃんとAMPページで表示されるかどうか、確認してみます。AMPの有効化を確認するAMPが有効かどうかは、グーグルのテストページで確認できます。以下のURLにアクセスします。>AMPテストページはこちらをクリックそしたらあなたのどの記事でも良いので、URLの末尾に「?amp=1」がついているのを確認して、AMPテストページの枠に入力します。入力したら「テストを実行」をクリックします。分析が完了するまで待ちましょう。分析が終わって、以下のように「有効なAMPページです」と表示されていたらOKです。有効化されていない場合、これまでの設定をもう一度見直してみて下さい。次に僕が実際にAMP化して分かった注意点についてお伝えします。これから記事を作る際の参考にしてみて下さい。BLOGでのAMPページの記事作成時に気になるような注意点は、主に以下の5つです。文字色装飾ができないAMPそのものの仕様によって、文字の色の装飾が出来ません。厳密に言うと「style属性」が使えません。#xxxxxx;”」というstyle属性です。AMP前は赤色にしていた文字は、AMP後は黒い文字になります。色による強調ができなくなるので、強調部分には太字を使うようにしましょう。中央寄せ、右寄せできない文章を中央に寄せたり、右に寄せたり、といったことが出来なくなります。これも「style=”text-align:」というstyle属性なのでAMPだと使えません。下線が使えない下線もstyle属性なので使えなくなります。先ほどもお伝えしましたが、強調部分は太字を使うようにして下さい。BLOGの仕様によって、投稿ページ内の画像のサイズが横幅100%で表示されます。小さい画像を使っている場合、投稿ページ幅100%に引き伸ばされて、画質が荒くなってしまうケースがあります。PCだと画質が荒くなるケースがある特にPCで見たときに画質が荒くなりがちです。AMPはモバイルページ用の技術ですが、パーマリンクに「?amp=1」を追加していることで、PCからもAMPページが見れてしまいます。AMPを有効にした場合は、なるべく元サイズ(横幅)が大きめの画像を使いましょう。以上、注意しながらAMPページを作成してみてください。アナリティクスやアドセンスのAMP設定も忘れずに行うグーグルアナリティクスやアドセンスは、AMP専用の設定をする必要があります。忘れずに設定をしておきましょう。アナリティクスもアドセンスも「カスタマイズ」から設定できます。以上、お読みいただきありがとうございました。東証マザーズ上場の株式会社トゥエンティーフォーセブン(年商約78億)にて、2013年5月から2018年2月末までの約5年、コピーライター兼マーケッターとして経験を積み、その後に独立しました。セールスレター・LP30本以上、メルマガ・ステップメール1400本以上、SEO記事300本以上書いてきました。現在は複数企業のメディアやメルマガ運営などのお手伝いをしています。東証マザーズ上場の株式会社トゥエンティーフォーセブン(年商約78億)にて、2013年5月から2018年2月末までの約5年、コピーライター兼マーケッターとして経験を積み、その後に独立しました。セールスレター・LP30本以上、メルマガ・ステップメール1400本以上、SEO記事300本以上書いてきました。現在は複数企業のメディアやメルマガ運営などのお手伝いをしています。ツイッターのDMで無料相談受付中!答えられる範囲で答えます↓↓タイトルとURLをコピーしました。