さぁ、SEO内部対策の実践編として、まずご紹介するのが、タイトルタグです！
このタイトルタグは、自分でできる SEO対策の中でも、もっとも手軽で、そして、とても効果的✨
実際、タイトルタグを最適化しただけで、狙ってるキーワードで順位がアップした！なんて事例も、SEOの現場ではよくある話です。
まぁ、それだけ、雑な仕事をされる WEB業者さんが多いと言うことなんですがね…💦
この記事を読んでもらえれば、その重要性に気付いてもらえると思うぜ！
この講座の目次
タイトルタグとは？
本を選ぶとき、あなたは何を見て選びますか？
バカにしてんのか?!って怒られてしまいそうですが、もちろん、本の題名(タイトル)ですよね💦
大多数の人は、まず、本のタイトルを見て、内容を想像し、本を手にとる。と言うのが、自然の流れだと思います。
- 【超図解】初心者でもわかるHTMLの書き方
- WEBデザイナーが現場で使う HTML＆CSSテクニック
このように、本の題名は、その本が、どんなテーマについて書かれていて、どんな人向けなのか？など、一目で伝わる様に工夫されてます。
また、視点を変えれば、本を手に取ってもらえるか否か、更には、購入して貰えるか否かを左右するほど、重要とも言えますね。
HTMLの基礎知識講座で、HTMLタグには一つ一つ役割・意味があると、ご説明しましたが、ここでご紹介する タイトルタグは、本の題名と同じ役割を担っています。
WEBページを、1つの本に例えると、タイトルタグは、本の題名と同じと捉えることができるんです。
タイトルタグは、ユーザーから注目を浴びる！
では、タイトルタグで指定された WEBページの題名は、どのように表現されるのかと言うと…
タイトルタグは、検索結果ページでこう見える。
こんな感じで、検索結果に表示されるようになります✨
検索結果ページから、どのWEBサイトにアクセスしようか、判断する上で、きっと、あなたも判断材料の一つとしているハズですがいかがでしょう。
本を選ぶ時と一緒で、タイトルタグの内容は多くの人が、目にするんだ。
SEOだけじゃなく、ユーザーにとって分かり易く表現するってことも重要なポイントだよ！
ちなみに、検索結果以外にも、こんなところで タイトルタグは使われるよ。
ブラウザのタブにも。
ブックマークして貰った時も。
デスクトップのアイコンにだって。
タイトルタグのHTML記述ルール
じゃぁ、WEBページのタイトルは、HTMLでどう書くの？って話になりますが…
今、ご覧いただいている「このページ」の HTMLソースを見て貰うと、35行目辺りに、以下のような記述があると思いますが、これが、HTMLタグで記述した時の タイトルタグです。
このページのタイトルタグは、こんな感じ
<title>SEOに強い タイトルタグの書き方~文字数・キーワードの入れ方~</title>
このように、WEBページのタイトルは、開始タグ <title>と、終了タグ </title>で、挟んで記述するのがルール。
実は、その他にも、<head>タグ内じゃないと、タイトルタグは記述しちゃいけない…みたいな細かいルールがいっぱいあるんですが…💦
ホームページ作成ソフトを持っているなら、HTMLの記述ルールを覚える必要は一切なし！
だって、ホームページ作成ソフトに任せておけば、全部 HTMLに翻訳してくれるので(笑)
集客ホームページを目指す僕らにとって重要なのは、タイトルタグに記述する内容の方なんです✨
SEOに強い タイトルタグを書く3つのコツ
さぁ、ここからが本題。SEOに強いホームページを作るための、内部対策の実践編です。
<title>と、</title>で挟むなんて言うのは、HTMLの基本であって、SEOのテクニックとは言えません。ホームページ作成ソフトに丸投げすれば OK(笑)
重要なのは、タイトルタグに記述する内容を、どのように、どんな視点を持って書くかが重要なんです✨
と言うことで…
さっそく タイトルタグを、SEO仕様にチューニングするための 3つのポイントをご説明していきます！
step
1SEOキーワードを必ず含めよう。
タイトルタグには、必ず そのページで狙っているキーワードを記述するようにしましょう。
例えば、今ご覧いただいている、このページは「タイトルタグ 書き方」で上位表示デキたらいいなぁと、願いを込めて、タイトルタグは、以下のように記述しています(笑)
<title>SEOに強い タイトルタグの書き方~文字数・キーワードの入れ方~</title>
また、ユーザーは、無意識に、自分の検索したキーワードが、タイトルに入ってるか否かを判断材料にしていると考えられるので、できるだけ、キーワードは前方に配置するのがベターだと思います。
サイト設計書を確認しながら、キーワードを忘れず入れるんだぞ✨
step
2文字数は、30文字くらいが推奨。
タイトルタグに記述する内容は、あまり長くなり過ぎないように注意しましょう。
あまり長くなり過ぎると、検索結果ページで、以下のように省略されてしまいます。省略されたら、SEO的に即減点！って訳じゃありませんので、ご安心を(笑)
ただ、あまりに長すぎると、ユーザーに内容が伝わらない可能性、クリックして貰えない可能性が増えるので、できるだけ簡潔にまとめるのが理想とされています。
タイトルタグが長すぎて省略されちゃった例
スマホや、PCで表示可能な文字数が異なるのですが、だいたい 日本語全角で 30文字程度を目安とするのが推奨されます。
ちなみに、上のタイトルが省略されちゃった例では、33.5文字目(全角33文字+半角1文字)から、省略されちゃってます。
step
3サイト名、お店の名前(or メインキーワード)を、タイトル後半部分に入れる。
各ページのタイトルの後半部分には、サイト名や、お店の名前(会社名)を記述するのが推奨されています。
これをする事によって、そのページが誰によって書かれている記事なのかが、ユーザーにも伝わり易くなるといった意図が含まれています。これは、Googleが公式で発表している「検索エンジン最適化スターターガイド」でも推奨されています。
後半部分にサイト名を入れたパターン
<title>SEOに強い タイトルタグの書き方~文字数・キーワードの入れ方~ | セルフサービスホームページ</title>
ちなみに、SEO業者によっては、ページ後半部分にサイト全体で狙っているメインキーワードを記述することを推奨するケースも多いです。
例えば、ディースケのセルフサービスホームページの目指すメインキーワードは、「ホームページ 作り方」ですので、こんな感じになります。
後半部分にメインキーワードを入れたパターン
<title>SEOに強い タイトルタグの書き方~文字数・キーワードの入れ方~ | 集客できるホームページの作り方講座</title>
どちらがベターかは、やってみないと分かりませんが、メインキーワードを入れたパターンですと、ちょっとクドイと感じるので、ディースケは、サイト名のパターンを採用しています。
SEOって、HTML書くみたいに難しいと思っている人も多いけど、実は、誰でもデキちゃうんだぜ…💦
良くあるタイトルタグの間違った使い方例
タイトルタグの最適化は、SEOでまず最初に取り組むべき、基本のキ。
SEO対策も深堀していくと、複雑な施策、知識が必要になりますが、タイトルタグの最適化は、ちゃんと、SEOについて情報収集をしてさえすれば、誰もが簡単にできることってのはお気付き頂けたはず…。
でも、現実は…
数十万かけて、プロのWEB制作業者に作って貰っても、タイトルタグすら最適化されず、納品されるケースも多いんです…💦
ここからは、WEBの現場で良く目にする、間違った タイトルタグの使い方事例についてご紹介しておきます。
基本がデキてなけりゃ、高度SEO対策なんてされてるハズねぇからな…💦
そういう会社の見積もり書の内訳には、ちゃっかり「SEO基本設定」とか項目が入ってたりするのも、よくある話(笑)
タイトルタグ記述内容が、全ページ一緒…
サイト内にある、すべてのページでタイトルタグが全部同じ文章が書かれているケースが良くありますが、これは典型的な失敗例…💦
WEB制作会社目線で考えると、1ページ1ページ修正するなんて、手間がかかるからコストダウンの為に同じにしちゃえ！って話なんでしょうが、SEOで考えると致命的ですし…SEOキーワードを考慮したサイト設計などをしていない証拠💦
マンションとか構造物だったら、大惨事だけど、WEBサイトはSEOで上がらないだけだし、お客さん気付かないし…ってことで手抜き放題💦
怖いだろ？ だから、業者を見極める知識がない状態で、WEB業者に頼るのはお勧めしないんだよ…
1ページ1キーワードの法則でもご紹介したとおり、それぞれのページは、検索意図の異なるユーザーに向けてコンテンツを作る訳ですから、それぞれのページは、固有のタイトルを記述するのが必然。
全ページ同じタイトルでは、どんな内容で、どんな人向けに書かれているのか、ユーザーだけでなく、Googleにとっても理解しずらく、混乱を招いてしまいます…
検索エンジン最適化スターターガイドでも、これは注意事項にあげてるんだ！
どんなに頑張って記事を書いてくれても、全部タイトルが一緒じゃ、僕も正しくページを評価できないんだ💦
タイトルタグが、お店の名前…
美容室とか、カフェのような、オシャレ業界のホームページに多い典型的な失敗例が、ページタイトルが 自分のお店の名前のケース💦
加えて、カッコよく 全部 英語になっていたりするケースも…
カッコイイけど、SEOは弱い例…
<title>Cafe Selfservice ~ have nice coffee&time</title>
まぁ、集客に困っておらず、誰もが知ってるくらいブランド力があるお店なら、それでも良いんですが…
そうじゃなさそうなお店で、こういった見た目重視のホームページになってるんですよね…💦
仮に、SEOで評価されてもお店の名前でしか上位表示デキないでしょうから、既存客のためのホームページと言えるかと…
カッコ良さ、オシャレさだけをゴールにしてしまい、ホームページの本質的な目的を見失った典型例です。
なんにせよ、せっかくのホームページが、名刺にしかならないな… もったいない。
キーワードが詰め込まれ過ぎ…
タイトルタグに、キーワードを入れると、SEOで上位表示されやすい…
あながち間違いではありませんが、この手の情報を拡大解釈し、短絡的に、1ページのタイトルに、SEOキーワードをたくさん詰め込む、欲にまみれたケースも、WEBを歩いているとチラホラ目にします。
具体例で言うと、こんな感じですね…
キーワードを詰め込み過ぎた悪い例
<title>会社員 確定申告、主婦 確定申告、個人事業主 確定申告のやり方、節税の方法</title>
上位表示したいと願う意気込みは、十分に伝わってきますが、あまり過度にやり過ぎると、スパム(※注)と判定されちゃいます…
実は、まだ、Googleの解析能力が今ほど高くなかった一昔前は、キーワードを詰め込んだモノ勝ちって風潮があったんですが…
今では、Googleさんが賢くなりすぎて、通用しなくなりました💦 と言うか、マイナスでしかありません。
ちゃんと、1キーワード1ページの法則でサイト設計していれば、タイトルタグに含めるキーワードは、過剰に多くはならないハズ。ディースケも、ついつい欲張ってしまいますが、キーワードは絞りましょう(笑)
キーワードがいっぱいあり過ぎると、テーマが広すぎて、結局 何について、誰に向けて書いてるのか分り難いよね…。
専門性って観点から見ても、かなり薄そうだし…
スパムとは…？
スパムとは、SEOで上記表示を目指す目的で、過剰なSEO対策を行い、Googleから不正と見なされる行為を指します。 スパムと判断されると、 検索順位の下落や、最悪の場合、検索結果から除外されると言ったペナルティを受けることもあります。
ホームページ作成ソフト SIRIUSのタイトルタグ設定方法
さぁ、タイトルタグの書き方をお伝えしたところで、今度は、具体的なタイトルタグの調整方法・手順をお伝えしたいと思います。
まずは、当サイト一押しのホームページ作成ソフト SIRIUSの場合です！
step
1SIRIUS上部のメニューリボンから「サイト全体設定」を選択
step
2サイトの全体設定画面の、サイト名(必須)入力内容がトップページのタイトルタグになる。
step
3個別記事・ディレクトリのタイトルタグ変更は、該当記事を右クリック
step
4オプションメニューから詳細設定を選択
step
5詳細設定画面 ①が個別記事のタイトルタグになる。
詳細設定画面の ① エントリータイトル(必須)入力内容が、各記事のタイトルタグに指定されます。
WordPressでのタイトルタグ設定方法
SIRIUSでのタイトルタグ設定方法をお伝えしましたが、今度は、WordPressユーザーさん向けに、タイトルタグの設定方法をお伝えしましょう。
ここでご紹介するのは、当サイトでも利用させて頂いているWordPressテーマ Affinger5(WING)の場合です！
step
1トップページのタイトルタグは、左サイドバー AFFINGER5管理のSEO項目で設定可能。
左サイドバー AFFINGER5管理を選択し、SEO の項目内で設定を行います。タイトルタグは、① トップタイトル書き換えに入力した内容が反映します。
step
2個別記事タイトルタグの設定は、各投稿記事に設定箇所がある。
でも、ホームページ作成ソフトを持ってないと、大変なのは想像できるでしょ？
さぁ、次の講座は、メタディスクリプションタグの書き方についてのレクチャーだぜ！
-
-
SEOに強い メタディスクリプションの書き方 ~ 文字数・必要性について
WEB業界で右往左往し、悩める子羊化していたディースケですが、最近、ホリエモンさんの「好きなことだけで生きていく。」という本を購入しまして、強く影響を受けているディースケです、こんにちは。 さて、タイ ...
