HP作成の大まかな手順

このエントリーをはてなブックマークに追加

「ホームページ(HP)を作成したいけど何から手を付けていいか分からない。」
そういった方向けに、簡単に手順を説明します。

ザックリのため不正確な表現もあるかと思いますし、有益なページが沢山ありますので詳細はそちらをご確認下さい。
少なくとも下に貼った参考リンクの内容を読めば、独力で進められるのではと思います。

1.手順

(1)基本設計など

・大まかなページ構成考案
・ドメイン決め
例えば、本HPのURL「https://gyosei.saimaru-office.com/」における「saimaru-office.com」がドメイン。
「gyosei.saimaru-office.com」はサブドメインで、ドメインの前にピリオド区切りで複数のサブネームを設定することができる。
一つのドメイン契約で複数のHPを作りたい場合は、拡張し易い名前を選んだ方が良いかもしれない。
商業組織用ドメイン(.comや.jpなど)は、国内のものほど信頼性が高いが、値段も高い。
信頼性や値段順位:[.co.jp] > [.jp] > [.com]や[.net]など。

(2)サーバーとドメインのレンタル

・サーバーレンタルとセットで無料の独自ドメイン1つが付けられる場合があるので、サーバーとドメインは同サービスを使った方が良いかもしれない
・サービス内容と価格を比較して、レンタル先を決める
・月額契約よりも年間契約。2、3年契約だとさらに割安になる
・キャンペーン適用期間もあるので、そのタイミングで契約するのもアリ

(3)サーバー側の準備:Web制作プラットフォームの場合は不要

・ドメインサーバーへのネームサーバー設定
・サブドメインやメールアカウント等の作成:必要に応じて
・Wordpressのインストール
※Wordpressは、WEBアプリやデータベースを用いてブログ形式HPを作成・公開できるプログラムの一種(制作用のサービスもあり)。
固定的なページの場合や自分で一からHPを作れる人、サーバー使用量を気にする方を除いて、基本的にはメリットが多いと思う。

(4)内容作成

・Wordpressなどのブログ形式プログラムの設定が完了して雛形テーマを決めたら、あとは記事を追加していくのみ
・固定ページやブログ形式ページ(ブログ、サービス、商品など)は作成し操作していれば、自然と覚えられるし、ネット検索すればすぐ情報が手に入る。
「ビジュアル」→「テキスト」表記にするとソースが表示できるので、記述方法も学べる。
・便利なプラグイン(追加機能)をインストールすれば、面白い機能を搭載できる
メールフォームやバックアップ、スパム対策やSEO対策など。
プラグイン探しは楽しいがマルウェア混入の危険性有のモノも存在するので、信頼性が不明なプラグインは避けた方が無難。

(5)検索への反映(google search console):任意

・すぐgoogle検索に乗せたい場合は「Google Search Console」への登録やクロールを行う

2.注意点

(1)無料サーバーのデメリット

サービスによって下記のような制限がありますので、用途に応じて有料契約も考える必要があります。
・「https」(SSL:秘密・共通鍵を用いた暗号化方式)でなく「http」(非暗号化)しか使えない
・データの最大使用量が低く制限される
・サブドメインが作れない
・広告が掲載される
・無料ドメインも使える場合があるが、取得形式など制限ありの可能性

(2)HPを公開しても、google検索へすぐには反映されない

・しばらくはURL直打ちでないとサイトにたどり着けない
・素早く反映したい場合は、「Google Search Console」にリンクやサイトマップを登録し、検索エンジンに覚えてもらう必要がある
※サーバーへのアップロードではなく作成機能付きのサービスだと、登録に若干クセがある。

3.ご参考HP

(1)様々なサービス

・XFREE:エックスサーバーの無料版
https://www.xfree.ne.jp/
※サーバーレンタル型。
Web制作プラットフォームと比べて若干敷居が高いが、設定ページからWordpressのインストールやメールアカウント作成など大体のことはできる。逆に自由度が高いとも言える。
・WiX
https://ja.wix.com/
※クラウドベースのWeb制作プラットフォームの代表格。サーバーを意識せずに直感的にHPが作れる。
・WordPress
https://wordpress.com/ja/
※サーバーへインストールするソフトだけでなく、契約すればそのままWeb制作ができるサービスも提供している。
・Bowned/【2021年最新】ホームページ無料作成サービス14選!メリットとデメリットを比較
https://val-works.com/bowned/homepage-free/#wordpress

(2)設定・作成(エックスサーバーの例)

– WEBCODE/WordPress初心者がエックスサーバーで企業ホームページを作る方法を解説
https://www.rbbtoday.com/webcode/wordpress/wordpress-step/
– Xserver_初心者のためのブログ始め方講座/WordPress初心者ガイド!始め方から基本の使い方まで徹底解説
https://www.xserver.ne.jp/blog/how-to-use-wordpress/
– Let’sプログラミング/
https://www.javadrive.jp/wordpress/

(3)反映(Google Search Console利用)

– Web幹事/簡単解決!ホームページが検索に引っかからない時の対処法【2021年最新版】
https://web-kanji.com/posts/index-homepage



コメントを残す

メールアドレスが公開されることはありません。