homepage-navi＞ホームページ作成＞html基本構造＞metaタグ

ホームページ作成

<meta>タグとは

METAとは、ＨTMLファイル内（ソース）の<HEAD> </HEAD>内に書き込むことのできるタグのことです。

META(メタ)とはヘッダー部に記述するタグで、かなり多くの属性があります。

ブラウザなどがページを解析するための情報と、ページに関する覚書のようなもので、検索ロボットへの指示のためなどに使われますのでそれぞれに分けて説明していきます。

単純に言うとMETAは検索エンジンには見えて私たちには見えません。但し、検索エンジンのクロールに引っかかるので、seo的には重要な役割をします。metaタグを使いこなすことによって、アクセスアップを得ることが出来ます。

METAタグの記述例

紹介文 <meta name="description" contenｔ="紹介文">

紹介文を書くメタタグです。

よく、検索エンジン等でタイトルの下に文章がありますが、それを指定するタグです。

記述方法としては

<meta name="description" conten="紹介文">

とかき、”紹介文”のところに自分の書きたい紹介文を書きます。字数的には35文字程度が無難です。また検索エンジンによって表示される文字数の限界があるので、 35文字以上表示されるものもあります。

キーワード<meta name="keywards" contenｔ="キーワード">

キーワードを書くメタタグです。

よく、検索エンジンの検索に引っかかってほしいキーワードを盛り込みます。

記述方法としては

<meta name="keywards" conten="キーワード">

とかき、”キーワード”のところに　ingusto, ホームページ製作, フラッシュ作成,等と , で区切って書きます。

5～6個程度が望ましく、キーワードが増えるに従い、1つ1つのキーワードの重みが薄くなります。

ページの内容そして、リンク情報を全て制限します。

"noindex, nofollow" と同じですが、まれに対応していないロボットがあります。

ぺージの内容そして、リンク情報を全て制限します。

ページの内容の取得は許可し、リンク情報を全て制限します。

ページの内容とリンク情報を許可します。何も書かない時と同じ設定です。

その他のmetaタグ

<meta http-equiv="Content-Type" content="text/html　charset=Shift_JIS">
- 文字化けを防ぐために文書の文字コードを宣言しています。
<meta http-equiv="Content-Style-Type" content="text/css">
- スタイルシートの基準言語を指定します。
<meta name="ROBOTS" content="ALL">
- 検索ロボットへのページを読み込ませる際の指示です。

<html>
<head>
<meta http-equiv="Content-Type" content="text/html　charset=Shift_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta name="ROBOTS" content="ALL">
<meta name="description" content="ホームページの説明文">
<meta name="keywords" content="コンテンツのキーワード">
<title>～</title>
</head>
<body>～</body>
</html>

META要素はブラウザやサーバーによって対応しているもの、対応していないものがあり、必ずしも期待する動作を保証するものではありません。

ただし、META要素を指定しておくことは指定しない場合に比べて自分の意図する動作が正しく実行される確率が高くなりますので決して無意味なものではありません。

前のページに戻る

ぺーじTOPへ戻る

グッジョブhomepage-navi

TOPページ

ホームページの仕組み

スタイルシートについて

スタイルシートで作る

・スタイルシートの書き方

・スタイルシートの適用

グッジョブhomepage-navi　TOP
ホームページの仕組み→ホームページの仕組み｜HTML基本構造
スタイルシートについて→スタイルシートとは
スタイルシートで作る→まず最初に・・・｜書き込む前に｜スタイルシートの書き方｜スタイルシートの適用