2026-09-04

ホームページ自作の費用はいくら?無料〜プロ依頼まで比較

「ホームページくらい自分で作れば、お金はかからないのでは?」——そう考えて調べ始めたものの、サーバーだのドメインだのテーマ購入だのと聞き慣れない言葉が並び、結局いくらかかるのか分からなくなっていませんか。実は自作の費用は「現金の出費」と「自分の時間」の2階建てで、後者を計算に入れないと判断を間違えます。この記事では両方を数字で並べ、どこで自作し、どこでプロに任せるかの線引きをお伝えします。

現金で出ていく費用:サーバー代とドメイン代の実額

自作の固定費は、ほぼこの2つだけです。2024年以降の一般的な価格帯を挙げます(キャンペーン価格ではなく通常料金の目安です)。

項目年額の目安補足
レンタルサーバー(共用)12,000〜18,000円月1,000〜1,500円が中心価格帯。12ヶ月一括で割安に
ドメイン(.com / .jp).com 1,500〜4,000円/.jp 3,000〜4,500円初年度は安く、2年目以降が本来価格
SSL証明書0円主要サーバーは無料SSLを標準搭載
WordPress本体0円オープンソース
有料テーマ(任意)0〜20,000円買い切りが主流

つまり最小構成なら年間1.5万円前後、月あたり1,200円程度。有料テーマを初年度に買っても3.5万円ほどで収まります。

一方、ノーコードのサイトビルダー(Wix、STUDIO、ペライチなど)は、独自ドメインと広告非表示を有効にする有料プランで月1,500〜3,000円、年2〜4万円が相場。サーバー管理が不要な分、月額はやや高めという構造です。

無料で始める場合の落とし穴

無料プランは「サービス名入りのURL」「広告表示」「独自ドメイン不可」がセットになりがちです。名刺やチラシに載せる会社のサイトとしては信頼性で不利になるため、事業用なら独自ドメインだけは最初から取ることをおすすめします。あとから移行すると、検索評価もリンクもやり直しになります。

見落とされる「時間コスト」を金額に換算する

ここが本題です。WordPressでの自作を工程ごとに分解すると、初めての人の目安時間はおおよそ次のとおりです。

合計すると30〜60時間。経営者の時間を仮に時給3,000円とすれば9〜18万円分に相当します。制作会社に10〜30万円で頼む見積もりは、この時間を買っている、と捉えると比較しやすくなります。

時間を最も食うのは「動き」と「調整」

特に消耗しやすいのが、スクロールやホバーの演出です。数値を印象的に見せるだけでも、素のコードなら次のような処理が必要になります。


// 数字を0から目標値までカウントアップする最小例
const el = document.querySelector('#num');
const goal = 1200, dur = 1200;
let t0 = null;
requestAnimationFrame(function step(ts){
  if (!t0) t0 = ts;
  const p = Math.min((ts - t0) / dur, 1);
  el.textContent = Math.floor(goal * p).toLocaleString();
  if (p < 1) requestAnimationFrame(step);
});

実際に動くとこうなります。

▲ 実際に動いています(スクロール・ホバーも試せます)|この部品をカタログで見る

「創業◯年」「施工実績◯件」といった数字は、静止したテキストより目に留まります。ただしこれ1つ作るのに、初めてなら調べる時間も含めて数時間は覚悟が必要です。

もう一つ、よくある「よくある質問」の開閉。これも実際に動かすとこうなります。

▲ 実際に動いています(スクロール・ホバーも試せます)|この部品をカタログで見る

問い合わせ前の不安を減らす効果が高く、費用対効果の良いパーツです。

結局どれを選ぶべきか

選択肢初年度費用向いているケース
ノーコード(有料プラン)2〜4万円5ページ以内、更新は自分で。速さ優先
WordPress自作1.5〜3.5万円+30〜60時間記事を継続的に増やす。学習に前向き
プロ依頼20〜60万円+年1.5万円集客が売上に直結。本業に集中したい

判断軸はシンプルで、サイト経由の受注1件の粗利がいくらか。1件30万円の仕事が年に数件取れる事業なら、迷わず依頼した方が回収は早いです。逆に、まず存在証明としてのサイトが欲しいなら自作で十分です。

なお「うちの業種でどんな動きが合うのか、見てから決めたい」という方は、動くWebパーツ集 motionAETHER のカタログ( https://app.novamor.jp/motion/demo/index.html )が参考になります。500点が実際に動く状態で並んでいて、閲覧は無料。制作会社に依頼する際も「この動きで」と指させると、打ち合わせが一気に短くなります。

まとめ

自作の現金コストは年1.5万円前後、しかし時間は30〜60時間。この2つを自分の時給で足し算してから、見積書と並べてみてください。まずはドメインを1つ押さえて、5ページ分の原稿を書き出すところから始めましょう。そこまで進めば、自作か依頼かの答えは自然と出ます。

動くパーツ、探すより選ぶ方が早いかもしれません。

この記事のようなアニメーションが、コピペで使える形で500点。ぜんぶ実物が動くカタログで公開中です。

無料でカタログを見る →
© NOVAMOR / motionAETHER 特定商取引法に基づく表記 プライバシーポリシー