記事下部のレイアウトを少し変更してみたので、当分様子を見ようと思う件

スポンサーリンク

ページレイアウト分析アルゴリズムの記事が、公開後にやたらとアクセスが集中しております。明けて2ヶ月ちょっとだというのに、2014年はもうこれが最大のヒット記事になって今年が終わるんじゃなかろうかと思うほどなのですが、それはさておき。
これを受けて、少し記事下部のレイアウトを変更したので、当分様子見してみることにしました。

検索から来ない!

正直な話、先週辺りから検索流入が落ちたことと、Googleのページレイアウト分析アルゴリズムの更新が、直接的に結びついているのかどうかはわかりません。

もしかしてこれかなー、くらいの印象でしかないです。

それでも記事下部のレイアウトを見なおしてみたのは、以前からちょっとごちゃごちゃしてきてうざったいなぁと自分でも思っていたから。

確かにアルゴリズムの更新っていうのも変更に至った理由のひとつではありますが、決してそれだけで変更したわけじゃないですよ。なんか言い訳がましいけど。

ざっくりしたレイアウトのビフォーアフターは以下のとおり。
スマホから閲覧すると画像がわかりにくいかもしれませんが、まずは変更前。

下部レイアウト変更前

記事本文の直下に300×250の広告を2枠並べ、その下にオフィシャルのシェアボタンを配置。さらに関連記事を挟んでまた広告が配置され、続いておすすめ記事が並ぶという構成でした。

ざっくりブロックで分けたレイアウト図なので、これだけ見るとそんなごちゃごちゃしてないように思えるかもしれませんが、実際はかなりうざったいものだったと思います。

下部レイアウト変更後

そして変更後のレイアウトがこんな感じ。
記事本文直下の広告とオフィシャルのシェアボタンはそのまま。
シェアボタンの下にあったリストタイプの関連記事と、その下の広告及びソーシャルへのリンクを排除してみました。

関連記事とおすすめ記事は、WordPressプラグインは使わず、自前のPHPコードで作ってるんですが、関連記事がおすすめ記事にも出てきていたので、ここは統合してしまったほうがいいかなという判断です。

個人的にはだいぶすっきりしたかなぁと思っています。

また、シェアボタンについてですが、このレイアウト変更に伴い記事ヘッダーのほうにも設置しました。

ヘッダーシェアボタン

ちょっとわかりにくいかもしれませんけど、カテゴリー横にちまっとあるのがそれ。

スマートフォン 記事タイトル下シェアボタン

スマートフォン版もタイトルエリア下に入れ込んであります。

そもそも「あとで読む」サービスの「Pocket」ボタンが読後の位置に配置してあること自体どうなのよ? ってことで、読む前に押せるボタンを付けたかったんですよね。

オフィシャルのボタンを使っても良かったんですが、結構場所を取るし、体感的な読み込み時間を伸ばしたくないってのもあって、オリジナルのボタンにしました。
Pocketもちゃんと機能してますよ。クリックしたらPocketに保存されます。

とりあえず、記事ページでのレイアウト変更はこんなところですね。

あとはインデックスページやアーカイブページなど、記事の一覧が表示されるページで、ループ件数を取得して広告を吐き出させているんですが、今までは最新1件目の記事直下だったのを、2件目の記事直下に吐き出すよう変更したくらいです。

このレイアウト変更でどうなるかはまだ全然わかりません。もしかしたらプラスに働くかもしれないし、マイナスに働くかもしれない。とりあえずレイアウト関係はこれで落ち着けて、しばらく様子を見て行きたいと思います。

「Information」新着記事

約4年ぶりとなる全面リニューアルを実施しました

Avatar for ホシナ カズキ

ホシナ カズキ

お散歩と旅の多言語ウェブマガジン「STROLL」をスタートしました

Avatar for ホシナ カズキ

ホシナ カズキ

【お知らせ】モバデビの記事がInstant Articlesで読めるようになりました

Avatar for ホシナ カズキ

ホシナ カズキ

2016ブロガーズフェスティバルで話すことは「ブログデザイン」についてです

Avatar for ホシナ カズキ

ホシナ カズキ

制作・開発を担当したダイソンのオウンドメディア「Dyson 5127」がローンチしました

Avatar for ホシナ カズキ

ホシナ カズキ

もっと見る

モバデビモバイルウェブのネタ、ニュースMaciPhoneなどのApple関連、WordPressのことなど、いろいろ書く雑食系ブログメディア。
ためになるかもしれないし、ならないかもしれない。そこそこ更新してますそこそこ。

このブログについてもっと詳しく