ホームページ制作会社のプロが教える「ホームページの作り方」講座

YouTube動画も公式がアップロードしています。あわせてご参考ください。

【エックスサーバー】WordPressブログの始め方ガイド【お申し込みからWordPressの初期設定までを解説！】

3. ホームページの作り方4選

ホームページの作り方には大きく4つの方法があります。それぞれに特徴がありますので、自社に合った方法を選ぶことが大切です。

• 『WordPress』を使って自分で作る方法は、世界で最も利用されているホームページ作成システムを活用する方法です。この方法なら、ブログのような更新の多いホームページを運営できます。
• HTMLとCSSを使って自分でプログラミングする方法は、細かい部分まで自由にデザインできる一方で、専門的な知識と技術が必要になります。
• ホームページ作成ツールを使う方法は、『Wix』や『Jimdo』などのサービスを使って作る方法です。専門知識がなくても、ある程度見栄えの良いホームページを作ることができます。
• ホームページ制作会社に依頼する方法は、プロの視点でホームページを作ってもらえます。自社の要望を伝え、集客やブランディングまで考慮した企業らしいホームページを作ることができます。

どの方法を選ぶかは、予算や運用方法、更新頻度、必要な機能などを考慮して決める必要があります。詳しく紹介します。

3.1. WordPressで作る

● メリット・デメリット

『WordPress』を使ってホームページを作る方法について、その特徴を詳しく解説いたします。

『WordPress』とはブログやホームページを作るためのソフトウェアで、世界で最も利用されているホームページ作成システムです。例えば『エックスサーバー』では、ボタン1つで『WordPress』をインストールできる機能を提供しています。

大きな魅力は、専門知識がなくても作れることです。あらかじめ用意された雛形に、文章や写真を入れていくだけでホームページが完成します。文章の入力や写真の配置は、Wordやエクセルに似た操作感で行えます。お問い合わせフォームの設置や、動画、PDFファイルの掲載も可能です。

コスト面でも優れています。自社で作る場合、初期費用は不要です。年間の維持費は、サーバー代とドメイン代だけで済みます。具体的には年間1万円程度です。『エックスサーバー』なら独自ドメインを2つまで無料で取得できるため、実質的にサーバー代のみの負担でホームページ作りが出来ます。

ただし、全くの素人では思い通りのホームページを作ることは難しいという課題もあります。操作は簡単になっていますが、わからないことは自分で調べて解決する必要があります。また、用意された雛形を大きく変更しようとすると、プログラミングの知識が必要になります。

つまり、手軽に始められる反面、デザインや機能面では妥協が必要になる可能性があります。しかし、素早く低コストでホームページを開設したい場合は、有力な選択肢となるでしょう。

● 初心者向けの作成手順

『WordPress』での初心者向けホームページ作成手順について、具体的に説明いたします。

まず、ホスティングサービスとして『エックスサーバー』を契約することから始めます。契約手続きは『エックスサーバー』のウェブサイトから行えます。独自ドメインは2つまで無料で取得できますので、会社名などを含むドメインを取得するとよいでしょう。

『エックスサーバー』では契約後すぐに『WordPress』のインストールが可能です。管理画面から「WordPressインストール」を選択し、画面の指示に従って進めていけば、数分でインストールが完了します。

『WordPress』をインストールした後は、テーマと呼ばれる雛形を選びます。無料のテーマが数多く用意されており、その中からお好みのデザインを選択できます。会社の雰囲気に合ったテーマを選ぶことが重要です。

具体的な作業手順については、『エックスサーバー』が公式YouTubeチャンネルで詳しい解説動画を公開しています。契約からホームページの開設まで、一連の流れを動画で確認できます。動画ではブログという表現を使っていますが、同じ手順で会社の公式ホームページを作ることができます。

【エックスサーバー】WordPressブログの始め方ガイド【お申し込みからWordPressの初期設定までを解説！】

『WordPress』でのホームページ作りは、動画を見ながら進めれば、専門知識がなくても実現できます。まずは基本的な形のホームページを作り、その後徐々に改良を重ねていく方法をお勧めします。なお、『WordPress』は世界中で使われているシステムですので、分からないことがあれば、インターネット上で多くの解説記事を見つけることができます。また、コメント欄で相談いただければ、基本的な質問には対応します。

