COLUMN
よく検索されるキーワード
2026/07/01
デザイン・ブランディング“信頼される文章”に見せるデザイン｜行間・段落・余白の文章レイアウト術
文章が読まれない原因は“内容”より「レイアウト（見せ方）」のことが多い 「文章はしっかり書いたのに読まれていない」「説明しているのに問い合わせにつながらない」 このような場合、内容そのものより先に見直すべきなのが文章レイアウトです。 ユーザーは文章を読む前に、まず見た目で判断しています。 パッと見て文字が詰まっている 長文が続いている 要点が分からない この状態では、内容が良くても読まれません。 つまり文章レイアウトは、読みやすさだけでなく信頼感にも直結する重要な要素です。 まず結論：文章レイアウトは「分ける・空ける・要点化」で信頼が上がる 文章を読みやすくするために、難しいテクニックは必要ありません。 大切なのは次の3つです。 分ける（段落や見出しで情報を小分けにする） 空ける（余白や行間で圧迫感を減らす） 要点化する（箇条書きや太字で拾い読みしやすくする） この3つを意識するだけで、同じ内容でも読みやすさと信頼感が大きく変わります。 文章が安っぽく見える・読まれない原因 行間が詰まっていて圧迫感がある 行間が狭い文章は、読む前から疲れそうな印象を与えます。 その結果、内容を読む前に離脱される可能性が高くなります。 1段落が長すぎる Webでは長い段落ほど読まれにくくなります。 1段落につき1つの内容に絞ることで、理解しやすくなります。 見出しだけで内容が分からない 「概要」「詳細」など抽象的な見出しは、拾い読みの邪魔になります。 見出しだけ読んでも内容が分かる状態が理想です。 強調が多すぎる 太字や色文字を使いすぎると、どこが重要なのか分からなくなります。 強調は本当に伝えたい部分だけに絞りましょう。 箇条書きがなく要点が埋もれている 特徴や条件、手順などを文章だけで説明すると、重要なポイントが埋もれてしまいます。 比較や列挙は箇条書きの方が伝わります。 余白がなく窮屈に見える 余白がないページは、安っぽく見えやすくなります。 余白はコストをかけずにサイトの品質を高められる要素です。 信頼を作る文章レイアウトの基本ルール 行間はゆとりを持たせる 文章を読んでもらいたいなら、行間は広めに確保しましょう。 行間に余裕があると視線が流れやすくなり、最後まで読みやすくなります。 1段落＝1メッセージを意識する 段落は話題を切り替える単位です。 1つの段落で複数の話題を扱わず、伝えたいことを絞ることで理解しやすくなります。 余白で情報を整理する 余白は次の3段階で考えると整理しやすくなります。 段落間の余白 ブロック内の余白 セクション間の余白 余白の大小にメリハリをつけることで、情報が自然に整理されます。 見出しを先に設計する 見出しはページ全体の地図です。 理想は、見出しだけ読んでも内容の8割が理解できる状態です。 強調ルールを決める おすすめのルールは次の通りです。 太字：1セクションにつき1〜3箇所 色文字：CTAや重要導線のみ 下線：基本的には使用しない 強調しすぎるほど、逆に重要な部分が伝わりにくくなります。 比較や条件は箇条書きにする 次のような内容は箇条書きに向いています。 特徴 条件 手順 メリット・デメリット 比較項目 文章で説明するよりも、理解が早くなります。 ページ別のおすすめ構成 サービス紹介ページ サービス紹介は次の順番が基本です。 構成例 結論 理由 具体例 FAQ CTA ユーザーの疑問に順番に答える構成にすると、離脱が減ります。 料金ページ 料金ページは次の流れが分かりやすいです。 構成例 料金の目安 内訳 条件 注意事項 CTA 条件や追加費用の可能性は、見つけやすい位置に配置しましょう。 代表挨拶・想いページ 想いを伝えるページは長文になりがちです。 読まれやすい構成 短い文章 具体的なエピソード 写真 を組み合わせると信頼感が高まります。 既存文章を読みやすくする5ステップ 1. 結論を冒頭に置く 最初に何を伝えたいのかを明確にします。 2. 見出しを言い切り型にする 内容が想像できる見出しに変更します。 3. 段落を分解する 1段落1メッセージを意識して整理します。 4. 箇条書きと太字で要点化する 重要な情報を視覚的に整理します。 5. 余白を増やす 文章を書き直す前に、まず余白を整えるだけでも効果があります。 このまま使えるチェックリスト レイアウトチェック 結論が冒頭にある 見出しだけで内容が理解できる 1段落が長すぎない 箇条書きが適切に使われている 太字が多すぎない 十分な余白がある CTAが文脈の最後に配置されている まとめ：文章は「内容」だけでなく「見せ方」で読まれる 文章が読まれるかどうかは、内容だけでは決まりません。 行間や余白、見出し、箇条書きなどのレイアウトを整えることで、 読みやすい 分かりやすい 信頼できる という印象を作ることができます。 まずは文章を書き直す前に、「分ける・空ける・要点化する」の3つを見直してみましょう。 無料相談 Refuでは、既存ページの文章を分析し、「どこで読みにくさが発生しているか」を整理したうえで、見出し設計・段落構成・余白設計・CTA改善まで一貫してサポートしています。 「文章はあるのに反応が薄い」「内容は良いはずなのに読まれない」とお悩みの方は、お気軽にご相談ください。 ▶ 無料相談はこちらから その他おすすめ記事はこちら “なんとなく見づらい”を解決する情報設計｜見出し・箇条書き・図解の使い分け 信頼感を底上げする「余白・整列・視線誘導」レイアウト設計の基本 フォント選びで損しない｜和文・欧文の組み合わせと読みやすさの鉄則 料金ページのデザインで失注を防ぐ｜見せ方・不安解消・注意点まとめ 更新しても世界観が崩れない｜デザインガイドライン（簡易版）の作り方
2026/06/30
リニューアル・運用ノウハウ競合サイト分析のやり方｜デザイン・導線・コンテンツを“真似せず超える”方法
競合サイト分析とは？リニューアルで失敗しないための競合分析の進め方 競合サイト分析というと、「デザインを真似する」「構成をコピーする」といったイメージを持たれがちです。 しかし本来の目的は違います。 競合分析とは、市場の最低ラインと、選ばれている理由を把握し、自社の勝ち筋を見つける作業です。 つまり、競合を見ることで次の2つが明確になります。 比較されたときに負けないための最低ライン 選ばれるための差別化ポイント ホームページのリニューアルで成果を出すためには、競合分析は欠かせない工程のひとつです。 競合分析で得られる3つの成果 競合分析を行うことで、リニューアルの方向性が明確になります。 施策の優先順位が決まる 競合と比較することで、 どこを改善すれば成果につながるのか 何を後回しにできるのか が見えてきます。 すべてを改善するのではなく、効果の高い部分から着手できます。 コンテンツの抜け漏れを発見できる 競合サイトを見比べることで、 料金ページ 導入事例 よくある質問 会社概要 など、自社に不足している情報に気づくことができます。 自社の強みを言語化できる 競合との比較を通じて、 何が強みなのか どこで差別化できるのか が明確になります。 差別化は「考える」よりも「比較する」ことで見つかることが多いです。 まず結論：競合は「集客→訴求→信頼→CV」で分解する 競合分析でありがちなのが、最初にデザインを見てしまうことです。 しかし、本当に見るべきなのは次の4つです。 集客 どこから人を集めているか 訴求 何を強みとして伝えているか 信頼 なぜ信頼されているのか CV導線 どうやって問い合わせにつなげているか デザインはその結果として作られています。 まずは戦略部分を分析しましょう。 分析する競合の選び方 直接競合 自社と同じサービスを提供している会社です。 価格帯や対象顧客が近い会社を選びます。 検索競合 検索結果で上位表示されている会社です。 実際にユーザーが比較する可能性があります。 比較競合 顧客から比較されやすい会社です。 規模やエリア、実績などが近い企業が該当します。 競合数の目安は3〜5社 多すぎると分析が散漫になります。 まずは3〜5社程度が現実的です。 集客分析｜どこから人を集めているか SEOの入口ページを確認する 競合サイトの中で、 サービスページ 記事ページ 料金ページ 事例ページ のどこが充実しているかを確認します。 検索流入を意識している会社ほど、入口ページが多く用意されています。 SNSや広告の導線を見る 広告を出している企業は、 LP構成 CTA 比較情報 FAQ などが整理されているケースが多いです。 参考になる要素を確認しましょう。 指名検索対策を見る 強い会社ほど、 何の会社か なぜ信頼できるのか がトップページで瞬時に伝わります。 訴求分析｜何を強みとして伝えているか ファーストビューを確認する 強いサイトは、最初の画面で次の3つが伝わります。 誰向けか 何を提供するのか なぜ選ばれるのか この3点が明確になっているか確認します。 強みの見せ方を分析する 競合が何を強みとしているのかを整理します。 例 地域密着 実績数 価格 サポート体制 専門性 など 価格やプランの見せ方を見る 価格を掲載していない場合でも、 費用の考え方 相場感 見積り例 などで不安を解消しているケースがあります。 信頼分析｜なぜ信頼されているか 事例の見せ方を確認する 成果が出ている競合は、事例を単なる実績紹介で終わらせていません。 よくある成功パターン 課題（Before） 施策（Process） 結果（After） お客様の声 という流れで構成されています。 お客様の声の活用方法を見る 掲載されている場合は、 具体性があるか 信頼できる内容か ターゲットが近いか を確認します。 会社情報の充実度を確認する 信頼を獲得している会社ほど、 代表者情報 会社概要 沿革 スタッフ紹介 などが充実しています。 CV導線分析｜どうやって問い合わせにつなげているか CTAの配置を確認する 競合サイトで使われているCTAを整理します。 例 無料相談 見積り依頼 資料請求 電話相談 LINE相談 また、 ファーストビュー 本文途中 ページ末尾 のどこに配置されているかも確認しましょう。 フォームの作りを見る 確認したいポイントは次の通りです。 項目数 入力しやすさ 安心材料の有無 個人情報の説明 などです。 回遊導線を確認する 問い合わせ前に見られることが多いページとして、 事例 料金 FAQ があります。 これらへの導線が用意されているか確認しましょう。 デザイン分析で見るべきポイント 見た目ではなく情報設計を見る デザインの好みは人によって違います。 重要なのは、 強みが伝わるか 根拠が見えるか CTAが見つかるか です。 スマホで確認する 特に重要なのがスマホ表示です。 チェックポイント 何の会社か分かるか CTAが見つけやすいか 読みやすいか を確認しましょう。 コンテンツが量産しやすい構造か 事例やブログが継続的に更新されている会社は、 テンプレート化された構造になっていることが多いです。 運用のしやすさも参考になります。 競合を真似せず超える方法 最低ラインは必ず揃える 競合が標準的に持っているものは整備しましょう。 例 事例 FAQ 料金情報 会社概要 など 競合が弱い部分を見つける 差別化は競合の弱点から生まれます。 例えば、 進行の透明性 サポート体制 分析レポート 更新支援 などです。 自社だけの根拠を出す 最終的な差別化は、 実績 経験 ノウハウ 現場情報 といった一次情報から生まれます。 真似ではなく、自社ならではの情報を増やしましょう。 このまま使える競合分析テンプレート 競合ごとに次の項目を整理すると比較しやすくなります。 基本情報 会社名 URL ターゲット 訴求 強み キャッチコピー 差別化ポイント 信頼 事例数 お客様の声 実績 会社情報 CV導線 CTAの種類 CTAの配置 フォーム項目数 コンテンツ ブログ 事例 FAQ 料金ページ デザイン 情報の優先順位 スマホ対応 写真の使い方 自社の差別化案 勝てるポイント 強化すべきポイント まとめ：競合分析は「真似」ではなく「勝ち筋探し」 競合分析の目的は、競合サイトをコピーすることではありません。 市場の最低ラインを知る 自社の強みを見つける 優先順位を決める ための作業です。 まずは3〜5社を選び、 「集客 → 訴求 → 信頼 → CV」 の順で比較してみましょう。 リニューアルで何を改善すべきかが、驚くほど明確になります。 無料相談 Refuでは、競合サイト分析から、差別化ポイントの整理、サイトマップ設計、ワイヤーフレーム作成、公開後の改善運用まで一貫してサポートしています。 「競合との差別化が難しい」「何を改善すれば成果が出るか分からない」という方は、お気軽にご相談ください。 ▶ 無料相談はこちらから その他おすすめ記事はこちら リニューアル前に必ずやるべき現状分析｜GA4×サーチコンソール×ヒートマップの使い分け サイトリニューアルの要件定義｜目的・KPI・優先順位の決め方 サイトマップ作成の基本｜リニューアルで迷わないページ設計の決め方 E-E-A-Tを強化するサイト改修ポイント｜信頼を積み上げる情報設計 コンバージョン率を上げる導線設計とは？成果を生むページ構成の考え方
2026/06/24
デザイン・ブランディングヘッダー・グロナビの正解は？迷わせないメニュー設計の基本
グロナビで迷わせると、良いコンテンツでも読まれない ヘッダーやグローバルナビゲーション（グロナビ）は、サイト全体の“案内板”です。 ここが分かりにくいと、ユーザーは次のような状態になります。 欲しい情報にたどり着けない どこを見ればいいか分からない 比較検討が進まず離脱する つまりグロナビは、デザインの問題ではなくUI/UXに直結する重要な要素です。 良いコンテンツがあっても、必要なページへ案内できなければ成果にはつながりません。 まず結論：メニューは「探す導線」ではなく“決める導線”として設計する よくある誤解が、「メニューはすべてのページへの入口を並べるもの」という考え方です。 しかし実際は違います。 本来のグロナビは、 ユーザーが迷わず判断できる 次に見るべきページが分かる 問い合わせや資料請求につながる ための導線です。 項目を増やすほど親切に見えますが、実際には選択肢が増え、迷いも増えてしまいます。 メニュー設計で押さえるべき3つの原則 ユーザーの目的別に並べる グロナビは社内都合ではなく、ユーザーの行動順で設計します。 多くのユーザーは次の流れで情報を探します。 何をしている会社か知りたい 信頼できるか確認したい 費用感を知りたい 自社に合うか判断したい 問い合わせしたい そのため、 サービス 事例 料金 FAQ 問い合わせ の順番が分かりやすいケースが多くなります。 迷う要素を減らす ユーザーが迷う原因は主に次の3つです。 項目数が多すぎる 言葉が抽象的 階層が深すぎる 改善の基本は「増やす」ではなく「減らす」です。 次の行動を見せ続ける グロナビの役割は回遊だけではありません。 問い合わせや資料請求など、行動につなげることも重要です。 そのため、 お問い合わせ 無料相談 資料請求 などのCTAは常に見える位置に配置しましょう。 スマホの場合は電話ボタンやLINE導線も有効です。 項目数の目安｜多すぎると迷い、少なすぎると不安になる PCは5〜7項目が基本 中小企業サイトの場合、グロナビは5〜7項目程度が最も見やすい傾向があります。 それ以上になる場合は、項目の統合を検討しましょう。 スマホは優先導線だけを表示する スマホでは画面が狭いため、優先度の高いページを中心に構成します。 優先度が高いページの例 サービス 事例 料金 FAQ お問い合わせ 会社概要や採用情報、ブログなどは下層に配置しても問題ありません。 サービスが多い場合は整理する サービスが多い場合は、そのまま並べないようにします。 目的別で整理する例 集客したい方へ 採用したい方へ ブランディングを強化したい方へ 対象別で整理する例 新規ホームページ制作 サイトリニューアル 運用改善サポート ユーザーが選びやすい軸で整理することが重要です。 並び順の正解｜ユーザーが探す順番で配置する 最初に置くべきはサービス ユーザーはまず、 「何をしてくれる会社なのか」 を確認します。 サービスが見つけにくいサイトは、それだけで不利になります。 次に置くべきは信頼情報 比較検討で重要なのは次の3つです。 事例 料金 FAQ これらは迷わず見つけられる位置に配置しましょう。 会社概要は後ろでも問題ない 会社概要は重要ですが、多くのユーザーは最後に確認します。 そのため、 サービス → 事例 → 料金 → FAQ → 会社概要 という流れが自然です。 ※採用サイトの場合は例外もあります。 ラベル（メニュー名）の付け方 抽象語は避ける 次のような表現は、何があるのか分かりにくくなります。 NG例 事業内容 特徴 こだわり 改善例 サービス 選ばれる理由 事例 ユーザーが見ただけで内容を想像できる言葉を選びましょう。 ユーザーが使う言葉に寄せる 社内用語ではなく、ユーザーが検索・利用する言葉を使います。 例えば、 制作実績 → 事例 サポート内容 → サービス のように、より分かりやすい表現へ置き換えます。 粒度を揃える メニュー内の表現は統一感が重要です。 良い例 サービス 事例 料金 FAQ 会社概要 悪い例 サービス 実績紹介 お問い合わせする 会社情報 名詞と動詞が混在すると読みにくくなります。 スマホのハンバーガーメニュー設計 1画面で全体像が見えるようにする メニューを開いた瞬間に主要導線が見える構成が理想です。 階層が深くなるほど離脱率は上がります。 タップしやすさを優先する スマホは指で操作するため、押しやすさが重要です。 確認したいポイント 文字が小さすぎない 項目同士が近すぎない 行間や余白が十分ある 問い合わせ導線を常に見せる スマホでは「今すぐ問い合わせたい」が起こりやすくなります。 そのため、 電話ボタン 問い合わせボタン LINE相談ボタン などを適切に配置しましょう。 よくあるNG例7つ 項目が10個以上ある 選択肢が多すぎて迷います。 抽象的なラベルばかり 内容が想像できずクリックされません。 サービスが整理されていない 何を提供している会社か分かりません。 会社情報が先頭にある サービスより先に会社概要を見せても成果につながりにくくなります。 CTAがない 次に何をすれば良いか分かりません。 スマホで押しづらい 小さすぎるボタンや狭い余白は離脱の原因になります。 重要ページへたどり着きにくい 料金・事例・FAQが見つけにくい状態は機会損失につながります。 改善の進め方｜最短で成果につなげる手順 ユーザーの目的を整理する まずはユーザーが何を探しているか整理します。 項目を5〜7個に絞る 不要な項目は統合します。 ラベルを見直す 抽象語をやめて具体的な表現へ変更します。 並び順を最適化する 次の順番を基本に考えます。 サービス → 信頼 → 不安解消 → 行動 スマホを最優先で確認する 余白・階層・CTA配置を見直します。 このまま使えるグロナビ構成テンプレ 制作会社・運用支援会社向け サービス 事例 料金 よくある質問 会社概要 お問い合わせ ※お問い合わせはボタン化がおすすめです。 サービスが多い場合 集客したい方へ 採用したい方へ ブランドを整えたい方へ 事例 料金 お問い合わせ 目的別に整理すると迷いにくくなります。 まとめ：グロナビは“会社案内”ではなく“導線設計” ヘッダーやグローバルナビゲーションは、単なるページ一覧ではありません。 成果につながるグロナビは、 項目数を絞る 分かりやすい言葉を使う ユーザーの行動順に並べる CTAを見える位置に置く という基本を押さえています。 サービス → 信頼 → 不安解消 → 行動 この流れで設計するだけでも、回遊率や問い合わせ率は改善しやすくなります。 無料相談 Refuでは、現状サイトの導線分析を行い、グロナビの整理・項目統合・ラベル改善・スマホ最適化まで含めて改善提案を行っています。 「メニューが増えすぎて整理できない」「ユーザーが迷っている気がする」など、お気軽にご相談ください。 ▶ 無料相談はこちらから その他おすすめ記事はこちら スマホで差がつくUI改善｜押しやすさ・読みやすさのチェックポイント CTA（問い合わせ・資料請求）を押したくなるデザイン改善チェックリスト “なんとなく見づらい”を解決する情報設計｜見出し・箇条書き・図解の使い分け トップページで信頼を作る「会社の見せ方」テンプレ｜最短で整う構成例 信頼感を底上げする「余白・整列・視線誘導」レイアウト設計の基本
2026/06/23
リニューアル・運用ノウハウフォームスパム対策まとめ｜reCAPTCHAだけに頼らない防止策
フォームスパムは、「迷惑メールのようなものだから」と放置されがちですが、実際には問い合わせ機会の損失や運用負担の増加につながる厄介な問題です。 特に企業サイトにとって問い合わせフォームは成果につながる重要な導線です。 スパム対策はセキュリティだけでなく、正規の問い合わせを守るためにも欠かせません。 フォームスパムとは？放置すると起きる被害 フォームスパムとは、問い合わせフォームに対して営業・詐欺・不正アクセスなどを目的とした送信が大量に届く状態です。 放置すると、次のような問題が発生します。 本当の問い合わせを見落としやすくなる 対応工数が増える メールサーバーやドメイン評価が低下する 正規メールが届かなくなる可能性がある フォーム停止による機会損失が発生する 不正アクセスや攻撃の足がかりになる 問い合わせフォームは成果の入口だからこそ、適切な対策が必要です。 スパムの種類｜ボット型と手動型で対策が変わる フォームスパムは大きく2種類に分かれます。 ボット型スパム 自動プログラムが短時間で大量送信するタイプです。 特徴として、 短時間で大量送信される 同じ内容を繰り返す 海外IPから送られることが多い などがあります。 手動型スパム 人が実際に入力して送信するタイプです。 主に、 営業メール 詐欺メール 嫌がらせ投稿 などが該当します。 ボット型は技術的な対策で防ぎやすい一方、手動型は運用面も含めた対策が必要です。 結論：スパム対策は「多層防御」が最も効果的 フォームスパムに対して、「これ一つで完璧」という対策は存在しません。 実務では複数の対策を組み合わせることが重要です。 例えば、 入力時にチェックする 送信回数を制限する 人間かどうかを判定する サーバー側で怪しい通信を遮断する スパム疑いを隔離する といった対策を重ねることで、防御力が大きく向上します。 基本対策｜まず実施したいフォームスパム対策 入力チェック（バリデーション）を強化する フォームの各項目に最低限の入力チェックを設けます。 チェックしたい内容 メールアドレス形式 電話番号形式 必須項目の未入力 URLの過剰入力 異常に長い文字列 雑なボットであれば、これだけでもかなり減らせます。 送信頻度制限（レート制限）を設定する 短時間で連続送信できないよう制限します。 設定例 1分間に1回まで 同一IPから10分間で3回まで などが一般的です。 メールアドレスや電話番号の簡易チェックを行う 手動スパムにも効果があります。 例 存在しないドメインを判定する 電話番号の桁数を確認する 不自然な入力内容を隔離する ただし、厳しくしすぎると正規ユーザーも弾いてしまうため注意が必要です。 二重送信防止を実装する 送信後の再送信を防ぐことで、誤送信や不要な送信を減らせます。 対策例 送信ボタンの非活性化 ワンタイムトークンの利用 サンクスページへの遷移 reCAPTCHAの使い分け reCAPTCHAは有効ですが、単独ではなく他の対策と組み合わせることが重要です。 reCAPTCHA v2 チェックボックスや画像認証で人間確認を行います。 メリット 判定精度が高い デメリット ユーザー負担が大きい スマホで離脱につながることがある reCAPTCHA v3 裏側でスコア判定を行います。 メリット ユーザー操作が不要 UXを損ねにくい デメリット 誤判定が発生する場合がある reCAPTCHA導入時の注意点 reCAPTCHAを導入するときは次の点に注意しましょう。 モバイルで離脱率が上がらないか 誤判定で正規ユーザーを弾いていないか ページ表示速度に影響していないか 実務で効果の高い追加対策 ハニーポットを設置する 人間には見えない入力欄を設置し、入力があればスパムと判定する方法です。 メリット UXを損なわない 多くのボットに有効 比較的導入しやすく、優先度の高い対策です。 CSRF対策を行う フォーム画面を経由しない不正送信を防ぎます。 実装例 CSRFトークンの発行 セッション確認 フォームセキュリティの基本対策です。 WAFを導入する WAF（Web Application Firewall）は、怪しいアクセスや攻撃パターンをサーバー側で遮断する仕組みです。 防げるもの SQLインジェクション XSS攻撃 ボットアクセス 脆弱性探索 フォームだけでなくサイト全体の防御にもなります。 IP制限・国別ブロックを活用する 海外からのスパムが多い場合に有効です。 ただし、 海外顧客がいる 海外から問い合わせが来る可能性がある 場合は慎重に設定しましょう。 添付ファイルを制限する ファイル添付機能がある場合は特に重要です。 設定したい項目 拡張子制限 ファイル容量制限 ウイルスチェック 保存先の分離 スパムが届いた後の運用方法 スパム判定ルールを作る 完全に排除するのではなく、隔離運用が現実的です。 例 URLが大量に含まれる 特定ワードを含む 短時間で複数送信される これらを自動的に隔離フォルダへ振り分けます。 ログを記録する 原因追跡や改善のためにログを取得します。 記録したい情報 送信日時 IPアドレス ユーザーエージェント reCAPTCHAスコア 判定理由 CV計測を壊さない スパム対策後は計測の確認も重要です。 NG例 送信ボタンを押した時点でCV計測 推奨 サンクスページ表示時にCV計測 これにより実際の問い合わせのみを計測できます。 よくある失敗と注意点 reCAPTCHAを強くしすぎる 正規ユーザーの離脱につながることがあります。 フリーメールを全て拒否する 正規の問い合わせまで失う可能性があります。 送信制限を厳しくしすぎる 短期間に複数問い合わせしたいユーザーを妨げてしまいます。 スパムが増えたからフォームを閉じる 最も大きな機会損失につながります。 重要なのは、スパムを防ぎながら正規ユーザーを通すことです。 フォームスパム対策チェックリスト 入力チェック（形式・文字数・URL制限）がある レート制限を設定している 二重送信防止を実装している reCAPTCHAを導入している ハニーポットを導入している CSRF対策を実装している WAFなどサーバー側防御がある 添付ファイル制限を行っている スパム隔離ルールを設定している サンクスページでCV計測している まとめ：フォームは成果の入口だからこそ守る価値がある フォームスパムは放置すると運用負担だけでなく、問い合わせ機会の損失にもつながります。 reCAPTCHAだけに頼るのではなく、 入力チェック レート制限 ハニーポット CSRF対策 WAF 隔離運用 といった多層防御を行うことで、正規の問い合わせを守りながらスパムを減らせます。 無料相談 Refuでは、フォームスパムの原因調査から、reCAPTCHA・ハニーポット・WAF・送信制限の設計、GA4・GTMによるCV計測の整備まで一括で対応しています。 「スパムが増えて困っている」「対策したら問い合わせが減りそうで不安」という場合も、お気軽にご相談ください。 ▶ 無料相談はこちらから その他おすすめ記事はこちら 問い合わせが増える！フォーム改善の具体的テクニック 問い合わせの質を上げる「サンクスページ」活用術｜計測・育成・CV最適化 セキュリティ最低限チェックリスト｜改ざん・乗っ取りを防ぐ運用習慣 Googleタグマネージャーの導入と使い方｜初心者でも迷わない設定ステップ リニューアル時のアクセス解析「引き継ぎ」完全ガイド｜GA4設定・GTM・計測の落とし穴
2026/06/22
ホームページ制作の基本採用につながる会社サイトの作り方｜求職者が見ているポイントと導線設計
採用が決まらないと、「給与を上げる」「求人媒体を変える」「応募数を増やす」と考えがちです。 しかし実際には、応募が来ない・面接に進まない原因が「会社の情報不足」であるケースも少なくありません。 求職者は求人票やSNSだけで応募を決めるわけではありません。 応募前には必ず会社サイトや採用ページを確認し、 どんな会社なのか どんな人が働いているのか 自分に合う環境なのか を判断しています。 その段階で不安が残ると、応募にはつながりません。 結論：求職者は「条件」よりも不安が消えるかで応募を決める 求職者が応募をためらう理由は、主に次の3つです。 仕事内容がイメージできない 人間関係や職場の雰囲気が分からない 自分が続けられるか不安 採用ページの役割は、会社を良く見せることではありません。 応募前の不安を減らし、「ここなら働けそう」と感じてもらうことです。 求職者が会社サイトで見ているポイント 採用ページで求職者が確認している主なポイントは次の7つです。 どんな仕事なのか（具体的な業務内容） 1日の流れや働き方（残業・休日・現場感） 一緒に働く人（社員の雰囲気） 評価やキャリア（昇給・成長・将来像） 待遇や条件（給与・手当・福利厚生） 入社後の不安（未経験OKの根拠・研修制度） 応募のしやすさ（導線・返信スピード・手間） この中でも特に差がつきやすいのは、 仕事内容 働き方 社員の雰囲気 です。 条件は他社でも掲載できますが、現場のリアルな情報は自社でしか発信できません。 採用につながる必須ページ構成 いきなり大規模な採用サイトを作る必要はありません。 まずは次の構成を整えるだけでも、応募前の情報不足を解消しやすくなります。 採用トップページ 会社概要や求める人物像を伝えるページです。 仕事紹介 職種ごとの仕事内容や向いている人を紹介します。 1日の流れ・働き方 実際の勤務イメージを伝えます。 社員インタビュー 働く人の雰囲気や価値観を伝えます。 募集要項 条件を誤解なく掲載します。 よくある質問（FAQ） 応募前の不安を解消します。 応募フォーム スマホで完結できる設計が理想です。 ページ別：そのまま使える書き方テンプレート 仕事紹介ページ 仕事内容は抽象的に書くと伝わりません。 具体的に落とし込むことが重要です。 記載したい内容 この仕事の目的（誰の何を支える仕事か） 具体的な業務内容 1日の中で多い業務 大変な点と乗り越え方 向いている人 未経験でも挑戦できる理由 1日の流れページ 働くイメージを作るページです。 記載したい内容 出社・朝礼 午前の業務 昼休憩 午後の業務 終業 繁忙期の働き方 残業の実態 残業や忙しい時期を隠さず伝える方が、結果的にミスマッチを防げます。 社員インタビューページ 社員インタビューは共感を生むコンテンツです。 記載したい内容 入社前の経歴 入社の決め手 現在の仕事内容 仕事のやりがい 職場の雰囲気 今後の目標 応募者へのメッセージ 募集要項ページ 募集要項は誤解を生まないことが重要です。 記載したい内容 雇用形態 職種・業務内容 勤務地 勤務時間 休日・休暇 給与 福利厚生 試用期間 選考フロー 入社時期 ※給与や待遇は誇張せず、条件や根拠が分かる形で掲載しましょう。 FAQページ 応募前に多い質問をまとめます。 よくある質問例 未経験でも応募できますか？ 残業はどれくらいありますか？ 有給休暇は取得しやすいですか？ どのような人が活躍していますか？ 転勤はありますか？ 服装や髪型にルールはありますか？ 昇給や評価制度はありますか？ 面接では何を重視していますか？ 応募が増える導線設計 採用はスマホ応募が主流です。 そのため「迷わせない導線」が重要になります。 CTAは複数箇所に設置する 応募ボタンは採用ページの複数箇所に設置します。 スマホでは下部固定CTAも有効です。 CTA文言を具体化する 「応募する」だけでなく、 まずは話を聞いてみる 会社見学を申し込む カジュアル面談を予約する なども検討しましょう。 フォームは短くする 入力項目は5〜7項目程度が理想です。 応募後の流れを明示する 応募後に、 何日以内に連絡するか 次に何があるか を表示すると安心感につながります。 採用サイトで見るべきKPI 採用ページも数値で改善できます。 確認したい指標 採用ページ閲覧数 募集要項ページ閲覧数 応募フォーム到達数 応募完了数 応募完了率 面接化率 「見られていない」のか、「応募で離脱している」のかを切り分けることが重要です。 よくある失敗と改善策 求人票の内容を転載しただけ 仕事内容や現場のリアルな情報を追加しましょう。 良いことしか書いていない 大変な部分も正直に伝える方が信頼されます。 応募導線が分かりにくい 追従CTAや複数箇所への応募ボタン設置を検討しましょう。 フォームが長すぎる 入力項目を見直し、スマホで入力しやすい形に改善しましょう。 まとめ：採用サイトは応募の意思決定を支える営業資料 採用につながるサイトは、会社を良く見せることよりも、求職者の不安を解消することが重要です。 求職者が見ているポイントを押さえる 現場感が伝わる情報を掲載する 応募しやすい導線を整える スマホで迷わず応募できるようにする これらを整えるだけでも、応募率は大きく変わります。 無料相談 Refuでは、採用サイトの構成設計から原稿作成、写真撮影、応募導線の改善、GA4による効果測定まで一貫してサポートしています。 「採用ページはあるのに応募が増えない」「何を掲載すればよいか分からない」という場合も、お気軽にご相談ください。 ▶ 無料相談はこちらから その他おすすめ記事はこちら お問い合わせが増える導線設計｜CTA・ボタン・フォーム最適化の基本 ホームページのKPI設計｜アクセス・CV・問い合わせを“数字で改善”する方法 GA4で最低限見るべき指標7つ｜初心者でも分かる分析のはじめ方 会社概要ページの書き方｜信用される情報設計とNG例 お客様の声の集め方・見せ方｜信頼性を高める掲載テンプレと注意点
2026/06/17
デザイン・ブランディングスマホで差がつくUI改善｜押しやすさ・読みやすさのチェックポイント
スマホのUIが弱いと、内容が良くても成果が出ない 中小企業サイトのアクセスは、業種によって差はあるものの、スマホからの閲覧が大半を占めるケースが増えています。 にもかかわらず、スマホでサイトを見ると、 文字が小さくて読みにくい ボタンが押しづらい 問い合わせ導線が見つからない フォーム入力が面倒 といった状態になっていることは少なくありません。 どれだけ良いサービスや魅力的な実績があっても、スマホでストレスを感じればユーザーは離脱します。 スマホ改善はデザインの微調整ではなく、ユーザー体験（UI/UX）の改善です。 まず結論：スマホ改善は「押せる・読める・迷わない」の順で考える スマホで離脱が発生する原因は、ほぼ次の3つに集約されます。 押せない（タップしづらい） 読めない（文字が小さい・詰まっている） 迷う（次に何をすればいいか分からない） 改善も同じ順番で進めるのがおすすめです。 特に、 CTA（お問い合わせ導線） フォーム は成果に直結するため、最優先で見直したいポイントです。 スマホで起きる離脱の正体 押せない（タップしづらい） スマホはマウスではなく指で操作します。 そのため、 ボタンが小さい ボタン同士が近い テキストリンクだけで押しづらい といった状態は大きなストレスになります。 読めない（文字が小さい） スマホで本文が小さすぎると、読む前に離脱されます。 特に、 文字サイズが小さい 行間が狭い 文章が長すぎる 場合は注意が必要です。 迷う（導線が見えない） スマホは画面が小さいため、PC以上に導線設計が重要です。 次に何を読めばいいか分からない 問い合わせ先が見つからない 料金ページにたどり着けない といった状態になると成果につながりません。 チェックポイント① 押しやすさ（タップUI） ボタンのサイズと余白 まず確認したいのがボタンです。 チェック項目 ボタンが十分な大きさになっている ボタン同士が近すぎない テキストリンクだけに頼っていない 指で押しやすい位置に配置されている 重要な導線は、できるだけボタン形式にするのがおすすめです。 CTAは「納得した瞬間」に置く お問い合わせボタンがページ最下部だけでは不十分です。 おすすめの配置 ファーストビュー直下 強み紹介の後 料金説明の後 事例紹介の後 FAQの後 ページ最下部 ユーザーが「相談してみようかな」と思った瞬間に押せる状態が理想です。 下部固定CTAを活用する スマホでは下部固定CTAが有効です。 ただし、次の条件を満たす必要があります。 画面を占有しすぎない 行動が明確 ボタン数は1〜2個に絞る スクロール時の邪魔にならない 例えば、 無料相談 電話する 程度に絞ると迷いが減ります。 フォーム入力の負担を減らす フォームは離脱ポイントになりやすい場所です。 改善例 必須項目を減らす プルダウンを活用する 電話番号は電話キーボード表示 メールアドレスはメール入力用キーボード表示 入力補助を活用する 個人情報は必要最小限にし、入力負担を減らしましょう。 チェックポイント② 読みやすさ（可読性） 本文の文字サイズ スマホで成果が出ないサイトの多くは、文字が小さすぎます。 デザインのために小さくするよりも、 「読めること」 を優先する方が成果につながります。 行間・段落を整える スマホでは文章が詰まっているだけで読む気が失われます。 改善ポイント 1段落を短くする 行間を広げる 箇条書きを活用する 余白を十分に確保する 見出しを強化する スマホユーザーは拾い読みが基本です。 理想は、 見出しだけ読んでも内容が8割理解できる状態 です。 例 × 特徴 ○ 選ばれる3つの理由 × 料金 ○ ホームページ制作の料金目安 画像と文字のコントラスト ファーストビューでよく起きる問題です。 背景画像の上に文字を置く場合は、 読める色になっているか 背景に埋もれていないか スマホサイズでも視認できるか を確認しましょう。 チェックポイント③ 迷わない導線設計 メニューを整理する ハンバーガーメニューに項目を詰め込みすぎると機能しません。 おすすめは、 サービス 実績 料金 FAQ お問い合わせ など主要導線に絞ることです。 スクロール後も行動が見える状態にする スマホはスクロール量が増えるため、行動導線が見えなくなりがちです。 途中に配置したいもの 関連記事 事例 料金ページ CTA 内部リンクで次のページを案内する リンクを並べるだけでは回遊しません。 例えば、 「料金の目安はこちら」 「同じ課題を解決した事例を見る」 「よくある質問を確認する」 のように、次の行動を提案することが重要です。 重要情報への近道を作る 比較検討中のユーザーが探すのは、 実績 料金 FAQ です。 これらへどこからでも移動できる導線を用意しておくと成果につながりやすくなります。 改善の優先順位｜最短で成果を出す順番 ① CTA・フォーム 最優先です。 CTA位置 CTA文言 フォーム項目数 を見直します。 ② 可読性 次に、 文字サイズ 行間 見出し を改善します。 ③ 回遊・ナビゲーション 最後に、 メニュー整理 内部リンク改善 下部固定CTA最適化 を行います。 このまま使えるスマホUIチェックリスト CTAがファーストビューと本文中にある ボタンが押しやすいサイズになっている ボタン同士が近すぎない 下部固定CTAが邪魔になっていない フォームが長すぎない 必須項目が多すぎない 本文が小さすぎない 行間が詰まっていない 見出しだけで内容が理解できる 関連記事やCTAが途中にもある 実績・料金・FAQへ迷わず移動できる まとめ：スマホ最適化は「体験改善」が本質 スマホで成果が出ない原因は、見た目の問題ではなく、 押せない 読めない 迷う という体験上のストレスが積み重なっていることがほとんどです。 まずは、 CTA・フォーム → 可読性 → 導線 の順で改善することで、最短距離で成果につながりやすくなります。 スマホユーザーがストレスなく行動できる状態を作ることが、問い合わせや予約の増加につながります。 無料相談 Refuでは、スマホ画面を前提に「どこで離脱しているのか」を分析し、CTA・フォーム・導線・可読性まで含めた改善提案を行っています。 「スマホからの問い合わせが少ない」「アクセスはあるのに反応が弱い」など、お困りの方はお気軽にご相談ください。 ▶ 無料相談はこちらから その他おすすめ記事はこちら CTA（問い合わせ・資料請求）を押したくなるデザイン改善チェックリスト ファーストビューで離脱させない｜コピー×デザインの最適バランス “なんとなく見づらい”を解決する情報設計｜見出し・箇条書き・図解の使い分け 料金ページのデザインで失注を防ぐ｜見せ方・不安解消・注意点まとめ 信頼感を底上げする「余白・整列・視線誘導」レイアウト設計の基本
2026/06/11
集客・マーケティング戦略ホームページの回遊率を上げる導線改善｜内部リンクと関連記事設計のコツ
回遊率が低い＝“次の1クリック”が設計されていない 「記事は読まれているのに問い合わせが増えない」 「アクセスはあるのに成果が出ない」 このとき原因になりやすいのが、回遊（次のページ遷移）が起きていないことです。 回遊率が低いサイトの共通点はシンプルで、 読者が次に何をすればいいか分からない。 つまり、“次の1クリック”が設計されていません。 逆に言えば、回遊はセンスではなく、 意図に合う次ページを用意するだけで改善できます。 まず結論：回遊は「意図に合う次ページ」を用意すれば伸びる 回遊を増やすときに重要なのは、リンクを増やすことではありません。 重要なのは、今このページを読んでいる人が、次に知りたいことは何かです。 読んで理解が深まった人 → 次の疑問に答える関連記事 比較検討している人 → 料金・選び方・事例 相談したい人 → サービスページ・無料相談 このように、検討段階（温度感）に合わせて次ページを提示すると回遊が伸びます。 回遊率が上がらない典型原因（改善前にここを疑う） ページの役割が曖昧で、次に進ませる設計がない ページの役割は大きく3つです。 入口（悩みを集める）：記事 比較（検討を進める）：料金・選び方・事例 行動（相談させる）：サービス・問い合わせ 役割が曖昧だと、次に何を出すべきかも曖昧になります。 内部リンクが“とりあえず”で関連性が弱い 関連性が弱いリンクはクリックされません。 「とりあえず関連記事」は、ユーザー体験もSEOも弱くします。 記事とサービスがつながっていない 記事が集客しても、サービスに繋がらなければ成果は出ません。 回遊設計のゴールは、最終的に 記事 → サービス → 事例/料金/FAQ → 問い合わせ に自然につなぐことです。 スマホで導線が見えない（CTA・関連記事が埋もれる） スマホでは、導線が 画面の下すぎる 文字だけで目立たない スクロールで見落とされる ことがよくあります。 追従CTAや本文中リンクが有効です。 読者の検討段階（温度感）を無視している 情報収集中の人に「今すぐ問い合わせ」は重い。 検討中の人に「用語解説」だけも弱い。 このズレが回遊を止めます。 回遊導線の基本設計｜3種類のリンクを使い分ける 回遊導線は、リンクの役割を3つに分けると設計しやすくなります。 目的リンク：成果に近いページへ（記事→サービス・相談） 最終的に問い合わせにつなげるリンクです。 例： 「改善が必要なら、無料相談で方向性を整理できます」→相談導線 「自社の支援内容はこちら」→サービスページ 理解リンク：次の疑問に答えるページへ（関連記事） 読者の“次の疑問”に答えるリンクです。 例： 「CTA設計」記事 → 「導線設計」記事 「KW設計」記事 → 「サイト構造」記事 安心リンク：不安を消すページへ（事例・料金・FAQ・会社情報） 比較検討を進めるうえで最重要。 例： 事例（成果の根拠） 料金（費用の不安） FAQ（よくある不安） 「安心リンク」がないと、最後に離脱します。 内部リンク最適化のコツ（SEOにも効く） アンカーテキストは“リンク先の答え”を書く × 詳しくはこちら 〇 問い合わせが増えるCTA設計のポイント 〇 KWマップで迷わないキーワード設計の手順 リンク文言だけでクリック率が変わります。 1ページに貼るリンク数の目安（貼りすぎNG） 貼りすぎると、重要リンクが埋もれます。 目安は、 本文中の重要リンク2〜5本 関連記事3本程度 です。 「選ばせない」のがコツです。 見出し直下・結論直後に置くとクリックされる クリックされやすい場所は決まっています。 結論を言った直後（次の行動が決まる） 見出し直下（疑問が解決した瞬間） 末尾だけに置くより、途中に置く方が回遊が伸びます。 カニバを防ぐリンク設計（役割分担） 同じ意図のページを増やすと評価が分散します。 内部リンクは「補完」になるように。 記事は周辺テーマ サービスページは行動KWの主役 役割分担を守ります。 親ページ（まとめ）に評価を集める設計 カテゴリの親（まとめ）ページがある場合、 子記事から親へリンクを戻すと評価が集まりやすくなります。 関連記事設計の型｜「検討段階」で並べると強い 関連記事は、テーマ一致だけでなく“検討段階”で並べると強くなります。 ToFU：情報収集（基礎・用語） 「まず理解したい」人向け。 例： SEOとは GA4とは など MoFU：比較検討（選び方・費用・注意点） 「失敗したくない」人向け。 例： 費用相場 選び方 改善ステップ など BoFU：行動（サービス・事例・問い合わせ） 「相談したい」人向け。 例： サービス 事例 無料相談 資料請求 など 1記事あたりの関連記事は“3本で十分” 関連記事が多いほど親切、ではありません。 3本に絞ると選びやすく、クリックされやすいです。 （どうしても増やすならカテゴリページへ逃がす） ページ別：回遊を増やす導線テンプレ（そのまま使える） 記事ページ（ブログ）の導線テンプレ 冒頭：結論＋関連する基礎記事（理解リンク） 中盤：悩みが深い人向けに比較記事（安心リンク） 末尾：サービスページ（目的リンク）＋事例/料金/FAQ（安心リンク） サービスページの導線テンプレ 比較される要素：料金・流れ・範囲・FAQ 根拠：事例 次に読む：関連する記事（信頼・理解を補強） CTA：無料相談／概算相談（中間CV） 事例・実績ページの導線テンプレ 事例→同業種の事例（理解リンク） 事例→提供サービス（目的リンク） 事例→料金/流れ（安心リンク） トップページの導線テンプレ 入口：サービス一覧 比較：事例・料金・選ばれる理由 行動：無料相談 トップは“回遊のハブ”として設計します。 GA4で効果検証｜回遊改善が効いたか確認する方法 見るべき指標（エンゲージメント／遷移／CV） 回遊改善の効果は、最低限これでOKです。 エンゲージメント（読まれているか） 次ページ遷移（内部リンクがクリックされているか） CV（問い合わせが増えたか） ランディング別に“回遊する入口”を特定する 入口ページ（ランディング）ごとに、 回遊が起きるページ すぐ離脱するページ を分けて、改善対象を絞ります。 改善の優先順位（直すべきページの選び方） 優先すべきは、 流入が多いのに成果が弱いページ サービスに近いのに離脱が多いページ です。 ここを直すと最短で効きます。 このまま使えるチェックリスト｜導線改善テンプレ ページの役割（入口/比較/行動）が明確 目的リンク／理解リンク／安心リンクが揃っている 本文中リンクは2〜5本、関連記事は3本に絞っている アンカーテキストが具体的（リンク先の答えが分かる） スマホでCTA・関連記事が見える（追従/途中CTAあり） 記事→サービス→事例/料金/FAQの導線がある GA4で改善前後の指標を比較できる まとめ：回遊は“センス”ではなく設計で伸びる 回遊率が低いのは、コンテンツが悪いのではなく、 次の1クリックが用意されていないだけのケースが多いです。 目的リンク・理解リンク・安心リンクを使い分け、 検討段階に合う関連記事を3本に絞って提示する。 この基本を整えるだけで、回遊もCVも伸びやすくなります。 無料相談 Refuでは、GA4をもとに「回遊が止まっているページ」を特定し、内部リンク・関連記事・CTA導線の改善まで一括で支援しています。 「記事はあるのに問い合わせが増えない」「回遊が弱い」など、お気軽にご相談ください。 ▶ 無料相談はこちらから その他おすすめ記事はこちら お問い合わせが増える導線設計｜CTA・ボタン・フォーム最適化の基本 SEOに強いサイト構造とは？カテゴリ設計と内部リンク最適化の基本 お問い合わせが増えるCTA設計｜ボタン文言・配置・タイミングの鉄則 GA4で“集客のムダ”を見つける方法｜チャネル別に成果を伸ばす分析手順 サービスページで上位を取るSEO｜「比較・不安・決め手」を埋める書き方
2026/06/10
デザイン・ブランディング料金ページのデザインで失注を防ぐ｜見せ方・不安解消・注意点まとめ
料金ページで失注するのは「高いから」ではなく“不安が残るから” 料金ページは「値段を載せる場所」と思われがちですが、実務ではもっと重要です。 ユーザーが本当に見ているのは、“金額”そのものより不安が消えるかどうか。 何が含まれるのか分からない 追加費用が怖い 自社は対象なのか判断できない 問い合わせたら営業が強そう そもそも比較できない この状態だと、価格が妥当でも「やめておこう」になります。 つまり料金ページは、透明性＝信頼を作るページです。 まず結論：料金ページは「目安→内訳→条件→次の一手」で設計すると強い 受注につながる料金ページは、だいたいこの順番です。 目安（レンジ）：結局いくらかのイメージ 内訳：何に費用がかかるか 条件：追加費用が出るケース・対象範囲 次の一手：見積・相談へ進めるCTA 「細かい説明は相談で」より、先に言うほど信頼されます。 料金ページで必ず出る不安5つ（ここを潰す） 結局いくらかかるの？（総額が見えない） 最初に必要なのは、厳密な金額ではなくレンジです。 「◯◯万円〜」だけでなく、できれば どんなケースが下限か どんなケースが上限か もセットで示すと親切です。 何が含まれているの？（範囲が不明） 同じ“ホームページ制作”でも、 企画が含まれる？ 原稿は誰が？ 写真撮影は？ SEOは？ など範囲が違います。 含まれる範囲が明確だと比較されやすくなります。 追加費用は出る？（後出しが怖い） 追加費用が怖い人は多いです。 ここを濁すと、安く見えても逆に不信感が出ます。 出る可能性があるなら先に書く方が信頼されます。 うちは対象？（適用条件が分からない） 「このプランは誰向け？」が分からないと判断できません。 対象（業種・規模・目的）を短く添えると迷いが減ります。 相談したら営業されそう（心理的ハードル） 料金ページに来る人は、かなり前向きです。 だからこそ最後に 相談は無料か どんな流れか 強引な営業はしないか が書かれていると、一気に押されます。 受注につながる料金ページの構成テンプレ（王道7ブロック） まず結論：料金の目安（レンジ）を冒頭に出す 冒頭の見せ方がすべてです。 最初に「だいたいこれくらい」が見えると、読み進められます。 プラン表：比較できる形にする（項目は絞る） プラン表は、列や項目を増やしすぎると読めません。 比較軸を3〜6項目に絞ると見やすいです。 例： ページ数目安 原稿・写真の扱い デザイン範囲 CMS有無 公開後サポート 内訳：何にコストがかかるかを見える化 「高い」と言われる原因は、納得材料不足です。 内訳（工数）を見せると、価格に意味が出ます。 追加費用が出るケース：先に言うほど信頼される 例： ページ追加 撮影追加 機能追加（予約・会員など） 原稿制作の範囲外対応 ※ここは“誤認防止”のためにも重要です。 事例：料金と成果の関係を示す 可能なら、 目的 内容 料金レンジ 反応（定量／定性） を簡単に載せると強いです。 ※成果は言い切りすぎず、期間・条件を明記（誇大表現の回避） よくある質問：最後の不安を消す 料金ページのFAQは強いです。 特に効く質問： 追加費用が出るのはどんな時？ 原稿はどこまでやってくれる？ 修正回数は？ 納期は？ 支払い方法は？ CTA：見積・相談への“押す理由”を添える 「お問い合わせ」だけだと弱いので、 押したら何が分かるのかを添えます。 例： 30分で概算と進め方が分かる無料相談 要件が固まっていなくてもOK（課題整理から） 営業目的の連絡はしません（事実に合わせて） デザインのコツ｜料金ページで効く見せ方（UI） 数字の見せ方：目立たせすぎず、必ず読める 煽るように大きくしすぎると安っぽく見えます。 ただし小さすぎると読めません。 「読みやすいサイズ＋余白」で自然に目に入るのが正解です。 比較表の作法：列を増やしすぎない 列が増えるほど、スマホで破綻します。 プランは多くても3つまでが無難です。 注意書きの作法：小さすぎない／隠さない 注意書きが小さいと誤認を招き、信頼も落ちます。 見える位置に、読みやすく出しましょう。 スマホ最適：横スクロール地獄を回避する スマホでは 表を縦に並べる 重要項目だけ抜き出す など“スマホ用の見せ方”が必須です。 よくあるNG例7つ（失注する料金ページ） 「要見積り」だけで終わっている 安さアピールだけで根拠がない 範囲が不明で比較できない 追加費用の説明がなく不信感が出る 注意書きが小さすぎて誤認を招く CTAが弱く、次に何をすればいいか分からない 表現が強すぎて誤認リスク（景表法・誇大） 特に「最安」「必ず」「No.1」などは根拠がないと危険です。 安全に強くするなら、条件・範囲・期間を明記しましょう。 このまま使える料金ページ文例（コピペ用） 【料金の目安】 ライト：◯◯万円〜（対象：＿＿＿＿） スタンダード：◯◯〜◯◯万円（対象：＿＿＿＿） カスタム：要見積り（対象：＿＿＿＿） 【含まれる内容（例）】 企画・構成：＿＿＿＿ デザイン：＿＿＿＿ CMS：＿＿＿＿ 公開後サポート：＿＿＿＿ 【追加費用が発生する主なケース】 ＿＿＿＿ ＿＿＿＿ ＿＿＿＿ 【まずは無料でご相談ください】 30分で、概算と進め方が分かります 要件が固まっていなくてもOKです 👉 無料相談する（リンク挿入） ※「営業目的の連絡はしません」等は、運用実態に合わせて記載してください（誤認防止） まとめ：料金ページは“透明性”がそのまま受注率になる 料金ページで失注するのは、価格の問題というより不安が残る設計が原因です。 目安→内訳→条件→FAQ→CTAの順で透明性を出すと、信頼が積み上がり、相談につながります。 “見せない”より“先に言う”方が、結果的に選ばれやすくなります。 無料相談 Refuでは、料金ページを「不安の分解（総額・範囲・追加費用・対象・営業不安）」から設計し、見せ方（表・文章・導線）まで整える支援を行っています。 「料金を出したいが怖い」「要見積りでも納得感を出したい」など、まずは気軽にご相談ください。 ▶ 無料相談はこちらから その他おすすめ記事はこちら CTA（問い合わせ・資料請求）を押したくなるデザイン改善チェックリスト ファーストビューで離脱させない｜コピー×デザインの最適バランス 導入事例ページの“見せ方”で受注率が変わる｜構成とデザインの型 “なんとなく見づらい”を解決する情報設計｜見出し・箇条書き・図解の使い分け 更新しても世界観が崩れない｜デザインガイドライン（簡易版）の作り方
2026/06/09
リニューアル・運用ノウハウリニューアル時のアクセス解析「引き継ぎ」完全ガイド｜GA4設定・GTM・計測の落とし穴
リニューアル時に計測が壊れるのは“あるある”｜放置が一番危険 リニューアル後に多いトラブルが、次のような“計測事故”です。 アクセスが取れていない（GA4が動いていない） CVが増えた/減ったが、実は計測がズレただけ 二重計測でCVが2倍になっている 広告のコンバージョンが計測できなくなった 怖いのは、これらは見た目では分からず、気づかないまま意思決定を誤ることです。 だからこそ、リニューアル時は「計測の引き継ぎ」を制作と同じくらい重要な工程として扱う必要があります。 まず結論：引き継ぎで守るべきものは「ID」ではなく「定義」 GA4やGTMの引き継ぎというと、ID（測定ID・コンテナID）を移すイメージになりがちです。 しかし本質はそこではありません。 守るべきは、次の“定義”です。 何をCVとするのか（キーイベント） どの導線を成果として評価するのか（マイクロCV） どの数値を見て改善するのか（レポートの見方） IDだけ引き継いでも、定義がズレると「数字はあるのに改善できない」状態になります。 事前準備｜現状の計測を棚卸しする（最低限これだけ） GA4の設定（プロパティ・データストリーム・キーイベント） まず、現状のGA4で以下を確認・メモします。 プロパティ名 データストリーム（対象ドメイン） キーイベント（CV扱いにしているもの） 参照除外（決済/予約サービス等） 内部トラフィック除外（社内アクセス） Googleシグナル、データ保持期間（必要に応じて） GTM（タグ・トリガー・変数）と公開履歴 GTMを使っている場合、最重要は「何が入っているか」です。 GA4タグ 広告タグ（Google広告、Meta等） ヒートマップ フォーム計測 クリック計測 カスタムHTMLタグ（事故の温床になりやすい） 加えて、公開履歴（バージョン）を残しておくと、問題発生時に戻しやすいです。 CV地点（サンクスページ／イベント）と目標の定義 CVは“どこで完了とみなすか”がブレると、数字が比較できません。 サンクスページ到達（/thanks/）なのか イベント発火（submit_form等）なのか 電話タップやLINEクリックを含めるのか CV定義を文章で残すだけで、引き継ぎが圧倒的にラクになります。 外部ツール（広告・ヒートマップ・予約/CRM）連携 見落としがちなのが、外部ツールです。 Google広告（タグ/リンク設定） Meta広告（ピクセル） ヒートマップ（Clarity等） 予約システム（クロスドメイン） CRM（HubSpot等） リニューアルでフォームやドメインが変わると、連携が切れやすいので要注意です。 GA4引き継ぎの基本｜変えるべき・変えないべき判断 同一ドメインのリニューアルは原則“同じGA4”が安全 同じドメインでのリニューアルなら、基本は同じGA4プロパティで継続する方が安全です。 理由は、リニューアル前後でデータが繋がり、比較・分析がしやすいからです。 ドメイン変更は“新規＋移行設計”が必要 ドメインが変わる場合は、データストリームや参照設定など再設計が必要になるケースが増えます。 このときも重要なのは、CV定義を維持したまま比較できる状態を作ることです。 参照除外・クロスドメイン・内部トラフィックの設定 リニューアル後に「参照元がぐちゃぐちゃ」「自社アクセスが混ざる」問題が起きやすいです。 決済/予約など別ドメインは参照除外 クロスドメイン計測が必要な導線は事前に把握 社内IP除外（最低限） ここを整えると、改善の精度が上がります。 GTM引き継ぎの基本｜よくある事故と回避策 GTMコンテナIDの扱い（流用・新規の判断） 通常は、同一サイトのリニューアルならGTMコンテナを流用するケースが多いです。 ただし、タグがカオス化している場合は、新規に整理して移行した方が安全なこともあります。 タグの二重設置（直貼り＋GTM）が最頻出事故 最も多い事故がこれです。 新サイトでGA4を直貼りした上で、GTMでもGA4タグが動いている。 結果、PVもCVも二重になり「数字が急増」します。 対策 計測は GTMに統一 直貼りに統一 のどちらかに決めることです。 トリガー条件のズレ（URL変更・DOM変更） リニューアルでHTML構造やURLが変わると、クリック計測やフォーム計測が発火しなくなります。 「同じGTMを引き継いだのに計測できない」の原因は大体これです。 対策 重要イベントは、公開前に必ずテストすることです。 公開前チェック｜この確認で“数字が死ぬ事故”を防ぐ リアルタイムで計測できるか（テスト手順） 最低限やるテスト テスト端末でサイトを開く GA4のリアルタイムでアクセスが見える 主要ページ移動が反映される これが見えないなら、公開してはいけません。 計測が停止しています。 キーイベント（CV）が意図通り発火するか フォーム送信・電話タップなど、重要CVは必ずテストします。 「送信ボタンを押した」ではなく、完了（成功）が計測されているか確認します。 二重計測の有無（同一イベントが2回発火していないか） 公開前に、同じ操作でイベントが複数発火していないか確認します。 二重計測は、データの信用を一瞬で壊します。 公開後チェック（72時間が勝負）｜早期発見の監視項目 流入が急減していないか（チャネル別） 検索だけ落ちているのか、全チャネルが落ちているのかで原因が変わります。 全体が落ちているなら、計測タグの問題の可能性が高いです。 CVが急増・急減していないか（計測ズレの兆候） CVが突然2倍・半減している場合は、改善成果ではなく計測ズレのことが多いです。 「データがおかしい」と思ったら、まず二重計測を疑います。 Search Console・広告側の計測も確認する リニューアルは広告計測にも影響します。 Google広告 Meta広告 電話計測 など、主要導線は一通り確認します。 よくある落とし穴10選（チェックリスト） GA4タグが入っていない（そもそも計測ゼロ） GTMと直貼りで二重計測 サンクスページURL変更でCVが消えた フォームが非同期化してイベントが発火しない クロスドメイン未設定で参照元が分断 内部アクセス除外が消えて社内PVが増えた 広告タグが移行漏れ（CVが取れない） ステージングのnoindex/認証が本番に残りサチコが変になる Cookie同意の影響で計測率が変わったのに気づかない GTMの公開忘れ（プレビューで満足してしまう） まとめ：計測引き継ぎは“公開前の設計”で8割決まる リニューアル時のアクセス解析引き継ぎは、「設定して終わり」ではありません。 CV定義の棚卸し GA4/GTMの整理 公開前テスト 公開後72時間監視 までセットで行うことで、計測事故を防げます。 数字が信用できて初めて、改善は回ります。 リニューアルでは“計測の引き継ぎ”を制作と同じ重さで扱いましょう。 無料相談 Refuでは、リニューアル時の計測引き継ぎ（GA4・GTM・広告・Search Console）を棚卸しから設計・実装・テスト・公開後監視まで一括で対応しています。 「計測が正しいか不安」「二重計測を直したい」「CV定義を整理したい」など、お気軽にご相談ください。 ▶ 無料相談はこちらから その他おすすめ記事はこちら GA4のイベント設計入門｜「何を計測すべきか」を成果から逆算する Googleタグマネージャーの導入と使い方｜初心者でも迷わない設定ステップ 問い合わせの質を上げる「サンクスページ」活用術｜計測・育成・CV最適化 Googleサーチコンソールの基本操作と改善への活かし方 リニューアル後に検索順位が落ちた時の原因チェック｜最短で戻す改善手順
