backINDEXお久しぶりです。振り返りも兼ねてまとめていきます✏️metaタグ文字エンコード文字コードを指定します。charset="utf-8">viewportレスポンシブデザインに対応させます。(スマホやタブレットでの表示を最適化します。content="width=device-width,initial-scale=1">IE用の設定IEには過去のバージョンで表示させる「互換モード」という機能があり、それによってページのデザインが崩れてしまう可能性があります。このタグを使うことで、常に標準モードでの表示をさせることができます。content="IE=edge">format-detectionスマートフォンは電話番号やメールアドレス、住所を自動的にリンクに変換してしまうため、これらを無効化させます。content="telephone=no,address=no,email=no">title検索結果やブラウザのタブに表示させます。<title>タイトル</title>keywordsページの内容を示すキーワードを半角カンマ(,)区切りで記載します。使用していないため、書いてもSEO的な効果は期待できないようです。content="キーワード1,キーワード2,...">descriptionこちらに書いた文章は検索結果の記事タイトル下に表示されます。160字以下(※)にすると良いそうです。ページがシェアされた時に表示させる文章や画像を指定します。IDの取得方法はこちらのサイトを参考にlinkタグcanonicalURLの正規化をします。正式なURLを検索エンジン側に伝えます。href="URL">ファビコン(サイトアイコン)アドレスバーやブラウザのタブに表示される画像を指定します。sizes="64x64">参考:https://realfavicongenerator.net/faq#.W2FXA9j7Sup参考:https://hail2u.net/documents/favicon-cheat-sheet-ja.htmlCSS外部のCSSファイルを読み込みます。href="URL">scriptタグ外部のJavaScriptファイルを読み込みます。付近に書くことも多いです。src="URL"></script>まとめわたしがコーディングを学び始めた頃のhead内、スカスカでした🙈こんなに書く要素があったんだとびっくりしたのを思い出します。サイトによって必要なものと不要なものがあると思うので、そこをしっかり見極めて記述すると良いですね。初めましてデザイナーのセキです。Qu...CONTACTお仕事のご相談や、弊社についてのご質問やご要望など、お気軽にお問い合わせください。PolicyRECRUITEVOWORXでは、一緒に良いものづくりをしてくれる仲間を募集しています。詳しくは採用サイトをご覧ください。