HTMLのheadに書くこと | 長期有給インターン生の日常|株式会社ガーディアン | 初期無料のサブスク型ホームページ制作｜7万実績のWEB戦略とAIで成果を出す | 初期無料のサブスク型ホームページ制作｜7万実績のWEB戦略とAIで成果を出す

セマンティックなHTMLコードを

心掛けて今日もコーディングしていました、

WEBプログラマーコース池田駿です。

今日はHTMLファイルのhead内に書くことを纏めておきたいと思います。

headタグとはユーザからは直接見えない、文書の概要

を記述するタグであり、書く内容が大体いつも一緒なので

WEBプログラマーコースの方々を始め、
HTMLを記述する機会のある皆さんに共有しておきます。

私が必要だと思うのは

1. 文字コードの指定
   <meta charset="utf-8"/>
   HTML内に書いた文字の文字コードです。日本人なら必須。
2. viewportの設定
   <meta name="viewport" content="width=device-width, initial-scale=1"/>
   デバイスによる見え方の差異を埋めてくれます。
3. タイトル
   <title>タイトル</title>
   検索時に見えるタイトルです。
4. メタデスクリプション
   <meta name="description" content="ページの内容を100文字以内で"/>
   検索時のちょっとした説明です。
5. Twitterカード
   <meta name="twitter:card" content="カードの種類"/>
   <meta name="twitter:site" content="Twitterのユーザ名"/>
   <meta name="twitter:title" content="ページのタイトル"/>
   <meta name="twitter:description" contet="ページの説明文"/>
   <meta name="twitter:image" content="画像"/>
   Twitterでリンクが張られたときに見栄えが良くなります。

このあたりだと思います。

細かい設定は毎回異なると思うので、ここにあるキーワード
(例：HTML 文字コードの指定)で調べてみてくださいね

それでは！