ページ概要・制作者名・キーワードを入れる

HTML

HTML入門

サイトのページに表示されない情報

/*ページ概要・制作者名・キーワードの記述*/
<meta name="description" content="ページ概要">
<meta name="author" content="制作者名">
<meta name="keywords" content="キーワード1,キーワード2,…">

コンテンツとしてサイトのページには表示されないものがあります。それはページの概要(簡単な紹介文)、制作者名、キーワードなどの情報です。

これらの情報をHTMLの中に組み込んでおくには、meta要素を使います。

キーワードは検索エンジンのためのもの

キーワードは、半角のカンマ( , )で区切ることで複数を指定できます。これらの情報は主に検索エンジンに使われることを意図したものです。

しかし、実際のところどのように使われるのかは検索エンジンによって異なるようです。

meta要素を使った一例です。

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>商品概要|新感覚の文具「〇〇〇」新発売</title>
<meta name="description" content="「〇〇〇」は新感覚の文具です。">  /* ←ここで紹介文を記述*/
<meta name="keywords" content="文房具,筆記具">  /* ←ここでキーワードを記述*/
</head>
<body>
...
</body>
</html>