ホームページを自分で作る方法｜3つの作り方と費用・手順を初心者向けに解説

自分で作る方法は大きく3つ

ホームページを自分で作る方法はいくつもありますが、初心者が選ぶ現実的な選択肢は次の3つです。

ノーコードの作成サービス

ノーコードの作成サービスは、ブラウザー上で文字や画像の部品をドラッグして配置するだけでホームページが作れるサービスです。サーバーの契約やソフトの設定が不要で、アカウントを作ればすぐに作業を始められます。無料プランがあるサービスも多く、まず形にしてみたい人には手軽な入口です。

一方で、サービスの中でしか動かないため、別のサービスへの引っ越しが難しい、無料プランでは独自ドメインが使えない・広告が表示される、といった制約があります。機能もサービスが用意している範囲に限られます。詳しくはノーコードとWordPressの違いで比べています。

WordPress

WordPressは、ホームページやブログを作るための無料のソフトウェアです。レンタルサーバーにインストールし、「テーマ」と呼ばれるデザインのひな形を選んで、管理画面から文章や写真を入れていきます。お知らせやブログの更新がしやすく、プラグイン（追加機能）で問い合わせフォームや予約などの機能も足せます。

サーバーとドメインを自分で契約するため、最初の準備はノーコードより少し手間がかかります。その代わり、データは自分のサーバーにあるので、サーバーを乗り換えたり、制作会社に一部を依頼したりといった選択肢が残ります。会社ホームページとの相性はWordPressが会社サイトに向く理由で説明しています。

HTMLを書く

HTMLとCSSというコードを書いて、ページを一から作る方法です。見た目も構造も完全に自由で、表示も軽く作れます。ただし、コードの知識が必要で、スマートフォン対応や問い合わせフォームの仕組みも自分で用意しなければなりません。更新のたびにコードを編集してサーバーにアップロードする必要があるため、社内の誰でも更新できる状態にはなりにくい方法です。

3つの方法の比較

会社や店舗のホームページで、お知らせや実績を自分たちで更新しながら長く使いたいなら、WordPressが最もバランスのよい選択肢です。数ページの名刺代わりで十分、更新もほとんどしない、という場合はノーコードの作成サービスも選択肢になります。

自分で作るのにかかる費用

自分で作る場合、制作会社に払う人件費はかかりませんが、いくつかの実費がかかります。

金額はサービスごとに異なり、キャンペーンや契約期間でも変わるため、契約前に公式の料金表で「更新時の金額」まで確認してください。忘れがちなのは、自分の作業時間もコストだということです。慣れない作業に数十時間かけるより、初期設定だけを任せて、原稿と更新は自分で行うという分け方もあります。

自分で作るときの手順（WordPressの場合）

ここでは、会社や店舗のホームページをWordPressで作る場合を例に、手順を説明します。ノーコードの場合も、3〜4のサーバーとWordPressの準備がサービスへの登録に置き換わるだけで、ほかは同じです。

1. 目的とページ構成を決める

いきなり管理画面を開くのではなく、まず紙やメモで「誰に、何をしてほしいホームページか」と「どんなページを作るか」を決めます。会社ホームページなら、トップ・会社概要・サービス紹介・実績・お問い合わせの5ページが基本です。ページ構成の考え方はサイトマップの作り方で詳しく説明しています。

2. 原稿と写真を用意する

各ページに載せる文章と写真を先に集めます。原稿がないまま作り始めると、見た目の調整に時間を取られ、最後に文章が入らず崩れる、ということが起きやすくなります。完璧でなくてよいので、8割の原稿を先に作りましょう。

3. ドメインとサーバーを契約する

ドメインはホームページの住所、サーバーはデータを置く場所です。どちらも自社（自分）の名義で契約しておくと、将来制作会社に依頼したり、サーバーを乗り換えたりするときに困りません。用語の詳しい説明はドメインとはとレンタルサーバーとはを参照してください。

4. WordPressをインストールする

多くのレンタルサーバーには、WordPressを簡単にインストールできる機能があります。サイト名、管理者のユーザー名、パスワード、メールアドレスを入力すれば、数分で管理画面に入れるようになります。管理者のパスワードは推測されにくいものにし、安全な場所に保管してください。

5. テーマを選んで入れる

テーマはホームページのデザインのひな形です。選ぶときは、見た目の好みよりも、自社に必要なページ構成がそろっているか、スマートフォンで見やすいか、更新しやすいかを優先します。会社向けのテーマ選びの観点は会社向けテーマのチェックリストにまとめています。

6. ページを作って原稿を入れる

テーマのお手本の構成を参考に、固定ページを作って原稿と写真を入れていきます。写真はスマートフォンで撮ったものでも構いませんが、サイズが大きすぎると表示が遅くなるため、横幅を2,000ピクセル程度までに縮めてから載せると安心です。

7. 問い合わせフォームを設置する

問い合わせフォームは、ホームページの成果に直結する部品です。設置したら、必ず自分で送信テストをして、通知メールと自動返信メールが届くか、迷惑メールフォルダに入っていないかを確認します。

8. 公開前の確認をして公開する

スマートフォンでの見え方、誤字脱字、電話番号や住所の誤り、リンク切れを確認します。作業中に「検索エンジンに表示しない」設定にしていた場合は、公開時に忘れずに外しましょう。

自分で作るときにつまずきやすい点

• 見た目の調整は「テーマの標準のまま」を基本にし、原稿の充実を優先する
• プラグインは必要なものだけに絞る
• ドメイン・サーバー・WordPressのログイン情報を一覧にして、社内で管理する
• 公開後も、WordPress本体・テーマ・プラグインの更新を定期的に行う

自分で作るか、任せるかの判断

自分で作るのに向いているのは、ページ数が少なく、原稿を自分で書けて、公開後も自分で更新したい場合です。反対に、公開日が迫っている、採用や大口の取引のために見た目の印象を作り込みたい、社内に作業する時間がない、という場合は、一部または全部を任せたほうが結果的に安く早く済むことがあります。判断の観点は自分で作るか外注するかで整理しています。

「全部自分で」か「全部お任せ」かの二択ではありません。CRAFTでは、会社ホームページ向けのテーマを10,000円（税込・1種類）で提供しており、テーマの導入と初期設定を任せる初回セットアップ（19,800円・税込）も選べます。原稿と更新は自分で行い、最初の設定だけ任せるという分け方もできます。サーバーとドメインは別途ご用意ください。