HP作成 ホームページの作り方自作方法を解説

ホームページの作り方

【総まとめ】個人ホームページの作り方・Webサイト自作方法

2018年2月14日

これから初めて自分でホームページ・Webサイトを作成しようと考えた時に、まず何から手をつけたら良いかわからないという方も多いのではないでしょうか。

ここでは自分でホームページを作りたい初心者の方向けに「独自ドメイン+レンタルサーバーにホームページを作る方法」を紹介していきます。
 

■【ホームページの作り方総まとめ】ホームページ自作方法を解説(動画解説版)


 


 

【概要編】Webサイト・ホームページを作成する3つの方法

ホームページを作成する3つの方法には、大きく以下の3つの方法があります。

Webサイト・ホームページを作成する3つの方法
 

■ホームページを作成する3つの方法

  • WordPressなどのソフトを利用する方法(レンタルサーバー契約が必要)
  • HTML・CSSなどのコードを書いて作成する方法(レンタルサーバー契約が必要)
  • Wix・Jimdoなどのクラウド型のホームページ作成サービスを利用する方法

3つの方法についてそれぞれ説明していきますね。

 

【方法1】WordPressなどのソフトを利用してサイト作成する方法

1つ目は、WordPress(ワードプレス)などのソフトウェア(CMS)を利用してホームページを作成する方法です。

WordPress 5.9管理画面
 

項目 内容
名称 WordPress(ワードプレス)
WORDPRESS ORG 日本語サイト
概要 WordPressは世界・日本共にシェアNo1のホームページ作成ソフトウェア(CMS)です。オープンソースで自由度の高さが圧倒的で小規模サイトから大規模サイトまで対応できます。
反面、営利企業が運営・サポートしているわけではないので、問い合わせ先やサポートデスクなどはない点が注意点。

簡単さ
普通
専門知識がなくても、ある程度やりながらサイト作成が可能
価格
ソフト代無料
(※)ただし、レンタルサーバー代などで実質月額500〜1,000円程度かかります
自由度
非常に自由
規模の拡張性
小〜大規模まで対応しやすい
保守管理
バージョンアップ・保守管理を定期的に行う必要あり

 

WordPressは世界・日本共にシェアNo1のホームページ作成ソフトウェア(CMS)です。オープンソースで自由度の高さが圧倒的で小規模サイトから大規模サイトまで対応できます。
【圧倒的なWordPressシェア】世界と日本で有名なCMSシェアを徹底比較!

下記はWordPressのシェアですが、世界・日本共にダントツのNo1であることがわかります。

WordPressのシェア 2019年10月時点
Usage Statistics and Market Share of Content Management Systems, October 2019より引用

 

WordPressは、レンタルサーバー+独自ドメインを契約後、サーバーにインストールしてデザインテンプレート「テーマ」をを適用してサイトを作成する流れが一般的です。

■WordPress テーマ 追加画面
WordPress テーマ 追加画面
 

■【10分簡単デモ】WordPressでホームページ作る方法


 

WordPress自体は無料ですが、レンタルサーバー・ドメイン代や有料テーマ(テンプレート)利用時は別途費用がかかります。WordPressでかかる料金については「【WordPressの料金】ホームページ・ブログ開設にかかる費用」をご参照ください。

デメリットとしては、営利企業が運営・サポートしているわけではないので、自作する場合問い合わせ先やサポートデスクなどはなく、定期的な更新・保守管理が必要である点が挙げられます。

WordPressの特徴について「【WordPressとは】ワードプレスの概要と特徴を徹底解説」に詳しく説明していますので合わせてご覧ください。
 

【方法2】HTML・CSSなどのコード書いてサイト作成する方法

2つ目はHTML・CSSといわれる言語を記述してホームページを作成する方法です。

項目 内容
名称 HTML・CSSなどのコード書いて作成する方法
概要 【特徴】HTMLやCSS、Javascriptなど、世間一般で言うプログラミング言語のようなものを自分で記述してWebサイトを作成する方法

