ホームページを自分で制作する方法は？専門知識がなくても作れるツールも紹介
現代は、インターネットを利用している企業の割合が99.8％という状況です。その背景には、個人のコミュニケーションアイテムがスマートフォンを介してSNSやチャットツールなどで行われているからではないでしょうか。
現代のほとんどの企業がインターネットを活用している先には、ホームページの存在があります。先ほどの令和5年総務省の調べにおいて、インターネットを利用している企業のうち、ホームページを開設している企業の割合が93.0％とのことです。
この統計結果からホームページは、企業間や企業と顧客をつなぐ情報の窓口として欠かせないツールとも考えられるでしょう。
ホームページを開設する企業が増えている状況は、ホームページ制作の負担が少なくなっていることが要因ではないでしょうか。実際にホームページは、自分でも作れます。専門知識がない人でも制作は可能です。
本記事では、ホームページを自分で制作する方法について解説します。専門知識がなくても作成できる方法やホームページ作成ツールもあわせて紹介します。自身でホームページ制作を検討中の方は、最後まで読み進めて参考にしてください。
目次
ホームページを制作するための3大要素はサーバー・ドメイン・HTMLデータ
ホームページを制作するための3大要素は、サーバーとドメイン、HTMLデータによって成り立っています。どれか一つが欠けた場合、インターネットユーザーにホームページを閲覧されないほど重要な要素です。
ホームページは、無形のデジタルコンテンツとしてインターネット上で公開します。当然のことながら、インターネット環境がなければホームページの閲覧はできません。インターネット環境が整っているうえで、ホームページを制作するにはサーバーとドメイン、HTMLデータの3大要素の準備が必要です。
- サーバー
- ドメイン
- HTMLデータ
それぞれの要素について説明いたします。
サーバーとはホームページのデータを保管し公開するための場所
サーバーとは、ホームページのデータを保管し公開するための場所になります。ホームページを家と例えると、サーバーは土地のようなイメージです。家を建てる土地が自分の所有する土地であれば、自社管理のサーバーになるでしょう。
家を建てる土地が他人の所有地であれば、土地をレンタルすることになります。その場合、サーバーを借りる行為となるため、レンタルサーバーを利用したホームページの開設になるでしょう。
サーバーは、ネットワーク上で情報やサービスなどを提供するコンピューターのことです。基本的にホームページを閲覧する大量のアクセスに対応可能な能力が求められます。そのため、企業が独自で自社サーバーを運営する場合は、高額なサーバー用コンピューターが必要になります。
ホームページを開設しインターネット上に公開するには、Webサーバーが必要です。Webサーバーは、ホームページを送信するソフトウェアのことです。Webサーバーには、ホームページ上に表示されるテキストや画像などのファイルが格納されます。
ドメインとはインターネット上の住所となるもの
ドメインとは、インターネット上で公開するホームページの住所（アドレス）となるものです。同じ住所に異なる家が存在しない状態と同じく、同じドメインに異なるホームページは存在しない仕組みになります。
サーバーに格納された画像やテキストなどのコンテンツは、インターネットユーザーのデバイス（スマートフォンやパソコンなど）にインストールされたWebブラウザ上で閲覧できます。Webブラウザ上では、閲覧目的のホームページを見つけるために、ドメインの入力が必要です。
ドメインは、重複しないように一元管理されています。ドメインの仕組みは、次のようになっています。
https://www.〇〇〇.jp（com、netなど）
jpやcomなどのドメイン最後尾の部分がトップレベルドメインです。ドメインの階層は、次の管理構造になっています。
〇〇〇.co.jp
- .jpの部分：トップレベルドメイン（TLD）
- .coの部分：第2レベルドメイン（SLD）
- 〇〇〇の部分：第3レベルドメイン（3LD）
ドメインは、トップから第3レベルまでの階層構造により特定の機関で管理されています。
このようにドメインはホームページを構成する非常に重要な要素です。
ISPと独自ドメインの取得
ISP（インターネットサービスプロバイダ）は、インターネット接続に必要なサービスです。ISPの申し込みにより無料でホームページ用のドメインやメールアドレスを取得できます。しかし、ドメイン名がプロバイダ名の入った表記になります。
https://www.プロバイダ名.co.jp/自身の登録名
例えば、プロバイダが「yahoo」の場合は、「yahoo.co.jp/自身の登録名」というドメインの表記になります。この場合、ホームページを閲覧する訪問者に対して、プロバイダから借りている場所でホームページを運営している印象を与えるでしょう。
ホームページの訪問者に対して、自社所有のホームページという印象を与えるには独自ドメインの取得が効果的です。独自ドメインは、国内のドメイン登録事業者に申し込むことで、まだ取得されていない（重複しない）トップ〜第3ドメインまでを組み合わせたものが登録できます。
例：任意の文字列（会社名など）.co.jp
HTMLデータとはホームページの構造を記述するための言語
HTMLデータは、ホームページの構造を記述する言語です。HTML（Hyper Text Markup Language）言語とも呼ばれます。HTMLは、インターネット上に表示されるWebページの書き方です。＜＞で指示指定の文字を囲むHTMLタグを使います。
- ページタイトルや見出しを設定
- ページ内容の要約文を設定（ディスクリプション）
- 本文中に画像を挿入
- ハイパーリンクを設定
ホームページは、閲覧者側からは画像や動画、テキスト、リンクなどがページ上に表示されています。ただし、ページ上に画像や動画があるのではなく、サーバー上で管理するフォルダ内に格納された画像や動画をHTMLデータの記述で呼び出している仕組みです。
HTMLタグは、インターネット上で表示されるWebページの裏側で見出しやリンクなどを設定する役割をもっています。
CSSはデザインを設定する言語
HTMLの記述には、CSS（Cascading Style Sheets）というホームページのデザイン面を設定する言語があります。ホームページは、HTMLデータだけではなく、CSSデータも記述することで、Webページの視認性を向上させます。
- Webページの背景色を設定
- Webページのフォントの大きさを設定
- Webページのカラムの幅を設定など
CSSは、Webページごとの設定だけではなくホームページ全体の基本デザインを統一・変更する役割のある言語です。
ホームページを制作する方法3つを紹介！自身に最適な制作方法を選ぼう
ホームページ制作は、3つの方法のどれかで進める必要があります。どの方法にも良い面もあれば負担がかかる面もあるでしょう。ホームページの制作方法は、自身の状況に応じた方法を選ぶことが重要です。
- ホームページ作成ツールやWordPressなどを使用して制作する
- 自分でHTMLとCSSを記述してサーバーにアップする
- 制作会社に依頼してホームページを作成する
それぞれの制作方法について解説いたします。
ホームページ作成ツールやWordPressなどを使用して制作する
ホームページ制作は、ホームページ作成ツールやWordPressなどが役立ちます。ホームページ作成ツールは、あらかじめ制作者の目的に合ったテンプレートを利用できる点が特徴です。ホームページ作成ツールやWordPressを使用した制作には、次のメリットがあります。
- 自分で一から始めるよりも簡単に始められる
- ツールで用意されたテンプレートを使えば公開までの時間を短縮できる
- ページ上に表示する画像やテキストなどは自分で修正・更新できる
- ホームページ制作会社に依頼するよりも導入費用を抑えられる
- 利用者の多いツールであれば作成マニュアルやテンプレートなどが充実している
例えば、美容系のホームページであれば、女性に好印象を与えるデザインが設定されている（HTML・CSSを記述済み）テンプレートを利用できます。また、会社紹介のホームページであれば、会社概要や代表挨拶、採用情報など各ページのひな形の文言を変更するだけで開設できるツールもあるでしょう。
ホームページ作成ツールは、専門的なHTMLタグやCSSの記述を極力少なくしている特徴があります。そのため、ツールの利用者はホームページ制作の経験がなくても、見栄えの良いホームページの開設が可能です。
CMS（コンテンツ管理システム）のWordPressにおいても、ホームページ作成ツールと同じメリットを得られます。無料のテンプレート導入により、デザイン面の設定を省略できます。他には、リスト表示や見出しなども直感的な操作で設定できる点が特徴です。
ホームページ作成ツールやWordPressの活用は、テンプレートが使えるため、ホームページ開設までの作業負担を軽減できます。ただし、テンプレートの活用は独自性のないホームページになる可能性があります。ホームページに独自性を求めた場合は、ある程度カスタマイズできる専門知識（HTMLやCSS）が必要になるでしょう。
自分でHTMLとCSSを記述してサーバーにアップする
ホームページ制作には、自分でHTMLやCSSを記述してサーバーにアップする方法もあります。ホームページは、ホームページ公開に必要なデータの格納場所となるサーバーさえあれば、あとは手作業でも作成できます。自分でHTMLとCSSを記述する方法は、次のメリットを求めている方におすすめです。
- 他のホームページにはない独自のデザインで自由に作成できる
- ホームページ作成の専門知識を学びデザインコーティングのスキルを向上できる
自分でHTMLやCSSを記述する制作方法は、コードを記述したテキストファイルをサーバーの適所にアップロードしなければなりません。HTMLやCSSのコーディングは、記述ミスがあるとホームページのデザインが崩れてしまう可能性があります。
自分でHTMLとCSSを記述する方法は、費用がかからない反面、記述ミスの発見や修正などの手間がかかるため、ホームページ制作者の負担は大きくなるでしょう。
ただし、独自性のあるホームページを作成したい人は、HTMLやCSSの知識を学び、自分好みにカスタマイズすることも選択肢のひとつです。
制作会社に依頼してホームページを作成する
ホームページの作成は、制作会社に依頼する方法もあります。ホームページ制作の専門知識や作成する時間のない人は、制作会社への依頼で解決できます。制作会社への依頼は、ホームページ制作のプロによるクオリティの高いホームページの運営が期待できるでしょう。
少人数で事業を運営している経営者の場合は、ビジネスに追われてホームページ制作にあてる時間や人材を確保できないかもしれません。その場合は、ホームページの作成を制作会社に依頼することで時間や作業にかかる手間を削減できます。
ただし、制作会社への依頼は制作料金の支払いが発生します。制作会社に依頼する場合は、ホームページの開設による売上見込みなども踏まえて作成するホームページの規模を設定することが必要です。制作会社への依頼は、事前に見積もりなどの相談のうえで判断しましょう。
無料でホームページを作る際のデメリットと注意点を紹介
ホームページの作成は、有料で制作会社に依頼しなくても無料で作成できます。ただし、無料のホームページ作成ツールは、無料で使う場合に広告表示や機能制限があるため、それらの制限を解除する場合に有料プランの加入が必要になります。
無料プランでは広告表示がデフォルトで消すことができない
ホームページ作成ツールを無料プランで利用した場合は、広告が表示されたままの状態による公開となります。ホームページに表示される広告は、デフォルトでは消すことができません。ほとんどのサービスでは、有料プランへの移行と引き換えに広告を非表示にする仕組みとなっています。ペライチのフリープランでは、サービスの広告が表示されます。
サービスのドメインを使用するので独自ドメインは使えない
ホームページ作成ツールで作成したWebページは、ツール提供サービスのドメインを使用することが考えられます。無料プランを利用する場合は、ドメインの利用に何らかの制限がかかります。例えば、ホームページ作成ツールを無料で利用する場合、ドメインにかかる制限は次の通りです。
- ペライチ：ドメイン名の利用制限・独自ドメイン利用は有料プランの移行が必要
- Wix：独自ドメインを年間プラン加入で1年無料で利用可能
また、無料プランでサービスのドメインを使う場合、Wixでは「〇〇〇.wixsite.com」と、第2レベルドメインに「wixsite」が表示されます。ペライチの場合は、全プランのドメイン名が「〇〇〇.hp.peraichi.com」となります。Jimdoの場合は、「〇〇〇.jimdosite.com」が無料プラン用のドメインです。
そのため、店舗名や社名などで検索した訪問者には、借りている場所でホームページを開設した印象をもたれるでしょう。
デザインテンプレートが少ないなど機能制限がある
ホームページ作成ツールの場合は、デザインテンプレートが少ないなど有料プランと比較して機能制限があります。主な無料プランで設定されている機能制限は、次の通りです。
- ペライチ：作成できるWebページは1ページまで
- Google Sites：17のテンプレートまで利用可能
- Jimdo：サーバー利用容量500MBまで
- Studio：上限50ページまで
- Wix：サービスロゴ表示
WordPressの場合は、無料で利用できるレンタルサーバーの利用により独自ドメインを無料で取得し、そのドメインにWordPressを無料でインストールできます。レンタルサーバーの維持費を支払っていれば、WordPressの利用には費用がかかりません。
WordPressは、無料で利用可能なテンプレートを導入できます。ただし、無料のテンプレートには機能制限があり、有料へと移行することで使用できる仕組みのものが少なくありません。無料のホームページ作成は、長期的な視点で考えると、ホームページ作成の機能体験の機会になるのではないでしょうか。それぞれのホームページ作成ツールから使い勝手の良いツールを選ぶ際の基準として活用しましょう。
専門的な知識がなくてもホームページを作れるツールを紹介
ホームページ作成ツールは、専門的な知識がなくても自分で見栄えの良いホームページが作成できます。ホームページ作成は、実際にツールを使ってみないと機能の便利さや操作性などを判断できません。そこで、無料プランが用意されている代表的なホームページ作成ツールを紹介しましょう。
WordPressは誰でも使える無料のHP作成システム
WordPressとは、直感的な操作でホームページ制作ができるCMS（Content Management System：Webサイトのコンテンツ管理システム）です。
WordPressは、オープンソース（ツールのソースコードを公開している）のツールのため、自由にダウンロードでき、ユーザーの利用や改変、再配布なども制限なく実行できます。その自由度が利用しやすいCMSと判断できるでしょう。
WordPressを構成するプログラミング言語は、PHP（Hypertext Preprocessor）というWebアプリケーション上で動作します。サーバー上で動作する仕様になっているため、インターネット環境のない場所では利用できません。
WordPressは、ホームページ開設に必要となるサーバーを提供するレンタルサーバーサービスの利用により無料で導入できるケースがほとんどです。サーバー上にインストールすることで、専門的な知識がなくても直感的な操作だけで専用のエディタ画面で自分のホームページを作成できます。
ABLENETレンタルサーバーならドメイン取得からWordPressの構築までできる
WordPressを無料で導入できるレンタルサーバーには、WordPressの構築だけではなく、ドメイン取得までオールインワンで進められるサービスがあります。ABLENETレンタルサーバーは、ドメイン取得からWordPressの構築まで、プランの利用開始により実現できます。
ホームページ作成ツールの場合は、利用する有料プランのランクを上げることにより機能を充実させる仕組みです。ABLENETレンタルサーバーの場合は、サーバー利用料金のみでドメインの取得からWordPressの構築まで追加コストをかけずに実行できます。
ABLENETレンタルサーバーの料金プランは、月額970円のライトプランでサーバーストレージ容量を300GBまで利用できます。導入時の初期費用は無料なので、月額970円でWordPressを基盤としたホームページの開設が可能です。
さらに、ABLENETレンタルサーバーを年払い契約した場合、月額830円と月払いより年間1,680円のコスト削減になります。そのうえ、年払いの契約には、独自ドメインをひとつ無料で取得し、サーバー開設とともに利用できます。WordPressを使ってホームページ制作を考えている方におすすめの方法になるでしょう。
＼ 30日返金保証 ／
Wixは知識がなくても直感的に操作できる作成サービス
Wixは、直感的な操作でホームページを作成できるツールです。無料プランの場合は、Wixのロゴやサービス名の入った第2ドメインのホームページを開設できます。
また、Wixが用意するホームページテンプレートは900種類あります。すでにデザイン・テキストの配置などが設定済みのテンプレートや、白紙でパーツの配置のみ設定されている白紙テンプレートから好みのものを選べます。
Wixの有料プランに移行した場合は、ホームページ作成だけではなく以下の機能の活用が可能です。
- オンライン決済一括管理
- モバイル上からビジネス管理
- 顧客管理システム（CRM）の活用
- ホームページの流入データ（アクセス）解析・分析
- 潜在層へのメルマガ配信
- SEO支援
- マーケティング支援
さらに、ホームページ作成の効率を加速させるAIを使ったサイト作成機能も利用できます。プロンプトに作成するホームページのイメージをテキストで入力するだけで頭の中で描いたホームページのイメージを実際のWebページとして生成できます。
STUDIOはデザイン性に優れ日本語に対応している作成ツール
STUDIOは、デザイン性に優れたホームページ制作が期待できるサービスです。日本語に対応しているので説明文で迷うことがありません。STUDIOでは、ノーコードでデザインを編集できるテンプレートが利用できます。ビジネスや飲食系、教育系、健康・美容系など、用途に合わせたテンプレートが選べます。
STUDIOは、ホームページ作成にまつわるセミナーやアーカイブ動画を参加登録手続きによって視聴できる点が特徴です。また、STUDIOユーザーが集う「Studio.Community」では、ホームページ制作の疑問点などを気軽に質問して解決策を共有できるコミュニティが用意されています。STUDIOの招待ユーザーは、すべてのプランにおいて無制限となっています。STUDIOは、50ページまで作成できる無料プランで試してから、使い慣れた場合は月額590円の有料プランへと移行することも選択肢のひとつです。
Jimdoはスマートフォンでも操作できる手軽さでECショップの開設も可能
Jimdoは、パソコンがなくてもスマートフォンだけでホームページ作成が可能なツールです。AIを活用した効率的なホームページ制作から自分で一つひとつ作成していく方法のどちらも利用できます。
また、Jimdoは、有料プランの利用で独自ドメインやSEOに最適なECサイト構築も目指せます。ビジネス目的のホームページ制作にも対応しています。無料プランから始めた場合でも、基本機能はすべて使えます。無料で試してから、本格的にホームページを作成する場合は有料プランへの移行で独自ドメインのホームページ運用を目指せるでしょう。
Google SitesはGoogleが提供している無料のホームページ作成ツール
Google Sitesは、Googleが提供するドキュメントやスプレッドシートなどと同じ感覚で無料でホームページを作成できるツールです。Google Sitesのホームページ作成画面は、至ってシンプルな作りです。あらかじめ用意されている17のテンプレートから、目的や好みでホームページの土台を選びます。
選んだテンプレートの各パーツ（タイトルや画像、テキスト）は修正や変更、削除など自由に変更できます。また、Google Sitesで作成したホームページには、同じGoogleのサービス「Googleアナリティクス」のトラッキングコードを埋め込むことで訪問者の動向把握に役立てられるでしょう。
さらに、Google SitesはGoogleカレンダーやYouTube動画との連携も可能です。Googleが提供するツールの利用頻度の高い方におすすめのホームページ作成ツールになるでしょう。
ペライチ誰でも簡単に1ページ型のホームページを作成できる
ペライチは、ホームページやモバイルアプリの作成を直感的な操作で実現できるサービスです。さらに、ホームページのデータを格納するサーバー代や初期費用が無料となっています。
ペライチのホームページ作成は、ページに掲載するテキスト文を考える手間を省略できます。ペライチに備わっている「AIアシスト」機能を使えば、ライター未経験の方でもコピーライティングの流れを含んだテキストの生成が可能です。
また、ペライチではマンツーマン対応のオンライン個別サポートを提供しています。さらに、チャットサポートを使うことでオンラインを経由したオペレーターとの質疑応答のやり取りもできるでしょう。
ペライチが提供するホームページ作成の知識習得サポートは、個別サポートやチャットサービスだけではありません、ペライチで運営するオウンドメディア「ペライチ大学」では、ホームページ作成のノウハウやSEO知識、マーケティング手法、デザイン知識などに関わる情報を発信しています。
ECサイト作成に便利なツールを3つ紹介！ショップ開設するならこのツール
ホームページ制作の目的がECサイトならば、ECサイト作成に便利なツールを利用しましょう。ホームページ作成でもECサイトに特化したツールであれば、ショップ開設から運営、店舗管理に必要な機能を備えているサービスがあります。ECサイト作成に特化したツールでは、メルマガ配信などマーケティング機能も利用できます。
Shopifyはネットショップ運営に特化した高機能なECサイト構築サービス
Shopifyは、Webサイトビルダーを使って簡単な操作でネットショップを作成できるECサイト作成ツールです。無料で登録でき、最長で3カ月間月額150円でネットショップ運営を体験できます。3カ月間続けてみて別のビジネスに切り替える場合でも、ワンコインに満たないコスト以外に支払う必要がないため、低リスクでネットショップ運営を試せます。
また、Shopifyで作成したネットショップに手ごたえを感じた場合は、個人事業主向けのベーシックプランであれば月額3,650円で継続可能です。Shopifyは、広告やキャンペーンの機能、自身のストア分析も利用できるため、マーケティングや経営視点でビジネスの行方を判断できます。
BASEは初心者でも簡単にネットショップを開設できる無料のECプラットフォーム
BASEは、初期費用や月額料金のかからない初心者向けECサイト作成サービスです。BASEのスタンダードプランであれば、売上が発生する以外のランニングコストはかかりません。
要するに、ECサイトを無料で開設し、売上が発生するまでコスト負担なしでネットショップ経営ができます。売上が発生した場合は、売れた商品ひとつに対して、クレジットカード決済手数料3.6％と40円、サービス利用料3％の支払いが必要です。
また、BASEのネットショップ開業では、商品ページや購入ページの作成で専門的なプログラミング言語を使いません。直感的な操作でネットショップに必要なWebページを作成できます。BASEは、開業時のコストがかからない点と初心者でもネットショップ構築ができる操作性が導入実績230万店舗という実績につながっているのではないでしょうか。
STORESは多機能で使いやすく簡単にネットショップを開設できる
STORESは、ネットショップを月額2,980円から開業できるECサイトに必要な機能が搭載されたサービスです。ECサイトでは、決済機能（STORESの場合はレジ機能）や在庫管理などとの連携が可能なため、店舗全体を一元管理できます。
またSTORESでは、オンライン取引となるECサイトの不安なセキュリティ面への対策も万全です。オンライン決済に不可欠なクレジットカード情報の不正利用防止となる本人認証の機能（3Dセキュア2.0）が利用できます。
ABLENET
運営者情報
ABLENET®は株式会社ケイアンドケイコーポレーションが提供するホスティングサービスです。レンタルサーバー（共用サーバー）、VPS（仮想サーバー）、GPUサーバーを提供しています。
Categoryカテゴリー
ブログを開設する10STEP
HP制作の10STEP
ホームページを自分で制作する方法は？専門知識がなくても作れるツールも紹介
現代は、インターネットを利用している企業の割合が99.8％という状況です。その背景には、個人のコミュニケーションアイテムがスマートフォンを介してSNSやチャットツールなどで行われているからではないでしょうか。
現代のほとんどの企業がインターネットを活用している先には、ホームページの存在があります。先ほどの令和5年総務省の調べにおいて、インターネットを利用している企業のうち、ホームページを開設している企業の割合が93.0％とのことです。
この統計結果からホームページは、企業間や企業と顧客をつなぐ情報の窓口として欠かせないツールとも考えられるでしょう。
ホームページを開設する企業が増えている状況は、ホームページ制作の負担が少なくなっていることが要因ではないでしょうか。実際にホームページは、自分でも作れます。専門知識がない人でも制作は可能です。
本記事では、ホームページを自分で制作する方法について解説します。専門知識がなくても作成できる方法やホームページ作成ツールもあわせて紹介します。自身でホームページ制作を検討中の方は、最後まで読み進めて参考にしてください。
目次
ホームページを制作するための3大要素はサーバー・ドメイン・HTMLデータ
ホームページを制作するための3大要素は、サーバーとドメイン、HTMLデータによって成り立っています。どれか一つが欠けた場合、インターネットユーザーにホームページを閲覧されないほど重要な要素です。
ホームページは、無形のデジタルコンテンツとしてインターネット上で公開します。当然のことながら、インターネット環境がなければホームページの閲覧はできません。インターネット環境が整っているうえで、ホームページを制作するにはサーバーとドメイン、HTMLデータの3大要素の準備が必要です。
- サーバー
- ドメイン
- HTMLデータ
それぞれの要素について説明いたします。
サーバーとはホームページのデータを保管し公開するための場所
サーバーとは、ホームページのデータを保管し公開するための場所になります。ホームページを家と例えると、サーバーは土地のようなイメージです。家を建てる土地が自分の所有する土地であれば、自社管理のサーバーになるでしょう。
家を建てる土地が他人の所有地であれば、土地をレンタルすることになります。その場合、サーバーを借りる行為となるため、レンタルサーバーを利用したホームページの開設になるでしょう。
サーバーは、ネットワーク上で情報やサービスなどを提供するコンピューターのことです。基本的にホームページを閲覧する大量のアクセスに対応可能な能力が求められます。そのため、企業が独自で自社サーバーを運営する場合は、高額なサーバー用コンピューターが必要になります。
ホームページを開設しインターネット上に公開するには、Webサーバーが必要です。Webサーバーは、ホームページを送信するソフトウェアのことです。Webサーバーには、ホームページ上に表示されるテキストや画像などのファイルが格納されます。
ドメインとはインターネット上の住所となるもの
ドメインとは、インターネット上で公開するホームページの住所（アドレス）となるものです。同じ住所に異なる家が存在しない状態と同じく、同じドメインに異なるホームページは存在しない仕組みになります。
サーバーに格納された画像やテキストなどのコンテンツは、インターネットユーザーのデバイス（スマートフォンやパソコンなど）にインストールされたWebブラウザ上で閲覧できます。Webブラウザ上では、閲覧目的のホームページを見つけるために、ドメインの入力が必要です。
ドメインは、重複しないように一元管理されています。ドメインの仕組みは、次のようになっています。
https://www.〇〇〇.jp（com、netなど）
jpやcomなどのドメイン最後尾の部分がトップレベルドメインです。ドメインの階層は、次の管理構造になっています。
〇〇〇.co.jp
- .jpの部分：トップレベルドメイン（TLD）
- .coの部分：第2レベルドメイン（SLD）
- 〇〇〇の部分：第3レベルドメイン（3LD）
ドメインは、トップから第3レベルまでの階層構造により特定の機関で管理されています。
このようにドメインはホームページを構成する非常に重要な要素です。
ISPと独自ドメインの取得
ISP（インターネットサービスプロバイダ）は、インターネット接続に必要なサービスです。ISPの申し込みにより無料でホームページ用のドメインやメールアドレスを取得できます。しかし、ドメイン名がプロバイダ名の入った表記になります。
https://www.プロバイダ名.co.jp/自身の登録名
例えば、プロバイダが「yahoo」の場合は、「yahoo.co.jp/自身の登録名」というドメインの表記になります。この場合、ホームページを閲覧する訪問者に対して、プロバイダから借りている場所でホームページを運営している印象を与えるでしょう。
ホームページの訪問者に対して、自社所有のホームページという印象を与えるには独自ドメインの取得が効果的です。独自ドメインは、国内のドメイン登録事業者に申し込むことで、まだ取得されていない（重複しない）トップ〜第3ドメインまでを組み合わせたものが登録できます。
例：任意の文字列（会社名など）.co.jp
HTMLデータとはホームページの構造を記述するための言語
HTMLデータは、ホームページの構造を記述する言語です。HTML（Hyper Text Markup Language）言語とも呼ばれます。HTMLは、インターネット上に表示されるWebページの書き方です。＜＞で指示指定の文字を囲むHTMLタグを使います。
- ページタイトルや見出しを設定
- ページ内容の要約文を設定（ディスクリプション）
- 本文中に画像を挿入
- ハイパーリンクを設定
ホームページは、閲覧者側からは画像や動画、テキスト、リンクなどがページ上に表示されています。ただし、ページ上に画像や動画があるのではなく、サーバー上で管理するフォルダ内に格納された画像や動画をHTMLデータの記述で呼び出している仕組みです。
HTMLタグは、インターネット上で表示されるWebページの裏側で見出しやリンクなどを設定する役割をもっています。
CSSはデザインを設定する言語
HTMLの記述には、CSS（Cascading Style Sheets）というホームページのデザイン面を設定する言語があります。ホームページは、HTMLデータだけではなく、CSSデータも記述することで、Webページの視認性を向上させます。
- Webページの背景色を設定
- Webページのフォントの大きさを設定
- Webページのカラムの幅を設定など
CSSは、Webページごとの設定だけではなくホームページ全体の基本デザインを統一・変更する役割のある言語です。
ホームページを制作する方法3つを紹介！自身に最適な制作方法を選ぼう
ホームページ制作は、3つの方法のどれかで進める必要があります。どの方法にも良い面もあれば負担がかかる面もあるでしょう。ホームページの制作方法は、自身の状況に応じた方法を選ぶことが重要です。
- ホームページ作成ツールやWordPressなどを使用して制作する
- 自分でHTMLとCSSを記述してサーバーにアップする
- 制作会社に依頼してホームページを作成する
それぞれの制作方法について解説いたします。
ホームページ作成ツールやWordPressなどを使用して制作する
ホームページ制作は、ホームページ作成ツールやWordPressなどが役立ちます。ホームページ作成ツールは、あらかじめ制作者の目的に合ったテンプレートを利用できる点が特徴です。ホームページ作成ツールやWordPressを使用した制作には、次のメリットがあります。
- 自分で一から始めるよりも簡単に始められる
- ツールで用意されたテンプレートを使えば公開までの時間を短縮できる
- ページ上に表示する画像やテキストなどは自分で修正・更新できる
- ホームページ制作会社に依頼するよりも導入費用を抑えられる
- 利用者の多いツールであれば作成マニュアルやテンプレートなどが充実している
例えば、美容系のホームページであれば、女性に好印象を与えるデザインが設定されている（HTML・CSSを記述済み）テンプレートを利用できます。また、会社紹介のホームページであれば、会社概要や代表挨拶、採用情報など各ページのひな形の文言を変更するだけで開設できるツールもあるでしょう。
ホームページ作成ツールは、専門的なHTMLタグやCSSの記述を極力少なくしている特徴があります。そのため、ツールの利用者はホームページ制作の経験がなくても、見栄えの良いホームページの開設が可能です。
CMS（コンテンツ管理システム）のWordPressにおいても、ホームページ作成ツールと同じメリットを得られます。無料のテンプレート導入により、デザイン面の設定を省略できます。他には、リスト表示や見出しなども直感的な操作で設定できる点が特徴です。
ホームページ作成ツールやWordPressの活用は、テンプレートが使えるため、ホームページ開設までの作業負担を軽減できます。ただし、テンプレートの活用は独自性のないホームページになる可能性があります。ホームページに独自性を求めた場合は、ある程度カスタマイズできる専門知識（HTMLやCSS）が必要になるでしょう。
自分でHTMLとCSSを記述してサーバーにアップする
ホームページ制作には、自分でHTMLやCSSを記述してサーバーにアップする方法もあります。ホームページは、ホームページ公開に必要なデータの格納場所となるサーバーさえあれば、あとは手作業でも作成できます。自分でHTMLとCSSを記述する方法は、次のメリットを求めている方におすすめです。
- 他のホームページにはない独自のデザインで自由に作成できる
- ホームページ作成の専門知識を学びデザインコーティングのスキルを向上できる
自分でHTMLやCSSを記述する制作方法は、コードを記述したテキストファイルをサーバーの適所にアップロードしなければなりません。HTMLやCSSのコーディングは、記述ミスがあるとホームページのデザインが崩れてしまう可能性があります。
自分でHTMLとCSSを記述する方法は、費用がかからない反面、記述ミスの発見や修正などの手間がかかるため、ホームページ制作者の負担は大きくなるでしょう。
ただし、独自性のあるホームページを作成したい人は、HTMLやCSSの知識を学び、自分好みにカスタマイズすることも選択肢のひとつです。
制作会社に依頼してホームページを作成する
ホームページの作成は、制作会社に依頼する方法もあります。ホームページ制作の専門知識や作成する時間のない人は、制作会社への依頼で解決できます。制作会社への依頼は、ホームページ制作のプロによるクオリティの高いホームページの運営が期待できるでしょう。
少人数で事業を運営している経営者の場合は、ビジネスに追われてホームページ制作にあてる時間や人材を確保できないかもしれません。その場合は、ホームページの作成を制作会社に依頼することで時間や作業にかかる手間を削減できます。
ただし、制作会社への依頼は制作料金の支払いが発生します。制作会社に依頼する場合は、ホームページの開設による売上見込みなども踏まえて作成するホームページの規模を設定することが必要です。制作会社への依頼は、事前に見積もりなどの相談のうえで判断しましょう。
無料でホームページを作る際のデメリットと注意点を紹介
ホームページの作成は、有料で制作会社に依頼しなくても無料で作成できます。ただし、無料のホームページ作成ツールは、無料で使う場合に広告表示や機能制限があるため、それらの制限を解除する場合に有料プランの加入が必要になります。
無料プランでは広告表示がデフォルトで消すことができない
ホームページ作成ツールを無料プランで利用した場合は、広告が表示されたままの状態による公開となります。ホームページに表示される広告は、デフォルトでは消すことができません。ほとんどのサービスでは、有料プランへの移行と引き換えに広告を非表示にする仕組みとなっています。ペライチのフリープランでは、サービスの広告が表示されます。
サービスのドメインを使用するので独自ドメインは使えない
ホームページ作成ツールで作成したWebページは、ツール提供サービスのドメインを使用することが考えられます。無料プランを利用する場合は、ドメインの利用に何らかの制限がかかります。例えば、ホームページ作成ツールを無料で利用する場合、ドメインにかかる制限は次の通りです。
- ペライチ：ドメイン名の利用制限・独自ドメイン利用は有料プランの移行が必要
- Wix：独自ドメインを年間プラン加入で1年無料で利用可能
また、無料プランでサービスのドメインを使う場合、Wixでは「〇〇〇.wixsite.com」と、第2レベルドメインに「wixsite」が表示されます。ペライチの場合は、全プランのドメイン名が「〇〇〇.hp.peraichi.com」となります。Jimdoの場合は、「〇〇〇.jimdosite.com」が無料プラン用のドメインです。
そのため、店舗名や社名などで検索した訪問者には、借りている場所でホームページを開設した印象をもたれるでしょう。
デザインテンプレートが少ないなど機能制限がある
ホームページ作成ツールの場合は、デザインテンプレートが少ないなど有料プランと比較して機能制限があります。主な無料プランで設定されている機能制限は、次の通りです。
- ペライチ：作成できるWebページは1ページまで
- Google Sites：17のテンプレートまで利用可能
- Jimdo：サーバー利用容量500MBまで
- Studio：上限50ページまで
- Wix：サービスロゴ表示
WordPressの場合は、無料で利用できるレンタルサーバーの利用により独自ドメインを無料で取得し、そのドメインにWordPressを無料でインストールできます。レンタルサーバーの維持費を支払っていれば、WordPressの利用には費用がかかりません。
WordPressは、無料で利用可能なテンプレートを導入できます。ただし、無料のテンプレートには機能制限があり、有料へと移行することで使用できる仕組みのものが少なくありません。無料のホームページ作成は、長期的な視点で考えると、ホームページ作成の機能体験の機会になるのではないでしょうか。それぞれのホームページ作成ツールから使い勝手の良いツールを選ぶ際の基準として活用しましょう。
専門的な知識がなくてもホームページを作れるツールを紹介
ホームページ作成ツールは、専門的な知識がなくても自分で見栄えの良いホームページが作成できます。ホームページ作成は、実際にツールを使ってみないと機能の便利さや操作性などを判断できません。そこで、無料プランが用意されている代表的なホームページ作成ツールを紹介しましょう。
WordPressは誰でも使える無料のHP作成システム
WordPressとは、直感的な操作でホームページ制作ができるCMS（Content Management System：Webサイトのコンテンツ管理システム）です。
WordPressは、オープンソース（ツールのソースコードを公開している）のツールのため、自由にダウンロードでき、ユーザーの利用や改変、再配布なども制限なく実行できます。その自由度が利用しやすいCMSと判断できるでしょう。
WordPressを構成するプログラミング言語は、PHP（Hypertext Preprocessor）というWebアプリケーション上で動作します。サーバー上で動作する仕様になっているため、インターネット環境のない場所では利用できません。
WordPressは、ホームページ開設に必要となるサーバーを提供するレンタルサーバーサービスの利用により無料で導入できるケースがほとんどです。サーバー上にインストールすることで、専門的な知識がなくても直感的な操作だけで専用のエディタ画面で自分のホームページを作成できます。
ABLENETレンタルサーバーならドメイン取得からWordPressの構築までできる
WordPressを無料で導入できるレンタルサーバーには、WordPressの構築だけではなく、ドメイン取得までオールインワンで進められるサービスがあります。ABLENETレンタルサーバーは、ドメイン取得からWordPressの構築まで、プランの利用開始により実現できます。
ホームページ作成ツールの場合は、利用する有料プランのランクを上げることにより機能を充実させる仕組みです。ABLENETレンタルサーバーの場合は、サーバー利用料金のみでドメインの取得からWordPressの構築まで追加コストをかけずに実行できます。
ABLENETレンタルサーバーの料金プランは、月額970円のライトプランでサーバーストレージ容量を300GBまで利用できます。導入時の初期費用は無料なので、月額970円でWordPressを基盤としたホームページの開設が可能です。
さらに、ABLENETレンタルサーバーを年払い契約した場合、月額830円と月払いより年間1,680円のコスト削減になります。そのうえ、年払いの契約には、独自ドメインをひとつ無料で取得し、サーバー開設とともに利用できます。WordPressを使ってホームページ制作を考えている方におすすめの方法になるでしょう。
＼ 30日返金保証 ／
Wixは知識がなくても直感的に操作できる作成サービス
Wixは、直感的な操作でホームページを作成できるツールです。無料プランの場合は、Wixのロゴやサービス名の入った第2ドメインのホームページを開設できます。
また、Wixが用意するホームページテンプレートは900種類あります。すでにデザイン・テキストの配置などが設定済みのテンプレートや、白紙でパーツの配置のみ設定されている白紙テンプレートから好みのものを選べます。
Wixの有料プランに移行した場合は、ホームページ作成だけではなく以下の機能の活用が可能です。
- オンライン決済一括管理
- モバイル上からビジネス管理
- 顧客管理システム（CRM）の活用
- ホームページの流入データ（アクセス）解析・分析
- 潜在層へのメルマガ配信
- SEO支援
- マーケティング支援
さらに、ホームページ作成の効率を加速させるAIを使ったサイト作成機能も利用できます。プロンプトに作成するホームページのイメージをテキストで入力するだけで頭の中で描いたホームページのイメージを実際のWebページとして生成できます。
STUDIOはデザイン性に優れ日本語に対応している作成ツール
STUDIOは、デザイン性に優れたホームページ制作が期待できるサービスです。日本語に対応しているので説明文で迷うことがありません。STUDIOでは、ノーコードでデザインを編集できるテンプレートが利用できます。ビジネスや飲食系、教育系、健康・美容系など、用途に合わせたテンプレートが選べます。
STUDIOは、ホームページ作成にまつわるセミナーやアーカイブ動画を参加登録手続きによって視聴できる点が特徴です。また、STUDIOユーザーが集う「Studio.Community」では、ホームページ制作の疑問点などを気軽に質問して解決策を共有できるコミュニティが用意されています。STUDIOの招待ユーザーは、すべてのプランにおいて無制限となっています。STUDIOは、50ページまで作成できる無料プランで試してから、使い慣れた場合は月額590円の有料プランへと移行することも選択肢のひとつです。
Jimdoはスマートフォンでも操作できる手軽さでECショップの開設も可能
Jimdoは、パソコンがなくてもスマートフォンだけでホームページ作成が可能なツールです。AIを活用した効率的なホームページ制作から自分で一つひとつ作成していく方法のどちらも利用できます。
また、Jimdoは、有料プランの利用で独自ドメインやSEOに最適なECサイト構築も目指せます。ビジネス目的のホームページ制作にも対応しています。無料プランから始めた場合でも、基本機能はすべて使えます。無料で試してから、本格的にホームページを作成する場合は有料プランへの移行で独自ドメインのホームページ運用を目指せるでしょう。
Google SitesはGoogleが提供している無料のホームページ作成ツール
Google Sitesは、Googleが提供するドキュメントやスプレッドシートなどと同じ感覚で無料でホームページを作成できるツールです。Google Sitesのホームページ作成画面は、至ってシンプルな作りです。あらかじめ用意されている17のテンプレートから、目的や好みでホームページの土台を選びます。
選んだテンプレートの各パーツ（タイトルや画像、テキスト）は修正や変更、削除など自由に変更できます。また、Google Sitesで作成したホームページには、同じGoogleのサービス「Googleアナリティクス」のトラッキングコードを埋め込むことで訪問者の動向把握に役立てられるでしょう。
さらに、Google SitesはGoogleカレンダーやYouTube動画との連携も可能です。Googleが提供するツールの利用頻度の高い方におすすめのホームページ作成ツールになるでしょう。
ペライチ誰でも簡単に1ページ型のホームページを作成できる
ペライチは、ホームページやモバイルアプリの作成を直感的な操作で実現できるサービスです。さらに、ホームページのデータを格納するサーバー代や初期費用が無料となっています。
ペライチのホームページ作成は、ページに掲載するテキスト文を考える手間を省略できます。ペライチに備わっている「AIアシスト」機能を使えば、ライター未経験の方でもコピーライティングの流れを含んだテキストの生成が可能です。
また、ペライチではマンツーマン対応のオンライン個別サポートを提供しています。さらに、チャットサポートを使うことでオンラインを経由したオペレーターとの質疑応答のやり取りもできるでしょう。
ペライチが提供するホームページ作成の知識習得サポートは、個別サポートやチャットサービスだけではありません、ペライチで運営するオウンドメディア「ペライチ大学」では、ホームページ作成のノウハウやSEO知識、マーケティング手法、デザイン知識などに関わる情報を発信しています。
ECサイト作成に便利なツールを3つ紹介！ショップ開設するならこのツール
ホームページ制作の目的がECサイトならば、ECサイト作成に便利なツールを利用しましょう。ホームページ作成でもECサイトに特化したツールであれば、ショップ開設から運営、店舗管理に必要な機能を備えているサービスがあります。ECサイト作成に特化したツールでは、メルマガ配信などマーケティング機能も利用できます。
Shopifyはネットショップ運営に特化した高機能なECサイト構築サービス
Shopifyは、Webサイトビルダーを使って簡単な操作でネットショップを作成できるECサイト作成ツールです。無料で登録でき、最長で3カ月間月額150円でネットショップ運営を体験できます。3カ月間続けてみて別のビジネスに切り替える場合でも、ワンコインに満たないコスト以外に支払う必要がないため、低リスクでネットショップ運営を試せます。
また、Shopifyで作成したネットショップに手ごたえを感じた場合は、個人事業主向けのベーシックプランであれば月額3,650円で継続可能です。Shopifyは、広告やキャンペーンの機能、自身のストア分析も利用できるため、マーケティングや経営視点でビジネスの行方を判断できます。
BASEは初心者でも簡単にネットショップを開設できる無料のECプラットフォーム
BASEは、初期費用や月額料金のかからない初心者向けECサイト作成サービスです。BASEのスタンダードプランであれば、売上が発生する以外のランニングコストはかかりません。
要するに、ECサイトを無料で開設し、売上が発生するまでコスト負担なしでネットショップ経営ができます。売上が発生した場合は、売れた商品ひとつに対して、クレジットカード決済手数料3.6％と40円、サービス利用料3％の支払いが必要です。
また、BASEのネットショップ開業では、商品ページや購入ページの作成で専門的なプログラミング言語を使いません。直感的な操作でネットショップに必要なWebページを作成できます。BASEは、開業時のコストがかからない点と初心者でもネットショップ構築ができる操作性が導入実績230万店舗という実績につながっているのではないでしょうか。
STORESは多機能で使いやすく簡単にネットショップを開設できる
STORESは、ネットショップを月額2,980円から開業できるECサイトに必要な機能が搭載されたサービスです。ECサイトでは、決済機能（STORESの場合はレジ機能）や在庫管理などとの連携が可能なため、店舗全体を一元管理できます。
またSTORESでは、オンライン取引となるECサイトの不安なセキュリティ面への対策も万全です。オンライン決済に不可欠なクレジットカード情報の不正利用防止となる本人認証の機能（3Dセキュア2.0）が利用できます。
Categoryカテゴリー
ブログを開設する10STEP
HP制作の10STEP