2009年04月07日

やる夫でも判るSEO対策１０項目

カテゴリ：WEBデザイン

ＳＥＯ対策として現在コレが正しいといえるものはございませんが、一般的なセオリーとして、妥当だと思われている項目をチェックしておきましょう。

◆１：タイトルは正しく記述

現在SEOで最も重要とされており、どのセミナーに参加してもかならず書けといわれるのがタイトルです。

タイトルの無いHPなど立ち上げる価値が無い

というセミナーの講師もいました。言い過ぎかもしれませんが、検索エンジンがまずタイトルを走査するというのが一般セオリーです。

ちなみに、企業サイトであれば、業務名・商品名の後に会社名が効果的です。これは会社名で検索するよりも、業務内容や、地域名、商品名で検索するのが一般的だからです。例えば、名古屋の風俗だったら

＜title＞名古屋のキャバクラ｜秒刊＜/title＞

という感じであれば、名古屋＋キャバクラで検索してきた場合上位に表示されます。その後に｜を追記し、会社名です。

しいていえば、タイトルは３３文字以内が良い。

なお、会社名すらいらないと主張する人もいますが、それは極論であって、サイトのポリシーを示す上でSEOの視点とは別に、しっかり記述したほうがいいと思われます。

◆２：タイトル・文章はテキストベースで

デザインファイルがPSDやイラレで、文字打つのダリィからそのまま画像文字でいいやアンチエイリアスもかかるし、きれいだからいいだろう。

と思っているコーダーは、おうちへ帰れ！

見出しや、章タイトルなどを画像文字でキレイに飾る事があると思いますが、それよりも検索エンジンはテキストベースで読んでいきます。

なので、サイト内により多くのテキストを含んで置いておいたほうがSEOに効果的です。しかし、無意味な文言を闇雲に並べると、Googleなどでは不正なサイトとして判断し、逆効果であります。

◆３：画像にはAlt文

よくIE用にAlt文を入れるという解釈をされがちですが、それ以外にもSEO対策の一環として、Alt文を入れます。
検索エンジンは画像の何たるかを解析する事はできないのですが、Alt文は読んでくれます。
少々手間でも、最低限画像文字に画像文字の内容のテキストをいれるぐらいの対応はしましょう。

ということで、このやる夫だけAlt文が入っております。

･･･
今更なんですが、やる夫は今回あまり関係ありません･･･。

◆４：コーディングはしっかり階層構造を持つ。

TABLE中心でコーディングするというのはもはや３年前に終わっております。すべてCSSでコーディングしましょう。

＜h1＞重要タイトル＜/h1＞

＜div id="Allbox"＞
＜h2＞章タイトル＜/h2＞
＜h3＞項目１＜/h3＞
＜p＞ああああああああああああああああああ＜/p＞
＜/div＞

などの正しいHTML構造のコーディングをする事により、検索エンジンがスムーズにHTMLを読むことができ、SEOに有効です。

テーブルでコーディングをすると、余計なコード量になり検索エンジンがクロールした場合障害となります。

また、管理・メンテナンスするうえで、テーブルコーディングは余計な作業時間を費やしてしまいミスも多いです。（これはSEOとは関係ないですが。）

◆５：頻繁に更新する

更新を頻繁にすることにより、検索エンジンはこのサイトは頻繁に更新していると判断し、検索エンジンも頻繁にクロールしてくれます。

企業サイトは頻繁に更新することがあまり無いと言うケースがありますが、無理やり企業ブログなどをつくり、TOPにRSS表示させるだけでも効果的です。

企業サイトに、よくおまけのように『社長BLOGとか』誰が読むのだろうか？とおもうような一見無意味なページがありますが、ある意味SEOとしては効果的ではあります。（頻繁に更新すればですが･･･）

◆６：正しいファイル名を設定する

ファイル名まで検索エンジンは走査していくのか？と思うかもしれないが、実際まず最初にindex.htmlを探すという点からすると、おかしい話ではない。

例えば、
・typesett-logo.png
・twitter-roll-eye-bird-icon.png

は

●logo.png
●followtwitter.png

