SEOシェアするTwitterGooglePocketLineみなさまごきげんよう!嗚呼蛙でございます!近頃話題のAMPを導入してみました。スマホでサイトを見たときにAMPにすると表示が早くなり、検索も上位にしてくれるんじゃないかとかなんとかというウワサなので、最近低迷しているこのブログをよみがえらせてくれないかと期待しています。略で、名前の通りモバイルページを加速するための仕組みのことです。調べたところ、みんなスマホでネットを見るようになってしまったので、Google様がスマホでサクサク読める仕組みを導入、さらにPCとモバイルで検索結果を分け、AMP導入してるとモバイル検索のときの順位を上げてくれるかもね、ってことみたいでした。AMP導入するとどうなるの?AMPを導入すると、モバイルでアクセスしたときにページの表示速度が爆速になり、検索で優遇されるメリットがあります。javascriptが使えない、cssのデザインを読み込んでくれない、広告が表示されないと、デメリットもいっぱい。実際にAMP導入して見比べてみると、あまりの無慈悲さに泣きたくなります。左が通常のモバイル表示、右がAMP表示で比較を作ったので見比べてみてください。メニューやシェアボタンが消えます。cssで見た目を整えてる目次や、見出し、広告もこの通り。いつも一番最後に入れてる一言コメントもこんな感じになってます。カエレバのリンクは健在ですが、見た目はやっぱり簡素になってますね。クリック率悪そうです。はてなブログではクリックひとつでAMP導入可はてなブログでAMPを導入するには、管理画面の[設定]から「詳細設定」>「AMP」のところにあるチェックボックスにチェックを入れて[変更する]ボタンを押すだけです。AMPでの表示は、記事作成画面のプレビューで「スマートフォン(AMP)」から確認することができます。公開した記事にアクセスし、URLの後ろに「?amp=1」をつけて確認する方法もあります。先述の通り、AMPにするとjavascriptが使えなくなるので、広告が表示されなくなるデメリットがあります。広告が表示されないとGoogleも広告収入が減ってしまうので、以下のようなAMP用の広告のコードを提供しています。data-ad-slot="★★★★★★"></amp-ad>●●●●●●●●と、★★★★★★の部分には、レスポンシブデザインの広告コードの以下の箇所をコピペしましょう。[]).push({});</script>ただ、HTML編集モードでAMPのコードを追加すると、勝手に編集されてコードが消えてしまうので、以下のようにコメントアウトを挟まないと使えないそう。Markdownやはてな記法の場合は間のコメントなしでもいけるらしいです。--></amp-ad>こちらの記事に詳しく書いてありました。自分はHTML編集を使っているので、消えるコードに悩まされAMP導入をためらっていたのですが、おかげで解決されました。www.weblog-life.netちなみに、AMP広告はAMP以外では表示されないので、通常の広告と併記して使うことができるのだそうですよ。まとめAMPにすると表示が速くなるモバイルの検索結果で優遇されるかも広告はAMP用のコードで入れられるとりあえずAMPにしてみましたがどうなるでしょうね。通信速度がもっと早くなればいらない機能になりそうな気もしなくもない。今日のところはこの辺で。Tumblr関連記事2016-12-31アクセス数低下の原因?noindex設定が効いていなかった話アクセス数の低下が気になる今日この頃。はてなブログProビアンマンガ家。IT業界の辺境に生きています。プログラミング勉強中。起業やブログ飯が可能か実験しています。レビュー依頼等承りますので、お気軽にお問い合わせください。詳細プロフィールレズビアンカップルエッセイマンガとか描いてます。リクエスト等ありましたらぜひお問合せください。行動原理診断も承ります。お問い合わせプレゼントいただけると大変喜びます。(1)月別アーカイブスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。