ブログをリニューアルしました。その理由と今回やったこと

公開日:2014年12月27日 更新日:2015年9月2日

ブログをリニューアルしました。その理由と今回やったこと

ご覧のとおりブログをリニューアルしました。今まで会社のコーポレートサイトは別にありましたが、この度ブログと統合いたしました。リニューアルのお知らせだけしてもプレミアム感ゼロなので、その理由と今回やったことについて少しお話させていただきます。


コーポレートサイトのアクセス数

自然検索経由で集客を狙うなら、更新しないサイトなんて、もともとの知名度でもなければ意味がありません。弊社のコーポレートサイトもその例に漏れずほとんどアクセスはありませんでした。

年間のPV

2014年1月1日〜12月25日のPVです。1月の月間PVが139です。その後は月間100PVを達すること無く推移してました。

参照元

アクセスの内、検索エンジン経由は半分もありません。

このように存在していないのと変わらない状態なので、この度ブログとコーポレートサイトを統合しました。

このブログもそれほどPVがあるわけではありませんが、コーポレートサイトの1000倍以上はあるので、いくらか良くなるかなと思っております。

以前「ホームページを作ったらガンガン売上上がるんでしょ?」と仰る社長様にお会いしたことがあるのですが、その社長にお見せできる具体例が1つ出来ました。

ホームページを作ったのに客が来ないと言う社長にネット集客の説明をした

サーバーをエックスサーバーからwpXに引越し

リニューアルのついでにサーバーも変更しました。
と言うか、別件で使い始めたwpxがよかったのでサーバーを変えようと思ったのが先です。サーバー変えたいからこの機会に以前から考えていたコーポレートサイトとの統合を実行したといった感じです。

wpXはエックスサーバー社が運営するwordpress専用のレンタルサーバーです。wpxは「WordPress専用の超高速レンタルサーバー!」と銘打っているだけあって、通常のHTMLサイトの運営はできませんが、wordpressしか使わないサイトでしたら超高速で動きます。

WordPressの運用に特化したレンタルサーバー『wpXレンタルサーバー』

wpXのスピードは今ご覧のとおりです。
以前は多少モッサリ感があったのですが、それが無くなりかなり速くなったと実感しております。

GoogleのPageSpeed Insightsでの測定結果を見ると、いろいろと問題がありますが体感でいい感じなら良いかなと思ってます。細かいチューニングは追々やります。

デザインは全体的にGreenへ

新旧サイトbefore after

全体的なデザインは以前のコーポレートサイトをほとんどそのまま持ってきました。

トップページでリスティング広告の運用代行ホームページ制作会社概要へリンクしてますが、現在はそれほど御新規様の募集は積極的に行っておりません。しかし、リソースの都合で旧サイトからそのまま持ってきました。

テンプレートは賢威6.2です。ブログ開始当初から賢威を使っておりましたが、カスタマイズしていくうちに賢威成分が無くなってきてしまってました。今回は賢威の良い部分はできるだけ残したつもりです。

かむしんねーさん

これらのイラストはShutterstockという画像素材サイトで購入したものです。

Shutterstock

トップページの一部をユーザーエージェントで切り替え

旧サイトから移設してきたトップページの上部をレスポンシブ対応しようとすると、なかなかブログ一覧まで辿りつけないので、スマホ用には別のものを用意しました。画像を小さくして文章はdisplay:noneって方法など何とかしようと思えばなんとかなるのですが気分の問題です。

それでいてスマホ用のデザインは全く作りこんでおりません。今後やっていきます。

タブレットにも対応 レスポンシブの呪縛から開放

リニューアル以前からレスポンシブウェブデザインでしたが、以前はタブレットには対応させてませんでした。

一時期、PCとタブレットとスマートフォンでレスポンシブの3パターンに対応したCSS作ってましたが、途中でメンテナンスが面倒になりタブレットの部分を削除しました。

今回もタブレット端末用のCSSは書きませんでしたが、viewportで対応しました。

リニューアル前のiPadでの表示

幅の広いレスポンシブウェブデザインのサイトをiPadでみると、このように切れてしまいます。2本指で縮小すればジャストフィットするのですが、サイトを開いた時に全体が見える方がいいかと思っていたので、今回はiPadの縦画面でも収まるようにしました。

リニューアル後のiPadでの表示

この方法については長くなりますので別途書きます。

カテゴリーの見直し

当初仕事に関することだけ書くブログのつもりで始めましたが、いつの間にか雑記帳になっていました。今ではエアコンの掃除などにたくさんのアクセスをいただいております。

今後も仕事以外の事も書いていきたいので、カテゴリーの見直しをしました。テーマがバラバラなブログですが、カテゴリーを整理すればカテゴリーのトップはテーマが統一された一覧ページになるのではないかという期待を込めてます。

カテゴリーのトップページは同じテーマの記事からの内部リンクが強制的に集まるので内的SEO効果は多少あるのではないでしょうか。

このような理由により、前述の「リスティング広告運用代行」と「ホームページ制作」のページもカテゴリーのトップにしてます。

それにしてもリスティング広告カテゴリーの話題が何もないですね。よくこれで商売してるなと思います。何か書かなくては…

ちなみに、当ブログで更新日が2014年12月25日前後のものが多いのもこの関係です。クイック編集からカテゴリーを変更するだけでも更新したことになるのでそうなってます。

追記:2015/9/2
1文字修正しただけで更新日が新しくなると、内容も最新であると誤解を与えてしまうので、内容に変更があるような更新をした時にだけ手動で更新日を記録するようにしました。

見出しタグの使い方の見直し

以前から画面の上部にh1タグ、記事のタイトルはh2タグでした。今回もそれは変わりません。

ただ、以前は文中の見出しでh2を使いすぎていましたので、今回はそれをh3に修正しました。

タイトルの事柄について書いているのに、文中の見出しでタイトルと同列のh2を使うのは、文書構造的におかしいかなと思ったのが理由です。

直さなくても問題ない構造の箇所もありますが、修正すべき箇所の方が圧倒的に多かったのでSQLで一括置換しました。そのため、idやclassが付いてるh2は修正できてない部分も残ってます。今後、手作業で修正してい
きます。

クリエイティブ・コモンズ写真の活用

サムネイルなどにflickr.comなどにあるクリエイティブコモンズの写真を使い始めました。ENJILOGさんの真似です。以前から写真の使い方がかっこいいと思ってました。

当時はクリエイティブ・コモンズの写真を積極的に使っているブログはENJILOGさんしか知らなかったのですが、最近はよく見かけるようになりましたのでこの機会に私も使い始めます。

クリエイティブ・コモンズ写真の近くに作品名とリンクを記載してます。記載がないものは記載の必要がないものです。

flickr

おすすめ情報ブログ ENJILOG(エンジログ)

個人のツイッターウィジェットを廃止

9割方仕事とは関係のないツイートをしてる個人のツイッターをサイドバーに貼っといても意味が無いので削除しました。その代わりに会社のツイッターを置いときます。一年以上前に作ったアカウントですが、ほとんどログインもせずに放置してきました。これからは意識の高いWEB・インターネット界隈の情報発信をしていきたいと思います。


2014年ももう終わります。今年は当ブログをほとんど更新しませんでしたが、来年からはしっかりとやっていきたいと思っておりますので、宜しくお願いいたします。


コメントを残す