3.2. HTML・CSSで作る

HTMLとCSSでホームページを制作する方法は、インターネット時代の基本となるアプローチです。経営判断の参考として、具体的な特徴と実務上の考慮点をご説明します。

● 主なメリット

❶費用対効果が高い 自社でホームページを制作・管理できれば、制作費用を最小限に抑えることができます。

特に、シンプルな企業のホームページであれば、基本的な知識があれば1日程度で作れる場合もあります。経営者の多くは、ホームページ制作に高額な費用をかけることに慎重です。自社で対応できれば、その分を他の事業投資に回すことができます。

初歩的な技術についてはAmazonや楽天ブックスで沢山の書籍で獲得することが出来ます。古くからあるプログラム言語であるため、初心者でも理解しやすい内容の書籍が揃っています。

❷自由度の高さ デザインや機能を自由に実装できます。

テンプレートに縛られることなく、企業のブランドイメージに合わせた独自のデザインを実現できます。自由度の高さは、競合他社との差別化を図る上で大きな強みとなります。御社の独自性を存分に表現できるホームページを作ることができます。

❸知識の汎用性 HTMLとCSSの基礎知識は、WordPressなど他の制作ツールを使用する際にも役立ちます。

ホームページ運営の基礎として、長期的な資産になります。なお、HTML+CSSの基礎知識があれば、外注する場合でもホームページ制作会社とより的確なコミュニケーションを取ることができます。

● 実務上の課題

❶技術習得の負担 HTMLとCSSのコーディング、ファイルのアップロード方法など、技術的な知識の習得が必要です。

スマートフォン対応や異なるブラウザでの表示など、現代のホームページに求められる要件を満たすには相応の技術力が必要です。特に経営者の方が自ら習得しようとすると、貴重な時間を大量に消費することになりかねません。

❷時間的コスト 技術習得に加えて、実際の制作にも時間がかかります。

また、完成後もメンテナンスや更新作業が継続的に必要になります。ホームページの更新や管理は一度きりではなく、継続的な作業が必要です。この時間的負担を経営リソースの中でどう位置づけるかは重要な検討課題となるでしょう。

❸品質の確保 専門性の高い技術なため、独学では高品質なホームページを作るのが難しい場合があります。

特に、検索エンジン対策やセキュリティ面での配慮が不十分になりがちです。見た目は良くても、実際のビジネスで求められる機能や安全性が担保できないリスクがあります。

● 経営判断のポイント

❶本業への影響 ホームページ制作に時間を取られることで、本来の業務に支障が出る可能性があります。

技術習得と制作にかかる時間的コストを考慮する必要があります。多くの経営者様は、既に手一杯の業務を抱えています。新たにホームページ制作の負担が加わることで、経営の本質的な部分に支障が出ないか慎重に検討する必要があります。

❷リソース配分 自社でホームページを制作する場合、技術的な作業より、商品説明やサービス紹介など、コンテンツの質を高めることに注力した方が効果的な場合があります。

優れたホームページとは、技術的な完成度よりも、お客様に価値ある情報を提供できているかどうかで決まります。

❸長期的な維持管理 制作後の更新や保守作業を誰が担当するのか、社内で対応できる体制を整えられるのかを検討する必要があります。

人材の育成や確保も含めて、長期的な視点での判断が求められます。

● 推奨される活用方法

HTMLとCSSによるホームページ制作は、以下のような場合に特に効果的です。

• 社内に技術担当者がいる、または育成する予定がある
• ホームページの自社運営を長期的な戦略として位置付けている
• 独自性の高いデザインや機能が事業上重要である

これらの条件が揃っている場合、自社での制作は大きな強みとなります。

一方で、以下のような場合は他の手段を検討した方が良いでしょう。

• できるだけ早くホームページを立ち上げたい
• 制作後の更新が頻繁に必要
• 技術的な負担を最小限に抑えたい

このような場合は、制作会社への外注や制作ツールの活用を検討すべきです。

