SeaMonkey教室 - Web の心得 (3) SEO対策 (ヘッダーの編集)

Last updated 2016/03/10

Web の心得 (3) SEO対策　（ヘッダーの編集）

Google や Yahoo!などの検索サイトでは、自動巡回するソフトウェア（Robot / Bot / Crawler）を使うことで、日々、更新されている膨大な Web 情報を効率よく集め、データベースを更新して、サービスを提供しています。

メールアドレスなどを収拾されないようにする工夫は、ロボット対策と言いますが、逆に収拾されやすくして、検索サイトでリストされやすくするための工夫を SEO (Search Engine Optimization、検索エンジン最適化) と言います。SEO対策は、ヘッダー部の編集が中心です。

注） Google か、Yahoo かによっても多少ターゲットが違うようですし、Google でもターゲットやデータベースのつくりかたが少しずつ変わってきています。あくまでもこのページは最小限の一般的なSEO対策です。

■１．SEO のターゲット

	タグ表記	編集方法
	タグ表記	エディタ	プロパティ	ソース
１．ヘッダー部のタイトル	<title>～</title>		○	○
２．ヘッダー部の説明	<meta name="description" content="～">		○	○
３．ヘッダー部のキーワード	<meta name="keywords" content="～">			○
４．本文の冒頭^*1		○		△^*3
５．画像の代替テキスト	<img alt="～" ....................>		○^*2	△^*3

*1 最近、Google 検索では、本文冒頭を説明文とするようになってきました。 *2 画像のプロパティです。 *3 可能だがエディタやプロパティでやった方がずっと簡単。

ヘッダー部とは、HTML 文書の先頭部分にある <head>～</head> で挟まれる表記部分です。ここに記載される内容のうち、タイトルはページの最上段に表示されるタイトルであり（図中A）、検索サイトでもこのタイトルが示されます（図中B）。なお、検索サイトのリストには、タイトルに続いて、簡単な説明が付きますが（図中B）、これも Web作者がヘッダー部に書いた説明のコピーなのです（図中C）。

これらをプロパティで編集するときは、プルダウンメニューから、「書式＞ページのタイトルとプロパティ」でプロパティ画面を出して記入します。

ページタイトルなど

■２．ヘッダー部の直接編集

ソース画面を開いて、直接編集する時は、エディタ画面（Composer 画面）の下部にある、<HTML>ソースのタブをクリックして、ソース画面をだし、ヘッダー部の編集を行うことができます（→Composer の使い方 (3) ソース編集）。

ヘッダー部

画像のプロパティ

■３．画像の代替テキスト

画像などを挿入する時に画像のプロパティが開き、代替テキストを入れるように促されます（右上図）。このテキストは読み上げブラウザを使用する際の読み上げ文になりますし、画像無しで表示されるときのテキストにもなります。そして、検索サイトの画像検索のための SEO ターゲットでもあるのです。

編集は、プロパティとソースの両方が可能です。画像のプロパティ（右上図）は、右クリックメニュー（画像を選んで右クリックすると出てくるメニュー）から画像のプロパティを選ぶ、もしくはプルダウンメニューから選びます。代替テキストのところに説明文をいれます。

とびらへ

前へ　次へ

↑　トップへ