Webサイトの公開手順を解説

無料サーバー

無料で使えるレンタルサーバーです。
ただし、下記のような制約があることが多いです。

• 容量が少ない
• SSLが使えない
• サポートがない
• メールアカウントが作れない
• サイトに広告が表示される
• 商用利用できない場合がある

自分が作ったものを試しに表示させてみたい場合など、勉強のために使う分にはよいですが、仕事での使用はおすすめしません。

有料サーバー

仕事で使用する場合は、一般的にはこちらの有料レンタルサーバーを使用します。

とはいえ、レンタルサーバーの会社は何十社とありどこを選べばいいか迷うと思いますので、Web制作の仕事で使用する場合は、下記のポイントを基準にチェックしてみてください。

＜レンタルサーバー契約時のチェックポイント＞

• 安定性がある
• 表示速度が速い
• 無料独自SSLに対応している
• WordPressが簡単にインストールできる
• データベースが無制限に作れる
• マルチドメインが無制限に使用できる
• ある程度ディスク容量がある
• 自動バックアップがある
• 電話サポートがある

ドメインの種類

ドメインの種類はかなりたくさんあるので、よく使われているものだけを紹介しておきます。

その他にどんなドメインがあるか知りたい方は、こちらのサイトを参考にしてみてください。
参考：日本ネットワークインフォメーションセンター「ドメイン名の種類」
https://www.nic.ad.jp/ja/dom/types.html

ドメインの選び方

どのドメインを選べばよいかは、Webサイトの用途にあったものから選択することになります。
例えば、自分のポートフォリオサイト用のドメインとして取得する場合は、汎用的に使えるメジャーなドメイン「com」「jp」などが候補にあげられます。

ただし、使用したいドメインが決まっても自分がつけたい名前が既にそのドメインで使用されている場合もあります。

どのドメインがあいているか調べる方法は、下記で詳しく解説していますので参考にしてみてください。

ドメインの取得方法

各種設定

下記の設定を行います。
※具体的な設定手順は追って追加していきます。

• URLの正規化
• Googleサーチコンソールの登録
• Googleアナリティクスの設定
• サイトマップの送信

表示・動作確認

サイトの表示と動作確認を行います。
ざっと以下のポイントが確認できればOKです。

＜サイト公開後のチェックリスト＞

表示

・誤字はないか

・レイアウト崩れはないか

・画像は正しく表示されているか

動作

・リンクの遷移は正しいか

・ボタンの動作は正しいか

・ホバーの動作は正しいか

・フォームは正しく動作するか

レスポンシブ

・画面幅を変更した際の、表示・動作は正しいか

ブラウザ

・各ブラウザで正しく表示・動作しているか

デバイス

・各デバイスで正しく表示・動作しているか

設定

・タイトル、ディスクリプションは設定できているか

・favicon、apple-touch-iconは設定できているか

・OGPは設定できているか

・altは正しく設定できているか

・noindex, nofollowが設定されていないか

文法チェック

・HTMLは適切な文法で記述されているか（ツールでエラーがないか確認）

表示速度

・表示速度が遅いページはないか

・表示の際にレイアウトが大きくずれたりしていないか

SSL

・SSL化の対応はできているか