HTMLとCSSによる初めてのホームページ制作は、技術的な基礎知識として価値がありますが、事業目的を達成するための手段としては、必ずしも最適とは限りません。

WordPressなどのCMSやホームページ制作ツール、あるいは専門会社への外注など、複数の選択肢を比較検討することをお勧めします。経営資源と目標に照らし合わせて、最適な方法を選択することが重要と考えます。

● スキル習得のコツ

HTMLとCSSによる初めてのホームページ制作の技術習得には、体系的な勉強が効果的です。

現在、書籍やオンライン学習教材が数多く販売されていますが、初学者が陥りやすい失敗は、複数の教材に手を出してしまうことです。理想的な学習方法は、1冊の良質な入門書を選んで、それを徹底的に学ぶことです。当社のWebデザイナーは、同じ教材を3回程度繰り返し学習することで基礎力を養っています。

また、初学者向けの無料学習プラットフォームも充実しています。プログラミング学習サービス「Progate」などでは、HTMLとCSSの基礎を無料で学ぶことができます。特に社内に経験者がいない企業では、まずこうした無料サービスで基礎を学ぶことから始めることも賢明です。

学習を進める中で重要なのは、一度に多くを学ぼうとせず、着実に進めることです。地道にコツコツ頑張りましょう。

3.3. ホームページ作成ツールで作る

● ホームページ作成ツールの活用について

ホームページ作成ツールは、専門的な技術知識がなくても手軽にホームページを制作できる手段として注目されています。現在、多くのサービスが展開されており、経営資源を効率的に活用したいビジネス向けに適した選択肢となっています。

現在、有料・無料を問わず、多様なホームページ作成ツールが提供されています。代表的な有料サービスとしては、ランディングページ作成に特化した「ペライチ」、多機能な「Wix」「Jimdo」などがあります。検索順位対策に強みを持つ「アメーバオウンド」、完全無料で利用できる「Googleサイト」など、用途・目的に応じて選択できるツールが揃っています。

事例：ウィックスの紹介動画「Web制作のすべてがここに：Wixの魅力を50秒で紹介 | Wix.com」 

ホームページ制作ツールの多くは無料プランが用意されています。 多くの場合、広告収入によってサービスが支えられており、機能制限付きながらも、コストをかけずにホームページ制作を始められます。 ※ただし、無料プランでは制作できるページ数に制限があったりする点には注意が必要です。

ホームページ作成ツールの共通点として、デザインの自由度は比較的限定的です。しかし、その代わりに豊富な雛形（テンプレート）が用意されており、これを基に自社のコンテンツを組み込んでいく形で制作を進められます。この方式により、デザインの専門知識がなくても、一定水準以上の見栄えを確保できます。

● 効果的な活用のポイント

ホームページ作成ツールを活用する際の最重要ポイントは、雛形の選定です。

複数のホームページ作成ツールの無料プランに登録し、実際に使用感を確認します。無料プランであれば費用負担がないため、この段階で複数のサービスを比較検討できるでしょう。確認のポイントは、操作性の良さと、自社イメージに合った雛形が用意されているかという点。

雛形選びには全体の7割以上の時間をかけることを推奨します。適切な雛形を選べれば、その後の情報入力作業は比較的スムーズにホームページ制作活動を進められます。

なお、無料プランを利用する場合、サービス提供者側の利用規約変更によってサービス内容が変わる可能性があります。無料サービスを利用する際の自己責任となりますので、重要な情報はバックアップを取るなどの対策が必要です。

ホームページ作成ツールは、技術的な専門知識がなくても比較的手軽にホームページを制作できる有効な選択肢です。

3.4. プロのホームページ制作会社に依頼する

プロのホームページ制作会社に依頼することは、サーバーやドメインの設定から、プログラミング、制作進行のコーディネートまで、包括的な支援を受けられる選択肢です。しかし、単に「プロに任せれば安心」という考えは適切ではありません。効果的なホームページ制作のために、業者選びと依頼の進め方について、実務経験に基づく重要なポイントをお伝えします。

● 業者選びの重要ポイント

