オレンジの枠が「ページタイトルの帯」です。薄い部分は、まわりの部品のイメージです。
ページタイトルの帯
Page Header / Page Title
トップ以外のページの一番上に置く、「会社概要」「サービス」などのページ名を大きく出す帯。
別名下層ページの見出しサブヒーロータイトルエリア
入れるもの
- ページ名(日本語)
- 英語の小さな見出し(あれば)
- 背景の写真か色
- パンくずリスト
作るときのコツ
- トップのファーストビューより低くする
- どのページでも同じ形にそろえる
- 写真を使うなら、文字が読めるよう暗く重ねる
どこで使われている?
- よく見かける場所
- 会社やお店のホームページの、トップ以外のページ
- 使うとよい場面
- ページがいくつもあるサイトの各ページ
- いらない・注意する場面
- トップページ(ファーストビューを使う)
似ている部品との違い
AIへの指示文
LP(宣伝ページ) に入れるときの指示文です。作るものは右上の「何を作る?」で変えられます。
商品・サービスを宣伝する1ページのLP(ランディングページ)に、「ページタイトルの帯(Page Header / Page Title)」のセクションを作ってください。 内容:トップ以外のページの一番上に、背景に薄暗くした写真を敷き、その上に英語の小さな見出しと日本語のページ名を大きく出す、高さ低めの帯を置く。下にパンくずリストをつける。 入れるもの:ページ名(日本語)/英語の小さな見出し(あれば)/背景の写真か色/パンくずリスト 気をつけること:トップのファーストビューより低くする/どのページでも同じ形にそろえる/写真を使うなら、文字が読めるよう暗く重ねる スマホでも見やすいように、画面が狭いときは縦に並べてください。