初心者でもホームページは自分で作成できる！おすすめ無料ツール15選

ブログやサービスサイト、ネットショップなどホームページを作成したいと思った際に、「どうやって作ったらいいんだろう」と悩んだ方もいるのではないでしょうか。

今回の記事では、おすすめのホームページ作成ツールや選び方のポイントを解説します。これからホームページを作成したいと考えている方は、ぜひツール選びの参考にご覧ください。

ホームページは無料で作れるの？3つの作成方法

ホームページの作成方法は大きく分けて、

• HTML・CSSなどコードで作成する
• 制作会社に依頼する
• ホームページ作成ツールを使う

という3種類の方法があります。それぞれにメリットとデメリットがあるため、1つずつ解説をしていきます。

HTML・CSSなどコードで作成する

ホームページを作成する1つ目の方法は、コードを使って作成するという方法です。
HTMLとCSSのそれぞれには、以下のような役割があります。

• HTML：Webサイトに表示されるテキストや画像を記述する
• CSS：テキストの大きさやフォント、色などのデザインを調整する

近年ではコーディング不要でWebサイトを作成できるツールが増えたため、HTMLとCSSを使って作成する人は少なくなっています。
しかし、Webサイト作成ツールをカスタマイズする際にはコーディングの知識が必要となる場面もあるため、コーディングの知識を身に付けたいという人にはおすすめの方法です。

制作会社に依頼する

制作会社に作ってもらうという方法もあります。自社の人員や時間を使わなくてもホームページを作成でき、クオリティの高いホームページを完成させることができます。

制作会社によっては、検索順位を上げたり、ホームページからの申し込みが増えるようなデザインを設計してくれるものもあります。

ホームページ作成ツールを使う

ホームページを作成する3つ目の方法は、ホームページ作成ツールを使って作成するという方法です。HTMLやCSSの知識がなくても簡単にホームページを作成でき、無料で使えるものも多いです。

しかし、ツールの機能によってはイメージ通りのデザインにできなかったり、カスタマイズをする際にHTMLやCSSの知識が必要になることもあります。

ホームページ作成の流れ

ホームページを作成する際に必要なものと作成の手順について解説します。

ホームページに必要なもの

ホームページの作成には、サーバーとドメインが必要です。

サーバーは、ホームページに必要なデータなどの情報を保管しておくスペースのことです。サーバーにホームページのデータを保管すると、インターネット上で誰でもホームページにアクセスできるようになります。 

サーバーを自分で制作するのは専門的な技術が必要ですので、自作が難しい場合は、レンタルサーバーの利用が一般的です。

 ドメインは、ホームページがインターネット上で存在する場所を示すものです。ホームページを表示するための「https://〇〇.△△」というURLの「〇〇.△△」部分がドメインにあたります。

会社のホームページを作成する際には独自ドメインの利用がおすすめです。独自ドメインでは自分の好きな文字列でドメインが取得できます。自社名やサービス名などを独自ドメインにすることで、会社の信頼度アップにつながります。

ホームページ作成の手順

ホームページの作成手順は以下の通りです。

1. 企画
2. 設計
3. 作成
4. 公開

各手順の詳細を解説します。

1.企画

企画段階では、ホームページ制作の目的やゴールなどの要件定義が重要です。

ホームページで何をしたいのかを明確にすることで、必要な機能が整理できます。例えば、ホームページから問い合わせを受けるなら、問い合わせフォーム機能、ホームページ上で注文を受けるなら、受発注機能が必要です。

ゴールに向けて何が必要なのか整理をしましょう。

2.設計

ホームページの企画が決まった後は、ホームページ全体の構造（サイトマップ）を設計して、可視化します。

全体の構造が決まったら、ページごとにコンテンツを配置するレイアウトを決めてください。ページ構造は、ホームページを訪問したユーザーがわかりやすいものに組み立てることがポイントです。

3.作成

ホームページ全体の構造が決定したら、サイトマップやイメージをもとに、文字や装飾などのデザインの詳細を決めます。デザインは、ファーストビューで、ユーザーの興味関心を引き付けられるかどうかが大切です。

デザインが決まったら、ホームページを作成する作業に入ります。作成方法は、HTML・CSSでコーディング、CMSツールの使用などの方法があります。

4.公開

ホームページのデータ作成作業が完了したら、ホームページを公開します。

