ホームページ作成ツールを無料で14個も！もう制作会社を頼らない。
「ホームページの作成を。無料で！ 自分で！」ー 前回の更新からかなり経ちましたが、テーマは同じでございます。
ホームページの作成に役立つおすすめの無料ツールを集めました。ぜんぶ無料で気軽に試せます。制作会社を頼る必要はございません。初心者さんもご遠慮なく、ぜひホームページ作成にチャレンジしてみてください！ （スマホサイト、もしくはネットショップを作りたい人は以下のリンク先で特集してます）
- 関連！ ぜんぶ無料！スマホサイトを素人でも制作会社に頼らず作成できるツール6個
- あなたも店長になれる！無料で簡単にネットショップを作成できる方法6個
- 最新！売れるショッピングカートを比較してみた。選び方も教えちゃう
ホームページ作成にお役立ちのツール14個
目次
- 1. 一般ビジネスサイトなら WIX
- 番外. お店のHPなら絶対！ グーペ
- 2. ファッション＆アーティスト系 IM-Creator
- 3. 使いやすい万能タイプ Jimdo
- 4. サクサク作れる Edicy
- 5. おしゃれなスマホサイトなら Strinkingly
- 6. 玄人好み Webydo
- 7. 日本語のテンプレートが揃う Webnode
- 8. 無料でネットショップオープン！ BASE
- 9. マインドマップ作成 xmind
- 10. ウェブサイトの下書きができる Cacoo
- 11. 配色のヒントに Color scheme designer
- 12. カラーピッカー MoulocX
- 13. 国内外の画像検索サイト
- 14. 簡単な画像編集に Photoshop Express Editor
まずは、ホームページ作成用のツール8個から！
最近、ホームページを作成するための「Webサイトビルダー」が熱いんです！
Webサイトビルダーとは、ブラウザからホームページを作れるサービスのこと。今回は特に無料のウェブサイトビルダーに注目しました。以下の8個を取り上げ比較しています。
| 名称 | タイプ | おすすめ度 | 公式リンク |
|---|---|---|---|
| WIX | 会社のHP向け | ★★★ | 詳細はこちら |
| グーペ | お店のHPに最適 | ★★★ | 詳細はこちら |
| IM-Creator | オシャレなデザイン | ★★ | 詳細はこちら |
| Jimdo | 初心者向け | ★★ | 詳細はこちら |
| Ecicy | 英語サイトも作れる | ★★ | 詳細はこちら |
| Strikingly | スマホサイト向け | ★★★ | 詳細はこちら |
| Webydo | 自動でコーディング | ★ | 詳細はこちら |
| Webnode | テンプレート充実 | ★★ | 詳細はこちら |
| Base | ネットショップ | ★★ | 詳細はこちら |
ちなみにブラウザとは、普段ホームページを閲覧するのに使っているアプリのことですね。Windowsなら「インターネットエクスプローラー（IE）」、Macなら「Safari」が標準でインストールされています。機能の拡張が自由で動作も軽い「Google Chrome」を利用している人も多いでしょう。
高価なソフトを買う必要はありません。インターネットとブラウザさえあれば、今回紹介するWebサイトビルダーを使って、だれでも簡単にホームページの作成を楽しめます。
ところで注意がひとつ。webサイトビルダーのことを「ホームページビルダー」と呼ぶこともできます。でも同じ名前の有名なホームページ制作用のソフトがあるので、混乱を避けるため本記事では「ブラウザからHPを作れるツール＝Webサイトビルダー」と呼ぶことにしました。
Webサイトビルダーの使い方はどれも大体同じ
これは、今回紹介するウェブサイトビルダーのうちの一つ、「IM-Creator」です。どんなふうにホームページを作っていけるのか、60秒のビデオにまとめられています。
最初にテンプレートからデザインを選びました。ドラッグ&ドロップと簡単なキーボード入力で完成に近づけていきます。だいたい共通してどのWebサイトビルダーもこの流れでホームページの作成を進められます。
Webサイトビルダーの歴史は古く、昔から色々ありました。でも、操作性がイマイチでした。選べるテンプレートにも不満が。種類は少なく、ダサくて、人前に出せるクオリティは望めませんでした。それがいつのまにか、こんなに進化していたのですね！
技術的なハードルはほぼ地べたくらいに下がりました。HTMLやCSSのような専門スキルは不要です。素人に近い初心者さんでも、会社や店舗など、クオリティ重視のビジネス用ホームページもじゅうぶん目指せることに驚きました。
というわけで、今回、色々なWebサイトビルダーを触ってみました。その中からいくつか操作性とデザインの両方で「イイネ！」と思ったオススメのものを紹介します。
1.一番人気のホームページ作成サービス！ WIX
本記事、一番のおすすめ。本当に簡単に高品質のホームページを作成できます。
悔しいことに、優れたウェブサイトビルダーの多くは外国産です（頑張れニッポン！）。WIXはイスラエル発のサービスですが、完全に日本語に対応しているところが嬉しいです。日本語で文字を入力できるのはもちろん、管理画面も日本語で見られます。作成を進めるにあたって、言語の違いによるストレスはありません。
デザインは種類豊富なテンプレートから選べます。一般企業、レストラン、個人事業、ポートフォリオなど、業種や目的別にカテゴリーで分類されているので、自分好みのものを見つけやすくて助かります。
機能の拡張性も最高です。オンラインで商品を販売できるショッピングカートの機能や、更新を簡単にできるブログなどを追加できます。最近はオンラインの予約システムも増えました。どんどん新しい機能が発表されるのは、ワクワクしますね。開発側が常に改良へ挑んでいる証拠です。
ユーザーサポートも親切です。WIXを使いこなすためのマニュアルがあります。それだけでなく、ブログで積極的に役立つ情報を配信しています。ホームページへの集客ノウハウ、デザインをおしゃれに見せるテクニックなど、読み応えの多い記事ばかりで勉強になります。
さすが人気ナンバーワンのWebサイトビルダーですね。色々なデザインを選べて、機能も盛りだくさん、おまけに優しいサポートもついてくる。今回が初めてのホームページという初心者さんから、高機能なウェブサイトを求める上級者まで満足できるサービスだと思います。
WIXでのホームページの作り方
サンプルとして、実際にWIXでホームページを作成してみましたよ。作成の流れを追ってみます。
- 1. ホームページのデザインはテンプレートから選びます
-
こちらからユーザー登録を済ませれば、すぐにテンプレートを選べます。テンプレートはカテゴリーに分かれているので、すぐに目的のテンプレートを見つけられます。
今回はレストランのテンプレートを選んでみました。
- 2. ブラウザでテンプレートを編集
-
テンプレートを選択後、そのままブラウザで直接デザインを編集できます。上のように文字を打ち込んだり、
こんなふうに画像を差し替えたりを、目で見ながら簡単にできます。
- 3. 公開もワンクリック
-
好きなだけ編集を楽しんだあとは、「公開」ボタンをクリックするだけ。すぐにホームページを一般に向けて公開できます。なんて簡単なの！
番外編：お店のホームページならGoope（グーペ）
ここで突然番外編です。なぜ、番外編なのかというと、無料ではないからなのですが、飲食店や美容系店舗のホームページならお任せくださいな機能が盛りだくさんです。
月額1,000円という利用料は決してムダにはなりません。自営業でお店を持つ店長さんにおすすめです。
Goopeはこんなサービス
- 自営業でやってるお店向き
ネットからの予約に対応できたり、お得なクーポンを発行できたり、お店の集客に役立つ機能が満載です。
レストラン、居酒屋、カフェなどの飲食店はもちろん、美容室やエステサロンなど美容・健康系の店舗ビジネスまで、幅広く「お店」のホームページ作りへ対応できます。
- 簡単にメニューページを作れる
飲食メニューやエステコースなど料金メニューのページを管理画面から簡単に作れます。
メニューの名称と値段を入力し、写真をアップするだけで、こんなふうにサイト上へ美しく反映されます。
- 営業カレンダーを簡単に更新できる
季節にあわせたセール情報や特別なキャンペーンなど、集客アップのためのイベントを営業カレンダーを使って告知できます。
- デザインへのこだわりも可能
上2つは実際にグーペで作られたHPです。基本的にデザインはカスタマイズ可能のテンプレートから選びます。カスタマイズしだいで、こんなオシャレでこだわったデザインにすることもできます。
最初はなかなか難しくても、少しずつカスタマイズのスキルをアップして、自分好みのデザインへ育てていくのは楽しいはずです。
今なら15日間のお試し期間を無料で利用できます。ホームページの作り方に悩む店長さんは、無料のうちに軽くでも試してみるといいですよ。飲食店のホームページの作り方はこちらでも特集してます。
2. おしゃれなあなたは「IM-Creator」
次は冒頭のムービーで紹介した「IM-Creator」です。
「IM-Creator」でも、実際にひとつホームページを作ってみました。これです。奇抜な色使いで目がチカチカ～、開いた途端に閉じてしまうかも（笑）。
これはテンプレートから選んだデザインをほぼそのまま使いました。ここにIM-Creatorの特色があります。IM-Creatorは、他のWebサイトビルダーとはちょっと毛色が違う、奇抜でオシャレなテンプレートがそろっています。名称通りに、特にクリエイターやアーティストな方々にマッチするサービスだと思います。
ホームページ作成の流れ（IM-Creator版）
今回作ったサンプルを例に、「IM-Creator」を使ったホームページの作り方を振り返ってみます。
- まずはテンプレートを選びます。
ユーザー登録をすれば、すぐにデザインをテンプレートから選べます。気に入ったテンプレートを見つけたら、そこからホームページの作成が始まります。
- 文章を差し替え
テンプレートにすでに書き込まれたテキストを自分用に差し替えていきます。
- 写真の編集や差し替えも簡単
テキストだけでなく、写真もドラッグ＆ドロップのマウス操作だけで差し替えられます。
- ユーチューブの動画も貼付けたりして
動画を貼り付けるのも簡単です。
- SNSのシェアボタンはそれぞれの配布先からソースを貼り付けるだけ
facebookやTwitterの口コミ効果を期待してのものです。
- アクセス解析（Googleアナリティクス）のセットアップも簡単。IDを入力するだけです。
ホームページへのアクセスを集計し、のちのアクセスアップへ役立てます。
- 他にも色々と。とにかくページ上に表示したい画像をドラッグ&ドロップで置いていくだけでホームページの作成を進められます。
ここまで1時間くらいかな？で完成です。初心者でも簡単です！ クリエイターのポートフォリオにも向いてるかもです。
3.これも日本語対応 Jimdo
Jimdoも日本で人気のウェブサイトビルダーです。日本語に完全対応しています。使い始めの登録から作成画面、アカウントの管理やサポートまで全部日本語が通じます。
スマホからデザインできるアプリも出てますよ。場所を選ばずベッドに転がりながらでもホームページを作成できます。
4.海外のお客様を狙いたいならEdicy
この記事を初めて公開した時期は無料でEdicyという名称でしたが、いまはVoogとしてリニューアルし料金も6ユーロからと有料になってしまったみたいです。
WixやJimdoなど日本語環境で、なおかつ無料で作成できるサービスがあるなか有料のVoogを選択する必要はなさそうですが、唯一の特徴としては多言語サイトへ対応できるという点が強みです。
最近は世界的に日本の認知が高まってますね。旅行客の数にもそれが現れています。英語だけじゃなく、中国語や韓国語にも対応したマルチ言語のホームページで情報発信することで、期待以上の需要を得られる可能性があります。
じつは、リニューアル後のVoogはまだ試していないのですが、Edicy時代の操作性はピカイチでした。
他のウェブサイトビルダーと比較して、圧倒的に動作が軽く、キーボードショートカットも用意されていたので、作成スピードが段違いでした。PCにインストールしているソフトと同じような感覚で作成作業を進められました。ここも継承してくれていると嬉しいのですが、近いうちに試してまた報告したいと思います。
5.オサレ！スマホサイトならスムーズなStrinkingly
スゴく洗練されております。無駄なものがありません。デザインにもそれが現れてます。テンプレートはすっきり見やすくシンプルです。色々と詰め込んでないところが、実はかなり好みでした。
管理画面の見栄えも良くて、わかりやすく、完成まで迷わず進められます。
最近はスマホ対応の重要性が叫ばれていますね。Strinkinglyは特にモバイル用のサイトと相性が良いので、いま急いでスマホ対応のホームページが欲しいという人におすすめです。
6.グラフィックデザイナー向けのWebydo
Webydoは、グラッフィクデザイナー向けといえるホームページ作成サービスです。
テンプレートが用意されているわけではなく、フォトショップやイラストレーターで先にデザインしたものをベースに作成を進めます。最終的にデザインを人工知能でコーディングしてくれます。デザインは得意だけどコーディングは苦手いう人は使ってみてはいかがでしょうか。
7.Webnode
これも日本語対応しますよ。ここまでいろんなツールを試用すると、正直、もうどれでもいいんじゃないかという気になってきます。それくらい全て操作性に優れ、クオリティの高いホームページを作れるからです。
どうせ無料です。とりあえず全部試してみるというのもいいんじゃないかな。相性もあるので、触ってみて気持ち良いものに決めればいいと思います。
8.ネットショップ作成ならBASE
BASEは、今までのWebサイトビルダーと異なり、ネットショップを専門にしています。（今までのでもネットショップを作れることは作れますが）
初期費用も月額にかかるお金も不要です。3分程度の登録作業でネット上にお店をオープンできます。今までのWebサイトビルダーと同じテンプレート方式でショップのデザインを決められます。商品の登録や顧客管理も簡単にできてクレジットカードの決済システムも利用できます。無料だなんて信じられません。
ネットショップを無料で作成できるサービスは下記でも特集してますよ！
（再び）ホームページ作成の流れ
っと、ここまでホームページのデザイン～公開までを担当してくれるWebサイトビルダーについて紹介してきました。実はこれ以外にもホームページを自分で作成する場合は色々と必要な作業があります。
これは一般的なホームページ作成の流れです。
作り上げるホームページの規模や制作を進めるチームの編成などによって、前後・削除される工程はありますが、おおまかにはこんな感じに落ち着きます。
それぞれの工程を手短に説明すると
- 企画
ホームページ作りは、まず企画から始まります。
作り始めの第一歩として、色々とアイデアを出し、どんなホームページにしたいか計画を立てます。誰に見てもらいたいのか、どんな内容にしたいのか、ページ数、デザインの方向性、完成後のホームページへどうやって集客するか、最近ではfacebookやtwitterなどSNSとの連動方法も重要な検討事項の一つになってきてますね。
企画を進める方法は千差万別、企画者の癖やスキルによって、またプロジェクトの色によって様々です。ウェブさえでは、企画の方法について、色々と掘り下げて記事にしていきたいと思ってますし、過去にもいくつか書いてますよ。
- サイトマップ
サイトマップは、ホームページ全体の構成図です。
企画で明らかした必要なページをトップページを頂上にして配置していきます。このとき気をつけたいのは、訪問者がどのようにホームページ内を巡るのか（これを導線という）を意識することです。
常にトップページがお客さんにとって入口ページになるとは限りません。どのページから入ってきても、一番見てもらいたいページへ到着できる配置を考えることが重要です。
- ワイヤーフレーム
ワイヤーフレームはページ単位の設計図です。ページ上に、文章や写真など、なにをどこに配置していくのかを図にします。
今回のようなWebサイトビルダーを使う場合は、選ぶテンプレートに合わせて配置を決めていくことになります。差し替える文章や写真を検討し、テンプレートのデザインを活かしながら、ページ上で言いたいことが閲覧者に伝わりやすい配置を考えます。
- 原稿作り
- ワイヤーフレームが決まれば、その配置図に従って、掲載する文章や画像を原稿として用意してデザインに着手します。原稿の作り方のコツは以下でどうぞ。原稿が準備できたら、さあ、ウェブサイトビルダーの出番です！
ちなみに業者へ依頼する場合の制作の流れはこちらです。時間があるときに覗いてみてください。自作する場合にも応用できる部分がきっと多いと思います。
ホームページを作成する前に役立つツール6個
Webサイトビルダーの出番まで、実は結構めんどくい作業がありました。でも、お金をかけない代わりに手間というコストが発生するのは仕方のないこと。覚悟を決めて取り組みましょう。
各工程で役立つツールがいくつかありますよ。利用して工程ごとの負担を減らしましょう。
- 9.Xmind
-
マインドマップの作成には「Xmind」をもっぱら使っています。動きが軽く、「SWOT」や「マーケティング」について企画を練り込むときに便利なテンプレートも充実してるので、スピーディーに思考をまとめていくことができます。
MindMeiste（現在、未使用） - 10.Cacoo
-
Cacooはカワイイ管理画面から、色々な図を作れるサービスです。「サイトマップ」や「ワイヤーフレーム」を作るのに利用しましょう。
操作感はWebサイトビルダーとよく似ています。「ドラッグ&ドロップ+キーボード入力」で、あらかじめ用意されたパーツを組み合わせながら、楽しく図の作成を進められます。
- 11.Color scheme designer
ホームページのデザインにとって、色の使い加減はとても重要です。
見る人の購買欲を刺激したり、信頼感や安心感を伝えるには、色合いが大きく作用します。でも、色の組み合わせ方って難しいんですよね。そこで便利になるのが配色ツールのColor scheme designerです。軸になる一色を選ぶと、合う色を勝手に選んでくれて、さらに親切なことに、色の配置も含めたレイアウトを提案してくれます。
配色について、初心者さん向けの記事を書きました。あわせて読んでみてください。
- 12.MouLocX
配色ツールとコンビで使いたいのがカラーピッカです。モニタ上で、マウスを当てた部分の色をrgbの数値で教えてくれます。
- 13.国内外の画像検索サイト
ただピクは、国内で人気のある複数の画像配布サイトを横断して欲しい画像を検索できます。
検索できるサイトは現在36個！これだけあれば、どんな画像もまず見つかるはずです。- 14.Photoshop Express Editor
あの画像編集ソフトの王、Photoshopを機能はかなり制限されていますがブラウザから無料で使えます。写真の補正や切り抜きなど、簡単に素早くできるので、大きく編集が必要でない場合は重宝し、実際、原稿に使う写真の編集くらいなら、これで充分かもしれません。
海外を探すと、国内でゲットできるのとは少し趣の違う、オシャレで雰囲気の良い写真がたくさんあります。「O-dan（オーダン）」は、日本語で世界中の写真素材を検索できます。僕もよく使ってます。
探すと他にもたくさん見つかりました。ブログで使う画像を作るのにも利用できます。
独自ドメインについて
最後に「独自ドメイン」について説明しておきます。
独自ドメインを取得するとオリジナルのアドレスでホームページを運営できます。このブログの場合でいうと「websae.net」の部分です。
無料のウェブサイトビルダーでホームページを作成すると自動的にアドレスを与えられます。永久にそのウェブサイトビルダーを利用し続けるのなら、与えられたアドレスでもいいのですが、もしいつかレンタルサーバーを借りて、本格的なホームページを運営していくつもりであれば、注意が必要です。
ウェブサイトビルダーからレンタルサーバーへ移転すると、アドレスが変わってしまいます。それまでに得た固定客全員に新たなアドレスを知らせることは難しいですし、SEOの効果もリセットされます。結果、大きくアクセスを失ってしまいます。
それを避けられるのが独自ドメインです。独自ドメインを取得しておけば、新しい環境へホームページを移してもアドレスは変わらないからです。将来的に制作会社へ依頼する予定のある人や、もっと高機能なホームページへリニューアルするつもりのある人は、早い段階で検討しておくといいでしょう。
無料のホームページ作成ツール、まとめ
以上、ホームページを作成するときに役立てられる無料ツールの紹介でした。
Webサイトビルダーは、専門的に見るとHTMLソースが美しくない、将来的に自前のサーバーへ移転することが難しい、などデメリットも見つかります。
でも、取っ掛かりのハードルの低さと完成までのスピード感を考えると、とりあえず名刺代わりになるホームページが欲しいときや、手っ取り早くイベントページやキャンペーンサイトを作りたいときなど、活躍の場は多いはずです。
そのほか、いろいろな理由で制作会社を頼れない人は、なんせ無料。費用的なリスクはありません！ 難しく考えず、まずは試してみてはいかがでしょうか？
ついに再開!ウェブさえのHP作成サービスはこちら
シェアしてくれると嬉しいです！（コメントも喜ぶよ）
- あなたにはこんな記事もおすすめ！
- ん？最新情報を見逃さない方法！？
- わざわざブログに来なくても、自動的にウェブさえの更新情報を受け取ることができます。「お、いいね！」と思われた人は、SNSのアカウントをフォローするか、RSSリーダーへ登録、どれでも都合のいい方法で受け取ってくださいね！ しばらく休止していたウェブさえマガジンも最近再開しました。メールで受信できます。受信は無料で、いつでも解約できるので気軽に登録してみてください。
