当サイトのテーマをGush5に変更、さらにAMP対応させました！　情報サイトでオーソリティ―を目指すために。

MATTU — Sun, 06 Aug 2017 02:00:30 +0000

こんにちは、MATTU(@sunmattu)です。

当サイトをご覧の皆様であればお気づきだと思いますが、当サイト(MATTU SQUARE)のWordpressテーマをGush5に変更しました。
また、当サイト(MATTU SQUARE)の記事ページを完全AMP対応させました。
記事ページのアドレスの後に/ampをつければ、amp対応ページが見られます。

経緯や内容について、簡単にレビューします。

WordPressテーマをGush5に変更

「情報サイトでオーソリティを目指したい」

何個ものWordpressテーマをテストしては止めて、を結構繰り返す日々が続いていました。
というのも、下のKindle書籍を読み、すぐに実行に移そう、と考えていたからです。

情報サイトでオーソリティーを目指そう！: 10年先も生き残る安定志向のサイト構築論

posted with カエレバ

a-ki 2016-08-14

様々なテーマが入り混じる当サイトでは、特定テーマでスピンアウトさせるのも難しく、しかし以前書いた記事で素晴らしくまとまった良記事（と自分で言うのもあれですが）も混ざっており、どう実行に移そうか、といろいろ模索していました。
フロー記事をいかにストック記事に変えるか、というのが、なかなかに難しいんですよね。

Gush5に出会う

そんな中、WordpressテーマをGush5に変更しました。

Gush5を知ったのは、下の記事を読んだのがきっかけでした。

「書庫のある家.com」neronaさんにブログ運営の秘訣を聞いてきました

https://naifix.com/shokonoaruie-nerona/

ブログ初心者応援サイト：Naifix

当サイトも、かなりジャンルが多岐にわたる、いわゆる「雑記ブログ」の一つです。
まあ、ガジェットやポイント・マイルなど、特化しているカテゴリーはあるのですが…
ということで、カテゴリーごとの見やすさ、検索しやすさを、何とか良くしたい、と思っていました。

上の記事で「カテゴリーで戦えるテーマ」という言葉があり、デザインもガリガリカスタマイズできるようなので、思い切って変えてみました。
2017年7月14日より、テーマが変わっています。

ゴリゴリ、カスタマイズ

カスタマイザーだけでなく、phpなどソースでゴリゴリカスタマイズができるっていうのがものすごくいいです。
カスタマイズの一例をご紹介します。

カテゴリーページに、さらに子カテゴリーページの記事一覧コーナーを新設

PC,スマホともに、カテゴリーページにアクセスすると、新着記事10件の下にその子カテゴリーページを新着5記事表示しています。

こんな感じで、そのカテゴリーページに関連する子カテゴリー記事を表示できるようにしました。
関連記事にスマートにアクセスできるようになります。
（カテゴリー別を新着記事の上に出した方がいいのか、と思ったりもしていますが、今のところはこれで落ち着いています）

スマホ・タブレットではスライドインメニュー表示

スマホやタブレットで当サイトを見た場合、以下のように画面最下部にスライドインメニューが表示されます。

一番左の「カテゴリー」は、こんな感じで主要なカテゴリーをピックアップして表示します。

左から２番目の「Search」は、Googleカスタム検索のボックスを表示します。
真ん中二つの「Prev」「Next」はその記事の前の記事と次の記事を表示します(記事内容表示時のみ有効)。
右から二番目の「Top」は記事の最上部に戻ります。
一番右の「Menu」は、ブログの概要やMATTUについてなど、PC表示での右上にある内容を表示します。

という感じで、スマホでアクセスしても使いやすいページを目指して、カスタマイズしてみました。

その他にも、結構細部もカスタマイズしまくってます。
いいですねぇ、このテーマ。

WordPressテーマ Gush5について興味がある方はこちらで。

WordPress Theme Gush5

http://wp-gush.com/gush5/

wp-gush.com

記事の完全AMP化について

AMP対応させるのがいいのか？

Googleさんの講演を一度聴きに行ったときには、
「現在AMPかどうかによる検索の優劣は付けていないが、モバイル最適化というのが課題なので、ぜひ対応してほしい」(2016年11月現在)
と発言されていました。

AMPとは？

AMPとは、Accelerated Mobile Pagesの略で、GoogleやTwitterなどが共同で参加しているAMPプロジェクトが構築した仕組み、もしくはそのためのHTML規格のことです。
ページを高速表示させることで、ユーザーの視認性向上や広告表示の最適化などを目的にしています。

実際、現時点(2017/7)で、AMPかどうかで検索順位に優劣は付いていないようです。
(人によっては「ついている！」という方がいたり、いろいろですが…)
ただ、検索時に出てくる「トップニュース」には、AMP対応ページが優先して表示される傾向にありますので、そういう意味ではアクセスに影響を及ぼします。

こういうやつ。「⚡AMP」と書かれているのがAMP対応ページという証拠。
トップニュースのほとんどはAMP対応ページです。

ただ、AdSenseの「関連コンテンツユニット」をAMPページに組み込むことが出来なかった、というのが最大のネックで、完全AMP化出来ずにいました。
AMP化については、実は2017年初頭から対応はしておりました。
/amp付きのリンクから(Google検索以外から)継続的にアクセスがあることもあってAMPを敢えてエラーのある状態で放置、という形にし、Google検索から引っかからないようにしていました。

しかし、「関連コンテンツユニット」もAMPページに組み込むことが出来ることを知り、完全対応させることに決めました。