簡単さ
難しい
専門知識を習得してからでないとサイト作成に至らない
価格
ソフト代無料
(※)ただし、レンタルサーバー代などで実質月額500〜1,000円程度かかります
自由度
非常に自由
規模の拡張性
比較的少ないページ向き
保守管理
バージョンアップなどは基本不要

 

2つ目の方法は、世間一般で言うプログラミング言語のようなものを自分で記述してWebサイトを作成する方法になります。

<html>のような『タグ』と言われるかたまりを使って文章や画像を加えたり、リンクを貼ることができます。

Atomエディタで開いたHTMLソースコード
 

HTMLとCSSとは

HTMLとはHyper Text Markup Languageの略で、Webページの構造を定義する言語です。

CSSはCascading Style Sheetsの略で、スタイル(見た目)を指定する言語で、HTMLと一緒に使います。

たとえば、HTMLが「目が二つ」「鼻が一つ」でといったように人の構造を定義する言語だとすると、CSSは「この人の目は二重にして、鼻の高さは2センチで」といったように人の見た目を調整する言語です。
 

■人に例えたイメージ
人に例えたイメージ)HTMLは人の構造を定義。CSSで十人十色に見た目を調整
 

HTMLもCSSも世間一般で言うプログラミング言語のようなイメージですが、厳密にはHTMLはマークアップ言語、CSSはスタイルシート言語と言います。

【HTMLの基本を徹底解説!】初心者向けHTMLの基本とよく使うタグ一覧
【CSSの基本】CSSの基本とプロパティ一覧

 

たとえば、下記のようなシンプルなHTMLを作成してWebページを作成します。

 

上記のHTMLファイルを契約したサーバーにファイル転送ソフトなどを使ってアップロードします。

FTPでhelloworld.htmlをアップロード

FTPでhelloworld.htmlをアップロード


 

Webブラウザで指定のURLでアクセスすると作成した内容をホームページとして閲覧することができます。

Webサイト html helloworld

僕の(私の)ホームページ!!


 

このようにHTMLファイルなどを自分で作成してサーバーにアップロードすることでホームページを作ることができます。
 

【方法3】クラウド型ホームページ作成サービスでサイト作成する方法

3つ目は、クラウド型のホームページ作成サービスを利用して自作する方法です。
 

■簡単&機能も豊富で人気のある「Jimdo(ジンドゥー)
Jimdo トップページ
 

項目 内容
名称 クラウド型のホームページ作成サービスを利用する方法
概要 レンタルサーバーを契約を意識しなくても、SNS開設のようにアカウント登録・Webブラウザ上でドラッグ&ドロップでサイト作成が可能。

簡単さ
簡単
基本操作を覚えれば初心者でも始めやすく、サイト作成もしやすい
価格
基本有料
無料プラン〜有料プランまであるが、ビジネス用途であれば基本有料プランが必要。機能を付け足すと割高になりやすい
自由度
ある程度限定される
規模の拡張性
利用可能容量が少ない傾向にあるため中〜大規模サイトには不向き
保守管理
バージョンアップなどは基本不要

 

レンタルサーバーンを契約を意識しなくても、SNS開設のようにアカウント登録・Webブラウザ上でドラッグ&ドロップでサイト作成が可能です。

有名なホームぺ時作成サービスとしては、「Jimdo(ジンドゥー)」、「Wix(ウィックス)」、「ペライチ」などがあり、営利企業が運営しているサービスになります。

■世界中で1億人が利用しているので有名な「Wix(ウィックス)
Wix トップページ

 
■一枚のランディングページ(ペラページ)に特化した「ペライチ
ペライチトップページ
 

上記のようなホームページ作成サービスを利用する場合は、ドメイン取得、サーバー契約などをそれぞれ意識せずに全てWeb上からまとめてホームページを作ることも可能です。
(※)実際にはサーバーやドメインを利用していますが、利用者はあまり意識しなくても利用できます。

