- category
- システム会社
- 制作期間
- 約3ヶ月
- URL
- https://www.e-tohyo.com/
デザイン面とSEO面にも特化した最新のホームページにリニューアル
自社で運営を行っていたホームページがデザインと内容と共に古くなったため、新しいホームページにリニューアルしたいとご相談をいただきました。
リニューアル前のホームページの課題として、スマートフォン対応が施されていないこと、セキュリティー対策が行われていないこと、更新が行いにくいことなど上げられていました。
また、更にホームページからの相談件数を増やしたいということで、SEO対策面でも大きな改善をご希望いただいておりました。
デザイン、ユーザビリティー、SEOに特化したホームページへリニューアル
ホームページリニューアルの場合は、既存のホームページの詳細な調査が重要となります。
まずは、ホームページの構成を解析ツールと目視で1ページずつ丁寧に調査致します。
調査内容としては、各ページの<TITLE><DESCRIPTION><H1>タグなどの解析から、HTML構文の書き方を調査し、現在のホームページがGoogle等のサーチエンジンからどのように解析されているかということがメインとなります。
また、ページ構成をサイトマップにまとめ、不要なページ、統合できるページ、新たに追加が必要なページ等を検討しリニューアル後のホームページの構成を決定します。
更に、各ページ毎にSEO対策としてのメインキーワードを設定し、どのような情報を掲載するかページ毎に決定してゆきます。
全体の構成が確定後、トップページのデザイン制作に取り掛かります。
デザインについては、投票がネットでカンタンに行えるシステムということが一目で分かるよう、ファーストビューにあたるメインイメージをはじめ分かりやすさを考慮しています。
ファーストビューでは、システムの内容がカンタンに分かるようにYOUTUBEでの解説動画を設置しています。
また、背景イメージに動きを付けることでインパクトも与える工夫も行っております。
また、スマートフォン、タブレットなどの端末での操作性も考慮し、各ナビゲーションをタップしやすいサイズに設定しています。
表示される情報の見やすさについては、ブラウザのサイズいっぱいに情報が表示されるフルリキッドレイアウトを採用したため、通常のホームページで発生する左右に余白が発生しないため見やすくストレスを感じない仕様を心がけています。
SEOに特化した構造としては、各団体用にシステムのカスタマイズが自由に行えることをアピールできるように、シリーズ毎に詳細な解説ページを用意しています。
結果、各解説ページが「団体名」+「電子投票」で上位表示を実現しています。
セキュリティー対策としては、SSL対応を実施しております。
- ・自作で作成したホームページから見栄えの良い信頼性の高いものにリニューアルしたい。
- ・工場の設備や品質管理、有資格者が多数座席していることをアピールしたい。
- ・CMSを導入しお知らせ等を自信で更新したい。
- ・スマートフォンにも対応させたい。
今回の要望のまとめ
トップページリニューアル前
デザイン面では、それほど古さを感じないですが、ナビゲーションの配置などユーザービリティ―の面で改善が必要と感じました。
トップページリニューアル後
最新のシステムを提供する企業として、インパクトのあるデザインと表示の際にエフェクトをかけ印象に残るイメージを心がけています。
各サービス案内ページについて
下層ページのサービス案内ページについても、システムのメリットや導入実績、導入までの流れ、よくある質問、お問合せなど詳細な説明を行うことで、検索ユーザーにとって有益な情報を提供していると各サーチエンジンから評価を受け検索上位表示に繋がります。
ページが縦に長くなる場合は、ページの中盤、終盤にどのような内容があるのか分かるように上部に目次を用意しております。
また、文章が多くなるため読みつかれないようにフォントサイズを大きく設定し、余白も広くとるよう心掛けています。
スマートフォン対応について
フルリキッドレイアウトとして対応しており、スマートフォンでホームページにアクセスするとスマートフォンの画面に合わせてレイアウトが自動的に切り替わる仕様となります。
グローバルナビゲーションはプルダウン形式に、各ナビゲーションいついてもタップしやすく考慮した操作性に優れたデザインを心がけています。
制作担当者より
昔からの付き合いのある会社様だったため、SEOについての知識や技術についての共有がスムーズに行えたため、制作はスムーズに進みました。
既存サイトのリニューアルということもあり、リニューアル本公開後すぐ各ページの検索上位表示が確認できたため安心しました。
本公開後は検索順位やホームページの状況を確認しながら更にユーザービリティ―等の改善を行う予定です。
ありがとうございました。