ホームページが古いと感じたら｜作り直すべき9つのサイン

「古い」は見た目ではなく、お客様が困るかどうかで決める

「うちのホームページ、古いかもしれない」と感じるきっかけは、色や写真の雰囲気であることが多いと思います。ただ、見た目の好みだけで作り直すと、費用をかけたのに問い合わせが変わらない、ということが起きます。

判断に使いたいのは、次の2つです。

• 作りの古さ：スマホに合わせる設定や、通信を守る https など、今のお客様の見方に合っているか
• 中身の古さ：日付が止まっていないか、お客様が知りたいページがそろっているか、連絡しやすいか

作りが古いと、直せる範囲に限りがあります。中身が古いだけなら、直すだけで済むことが多くなります。リニューアル全体の判断軸と進め方は中小企業のホームページリニューアル完全ガイドにまとめています。この記事では、そのうち「古さのサイン」を一つずつ具体的に見ていきます。

作り直すべきかが分かる9つのサイン

ここで挙げるサインは、AKIMAのHP年齢診断が実際に判定に使っている項目です。診断では、ページのHTMLに残っている書き方から「何年ごろの作りか」を推定します。たとえば、スマホ用の設定がないのは2012年ごろより前、表で画面を組む書き方は2008年ごろまでによくある作り、という目安です。年はあくまで手がかりからの推定で、作った年そのものではありません。

サイン1：スマホで開くと、文字を拡大しないと読めない

スマホの画面に合わせて表示するための設定（viewport という1行の指定）がないと、パソコン用の画面を縮めたまま表示されます。お客様は指で拡大して、左右に動かしながら読むことになります。設定があっても、画面の横にはみ出す部分があると、ページが左右に揺れて読みにくくなります。文字が小さすぎる（12px未満）場合も同じです。

Googleは、登録と順位付けにスマホ版のページの内容を使うと説明しています（モバイルファーストインデックス）。スマホで読みにくいことは、お客様にとっても検索にとっても弱点です。

サイン2：表（table）やフレーム、Flashで画面が組まれている

昔のホームページは、表の枠を使って画面を区切ったり（2008年ごろまで）、画面をフレームで分けたり（2005年ごろまで）していました。文字の色や大きさを font タグという古い書き方で指定しているのも、同じ時代の作りです。こうしたページは、スマホに合わせて組み替えるのが難しく、部分的な手直しでは追いつきません。

動きのある画面にFlashを使っている場合は、すでに表示されていない可能性があります。Adobeは2020年12月31日でFlash Playerのサポートを終え、2021年1月12日からFlashの内容の実行をブロックしています。

サイン3：アドレスが http のまま

アドレスが https ではなく http で始まると、ブラウザに「保護されていない通信」と出ます。お客様には「このサイトは大丈夫か」と映ります。Googleも、ページが安全な方法で配信されているかを、使う人の体験として確かめる項目に挙げています。https のページでも、お問い合わせフォームの送り先だけが http になっていると、入力したお名前や電話番号が暗号化されずに送られます。警告の意味と直し方は「保護されていない通信」と出たときの記事で説明しています。

サイン4：いちばん新しい日付が何年も前

ページの下にある著作権表記（© 2016 など）や、お知らせの日付が何年も前のままだと、「この会社はまだ営業しているのか」と思われることがあります。HP年齢診断では、ページに書かれたいちばん新しい年を見て、去年より前なら注意、4年以上前なら早めに直したい項目として扱っています。

ここは、作り直さなくても直せることが多い部分です。ただし「お知らせを更新したくても、やり方が分からない」「制作会社に頼まないと変えられない」状態なら、更新の仕組みそのものを見直す時期です。

サイン5：電話番号を押しても電話がかからない

スマホで見ているお客様は、電話番号を押せばそのまま電話がかかると思っています。番号が文字や画像で書かれているだけだと、メモして打ち直す手間がかかり、そこで離れる人がいます。スマホで開いた最初の画面に、電話やお問い合わせの入口がないのも同じです。連絡先を探して下まで動かす必要があります。

サイン6：お問い合わせフォームがない

電話しか連絡手段がないと、夜や休みの日にホームページを見た人は、その場で問い合わせられません。フォームがある場合は、個人情報の取り扱い（プライバシーポリシー）が書かれているかも合わせて確かめます。個人情報を集めているのに説明がない状態は、信頼を下げます。

サイン7：お客様が知りたいページが足りない

HP年齢診断では、お客様が会社を選ぶときに見るページを9種類に分けて、いくつあるかを数えています。会社概要、事業・サービス、料金、実績・事例、お客様の声、よくある質問、アクセス、採用、お問い合わせの9つです。3種類以下なら、情報が大きく足りない状態として扱います。

特に料金の目安と実績・事例は、ないと「高そう」「任せて大丈夫か分からない」と思われ、問い合わせの前に離れる原因になります。

サイン8：検索結果に会社名や説明が正しく出ない

ページの題名（タイトル）がない、検索結果に出る説明文が設定されていない、ページの大見出しがない。こうした状態だと、会社名で検索しても、何の会社かが伝わりにくくなります。住所や営業時間を検索エンジンに分かる形で書いているか、ページの一覧（サイトマップ）があるかも、診断で見ている項目です。

サイン9：アクセスの数字が取れていない、部品が古い

Googleアナリティクスが古い版（ユニバーサルアナリティクス）のままだと、2023年7月1日から数字が処理されていません。何人来て、何人問い合わせたかが分からない状態です。また、WordPressや、jQuery という部品の古い版のまま更新が止まっているサイトもあります。WordPressの古い版は、乗っ取りに使われる弱点が知られていることがあります。

自分のスマホで5分でできる確かめ方

専門の道具がなくても、次の順番で多くのサインは確かめられます。

1. スマホで自社のトップページを開く：拡大しないで文字が読めるか。画面が左右に揺れないか
2. アドレス欄を見る：鍵のマークや「保護されていない通信」の表示を確かめる
3. 電話番号を押してみる：電話アプリが立ち上がるか
4. ページのいちばん下まで動かす：著作権表記やお知らせの年が何年か
5. メニューを開く：会社概要、事業内容、料金の目安、実績、よくある質問、採用、お問い合わせがあるか数える
6. お問い合わせフォームから自分あてに送ってみる：届くか、誰のメールに届くか
7. 会社名で検索する：検索結果に会社名と、何の会社かが分かる説明が出ているか

作りの古さ（スマホ用の設定、表のレイアウト、古い部品の版など）は、画面を見るだけでは分かりにくい部分です。HP年齢診断にURLを入れると、HTMLに残っている手がかりから推定した「何年製」と、見つかった手がかり、上のサインの判定をまとめて確かめられます。