はじめに
この記事はWebの基礎をおさらいカレンダー Advent Calendar 2022です。
このカレンダーでは、なんとなくわかった気になっている、Webの知識をおさらいするカレンダーです。
興味をもし持ってくださった方は、購読いただけると嬉しいです！
今回はmetaタグについて説明します！
metaタグとは
Webサイト自体の情報を記載するタグのことです。
検索エンジンや他のクライアントに伝えるために使用されます。
例えば、Googleではこちらのmetaタグをサポートしています。
<head>要素に記載します。
この記事では、よく使われるmetaタグについて説明します。
| metaタグの種類 | 内容 |
|---|---|
| charset | 文字コードの指定。文字化けを防ぐために指定。基本的にutf-8 |
| robots | 検索エンジンへのインデックスを調整するための記述。noindex nofollowで検索結果に表示させない。 |
| viewport | ページの表示領域を指定する。PCやスマートフォンなどでデバイスサイズが異なるので、指定する |
| description | ページの説明・概要を記述する。検索結果の説明項目に使用されたりする。 |
| og | SNS向けの表示内容の調整。Twitterの設定を行うと、リンクを紹介した時にカード型のリンクとして表示されたりする。 |
おわりに
以上、metaタグについての説明でした！
Webの基礎をおさらいカレンダー Advent Calendar 2022でした。
興味をもし持ってくださった方は、購読いただけると嬉しいです！