営利企業が運営しているサービスのため一定の範囲内で問い合わせなどのサポートがある一方、デメリットとしてはサービスの仕様上自由度はある程度制限され、中〜大規模サイトには不向きであったり、複数サイト運用したい時に複数契約必要気費用が割高になる点が挙げられます。

なお、「WordPress」「ペライチ」「Jimdo」「Wix」「Studio」の5つのサービスを下記の記事にご紹介・比較していますので、ホームページを自作したい人は合わせてご覧いただければ幸いです。

【比較】無料から使えるおすすめホームページ作成サービス5選
 

【3つの方法比較】3つの方法のメリット・デメリット

Webサイト・ホームページを作成する3つの方法
 
上記3つの方法を比較すると下記の通りです。

種別 WordPress HTML・CSS クラウド型サービス
はじめやすさ
レンタルサーバー・独自ドメイン契約が必要

レンタルサーバー・独自ドメイン契約が必要かつ、エディタやFTPソフトも必要

アカウント登録すればすぐに利用できる
サイト作成の簡単さ
WordPressの操作方法など覚えることが多少ある
×
HTMLやCSSの書き方を中心に覚えることがかなり多い

各サービスにおける操作方法を覚えることが多少ある
コスト・価格
レンタルサーバー費用が月額500〜1000円程度かかる。
(※)有料テーマを利用する場合は別途費用がかかる

レンタルサーバー費用が月額500〜1000円程度かかる

無料から有料まであるが、有料プランだと割高になりがち
カスタマイズ性
テンプレート設定範囲内なら初心者でも簡単にカスタマイズ可能
細かい部分も自由に触ることができる(コードの知識が必要)。

コードの知識が必要だか自由にカスタマイズできる

サービスの仕様によりカスタマイズできる部分はある程度限定される
大規模サイト規模対応
大規模サイト・複数サイトに向いている

大規模サイトは更新が困難(手間がかかる)・

基本的に利用できる容量が少ないので向いていない(割高になりがち)
複数サイト規模対応
(基本的に)ドメイン利用料のみ追加でかかる

(基本的に)ドメイン利用料のみ追加でかかる

複数サイト分契約が必要になるので割高になりがち
セキュリティのリスク
定期的な更新をはじめ、保守管理しないとセキュリティリスクが高くなる

HTML・CSSだけのサイトであればセキュリティ問題は起きにくい

プラットフォーム側(運営元)である程度のセキュリティ対策を実施してくれる
保守管理のリスク
定期バージョンアップやバックアップ対策が基本必要

定期バージョンアップやバックアップは基本不要

プラットフォーム側(運営元)でバージョンアップ実施してくれる
不具合時サポート対応
基本自分で対処する必要あり

基本自分で対処する必要あり

一定の範囲内でサポートに問い合わせができる

 
これからビジネス用途のホームページを作りたい・ブログなども色々更新していきたいといった場合であれば、まずはWordPressなどのソフトウェアを利用する方法がおすすめです。

もちろん、HTML・CSSもできるに越したことはないですし、クラウド型のホームページ作成サービスも便利ですので気になる方は色々試してみると良いかと思います。
 

ホームページ外注・自作におけるメリット・デメリットを簡単比較

なお、個人事業または会社のホームページを作る際に、制作会社に外注するか、自作するか悩んでいる人も多いです。

下記は外注と自作のメリットデメリットをまとめたものです。

比較表 外部委託 独学自作
費用 約20〜50万円
外注費(※1)
約1,2万
書籍代
かかる時間について 5,6時間〜(打合わせ等※2) 6,70時間〜(勉強時間)
見た目・デザイン 綺麗なデザインのHPができる 最初は素人くさいデザインになりがち
追加更新について 独力で困難 可能
注意点
  • 業者によっては大きなハズレあり
  • サイトの文言や写真など自分で用意する必要がある
  • 途中で諦める・挫折することが多い
  • はじめのうちはデザインや構成が素人っぽくなりがち

(※1)外注費はページ数・デザイン・サービス内容によって大きく変動。法人向け・コンサル付きなどの場合100〜300万円かかる場合もあります。
(※2)ホームページの文言・画像などはある程度自身で準備する必要あり
 