ホームページ制作会社を選ぶ際、最も重視すべき点は連絡のしやすさです。対面でもオンラインでも構いませんが、スムーズなコミュニケーションが取れる業者を選ぶことが極めて重要です。その理由は、ホームページ制作の本質に関わっています。

制作会社はホームページを作る技術は持っていますが、お客様の事業目的や強み、商品・サービスの特長を完全に理解することは不可能です。そのためお客様の考えや思いを確実に伝え、それを受け止めてくれる制作会社との協力関係が不可欠となります。

また、ホームページは公開後が本当の勝負です。新商品の掲載や、反響に応じた改善など、継続的な更新や修正が必要になります。この際、迅速なコミュニケーションが取れない制作会社では、効果的な運用は望めません。

なお価格については、一見重要に思えますが、実は最優先すべき基準ではありません。（プロのホームページ制作会社さんに依頼する前提で）例えある程度のコストがかかったとしても、十分な問い合わせや成果が得られれば、それは適切な投資と言えるでしょう。反対に、低価格で制作しても成果が出なければ、それはすべて無駄な支出となってしまいますね。

● 依頼時の重要な注意点

ホームページ制作を依頼する際は、以下の点を十分に準備することが成功への鍵となります。

まず、自社の強みや商品・サービスの特長、事業の存在意義、ターゲットとする顧客層について、綿密な分析を行い、それを文書化する必要があります。制作会社はホームページ作りに関する技術的な支援は提供できますが、これらの本質的な部分は依頼者であるお客様でしか判断できません。

写真についても同様です。制作会社は高性能な機材で撮影することはできても、何を見せるべきか、どのような写真が顧客の心に響くのかは、事業への深い理解なしには判断できません。

つまり、ホームページ制作は「丸投げ」ではなく、制作会社の技術力を借りながら、自社で主体的に作り上げていくという姿勢が重要です。完全な丸投げでホームページを作ることは可能かもしれませんが、期待する成果を得ることは難しいでしょう。制作プロジェクトの成功には、御社と制作会社の緊密な協力関係が不可欠です。制作会社の選定から依頼の進め方まで、常にこの点を意識して進めることが、効果的なホームページの実現につながります。

4. 自分に合ったホームページ制作方法を決めるポイント

4.1. 費用を抑えたいなら「WordPressで自作」

WordPressによる自社制作は、費用対効果の高いホームページ制作方法です。エックスサーバーなどのレンタルサーバー会社と契約することで、独自ドメインの取得とWordPressの簡単インストール機能が利用できます。年間維持費は1万円程度と、企業向けホームページとしては最も経済的な選択肢となります。

エックスサーバーなどの主要なレンタルサーバー会社では、契約方法やブログ開設手順について詳しい情報をYouTubeで公開しています。ある程度の技術的知識は必要ですが、これらの情報を活用することで、独学での習得も可能です。

4.2. 無料で作りたいなら「ホームページ作成ツールで作る」

時間的制約の強い事業者にとって、ホームページ作成ツールは効率的な選択肢です。無料プランでは機能制限や広告表示などの制約はありますが、以下の利点があります。

まず、デザインは用意された雛形によって一定の品質が保証されています。また、セキュリティ対策やスマートフォン対応といった基本機能は、ツール提供元が責任を持って管理しています。特にセキュリティ面での心配が不要な点は、経営者にとって大きな魅力となっています。

ただし、企業や団体のホームページとしては一定の制約があることも事実です。本格的な事業展開を考える場合は、将来的な有料プランへの移行も視野に入れる必要があります。

4.3. おしゃれなホームページを作るなら「プロの業者に依頼」

WordPressやホームページ作成ツールでは、既存の雛形を使用する必要があるため、デザイン面での制約は避けられません。そのため、自社の強みや特長を効果的に表現したい場合には限界があります。

プロのホームページ制作会社に依頼することで、以下のような利点が得られます。

御社の意図を十分に反映したキャッチコピーや、効果的な写真・動画の配置が可能になります。また、独自性の高いデザインによって、競合他社との差別化も図れます。制作費用は他の方法と比べて高額になりますが、ビジネス効果という観点では最も期待できる方法と言えます。