ホームページデータをサーバーに置き、ドメインに紐づけをします。パソコン、スマートフォンなど複数のデバイスからホームページのレイアウトが崩れていないか、文字が読みやすいかなど確認をしましょう。

問題なくホームページがインターネット上で公開できたら、ホームページの作成作業は完了です。

ホームページ作成の費用相場はどのくらい？

ホームページ作成費用は、依頼先やページ数、デザインによって異なります。また、作成後は更新作業も発生します。更新にかかる費用も忘れてはいけません。

以下より、制作会社・フリーランスに依頼する場合とホームページ作成ツールを利用する場合の費用相場を紹介します。

制作会社・フリーランスに依頼する場合

制作会社に依頼する際の費用の相場は、約20万円〜100万円です。特殊なシステムや顧客管理を導入するサイトでは、100万円以上かかります。

ホームページ作成スキルがあるフリーランスに依頼した時の費用相場は、約10万円〜30万円です。人件費や管理費がかからない分、制作会社よりも費用を安く抑えられます。フリーランスのスキルは個人ごとに異なります。依頼前に、求めるスキルを持っているか、どのような実績があるかなどを確認しましょう。

制作会社やフリーランスによって、対応範囲や費用が異なるため、3社以上から見積もりをとり、比較することをおすすめします。

ホームページ作成ツールを使用する場合

ホームページ作成ツールを使用する場合、初期費用に数万円、月額利用料に約5,000円〜数十万円の費用がかかります。

また、制作会社やフリーランスに作成を依頼する際にも、作成ツールを利用すれば、費用を安く抑えられるメリットがあります。

ホームページは自分で作るのと作成会社への依頼ではどちらがいいの？

会社の名刺やパンフレット代わりとして、自社をアピールするための簡単なホームページであれば、必要な項目も限られているため、自分で制作することも可能です。 

一方、クオリティが高いデザインやホームページを戦略的に活用したい場合は、制作会社に依頼する方がおすすめです。企画段階から最新のトレンドデザインやWeb戦略など目的に沿ったアドバイスがもらえます。

ホームページの予算、求める機能によって使い分けてください。

ホームページ制作ツール比較表

無料で使うことのできる機能を一覧表にしました。有料プランのみ使える機能は△で表示しています。

【無料あり】おすすめホームページ作成ツール15選

それでは、ホームページを作成できるツールを15個紹介します。どれも無料から始められるツールなので、ぜひ気になったツールを試してみてください。

1.プラグインでカスタマイズが自由： WordPress（ワードプレス）

WordPress（ワードプレス）は、世界でもっとも利用されているホームページ作成ツールです。
サーバー代を除けば無料で利用することができ、記事の追加や更新も簡単にできるという点が魅力です。

また、サービスの拡張性が高いという点も大きなメリットです。「プラグイン」という拡張機能をインストールすることで、セキュリティ対策やサイトマップの自動作成、問い合わせフォームの設置など、WordPressにさまざまな機能を無料で追加できます。

プラグインには数千以上の種類があるため、サイトを自由にカスタマイズできるでしょう。
Webサイトを初めて作成する方から上級者まで、幅広い方におすすめできるツールです。

WordPressには多くのテーマがあります。テーマについてより詳しく知りたいという方は、こちらの記事をご覧ください。

初心者安心！WordPressのおすすめテーマ11選｜無料5選・有料6選

2. 1億人以上のユーザー：Wix（ウィックス）

Wix（ウィックス）は、世界で1億人以上のユーザーが利用しているホームページ作成ツールです。
パーツをドラッグ&ドロップで編集できることが特徴で、コーディングの知識がなくても簡単にホームページの作成が可能です。

スライダーや画像ギャラリーといった、動きのある要素の追加も可能。制作会社に依頼しなくても、クオリティの高いページを作成できるでしょう。

テンプレートやデザイン、パーツなど豊富な機能を利用したいという方におすすめです。

Wixの機能や利用方法についてより詳しく知りたい方は、こちらをご覧ください。
>>Wix（ウィックス）とは？導入のメリットや利用方法などを解説

3. 少ないページ数のホームページ向け： ペライチ

ペライチは、株式会社ペライチが提供するホームページ作成ツールです。日本企業発のサービスのため、日本語でのサポートが充実しています。

ペライチの特徴は、とにかく操作が簡単で、使いやすいという点。テンプレートを選択し必要なブロックを追加するだけでホームページが作れます。

