← 一覧へ

オレンジの枠が「ページタイトルの帯」です。薄い部分は、まわりの部品のイメージです。

ページの最初会社お店個人サイト定番

ページタイトルの帯

Page Header / Page Title

トップ以外のページの一番上に置く、「会社概要」「サービス」などのページ名を大きく出す帯。

別名下層ページの見出しサブヒーロータイトルエリア

入れるもの

  • ページ名(日本語)
  • 英語の小さな見出し(あれば)
  • 背景の写真か色
  • パンくずリスト

作るときのコツ

  • トップのファーストビューより低くする
  • どのページでも同じ形にそろえる
  • 写真を使うなら、文字が読めるよう暗く重ねる

どこで使われている?

よく見かける場所
会社やお店のホームページの、トップ以外のページ
使うとよい場面
ページがいくつもあるサイトの各ページ
いらない・注意する場面
トップページ(ファーストビューを使う)

似ている部品との違い

AIへの指示文

LP(宣伝ページ) に入れるときの指示文です。作るものは右上の「何を作る?」で変えられます。

商品・サービスを宣伝する1ページのLP(ランディングページ)に、「ページタイトルの帯(Page Header / Page Title)」のセクションを作ってください。

内容:トップ以外のページの一番上に、背景に薄暗くした写真を敷き、その上に英語の小さな見出しと日本語のページ名を大きく出す、高さ低めの帯を置く。下にパンくずリストをつける。

入れるもの:ページ名(日本語)/英語の小さな見出し(あれば)/背景の写真か色/パンくずリスト
気をつけること:トップのファーストビューより低くする/どのページでも同じ形にそろえる/写真を使うなら、文字が読めるよう暗く重ねる

スマホでも見やすいように、画面が狭いときは縦に並べてください。