異なるWebページの模型を虫眼鏡で比較する、紙細工のイラスト
解説用イラスト(AI生成)。実際の管理画面ではありません。
この手順でできること

自社の情報を無理なく掲載できるテーマを選べます。

作業を始める前に

  • 会社名、長めのサービス名、住所、問い合わせ先を用意します。
AT A GLANCE先に、全体の流れを確認
  1. 01下層ページ
  2. 02日本語の読みやすさ
  3. 03事実情報
  4. 04スマートフォン導線

下の各項目で、判断のポイントと確認方法を説明します。

進め方・判断のポイント 05 STEPS

01

トップ以外のページを開く

トップの第一印象が良くても、事業説明や会社概要が薄いと、相談前の不安は解消しません。デモではサービス詳細、会社情報、実績、記事、問い合わせを順に開きます。どのページからでも会社名と次の行動が分かるか確認してください。

✓ 完了の目印

必要な下層ページの構成を確認できました。

02

日本語が長くなった場合を想定する

英字の短い見出しが整っていても、日本語の長い業種名で改行が増えることがあります。文字サイズ、行間、見出しの幅、ボタンの高さを見ます。スマートフォンでは住所やメールアドレスが途中ではみ出さないかも確認します。

✓ 完了の目印

自社の長い名称でも読みやすい構成を選べました。

03

信頼を示す情報の置き場所を調べる

所在地、事業内容、対応範囲、担当窓口など、実在する情報を掲載する場所を確認します。架空の受賞歴や実績の数字で見栄えを埋めないようにします。写真が少ない会社なら、文章中心のサービス紹介でも余白が自然なテーマが使いやすくなります。

入力例・選択の目安
項目入力する内容・例
会社概要所在地・事業内容・連絡先実際の情報を確認できる。
サービス対象・対応範囲・流れ依頼できる仕事が分かる。
問い合わせフォーム・電話・受付時間訪問者が次に進める。
✓ 完了の目印

掲載できる事実を中心に構成を評価できました。

04

スマートフォンで相談まで進む

スマートフォン相当の幅でメニューを開き、サービスから問い合わせまで移動します。ボタンが重なったり、固定ヘッダーが見出しを隠したりしないか確認します。フォームの見本だけの場合は、送信機能の準備が別に必要かも商品説明で確かめます。

✓ 完了の目印

小さな画面でも迷わず相談窓口へ進めました。

05

担当者の変更しやすさを比較する

休業案内、料金、担当者、写真をどこで変えるか確認します。デザインが好みでも、毎回コード修正が必要な箇所が多いと更新が滞りがちです。候補を3つ程度に絞り、同じ確認表で比べるとデモの華やかさだけに左右されにくくなります。

✓ 完了の目印

見た目と運用の両方を満たす候補が残りました。

終わったら確認すること

  • デモの事業名・実績・人物写真は自社の事実と利用可能な素材へ置き換えます。

途中で困ったときは

同業種向けのテーマしか使えませんか?

必ずしも同業種である必要はありません。必要なページ構成と情報量、写真の使い方、編集方法が合うかで選べます。

参照した公式資料

画面や条件が異なる場合は、ご利用環境と公式の最新案内を確認してください。

手順確認日 2026.10.29 / 読む時間は目安です。操作に必要な時間は環境によって異なります。