
SEO
更新日: 2025/1/19
【イラスト付き】metaタグとは?SEOへの効果・書き方・表示箇所をご紹介!

ブルーちゃーん!
どうしたのイエローちゃん?


SEO対策ではmetaタグを設定するのが大事って聞いたんだけど、metaタグって何のこと?
あー、metaタグね

じゃあ今日は、metaタグとはどんなものなのか、SEO対策でどのような効果があるのか、どうやって書けばいいのかについて、解説していくね

metaタグとは?


metaタグとは、Webページの情報をGoogleなどの検索エンジンに伝えるためにHTMLに記載するタグのことだよ

metaタグの内容は実際のページには表示されないから、訪れたユーザーが見ることはないけれど、Googleのクローラーというサイトを巡回するロボットにわかりやすくページの内容を伝える役割を担っているんだ

metaタグには、主にページのタイトル、説明文、文字コードなどの情報を記載するよ
なるほど!ページの表側には表示されないけど、Googleに伝えたい情報を書くためにmetaタグを活用するんだね

metaタグのSEO効果を解説!

metaタグを設定すると、SEOにどんな影響があるの?


metaタグがきちんと設定されていると、サイトの構造が検索エンジンに伝わりやすくなるから、正しいSEO評価を受けやすくなると考えられているよ

それに、ページのタイトルや説明文はGoogleの検索画面に表示されるから、的確な内容になっていた方がアクセスする人が増えそうだよね?

そうしてクリック率が上がっていけば、検索順位の向上にも繋がるよ
Googleからきちんとページが認識されやすくなることと、クリック率が上がること、2つの面でメリットがあるんだね!

metaタグの書き方と表示される箇所を紹介!
よーし、早速metaタグを設定したくなってきたよ!

でも、どんな風に設定したらいいんだろう?


じゃあここからは、SEOに特に重要なmetaタグを、書き方と合わせて紹介していくね
種類1.タイトルタグ

タイトルタグは、その名の通り、ページのタイトルを設定するタグだよ

狙っている検索キーワードを、なるべくタイトルの左側に含めることが大切だね

タイトルタグを設定すると、、、

こんなふうに「Google検索結果」や「ブラウザのタブ」に表示されるよ!
種類2.ディスクリプションタグ

ディスクリプションタグでは、ページの説明文を記載するよ

検索画面でタイトルの下に表示されているスニペットは、多くの場合このディスクリプションタグで設定した内容が表示されているんだ

検索画面に表示される文字数はPCだと約120文字、スマホだと約60文字だから、できる限り60文字以内でまとめるといいよ

ディスクリプションタグを設置すると、、、

こんなふうに「Google検索結果」に表示されるね!
種類3.文字コードタグ

文字コードを指定していないと、文字化けが起こってしまって、検索エンジンが正しく情報を収集してくれない可能性があるよ

日本語のサイトの場合、「UTF-8」「Shift-JIS」「EUC-JP」の3つがよく使われている文字コードで、HTML5ではUTF-8の使用が推奨されているんだ
種類4.OGPタグ

OGPタグでは、ページがTwitterやFacebookなどのSNSでシェアされた時のレイアウトを設定するよ

OGPタグを設定しておくと、SNS上でサムネイル画像やタイトル、ディスクリプションがカード型で表示されるんだ

実際に例を挙げると、、、

例えばTwitterだと、こんな感じで表示されるんだよ!

URLの文字列が表示されるだけの場合よりも目を引くし、ページの内容も伝わりやすいから、クリック率の向上が期待できるよ
種類5.ビューポートタグ

ビューポートタグは、スマホやタブレットなどの、モバイル端末での表示を最適化するためのタグだよ

スマホでインターネットを利用する人も多いから、Googleもレスポンシブ対応を推奨しているんだ

パソコン以外の端末でページを閲覧したときに見辛くならないよう、ビューポートタグを忘れずに設定しようね
種類6.noindex/nofollowタグ

noindex/nofollowタグは、Googleの検索結果にサイトを表示させなかったり、リンク先の外部のページと自分のサイトを関連付けないようにするタグだよ

noindexを設定しておけばGoogleのクローラーにインデックスされないようになるから、検索画面で表示したくない質の悪いページや内容が重複しているページに設定するんだ

