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

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

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

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

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

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

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

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

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

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

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

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

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

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

これまで入力した内容が表示されるので、『決定』をクリックしよう。これでWordPressの準備は完了だ。設定したパスワードは忘れないようにメモしておこう
■ 独自ドメイン+WordPress+AMPで検索エンジン対策はバッチリ
独自ドメインで構築されたWordPressは、無料ブログサービスを使うよりもGoogleの検索結果の上位に表示されやすい傾向がある。この環境にAMPを導入すれば、検索エンジン対策としてはかなり心強い。
なお、「AMP」の公式プラグインは、WordPrssのバージョン「4.4.2」以降にのみ対応している。今回「お名前.com」で導入したWordPressは最新版なので問題ないが、既に利用しているWordPressに導入する場合は、事前に最新版へのバージョンアップが必要になるので覚えておこう。
【期間限定情報】 今なら、「お名前.com」では登録実績1,200万件突破を記念して、期間限定価格でご提供中。
ドメインがわずか30円から購入できるほか、定番ドメインも大幅に値引き中で、お得にゲットできる大チャンスとなっている。
ブログの独自ドメイン化になかなか踏み出せないという人にとって、ドメインを手に入れる絶好のタイミング。
ぜひとも「お名前.com」で気になるドメインを探してみよう。
次回は、実際にWordPressに「AMP」のプラグインをインストールし、スマートフォンでAMPによって生成されたモバイルページが表示されるところまでを解説していこう。
全世界1,000万以上ダウンロード超え!水分補給サポートアプリ最新作『Plant Nanny 2 - 植物ナニー2』が11/1より日本先行配信開始中
たこ焼きの洞窟にかき氷の山!散歩を習慣化する惑星探索ゲーム『Walkr』がアップデート配信&6/28までアイテムセール開始!
【まとめ】仮想通貨ビットコインで国内・海外問わず自由に決済や買い物ができる販売サイトを立ち上げる
GoogleやTwitterが推進するモバイル用ウェブ規格「AMP」をWordPressに導入する
WordPressにAMPのプラグインを導入して高速化されたモバイル用ページを表示させる
Googleアドセンス利用には独自ドメインが必須!テーマに合った独自ドメインでアドセンス対応サイトを作る
ユーチューバーに最適!YouTubeの動画公開用のブログをWordPressで構築する
PHPが分からなくても大丈夫!会社の公式サイトをWordPressテーマ「micata2」で簡単に構築する
独自ドメインでメルマガ運用!「Subscribe2」でメールマガジンの配信システムを構築する