などにするとよい。つまり単純明快なで一般的なファイル名であったほうがよりSEOに効果的であるといえる。

◆７：メタタグは必ず書く。

必ずSEOに効果があると言うわけではないが、書いたほうがより効果的でしょう。一つでも上に検索されたければ書くべきです。

秒刊SUNDAYでは以下のように記述されておりますが、あまり効果的ではなく、完結に記述したほうが効果的です。

＜meta name="description" content="日々のあらゆるシーンで役立つ情報を提供するアルファブロガー秒刊SUNDAY管理人 湯川晃 がお送りします。" /＞

◆８：メタキーワードもできるだけ書く。

最近のセオリーではあまり必要では無いと言う意見もありますが、無いよりも合った方が効果的であることは間違いありません。

■meta description、keywordsは必要ない？｜αSEO(アルファSEO)

＜meta name="keywords" content="秒刊,秒間,秒刊SUNDAY,秒刊サンデー,びょうかん,びょうさつ,秒殺サンデー,湯川晃,アルファブロガー,面白動画,FLASH,個人ニュースサイト" /＞

◆９：robots.txtを置く

robots.txtを置く事により、ロボットがキャッシュするかしないかどうかを指定できます。できるだけキャッシュしてもらうように設定しておくべきです。

例として、

index：登録を許可
noindex：登録を拒否
follow：そのページにあるハイパーリンクを辿る事を許可。

■robots.txtの正確な書式,ロボット対策,noindex,nofollow | SEO対策のASY!エイジー

◆１０：バリデートを通す

W3CのWEB標準のコーディングをしている事により、バグの無く怪しいスクリプトの無い健全なサイトとして認められ、よりSEOに効果的です。

バリデートは、DreamWeaverの機能を使うか、以下のW3Cのサイトを使う方法もあります。

■W3C、Web上でHTML妥当性検証ができる「Markup Validation Service」新版公開：CodeZine

また、FirefoxのHTMLValidator というアドオンを使うとリアルタイムでバリデートしてくれます。

■Html Validator for Firefox and Mozilla

※秒刊のバリデートは致命的な結果になりますが。。。無視してください。

＜div＞タグ閉じ忘れとか、ホント簡便してほしいですね。
検索エンジンの前に、品質として･･･。

ダメ１：DreamWeaverが判らないから、WordでHTMLつくるお！

DoreamWeaver信者とかの問題ではなく･･･絶対にやめてください。
恐ろしいコーディングになります。

ダメ２：クライアントにSEOの最適化をしてあるって言ったお！

SEOの最適化･･･
直訳するとその言葉の意味のカオスさに気づきます。（直訳：検索エンジン最適化の最適化ｗ）

ダメ３：かっこいいからフルFLASHのサイトをつくったお！

タイトルや、メタタグを埋め込めば、あながち問題ではないのですが、FLASHの中のテキストはSEO対策が不能なので画像1枚貼り付けるより、効果が悪いです。

あくまでプロモーションサイトとして立ち上げる程度にしておいたほうがいいです。それ以前にトップがフルFLASHというのも、使い勝手としては好ましくはありません。

※最後に

今回のエントリーはあくまで現状のセオリーに基づいた考察であり、これをしたからといって必ず上位に表示されるというわけではありませんし、極論を言うとGoogleやYAHOOが仕様を提出してくれないかぎり、SEOについてはまったく判りません。ただ結果的にクロールされやすくなるという点では、行ったほうが効果的でしょう。

また、クライアントにSEO対策はしたのか？と聞かれた場合の対処法にもなりますしね。（これがメインかｗ）

参考元：

■SEO Checklist - 10 Simple Steps ≪ typesett - Your AMUSING Resource for Useful Design, Typography and Web Dev Articles

【関連】

■| ＾＾ |秒刊SUNDAY | ０円でWebデザイナーになれる、オープンソースウェブ制作アプリ集30個

■| ＾＾ |秒刊SUNDAY | ずばり！コレさえあればWebシステムは完璧なAjaxサンプル集

■| ＾＾ |秒刊SUNDAY | 仕事の効率を飛躍的にアップさせるフリーツール17個。