Googleの「AMP」を導入してスマホのサイト表示を高速化するテクニック

paywall2015年末からウェブ業界で話題になり始めた「AMP」。Googleが開発したモバイルデバイス向けの新技術で、より高速かつ美しい、モバイル向けサイトの描画を可能にするものだ。既にWordPress向けのプラグインがリリースされ、導入を始めているサイトも増えている。今後のウェブのカギを握るモバイルを一段先に進化させる「AMP」。さっそく導入してみよう。


 「AMP」とは「Accelerated Mobile Pages」の略称で、Googleがリリースしたモバイル向けのウェブページ高速化技術だ。
これまでもモバイル対応のサイトでは、モバイル機器の画面サイズに合わせてサイトが変形する、いわゆる「レスポンシブデザイン」が主に利用されてきたが、このAMPはそれとはまったく別物。モバイル向けに最適化されたページを出力することで、高速な表示と、狭い画面でも無理のないデザインを可能にする。さらに重要なのが、GoogleはこのAMP対応のサイトをモバイル向けGoogleの検索で優遇する可能性が示唆されていること。つまり、今後、AMP導入済みのサイトがGoogleで優先的に上位表示されるかもしれないのだ。
  
ウェブの今後を考える上で、非常に重要な技術になりうる「AMP」。既にWordPress向けのプラグインがリリースされており、導入するだけで自分のサイトをAMP対応にすることが可能だ。今回は、「お名前.com」の独自ドメインとサーバーでWordPressのブログを構築し、AMPを導入してモバイル用のページを生成する方法を確認するぞ。

  
■ WordPress用のドメインとサーバーを取得する

amp1_01
お名前.com」のトップページで、利用したい独自ドメインの文字列を入力して『検索』をクリックする

amp1_02
入力した文字列のドメインの空き状況が表示される。取得したいドメイン(「.com」や「.jp」など)を選択して、『お申込みへ進む』をクリックする

amp1_03
ドメインの登録年数を選択する。初期設定では「1年登録」となっているが、ここで複数年を選んでおくと、翌年に更新作業を忘れても大切なドメインが突然失効することがなくなる。また、『Whois情報公開代行』にチェックを入れると、Whoisに表示する登録情報を「お名前.com」が代行してくれるため、個人情報が隠せる。無料なのでぜひ設定しておこう

amp1_04
同じ画面の「2.サーバーの選択」で『レンタルサーバー』にチェックを入れよう

amp1_05
お名前.com」を初めて利用する人は、「次へ進む」をクリック。過去に利用経験があり「お名前ID」を持っている場合は、入力して「ログイン」をクリックする

amp1_06
「次へ進む」をクリックした場合、「お名前ID」の作成画面へと移動する。メールアドレスとパスワードを登録しよう

amp1_062
「お支払い方法の選択」で決済方法を選ぶ。クレジットカード決済、コンビニ決済、銀行振込から選択できる 。クレジットカード決済ならドメイン取得手続きがリアルタイムで完了するのでオススメだ

amp1_07
決済方法を選択したら、『規約に同意し、上記内容を申し込む』のボタンをクリックしよう。これでドメイン取得申込の手続きは完了だ。決済方法でコンビニ決済、銀行振込を選択した場合は、「お名前.com」から送信されるメールを確認のうえ、忘れずに入金手続きを済ませよう。


■ WordPress用をサーバーにインストールする

amp1_08
お名前.com」の「サーバーNavi」にログイン。ドメインが登録されたサーバーが表示されるので、「コントロールパネル」の『ログインする』をクリックしよう

amp1_09
コントロールパネルが表示されたら「Web設定」の『WordPressインストール』の項目をクリックする

amp1_10
「かんたんブログインストール」が開くので、『新規インストール』をクリックする

amp1_11
「新規インストール」の「アプリケーション」でWordPressが表示される。『作成』をクリックしよう

amp1_12
ブログのタイトルとパスワード、メールアドレスを入力して『確認画面へ進む』をクリックしよう

amp1_13
これまで入力した内容が表示されるので、『決定』をクリックしよう。これでWordPressの準備は完了だ。設定したパスワードは忘れないようにメモしておこう

  


■ 独自ドメイン+WordPress+AMPで検索エンジン対策はバッチリ
独自ドメインで構築されたWordPressは、無料ブログサービスを使うよりもGoogleの検索結果の上位に表示されやすい傾向がある。この環境にAMPを導入すれば、検索エンジン対策としてはかなり心強い。
なお、「AMP」の公式プラグインは、WordPrssのバージョン「4.4.2」以降にのみ対応している。今回「お名前.com」で導入したWordPressは最新版なので問題ないが、既に利用しているWordPressに導入する場合は、事前に最新版へのバージョンアップが必要になるので覚えておこう。
  
【期間限定情報】 今なら、「お名前.com」では登録実績1,200万件突破を記念して、期間限定価格でご提供中
ドメインがわずか30円から購入できるほか、定番ドメインも大幅に値引き中で、お得にゲットできる大チャンスとなっている。
ブログの独自ドメイン化になかなか踏み出せないという人にとって、ドメインを手に入れる絶好のタイミング。
ぜひとも「お名前.com」で気になるドメインを探してみよう。

  
次回は、実際にWordPressに「AMP」のプラグインをインストールし、スマートフォンでAMPによって生成されたモバイルページが表示されるところまでを解説していこう。


 

2016年04月08日 17時38分
©教えて君.net All Rights Reserved.