ホームページを自分で作るには?会社で自作するときの方法と注意点
公開日 | マツケンスタジオ 責任者
- 会社のホームページを自分で作る3つの方法と、それぞれの向き不向き
- 自作に必要なものと、費用・時間の考え方、気をつけたいこと
- 作る手順と、制作会社に切り替える目安・一部だけ頼む方法
ホームページのご相談は無料です
「ホームページは自分で作れる時代になった」と聞いて、会社のホームページを社内で作ろうか迷っている社長や担当者の方は多いと思います。ホームページ作成サービスやWordPressを使えば、専門の知識がなくても、形にすること自体はできます。
ただ、会社のホームページは、取引先や応募者が会社を確かめる場所です。作れるかどうかより、「作ったあと、問い合わせや信頼につながるか」「誰が管理し続けるか」のほうが大切になります。この記事では、制作する側の目線で、会社のホームページを自分で作る方法と、その良いところ、気をつけたいことを紹介します。自分で作るか、頼むかを決める材料にしてください。
会社のホームページは自分で作れるのか
結論から言うと、作れます。文字と写真を流しこむだけでページができる道具が増え、パソコンに詳しくない人でも、数ページの会社案内なら形にできるようになりました。
ただし、「作れる」と「会社の役に立つ」は別の話です。自作でうまくいく会社と、途中で止まってしまう会社には、次のような違いがあります。
- うまくいく会社:何のためのホームページかが決まっていて、作業の時間を取れる担当者がいる。載せる文章や写真を社内で用意できる。
- 止まりやすい会社:「とりあえず必要だから」で始め、担当者が本業の合間に作る。デザインや中身に迷い、公開まで進まない。
自分で作るかどうかは、道具の使い方より、目的と、時間と、中身を用意できるかで決まります。このあと、方法ごとの違いと、必要なものを順に見ていきます。
自分で作る3つの方法
会社のホームページを自分で作る方法は、大きく分けて3つあります。
| 方法 | どんなものか | むずかしさ |
|---|---|---|
| ホームページ作成サービス・ノーコードツール | 画面の上で、ひな形を選び、文字や写真を置いていく。サーバーもサービスに含まれている | やさしい |
| WordPress | 自分で借りたサーバーに入れて使う、無料の仕組み。テーマ(デザインのひな形)を選んで作る | ふつう |
| HTMLを書く | ページの中身を、HTMLとCSSという言葉で一から書く | むずかしい |
1. ホームページ作成サービス・ノーコードツール
Wix、Jimdo、Studio、ペライチのように、ブラウザの上で操作してページを作るサービスです。「ノーコード」とは、プログラムを書かずに作れるという意味です。用意されたひな形を選び、文字や写真を差しかえていけば、ページができあがります。
サーバーの契約や設定がいらず、スマートフォンで見たときの表示も、あらかじめ整えられているものがほとんどです。はじめての方がいちばん始めやすい方法です。
一方で、サービスの中で作るため、ひな形の範囲を超えた作りにはしにくく、サービスの仕様や料金が変わればそれに従うことになります。また、サービスによっては、作ったページを別のサーバーへそのまま持ち出せません。たとえばWixの公式ヘルプでは、Wixで作ったサイトはWixのサーバーの上で動かす必要があると説明されています。将来、別の方法に移るときは、作り直しになると考えておきます。料金や無料プランでできることは、サービスや時期で変わるので、必ず各サービスの公式ページで確かめてください。
2. WordPress
WordPressは、ホームページやブログを作るための無料の仕組みです。レンタルサーバーを借りて入れ、デザインのひな形(テーマ)や、機能を足す部品(プラグイン)を組み合わせて作ります。多くのレンタルサーバーで、管理画面から簡単に入れられるようになっています。
作ったあとは、管理画面から文章を書くように、お知らせや施工事例、ブログを追加できます。ページ数が多い、記事をこまめに増やしたい会社に向いています。その分、WordPress本体やテーマ、プラグインの更新といった、持ち主としての管理がついてきます。向いている会社といらない会社の見分け方は、ホームページにWordPressは必要かで紹介しています。
3. HTMLを書く
ページの文字や写真の並びをHTML、色や配置をCSSという言葉で書き、サーバーに置く方法です。自由がききますが、書き方を学ぶ時間がかかります。スマートフォンでの見え方や、お問い合わせフォームの仕組みも、自分で用意しなければなりません。社内に経験のある人がいる場合を除き、会社のホームページを一から作る方法としては、おすすめしにくい方法です。
どの方法が向いているか
| こんな会社なら | 向いている方法 |
|---|---|
| まず数ページの会社案内を、早く安く出したい | ホームページ作成サービス・ノーコードツール |
| 施工事例やお知らせを、社内でどんどん増やしたい | WordPress、または記事を増やせる作成サービス |
| 社内にWebの経験者がいて、細かく作りこみたい | HTMLを書く、またはWordPress |
| 作る時間が取れない、デザインや集客まで任せたい | 自作より、制作会社に頼む形 |
自分で作るときに必要なもの
どの方法を選んでも、次のものは必要です。
ドメイン
ドメインは、ホームページの住所にあたる「example.co.jp」の部分です。作成サービスの無料プランでは、サービスのドメインの一部を借りる形になることがありますが、会社のホームページなら、自社の独自ドメインを持つことをおすすめします。名刺やメールアドレスにも使え、作り方を変えても同じアドレスを使い続けられるからです。種類や取り方は、ドメインとサーバーとは?で紹介しています。
サーバー
サーバーは、ホームページのデータを置いておく場所です。作成サービスはサーバーが含まれているので、別に契約しなくてかまいません。WordPressやHTMLで作る場合は、レンタルサーバーを借ります。メールを同じサーバーで使うかどうかも、ここで決めておきます。
文章と写真
自作でいちばん時間がかかるのが、ここです。会社の強み、事業の内容、設備、実績、会社概要、採用情報など、載せる中身は社内でしか用意できません。写真も、工場や現場、社員、製品を、明るく分かりやすく撮る必要があります。ほかの人が撮った写真や、インターネットで見つけた画像は、許可なく使えません。用意のしかたは、ホームページに載せる写真と文章の用意のしかたにまとめています。
時間と担当者
見落とされやすいのが、作業の時間と、それを受け持つ人です。道具の操作を覚える時間、ページを組み立てる時間、社内で中身を確かめる時間がかかります。公開したあとも、情報を新しくし続ける人が必要です。「誰が、いつ作業するか」を、始める前に決めておきます。
かかる費用と時間の考え方
自作でかかる費用は、大きく分けて次の3つです。
- 道具の利用料:作成サービスの月額や年額の料金、WordPressで使う有料のテーマやプラグインの代金など。WordPress本体は無料です。
- ドメインとサーバーの費用:ドメインは1年ごとの更新費、サーバーは月ごと・年ごとの利用料がかかります。作成サービスの場合は、利用料にサーバー代が含まれ、ドメインは別のことがあります。
- 写真などの費用:写真をプロに頼む、素材を買う場合の費用です。
制作会社に頼むより、出ていくお金は少なくなります。ただし、見落としやすいのが社内の人の時間です。担当者が本業の手を止めて、何十時間も作業をすれば、その分の仕事が止まっています。自作の費用は、「道具の料金」に「担当者の作業時間」を足して考えるのが現実的です。
時間の目安は、ページ数、使う方法、中身がどこまでそろっているかで大きく変わります。文章と写真がそろっていれば、作成サービスで数ページの会社案内を組み立てるのは、それほど時間がかかりません。反対に、中身を一から考える場合は、組み立てより、文章と写真の用意に何倍もの時間がかかることがよくあります。格安やサブスク型のサービスを使うときの注意点は格安ホームページ制作・サブスク型のデメリットで紹介しています。
自分で作る良いところ
- 出ていくお金を抑えられる:制作費がかからず、道具とドメイン・サーバーの費用で始められます。
- 思い立ったときに直せる:お知らせ、写真、採用情報などを、外に頼まず、その日のうちに直せます。
- 仕組みが分かる:ドメイン、サーバー、ページの更新のしかたが社内で分かるようになり、あとで制作会社に頼むときも話が早くなります。
- 会社のことを見直すきっかけになる:強みや事業の内容を言葉にする作業は、営業資料や採用の説明にも役立ちます。
自作のデメリットと、気をつけたいこと
一方で、会社のホームページを自作するときには、次の点に気をつけたいところです。
1. 作る時間がかかり、公開まで進まないことがある
本業の合間に作ると、どうしても後回しになります。「半年たっても公開できていない」ということは珍しくありません。いつまでに、どこまで作るかを決め、まずは必要なページだけで公開する、という進め方がおすすめです。
2. デザインが会社の印象を左右する
ひな形を使えば見た目は整いますが、同じひな形を使う会社は多く、ほかの会社と見分けがつきにくくなります。また、文字の大きさや色、写真の並べ方がばらばらだと、それだけで「古い」「小さな会社に見える」と受け取られることがあります。取引先の担当者は、ホームページの見た目から、会社のきちんとさを感じ取っています。
3. 検索や問い合わせにつながる中身が、いちばん難しい
ページがきれいでも、見る人が知りたいことが書かれていなければ、問い合わせにはつながりません。会社のホームページで大切なのは、次のような点です。
- 何ができる会社か、どんな相手の役に立つかが、最初の画面で分かる
- 対応できる素材、大きさ、数量、地域など、発注の判断に必要な情報がある
- 実績や設備など、言っていることの裏づけがある
- 問い合わせの方法が分かりやすく、何を送ればよいかが書いてある
検索については、Googleは主にスマートフォン版のページの中身を使って、検索での評価を行っています。スマートフォンで見たときに、文字や写真が欠けていないか、読みやすいかを確かめます。また、Googleの無料のサービス「Search Console」に登録すると、どんな言葉で検索されて表示されたか、ページが正しく読みこまれているかが分かります。公開したら登録しておきましょう。問い合わせが来ないときの見直し方は、ホームページから問い合わせが来ない理由で紹介しています。
4. セキュリティと管理を、自社で受け持つことになる
自分で作ったホームページの管理は、自社の仕事です。とくにWordPressは、本体、テーマ、プラグインを新しい版に保つことが欠かせません。WordPressの公式の手順書でも、常に最新の版に更新すること、更新の前にバックアップを取っておくことがすすめられています。小さな安全のための更新は自動で行われますが、大きな版の更新や、プラグインの更新は、管理画面から行う必要があります。
作成サービスの場合、仕組みの管理はサービスの会社が行いますが、管理画面のパスワードや、お問い合わせで受け取った情報の扱いは、自社の責任です。パスワードを使い回さない、二段階の認証が使えるなら設定する、サービスからのお知らせを受け取るアドレスを決めておく、といったことは、どの方法でも同じです。お問い合わせフォームで個人情報を受け取るなら、その扱い方(プライバシーポリシー)も載せておきます。
5. 担当者が辞めたとき、誰も分からなくなる
自作でいちばん多い困りごとが、これです。作った担当者が異動や退職をすると、管理画面にどう入るのか、どこと契約しているのかが分からなくなります。そのまま放置され、古い情報が何年も載り続けている会社もあります。
始めるときから、次のことを紙やファイルにまとめ、複数の人が見られるところに置いておきます。
- 使っているサービス、ドメイン、サーバーの契約先
- 管理画面のログインに使うメールアドレス
- 更新日と、支払い方法
- 更新のしかたの簡単な手順
6. ドメインやアカウントの名義を、会社にしておく
担当者が個人のメールアドレスやクレジットカードで、ドメインやサービスを契約してしまうことがあります。その人が辞めると、更新の案内が届かず、契約が切れてホームページとメールが止まる、ということが起こります。ドメインの登録者は会社名にし、連絡先には、担当者が変わっても届く会社のメールアドレスを使います。サービスのアカウントも、個人ではなく会社として作っておきましょう。
自分で作るときの手順
会社のホームページを自分で作るときは、次の順に進めると迷いにくくなります。
- 目的を決める:新しい取引先からの問い合わせを増やしたいのか、採用につなげたいのか、会社の確かさを示したいのか。目的によって、載せる中身と力を入れるページが変わります。
- 見てほしい相手を決める:調達や購買の担当者、設計者、応募を考える人など、誰に向けたページかをはっきりさせます。
- ページの構成を決める:トップ、事業内容、設備や実績、会社概要、採用、お問い合わせなど、必要なページを書き出します。はじめは、取引先が会社を確かめるのに欠かせないページにしぼると、公開まで進めやすくなります。
- 作り方を選ぶ:ページ数、更新の多さ、社内の経験から、作成サービス、WordPress、HTMLのどれにするかを決めます。
- ドメインとサーバーを、会社の名義で用意する:ドメインを取り、必要ならサーバーを借ります。
- 文章と写真を用意する:ページごとに、載せる文章と写真をそろえます。ここが自作でいちばん時間がかかる部分です。
- ページを組み立てる:ひな形を選び、文章と写真を入れていきます。会社のロゴや色をそろえると、まとまりが出ます。
- 公開前に確かめる:スマートフォンとパソコンの両方で表示、誤字、電話番号や住所、お問い合わせフォームが届くかを確かめます。社内のほかの人にも見てもらいます。
- 公開して、登録する:公開したら、Search Consoleに登録します。Googleマップに会社の情報を出しているなら、ホームページのアドレスも載せます。
- 更新を続ける:実績やお知らせを足し、古い情報を直します。担当と、見直す時期を決めておきます。
制作会社に頼む場合の流れと期間は、ホームページ制作の流れと期間で紹介しています。自作でも、決めることの順番はほとんど同じです。
自分で作る場合と、制作会社に頼む場合の違い
迷っているときは、次の表のように、何を社内で受け持つかで比べてみると整理しやすくなります。
| 比べること | 自分で作る | 制作会社に頼む |
|---|---|---|
| 出ていくお金 | 道具の料金、ドメイン・サーバーの費用が中心 | 制作費がかかる |
| 社内の手間 | 構成、文章、写真、組み立て、確認まで社内で行う | 中身の確認や素材の用意が中心。構成や組み立ては任せられる |
| 公開までの時間 | 担当者の空き時間しだいで、読みにくい | 予定を決めて進められる |
| デザイン | ひな形の範囲で整える | 会社に合わせて作れる |
| 問い合わせにつながる中身 | 社内で考える | 相手の目線で一緒に整理できる |
| 公開後の管理 | 社内で受け持つ | 社内で更新するか、任せるかを選べる |
どちらが正しいということはありません。大切なのは、自社がどこまで受け持てるかを正直に見積もることです。とくに、文章と写真を用意する手間は、どちらを選んでも社内で受け持つ部分が残ります。制作会社に頼んでも、会社の強みや実績を知っているのは社内の人だからです。反対に、組み立てやデザイン、検索や問い合わせを考えた構成は、経験がものを言う部分です。社内に時間と経験があるなら自作、どちらかが足りないなら、足りない部分を頼む、という考え方がおすすめです。
自作から、頼む形に切り替える目安
自分で作り始めたものの、次のような状態なら、制作会社に頼むことを考えてもよい時期です。
- 公開までの予定が、何度も延びている:担当者の時間が取れないなら、続けても進みません。
- 公開したが、問い合わせや応募につながらない:見た目より、中身や導線(見る人を問い合わせまで案内する流れ)に手を入れる必要があるかもしれません。
- 情報が古いまま、更新が止まっている:古い情報は、ないより悪い印象を与えることがあります。
- 担当者が辞めて、管理のしかたが分からない:まずはドメインとアカウントを取り戻すことが先です。
- 会社の規模や事業に、見た目が合わなくなった:大手との取引や採用で、見られる場面が増えたときです。
切り替えるときに、まず確かめたいのは、ドメインとサーバー、作成サービスのアカウントが会社の名義になっているかです。ここが会社の手元にあれば、作り方を変えても、同じアドレスとメールアドレスを使い続けられます。
全部ではなく、一部だけ頼む方法もある
「自分で作る」か「全部頼む」かの二択ではありません。社内でできることは社内で行い、難しいところだけを頼む形もあります。
| 頼む部分 | こんなときに |
|---|---|
| 構成と文章の整理 | 何を載せればよいか分からない、強みをうまく言葉にできない |
| デザインと組み立て | 中身は社内で用意できるが、見た目を整える時間や技術がない |
| ドメイン・サーバーの設定 | 契約や設定が不安。名義は自社のまま、手続きだけ任せたい |
| 公開後の更新 | 作ったあとの更新まで、手が回らない |
頼むときは、ドメインとサーバーを自社の名義のままにしておくこと、作ったあとに社内で更新できる形にするかどうかを、最初に伝えておくと話が進めやすくなります。見積りでは、どの作業が含まれているかを一つずつ確かめます。
マツケンスタジオでは、ドメインとサーバーはお客様の名義のまま、最初の相談から公開後まで同じ担当がお手伝いしています。料金の目安は、1ページ(LP)15万円〜、2〜5ページ30万円〜、6〜20ページ60万円〜、21ページ以上はお見積りです。期間は、LPで数週間〜1か月ほど、会社のホームページで1〜3か月ほどです。公開後の更新・改善も続けられ、社内での更新が難しい場合は、月額サポートで代わりに更新することもできます。
まとめ
会社のホームページは、ホームページ作成サービス・ノーコードツール、WordPress、HTMLを書く、のいずれかの方法で自分で作れます。はじめてなら作成サービス、更新を多くしたいならWordPressが始めやすく、HTMLは社内に経験者がいる場合に向いています。
自作の良いところは、出ていくお金を抑え、思い立ったときに直せることです。一方で、作る時間、デザイン、問い合わせにつながる中身、セキュリティと管理、担当者が辞めたときの引き継ぎ、ドメインの名義には気をつける必要があります。費用は、道具の料金に、担当者の作業時間を足して考えます。始める前に目的と担当を決め、ドメインは会社の名義で持ち、管理の情報を社内で分かるようにしておくことが大切です。自作で進まないときや、問い合わせにつながらないときは、一部だけ頼む形も含めて、制作会社に相談してみてください。
よくある質問
作成サービスの無料プランを使えば、お金をかけずに作り始めることはできます。ただ、無料プランでできることには制限があることが多く、内容はサービスごとに違います。会社として使うなら、各サービスの公式ページで確かめ、独自ドメインを使える形にすることをおすすめします。
はじめてで、数ページの会社案内を早く出したいなら、作成サービスが始めやすい方法です。施工事例やお知らせを社内でどんどん増やしたい、ページ数が多いなら、WordPressも向いています。WordPressは、本体やプラグインの更新など、自社での管理が必要になる点も考えて選びます。
自作かどうかで、検索での扱いが決まるわけではありません。見る人が知りたいことが書かれているか、スマートフォンで読みやすいかが大切です。公開したら、Googleの無料サービスのSearch Consoleに登録し、どんな言葉で表示されているかを確かめましょう。
多くの場合、相談できます。ただ、作成サービスで作ったものは、別のサーバーへそのまま移せないことがあり、作り直しになる場合もあります。ドメインを会社の名義で持っていれば、作り方が変わっても同じアドレスを使い続けられます。
ドメインやサービスの契約先、ログインに使うメールアドレス、更新日と支払い方法、更新のしかたを紙やファイルにまとめ、複数の人が見られるところに置いておきます。契約は個人ではなく、会社の名義と会社のメールアドレスで行っておくことが大切です。
出ていくお金だけなら、自作のほうが少なく済みます。ただ、担当者の作業時間も費用と考えると、差は小さくなることがあります。社内で時間と中身を用意できるかで判断し、難しい部分だけを頼む方法も考えてみてください。
「何から始めればいいか分からない」という段階でも大丈夫です。町工場発のマツケンスタジオが、ドメインの取得から公開後の更新まで、まるごとお手伝いします。いまは毎月3社まで、特別な価格で制作する「事例づくりモニター」も受け付けています。