ITメモ
HTML
外部Link
【HTML ドキュメント】MDN Web Docs(Mozilla)
「HTML」リファレンス
HTMLメールの作り方「指定キーワード」を検索した「Google検索結果ページ」への「リンク」を作る方法「Google Map」へ「リンク」を作る方法「HTMLタグ」に「マウスアクション」を指定する方法「HTML」で「空白」を表示する方法「HTML」で「タブ(空白)」を表示する方法【XML】サイトマップ作り方
「HTML」の基礎知識
「HTML」の書式「HTML」でのコメントの仕方「HTML」での「改行」の仕方「CSS」の使い方「Javascript」の使い方「HTMLタグ」の使い方「HTML」の特殊文字一覧ブラウザやタブに表示される小さなアイコン「favicon(ファビコン)」の作り方他のページに移行する「リンク」の作り方 表の作り方Webページに画像の埋め込む方法動画を埋め込む方法音声ファイルを埋め込む方法地図を埋め込む方法入力フォームの作り方
「HTML」タグ
【DOCTYPE】「HTML」の「DOCTYPE宣言」【html】すべての「HTMLタグ」の親要素「html」タグ【head】「Webページ」の付属情報を設定する場所【meta】「Webページ」の設定をする「HTMLタグ」【title】「Webページ」の「タイトル」を設定する「HTMLタグ」【link】外部ファイルとの関係定義や読み込みをする方法【script】「Javascript」を実行する方法【div】レイアウトの枠として使う方法【p】文章の段落ごとに区分する方法【li】リスト(箇条書き)で表示をする方法【table】表の作り方【br】「HTML」での「改行」の仕方【a】リンクの作り方【h1-h6】Webページの見出しの設定方法【img】画像を表示する方法【span】文字列の一部を装飾する方法【ruby】「ルビ」をふるための要素
SEO(Search Engine Optimization)
「SEO対策」の具体的な方法「検索エンジン」に登録する方法「SEO対策」に有効な「ページタイトル」の記述方法「SEO対策」に有効な「キーワード」の記述方法「SEO対策」に有効な「ディスクリプション」の記述方法





【HTML】【SEO対策】「SEO対策」に有効な「ディスクリプション」の記述方法

【HTML】
【SEO対策】
「SEO対策」に有効な「ディスクリプション」の記述方法




「ディスクリプション」は、
検索エンジンの検索結果にも表示される内容の一つで、
「SEO対策」においても、重要な要素の一つ。


「HTML」タグの「meta」タグを使用して、
ページの概要「ディスクリプション(説明)」を記述するようになっています。





詳しくは、下記をご参照ください。



「ディスクリプション」とは


「ディスクリプション」は、
WEBページの「文書の概要」を記述する「HTML要素」。


「meta」タグの「description」オプションを使用して、
ページの詳細を記述して、「ディスクリプション(説明)」を記述します。
「ディスクリプション(説明)」によって、
このページは、どういった趣旨で、どんなサイトなのかがわかるようになっています。



こちらも、「キーワード」と同様に、
スパム行為を行なう人が多いため、以前ほどは重要視されていない。

ただ、現在も、
「ディスクリプション(説明)」の内容が、
「検索エンジン」の検索結果に表示されるので、
「SEO対策」においても重要な要素の一つ。


検索エンジンの判定基準や制度が向上して、
「スパム行為」などがしにくくなっています。

「ディスクリプション(説明)」の記述は、
詳細情報を「64文字以内」で記述するのが良いとされている。
さりげなくキーワードなどを含めて記述しておくのがポイント。


Back

「ディスクリプション」の書式


「ディスクリプション(説明)」は、
「HTML」タグの「head」要素の範囲内に記述するようになっていて、
「meta」タグを使用し、
「name」属性に「description」を指定することで、
ページの詳細「ディスクリプション(説明)」を記述できます。





「ディスクリプション(説明)」を記述するHTML書式


<meta name="description" content="説明文章">






記入例:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>HTML・CSS・プログラミングなどのITを中心とした情報を掲載</title>
<meta name="keywords" content="IT">
<meta name="description" content="HTML、CSS、プログラミングなど,ITを中心とした情報を掲載。気軽にご利用ください。">




Back