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対策」で、
重要視される要素の一つ「ページタイトル」。


「ページタイトル」は、
Webページが、何であるかを「訪問者」と「検索エンジン」に伝えるもので、
HTMLタグの「title」タグで指定する。

HTMLタグの「title」タグの配置位置は、
HTML文書(Webページ)の「head」タグの間に記述することになっている。



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



「ページタイトル」とは


「ページタイトル」は、
「HTML」タグの中で、「head」タグで囲んだ範囲内に、
「title」タグで記述できます。

「訪問者」「検索エンジン」に、
「ページ」の内容を伝えるための要素。

「検索エンジン」側では、
「ページタイトル」の表記を重要視しているので、
「SEO(検索エンジン最適化(Search Engine Optimization)」として、
「ページタイトル」は、最も重要な要素の1つになっている。


「検索エンジン」の
検索結果に表示される場合、
この「ページタイトル」が、検索結果の「タイトル」として表示され、
「ディスクリプション」で指定した説明文が、
タイトルの下に表示されます。


「ページタイトル」に記述する内容は、
「サイト名」「会社名」などの名前や、
ページの内容をシンプルで適切に表現する言葉
などを記述することが重要です。

「ページタイトル」として「NG」なのは、
・ページ内容に関係のないタイトルを付ける
・サイトすべてのページに同じ「ページタイトル」を付ける
・「ページタイトル」が長すぎる

などがあります。

「ページタイトル」が長すぎると、
検索結果に一部しか表示されない。


Back

「ページタイトル」の書式



「ページタイトル」は、
HTMLタグの「title」タグを使用して指定します。

「title」タグの配置位置は、
HTML文書(Webページ)の「head」タグの範囲内に
記述することになっています。

記述する方法は、
凄く簡単です。


ブラウザで、ページを開くと、
ブラウザ上部か、ページが表示されているタブに、
「ページタイトル」が表示されるので、
簡単に確認ができます。


ブラウザで、
「右クリック」し、「ページのソースを表示」を選択すると、
WEBページのソースコードが確認できるので、
「HTML」タグで入力したソースコードが確認できるので、
「ソースコード」で「ページタイトル」を確認することも可能です。


「キーワード」「ディスクリプション」も、
「ソースコード」で確認できます。



書式


<title>ページタイトル</title>
<title>HTML・CSS・プログラミングなどのITを中心とした情報を掲載</title>


「タイトル」の文字数は、「32文字」が限度。
「Google」の検索結果は、32文字以上のタイトル部分は省略される。



記入例



<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>HTML・CSS・プログラミングなどのITを中心とした情報を掲載</title>
<meta name="keywords" content="IT,IT情報,プログラミング,コーディング,Web,HP,ウェブ,ホームページ">
<meta name="description" content="HTML、CSS、プログラミングなど,ITを中心とした情報を掲載。気軽にご利用ください。">

以下、省略~


ページタイトルの書式
<title>ページタイトル</title>
<title>HTML・CSS・プログラミングなどのITを中心とした情報を掲載</title>



Back