なお、下記はWordPressでサイト自作した場合と、外注する場合の費用間の比較です。

WordPressでかかる費用ですが、自作する場合初年度1〜4万円(次年度以降1〜1.5万円)外注する場合は20〜50万円程度かかります。

WordPressでサイト制作するときにかかる費用
 

当サイトの考えでは、『まずは名刺代わりに作りたい、まだ副業・起業したてだったり事業内容も変わる可能性がある場合は』自作がおすすめです。

なぜなら、自分で作れば、事業内容に応じてサイトの変更も比較的容易に自分で行えるからです。

反面、ある程度内容が固まっていてデザインにこだわりがある、プロのクオリティを求めているなど場合は、制作会社に依頼する方が良い場合もあります。

ホームページを独学自作か外注か、それぞれのメリットデメリットについて詳しくは「【あなたはどっち?】ホームページを独学自作か外注かを徹底比較」で説明していますので悩んでいる方は合わせてご参考ください。

ここでは、自作を前提にお話を進めていきます。

 

【事前準備】サーバーとドメインを契約・取得する

ここからは、自作を前提に、レンタルサーバー+独自ドメインを契約する手順でWebサイトを開設する方法を説明していきます。

ホームページを作るために、まずはWebサイトの入れ物となる建物「サーバー」や「ドメイン」を準備する必要があります。
 
ホームページを開設するために必要な要素
 

まずはじめに、ホームページ・Webサイトを開設するためには「サーバー」と「URL(ドメイン)」、「ホームページ(中身)」が必要になることをおさえておきましょう。

  • サーバー:インターネット上の建物・部屋のようなもの
  • ドメイン:インターネット上の住所のようなもの
  • ホームページ(中身):建物・部屋の中にあるコンテンツ・サービスのようなもの(文章や画像などで構成されるファイル類)

 

指定の住所(ドメイン)に行ったら建物(サーバー)があって、その中に入ったら中身がある(例. 飲食店なら飲食のサービスなど)」というようなイメージをするとわかりやすいと思います。

ドメイン(住所)・サーバー(建物)・ホームページ(中身)のイメージ
 

なお、ホームページを構築する方法にはいくつか形態がありますが、ここでは一番スタンダードな方法である「独自ドメイン+レンタルサーバー」上にホームページを作成していく手順で説明していきます。
 

ホームページの作成手順

  1. レンタルサーバー会社からサーバーを借りる
  2. ドメインサービス会社からドメインを取得する
  3. サーバーに中身(ホームページ)を構築する

 
 

【ステップ1】レンタルサーバー会社でサーバーを契約する

Webの仕組み サーバー
 
まずはWebサイトの入れ物となる建物「サーバー」を準備する必要があります。

いくつかのタイプがありますが、個人が初めてホームページを持つ場合は「レンタルサーバー会社」で「レンタルサーバー」を契約するのが一般的です。

レンタルサーバーも複数のプランがあり価格もピンからキリですが、個人向けだとおおよそ月額500〜1,000円くらいが一般的です。

レンタルサーバーを提供している会社として、当サイトで利用しているエックスサーバー、コストパフォーマンスで人気のロリポップ!さくらのレンタルサーバなどがシェアが多く有名です。
 

このほか、最近シェアを拡大しているConoHaWINGやmixhostなども含めたレンタルサーバー詳しい比較は「【WordPressおすすめレンタルサーバー比較5社 総まとめ】」に掲載していますので、レンタルサーバー契約の前にぜひご覧ください。
 

サーバーの種類について

現実世界で、「一戸建て」、「ワンルームマンション」、「寮・シェアハウス」といったタイプがあり、広さや設備によって価格がピンキリであるのと同様に、サーバーもいくつかのタイプがあり価格もピンキリです。

いろいろなサーバーの利用形態(イメージ)
 

