2026年に「古く見える」ホームページの特徴7つと、AIへの頼み方

「なんとなく、うちのホームページは古く見える気がする」。そう感じていても、どこが古いのか、何をどう直せばいいのかは、なかなか言葉にしにくいものです。制作会社に相談しようにも、「今っぽくしてください」だけでは伝わらない気がして、そのままにしている方も多いのではないでしょうか。

実は、古く見えるホームページにはいくつかの共通点があります。この記事では、その特徴を7つに分けて、自分のサイトで確かめられる形にまとめました。それぞれに、AIに直してもらうときのそのまま使える頼み方も添えています。全部を一度に直す必要はありません。気になった一か所から始められます。

まずはチェック: あなたのサイトはいくつ当てはまる?

自分のホームページを、パソコンとスマホの両方で開いて、次の7つを確かめてみてください。

#	古く見える特徴	確かめ方
1	文字が小さく、行と行がつまっている	スマホで本文を読むと、目を細めたくなる
2	余白が少なく、情報がぎっしり	画面いっぱいに文字や枠が並んでいる
3	紺や緑のベタ塗りの帯、左側のメニュー列	2010年代によくあった「型」になっている
4	スマホで崩れる・横にはみ出す	表や画像が画面からはみ出す、横にずれる
5	写真が小さい・暗い・画質が粗い	写真より文字が目立っている
6	問い合わせの入口が目立たない	電話番号を押しても電話がかからない
7	更新が止まって見える	お知らせが何年も前、「© 2019」のまま

3つ以上当てはまったら、見た目の印象で損をしているかもしれません。ここからは、1つずつ「なぜ古く見えるのか」と「AIへの頼み方」を見ていきます。

上の画像は、私たちが検証のために用意した架空の会社サイトです。紺色の帯、小さな文字、ぎっしり並んだ情報——心当たりのある方も多いと思います。

特徴1 文字が小さく、行と行がつまっている

パソコンの画面が小さかった頃のホームページは、たくさんの情報を詰め込むために文字を小さくしていました。今はスマホで見る人が多く、本文は大きめの文字と、ゆったりした行の間隔が読みやすいとされています。

文字の大きさは、見た目の印象をいちばん大きく左右します。ここを直すだけでも「新しくなった」と感じてもらいやすい部分です。

頼み方の例: 全ページの本文を、スマホでも読みやすい大きさにして、行の間隔を少し広げてください。文章の内容と、パソコンでの配置は変えないでください。

特徴2 余白が少なく、情報がぎっしり

「伝えたいことを全部見せたい」という気持ちから、画面いっぱいに情報を並べてしまうのはよくあることです。ただ、余白が少ないと、どこを読めばいいか分からず、結局どれも読まれないことになりがちです。

今のホームページは、1つの画面で伝えることを絞り、まわりに余白をとるものが多くなっています。

頼み方の例: トップページの各まとまりのあいだに余白をとって、見出しと本文の区切りを分かりやすくしてください。載せている情報は減らさないでください。

特徴3 紺や緑のベタ塗りの帯、左側のメニュー列

上の画像のような、濃い色で塗りつぶした上の帯や、左側に縦に並んだメニューは、2010年代によく使われた作りです。悪いものではありませんが、今見ると「昔のホームページ」という印象を与えやすい部分です。

色そのものを変えなくても、帯を細くする、白を基調にして色は一部だけに使う、といった調整で印象はかなり変わります。

頼み方の例: サイト全体を、白を基調にした今のコーポレートサイトらしい見た目にしてください。会社の色(紺色)はボタンや見出しの線など一部に残してください。文章・写真・ページの構成は変えないでください。

特徴4 スマホで崩れる・横にはみ出す

スマホで見ると、表が画面からはみ出す、画像が横にずれる、文字が重なる——これは「古い」と感じられるだけでなく、読んでもらえないという点で損が大きい部分です。スマホで崩れる原因と直し方は、スマホでホームページが崩れる原因と直し方でも詳しく解説しています。

頼み方の例: スマホで見たときに、会社概要の表が画面からはみ出さないようにしてください。パソコンでの見た目は変えないでください。

特徴5 写真が小さい・暗い・画質が粗い

写真は、文字よりも先に目に入ります。小さい・暗い・粗い写真は、それだけで「手入れされていないサイト」という印象を与えやすくなります。