「ペライチ」という名前の通り、基本的には1ページでの運用や、少ないページ数のホームページ作成という用途が想定されています。そのため、1ページの長いランディングページを作成したいという方や、1〜10ページで構成されるホームページを作成したいという方におすすめです。

ペライチの使い方や機能についてより詳しく知りたいという方は、こちらの記事もご覧ください。
>>初心者のためのペライチの使い方ガイド｜無料で簡単にランディングページを作成しよう

4. リジナルのデザインが作成可能：STUDIO（スタジオ）

STUDIO（スタジオ）は、株式会社STUDIOが提供するホームページ作成ツールです。

STUDIOの最大の特徴は、デザインを0から自由に作成できるという点です。
ホームページ作成ツールには、テンプレートを選択したり、用意されているパーツをドラッグ&ドロップで配置するものが多いですが、STUDIOは完全オリジナルのデザインを作成できます。

直感的な操作でデザインを作成できるため、コードの知識も不要。
ホームページを自由にカスタマイズしたいという方におすすめです。

※2023年5月1日以降料金改定あり

5. AIがホームページを自動作成：Jimdo（ジンドゥー）

Jimdo（ジンドゥー）は、KDDIウェブコミュニケーションズが提供するホームページ作成ツールです。ドイツで生まれたサービスですが、日本語にも対応しています。

ドラッグ&ドロップでホームページを作れる「ジンドゥークリエイター」だけでなく、「ジンドゥー AI ビルダー」という自動ホームページ作成サービスも提供しています。自社ビジネスについていくつかの質問に答えるだけで、AIが自動で最適なページを作成してくれます。

また、「ジンドゥークリエイター」では、無料プランでも5点以下であれば、商品を掲載しネットショップとして活用することが可能です。
短時間で簡単にホームページを作成したい方に最適なツールです。

<ジンドゥークリエイター>

<ジンドゥーAIビルダー>

Jimdoの機能や利用するメリットについて詳しく知りたい方は、以下のページをご覧ください。
>>Jimdo（ジンドゥー）の基本を徹底解説｜使い方から他ツールとの比較まで

6. 無料で独自ドメイン使用可能：Ameba Ownd（アメーバオウンド）

Ameba Ownd（アメーバオウンド）は、株式会社サイバーエージェントが提供するホームページ作成ツールです。

デザイン性が高く、「個人ブログ」「メディア」「写真・ポートフォリオ」など多くのテンプレートが用意されているため、さまざまなテーマで簡単におしゃれなページを作れます。

また、無料プランで独自ドメイン設定ができるという点も大きなメリットです。多くのツールでは、独自ドメインの設定は有料プランのみ対応しているので、無料で使いつつ自社ドメインでページを作成したいという方におすすめのツールです。

7. 必要なのはGoogleアカウントのみ：Google Sites（グーグルサイト）

Google Sites（グーグルサイト）は、Googleが提供しているホームページ作成ツールです。Googleアカウントを持っていれば無料で利用でき、ドラッグ&ドロップでサイトを作成、リアルタイムでの共同編集も可能です。

また、Googleが提供しているツールということもあり、ページ内にGoogleドライブやドキュメント、Youtubeなどを埋め込めます。

細かなデザインの調整が必要なサイトには向いていませんが、「GoogleアカウントやG suiteを利用しており、手軽にホームページを作成したい」という場合におすすめです。

8. 店舗運営者におすすめ：Goope（グーペ）

Goope（グーペ）は、GMOペパボ株式会社が提供するホームページ作成ツールです。

月額1,000円というリーズナブルな価格から利用でき、予約フォームの設置やクーポン情報の追加、営業カレンダーの公開など、店舗運営者に便利な機能が搭載されています。
メニューページにショッピングカートを設置することもでき、ネットショップの開設にも対応。

「飲食店や美容院、ホテルなどお店を運営しており、集客アップをしたい」という人におすすめのツールです。15日間の無料お試し期間があるので、ぜひホームページを作成してみてください。

9. 連携アプリで機能を拡張：Weebly（ウィーブリー）

Weebly（ウィーブリー）は、世界で3000万人以上に利用されている、ホームページ作成ツールです。