具体的にサーバーを借りる形態としては、下記の4つの種類が大きくあります。

  • 共用サーバー
  • VPS(仮想専用サーバー)
  • クラウドサーバー
  • (マネージド)専用サーバー

※狭義には上記のうち共用サーバーのことをレンタルサーバーと言います(一般的にレンタルサーバーというとこちらの共用サーバーのことを指すことも多いです)。

この中で、個人や中小企業のホームページやブログ・メディアサイト目的で一番よく利用するのが共用サーバーです。

共用サーバーはその名前の通り、一つのサーバーをみんなで借りる形です。一番初心者でも触りやすく、個人や中小企業が一般的なブログやホームページを作る場合は、共用サーバーを利用することが一般的です。

従来の一般的な共用サーバー
 

レンタルサーバーは、自分用の部屋がある一方トイレ・風呂などの共用部分もあるシェアハウス・寮くらいのイメージが比較的あっているかもしれません。

 

VPSやマネージド(専用)サーバーと大きく違う点は、OSが共用であるという点です。

一般的なホームページでしたら共用サーバーで十分ですが、アプリ開発などで別のミドルウェアやソフトウェア・ツールをOSにインストールしたいといった場合は共用サーバーでは実現困難なことも多いです。

■VPS(仮想専用サーバー):OS単位でサーバーを借りられるようになっている形式
VPS仮想専用サーバー
 

■共用サーバーのメリットとデメリット

メリット デメリット
共用サーバー
  • 月額費用が安価(月額100円〜)でコストパフォーマンスが良い
  • 初心者向けにわかりやすい管理画面やマニュアルが用意されている
  • 一般的なホームページやブログを運営するには十分な性能を備えている
  • VPSと比べると自由度が低くアプリ開発用としては制限あり
  • 共用リソースのため他の利用者の使用状況に自サイトが影響を受けやすい

 

共用サーバーは、自分用の部屋がある一方トイレ・風呂などの共用部分もあるシェアハウス・寮くらいのイメージが比較的あっているかもしれません。

個人・中小企業がホームページ目的でサーバーを利用する場合、一般的には共用サーバーで十分です。

合わせて読みたい記事

レンタルサーバーの種類や仕組みについて詳しくは「【レンタルサーバーとは】仕組みや種類・特徴を徹底解説」をあわせてご参照ください。

 

【ステップ2】独自ドメインを取得する

Webの仕組み ドメインを取得する

サーバーを用意すると同時に、インターネット上の住所に当たるドメインも取得する必要があります。

レンタルサーバーを契約した直後は、初期ドメインというレンタルサーバーのサブドメイン(xxxx.xsrv.jpや、xxxx.sakura.ne.jp、xxxx.lolipop.jpなど)が利用できます。

このサブドメインは実際のビジネス・ブログには不向きです。将来的にそのままビジネスで長く使う可能性がある場合は、自分専用のドメイン(独自ドメイン)も準備する必要があります。ドメイン名は後から変更できず、訪問者に直接見える内容でSEOにも影響しますのでとても重要です。

本サイトの場合は「webst8.com」が独自ドメインです。
 

トップレベルドメイン

なお、「.com」の部分をトップレベルドメインといいます。「.com」の他にも「.net」や「.info」など数多くの種類があります。

独自ドメインは、「xxxx(自分の欲しい名前)」×「トップレベルドメイン」の組み合わせからどれにするかを選ぶ形になります。

今はその意味が薄くなりましたが元々は「.com」は商用、「.net」はネットワーク関係を意味しています。法人の場合は「co.jp」を取得することもできます。

 
■代表的なトップレベルドメインと、語源

ドメイン名 主な意味 備考
.com 商業・商用用途で世界的に広く使用されています。 語源はcommercial(商業・商用)
.net オンラインビジネスや起業によく利用されます。 元々はネットワーク関係を意味しています。
.org 非営利団体でよく使用されます。 organization(組織)
.info 情報提供のホームページでしばしば使用されます。 2001年10月1日運用開始
.biz 商用のドメインで企業に使用されることがあります。 2001年5月21日受付開始
.jp 日本国内にいる人間しか取得できないるドメイン
.co.jp 法人用ドメイン 法人登記資料などの提出が必要

 