いちばん効果が大きいのは、トップページのいちばん上の写真(最初に目に入る大きな写真)です。ここを明るく大きな写真に変えるだけで、サイト全体の印象が変わることもあります。手元に良い写真がなければ、AIで写真風の画像を作る方法もあります(ただし、実在の店内や人物のように見せない、といった注意が必要です)。

頼み方の例: トップページのいちばん上の写真を、画面の横幅いっぱいに大きく表示してください。写真の上に会社名とひと言をのせて、読みやすいように写真を少し暗くしてください。

特徴6 問い合わせの入口が目立たない

見た目だけでなく、使いにくさも「古さ」として伝わります。問い合わせのボタンがページの一番下にしかない、スマホで電話番号を押しても電話がかからない——こうしたところは、せっかく来てくれた人を逃してしまいます。問い合わせが来ない原因は、問い合わせが来ないホームページに共通する5つの原因でもまとめています。

頼み方の例: スマホで見たときに、画面の下に「電話する」と「お問い合わせ」のボタンがいつも表示されるようにしてください。電話番号は押すと電話がかかるようにしてください。

特徴7 更新が止まって見える

お知らせの最新が何年も前、フッターの年号が「© 2019」のまま。こうした細かいところは、「この会社は今も営業しているのかな?」という不安を招きます。中身を毎月更新するのが難しくても、止まって見えないように整えることはできます。

頼み方の例: トップページのお知らせ欄は、最新の3件だけを表示してください。フッターの年号は、毎年自動で今年の年になるようにしてください。

AIに頼むときの3つのコツ

ここまでの頼み方の例には、共通するコツがあります。私たちが何十回もAIに修正を頼んで確かめた中で、仕上がりを大きく左右したのは次の3つでした。

1. 変えてよい範囲と、変えない範囲をはっきり言う 「文章は変えない」「パソコンの見た目は変えない」と添えるだけで、頼んでいないところまで変わってしまうことを防げます。
2. 何のために直すのかを伝える 「スマホで読みやすくしたい」「問い合わせを増やしたい」と目的を伝えると、AIがやり方を選びやすくなります。
3. 一か所ずつ頼む 全部をまとめて頼むより、「まず文字の大きさ」「次に写真」と分けたほうが、仕上がりを確かめやすく、気に入らなければ戻すのも簡単です。

具体的な変わり方は、実録: 20年前の見た目のホームページ、AIでリニューアルしたら20分だったで、依頼の言葉から仕上がりまで画像つきで紹介しています。

AIに直してもらうという選択肢(Revibe)

Revibe(リバイブ)は、今あるWordPressのホームページを、AIと会話しながら直せるサービスです。この記事の「頼み方の例」を、ほぼそのまま話しかければ、AIがすぐに直しはじめます。

直した結果は、下書きとして本物のサイトに出す前に見比べて確かめられます。納得したら「本番に反映する」を押すだけで、あとから元に戻すこともできます。登録と運営への相談は無料で、AIの作業は使った分だけのお支払いです。

よくある質問

全部を一度に直さないといけませんか?

いいえ。気になったところから一か所ずつで大丈夫です。むしろ一か所ずつのほうが、変化を確かめながら進められます。始めやすいのは、文字の大きさか、トップページのいちばん上の写真です。

「今っぽく」とだけ頼んでも大丈夫ですか?

伝わらなくはありませんが、仕上がりが思ったものと違うことがあります。「白を基調に」「文章は変えない」のように、方向と変えない範囲を添えると、思いどおりに近づきやすくなります。

自分で撮った写真を使えますか?

使えます。お店や商品、スタッフの写真は、ご自身で撮ったものがいちばん伝わります。手元にない場合は、写真風の画像を作る方法もあります。

直している途中で、お客様に崩れたページが見えてしまいませんか?

AIが直す作業を、本物のサイトとは別の場所で行う方法を選べば、途中の状態が見えることはありません。確かめてから切り替える形を選ぶのがおすすめです。

まとめ

• 古く見える原因は、文字・余白・帯とメニュー・スマホ表示・写真・問い合わせの入口・更新の7つに分けられる
• AIに頼むときは「変える範囲」「変えない範囲」「目的」を添え、一か所ずつ頼むと思いどおりに近づく
• まずはチェック表で当てはまるものを数えて、いちばん気になる一か所から始めてみてください