4.4. 選択のまとめ

各方法の選択は、以下の要素を考慮して判断すると良いでしょう。

WordPressでの自作は以下の場合に適しています。

• 初期費用を抑えたい
• ある程度の技術習得に時間を割ける
• 自社で更新・管理を行いたい

ホームページ作成ツールは次のような場合の選択肢です。

• できるだけ早くホームページを開設したい
• 技術的な負担を避けたい
• セキュリティ管理を任せたい(考えたくない)

プロへの依頼は以下の条件で検討すべきです。

• ブランドイメージを重視している
• 独自性の高いデザインが必要
• 技術的な作業に時間を割けない

いずれの方法を選ぶにしても、長期的な運用コストと期待する効果を比較検討することが重要です。今後の事業展開を見据えた柔軟性も考慮に入れる必要があります。

5. ホームページ作成の3ステップ実践ガイド

成功するホームページ作りには、明確な手順と計画が不可欠です。ここでは、効果的なホームページ制作のための3つの重要ステップを解説します。

ステップ1：ホームページを作る目的を明確にする

ホームページ制作の出発点として、目的の明確化が最も重要です。「他社がホームページを持っているから」「競合のホームページがおしゃれだから」といった理由でのスタートは適切ではありません。

まず、採用目的なのか集客目的なのか、具体的な目的を定める必要があります。その上で、具体的な成果指標を設定します。たとえば「年間100件の来店を実現する」「新卒採用を1名以上達成する」といった、明確な数値目標を持つことが重要です。

この目標設定が曖昧だと、制作の過程で方向性を見失い、プロジェクトが頓挫してしまう可能性があります。また、公開後の効果測定や改善の指針としても、この目標設定は重要な役割を果たします。

ステップ2：ホームページの作り方を決める

目的が明確になったら、具体的な制作方法を選択します。WordPressでの自作、ホームページ制作ツールの活用、プロの制作会社への依頼など、それぞれの特徴を理解した上で選択する必要があります。

初めてのホームページ制作であれば、WordPressやホームページ制作ツールでの自作から始めるのも一つの選択肢です。一方、プロの制作会社に依頼する利点として、以下のような支援が期待できます。

• 豊富な制作実績に基づく目標設定のアドバイス
• 自社の強み分析や競合分析のサポート
• 効果的なキャッチコピーや文章表現の提案

ステップ3：実際にホームページを作成する

制作段階で最も重要なのは、写真と動画の品質です。近年のホームページでは、写真の品質がサイト全体の印象や商品の価値を大きく左右します。

● 写真撮影のポイント

• プロのカメラマンに依頼する場合でも、商品が最も輝く瞬間を知っているのは自社です
• 撮影時には必ず自社担当者が立ち会い、適切な指示を出すことが重要です
• 事前に撮影場所（屋内・屋外）やモデルの必要性など、細かい検討が必要です

写真撮影は入念に計画を立てて実施すべきです。質の高い写真は、ホームページだけでなく、名刺、チラシ、パンフレット、会社案内など、様々な販促物にも活用できます。

また、良質な写真があれば、それを説明する文章も書きやすくなります。写真を先に用意してから文章を考える順序で作業を進めると、制作がスムーズに進みやすくなります。

実践のポイント

全体を通して重要なのは、外部の支援を受ける場合でも、自社の主体性を保つことです。制作会社やツールは技術的なサポートは提供できますが、自社の強みや目指す方向性は、自社でしか決められません。特に写真・動画の制作においては、商品やサービスの価値を最もよく理解している自社が積極的に関わることで、より効果的なコンテンツが作れます。このように、明確な目的設定から始まり、適切な制作方法の選択を経て、質の高いコンテンツ制作まで、段階的に進めていくことが、成功するホームページ作りの基本となります。

6. ホームページ作成のよくある質問と回答

Q1：ホームページ作成でやってはいけないことは？

企業や団体のホームページ制作において、最も注意すべきは写真や文章の権利関係です。具体的には以下の点に注意が必要です。

● 権利関係への配慮

