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は入ってるか
⑥閉じタグは足りてるか
⑦水平スクロールしないか(画面横に不要な空白ができてないか)
⑧対応ブラウザで動作確認
⑨レスポンシブでの表示崩れがないか
全てクリアできていたら準備完了
この記事が気に入ったらサポートをしてみませんか?