その636。【実録】アメブロとGoogleウェブマスターをつないでみた | 北海道のアンジュルムファンのブログ

北海道のアンジュルムファンのブログ

北海道在住のアンジュルムファンが、アンジュルムのことのみならず、いろいろなことを書きます。
Twitter、YouTube、Ustreamなども運用中。
2014年12月22日、改名に伴い「北海道のスマイレージファン」から「北海道のアンジュルムファン」に変更しました。

本日より、アメブロとGoogleウェブマスターの連携ができるようになりました。
発表

そこで、当ブログでも連携してみることといたしました。

連携までの道のりです。

1.【Googleウェブマスター】ウェブマスターにログインする
2.【Googleウェブマスター】右上「サイトを追加」を選択する
 

3.【Googleウェブマスター】「管理するサイトの URL を入力してください。」と出たら、アメブロのURLを入力し、「続行」をクリックする
このブログの場合は、「http://ameblo.jp/hokkaidosm/」となります。
 

4.【Googleウェブマスター】「(アメブロURL)の所有権を確認します。」という画面が出ます。FTPなどによりサーバーにファイルをアップロードできるのであれば、この指示に従って専用ファイルをダウンロードし、サーバーにアップロードして確認できるのですが、残念ながらアメブロではできません。「別の方法」をクリックします。
 
※上の画像の一部にモザイクをかけております。

5.【Googleウェブマスター】「HTML タグ」をクリックします。
 

6.【Googleウェブマスター】「以下の meta タグをコピーして、サイトのホームページにある <head> セクション内の、最初の <body> セクションの前に貼り付けます。」の下にある、「<meta name="google-site-verification" content="(英数字)" />」の英数字部分(下の画像でモザイクをかけているところ)をメモします。大文字・小文字を区別するはずです。この後アメブロの設定になりますが、この画面は閉じないでください!
※コピーしようとすると、下の欄全部が範囲指定されてしまいます。一旦全部コピーして、適当なエディタに貼り付けて、英数字部分を再度選択してコピーすることをお勧めします。
 

7.【アメブロ】Amebaマイページにログインし「アメブロ」→「設定・管理」→「外部サービス連携」→「ウェブマスターツールの設定」に進みます。
 

8.【アメブロ】先ほどメモした「<meta name="google-site-verification" content="(英数字)" />」の英数字部分を入力(下の画像でモザイクをかけているところです)し、「設定する」をクリックします。
 

9.【アメブロ】「設定を保存しました。」と表示されたら、アメブロ側での設定は完了です。ウェブマスターに戻ります。
 

10.【Googleウェブマスター】「確認」をクリックします。
 

11.【Googleウェブマスター】「(アメブロURL)の所有権が確認されました。」と表示されます。これで全設定が完了となります。「続行」をクリックすると、ダッシュボードに移動します。
 

以上が設定手順になります。実際のツールの使い方については、私以上に詳しい方がいらっしゃるはずなので割愛します。