先日METAタグの記述 - MovableTypeにおけるSEO対策でMETAタグについての記事を書きましたが、今回は同じhead要素であるtitleタグの最適化について書いていきたいと思います。
SEO対策においてtitleタグは非常に重要な要素の一つです。
<head>タグ内に記載するhead要素の一つであるtitleタグは、そのページ内における情報のタイトルを示すHTMLタグです。
MTのテンプレートタグを使い、全てのページで異なるtitleタグをつける方法を紹介していきます。
詳細は以下よりどうぞ。
検索エンジンはこのtitleタグ内に含まれるキーワードを重要視します。
もちろん検索エンジン対策だけではなく、ユーザーの事を考えた上でもこのtitleタグというのは重要な意味を持ちます。
検索エンジン結果画面-SERPsにおいてのクリック率にも大きく影響します。
titleタグの基礎知識
SERPsに表示される内容はそのページのtitleタグになります。
表示される文字数はGoogleなら30文字程度yahoo!なら40文字程度になります。
表示例（↓クリックで拡大表示します。）
またGoogle、yahoo!ともに自分が検索した語句が太字で強調表示されます。
何時からこうなっていたかは定かでないのですが、Googleはある程度の略語を理解するようです。
例えば「SEO」という語句で検索して見て下さい。
SERPsで「Search Engine Optimization」も強調表示されている事が分かります。
これは非常に優れた機能であると思います。さすがGoogle大先生です。
titleタグの内の記号は意味をなさない
titleタグの中に記号（★、○、◆）などを入れてもクローラーにとっては全く意味をなしません。
それどころか他のキーワードに対する評価を下げることにもなるのであまり使わないほうがいいでしょう。
titleタグ内にキーワードを詰め込みすぎるとスパム扱い
これは言及する必要はないでしょう。
titleタグに無闇やたらにキーワードを織り込みすぎると検索エンジンスパム扱いになります。
検索エンジンの使命を邪魔するのはやめましょう。
SEOの観点からはサイト名、会社名は不必要
サイト名、会社名が有名ならそのキーワードで検索をしてくるユーザーもいるでしょう。
多くの場合そうではありません。
titleタグにはあくまでもあなたのサイトを訪問してくれる人が検索エンジンで入力するキーワードを意識したものにするべきなのです。
検索エンジンはtitleタグのより前方に書かれているキーワードを重要視します。
私はサイト名をいれたかったのでキーワードの後ろにサイト名や会社名を入れる形にしています。
全てのページで異なるtitleタグを
これが意外と見落とされがちな点です。
サイト内の全てのページでtitleタグは異なる必要があります。
そのページの内容を表すのがtitleタグという点を踏まえれば自然とそうなりますね。
何度も書いている事ですが、ユーザーの事を考えた上でも、各ページで異なるタイトルにするべきです。
SEOを突きつめていけばいくほどユーザーの事を考えた設計が必要なのだと感じます。
（まぁ検索エンジンがそういう方向に向かっているから当然の結果と言えるでしょう。）
MTのテンプレートタグを用いたtitleタグの最適
このBlogを例に挙げて紹介していきます。
メインページ
<title><$MTBlogName$></title>
$MTBlogName$はウェブログの設定画面で登録したウェブログの名前を表示させる変数タグです。
エントリーアーカイブ
<title><$MTEntryTitle$>｜<$MTBlogName$></title>
$MTEntryTitle$はエントリーのタイトルを表示させる変数タグです。
エントリーのタイトルを先に表示して、「｜」で区切りその後ろにBlogの名前を表示しています。
エントリーのタイトルがそのままtitleタグに入るのでいつも記事を書く際には四苦八苦しています。
この区切り文字については最高のタイトルタグを作る9つの法則 | Web担当者Forumで紹介されていた
ブランド名と、それ以外の説明的な語句を切り離す際に、僕が好んで用いるのが「|」記号（縦線記号、別名パイプ）だ。矢印代わりの「>」やハイフン「-」を使う人もいるし、両方使っても良い。個人的には、矢印またはハイフンをタイトルタグの途中で使用するのが有効と感じることが、たまにある。たとえば「SEOmoz | Articles > Keyword Research - A Beginner's Guide最高のタイトルタグを作る9つの法則
（SEOmoz | 記事 > キーワード調査 - 初心者ガイド）」のような感じ。そんなわけで、僕は縦線記号が好きなんだ。
この内容に影響されたからです。
カテゴリーアーカイブ、日付アーカイブ
<title><$MTArchiveTitle$>アーカイブ｜<$MTBlogName$></title>
$MTArchiveTitle$はアーカイブのタイトルを表示させる変数タグです。
これで全てのページで別のtitleタグが生成されます。
このエントリーのトラックバックURL：
caraldo_K
Webディレクター的な事やってます！
iPhone楽しい！マラソン・ロードバイクで肉体改造計画中！でも一番好きなのは漫画です㌰㌰⋋( 'Θ')⋌㌰㌰
poooooon
最近ロードバイクで峠を登りきれず涙をのんだ。トレーニングの為、明日から走る！と毎日誓う。PCとiPhoneとねこがいないと生きていけない社会人。
- JavaScript [20]
- MovableType [22]
- PHP [8]
- Web [38]
- 携帯サイト [2]
- iPhone [8]
- デザインツール [12]
- Fireworks [3]
- Illustrator [1]
- Photoshop [6]
- パソコン [25]
- プロモーション [17]
- 個人的ななにか [39]