テンプレートを選択し、ドラッグ&ドロップで簡単にホームページを作成できます。
テンプレートはデザイン性が高く、レスポンシブデザインにも対応しています。ブログやオンラインストア、ポートフォリオなど一通りの種類がそろっているため、自社に適したテーマが見つかるでしょう。

また、Weeblyと連携できるアプリを提供しており、機能の拡張性があるという点も特徴です。
ページ内にFAQを設置したり、インスタグラムのフィードを表示、SNSのウィジェットを配置できるアプリなどがあります。

10. ガイドを見ながら作成：Strikingly（ストライキングリー）

Strikingly（ストライキングリー）は、アメリカ発のWebサイト作成ツールです。

「ビジネス」「ブログ」「スタートアップ」などのカテゴリからテンプレートを選び、パーツをクリック・編集してページを作成できます。ページを作成する際には、「作成ガイド」が表示されるため、ツールの操作に慣れていなくても簡単にホームページを作ることができるでしょう。

また、問い合わせフォームの設置やレスポンシブ対応など、便利な機能も備わっています。

複数ページで構成されるホームページを作ることもできますが、テンプレートは基本的に「1ページのシングルサイト」となっています。そのため、ランディングページを作成したいという方や、少ないページ数のホームページを作成する際におすすめです。

11. ページ公開数に制限なし：SITE123

SITE123は、2016年より提供されている無料ホームページ作成ツールです。

ホームページを簡単に作成できるツールはいくつかありますが、中でも簡単にページ作成ができるツールとして知られているのがSITE123です。他のツールのようにドラッグ&ドロップでパーツを編集するのではなく、テンプレートを選び、パーツを並び替えるだけでページが完成するようになっています。

また、無料プランでもページ公開数に制限がないことも魅力の1つです。短時間でシンプルなホームページを作りたいという方に最適なツールです。

12. スマホからも作成できる：Crayon（クレヨン）

Crayon（クレヨン）は、株式会社ハンズが提供する無料ホームページ作成ツールです。

パソコンからはもちろん、スマホからでもページ作成ができることが特徴です。そのため、スマホから写真を撮影してそのままホームページを編集・公開するなど、場所を選ばずに利用することが可能です。

ホームページを簡単に作りたいという方だけでなく、スマホだけで編集を行いたいという方にもおすすめです。

13. Googleアナリティクスも設定可能：BASE（ベイス）

BASE（ベイス）は、BASE株式会社が提供するECサイト作成ツールです。ネットショップを簡単に作成でき、決済機能やおしゃれなテンプレート、アクセス解析機能も搭載されています。

また、BASEを利用する大きなメリットは、商品が売れるまでお金はかからず、独自ドメイン設定やGoogleアナリティクス設定なども無料で利用できるという点です。

サイト作成に必要な機能を全て無料で使えるので、試しに作成してみるのがおすすめです。

14. ECサイト作成に人気が高い：Shopify（ショピファイ）

Shopify（ショピファイ）は、175か国の100万ショップ以上で導入されている、世界最大規模のECサイト作成ツールです。テンプレートから簡単にデザインを作成でき、決済機能のついたホームページを作ることができます。

Shopifyの魅力は、3000種類以上の専用連携アプリが提供されており、機能の拡張性が高いという点です。

例えば、

• 登録した商品画像やサイトの外観を変える
• サイト訪問者に合わせた広告表示や顧客データのレポーティング

といったように、デザインやマーケティングなど多くの用途に向けたアプリがあります。
14日間の無料体験があるので、ぜひECサイトを作成してみてください。

15. 無料プランで顧客管理までできる：STORES（ストアーズ）

STORES（ストアーズ）は、ストアーズ・ドット・ジェイピー株式会社が提供するECサイト作成ツールです。豊富なテンプレートが用意されており、コーディングの知識がなくてもおしゃれなページを作成できます。

また、「顧客管理機能」を無料のプランから使えるということも魅力の1つ。
初めて商品を購入した顧客とリピーターを分類したり、過去の購入情報やストアとのやりとりを蓄積することができます。

無料でECサイトを作成でき、決済手数料もネットショップ開設サービスの中で最安値なので、「ネットショップを作りたいが、コストはおさえたい」という方におすすめのツールです。

迷った時に！おすすめの無料ホームページ作成ツール

ここまでで、無料から使えるホームページ作成ツールをご紹介してきましたが、種類が多く、結局どのツールが良いのかわからないという方も多いのではないでしょうか。

