DAY20.ポートフォリオ作成編 ポートフォリオを公開

01.サーバーの契約

サーバー ＝ 土地

ドメイン ＝ 住所登録

家 ＝ HTML等のファイル

エックスサーバー
・国内シェアNo.1
・管理画面が使いやすい
・信頼できる安定性と速度
・使い倒せる大容量（最安プランでも300GB）
・自動バックアップ機能がついている
・WordPressをボタンひとつで簡単にインストールできる
・無料でSSL化（https化）できる
・特典で永久無料のドメインがついてくる

02.サーバーとドメインの紐付け

土地と住所名だけがわかっているような状態

その2つを持って市役所に住所登録に行くようなイメージ

03.サイトをネット上に公開

サイトを公開するためには
ドメインと紐付いたサーバーにファイルをアップロードする必要がある

サーバーへのアップロードするツールとしてFTPツール

MacとWindowsの両方で使えて有名なFTPツールである「FileZilla」

VSCodeの拡張機能「SFTP」を使うことで
VSCode上でサーバーへアップロードできるようになり便利

04.Twitterカード

リンクと一緒に画像や記事タイトルが表示されてる

Twitterでサイトをシェアしたとき
アイキャッチ画像や記事の概要を表示することができる

SNSでシェアしたときのクリック率が全く違う

05.公開前に最低限チェックしておくべきポイント

①文字コードはUTF-8か
②titleタグ入ってるか
③metaタグ設定したか（twitter cardsの設定）
④hタグが階層構造になってるか
⑤imgタグにaltは入ってるか
⑥閉じタグは足りてるか
⑦水平スクロールしないか（画面横に不要な空白ができてないか）
⑧対応ブラウザで動作確認
⑨レスポンシブでの表示崩れがないか

全てクリアできていたら準備完了