内部施策SEO自然検索からの流入が増えない...。狙ったキーワードの検索順位が上がらない...。そんな悩みをかかえている、Web担当者の皆さま。<head>内タグの最適化はできていますか?せっかく手間を掛けて作ったコンテンツも、内容が検索エンジンに伝わらないと評価されません。すれば、検索エンジンに対して内容を伝えれば良いのでしょうか。答えは、SEOの内部施策を行うこと。正確に検索エンジンにコンテンツを伝えるためには、この内部施策が非常に重要です。今回は、SEO内部施策の基礎である<head>内タグの最適化についてご説明します。まとめ<head>タグとは?まず、<head>タグとはどんな役割を果たすタグなのでしょうか。文書の最初と最後に記述します。<HTML>~</HTML>の間には、文書のタイトル等のヘッダ情報を記述します。<BODY>~</BODY>の間には、実際にブラウザに表示される文書の本体を記述します。形式的に説明されると難しい...と感じるかと思いますが、HTMLの文書に必要な要素です。Webサイトを構成するHTML文書は、<html>、<head>、<body>の3種類のタグから成り立っており、それぞれで全体の構成を定義しています。その中でも<head>はHTML文章のタイトルはヘッダ情報を記載します。検索エンジン向けの情報を記述する場所でもありますので、<head>タグの最適化は非常に重要なのです。各種タグの紹介と最適化のポイントここからは、各種タグのご紹介とあわせて、最適化のポイントをご説明します。<title>タグ名前のとおり、タイトルをつけるためのタグです。このタグに設定した内容が検索エンジンの検索結果画面に説明文(スニペット)として表示されます。ブラウザでページを開いた際にタグの内容が表示されたり、ブックマークした際にも記述内容が引用されるケースもあります。リッチスニペットの種類と設定方法Googleでの表示イメージです。目立つところに表示されますね!ただし、検索するキーワードによっては検索エンジン側の調整により、タグの記述とは異なる表示がされるケースがありますので、注意してください。これはFirefoxの例ですが、ブラウザによってはこのようにタブに表示され、マウスオンで全文表示できます。そんな<title>の最適化のポイントは以下のとおりです。自然検索で上位表示を狙いたいキーワードを盛り込む文字数は70バイト(全角35文字)以下ページで訴求したいポイントを文字数の制限内でまとめるサイト内の各ページで個別の内容になるように設定すること<title>タグは検索エンジンがページの内容を理解しようとする際に重要視するポイントです。Googleの「検索エンジンスターターガイド」でも、適切なページタイトルをつけるように解説されています。文字数については、「70文字では収まらない!」と思う方もいらっしゃると思いますが、検索エンジンの検索結果に表示される文字数が限られているため、長くなりすぎると途中で切れてしまい、内容が伝わらない可能性もあります。しても文字数がオーバーする場合、後半部分が省略されてしまうので、訴求ポイントはできるだけ前半部分に記述することをおすすめします。(キーワードを意識しすぎて伝わりづらくならないようにしましょう!)また、検索結果の画面に表示されるページの数はひとつではありませんので、記述する内容はクリック率にも影響します。できるだけ検索したユーザーにとって魅力的になると好ましいですね。最後に「サイト内の各ページで個別の内容になるように設定すること」ですが、サイト内で同じタイトルのページがあると、内容まで重複しているように認識されてしまう可能性があります。評価を下げてしまうことを避けるために、出来る限り個別の内容を設定してください。name=”description”>は、HTML文書(ページ)の概要を記述するタグです。<title>と同じく、検索結果の画面に説明文(スニペット)として表示されます。上記画像はGoogleでの表示イメージです。検索したキーワードが文中に含まれていると太字(ボールド)になります。タグの記述内容が省略されたり、ページ内のテキストを引用されたり、検索エンジン側の調整により表示が異なるケースがありますので、注意してください。name=”description”>の最適化のポイントは以下のとおりです。name=”description”>に狙いたいキーワードを盛り込むと、検索結果画面に表示される説明文(スニペット)が太字で表示されるため、クリック率に影響が出ます。太字の前後に訴求したいポイントを記述すると目立たせることができますね!文字数については<title>と似た理由ですが、ポイントは下限を設定しているところです。文字数が少なくなりすぎると、説明文が1行になってしまい、他の検索結果よりも専有面積が狭くなってしまいます。3行が1行になると、こんなにも差がでます。表示できる文字数は<title>よりも多いですが、できるだけわかりやすく訴求ポイントを記述しましょう。<title>と一緒に表示されますので、お互いの内容を工夫して記述すると、より魅力的に見せることができます。name=”keywords”>はHTML文書(ページ)のキーワードを指定するタグです。name=”keywords”>をページの評価基準には使用していない、と発表しています。ranking同様に、Bingなどの検索エンジンでもサポートはしていませんが、記述の内容によってはマイナスの評価をする可能性があることを発表しています。name=”keywords”>の内容が出稿内容を決定するために利用されていますので、設定しておきましょう。設定する際は、上述したとおりマイナスの評価を受けないために、タグの中に記述するキーワードのが数は2~5つ以内で設定するようにしてください。rel=”alternate”>も<head>内に記述するタグです。rel=”canonical”>は、検索エンジンに対し、そのページを指定先のURLのコピーとして扱うべきだということと、検索エンジンが適用するリンクとコンテンツの指標はすべてこのURLに還元すべきだということを伝えるためのタグです。Discovery」と呼ばれるlinkタグを設置することにより検索エンジンにモバイルユーザー用ページの存在を通知できます。URLの正規化のために使用するタグですが、サイトの構成によって使い方が異なるために、注意が必要です。それぞれのタグの使い方は当サイト「デジ研」でも解説していますので、ご参考ください。Protocol」の略称で、HTMLの内容をSNS上などでそのページのURLや画像、サイトの種別などを正確に伝えるために必要な情報です。OGPタグを設定するとFacebookやGoogle+などのSNSでシェアされた際に表示されるタイトルや説明文、サイトのURLや画像などさまざまな内容をリッチに見せることが可能です。SEOとは直接的に関係がありませんが、SNS上での拡散も大きな集客効果があります。SNS運用している方は、ぜひ参考にしてみてください。OGPを設定すると、コンテンツの訴求ポイントである画像など、SNS上での見せ方が大きく変わります!DOCTYPE宣言DOCTYPE宣言とは、HTMLソースがどのバージョンを利用して、どのDTD(文書型定義)に従って記述されているかを文頭で宣言することです。ブラウザで実際にページを開いたときに表示されるものではありませんが、検索結果画面で発生することのある文字化けを未然に防いだり、サイトのテーマを明確化したり、あるいは検索結果画面の説明文(スニペット)をコントロールするなど、SEOにおいては非常に重要な箇所です。XHTMLでは、XML宣言をするように強く求められていますが、冒頭の一文を挿入することでレイアウトが崩れてしまうことがあります。XML宣言を追加してもGoogleからの評価がよくなるということはありません。してもきっちりとコードを記述したい、という方はXML宣言文を追加してください。文字コードにUTF-8を使用すればXML宣言を省略することが可能です。IE6・7への対応が楽になります。XML宣言の注意点<html>の開始タグには「lang」属性を指定してください。(XHTMLの場合は「xml:lang」及び「xmlns=”http://www.w3.org/1999/xhtml”」も必要)Strictでのコーディングは困難を極めます。コーディングの際には、Transitionalでの記述をオススメします。“encoding”、”charset”は基本的にグローバルスタンダードであるUTF-8を推奨します。content=”text/javascript”>を設定して下さい。content=”text/css”>を設定して下さい。<style>の使用は避け、スタイルシートに外部化してください。動作上問題なければ<script>~</script>は外部化してください。rel=”canonical”>を設定してください。rel=”canonical”>の”href”属性には各ページ固有のURLを指定します。全てのページに同一の内容を記述してしまうことが絶対に無いよう、ご注意ください。content=”キーワード○○を含む、100文字程度の説明文。Consoleを使用したチェック方法<head>内のタグと最適化のポイントについてご紹介してきましたが、最適化されているかどうかをチェックする方法を最後にご紹介します。name=”description”>のエラーや重複などを確認することができます。最適化の作業を行った後には、必ずチェックするようにしましょう。エラーがある場合、上記画像のように改善すべき項目がピックアップされています。エラーがない場合、「新しいメッセージまたは新しい重要な問題はありません。SearchConsoleの登録がお済みでない方や使い方にご興味がある方は、以下の記事もチェックしてみてください。まとめいかがでしたか?<head>内のタグの最適化は、SEOの内部施策における基本ですが、設定次第では、集客状況が改善する可能性もあります。細かいポイントに気をつけて、ぜひ実践してみてください。毎月5社限定!無料Web診断でここまでわかる!あの競合他社がWebマーケティングで成功しているのも皆さんのWebマーケティングがなかなかうまくいかないのもすべて理由があります。理由を可視化する無料Webサイト診断をお試しください。SEOコンサルタント。SEOだけではなく、コンテンツマーケティングや記事型LPなど、コンテンツ分野に関しても非常に知見があることが強み。顧客の本質的なゴールを見極めたうえで、Webマーケティング全体の構想を組むことが得意。