近年、ホームページへのアクセスはスマートフォンが主流になりつつあります——にもかかわらず、東海エリアには未だ「拡大しないと読めないPC専用サイト」が数多く残っています。
三重県桑名市の小さな制作所IZANAが、レスポンシブ標準・コアウェブバイタル設計・タップ操作最適化までを組み込んだホームページを、新規制作30万円〜／既存サイトのスマホ化15万円〜・月額管理費0円でお手伝いします。
「スマホ対応」と一言で語られますが、実装方式はレスポンシブ・モバイル別サイト・PWA（プログレッシブ・ウェブ・アプリ）の3つに大別され、それぞれコスト・運用負担・SEO評価が違います。さらに、ただ画面幅に追従させるだけでは「スマホで見られるが、読まれない・押されない・離脱される」サイトになりがちで、表示速度（コアウェブバイタル）とタップ操作の設計を組み込んで初めて成果に繋がります。
本ページでは、東海エリアの個人事業主・中小企業の事業者様に向けて、スマホ対応の3方式・コアウェブバイタルの基準・タップ設計の実装ルール・既存PCサイトのスマホ化リニューアルの選択肢、そしてIZANAの料金プランまでを整理してご案内します。
「うちの業種はPCで見る人が多いから」——10年前は通用した感覚ですが、2020年代後半の現在、ほぼすべての業種でスマホアクセスが過半数を超えています。BtoBの製造業ですら「展示会で名刺交換した相手が、その日のうちにスマホでサイトを開く」のが常識です。事業者側の体感とは別に、訪問者側はもう完全にスマホ中心に移っています。
総務省「通信利用動向調査」によれば、個人のインターネット利用機器でスマートフォンが占める比率は2023年時点で約75%、PCは約49%（複数回答）。さらに業種別のWebアクセス分析では、飲食・美容・医療・小売・士業相談などBtoC寄りのサイトでは8〜9割、BtoBの製造業でも5〜7割がスマホアクセスになっているケースが珍しくありません。事業領域に関係なく、サイト設計の中心はスマホに置くべき段階に入っています。
Googleは2018年から「モバイルファーストインデックス（MFI）」を全面適用しており、検索エンジンのクローラーはまずスマホ版のページを取得・評価します。PCで美しく作り込まれていても、スマホでレイアウトが崩れたり読みづらかったりすれば、検索順位はその時点で頭打ちになります。「検索順位がなぜか伸びない」サイトの原因が、コンテンツ品質ではなくスマホ対応の不備、というケースは今も少なくありません。
Googleが公開しているモバイルサイト調査では、ページの読み込みに3秒以上かかると訪問者の53%が離脱、5秒で約9割が離脱するとされています。さらに「拡大しないと文字が読めない」「ボタンが小さくて押せない」「フォームの入力欄が画面からはみ出す」といったストレス要因が1つでもあれば、来訪したスマホユーザーの大半は3〜5秒で去っていきます。広告費を投じてサイトに連れてきても、スマホ対応が未完成ならその投資の半分以上が3秒で消える計算になります。
「スマホ対応」と一括りにされますが、技術的な実装方式は大きく3つに分かれます。それぞれコスト・運用負担・SEO評価が違うため、依頼前に違いを把握しておくと、見積もり比較がしやすくなります。2026年現在の新規制作で標準となっているのは、結論からいうとレスポンシブデザインです。
| 方式 | 仕組み | コスト・運用 | SEO評価とおすすめ場面 |
|---|---|---|---|
| Method 01レスポンシブ デザイン |
1つのHTMLとCSSで、画面幅に応じてレイアウトが自動切り替え。URLは1つ、ファイルも1セット。CSSのメディアクエリで「画面幅768px未満ならサイドバーを下に回す」等を制御。 | 新規制作なら追加コストなし（標準機能）。更新も1ファイルを編集するだけ。サーバー負荷も軽い。 | Google公式推奨。検索評価が1URLに集約され、被リンクも分散しない。2026年現在の新規制作は基本これ一択。 |
| Method 02モバイル 別サイト（mサイト） |
m.example.com のサブドメイン、または /sp/ のサブディレクトリに、PC用と別のHTMLを用意。スマホアクセスを検出して自動振り分け。 | 初期構築でPC用とSP用の2セット制作。更新も2倍の工数。サーバー側の振り分け設定が必要。 | 2010年代前半の主流方式。Googleはレスポンシブを推奨しており、現在は特殊要件（PC・SPで全く違う情報を出したい等）以外で選ぶ理由がほぼない。 |
| Method 03PWA （プログレッシブ・ ウェブ・アプリ） |
Webサイトでありながら、ホーム画面にアプリのように追加でき、オフラインでも閲覧可能。プッシュ通知も配信できる。技術的にはService Workerと呼ばれる仕組みで実現。 | レスポンシブ＋追加実装。新規制作で20万〜40万円程度の追加コスト。サーバー側のSSL必須、アイコン・マニフェスト等の細かな設計が必要。 | 会員制サイト・予約システム・ECサイトなど、リピート訪問が前提のサービスに有効。情報発信中心のコーポレートサイトには過剰な場合が多い。 |
2026年現在、新規制作・既存サイトのリニューアルともに、レスポンシブを選ばない理由はほぼありません。技術選定の根拠を3点に絞って整理します。
逆に、レスポンシブが向かない数少ないケースは、PCとスマホで「全く違う情報・全く違うナビゲーション構造」を出したい大規模ポータル・大手通販サイトの一部に限られます。個人事業主・中小企業のホームページ制作の領域では、ほぼ100%レスポンシブが正解になります。
レスポンシブ対応はスマホ対応の必要条件であって、十分条件ではありません。レスポンシブで組んだだけのサイトと、コアウェブバイタル（表示速度の指標）と人差し指で操作する前提のタップ設計まで踏み込んだサイトとでは、訪問者の滞在時間・問い合わせ率に明確な差が出ます。本セクションでは、その「踏み込みの中身」を数値ベースで整理します。
Googleは2020年以降、ページの体験品質を測る指標として「コアウェブバイタル（Core Web Vitals）」を導入しました。3つの指標で構成され、それぞれ「良好」「改善が必要」「不良」の3段階で評価されます。基準値はGoogle公式に公開されており、新規制作・リニューアル時の最低ラインとして必ず押さえる必要があります。
これらの数値はGoogle PageSpeed Insights（pagespeed.web.dev）で URL を入力すれば即座に測定できます。3指標すべてが「良好」レンジに入っていれば、検索エンジンからのページ体験評価は十分です。逆に1つでも「不良」があると、特に競合と内容が拮抗しているキーワードで順位が伸び悩みます。
スマホでの表示速度は、サーバーの性能だけで決まるものではありません。制作段階で画像・CSS・JavaScriptの3つの設計判断が、後から取り戻しにくい速度差を生みます。
スマホは「人差し指または親指で、片手または両手で操作する」入力デバイスです。マウスポインタと違って指先には太さがあり、肌の感覚で正確に押せる範囲には物理的な下限があります。この物理制約を無視した設計が「読めるけど操作できないサイト」を生みます。
Apple のヒューマンインターフェイスガイドラインは44pt（約44px）、Googleのマテリアルデザインは48px四方を推奨。ボタン・電話番号リンク・ナビゲーションメニューなど、押される全ての要素はこのサイズを下回らないこと。
16px未満だと、iOSのSafariがフォーム入力時に自動でズームしてしまう仕様あり。さらに本文・段落の行間（line-height）は1.7〜2.0、見出しと本文の間は1.5em以上の余白を取ると、長文でも読み疲れしない。
片手でスマホを持った時、親指が無理なく届くのは画面下部約3分の1。電話・LINE・お問い合わせフォームへのCTAボタンを画面下部に固定する「フローティングボタン」が、近年の業種別サイトで標準化している理由。
名前・電話・メール・本文を一画面で見せようとすると入力欄が小さくなり離脱率が上がる。1要素ずつ大きく配置し、ステップ式（「次へ」ボタンで進む）にするだけで完了率が改善するケースが多い。
業種を問わず、スマホからの電話発信を取りこぼさないために必須。テキストの電話番号をHTMLの <a href="tel:..."> でラップするだけで、タップ即発信になる。意外と未対応のサイトが多い。
テーブル・幅広画像・長い見出しが画面幅を超えて横スクロールが発生すると、訪問者は強い違和感を抱く。CSSで意図的に防ぐ設計（テーブルは縦に並べ替え、長い見出しは折り返し）が必要。
「10年前に作ったサイトをそのまま運用していて、スマホで見ると拡大しないと読めない」——東海エリアの中小企業・個人事業主からよくいただくご相談です。この場合、選択肢は大きく2つに分かれます。現行サイトを活かして部分的にスマホ対応するか、新規で作り直すか。判断の分かれ目は、「現行サイトがWordPress構築か」「HTMLが構造的に古いか」「ドメインの所有権が事業者本人か」の3点です。
現行サイトがWordPressで構築されていて、テーマだけがPC固定のレスポンシブ非対応テーマである場合、レスポンシブ対応テーマへの差し替えと、レイアウト・画像の再配置で対応できることが多くあります。本文の文章資産・SEOで蓄積した内部リンク評価・既存のドメイン年齢を引き継げるため、コストも費用対効果も良好です。
現行サイトがHTML直書き（特に2010年以前に作られたテーブルレイアウト・Flash残存・jQuery依存の動的サイト）の場合、部分対応するより新規制作した方が、結果的にコストも品質も有利になります。古いHTML構造に新しいCSSを当てても、「見えてはいるが構造が破綻している」状態になり、コアウェブバイタルが上がらないためです。
選択肢A（部分対応）と選択肢B（新規制作）のどちらが適しているかは、現行サイトの状態を5分のヒアリングで概ね判定できます。IZANAの無料診断では、URLとサーバー情報をお教えいただいた上で、以下4ステップで判定とご提案をお返しします。
PageSpeed Insights でモバイル/PCスコアを取得。レスポンシブ／mサイト／非対応のいずれかを判別。
WordPressか／HTML直書きか／テーマの種類／PHPバージョン／プラグインの導入状況を確認。
ドメインの登録名義・サーバー契約者・WordPress管理画面のIDが事業者ご本人か確認。
選択肢A（部分対応）／選択肢B（新規制作）の概算見積もり、それぞれをPDFでお返しします。
スマホ対応に関わるIZANAの料金プランは、新規制作（レスポンシブ標準）と既存PCサイトのスマホ化リニューアルの2系統があります。共通するのは「初期費用を一度お支払いいただいたあと、月額管理費は0円・所有権は事業者保持」という構造です。
新規でホームページを制作する場合、レスポンシブ・コアウェブバイタル設計・タップ操作最適化はすべて標準プランに含まれます。追加料金は発生しません。
| プラン | 初期費用 | 月額 | ページ数 | こんな事業者に |
|---|---|---|---|---|
| ライトプラン（名刺型LP） | 30万円〜 | 0円 | 1ページ | 士業・コンサル・カメラマン・1人デザイナー／紹介中心で動いている方 |
| スタンダードプラン（店舗・施術所型） | 50万円〜 | 0円 | 5〜8ページ | カフェ・美容室・整骨院・教室・1人レストラン／実店舗を構える事業主 |
| プレミアムプラン（商品・作品型＋EC） | 80万円〜 | 0円 | 10〜15ページ | 作家・ハンドメイド・物販・小規模食品メーカー／自社ECを持ちたい方 |
既存サイトの状態に応じて、部分対応または全面リニューアルでお見積もりします。必ず無料診断（URL確認＋サーバー環境確認）の上で、A／B両方の概算をお返ししてから着手します。
| 対応 | 初期費用 | 月額 | 制作期間 | 適している状態 |
|---|---|---|---|---|
| A. 部分対応 （テーマ差し替え＋レイアウト調整） |
15〜25万円 | 0円 | 3〜4週間 | WordPress構築済み／既存コンテンツが充実／検索順位が付いている |
| B. 全面リニューアル （新規制作扱いでドメイン引き継ぎ） |
25〜45万円 | 0円 | 1〜2ヶ月 | HTML直書きの古いサイト／構造が破綻／更新が長期止まっている |
2026年現在、レスポンシブ・コアウェブバイタル・タップ設計は、ホームページ制作における「あって当然の標準仕様」です。それでも、見積書に「スマホ対応費」という別項目があったり、「コアウェブバイタル対応はオプション」と書かれていたりする制作会社は、まだ少なくありません。スマホ対応の基準が「制作会社の追加収益源」になっている時代から、「設計に含まれているのが当たり前」の時代に切り替わっています。料金体系がそれに追いついているかを、見積もり比較の1つの観点として持っていただければと思います。
結論からいうと、サイトの状態によります。HTMLが古く（テーブルレイアウト・Flash残存・jQueryで複雑に組まれている等）構造的に古いサイトは、スマホ対応を継ぎ足すよりも新規で作り直した方が結果的に安くなることが多いです。一方、WordPressで構築済みでテーマだけがPC固定のサイトは、レスポンシブ対応テーマへの差し替えとレイアウト調整で15万〜25万円程度に収まるケースが多くあります。IZANAでは無料診断で現状のHTMLとサーバー環境を確認したうえで、両方の概算見積もりをお返しします。
レスポンシブデザインは、1つのHTMLとCSSを使ってPC・タブレット・スマホの画面幅に応じて自動でレイアウトが切り替わる方式です。URLは1つだけで、検索エンジン評価も1つに集約されます。一方、スマホ専用サイト（m.example.com 等のサブドメイン型）はPC用とスマホ用で別ファイル・別URLを持つ方式で、2010年代前半に多く採用されました。Googleは2015年以降レスポンシブを推奨しており、現在の新規制作ではレスポンシブが標準です。スマホ専用サイトは、特殊な要件（PCとスマホで全く違う情報を見せたい等）がない限り選ぶ理由がほぼありません。
コアウェブバイタルは、Googleが2020年以降に導入したページ体験の評価指標で、LCP（最大コンテンツの表示時間、2.5秒以下が良好）、INP（操作への反応時間、200ミリ秒以下が良好）、CLS（表示中のレイアウトずれ、0.1未満が良好）の3つで構成されます。Google公式の検索ランキング要因の1つに含まれており、特に競合と内容が拮抗しているキーワードでは、コアウェブバイタルが優劣を分けることがあります。ただし、コアウェブバイタルだけで上位表示できるわけではなく、コンテンツの質・E-E-A-Tと組み合わせての評価です。
本文のフォントサイズは16ピクセル以上を推奨します。Apple・Google両社のヒューマンインターフェイスガイドラインで、本文の最小推奨値が16ピクセル相当に設定されています。これより小さいと、特に40代以降のユーザーが拡大せずに読み続けることが難しくなり、離脱率が上がる傾向があります。さらに、iOSのSafariはinput要素のフォントサイズが16ピクセル未満だと、フォーカス時に自動でズームしてしまう仕様があります（フォーム入力の妨げになります）。本文・フォーム入力欄ともに、最低16ピクセル、できれば17〜18ピクセルが快適です。
はい、いずれもスマホ対応のテンプレートが用意されています。ただし「テンプレートを当てれば終わり」ではなく、本文の長さ・画像のサイズ・タップターゲット（ボタンの大きさ）の調整が必要です。特に文字情報の多い業種（士業・コンサル・医療系）では、PC基準で書いた長文がスマホでは読みづらくなるため、見出しの粒度・段落の区切り方・モバイルでの「折りたたみ」設計に踏み込まないと、せっかくの情報が読まれずに離脱します。ご自身で完結したい場合は、テンプレートそのままではなく「スマホで実機検証→読みづらい箇所を見出し追加で分割」を最低3周することをお勧めします。それが負担なら、初期だけプロに任せて納品後はご自身で更新するのが現実的です。
Googleは2018年から「モバイルファーストインデックス」を全面適用しており、検索エンジンはまずスマホ版のページを評価しています。スマホで読めない・操作できないサイトは、PC版がいくら整っていても順位が伸びにくい構造です。逆に、すでに上位表示されているサイトをスマホ対応にしただけで爆発的に順位が上がる、ということもありません。スマホ対応は「順位上昇の決定打」というより、「順位を獲得するための土俵に乗るための前提条件」と捉えるのが現実的です。コンテンツの質・KW選定・内部リンク設計と組み合わせて初めて意味を持ちます。
はい。打ち合わせはオンライン（Zoom・Google Meet）と現地訪問の組み合わせで、東海三県（愛知・岐阜・三重）と静岡西部（浜松・静岡市）を日常的にカバーしています。スマホ対応の制作は、現地訪問よりもオンラインミーティング＋ファイル共有での進行が大半のため、距離による不利はほぼありません。納品後の更新研修もZoomで実施し、録画をお渡しする運用にしています。
記事を読んでも、「自分のサイトのスマホ対応状態」「リニューアルすべきか継続でいいか」「概算でいくらかかるか」は、URLを見ないと判断できません。
IZANAでは 3項目の無料診断（モバイル表示スコア・コアウェブバイタル数値・部分対応／全面リニューアルの概算見積もり）を実施し、48時間以内にPDFレポートでお返ししています。新規制作の方も、既存サイトのリニューアル検討の方も、契約中の方も、まずは現状把握から。勧誘や見積もりの押し売りは一切ありません。