どれにするべきか悩んでいる場合は、とりあえず「.com」を選んでおくと無難でしょう。

また、ドメイン名はSEO的にはホームページのコンセプトに近い名前をドメイン名に含めるのが良いとされています。たとえば、健康関係のホームページなら「health」という単語、色関係なら「color」、カフェ関係なら「cafe」などの単語をドメイン名に含めると良いです。

他には、ブロガーさんで自分の名前をブランディングしていきたい場合は自分の名前をドメイン名にする場合もありますし、コーポレートサイトであれば会社名をドメイン名にするのが一般的です。
 

■以下はGoogleが出す推奨のドメイン名のケーススタディですので参考にしてみてください。

Google Webマスターアカデミー クイズ抜粋

Google Webマスターアカデミー クイズ抜粋

Google ウェブマスターアカデミーより引用
 

なお、最近のレンタルサーバーでは、複数のドメインを一つのレンタルサーバーに設定できることが多いです。二つ目のドメインを利用したい場合でも、必ずしも新しくレンタルサーバーを契約する必要はありませんので、覚えておきましょう(なお、ドメイン代は一個ずつ費用がかかります)。
一つのレンタルサーバーの中に 複数のドメインを設定できます(マルチドメイン)
 

独自ドメインを取得する方法

トップレベルドメインが「.com」や「.net」の独自ドメインを取得する場合、おおよそ年額1,000〜2,000円程度の取得・更新費用がかかります。

レンタルサーバー会社がエックスサーバーであれば、そのままエックスサーバーで独自ドメインを契約することができます。

ロリポップであれば同じ会社のドメイン専用サービス「ムームードメイン」から、さくらインターネットであればそのままさくらインターネットで独自ドメインを契約することができます。
 

年間920円(税抜)からの格安ドメイン取得サービス─ムームードメイン─

 

以下は、ムームードメインで独自ドメインを取得する場合の画面です。
ムームードメイン 取得したいドメインをカートに入れる
 

上記のように、取得したいドメインを入力して検索→カートに追加をして取得手続きを進めていきます。すでに誰かが取得済みのドメインは取得できません。

会社によりキャンペーンなどで数百円〜千円程度の取得費用の違いはありますが、初めてホームページを自分で作る場合は、契約した会社でドメインを取得したほうが設定が簡単でおすすめです。
 
独自ドメインについての詳しい説明は「独自ドメインとは。取得するメリットや取得方法を解説」をご参照ください。
 

【ステップ3】ホームページの中身を作成する

これでレンタルサーバーの契約とドメインの登録が完了してWebサイトを構築する準備が整いました。家に例えると今はマンションを契約直後の状態で家具も何もない状態です。

ここからはサーバー(建物)の中にホームページ(中身)を作成していきます。

前述の通り、Wordpressのようなソフトウェアをつかって制作する方法とHTMLファイル等を自分で作成して構築する方法の2パターンがあります。
 

パターン1:HTML・CSSファイル等を自分で作成して構築する。パターン2:Wordpressのようなソフトウェアをつかって制作する
 

初心者の場合HTML・CSSかWordPressがどちらがおすすめか

HTML・CSSとWordPressのどちらがおすすめか
 

これからホームページを作る場合に、HTML・CSSでホームページを作るか、WordPressでホームページを作るかどちらを選択するなら、まずはWordPressなどのソフトウェアを利用する方法がおすすめです。

HTML・CSSはホームページを作るまでに覚えるべきことが多いので、独学でホームページを自作する際に挫折してしまうリスクが高くなります。

ただ、HTML・CSSもできるに越したことはないですし、WordPressを利用していても細かいレイアウト調整にはHTML・CSSの知識が必要になってきます。最初はWordPressなどのソフトウェアでホームページを作る感覚を覚えてから、HTML・CSSを覚えていくのがよいのではないでしょうか。
 

