海外行ったことないけどebay輸出

ebay輸出のブログ / File exchangeの使い方 / Affinger4カスタマイズ / Amazonプライムビデオ


PR 特典サイト

AFFINGER4 の特典としてオリジナル子テーマをご用意しました!

子テーマは当サイトでも使用中です!
詳しくはこちら⇒:SuiKEN (スイケン)

Affinger4でAMPページが検索に反映されない。イナズママークへの対策方法

投稿日:2017年2月27日 更新日:

Thunder

AMPやってみたくてAFFINGER4導入したが、AMPページがいつまで経っても検索に反映されない

ごにょごにょしてなんとかAMP表示になったので、備忘録として残します。すでに検索で表示されてる記事を改めてイナズママーク付きにしたい!という意図です。

AMP表示にならなかった状況

個別記事のAMP化が目的だけど、とりあえずイナズママークが付かない。

状況としては、

  • AMP CDNでキャッシュOK
  • AMP テスト ⇒ 有効なAMPページの判定 〇

で、2週間以上経過したがダメ。

待てばいんじゃろって思ってたけど、サーチコンソールのAccelerated Mobile Pagesで、いつまで経っても「サイトにAccelerated Mobile Pagesは見つかりませんでした」と表示される。

いよいよ待つだけじゃダメっぽい空気だったので、原因を調べてAMP表示させるまでに試したことを紹介します。

スポンサーリンク

一つご注意願いたいのは、僕自身がこの方法の良し悪しをまったく理解しておりません。僕のサイトで出来たというだけの備忘録です。真似されないようお願いします!

AMPが検索結果に反映されなかった原因

今回の原因は、パーマリンク設定が/で終了する形ではなかったから。

もっと言うと、PCページのソース link rel="amphtml" href="url/amp/"という本来の形にスラッシュが入ってないからでした。link rel="amphtml" href="urlamp" ←こんなんになる。

Affinger4公式のAMP紹介ページからの引用です(まずはココをCHECK!より)

まずはココをCHECK!

  • AMPには使用できるタグや出来ないタグがあり表示には制限があります
  • AMPは「投稿ページ」のみ対応しております
  • AMP対応は通常のモバイル検索結果のみの対応です。(NEWSなどが表示されるカルーセルタイプ及び構造化データにはデフォルトでは対応しておりません)
  • WP内部のURLに関するデータの更新が必要となるため、テーマをアップデートした後は「パーマリンク設定」の保存で更新をしてください(しないと404になります)
  • パーマリンクは「/」で終了する形にして下さい。(.htmlなどの拡張子変更も不可)

Affinger4公式 AMPについて

コレがどうやら原因くさいのです。

当サイトのパーマリンクはこの画像の通りです。最後が/で終わってない。

permalink-setting

URLが短いは正義だと思ってました。ええ。

なので対策した結果を残します。

AMP表示への対策結果(amphtmlのスラッシュ入力を求めて)

結論ですが、親テーマのfunctions-amp.phpページに追記を行ったらOKでした。

追記したのは220行目

)) . user_trailingslashit(~~うんぬんと書いてある前に、「.'/'」を追加 ▼

) ) .'/' . user_trailingslashit(

コードをすべて載せれないので一部ですが、▲赤部分をプラスしただけです。これの良し悪しが分からないので、たとえ同じ条件っぽい方でも真似されないでくださいね!変な事になっても対応できませんからね!フリじゃないですよ。

 

yotta
フリじゃないですよ!

一番アクセスがある記事をAMP化してみた

そんなわけで、遂に検索結果に稲妻マーク付きのAMPが表示されました。

mercari-amp

せっかくAMPにするなら良い悪い含めて結果が欲しいと思ったのだけど、このサイトにはデータ取れるほどの記事がない。

ということで、どうせならと1番アクセス稼げてる記事をAMP化してみました。

先月(1月)の記事データ

  • PV: 2,959
  • 平均ページ滞在時間: 5:08
  • 直帰率: 91.72%
  • スマホ7:PC3ぐらいの比
  • 100%に近い検索流入

過去平均も同じような数字。この記事は書いてて楽しくない+横に広げるつもりもない、のでAMP変化を追うことに使います。

今月はもう終わるので、来月の数字出たら報告しますね。AMPページが読みづらいので少しいじるかもしれません。滞在時間めっちゃ減りそうだし。

AMP化して理想の結果は「どれだけ現状維持ができるか」だと思う。AMP向きのブログページってどんなの?

詰まったところ

最後に解決するまでに詰まったところも残します。

1.パーマリンク末尾スラッシュのあるなし判定について(トレイリングスラッシュ)

「パーマリンク設定の末尾を/にしたらすぐ解決する事じゃないか」って思われませんでしたか?

パーマリンクを変更するとはすなわち、SEO効果が無くなると等しいです。末尾スラッシュは"トレイリングスラッシュ"と言うみたいですが、あると無いとでは別のURLとしてGoogleは認識します。

たかがスラッシュ・されどスラッシュ。

解決方法があります。.htaccess を使った301リダイレクトです。

パーマリンク変更すると同時に、過去URLへのアクセスを新しいURLへ半永久的に誘導する事ができます。リダイレクトを正しく行う場合は、上に書いたようなファイルへのごにょごにょは必要ありません。

2.出力してるところに"/"入れたらいいやんけー問題

パーマリンクがダメなら、amphtmlをechoで出力してるところにスラッシュ入れたらいいやんって思ってたらそんな簡単な仕様じゃなかった。

さらにuser_trailingslashitをただのtrailingslashitにしたり、ampが連結される前に/入れたりごにょごにょしたが、AMPページですらなくなったりして大変だった。

あーじゃないこーじゃないした苦肉の策が、.'/'です。

3.サチコまだご機嫌ななめ

とりあえずサーチコンソールではまだAMP見つからないと反映されていません。

searchconsole-amp

これはコレで正しい設定ができてないのだろうと思う。

ただやってみたいだけでAMP挑戦してるけど、数字も落ちそうだし、やる意味が分からない。AMPって少なくとも文字ベースのブログには必要なさそう。読みづらくなるだけで、ユーザーファーストと逆行してる。

追記
翌々日にサチコにも反映されたよー!インデックス見つけたでーって。うひょー。とりあえずAMP化は完結したということにします!あとは数字。

最後に、何度もくどいですが真似されるのはおススメしませんからね!

もし反映されたら拡散してもらえると嬉しいです。

\ シェアしてください /

  • この記事を書いた人
  • 最新記事

yotta(よった)

海外オークションサイトのebayでセラー(販売者) やってるよ。たどたどしい英語を操り目指すは友達100人♪ 書く前にツイートで発散します。好きなアルコールは芋焼酎です。

-Affinger4, ブログ運営

Copyright© 海外行ったことないけどebay輸出 , 2017 All Rights Reserved.