【WordPress】SEO Googleモバイルファーストインデックスが正式に反映されたからAMPに対応させて見た！レビュー！

2018年12月3日 2019年11月14日 13分31秒

gogo-drive

AcceleratedMobilePages

------------この記事の目次------------

【WordPress】SEO Googleモバイルファーストインデックスが正式に反映されたから急いでgogo-drive.comサイトをAMPに対応させて見ました。

こんちゃ、今年もあと少しですね。のほほんと過ごしていたら何やらSearchConsoleから怪しい！マークがなんだこれ？調べてみるとどうやらGoogleのモバイルファーストだいぶ前からテスト的に導入されていましたが2018年11月26日（金曜日）に正式に反映されるぽい感じですね。これは、ペンギン　パンダなのどっちなの？どうゆうことかと言うとモバイルファーストに対応させてないと検索順位に影響がありますよって事早速SearchConsoleを見て見ました。

Google検索でサイトデータに影響を与える可能性があるイベントがあるってどうゆう事よ！（汗

SearchConsole画像

内容を見てみるとモバイルファースト何とかかんとかサイトの変更は反映されません。あー関係ないじゃんと思っていると・・・・・・

Gogole11月26日アップデート内容

インデックスめっちゃ減らされてるやん（笑これは、偶然だよね？　いやGoogle先生に逆らうとロクな事がないので素直にAMPを導入しますか。

searchconsoleインデックス状況

searchconsoleインデックス状況2

【WordPress】SEO AMP（ACCELERATED MOBILE PAGES PROJECT)の導入方法！

さて、WordpressのAMP導入方法は、プラグインを入れて設定するだけ！なんと簡単なんだ早速挿入して見ました。

まずは、プラグインー新規インストールーAMP for WordPress を検索してインストール　インストールをしたら有効可をクリック。

AMP for WordPress

有効可が終わったら実際AMPのページが反映しているか確認。確認方法は、URLの最後に/AMP/をつける。いつもとちょっと違う感じになってたらOK。

blog記事AMPページ

で次にやることは、私の場合は、SEOプラグインでYoastSEOを入れているのでYoastSEOのAMPプラグインGlue for Yoast SEO&AMPをインストールこちらも有効可を忘れずに。

Glue for Yoast SEO&AMP

有効可まで終了したら次にやるのは、各設定　初めにインストールしたプラグインAMPの設定

固定ページもAMPに対応させる場合は、チェック入れる。もちろん投稿には、チェック（必需）各ページにもAMP設定　Enabled/Disabledが設定できるようになるのでEnabledを洗濯してください。

AMPプラグインの設定

では、次は、YoastSEOのGlue for Yoast SEO&AMPの設定

Glue for Yoast SEO&AMPの設定

Glue for Yoast SEO&AMP POSTタイプの設定　固定ページとメディアいらなければ無効に。

Glue for Yoast SEO POST設定

Glue for Yoast SEO&AMP デザインの設定　　ここはデザイン設定なのでお好みで。

Glue for Yoast SEO デザイン設定

Glue for Yoast SEO&AMP アナリティクスの設定グーグルアナリティクスで取得したcodeを入れてください。

Glue for Yoast SEO&AMP アナリティクスの設定

※ここのアナリティクスタグは、Googleアナリティクスタグをそのままコピペしただけでは、反映されません。

<amp-analytics type="googleanalytics" id="analytics1">
<script type="application/json">
{
"vars": {
"account": " Googleアナリティクスコード（UA-XXXXXXXXX-X）"
},
"triggers": {
"trackPageview": {
"on": "visible",
"request": "pageview"
}
}
}
</script>
</amp-analytics>

でいけました。以上で設定は、終了になります。

【WordPress】SEO AMP 実装確認方法！

では、確認方法ですがちゃんとgoogle先生に認識されてないと意味がないのでSearchConsoleのモバイルユーザビリティー/AMPタブをクリックここで認識されて入ればOKです。私の場合は、まだ認識されてないみたいのでしばらく様子見ですかね。

Searchconsole AMP確認方法

アレ、おかしいいな。。。。。なんかあるな。翌日、反映されたかと思いみるとgoogle先生から警告のメッセージがきました。悪影響を受けると言うことは、AMP対応はもう検索順位に影響されるんだな。

SearchConsole警告

SearchConsole警告2

ちょっと、反映はされているけど警告が６ページでてる。これは、対応しなければ！

AMP SearchConsole

AMP SearchConsole２

【WordPress】SEO AMP対応したらlogo値エラーが出たので対応して見た。

まじで勘弁してほしい。取り敢えずアクセスが多いいページがAMPインデックスされているのだけど調べて見たらlogo値エラー！泣きそうになる早速調べて対応して見た。

AMP logo値エラー

調べて見たらlogo値が入っていなかったらしいので、直接Worldpress funcshion.phpに書き込んで見ました。

logo値エラーfunction.php記述文

ロゴ画像の設定とかしていたらもしかしてこのエラーは、で無いかもしれません。私の場合は、logo画像の登録を全然していませんでした。ちなみに記述文は下記に。

/**
*AMP logo
*/

add_filter( 'amp_post_template_metadata', 'xyz_amp_modify_json_metadata', 10, 2 );
function xyz_amp_modify_json_metadata( $metadata, $post ) {
$metadata['publisher']['logo'] = array(
'@type' => 'ImageObject',
'url' => "https://gogo-drive.com/gogo-drive_logo.png",
'width' => "80",
'height' => "60",
);
$metadata['image'] = array(
'@type' => 'ImageObject',
'url' => "https://gogo-drive.com/gogo-drive_logo3.png",
'width' => "700",
'height' => "700",
);
return $metadata;
}