メタタグ(Metaタグ)とは？Webページに必要な基本概念をわかりやすく解説します
Webページ制作に関する基本的な用語として、メタタグ(Metaタグ)という言葉があります。メタタグは、Webページのヘッダー部分に記述されるHTMLタグのことで、検索エンジンやブラウザなどからWebページに関する情報を提供する役割を持っています。
具体的には、メタタグを使用することで、Webページのタイトルや説明文、キーワード情報などを指定することができます。また、スマートフォンでの表示方法を指定するviewportメタタグや、Webページの更新日時を示すlast-modifiedメタタグなど、様々な情報を表現することも可能です。
メタタグの種類と使い方
メタタグには、以下のような種類があります。
- titleタグ：Webページのタイトルを表現するタグ。検索エンジンでの検索結果やブラウザのタブに表示されます。
- descriptionタグ：Webページの説明文を表現するタグ。検索結果のサマリーに表示されます。
- keywordsタグ：Webページのキーワード情報を表現するタグ。検索エンジンがWebページの内容を判断する際に参考にされます。
- viewportタグ：スマートフォンでのWebページの表示方法を指定するタグ。
- last-modifiedタグ：Webページの更新日時を表現するタグ。検索エンジンがWebページをクロールする際に参考にされます。
メタタグの使い方は、以下のようになります。
“`
“`
上記の例では、charsetメタタグで文字コードを指定し、viewportメタタグでスマートフォンでの表示方法を指定しています。また、descriptionメタタグやkeywordsメタタグでWebページの説明文やキーワード情報を指定し、authorメタタグで著者の情報を表現しています。さらに、robotsメタタグで検索エンジンのクロール許可情報を指定し、refreshメタタグで自動的にページをリダイレクトするよう指示しています。
まとめ
Webページ制作において、メタタグ(Metaタグ)は非常に重要な役割を持っています。適切に使用することで、検索エンジンやブラウザなどからWebページに関する情報を正確に伝えることができます。また、スマートフォンでの表示方法やWebページの更新情報など、様々な情報を表現できるため、正確かつわかりやすいWebページ制作に不可欠な要素と言えます。
参考記事
合わせて読みたい
【Google Chrome】右クリックで翻訳がでなくなった時の対策方法の決定版