なお、WordPressを利用してホームページを開設する方法は、「【総まとめ】WordPress(ワードプレス)ホームページ作り方」で詳しく説明していますので、これからWordPressを始めたい方はこちらをご参照下さい。
 

HTML・CSSで作る静的サイトとWordPressなどのCMSの違い

HTML・CSSでサイトを構築するサイトを静的サイトと言います。静的サイトはページ数の少ないサイトやランディングページなどに向いています。

一方、WordPressなどのCMSを利用したサイトはコンテンツ量が多いコーポレートサイトやメディアサイト、ブログなど日々、更新作業が発生するサイトに向いています。

CMSを利用したホームページは、基本的に更新作業は管理画面から行いますので、専門知識がなくてもある程度は日々の更新が可能です。
 

ただし、自由自在にカスタマイズしようと思うと、HTML・CSSの知識に加えてPHPなどのプログラミング言語や独自の記述方法を理解する必要がある点は注意です。

 

HTML・CSSなどの静的サイト WordPressなどのCMS
用途 少ないページ数のサイトやLPに適している 中規模以上、更新の多いのサイトに適している
作成・更新方法 HTML・CSSで作成・更新する 管理者用のページから作成・更新する
注意点 HTMLやCSSを知っていないと更新・修正することができない。 ソフトウェアのバージョンアップなどの管理が必要
自在にカスタマイズしようと思うとプログラミングやソフトウェア仕様の知識が必要

 

関連記事

HTMLやCSSを勉強したい方は下記記事をご参考いただければ幸いです。
【HTMLの基本を徹底解説!】初心者向けHTMLの基本とよく使うタグ一覧
【CSSの基本】CSSの基本とプロパティ一覧

 

【補足】ホームページ作成の上で知っておきたい関連項目

最後に補足として、ホームページ作成の上で知っておきたい関連項目や知識・サイトをご紹介していきます。
 

サイト構成(サイトマップ)を考えよう

これまでは、物理的な手順・作り方を主に説明してきましたが、実際にページを作る際には、サイトの設計が重要になります。

たとえば、どんなページ構成にするのか、どういった情報を掲載するのかなどです。あまり深く考えすぎないでも構いませんが、下記のような構成図を作っておくと、それに沿ってサイトを作っていくことができるのでおすすめです。
 

サイト構成(サイトマップ)
 

どのようなコンテンツを作るべきかについては、これから作成する業種・内容によってまちまちなので一概には言えませんが下記のような項目はよくあるコンテンツです。

ウェブサイトに含めたいページ・コンテンツを全て書き出す
 

どんなコンテンツを候補にできるかは、あなたと同じ業種・業態のホームページを調べてみて参考にするのが近道だと思います。

 
サイトマップの作り方についてはホームページの構成図サイトマップとは?作り方の基本を紹介をご参考ください。
 

写真素材・イラスト素材サイトを活用しよう

画像素材サイト photo-ac
 

実際にホームページを作成する際に、良い画像がなくて素材不足になることがよくあります。また、ネットで検索して出てきたものは著作権で保護されているものもたくさんあるので安易に使ってはいけません。

ネットには、自由に使えて商用利用可能な画像素材サイトもたくさんあります。「【おすすめ素材サイト総まとめ】ホームページで使えるフリー・有料素材25選」にホームページ作成に使えるおすすめ画像素材サイトを一挙紹介していきますので、ぜひご参考ください。
 
 

独自ドメインのメールアドレスを作成しよう

エックスサーバーでメールアドレス作成
 

独自ドメインを取得してレンタルサーバーを契約したら、メールアドレスも作っておくことをおすすめします。

一般的に、ビジネス用途の場合、Yahooや携帯のキャリアメールアドレスよりも、独自ドメインのメールアドレスの方が信用度も高くなるので、せっかく独自ドメインを取得した場合は独自ドメインのメールアドレスも取得しておくことをおすすめします。
 

 

まとめ

まとめです。今回はホームページを自分で作りたい初心者の方向けにホームページの作り方について説明しました。

