「あの部分、なんて名前？」

ページの一番上にある帯。ロゴと、ほかのページへのメニューを並べる。

ページを開いて最初に見える、大きな見出しと写真の部分。ここで「自分に関係ある」と思ってもらう。

トップの大きな写真が、何枚か自動で切り替わるもの。キャンペーンや複数の商品を順に見せる。

ページの一番上の細い帯に、「送料無料」「年末年始のお休み」などの短いお知らせを出すもの。

「ホーム ＞ 商品一覧 ＞ 今のページ」のように、今いる場所を示すリンクの並び。

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

「こんなお悩みありませんか？」と、読む人の困りごとを並べて「自分のことだ」と思ってもらう部分。

「3つの特徴」「選ばれる理由」として、よいところをアイコンと短い文で並べる部分。

申し込みから利用までの手順を、番号と矢印で順番に見せる部分。「かんたんそう」と思ってもらう。

会社やお店が何をしているかを、写真付きのカードで並べて紹介する部分。

使う前と使った後を左右に並べて、どれくらい変わるかを見せる部分。

自分のサービスとほかのやり方の違いを、○や×の表で比べる部分。

「導入社数 3,000社」「満足度 98%」など、実績を大きな数字で並べる部分。

会社のあゆみや自分の経歴を、縦の線と年で順番に並べる部分。

働いている人を、顔写真・名前・ひと言で紹介する部分。「どんな人がいるか」で安心してもらう。

代表や店主が、仕事への想いを自分の言葉で伝える部分。写真と署名を添える。

作品や店内の写真を、格子状にたくさん並べて見せる部分。押すと大きく表示される。

お店の商品やコースと値段を、一覧で並べる部分。飲食店や美容室で使う。

自分の写真・名前・得意なことを紹介する部分。ポートフォリオやブログで使う。

商品の写真・値段・色やサイズの選択・「カートに入れる」ボタンをまとめた、ネットショップの中心の部分。

実際に使った人の感想を、写真や星の数と一緒に並べる部分。

使ってくれている会社のロゴを並べて、「有名な会社も使っている」と信頼してもらう部分。

実際のお客さまが、どんな悩みをどう解決したかを、写真付きで紹介する部分。

テレビや雑誌で紹介されたことを、媒体名やロゴで見せて信頼してもらう部分。

「30日間返金保証」「いつでも解約OK」など、申し込みの不安をなくすための約束を見せる部分。

「今すぐ無料で試す」などの大きなボタンを置き、申し込みや問い合わせをしてもらうための帯。

スクロールしても画面の下や端にずっと出ている、申し込みや予約のボタン。

料金プランを2〜4個の箱に並べ、できることの違いを比べられるようにする部分。

名前やメールアドレス、内容を入力して送ってもらう部分。

メールアドレスやLINEで、お知らせを受け取る登録をしてもらう部分。特典をつけることが多い。

セールや特集を知らせる、横長の目立つ画像やカード。押すと詳しいページへ移る。

「終了まであと 2日 10時間」のように、キャンペーンの締め切りまでの残り時間を見せる部分。

よく聞かれる質問と答えをまとめた部分。質問を押すと答えが開く形が多い。

日付とタイトルを新しい順に並べた、お知らせのリスト。

ブログやコラムの記事を、写真・タイトル・日付のカードにして並べる部分。

商品の写真・名前・値段をカードにして並べる部分。ランキングや「こちらもおすすめ」にも使う。

地図と住所・営業時間・電話番号をまとめた、お店や会社の場所を伝える部分。

会社名・設立・代表者・所在地などを、表にまとめた部分。

どんな人を募集しているか、仕事内容や条件、応募の方法を伝える部分。

InstagramなどのSNSの最新の投稿を並べたり、フォローボタンを置いたりする部分。

ページの一番下にある帯。サイトのリンク一覧や会社情報、著作権の表示（©）を置く。

画面の下に出る「Cookieを使います。同意しますか？」という帯。海外のお客さまがいるサイトでは特に必要。