ドキュメントのhead内に入れるべき重要なメタタグは何ですか？

• **charset**はテキスト（特に非ASCII）が正しくデコードされることを確認します。最初に配置してください。
• viewportは、サイトをモバイルでレスポンシブにするものです — これがないと、携帯電話は偽の980px幅でレンダリングしてズームアウトし、レスポンシブなCSSを破壊します。

SEOメタ

<title>とdescriptionはGoogleの検索結果に表示される内容なので、クリックスルーを促進します。canonicalは検索エンジンに正式なURLを伝えます。

Open Graph — ソーシャル共有プレビュー

これらはリンクがFacebook、LinkedIn、Slack、Xなどで共有されるときに表示されるカードを制御します — これらがないと、醜いまたは空のプレビューが表示されます。

なぜ重要なのか

charsetとviewportは正しいレンダリングとモバイルレスポンシブネス性のために非交渉です。title/description/canonicalはSEOを促進します。Open Graphタグはリンクが共有されるときの見え方を制御します。

まとめると、これらはページを正しくレンダリングし、ランクをつけ、よく共有されるようにするメタデータレイヤーです。