目次metaタグとはmetaタグのメタとは、メタデータという言葉からできています。メタデータはデータについてのデータになります。そのため、metaタグはHTMLで構成されるWebページの基本的な情報を示すタグになります。代表的なmetaダクでは、Webページの著者や文字コード、タイトル、説明文などかあります。基本的にmetaタグで設定する内容は検索エンジン・ブラウザ向けに記述するので、Webサイト上で表示されることが無いのでユーザーは閲覧することはありません。metaタグの種類metaタグはそれぞれ以下の属性をセットで記述することになります。この属性を記述することでmetaタグにそれぞれ役割を分けて使うようなイメージです。name属性http-equiv属性content属性charset属性itemprop属性property属性name属性metaタグの要素に対して名前を付与します。ユーザーが入力した値をサーバーやブラウザに送信するための識別子です。一緒にcontent属性を合わせて記述することで名前と値を指定して使ったりします。Webページの内容をまとめた説明文を記述できます。Webページの内容を示すキーワードを指定できます。カンマ区切で複数キーワードの指定が可能。検索エンジンのクローラーにインデックス、リンクのクロールの指示できます。スマホに最適化したページサイズの指定ができます。Webページの作者を示す際に指定できます。http-equiv属性metaタグはhttp-equiv属性が指定されることで、ユーザーエージェント向けのプラグマ指示子になります。コンテンツの言語が指定できます。ファイルタイプや文字エンコーディングなどが指定できます。デフォルトスタイルの指定ができます。content属性をセットで指定してcssファイルの指定も可能。リダイレクト・再読み込みの指定ができます。content属性をセットで指定して秒数とリンク先URLが指定が可能。content属性content属性は主にname属性、http-equiv属性と一緒に使って、実際の内容を指定します。charset属性charset属性は文字エンコーディングを指定する属性になります。基本的には「UTF-8」「Shift_JIS」「EUC-JP」を3つのどれかを指定することになると思います。itemprop属性itemprop属性は構造化データなどのプロパティを指定するための属性です。文書のタイトル、説明文、著者名などを指定することができます。property属性property属性は、SNSでシェアされたときに表示するサイト情報が指定できます。覚えておきたい代表的なmetaタグ数あるmetaタグですが、全てを覚える必要は無く必要なものだけ覚えれば問題ありません。ここでは特に利用することが多いmetaタグを紹介します。ディスクリプションタグディスクリプションタグはWebページの説明文を記述します。検索結果ページでタイトルとURLの下に表示されます。大体100文字から120文字程度で簡潔にまとめることを目指しましょう。name="description">文字コード文字コードはWebページをブラウザで表示する際の文字エンコーディングを指定します。作成した文書に合わせて「UTF-8」「Shift_JIS」「EUC-JP」の3つのどれかを指定しましょう。charset="utf-8">コンテンツ言語コンテンツの言語を指定するmetaタグになります。content="ja">OGPOGPタグはSNSに投稿・シェアされた時にWebサイトのタイトルやサムネイル画像を指定するmetaタグです。/>スマホ最適化スマホ向けにページサイズの指定ができます。アクセスしたデバイスサイズに合わせて最適化した表示ができます。content="width=device-width,initial-scale=1.0,minimum-scale=1.0">noindex・nofollownoindex・nofollowは検索エンジンのクローラーに対してインデックスしない、リンクパワーを付与しないことを指定できます。Explorerのブラウザ使用してアクセスされた時に利用できる互換性のモードを指定することができます。content="IE=edge">ツールやソフトウェア名Webページを作成したツール名、ソフトウェア名を指定できます。content="ツール名・ソフトウェア名">著者・作者Webページの著者名・作者名を指定できます。content="著者名・作者名">別ページ誘導タグリダイレクト・再読み込みの指定ができます。content属性を指定して、リダイレクトする秒数、リンク先URLが指定できます。url=index.html">metaタグのSEOへの影響metaタグの中でも、SEOに影響があるものがいくつかあるので説明していきたいと思います。titleタグはSEO上とても重要<title>タイトル名</title>titleタグは検索結果ページの検索順位を決める上でシグナルの1つになっています。Google検索セントラルの「ウェブマスター向けガイドライン」でもGoogleのクローラーがページの内容を理解するためにtitleタグを使っていると記載があるためSEO評価にも影響があることが分かります。titleタグは検索結果ページ上に表示されるので、キーワードを詰め込んだりユーザーがページの内容が分からないようなタイトルにならないように注意して、狙っているキーワードを入れながらコンテンツの内容を適切に伝えるタイトルを付けましょう。今回はSEO対策を行う上で非常に重要とされているtitleタグについて、正しい設定方法・悪い設定を見ながら解説していきたいと思います。name="description">titleタグとdescriptionタグは検索結果ページ上に表示されるので、ユーザーはどのWebページの情報を見ようとするかを決める時の判断材料になります。クリックしたくなるような魅力的なタイトルや自分が得たい情報が分かりそうなページをクリックするので、狙っているキーワードからユーザーの検索意図を推測してそれに応えるようなタイトルと説明文を設定しましょう。その結果、検索結果ページ上のクリック率も向上していきます。あと意外と見落としがちなのですが、タイトルはFacebookやTwitterなど、SNSでシェアされた時にも表示されるのでSNSからの流入を意識してサイト運営されている方は意識した方が良いでしょう。content="keyword1,keyword2,keyword3">以前はkeywordタグに狙ってるキーワードを設定することでSEO評価がありましたが、現在はkeywordタグに設定しても直接SEO評価に影響はありません。そのため、keywordタグは設定してもしなくてもどちらでも大丈夫です。keywordタグを設定していないWebサイトも多くなっています。大手不動産企業のWebマーケター/元Web制作会社のディレクター/Web系フリーランス/男性/28歳/鳥取出身/京都育ち/Webマーケティング、プログラミングの記事を執筆中。/趣味はコスパ良い家電・ガジェット漁り、サボりがちな筋トレ。/ブログ名は愛猫から付けました。