HTMLを最適化する方法｜アクセスアップ対策（SEO対策）

トップページ » アクセスアップ対策（SEO対策） » HTMLを最適化する方法

■HTMLファイルにメタタグを記述する意味

HTMLファイルにメタタグを記述すると、ユーザーや検索エンジンにWebサイトの内容を伝えるのに役立ちます。正しくmetaタグを記述することはSEO対策としても効果があります。このページではSEOに役立つHTMLメタタグの紹介とSEOに効果的な使い方を説明してます。他のメタタグについても確認したい方は、metaタグの種類と使い方をご覧ください。

■メタタグとは？

「meta」は METAinformation（メタ情報）の略です。 metaタグは、HTMLファイルの<head>と</head>の間に記述します。 metaタグには、Webブラウザや検索エンジンのクローラー（ロボット）に知らせる、HTMLファイルの文書に関する情報を記述します。 Webサイトの制作者やキーワード等の情報をname属性で定義して、content属性でその値を指定することもできます。

■メタタグの属性

metaタグ属性	意味	必須
name=name	名前を指定
http-equiv=http-equiv	HTTPヘッダ名を指定
content=content	内容を指定
scheme=scheme	スキーマを指定
lang=lang	言語を指定
title=title	タイトルを指定

■文書の説明文

descriptionには文書の説明文を記述します。文書の説明文「description」は、Webサイトの内容がユーザーに伝わるように記述することで、アクセスアップを期待できます。 descriptionに記述した文字列が検索エンジンの検索結果に、そのまま表示されることもあります。

HTMLおよびXHTML記述例
<meta name="description" content="ここに文書の説明文を記述します。" />

descriptionに記述した内容は以下のように表示されます。 descriptionに記述した文字列が長い場合は、検索結果として表示しきれず途中で切られて表示されます。極端に長い文字列を記述したりすると、SEOスパムとみなされる危険もあるので注意しましょう。 descriptionに記述する文字列の長さは全角100文字（200バイト）までにしておいた方が無難です。また、ページ毎にそれぞれ固有の概要文を記述するように心がけてください。

■キーワードの指定

keywordsには文書のキーワードを指定します。たくさんのキーワードを記述しても無意味ですので、5～8個ほどにしておいた方が無難でしょう。以前、アクセスアップ対策のために関係のないキーワードを詰め込むキーワードスパムが横行したため、現在の主要な検索エンジンはkeywordsの値を参考にしていないといわれています。しかし、ブックマークやディレクトリ検索エンジンなどでは、keywordsの値を確認しているものもありますので記述しておいて損はないでしょう。

HTMLおよびXHTML記述例
<meta name="keywords" content="キーワード１,キーワード２,キーワード３" />

■検索ロボットの制御

検索ロボットに登録させたくない場合は「noindex」を記述します。 HTML文書内のリンクを評価させたくない場合は「nofollow」を記述します。この指定は一部の検索ロボットに対して有効です。 Googleは「robots」の指定をマニュアルに掲載していますので、Googleのクローラーには有効です。不要ならば記述しなくても構いません。

HTMLおよびXHTML記述例
<meta name="robots" content="noindex" /> <meta name="robots" content="nofollow" /> <meta name="robots" content="noindex,nofollow" />

■CSSでレイアウトを整形することを推奨する理由

HTMLファイルに直接スタイルを記述すれば、別途CSSファイルを作成する必要がありません。また、テーブルタグ等を利用してレイアウトを整形してもユーザーからの見た目は変わりません。しかし、CSSファイルを作成して文書の構造と体裁を分離させることは、「開発の効率化」と「検索エンジン最適化（SEO）」の両面において効果があります。

CSSでレイアウトを整形した方がSEOに効果的な理由は、HTMLタグを簡略化すると検索エンジンのクローラーが、Webサイトのコンテンツを理解しやすいからです。また、テーブルタグは表を掲載するときに記述するタグです。レイアウトを整形したり段落を構成するのにテーブルタグを用いると、検索エンジンが文書の構成を正しく理解できない可能性があります。