nofollowは、関連性の低いリンクと自分のページを紐づけたくないような場合に設定するよ

noindexとnofollowは、どちらもうまく活用すると、Googleからのマイナス評価を避けるのに役立つよ
まとめ

metaタグについて、今日話した大切なポイントはこんな感じだね
まとめ
◆metaタグは、Googleにわかりやすくページの情報を伝えるために記載するタグのこと
◆metaタグを正しく設定することで、ページがGoogleから評価されやすくなり、クリック率の向上も期待できる
◆SEOでは、タイトル、ディスクリプション、文字コード、OGP、ビューポート、noindex/nofollowの設定が特に重要
ありがとうブルーちゃん!metaタグのことはこれでバッチリだよ!


どういたしまして〜
最新の記事一覧
マークアップとは?正しい意味を解説!基本的なHTMLタグも
SEO
サイトスピードの重要性は?おすすめの改善方法5選も紹介!
SEO
カーディナリティの意味や重要性は?初心者向けに分かりやすく解説
SEO
インバウンド集客のメリットは?効果的な施策やコツを紹介!
SEO
ページエクスペリエンスアップデートの内容は?変更点や影響を解説
SEO
ランキングファクターとは?検索順位をアップするためのポイント
SEO
Webマーケティングとは?種類と実践例をわかりやすく解説!
マーケティング
オウンドメディアの作り方とは?最初に決めるべきことを解説!
SEO
マーケティング分析とは?手法と成功のポイントを徹底解説
SEO
SEOタグとは何?種類や活用方法をわかりやすく解説!
SEO
トラフィックシェアとは?基本から活用法まで徹底解説!
SEO
ページ内リンクとは?必要性や設定方法も初心者向けに詳しく説明!
SEO
【歯医者のSEO対策】ホームページ制作で注意すべきポイントを紹介
SEO
学習塾のSEO対策まとめ!失敗しないための注意点も紹介
SEO
不動産のSEO対策は何をすべき?キーワード選びのポイントも解説
SEO
aタグとは?Webページを繋ぐ架け橋の使い方を徹底解説!
SEO
ページがフリーズする原因と対策とは?ブラウザ環境を快適にしよう!
SEO
要約とは?正しい意味や文章を要約する手順・コツを紹介
SEO
文章の書き方やコツを徹底解説!簡潔で分かりやすい文章とは?
SEO
検索エンジンのランキングは?世界と国内のシェア率を比較
SEO



最新の記事一覧
マークアップとは?正しい意味を解説!基本的なHTMLタグも
SEO
サイトスピードの重要性は?おすすめの改善方法5選も紹介!
SEO
カーディナリティの意味や重要性は?初心者向けに分かりやすく解説
SEO
インバウンド集客のメリットは?効果的な施策やコツを紹介!
SEO
ページエクスペリエンスアップデートの内容は?変更点や影響を解説
SEO
ランキングファクターとは?検索順位をアップするためのポイント
SEO
Webマーケティングとは?種類と実践例をわかりやすく解説!
マーケティング
オウンドメディアの作り方とは?最初に決めるべきことを解説!
SEO
マーケティング分析とは?手法と成功のポイントを徹底解説
SEO
SEOタグとは何?種類や活用方法をわかりやすく解説!
SEO
トラフィックシェアとは?基本から活用法まで徹底解説!
SEO
ページ内リンクとは?必要性や設定方法も初心者向けに詳しく説明!
SEO
【歯医者のSEO対策】ホームページ制作で注意すべきポイントを紹介
SEO
学習塾のSEO対策まとめ!失敗しないための注意点も紹介
SEO
不動産のSEO対策は何をすべき?キーワード選びのポイントも解説
SEO
aタグとは?Webページを繋ぐ架け橋の使い方を徹底解説!
SEO
ページがフリーズする原因と対策とは?ブラウザ環境を快適にしよう!
SEO
要約とは?正しい意味や文章を要約する手順・コツを紹介
SEO
文章の書き方やコツを徹底解説!簡潔で分かりやすい文章とは?
SEO
検索エンジンのランキングは?世界と国内のシェア率を比較
SEO