そこで、ホームページを作成する利用シーン別におすすめのツールを紹介します。ツール選びに迷っている方は、ぜひこれらのツールの導入を検討してみてください。

ブログ作成におすすめ「WordPress」

個人のブログを作成したい場合のおすすめツールは、WordPressです。

ブログの更新を続けていくとサイト内のページ数が増えていきますが、WordPressではページの公開数に制限がなく、更新の際にページ数を心配する必要がありません。

また、記事の更新が簡単であることや、独自ドメインの設定に対応しているということも大きなポイントです。

ランディングページ作成におすすめ「ペライチ」

ランディングページを作成したい場合や、1ページ〜数ページ構成のホームページを作成したい場合は、「ペライチ」がおすすめです。

ペライチは、

• 直感的に操作でき、ページ作成が簡単
• シンプルなサイト構造で、短時間で作成可能
• SEO設定に対応

といった特徴を持っているため、ランディングページを作成する上で十分な機能を持っていると言えます。

企業のホームページ作成におすすめ「Ameba Ownd」

企業のホームページを無料で作りたい場合には、「Ameba Ownd」がおすすめです。
企業ホームページを作る場合は、以下のような機能があるツールを選ぶと良いでしょう。

• 独自ドメインの設定
• SEO設定に対応
• テンプレートの豊富さ

Ameba Owndでは無料のプランでも独自ドメインの設定ができ、さらにタイトルタグやディスクリプションの設定などSEOにも対応しています。

おすすめホームページ作成会社3選

おすすめのホームページ作成会社を3つ紹介します。参考にしてください。

実績豊富な老舗制作会社：株式会社キノトロープ

株式会社キノトロープは、2023年で創業30年を迎える業界トップの老舗ホームページ作成会社です。

クライアント総数1,000社以上のうち、上場企業の割合が75％と実績も豊富です。コンサルティングから、システム開発、構築、運用まで必要なサービスをワンストップで受けられます。

東京のWeb制作会社 | キノトロープ (kinotrope.co.jp)

デザインにこだわりたい方におすすめ：マザー株式会社

約20年の実績があるWeb制作会社です。高品質のデザインに取り組みたい方におすすめです。多言語サイトの構築など、さまざまなニーズに対応できます。

東京・名古屋・大阪　Webサイト制作・Webコンサル｜マザー株式会社｜Mother Inc.

SEOに強い：株式会社GIG

2017年に創業した比較的新しいWeb制作会社です。メディア戦略から運用体制構築まで幅広い支援が特徴。スタートアップの企業から大手まで制作実績は豊富です。

SEOを意識したメディアサイトの構築が得意です。

東京のWEB制作会社・ホームページ制作会社｜株式会社GIG (giginc.co.jp)

ホームページにフォームを設置するなら「formrun」がおすすめ

「作ったホームページにフォームを簡単に設置したい」と思ったことはありませんか？その場合は、弊社提供のフォーム作成ツール「formrun」がおすすめです。

formrunには20種類以上のテンプレートがあり、回答者の手間を削減するバリデーション機能（入力された値が正しいかどうか判定する機能）も充実。

セキュリティ体制も整えられているため、フォームをビジネスで活用したい方でも安心して利用できます。

また、フォームへの回答をカンバン方式で視覚的に管理できるため、問い合わせ対応の漏れをなくしたい方にもぴったりです。

formrunで作成したフォームはホームページに設置することができます。下記ではその方法について詳しく解説しているので、具体的な流れを知りたい方は合わせてご確認ください。

>>【フォームをシェアしたい方必見！】iframe埋め込みを用いて、ホームページでフォームを共有しよう（STUDIO・Wix・ペライチ・Ameba Ownd・Jimdo・WordPress)

自社に最適な方法でホームページを作成しよう

今回ご紹介したツールはどれも無料から始めることができ、コーディングの知識がなくても簡単にホームページを作成できるものです。エンジニアやデザイナーのリソースは割きたくないけど、ホームページを作成したいという方は、ぜひこれらのツールの導入を検討してみてください。

ただし、今回ご紹介したように、ツールによって使える機能は異なります。
どのような場面でツールを使うのかを明確にして、自社に最適なツールを選びましょう。

formLab編集部

formrunやフォーム作成や顧客管理に関する情報を発信しております。

EFO（エントリーフォーム最適化）や問い合わせ対応など、
フォームに関するお悩みを解決します。