スタイルシートの使い方については、スタイルシート入門講座をご覧ください。

Facebookでビジネスを加速する方法

発売：2011/03/03

定価：1,554円

著者：中嶋茂夫

出版：ソーテック社

内容：究極のSNSツールFacebookを確実に制覇する56の法則、人脈拡大・情報拡散・集客力UP、Facebookページの作成方法から個人プロフィールページの使い方、グループの設定方法まで全て網羅されています。
グーグルSEO完全攻略ガイド PC＆モバイル対応

発売：2010/09/07

定価：1,764円

著者：渡辺隆広

出版：翔泳社

内容：GoogleSEO対策の決定版！本書はGoogleのSEO 対策に特化した書籍です。Googleのアルゴリズムおよびユーザーインターフェースの変化と対策を専門的な視点で解説してます。
ネットではじめる！輸出ビジネス

発売：2010/8/21

定価：1,575円

著者：陳立浩

出版：すばる舎

内容：売れる商材の特徴、言葉の壁の乗り越え方、ネット輸出会社の作り方、効果抜群の広告宣伝のコツやクレームへの対処法まで、この1冊で新たなビジネスモデルが見えてきます。
SEOを強化する技術

発売：2009/12/18

定価：1,890円

著者：安川洋

出版：インプレスジャパン

内容：TwitterのSEO効果など最新のトピックについても記載されています。エンジニアだけではなく、エンジニアの力を借りてより高度なSEO対策を行いたいWeb担当者にも最適の内容です。
Web標準の教科書―XHTMLとCSSでつくる“正しい”Webサイト

発売：2005/07

定価：2,520円

著者：益子貴寛

出版：秀和システム

内容：「Web標準」とは、Web上で標準的に利用される技術の総称です。Webサイトをより多様な環境に対応させ、誰にでもアクセスできるようにするには、この概念が必要不可欠だといえるでしょう。

Wacom ペンタブレット Sサイズシンプルタブレット

発売日：2010/09/30

参考価格：6,000円

分類：ペンタブレット

ブランド：ワコム

パソコンで、手書き文字やイラストを描くことを可能にするペンタブレットです。ドキュメントにコメントやイラストを書き込んだり、もちろんマウス代わりにも使えます。

クロスレコメンド

goo、Excite、NECビッグローブ、ニフティなど、国内を代表する大手ポータルサイトから依頼者のサイトへダイレクトリンクするディレクトリ登録審査サービスです。
Jエントリー

WEBサイトを、提携パートナーサイトが導入している、ディレクトリ型検索エンジン「Jディレクトリー」へ登録するための有料審査サービスです。大手ポータルサイトから多数の被リンクを獲得できるのでSEO対策に有効です。
BPNディレクトリ

「BPNディレクトリ」のパートナーサイトは新聞社、雑誌社、通信社などの大手メディアサイトで構成されています。発生する費用は登録審査料金だけです。再審査は無期限・無料なので安心です。
e-まちタウンビジネスリスティング

日本最大級の地域ポータルサイトe-まちタウンの316サイトから1日10サイトずつ、紹介(被リンク)されます。登録審査料は1度の支払いのみで、登録後の月額費用などは一切発生しません。

A8.net

100万サイト以上が参加している実績があります。自分で購入して条件を満たすことで報酬を得るセルフバックや、審査不要の即時提携プログラムが多数あり、開設したばかりのサイトにとっては非常に便利です。
リンクシェア

独占の有名ECサイトが多数あり、広告数も多く用意しているASPです。最低支払額が1円からなので、なかなか成果が出なくても報酬を受け取ることができます。
アクセストレード

ポイントバック機能を利用すれば、1円から報酬を受け取ることができます。現金でも最低支払額が1,000円と比較的低めに設定されているので報酬を受け取りやすいです。