目次
「自分のサイトを持ちたいけれど、何から手をつければいいのかわからない」
「サーバー? ドメイン? WordPress? 専門用語ばかりで前に進めない」
はじめてサイトを作ろうとすると、最初の一歩でつまずいてしまいがちです。
先に結論をお伝えすると、サイトの作り方は「どれが正解か」ではなく「あなたの目的にどれが合うか」で決まります。
この記事では、用語の整理から4つの作り方の比較、複数ページのサイトをどう構成するか、毎月いくらかかるのか、そして公開後にやるべきことまでを、順を追って解説します。
読み終わる頃には、「自分はこの方法で、この構成で作ればいい」というところまで決まっているはずです。
最初に、言葉の整理だけ済ませておきましょう。ここが曖昧なまま情報を集めると、検索するたびに違うことが書いてあるように感じてしまいます。
Webサイトとは、複数のWebページがひとまとまりになったものです。
| 用語 | 指しているもの |
|---|---|
| Webページ | 1枚のページ。URLひとつに対応する |
| Webサイト | 複数のWebページが集まったもの。「サイト」はこの略 |
| ホームページ | 本来はサイトのトップページを指す言葉。現在は「Webサイト」とほぼ同じ意味で使われることが多い |
日常会話では3つが混ざって使われていますが、作る側として意識したいのは「1ページで足りるのか、複数ページが必要なのか」という点だけです。
この記事では、1ページのシンプルなサイトはもちろん、複数ページで構成されるサイトの作り方まで含めて解説します。会社やお店のホームページをビジネス目的で作りたい方は、ホームページの作り方完全ガイドもあわせてご覧ください。
どの作り方を選んでも、サイトを公開するために最低限必要なものは2つだけです。
| 名称 | 役割 | 例えるなら |
|---|---|---|
| ドメイン | サイトの住所になる文字列(URLの一部) | 家の「住所」 |
| サーバー | 文章や画像のデータを保管しておく場所 | 家を建てる「土地」 |
「example.com」のような文字列がドメインで、これがそのままサイトのURLになります。
そしてサイトの中身(文章・画像・デザインのデータ)は、サーバーと呼ばれるインターネット上のコンピューターに置かれています。誰かがURLを入力すると、ブラウザがサーバーに「このページを見せてほしい」と依頼し、返ってきたデータが画面に表示される——これがサイトが見られる仕組みです。
土地(サーバー)を借りて、住所(ドメイン)を割り当てる。この2つが揃ってはじめて、世界中の人があなたのサイトにたどり着けるようになります。
「契約手続きが2つもあるのか」と身構えた方もご安心ください。
サイト作成ツールを使う場合、ドメインとサーバーはサービス側にあらかじめ用意されています。アカウントを作れば、その日のうちにページ作りを始められます。
契約や初期設定でつまずく心配がないことが、はじめての方に作成ツールが選ばれる最大の理由です。
サイトの作り方は、大きく分けて次の4つです。
| 作り方 | 費用の目安 | 公開までの期間 | 難易度 | 向いている人 |
|---|---|---|---|---|
| ①サイト作成ツール | 月1,000〜3,000円程度※ | 最短即日 | ★☆☆ | 今すぐ・簡単に作りたい |
| ②WordPress | 月1,000〜3,000円程度 | 数週間〜1ヶ月 | ★★☆ | ブログ集客・長期運用したい |
| ③HTML・CSSで自作 | 月1,000〜5,000円程度 | 2〜3ヶ月(学習込み) | ★★★ | 制作スキルを身につけたい |
| ④制作会社に依頼 | 20万〜100万円+保守費 | 1〜3ヶ月 | ★☆☆(費用は高) | 品質重視・手間をかけたくない |
順番に見ていきましょう。
テンプレートを選び、文章と画像を差し替えるだけでサイトが完成するサービスです。コードを書く場面は一度もありません。
| メリット | デメリット |
|---|---|
| 専門知識なしで作れる/最短即日で公開できる/ドメイン・サーバーの契約が不要/困ったときにサポートがある | テンプレートの枠を大きく超えるデザインは苦手/複雑な機能の追加には向かない |
たとえばペライチには業種別のテンプレートが600種類以上あり、写真と文章が手元に揃っていれば、最短5分・平均30分ほどで公開まで終わります。
多くのツールには無料のお試し期間が用意されており、公開まで一通り体験してから契約を判断できます。
WordPress(ワードプレス)は、世界でもっとも利用されているCMS(サイトの中身を管理する仕組み)です。ソフト自体は無料で、ドメインとレンタルサーバーは自分で契約します。
| メリット | デメリット |
|---|---|
| ブログ機能が強く記事型のSEOに向く/テーマやプラグインで拡張できる/情報が多く調べやすい | サーバー契約と初期設定を自力で行う必要がある/セキュリティ更新などの保守も自己責任/公式のサポート窓口がない |
記事を増やして検索流入を積み上げたい方、サイトを何年もかけて育てたい方に向いています。一方で「公開までに数週間かかった」「設定の途中で止まってしまった」という声も多く、最初のハードルは高めです。CMSの種類や選び方は、CMSとは?メリットや種類をわかりやすく解説で詳しく紹介しています。
HTML(ページの構造をつくる言語)とCSS(見た目を整える言語)を書いて、ゼロから組み立てる方法です。
| メリット | デメリット |
|---|---|
| デザインの自由度がもっとも高い/表示速度を細かく調整できる/制作スキルが身につく | 習得に2〜3ヶ月以上かかる/更新のたびにコードを触る必要がある |
「サイトが欲しい」という目的だけなら、正直おすすめしません。Web制作そのものを仕事やスキルにしたい方のための選択肢と考えてください。学び方の順番は、Webデザインを独学で学ぶ方法で解説しています。
企画からデザイン、実装までをプロにまかせる方法です。費用は20万〜100万円程度、公開後も月5,000〜30,000円ほどの保守費用がかかるのが一般的です。
| メリット | デメリット |
|---|---|
| プロ品質のオリジナルデザイン/自分の時間をほとんど使わずに済む | 費用が高い/完成まで1〜3ヶ月かかる/修正のたびに依頼のコストが発生する |
依頼する場合も、「目的」「参考にしたいサイト」「載せたい内容」「予算と公開希望日」の4つを先に整理しておくと、仕上がりのイメージ違いを防げます。
一般的な目安として語られるのは「WordPressなら数週間〜1ヶ月、HTMLの学習からなら2〜3ヶ月」という期間です。これに対して作成ツールであれば、当日中の公開も十分に現実的だということが、実際の利用データからも見てとれます。
「結局どれを選べばいいのか」を、重視するポイント別に整理しました。
月額1,000〜3,000円程度に収まり、初期費用はかかりません。まず無料のお試し期間で公開まで体験してから、契約を判断できます。
イベントの告知、新サービスの案内など、公開のタイミングそのものが価値になるケースでは、最短即日で出せる作成ツールが圧倒的に有利です。
記事を継続的に書いて検索流入を積み上げる戦略なら、WordPressの拡張性が活きてきます。ただし初期設定と保守の手間は見込んでおきましょう。
ブランドサイトや採用サイトのように、見た目の印象がそのまま成果を左右するサイトは、プロに任せる価値があります。
営業時間の変更、新メニューの追加、お知らせの投稿。こうした更新を自分でやりたいなら、管理画面から数クリックで直せる作成ツールが向いています。
遠回りに見えますが、手を動かしてコードを書いた経験は、ツールを使う場合にも効いてきます。
いちばん多い失敗は、実は技術的なつまずきではありません。作り方を比較しているうちに時間が過ぎ、作ること自体をやめてしまうことです。
サイトは一度作って終わりではなく、公開してから改善していくものです。まず作成ツールで形にして公開し、必要になった時点で拡張や作り直しを検討する。この順番なら、時間もお金も無駄になりません。
ここからは実際の手順です。今回はもっとも手軽な作成ツールの画面を例にしますが、STEP1〜3の準備はどの作り方でも共通です。
最初に決めるのはデザインではありません。「誰に、何を伝えて、どうしてほしいのか」です。
ここが曖昧なまま作り始めると、「きれいだけれど成果につながらないサイト」になりがちです。逆に言えば、この3つさえ決まっていれば、制作は驚くほどスムーズに進みます。
業種や目的に合ったものを選べば、デザインの知識がなくても整った見た目になります。
テンプレートの見本文章を、自分の内容に差し替えていきます。
文章のコツは「専門用語を使わない」「自分の説明ではなく、読む人のメリットで書く」の2つです。写真はスマートフォンでの撮影でも十分ですが、明るい場所で撮ったものを使いましょう。掲載する写真は、画像サイズを整えておくとページの表示が重くなりにくくなります。
内容を確認したら、公開ボタンを押せば完成です。
ビジネス用途であれば、あわせて独自ドメイン(「〇〇.com」など自分だけのURL)の設定をおすすめします。URLが覚えやすくなるだけでなく、訪問者からの信頼度も変わります。
1ページで完結するサイトなら、構成に悩む場面はほとんどありません。一方で複数ページのサイトは、構成を決めずに作り始めると必ず迷子になります。
| こんな場合 | 推奨 |
|---|---|
| 伝えたいことが1つ(1店舗の紹介、1サービスの案内、イベント告知) | 1ページ |
| サービスが3つ以上ある/実績を一覧で見せたい/採用情報も載せたい | 複数ページ |
| ブログやお知らせを継続的に更新する | 複数ページ |
迷ったら、まず1ページで公開して、情報が増えてからページを分けるのが安全です。最初から10ページを設計すると、たいてい3ページ目で手が止まります。
| ページ | 役割 |
|---|---|
| トップ | 何のサイトかを3秒で伝える。各ページへの入口 |
| サービス・商品紹介 | 何を提供しているかを具体的に |
| 選ばれる理由・強み | 競合と何が違うのか |
| お客様の声・実績 | 第三者の評価で信頼を補強する |
| 会社・店舗情報 | 住所、営業時間、地図、連絡先 |
| お問い合わせ・予約 | 最終的にしてほしい行動の受け皿 |
構成を考えるときのポイントは階層を深くしすぎないことです。トップから2クリック以内で目的のページにたどり着ける構造(2階層まで)に収めると、訪問者が迷いません。
いずれも共通しているのは、最後が必ず「お問い合わせ」や「予約」で終わっていることです。サイトは見てもらうことがゴールではなく、次の行動につなげるための場所だという点を、構成の段階から意識しておきましょう。個人クリエイターの方は、ポートフォリオの作り方もあわせて参考にしてください。
見落としがちですが、サイトは公開してからも費用がかかり続けます。作り方別に整理すると次のとおりです。
| 作り方 | 初期費用 | 維持費(月額) | 主な内訳 |
|---|---|---|---|
| サイト作成ツール | 0円 | 1,000〜3,000円程度 | ツールの利用料(お試し期間あり) |
| WordPress | 0円〜 | 1,000〜3,000円程度 | ドメイン代+サーバー代 |
| HTML・CSS | 0円〜 | 1,000〜5,000円程度 | ドメイン代+サーバー代+制作ソフト |
| 制作会社に依頼 | 20万〜100万円 | 5,000〜30,000円程度 | 保守管理費 |
無料のまま公開し続けられるツールもあります。ただしその場合、ページ内やURLにサービス名が入る、広告枠が外せない、独自ドメインが使えない、といった制約がつくのが一般的です。
趣味のサイトや練習用であれば十分な選択肢ですが、ビジネスで使うなら有料プランを前提に考えましょう。多くのツールは無料のお試し期間中に公開まで試せるので、操作感を確かめてから判断するのがおすすめです。
サイトは公開してからが本番です。最低限、次の3つは済ませておきましょう。
公開しただけでは、検索結果にすぐ表示されるわけではありません。
SSLに対応していないと、ブラウザに「保護されていない通信」と表示されます。これだけで訪問者が離脱する要因になるため、必ず対応しておきましょう。作成ツールの多くは標準で対応しています。
SEOのほうは、難しいテクニックの前に基本の3点を押さえれば十分です。
月に1回でかまいません。「何人が見に来たか」「どのページが見られているか」を確認する習慣をつけましょう。数字を見るだけで、次に直すべき場所が見えてきます。
はじめてサイトを作る人がつまずきやすいのは、次の5つです。
サイトの作り方は4つありますが、大切なのは方法選びに時間をかけすぎないことです。
そして、複数ページのサイトを作るなら、デザインより先に構成を決めること。これだけで制作のスピードも、公開後の成果も変わります。
サイトは公開してからが本番です。まず形にして世に出し、反応を見ながら育てていくのが、遠回りに見えて実は最短ルートです。
ホームページ制作に時間や知識をかけられない方へ。ラクスルホームページなら、名刺やチラシなどの資料をもとに、AIと専任担当が貴社専用のデザインを無料で作成します。完成したページを確認してから導入を決められ、公開まで最短3営業日。初めてでも安心です。