ホームページを作成する3つの方法には、大きく以下の3つの方法があります。
Webサイト・ホームページを作成する3つの方法
 

■ホームページを作成する3つの方法

  • WordPressなどのソフトを利用する方法(レンタルサーバー・独自ドメインを契約必要)
  • HTML・CSSなどのコードを書いて作成する方法(レンタルサーバー・独自ドメインを契約必要)
  • Wix・Jimdoなどのクラウド型のホームページ作成サービスを利用する方法

 

ホームページの作り方が今まで全然イメージできなかったけれど、だいぶ作り方のイメージができるようになりました!
でも自分一人だとちょっと不安かもです。。

ここでは、基本的なことを説明していきましたが、自分でやってみないとなかなかわからない部分もあると思います。ぜひ実践してみてください。また、当サイトでは、自分でホームページを作りたい人向けに個別指導のWebスクールもしておりますので、お気軽にお問い合わせくださいね!

 

実際にレンタルサーバーを検討されている方向けには、おすすめのレンタルサーバーを「【WordPressおすすめレンタルサーバー比較5社 総まとめ】」でご紹介しています。

サーバーとドメインを取得したのち、中身となるホームページを制作していきます。WordPressなどのソフトウェアを利用することで、最近では個人でもホームページやブログが手軽に作成できるように環境が整ってきていますので、ぜひ自分でホームページ作成にチャレンジして見てください。
 

合わせて読みたい記事

具体的に、レンタルサーバーロリポップで独自ドメインを取得してWordPressをインストールする方法を「【WordPressホームページの作り方総まとめ 12STEPで解説】」にまとめています。

 
WordPressの使い方については「【2022年版WordPress(ワードプレス)の使い方総まとめ】」に詳しく説明していますのでこちらの記事をご覧ください。
 

今回は以上になります。最後までご覧いただきありがとうございました。
 

「業者に任せたけど、更新ができない」「本で独学は時間がかかりすぎる・・」そんなお悩みの方も多いのではないでしょうか。

個別指導形式のスクールでは、自分の知りたいことをピンポイントで学習・達成でき、自分で更新もできるというメリットもあります。
教室の無料事前相談もしておりますので、まずはお気軽にご登録ください。

詳細はこちら

YouTubeチャンネル開設しました!

WEBST8 YouTube Channel 開設
最大月間50万PVの当ブログをベースに、Youtube動画配信にてWordPress、ホームページ作成、ブログのことについてお役立ち情報を随時配信していきます。

ご興味ある方はぜひチャンネル登録をしていただけますと幸いです。


 


 

おすすめ記事3選

【WordPressの始め方総まとめ】ワードプレスブログの作り方9STEP

【おすすめレンタルサーバー比較総まとめ】WordPress対応5社

国内シェア上位のエックスサーバー、ロリポップ、さくらのレンタルサーバ、およびConoHa WING、mixhostを中心にWordPressおすすめレンタルサーバーを比較・紹介していきます。これからWordPressでホームページやブログを開設するためにレンタルサーバー選びを検討している方はこちらをご覧ください。

【WordPressの始め方総まとめ】ワードプレスブログの作り方9STEP

WordPressの始め方総まとめ

WordPress(ワードプレス)でブログを始めようと思った時に、サーバー・ドメインの手続きなどわからないことだらけで困っているというお悩みをお持ちの方も多いのではないでしょうか。本記事では、WordPressでブログやアフィリエイトを始めたい初心者を対象にWordPressの始め方をご紹介していきます。

【総まとめ】WordPress(ワードプレス)ホームページ作り方

【総まとめ】WordPress(ワードプレス)ホームページ作り方

WordPressでホームページを自作しようと思った際に、「ドメイン?サーバー?たくさん調べることがあって何から手をつけたら良いのかわからない」というかたも多いのではないでしょうか。この記事ではWordPress初心者の方を対象にWordPressでホームページを作る方法をご紹介していきます。

-ホームページの作り方
-, , ,