HPのブラウザタブ、店名だけで大丈夫?ページごとの名前を決める

HPのブラウザタブ、店名だけで大丈夫?ページごとの名前を決める

記事
デザイン・イラスト
HPを依頼するとき、ページの中身は確認しても、ブラウザのタブに出る名前までは決めていない方へ。複数ページがあるなら、店名に加えて「何のページか」も分かる名前を用意しましょう。料金とアクセスを別々に開いたとき、戻りたい方を見分ける手がかりになります。

画面の見出しと、タブの名前は別の表示


こちらは、架空の美容室「HAIR SALON LUMEA」の制作見本です。自主制作の掲載用サンプルで、写真は生成イメージです。実店舗の写真や、受注・納品実績、集客成果を示すものではありません。

hp-overview.jpg


制作見本|トップページ全体。これはサイト内の全ページを並べた画像ではありません。上部の店名のほかに、メニューやアクセスなどの案内があります。

次は、実際にメニューページを開いて撮影した画面の一部です。ページ内には店名と、大きな見出し「メニュー」が表示されています。

hp1-menu-heading.jpg


制作見本|メニューページの見出しを拡大。これはページ本文の表示で、ブラウザのタブそのものを写した画像ではありません。

2026年11月11日に見本をブラウザで開いて確認したページタイトルは、次のように分かれていました。
トップ:ホーム | HAIR SALON LUMEA — 掲載用サンプル
メニュー:メニュー | HAIR SALON LUMEA — 掲載用サンプル

画面に大きく書く見出しと、タブに使われるページタイトルは別の設定です。画面に店名があることだけで、タブ側も適切になっているとは判断できません。

同じ店のページを、並べて開いてみる


たとえば、料金と所在地を行き来して検討する場面。どちらのタブも店名だけだと、開き直して中身を確かめる必要があります。「メニュー | 店名」「アクセス | 店名」なら、タブの文字から役割を読み取れる場合があります。これは説明用の名前の例です。

タブの表示幅は、端末や開いている数で変わります。長い名前が必ず全文表示されるとは考えず、見分けたい言葉を前の方に置き、実際のPCとスマホのタブ一覧でも確認します。一定の文字数に収めれば、どこでも切れないというものではありません。

店名を先に置く方が合う場合もある


いくつかのお店を比較する読者には、まず店名を見つけられることが大切な場合もあります。その場合は「店名 | メニュー」の順も候補です。同じ店の中のページを見分けてほしいのか、他のお店のページと見分けてほしいのかで考えます。

トップページと詳細ページで、必要な言葉が同じとは限りません。全ページを無理に別の呼び名にせず、共通の店名を保ちながら、ページごとの役割を足します。タイトルを整えるだけで検索順位や集客が上がる、という約束ではありません。

そのまま使える依頼メモ


・使用する店名・会社名の表記:____
・作るページと、それぞれの役割:____
・一緒に開いて比較してほしいページ:____
・名前の先頭で見せたい言葉:____
・画面内の見出しで残したい言葉:____
・確認する端末、表記を確認する担当者:____

記入例:「料金とアクセスを見比べてほしい。店名は短い正式表記に統一し、詳細ページでは役割もタブに入れたい」。完成したタイトル案まで作らなくても、この意図を伝えれば相談の材料になります。

ページ原稿と一緒に相談する


USER ABILITIESのHP制作では、構成・デザイン・実装、支給原稿の見出し整理に加え、ページタイトル・説明文などの基本SEO設定を案内しています。本文だけでなく、ページごとの名前も確認したいことを、上のメモと一緒にお伝えください。必要な掲載量と作業範囲は購入前にすり合わせます。

ホームページ制作サービス


サービス数100万件のスキルマーケット、あなたにぴったりのサービスを探す