• カタログ掲載商品の写真や文章を使用する場合は、メーカーに直接確認が必要です
• 製造業での受託製品の写真使用には、発注元の許可が必須です
• 権利関係が不明確な素材の使用は、後日の使用中止要請などのトラブルを招く可能性があります

● ビジネス上の配慮

取引先や競合他社もホームページを閲覧することを念頭に置く必要があります。具体的な注意点発議の通りです。

• 製造業・運輸業では安全規則の遵守（ヘルメット着用など）が写真に反映されているか
• 飲食店では料理の配膳やマナーが適切か
• 企業としての品質や信頼性を損なわないか

ホームページ作りに活用できない写真だと、当然ながら写真は撮り直しに。追加費用が発生するため、撮影前や撮影中に慎重な確認が重要となります。

Q2：ホームページを無料で作成する方法は？

完全無料でホームページを作成する場合、Googleサイトが良いと考えます。広告表示もなく、インターネット上に情報を公開できます。

ただし、以下の制限があることを理解しておく必要があります。

• 本来は社内情報共有用のツールのため、デザイン性に限界がある
• 純粋な情報発信が目的の場合のみ推奨

Q3：ホームページを自分で作成する方法は？

自作の場合、主に2つの方法があります。

1. エックスサーバー + WordPress
   • エックスサーバーの簡単WordPress設置機能を利用
   • 最も手間の少ない方法の一つで、YouTube動画を見ながら半日程度で完成まで近づけられる
2. ホームページ作成ツール
   • 有償利用でも年間数万円程度で運用可能(無償で)
   • 技術的な知識が少なくても作成可能

Q4：ホームページ作成にかかる費用は？

制作方法によって費用は大きく異なります。

● 自作の場合

• レンタルサーバー：年間約1万円
• ホームページ作成ツール：年間1万円～3万円程度

● プロの制作会社に依頼する場合

• 制作費：約50万円から
• 月額運用サポート：約1万円程度から

たしかに、ホームページ制作会社を選ぶと、制作費用は高く付くように思います。自作と比べると高額になりますが、補助金を活用することで負担を軽減できる可能性があります。例えば、国の小規模事業者持続化補助金では、ホームページの制作費の一部を補助金でサポートしています。最近は国の補助金は限られてきていますが、都道府県や市町村などの地方自治体が独自に実施している補助金制度も利用できる場合があります。

補助金の活用については、専門家又は商工会議所や商工会に相談いただくことが最短です。当社でも補助金の助言提案を行っています。

7. まとめ

ホームページ作成の方法について、経営者の視点から重要なポイントをまとめさせていただきます。

ホームページ制作には大きく分けて二つの選択肢があります。一つは自社で制作する方法、もう一つは専門会社に依頼する方法です。

自社制作の場合、WordPressなどのレンタルサーバーを利用することで、比較的手軽にホームページを立ち上げることができます。初期費用を抑えられる反面、デザインや機能面で制限されることがあり、また運用・保守にも社内リソースが必要となります。

一方、専門会社への依頼では、プロフェッショナルの知見と技術を活用できます。御社のビジネス目標に合わせた戦略的なホームページ制作が可能となり、集客や成果につながりやすいという利点があります。

経営判断の観点からは、以下の点を考慮することをお勧めします。

まず、ホームページに期待する役割を明確にすることです。単なる会社案内なのか、あるいは積極的な集客ツールとして活用するのか。目的によって最適な制作方法は変わってきます。次に、運用体制の検討です。社内でホームページを管理・更新できる人材がいるか、また継続的な運用にどの程度のリソースを割けるのかを見極める必要があります。最後に投資対効果です。制作費用は決して安くありませんが、適切に設計・運用されたホームページは、長期的に見て大きな事業価値を生み出す可能性があります。

私どもは、お客様の事業戦略に合わせた最適なホームページ制作の方法について、具体的なご相談を承っております。まずはお気軽にご連絡ください。ホームページ制作に関するご質問がございましたら、いつでもお問い合わせください。経験豊富な専門スタッフが丁寧にご説明させていただきます。

末筆ではございますが、長文にお付き合いいただき、ありがとうございました。