![スニペットとは?SEO効果やGoogleでの設定方法を解説!のアイキャッチ画像](https://images.microcms-assets.io/assets/849933361e3447368c1f885948b087dc/c7b09afb1f2b468d83783ab98e87cbd3/Group%20387.png?w=1200&fm=webp)
SEO
更新日: 2023/12/1
スニペットとは?SEO効果やGoogleでの設定方法を解説!
![character_balloon](/media/character/yellow_normal_left.png)
ねえねえブルーちゃん!
どうしたのイエローちゃん?
![character_balloon](/media/character/blue_normal_right.png)
![character_balloon](/media/character/yellow_normal_left.png)
SEO対策ではスニペットを最適化させるのが重要だって聞いたんだけど、本当?
うん、確かにスニペットを正しく設定すると、検索順位への良い影響が期待できるよ
![character_balloon](/media/character/blue_normal_right.png)
![character_balloon](/media/character/yellow_normal_left.png)
そうなんだ……ところで、スニペットってなんのこと?
じゃあ今日は、スニペットとはなにか、どのように設定するかについて解説していくね
![character_balloon](/media/character/blue_normal_right.png)
スニペットとは、検索結果画面に表示される説明文のこと!
![スニペットとは?SEO効果やGoogleでの設定方法を解説!の画像_2枚目](https://images.microcms-assets.io/assets/849933361e3447368c1f885948b087dc/8f5773b7e75a4277ab10053f680c9f5f/%E3%82%B9%E3%83%8B%E3%83%98%E3%82%9A%E3%83%83%E3%83%88%E6%8C%BF%E7%B5%B5.png?w=1200&fm=webp)
![character_balloon](/media/character/blue_normal_left.png)
スニペットとは、検索結果画面に表示されるサイトの説明文のことなんだよ
![character_balloon](/media/character/blue_normal_left.png)
サイトの情報が要約されていて、検索した人がどんな内容のサイトか把握できるようになっているよ
あー、サイトのタイトルとか、URLとかが表示されてる部分のことなんだね!
![character_balloon](/media/character/yellow_normal_right.png)
![character_balloon](/media/character/blue_normal_left.png)
そうそう!
![character_balloon](/media/character/blue_normal_left.png)
ちなみにプログラミングの用語では繰り返し使うコードを再利用できるように登録しておく機能を「コード・スニペット」と呼ぶけど、ここではコード・スニペットではなく検索画面のスニペットについて説明していくね
3種類のスニペットをご紹介!
![character_balloon](/media/character/blue_normal_left.png)
スニペットと一言でいっても、実はその中には3つの種類があるんだ
1.スニペット(通常スニペット)
2.リッチスニペット
3.強調スニペット
![character_balloon](/media/character/blue_normal_left.png)
それぞれのスニペットがどのようなものなのか、一つずつ説明していくね
種類1.スニペット(通常スニペット)
![character_balloon](/media/character/blue_normal_left.png)
通常のスニペットは、テキストだけが表示されるよ
![character_balloon](/media/character/blue_normal_left.png)
HTMLのソースコード内に書かれている内容か、検索エンジンが自動で抽出した内容が表示されているんだ
種類2.リッチスニペット
![character_balloon](/media/character/blue_normal_left.png)
リッチスニペットは、文字通り通常のスニペットよりもリッチな(豊かな)スニペットのことで、リッチリザルトとも呼ばれているよ
![character_balloon](/media/character/blue_normal_left.png)
サムネイル画像や動画のキャプチャ、商品情報など、Webページの内容に合わせた通常テキスト以外の情報が表示されているんだ
あっ、お料理のレシピを検索すると、美味しそうな画像が検索画面に出てくることがあるよね!
![character_balloon](/media/character/yellow_normal_right.png)
![character_balloon](/media/character/blue_normal_left.png)
そうそう、まさにそれがリッチスニペットだよ
![character_balloon](/media/character/blue_normal_left.png)
リッチスニペットには、他にも、
1.商品情報(価格・スペック・レビュー)
2.画像・動画
3.検索窓
4.イベント日時・スケジュール
![character_balloon](/media/character/blue_normal_left.png)
こういった種類があるね!
種類3.強調スニペット
![character_balloon](/media/character/blue_normal_left.png)
検索結果の最上部に表示される、ユーザーが調べたい内容への簡潔な回答を抜粋したものを、強調スニペットというんだ
そういえば、「(曲名) 歌詞」って検索すると、どこかのサイトを開かなくても、一番上に歌詞が出てくるよね
![character_balloon](/media/character/yellow_normal_right.png)
![character_balloon](/media/character/blue_normal_left.png)
うん、それも強調スニペットの一種だね
![character_balloon](/media/character/blue_normal_left.png)
強調スニペットでは、歌詞以外にも、用語の意味を解説してくれたり、表やランキング、リストで知りたい内容をまとめて表示してくれたりするよ
スニペットにはどのようなSEO効果があるの?
![スニペットとは?SEO効果やGoogleでの設定方法を解説!の画像_12枚目](https://images.microcms-assets.io/assets/849933361e3447368c1f885948b087dc/fbc58a4334174ed3b912244907db2c95/E2FA5843-95EE-4620-9250-65510EA04CE8.png?w=1200&fm=webp)
じゃあ、これらのスニペットをサイトに設定すれば検索結果の表示順位が上がるんだね!
![character_balloon](/media/character/yellow_normal_right.png)
![character_balloon](/media/character/blue_normal_left.png)
いや、実はスニペットは直接検索順位に影響するというわけではないんだ
そうなの?
![character_balloon](/media/character/yellow_normal_right.png)
![character_balloon](/media/character/blue_normal_left.png)
うん、でもユーザーは検索画面でスニペットを読んでどのサイトにアクセスするかを判断するから、的確に内容をまとめたテキストや、目を引く画像などが盛り込まれたスニペットを設定すれば、クリック率が上がるかもしれないよね?
![character_balloon](/media/character/blue_normal_left.png)
だから、スニペットに力を入れることで、検索流入を増やすことに繋がるんだ
スニペットのそれぞれの表示方法を解説!
よーし、早速スニペットを設定してみようっと!
![character_balloon](/media/character/yellow_normal_right.png)
……でも、どうやって設定するんだろう?
![character_balloon](/media/character/yellow_normal_right.png)
![character_balloon](/media/character/blue_normal_left.png)
じゃあ最後にスニペットの設定方法を説明していくね
表示方法1.スニペット(通常スニペット)
![character_balloon](/media/character/blue_normal_left.png)
通常のスニペットは、HTMLソースコードのheadタグ内で、こんな感じで記載するよ
![character_balloon](/media/character/blue_normal_left.png)
このタグがなくても自動で抽出された内容がスニペットに表示されるけど、不自然に切り取られたり、意味が通らない文章になったりすることも多いから、きちんと自分で設定しておくのがおすすめだよ
表示方法2.リッチスニペット
![character_balloon](/media/character/blue_normal_left.png)
リッチスニペットは、ld+jsonやmicrodataなどの構造化マークアップを活用してGoogleにFAQなどのデータを伝えることでリッチスニペットに表示されるんだよ
![character_balloon](/media/character/blue_normal_left.png)
ただ、リッチスニペットも通常スニペットと同じで、Googleがサイトの内容に基づいて選定しているから、サイトの管理者が完全に制御することはできないんだ
![character_balloon](/media/character/blue_normal_left.png)
だから実際に表示されるか分からないけど、構造化マークアップでGoogleに伝えられるデータは、しっかりとマークアップして対応しておくのがおすすめだよ!
表示方法3.強調スニペット
![character_balloon](/media/character/blue_normal_left.png)
強調スニペットで表示されるサイトも、リッチスニペットと同じようにGoogleが決めているから、確実に設定する方法はないんだ
![character_balloon](/media/character/blue_normal_left.png)
でも、ユーザーが検索するキーワードで求めている回答を、簡潔な文章や、表やリストの活用など、端的でわかりやすいページを作ると表示されやすいね
![character_balloon](/media/character/blue_normal_left.png)
検索してる人がすぐに問題を解決できるようなページ作りを心がけよう!
![character_balloon](/media/character/blue_normal_left.png)
スニペットについて、大事なポイントをまとめてみたよ
まとめ
◆スニペットとは、検索結果画面に表示されるサイトの説明のこと
◆通常のスニペット・リッチスニペット(リッチリザルト)・強調スニペットという3つの種類がある
◆的確なスニペットが表示されていれば、検索流入の増加が期待できる
![character_balloon](/media/character/blue_normal_left.png)
スニペットの種類や効果について、よくわかったかな?
うん、バッチリだよ。ありがとうブルーちゃん!
![character_balloon](/media/character/yellow_normal_right.png)
![character_balloon](/media/character/blue_writer.png)
ブルー
SEOやエンジニアリングマーケティングが得意。非常にめんどくさがりで、動きたくないがために自分でコードを書いて自作のMAを組んだりする。自動化のためなら努力は惜しまない。