<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>#内部施策 - ブルースクレイ・ジャパン</title>
	<atom:link href="https://bruceclay.jpn.com/tag/%E5%86%85%E9%83%A8%E6%96%BD%E7%AD%96/feed/" rel="self" type="application/rss+xml" />
	<link>https://bruceclay.jpn.com</link>
	<description></description>
	<lastBuildDate>Wed, 18 Mar 2026 07:00:13 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.5.8</generator>

<image>
	<url>https://bruceclay.jpn.com/wp-content/uploads/2025/08/cropped-bcj-logo-128-32x32.png</url>
	<title>#内部施策 - ブルースクレイ・ジャパン</title>
	<link>https://bruceclay.jpn.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Googleが自らのルールを破る時：Google for Developersの「SEOやらかし」を暴く！</title>
		<link>https://bruceclay.jpn.com/column/seodin/</link>
		
		<dc:creator><![CDATA[Warren Halderman]]></dc:creator>
		<pubDate>Tue, 03 Feb 2026 08:59:01 +0000</pubDate>
				<category><![CDATA[#内部施策]]></category>
		<category><![CDATA[#海外SEOエンジニアが斬る！]]></category>
		<guid isPermaLink="false">https://bruceclay.jpn.com/?post_type=p_col&#038;p=19168</guid>

					<description><![CDATA[<p>昔からよくある話です…少なくとも、前回のアルゴリズム・アップデートと同じくらいには「あるある」な話。私たちブルースクレイ・ジャパンは、SEOを糧に生きる集団です。ガイドラインやベストプラクティス、時にはGoogleのサー [&#8230;]</p>
<p>The post <a href="https://bruceclay.jpn.com/column/seodin/">Googleが自らのルールを破る時：Google for Developersの「SEOやらかし」を暴く！</a> first appeared on <a href="https://bruceclay.jpn.com">ブルースクレイ・ジャパン</a>.</p>]]></description>
										<content:encoded><![CDATA[<p>昔からよくある話です…少なくとも、前回のアルゴリズム・アップデートと同じくらいには「あるある」な話。私たちブルースクレイ・ジャパンは、SEOを糧に生きる集団です。ガイドラインやベストプラクティス、時にはGoogleのサーチ・アドボケイトによる「謎めいたツイート」まで、細心の注意を払って追い続けています。</p>
<p>でも、もしGoogle自身が、自社サイトで自らのルールをうっかり破ってしまったら？ …信じてください、本当にそんなことが起きるんです。</p>
<h2>SEOdin（エス・イ・オーディン）って一体何？</h2>
<p>SEOと北欧神話の「オーディン」を掛け合わせた造語です。分かります？えっ、ダサい？…まあ、それはさておき。</p>
<p>私たちは最近、Chrome拡張機能の「SEOdin ページアナライザー」をアップデートしました。手前味噌ですが、訪問したあらゆるウェブページを即座に分析してくれる、頼れる相棒です。構造化データやcanonical、そして今回の主役である「hreflang」リンクなどのテクニカルSEO要素をチェックします。</p>
<p>拡張機能のダウンロードは<a href="https://chromewebstore.google.com/detail/obmnleflmffnkfdiaecgniokcfebhnkd" target="_blank" rel="noopener">こちら</a>です。</p>
<h2>developers.google.com をチェックしてみた</h2>
<p>ウェブの世界を分析（という名の拡張機能テスト）する旅の途中、私は超お馴染みのサイトにSEOdinを向けてみることにしました。そう、Google Developers（<a href="https://developers.google.com/" target="_blank" rel="noopener">https://developers.google.com/</a>）です。ご存知、SEO（や、その他のもっと重要なこと）の「正しいやり方」を私たちに教えてくれる、あの聖地です。</p>
<p>…ん？おや？ https://developers.google.com/?hl=es-419 はステータスコード「200 OK」を返していますが、<strong>「このリンクのhreflang国コードは無効です」</strong>と表示されているではありませんか。</p>
<div id="attachment_19171" style="width: 957px" class="wp-caption aligncenter"><img fetchpriority="high" decoding="async" aria-describedby="caption-attachment-19171" class="size-full wp-image-19171" src="https://bruceclay.jpn.com/wp-content/uploads/2026/01/ja1.png" alt="" width="947" height="588" srcset="https://bruceclay.jpn.com/wp-content/uploads/2026/01/ja1.png 947w, https://bruceclay.jpn.com/wp-content/uploads/2026/01/ja1-360x224.png 360w, https://bruceclay.jpn.com/wp-content/uploads/2026/01/ja1-768x477.png 768w, https://bruceclay.jpn.com/wp-content/uploads/2026/01/ja1-451x280.png 451w" sizes="(max-width: 947px) 100vw, 947px" /><p id="caption-attachment-19171" class="wp-caption-text">「このリンクのhreflang国コードは無効です」</p></div>
<p>おかしいな、私のコードが間違っているのかも？ ドキュメントを確認してみましょう…。</p>
<p><img decoding="async" class="aligncenter size-full wp-image-19172" src="https://bruceclay.jpn.com/wp-content/uploads/2026/01/ja2.png" alt="" width="948" height="595" srcset="https://bruceclay.jpn.com/wp-content/uploads/2026/01/ja2.png 948w, https://bruceclay.jpn.com/wp-content/uploads/2026/01/ja2-360x226.png 360w, https://bruceclay.jpn.com/wp-content/uploads/2026/01/ja2-768x482.png 768w, https://bruceclay.jpn.com/wp-content/uploads/2026/01/ja2-446x280.png 446w" sizes="(max-width: 948px) 100vw, 948px" /></p>
<p>幸運なことに、SEOとソフトウェア開発の世界において、まさに「それはバグではなく仕様です」と言える状況でした。</p>
<h2>ラテンアメリカの皆さんごめんなさい、「es-419」は禁止です</h2>
<p>問題のルールは、まさにそのドキュメントのページに明記されています。</p>
<p>「<a href="https://ja.wikipedia.org/wiki/ISO_639-1%E3%82%B3%E3%83%BC%E3%83%89%E4%B8%80%E8%A6%A7" target="_blank" rel="noopener">ISO 639-1形式の言語コード</a>、および<a href="https://ja.wikipedia.org/wiki/ISO_3166-1" target="_blank" rel="noopener">ISO 3166-1 Alpha 2形式の地域コード</a>のみがサポートされます。es-419など、これらの標準に含まれないその他のコードはサポートされません。」</p>
<p>つまり、「es-419」は使っちゃダメ。hreflangコードとしてサポートされていないからです。</p>
<p>しかし、なんてことでしょう。SEOdinが指摘したのは、<strong>「このコードはサポートされていません」と説明しているGoogle自身のサイトが、まさにそのサポートされていないコードを使っている</strong>という事実でした。</p>
<h2>グローバルSEOの難しさ</h2>
<p>ここはひとつ、高笑いしておきましょう。あのGoogleでさえSEOには苦労しているようです（もしGoogleの中の人がこれを読んでいたら、ぜひご連絡を。お手伝いしますよ <img src="https://s.w.org/images/core/emoji/15.0.3/72x72/1f642.png" alt="🙂" class="wp-smiley" style="height: 1em; max-height: 1em;" />）。</p>
<p>マニュアルを書いた本人たちでさえ、こうした細かいディテールを見落としてしまう。それほどSEOは複雑で、ミスが起きやすいものなのです。</p>
<p>真面目な話をすると、ここには2つの重要なポイントがあります：</p>
<ol>
<li aria-level="1"><strong>SEO、特に多言語展開は過酷である</strong> hreflang設定などは、とりわけ厄介なことで知られています。標準を作った張本人が滑ってしまうなら、誰にだってミスは起こり得ます。</li>
<li aria-level="1"><strong>あなたにはブルースクレイ・ジャパンという味方と、SEOdinという無料ツールがある</strong> これこそが、私たちの拡張機能の見せ所です。人間がコードをざっと眺めただけでは、es-419のような小さな「サポート外タグ」は見落としてしまうかもしれません。しかし、この拡張機能はページのコードを公式ルールセットと冷徹に照らし合わせます。隠れた問題を見つけるための、テクニカルな「安全網」なのです。</li>
</ol>
<h2>あ、これが無料って言いましたっけ？</h2>
<p>ウェブ界の巨人が犯した、ちょっとした「うっかり」を楽しんでいただけたでしょうか。 もし、あなた自身のサイトをピカピカに保ち、Googleでさえやってしまうような恥ずかしい（そして時にはサイトに致命傷を与える）ミスを避けたいなら、今すぐ「<a href="https://chromewebstore.google.com/detail/obmnleflmffnkfdiaecgniokcfebhnkd" target="_blank" rel="noopener">SEOdin ページアナライザー</a>」をダウンロードしてスキャンを始めてみてください。</p>
<p>もし、より本格的で深いSEOのサポートが必要な場合は、いつでも<a href="https://bruceclay.jpn.com/contact-form/">私たちにご相談を</a>。</p>
<p>それでは、引き続き良いサイト運営を！</p><p>The post <a href="https://bruceclay.jpn.com/column/seodin/">Googleが自らのルールを破る時：Google for Developersの「SEOやらかし」を暴く！</a> first appeared on <a href="https://bruceclay.jpn.com">ブルースクレイ・ジャパン</a>.</p>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>【失敗と成功から学ぶ】サイトリニューアルでSEOの成果が下がらない方法とは？事例をもとに15の注意点を紹介！</title>
		<link>https://bruceclay.jpn.com/column/renewalseo-jirei/</link>
		
		<dc:creator><![CDATA[SEOコンサルタントチーム]]></dc:creator>
		<pubDate>Mon, 04 Aug 2025 01:29:04 +0000</pubDate>
				<category><![CDATA[#EC]]></category>
		<category><![CDATA[#内部施策]]></category>
		<category><![CDATA[#施策事例]]></category>
		<category><![CDATA[#サイトリニューアル]]></category>
		<category><![CDATA[#BtoC]]></category>
		<guid isPermaLink="false">https://bruceclay.jpn.com/?post_type=p_col&#038;p=18739</guid>

					<description><![CDATA[<p>「サイトを新しくすれば、自然と検索順位も上がるはず」──そんなふうに思っていませんか？ 実はサイトリニューアルをきっかけに、検索順位が急落し、アクセス数が激減するケースも少なくありません。どんなに見た目が洗練されていても [&#8230;]</p>
<p>The post <a href="https://bruceclay.jpn.com/column/renewalseo-jirei/">【失敗と成功から学ぶ】サイトリニューアルでSEOの成果が下がらない方法とは？事例をもとに15の注意点を紹介！</a> first appeared on <a href="https://bruceclay.jpn.com">ブルースクレイ・ジャパン</a>.</p>]]></description>
										<content:encoded><![CDATA[<p class="code-line" dir="auto" data-line="0">「サイトを新しくすれば、自然と検索順位も上がるはず」──そんなふうに思っていませんか？ 実はサイトリニューアルをきっかけに、検索順位が急落し、アクセス数が激減するケースも少なくありません。どんなに見た目が洗練されていても、SEOを意識しないリニューアルは、これまで積み上げてきた成果をゼロにしてしまう可能性すらあるのです。</p>
<p class="code-line" dir="auto" data-line="3">本記事では、SEOを考慮せずに進めてしまったリニューアルの失敗事例と、しっかりと戦略を立てて成功に導いた事例の両方をご紹介します。また、見落とされがちな注意点や、リニューアルを検討すべきタイミング、よくある質問も網羅的に解説。 「リニューアル＝順位アップ」とは限らない現実を踏まえ、成果を維持・向上させるために、今知っておくべきポイントをお伝えします。</p>
<h2 id="1-%E3%83%AA%E3%83%8B%E3%83%A5%E3%83%BC%E3%82%A2%E3%83%AB%E3%81%A0%E3%81%91%E3%81%A7%E3%81%AFseo%E5%8A%B9%E6%9E%9C%E3%81%AF%E3%81%A4%E3%81%84%E3%81%A6%E3%81%93%E3%81%AA%E3%81%84" class="code-line" dir="auto" data-line="16">1. サイトリニューアルだけではSEO効果はついてこない</h2>
<p class="code-line" dir="auto" data-line="10">Webサイトをリニューアルすると、「新しくなったんだから、検索順位も上がるだろう」と期待されることが少なくありません。しかし実際には、リニューアル直後に順位が下がったり、アクセスが減ってしまうケースが多々あります。これは、SEOの基本的な構造や評価の仕組みを理解せずにリニューアルを進めてしまった結果と言えるでしょう。</p>
<h3 id="%E8%AA%A4%E8%A7%A3%E3%81%97%E3%82%84%E3%81%99%E3%81%84%E3%82%B5%E3%82%A4%E3%83%88%E3%83%AA%E3%83%8B%E3%83%A5%E3%83%BC%E3%82%A2%E3%83%AB%EF%BC%9D%E6%B5%81%E5%85%A5%E3%82%A2%E3%83%83%E3%83%97%E3%81%AB%E3%81%AA%E3%82%89%E3%81%AA%E3%81%84%E7%90%86%E7%94%B1" class="code-line" dir="auto" data-line="10">誤解しやすい<strong>「サイトリニューアル＝流入アップ」</strong>にならない理由</h3>
<p class="code-line" dir="auto" data-line="12">見た目のデザインやUI/UXの改善は、ユーザー体験の向上にはつながりますが、それだけでSEOが向上するとは限りません。検索エンジンが評価するのは、以下のような技術的・構造的要素だからです。</p>
<ul class="code-line" dir="auto" data-line="14">
<li class="code-line" dir="auto" data-line="14">URL構造やページ階層の整理状況</li>
<li class="code-line" dir="auto" data-line="15">内部リンクやサイトマップの設計</li>
<li class="code-line" dir="auto" data-line="16">コンテンツの独自性と網羅性</li>
<li class="code-line" dir="auto" data-line="17">ページ表示速度やモバイル対応状況</li>
</ul>
<p class="code-line" dir="auto" data-line="19">リニューアルの際にこれらを軽視し、「見た目優先」で進めてしまうと、検索エンジンからの評価が下がり、結果的に順位も流入も落ち込む可能性が高くなります。</p>
<p class="code-line" dir="auto" data-line="21">サイトリニューアル＝流入アップ、というイメージに引きずられず、<strong>SEO観点での現状把握と維持・強化の設計</strong>を行うことが、成果維持には欠かせません。</p>
<p dir="auto" data-line="21"><a href="https://bruceclay.jpn.com/service/consulting/renewal-seo/"><img decoding="async" class="aligncenter wp-image-19033 size-full" src="https://bruceclay.jpn.com/wp-content/uploads/2025/08/renewal.png" alt="" width="1584" height="396" srcset="https://bruceclay.jpn.com/wp-content/uploads/2025/08/renewal.png 1584w, https://bruceclay.jpn.com/wp-content/uploads/2025/08/renewal-360x90.png 360w, https://bruceclay.jpn.com/wp-content/uploads/2025/08/renewal-1024x256.png 1024w, https://bruceclay.jpn.com/wp-content/uploads/2025/08/renewal-768x192.png 768w, https://bruceclay.jpn.com/wp-content/uploads/2025/08/renewal-500x125.png 500w" sizes="(max-width: 1584px) 100vw, 1584px" /></a></p>
<h2 id="2-seo%E3%82%92%E9%85%8D%E6%85%AE%E3%81%9B%E3%81%9A%E3%81%AB%E8%B5%B7%E3%81%93%E3%81%A3%E3%81%9F%E5%A4%B1%E6%95%97%E4%BA%8B%E4%BE%8B" class="code-line" dir="auto" data-line="26">2. SEOを配慮せずに起こったサイトリニューアルの失敗事例</h2>
<p class="code-line" dir="auto" data-line="29">サイトリニューアルを実施したものの、SEOを軽視してしまったことで検索順位や流入が大きく落ち込む──そんな実例は決して珍しくありません。ここでは、ある<strong>キッチン用品のECサイト</strong>を対象とした失敗事例を紹介し、何が問題だったのか、どのように対応すべきだったのかを紐解いていきます。</p>
<h3 id="%E4%BA%8B%E4%BE%8B%E6%A6%82%E8%A6%81%E3%81%A8%E7%B5%8C%E7%B7%AF" class="code-line" dir="auto" data-line="27">事例概要と経緯</h3>
<p class="code-line" dir="auto" data-line="33">キッチン用品を扱うECサイトが、ユーザー体験を向上させる目的で大規模なリニューアルを実施。しかし、リニューアル後に多数のキーワードで順位が急落し、アクセス数も大幅に減少する結果となりました。</p>
<p class="code-line" dir="auto" data-line="35">社内ではこの異変にすぐには気づかず、数か月が経過。その後、「今後はECサイトの施策を本格的に強化していこう」という社内の動きとタイミングが重なり、SEO領域における外部パートナーの検討が開始されました。そこで、<strong>弊社とのお取り組みがスタート</strong>することとなりました。</p>
<p class="code-line" dir="auto" data-line="37">分析を進めた結果、リニューアル後に基本的なSEO対応が抜け落ちていたことが明らかになり、それが流入減少の主な要因であることが判明しました。</p>
<h3 id="%E5%85%B7%E4%BD%93%E7%9A%84%E3%81%AA%E5%A4%B1%E6%95%97%E3%83%9D%E3%82%A4%E3%83%B3%E3%83%88" class="code-line" dir="auto" data-line="37">具体的な失敗ポイント</h3>
<h4 id="%E2%91%A0-301%E3%83%AA%E3%83%80%E3%82%A4%E3%83%AC%E3%82%AF%E3%83%88%E6%BC%8F%E3%82%8C" class="code-line" dir="auto" data-line="37">① 301リダイレクト漏れ</h4>
<p class="code-line" dir="auto" data-line="39">旧サイトから新サイトへのURL変更が行われたにもかかわらず、301リダイレクトが設定されていませんでした。そのため、Googleなどの検索エンジンが旧URLの評価を新URLに引き継ぐことができず、<strong>商品ページの流入が激減</strong>しました。</p>
<h4 id="%E2%91%A1-%E5%86%85%E9%83%A8%E3%83%AA%E3%83%B3%E3%82%AF%E3%81%AE%E4%B8%8D%E8%B6%B3" class="code-line" dir="auto" data-line="43">② 内部リンクの不足</h4>
<p class="code-line" dir="auto" data-line="43">新たに作成したページに対し、既存ページからの内部リンクがほとんど貼られておらず、検索エンジンに新ページが認識されにくい状態になっていました。その結果、<strong>インデックス未登録ページが急増</strong>し、サイト全体の評価が低下する要因となりました。</p>
<h4 id="%E2%91%A2-%E3%82%BF%E3%82%A4%E3%83%88%E3%83%AB%E3%83%BB%E3%83%87%E3%82%A3%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%97%E3%82%B7%E3%83%A7%E3%83%B3%E3%81%AE%E9%87%8D%E8%A4%87canonical%E3%82%BF%E3%82%B0%E3%81%AE%E6%9C%AA%E8%A8%AD%E5%AE%9A" class="code-line" dir="auto" data-line="45">③ タイトル・ディスクリプションの重複、canonicalタグの未設定</h4>
<p class="code-line" dir="auto" data-line="47">複数のページで同一または類似のタイトル・ディスクリプションが使われており、<strong>検索エンジンが各ページの違いを正しく評価できない</strong>状況が生じていました。 さらにcanonicalタグも設定されておらず、コンテンツの評価が分散する事態に。これにより、<strong>検索順位が著しく低下し、重複ページと誤認されることで、サイト全体の評価低下</strong>につながりました。</p>
<h3 id="%E5%A4%B1%E6%95%97%E4%BA%8B%E4%BE%8B%E3%81%8B%E3%82%89%E3%81%AE%E6%95%99%E8%A8%93%E3%81%A8%E5%AF%BE%E5%BF%9C%E7%AD%96" class="code-line" dir="auto" data-line="52">失敗事例からの教訓と対応策</h3>
<p><img loading="lazy" decoding="async" class="size-full wp-image-18749 aligncenter" src="https://bruceclay.jpn.com/wp-content/uploads/2025/07/jirei11.png" alt="リニューアルSEO失敗事例" width="900" height="506" srcset="https://bruceclay.jpn.com/wp-content/uploads/2025/07/jirei11.png 900w, https://bruceclay.jpn.com/wp-content/uploads/2025/07/jirei11-360x202.png 360w, https://bruceclay.jpn.com/wp-content/uploads/2025/07/jirei11-768x432.png 768w, https://bruceclay.jpn.com/wp-content/uploads/2025/07/jirei11-498x280.png 498w" sizes="(max-width: 900px) 100vw, 900px" /></p>
<p class="code-line" dir="auto" data-line="52">この事例から見える最大の教訓は、「リニューアルの技術的対応がSEOに直結する」という点です。特に以下の点には注意が必要です。</p>
<ul class="code-line" dir="auto" data-line="54">
<li class="code-line" dir="auto" data-line="54">URLが変更される場合は<strong>必ず301リダイレクト</strong>を設定する</li>
<li class="code-line" dir="auto" data-line="55">内部リンク設計を事前に計画し、<strong>検索エンジンが巡回しやすい構造</strong>にする</li>
<li class="code-line" dir="auto" data-line="56">各ページの<strong>タイトル・ディスクリプションはユニーク</strong>に設計し、評価の分散を防ぐためcanonicalタグを適切に設定する</li>
</ul>
<p class="code-line" dir="auto" data-line="62">「見た目が新しい＝検索に強い」とは限らないという現実を、まさにこの事例が証明しています。</p>
<p class="code-line" dir="auto" data-line="60">弊社では、リニューアル時に抜け落ちたSEO施策を漏れなく実施し、リニューアルから10か月ほどかけて<strong>リニューアル以前の流入数への回復</strong>と、一部キーワードでは<strong>リニューアル前よりも高い順位を記録</strong>する結果につながりました。</p>
<p dir="auto" data-line="60"><a href="https://bruceclay.jpn.com/service/consulting/renewal-seo/"><img loading="lazy" decoding="async" class="aligncenter wp-image-18756 size-full" src="https://bruceclay.jpn.com/wp-content/uploads/2025/08/banner3.png" alt="リニューアルSEO問い合わせ" width="1584" height="396" srcset="https://bruceclay.jpn.com/wp-content/uploads/2025/08/banner3.png 1584w, https://bruceclay.jpn.com/wp-content/uploads/2025/08/banner3-360x90.png 360w, https://bruceclay.jpn.com/wp-content/uploads/2025/08/banner3-1024x256.png 1024w, https://bruceclay.jpn.com/wp-content/uploads/2025/08/banner3-768x192.png 768w, https://bruceclay.jpn.com/wp-content/uploads/2025/08/banner3-500x125.png 500w" sizes="(max-width: 1584px) 100vw, 1584px" /></a></p>
<h2 id="3-seo%E6%88%A6%E7%95%A5%E3%82%92%E7%B5%84%E3%81%BF%E8%BE%BC%E3%82%93%E3%81%A0%E6%88%90%E5%8A%9F%E4%BA%8B%E4%BE%8B" class="code-line" dir="auto" data-line="64">3. SEO戦略を組み込んだサイトリニューアルの成功事例</h2>
<p class="code-line" dir="auto" data-line="64">次にご紹介するのは、SEOを事前に設計に組み込むことで、リニューアル後の順位低下を最小限に抑え、さらにパフォーマンス向上につなげた成功事例です。対象となったのは<strong>健康食品を扱うECサイト</strong>で、専門性が求められるYMYL領域に該当していました。</p>
<h3 id="%E4%BA%8B%E4%BE%8B%E6%A6%82%E8%A6%81%E3%81%A8%E5%AF%BE%E7%AD%96%E5%86%85%E5%AE%B9" class="code-line" dir="auto" data-line="68">事例概要と対策内容</h3>
<p class="code-line" dir="auto" data-line="68">このECサイトでは、リニューアル前から約1年にわたってSEO対策に取り組んでおり、一定の成果が見え始めていました。そのタイミングで、「ブランドイメージを刷新し、よりUI/UXを強化したい」との目的からサイトリニューアルが決定。</p>
<p class="code-line" dir="auto" data-line="70">しかし、SEOの影響を軽視すれば、これまで積み上げてきた評価が失われる可能性があることを認識し、リニューアル段階から<strong>SEO観点を重視した設計・実装</strong>を実施しました。</p>
<h3 id="%E5%85%B7%E4%BD%93%E7%9A%84%E3%81%AA%E6%88%90%E5%8A%9F%E3%83%9D%E3%82%A4%E3%83%B3%E3%83%88" class="code-line" dir="auto" data-line="70">具体的な成功ポイント</h3>
<h4 id="%E2%91%A0-301%E3%83%AA%E3%83%80%E3%82%A4%E3%83%AC%E3%82%AF%E3%83%88%E3%81%AE%E5%BE%B9%E5%BA%95" class="code-line" dir="auto" data-line="76">① 301リダイレクトの徹底</h4>
<p class="code-line" dir="auto" data-line="76">URL構造が全面的に見直されることになったため、<strong>すべての旧URLに対応する301リダイレクトを設計</strong>。事前に全ページのリストを作成し、漏れなくマッピングしたことで、旧URLの評価を新URLへ確実に引き継ぐことができました。</p>
<h4 id="%E2%91%A1-%E3%82%B5%E3%82%A4%E3%83%88%E6%A7%8B%E9%80%A0%E3%81%AE%E6%9C%80%E9%81%A9%E5%8C%96%E3%81%A8%E3%83%9A%E3%83%BC%E3%82%B8%E3%82%B9%E3%83%94%E3%83%BC%E3%83%89%E6%96%BD%E7%AD%96%E3%81%AE%E5%AE%9F%E6%96%BD" class="code-line" dir="auto" data-line="80">② サイト構造の最適化とページスピード施策の実施</h4>
<p class="code-line" dir="auto" data-line="80">リニューアルを機に、これまで着手できていなかった<strong>カテゴリ構造の見直しやページスピードの改善</strong>にも本格的に取り組みました。これらは、通常の運用下ではシステム改修や大規模な設計変更が伴うため、コストや工数の観点から後回しにされがちでしたが、リニューアルのタイミングを活かして一気に実行に移しました。</p>
<ul class="code-line" dir="auto" data-line="82">
<li class="code-line" dir="auto" data-line="82"><strong>カテゴリ構造の整理</strong>により、ユーザーも検索エンジンも意図が把握しやすい階層設計を実現</li>
<li class="code-line" dir="auto" data-line="83"><strong>ページスピード改善</strong>については、画像の最適化・不要スクリプトの削除・キャッシュ制御の見直しなど、通常運用では対応しづらい細かな施策も実施</li>
</ul>
<p class="code-line" dir="auto" data-line="85">これにより、<strong>サイト全体の構造がより論理的かつ明快になり、クロール効率やユーザビリティが大幅に向上</strong>しました。また、ページ表示速度の改善は、ユーザーの離脱防止とCVR（コンバージョン率）向上にも寄与する重要な要素であり、リニューアルにあわせて行う価値のある施策だったといえます。</p>
<h4 id="%E2%91%A2-%E3%82%B3%E3%83%B3%E3%83%86%E3%83%B3%E3%83%84%E5%86%85%E5%AE%B9%E3%81%AE%E7%B6%AD%E6%8C%81" class="code-line" dir="auto" data-line="87">③ コンテンツ内容の維持</h4>
<p class="code-line" dir="auto" data-line="91">商品ページの一部コンテンツを改編したいという要望もありましたが、<strong>SEO的に重要なテキスト要素や構成は極力維持することが推奨されます</strong>。検索エンジンは、特定のテキストや情報構造からページの専門性や有用性を評価しているため、むやみに削除・改変してしまうと順位に悪影響を及ぼす可能性があります。</p>
<p class="code-line" dir="auto" data-line="93">そこで弊社では、<strong>見た目とSEOのバランスを取りながら編集指示</strong>を行い、ユーザー視点のデザイン刷新と検索エンジン評価の維持という両立を図りました。具体的には、重要キーワードの出現箇所や情報ブロックの順序をなるべく変えず、視認性やレイアウトのみを調整する方針で対応しています。</p>
<h4 id="%E2%91%A3-%E3%82%BF%E3%82%A4%E3%83%88%E3%83%AB%E3%83%BB%E3%83%87%E3%82%A3%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%97%E3%82%B7%E3%83%A7%E3%83%B3%E4%B8%BB%E8%A6%81%E3%82%BF%E3%82%B0%E3%81%AE%E3%83%AB%E3%83%BC%E3%83%AB%E8%A8%AD%E8%A8%88" class="code-line" dir="auto" data-line="88">④ タイトル・ディスクリプション、主要タグのルール設計</h4>
<p class="code-line" dir="auto" data-line="97">全ページで<strong>ユニークなタイトル・ディスクリプションのルール設計</strong>を行い、評価の分散を防止。また、H1・構造化データ・canonicalタグなども含めたタグ管理のガイドラインを用意し、<strong>検索エンジンに正確に意図が伝わるよう配慮</strong>しました。</p>
<h3 id="%E3%82%B5%E3%82%A4%E3%83%88%E3%83%AA%E3%83%8B%E3%83%A5%E3%83%BC%E3%82%A2%E3%83%AB%E5%BE%8C%E3%81%AE%E7%B5%90%E6%9E%9C" class="code-line" dir="auto" data-line="92">サイトリニューアル後の結果</h3>
<p><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-18753" src="https://bruceclay.jpn.com/wp-content/uploads/2025/07/jirei222.png" alt="理由―アルSEOの成功事例" width="900" height="506" srcset="https://bruceclay.jpn.com/wp-content/uploads/2025/07/jirei222.png 900w, https://bruceclay.jpn.com/wp-content/uploads/2025/07/jirei222-360x202.png 360w, https://bruceclay.jpn.com/wp-content/uploads/2025/07/jirei222-768x432.png 768w, https://bruceclay.jpn.com/wp-content/uploads/2025/07/jirei222-498x280.png 498w" sizes="(max-width: 900px) 100vw, 900px" /></p>
<p class="code-line" dir="auto" data-line="101">リニューアル直後、一部の注力キーワードにおいて一時的な順位下落（2位→5位程度）が確認されましたが、<strong>2ヶ月後には順位が回復し、その後1位まで上昇</strong>。SEO観点からの丁寧な事前対応と実装チェックが、大きな評価損失を防ぐ結果につながりました。</p>
<h3 id="%E6%88%90%E5%8A%9F%E3%81%8B%E3%82%89%E5%AD%A6%E3%81%B6%E5%BF%9C%E7%94%A8%E3%81%AE%E3%83%92%E3%83%B3%E3%83%88" class="code-line" dir="auto" data-line="101">成功から学ぶ応用のヒント</h3>
<p class="code-line" dir="auto" data-line="103">この事例が示すのは、<strong>「リニューアルの成功＝SEOの事前準備次第」</strong> という事実です。 表面的なデザイン刷新やUI改善だけではなく、<strong>検索エンジンにどう評価されるかを意識した設計・実装</strong>が、リニューアル成功の鍵を握っています。</p>
<p class="code-line" dir="auto" data-line="106">特に、リニューアルには多くの費用と工数がかかるため、<strong>実施後にパフォーマンスが落ちてしまうと損失は非常に大きくなります</strong>。だからこそ、事前段階からSEOを戦略的に組み込み、<strong>「順位を守る・伸ばす」設計を同時に行うことが推奨されます</strong>。</p>
<p class="code-line" dir="auto" data-line="108">見た目を変えるだけでなく、<strong>評価され続けるための“内部設計”にも最新の注意を払う</strong>。それが、成果を持続・向上させるための本質的なリニューアルのあり方です。</p>
<p dir="auto" data-line="108"><a href="https://bruceclay.jpn.com/service/consulting/renewal-seo/"><img loading="lazy" decoding="async" class="aligncenter wp-image-18758 size-full" src="https://bruceclay.jpn.com/wp-content/uploads/2025/08/banner4.png" alt="SEO問い合わせ" width="1584" height="396" srcset="https://bruceclay.jpn.com/wp-content/uploads/2025/08/banner4.png 1584w, https://bruceclay.jpn.com/wp-content/uploads/2025/08/banner4-360x90.png 360w, https://bruceclay.jpn.com/wp-content/uploads/2025/08/banner4-1024x256.png 1024w, https://bruceclay.jpn.com/wp-content/uploads/2025/08/banner4-768x192.png 768w, https://bruceclay.jpn.com/wp-content/uploads/2025/08/banner4-500x125.png 500w" sizes="(max-width: 1584px) 100vw, 1584px" /></a></p>
<h2 id="4-%E3%82%B5%E3%82%A4%E3%83%88%E3%83%AA%E3%83%8B%E3%83%A5%E3%83%BC%E3%82%A2%E3%83%AB%E6%99%82%E3%81%AB%E8%A6%8B%E8%90%BD%E3%81%A8%E3%81%95%E3%82%8C%E3%81%8C%E3%81%A1%E3%81%AAseo%E6%B3%A8%E6%84%8F%E7%82%B915%E9%81%B8" class="code-line" dir="auto" data-line="114">4. サイトリニューアル時に見落とされがちなSEO注意点【15選】</h2>
<p class="code-line" dir="auto" data-line="116">サイトリニューアルでは、見た目の改善や新機能の追加に気を取られがちですが、<strong>SEOの基本対応が漏れることで順位や流入が大きく落ちるリスク</strong>があります。下記は特に見落とされやすい15項目のチェックリストです。</p>
<table class="code-line" dir="auto" data-line="114">
<thead class="code-line" dir="auto" data-line="114">
<tr class="code-line" dir="auto" data-line="114">
<th>No.</th>
<th>注意点</th>
<th>内容</th>
</tr>
</thead>
<tbody class="code-line" dir="auto" data-line="116">
<tr class="code-line" dir="auto" data-line="116">
<td>1</td>
<td>301リダイレクトの設定漏れ</td>
<td>旧URL→新URLに正しくリダイレクトされていないと、評価が引き継がれず順位下落の原因に。</td>
</tr>
<tr class="code-line" dir="auto" data-line="117">
<td>2</td>
<td>URL構造の変更による評価リセット</td>
<td>URLが大幅に変わると、検索エンジンが新しいページと判断し、過去の評価がリセットされる可能性。</td>
</tr>
<tr class="code-line" dir="auto" data-line="118">
<td>3</td>
<td>title・descriptionの不適切な変更</td>
<td>重複・一括置換により、検索意図と合わないタイトルや説明文になるとCTRや評価が低下。</td>
</tr>
<tr class="code-line" dir="auto" data-line="119">
<td>4</td>
<td>内部リンク構造の崩壊</td>
<td>ナビゲーションやリンクが変更され、重要ページへの導線が途切れることでクロール効率が悪化。</td>
</tr>
<tr class="code-line" dir="auto" data-line="120">
<td>5</td>
<td><a href="https://bruceclay.jpn.com/column/robotstag-robotstxt/">noindex</a>やrobots.txtの誤設定</td>
<td>開発環境の設定が残ったまま公開されると、ページがインデックスされず流入ゼロに。</td>
</tr>
<tr class="code-line" dir="auto" data-line="121">
<td>6</td>
<td><a href="https://bruceclay.jpn.com/column/canonicaltag/">canonicalタグ</a>の設定ミス・漏れ</td>
<td>重複ページが正規化されず、評価が分散したり、検索順位が不安定になる。</td>
</tr>
<tr class="code-line" dir="auto" data-line="122">
<td>7</td>
<td>H1・見出し構造の変更</td>
<td>H1タグの過不足・見出し階層の乱れにより、ページの主旨が伝わりづらくなる。</td>
</tr>
<tr class="code-line" dir="auto" data-line="123">
<td>8</td>
<td>画像のalt属性・ファイル名の未最適化</td>
<td>alt未記載やファイル名の統一性がなく、画像検索やアクセシビリティ評価に悪影響。</td>
</tr>
<tr class="code-line" dir="auto" data-line="124">
<td>9</td>
<td><a href="https://bruceclay.jpn.com/column/breadcrumbs/">パンくずリスト</a>の構造不備</td>
<td>構造化されていないパンくずリストはSEO効果が薄く、検索エンジンへの理解を妨げる。</td>
</tr>
<tr class="code-line" dir="auto" data-line="125">
<td>10</td>
<td>モバイル対応の欠如または不十分</td>
<td>モバイルファーストの現在、スマホで見づらいと大きなマイナス評価になる。</td>
</tr>
<tr class="code-line" dir="auto" data-line="126">
<td>11</td>
<td>ページ読み込み速度の低下</td>
<td>デザインの重さやコード肥大化により表示速度が落ち、ユーザー離脱や順位低下の要因に。</td>
</tr>
<tr class="code-line" dir="auto" data-line="127">
<td>12</td>
<td>SSL（https）化の対応漏れ</td>
<td>非SSLのままだと警告が出て信頼性が低下し、SEOでもマイナス評価となる。</td>
</tr>
<tr class="code-line" dir="auto" data-line="128">
<td>13</td>
<td><a href="https://bruceclay.jpn.com/column/structured-data/">構造化データ</a>（Schema.org）の未実装</td>
<td>リッチリザルトや専門性の示唆に役立つが、未対応だと競合と差がつく。</td>
</tr>
<tr class="code-line" dir="auto" data-line="129">
<td>14</td>
<td>サイトマップ（XML・HTML）の提出・更新漏れ</td>
<td>リニューアル後のURL構造に合わせてサイトマップを更新・再送信しないと、クローラーが正しく認識できない。</td>
</tr>
<tr class="code-line" dir="auto" data-line="130">
<td>15</td>
<td>低品質コンテンツの量産・自動生成</td>
<td>ボリュームを増やしても内容が薄いと、全体評価を落とすリスクがある。</td>
</tr>
</tbody>
</table>
<p class="code-line" dir="auto" data-line="132">これらの注意点をリニューアル前後で確実にチェックすることで、SEO評価の下落を防ぎ、パフォーマンスを維持・向上させることが可能になります。</p>
<p class="code-line" dir="auto" data-line="134"><strong>弊社のリニューアルSEOでは、上記をはじめとしたリニューアル時に注意すべきSEO項目をレギュレーションとしてまとめ、リニューアル時に漏れなく設定されるように指示しています。</strong> また、実装が正しく行われているかの<strong>テスト環境での実装チェックや、ローンチ後の確認</strong>までセットで行うことが可能です。</p>
<h2 id="5-%E3%82%B5%E3%82%A4%E3%83%88%E3%83%AA%E3%83%8B%E3%83%A5%E3%83%BC%E3%82%A2%E3%83%AB%E3%82%92%E6%A4%9C%E8%A8%8E%E3%81%99%E3%81%B9%E3%81%8D%E3%82%BF%E3%82%A4%E3%83%9F%E3%83%B3%E3%82%B0" class="code-line" dir="auto" data-line="137">5. サイトリニューアルを検討すべきタイミング</h2>
<p class="code-line" dir="auto" data-line="139">サイトリニューアルは大きな予算と工数を伴う一大プロジェクトです。しかし、「なんとなく気に入らないから」という理由だけで進めてしまうと、期待した効果が得られなかったり、SEO評価を落としてしまうリスクもあります。ここでは、<strong>本当にリニューアルを検討すべきタイミング</strong>を具体的にご紹介します。</p>
<h3 id="%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%81%AE%E6%94%B9%E7%B7%A8%E3%82%92%E3%81%97%E3%81%9F%E3%81%84" class="code-line" dir="auto" data-line="141">デザインの改編をしたい</h3>
<p class="code-line" dir="auto" data-line="143">サイトのデザインが古く感じられたり、UI/UXが今のトレンドやユーザー行動と合っていない場合は、リニューアルを検討すべきタイミングです。特に、スマートフォンでの操作性や視認性が悪いと、ユーザーの離脱率が高まり、コンバージョン率にも悪影響を与えます。</p>
<p class="code-line" dir="auto" data-line="145"><strong>離脱率・コンバージョン率・滞在時間</strong>など、現状の数値をきちんと把握したうえで判断すれば、リニューアル後の成果測定もしやすくなります。</p>
<h3 id="%E3%83%A2%E3%83%90%E3%82%A4%E3%83%AB%E9%9D%9E%E5%AF%BE%E5%BF%9C%E3%82%84%E8%A1%A8%E7%A4%BA%E9%80%9F%E5%BA%A6%E3%81%8C%E8%91%97%E3%81%97%E3%81%8F%E9%81%85%E3%81%84" class="code-line" dir="auto" data-line="151">モバイル非対応や表示速度が著しく遅い</h3>
<p class="code-line" dir="auto" data-line="149">Googleがモバイルファーストインデックスを導入している現在、モバイル対応の有無はSEOに直結します。また、読み込み速度の遅さはユーザー体験を損ね、離脱率を引き上げる要因にも。</p>
<p class="code-line" dir="auto" data-line="151">モバイル最適化・スピード改善が困難な構造になっている場合は、<strong>技術的な刷新を伴うリニューアル</strong>を検討する価値があります。</p>
<h3 id="cms%E3%82%84%E6%8A%80%E8%A1%93%E5%9F%BA%E7%9B%A4%E3%81%AE%E8%80%81%E6%9C%BD%E5%8C%96" class="code-line" dir="auto" data-line="155">CMSや技術基盤の老朽化</h3>
<p class="code-line" dir="auto" data-line="155">現在のCMSやシステムが古く、セキュリティ更新や新機能追加に対応できない場合、長期的な視点でのリニューアルが必要です。 運用負荷が高く、担当者が更新や改善を躊躇する状態であれば、<strong>管理効率を高めるリニューアル</strong>が事業継続性にも寄与します。</p>
<h3 id="%E3%83%96%E3%83%A9%E3%83%B3%E3%83%89%E5%88%B7%E6%96%B0%E3%83%BB%E3%82%B5%E3%83%BC%E3%83%93%E3%82%B9%E5%A4%89%E6%9B%B4%E3%81%8C%E5%BF%85%E8%A6%81%E3%81%AA%E3%81%A8%E3%81%8D" class="code-line" dir="auto" data-line="159">ブランド刷新・サービス変更が必要なとき</h3>
<p class="code-line" dir="auto" data-line="160">ブランドの方向性やサービス内容に大きな変化があった場合、サイト上にもそれを的確に反映させる必要があります。ビジュアルだけでなく、ナビゲーション構造やコンテンツ内容にも見直しが必要となるため、<strong>部分的な改修ではなく全体リニューアル</strong>が効果的です。</p>
<h3 id="%E5%B8%B8%E6%99%82ssl%E5%8C%96%E3%81%AB%E5%AF%BE%E5%BF%9C%E3%81%97%E3%81%A6%E3%81%84%E3%81%AA%E3%81%84" class="code-line" dir="auto" data-line="162">常時SSL化に対応していない</h3>
<p class="code-line" dir="auto" data-line="164">現在では、常時SSL（https）化はユーザーからの信頼獲得とSEOの両面で必須です。「http://〜」のままでは、ブラウザに「保護されていない通信」と表示され、<strong>離脱の原因や信頼性の損失につながる</strong>可能性があります。</p>
<h2 id="6-faq%E3%82%88%E3%81%8F%E3%81%82%E3%82%8B%E8%B3%AA%E5%95%8F" class="code-line" dir="auto" data-line="171">6. FAQ（よくある質問）</h2>
<p class="code-line" dir="auto" data-line="173">ここでは、サイトリニューアルにおけるSEO対応について、実際によくいただくご質問にお答えします。プロジェクトの初期段階で不安になりがちなポイントを中心にまとめています。</p>
<h3 id="q1%E3%83%AA%E3%83%80%E3%82%A4%E3%83%AC%E3%82%AF%E3%83%88%E5%BF%98%E3%82%8C%E3%81%A7%E9%A0%86%E4%BD%8D%E5%9B%9E%E5%BE%A9%E3%81%AB%E3%81%AF%E3%81%A9%E3%81%AE%E3%81%8F%E3%82%89%E3%81%84%E6%99%82%E9%96%93%E3%81%8C%E3%81%8B%E3%81%8B%E3%82%8B" class="code-line" dir="auto" data-line="170">Q1：リダイレクト忘れで順位回復にはどのくらい時間がかかる？</h3>
<p class="code-line" dir="auto" data-line="177">A：状況によって異なりますが、<strong>正しいリダイレクト設定を行ってから1〜3ヶ月程度</strong>で順位が徐々に回復していくケースが多いです。 ただし、評価が完全に戻らないこともあり、<strong>リダイレクト漏れの放置期間が長いほど回復が困難</strong>になります。早期の対応が鍵です。</p>
<h3 id="q2%E3%82%B3%E3%83%B3%E3%83%86%E3%83%B3%E3%83%84%E6%A7%8B%E6%88%90%E3%82%92%E5%A4%89%E3%81%88%E3%82%8B%E3%81%A8seo%E3%81%AB%E6%82%AA%E5%BD%B1%E9%9F%BF%E3%81%8C%E3%81%82%E3%82%8A%E3%81%BE%E3%81%99%E3%81%8B" class="code-line" dir="auto" data-line="182">Q2：コンテンツ構成を変えるとSEOに悪影響がありますか？</h3>
<p class="code-line" dir="auto" data-line="184">A：構成を大きく変更する場合、<strong>既存の評価ポイントを削ってしまうリスク</strong>があります。 特に、テキスト量の削減や、主要キーワードが含まれた見出し・本文の削除などは慎重に行うべきです。見た目を整えるだけでなく、<strong>SEOの評価要素を残す編集方針</strong>が重要です。</p>
<h3 id="q3%E5%86%85%E9%83%A8%E3%83%AA%E3%83%B3%E3%82%AF%E8%A6%8B%E7%9B%B4%E3%81%97%E3%81%AE%E3%83%9D%E3%82%A4%E3%83%B3%E3%83%88%E3%81%AF" class="code-line" dir="auto" data-line="180">Q3：内部リンク見直しのポイントは？</h3>
<p class="code-line" dir="auto" data-line="191">A：重要なのは以下の3点です。</p>
<ul class="code-line" dir="auto" data-line="184">
<li class="code-line" dir="auto" data-line="184"><strong>関連性があるページ同士をつなぐこと</strong></li>
<li class="code-line" dir="auto" data-line="185"><strong>トップページ → カテゴリ → 商品ページの階層構造を意識すること</strong></li>
<li class="code-line" dir="auto" data-line="186"><strong>リンクが自然な形でユーザーにも価値があること</strong></li>
</ul>
<p class="code-line" dir="auto" data-line="197">内部リンクは、<strong>検索エンジンがサイト全体を正しく理解する助けになると同時に、ユーザーの回遊性向上にも貢献</strong>します。</p>
<h3 id="q4%E3%83%AA%E3%83%8B%E3%83%A5%E3%83%BC%E3%82%A2%E3%83%ABseo%E3%82%92%E4%BE%9D%E9%A0%BC%E3%81%99%E3%82%8B%E9%9A%9B%E3%81%AE%E5%A4%96%E6%B3%A8%E5%85%88%E3%82%92%E9%81%B8%E3%81%B6%E3%83%9D%E3%82%A4%E3%83%B3%E3%83%88%E3%81%AF" class="code-line" dir="auto" data-line="201">Q4：リニューアルSEOを依頼する際の外注先を選ぶポイントは？</h3>
<p class="code-line" dir="auto" data-line="203">A：以下のような点をチェックするのがおすすめです。</p>
<ul class="code-line" dir="auto" data-line="194">
<li class="code-line" dir="auto" data-line="194"><strong>実装チェック・ローンチ後のフォローまで対応</strong>できるか</li>
<li class="code-line" dir="auto" data-line="195">リニューアル時の<strong>SEO要件を体系的にまとめているか</strong></li>
<li class="code-line" dir="auto" data-line="196">開発チームやデザイン会社との<strong>連携体制があるか</strong></li>
<li class="code-line" dir="auto" data-line="197">過去に同様のリニューアルSEOの<strong>成功事例があるか</strong></li>
</ul>
<p class="code-line" dir="auto" data-line="210">単なるSEO改善だけでなく、<strong>リニューアルという特殊なフェーズに対応できるノウハウと体制</strong>があるかが重要です。</p>
<h2 id="7-%E3%81%BE%E3%81%A8%E3%82%81%E3%81%A8%E3%82%B5%E3%83%BC%E3%83%93%E3%82%B9%E3%81%B8%E3%81%AE%E5%B0%8E%E7%B7%9A" class="code-line" dir="auto" data-line="206">7. 成果を落とさないリニューアルSEOのすすめ</h2>
<p class="code-line" dir="auto" data-line="208">サイトリニューアルは、見た目の刷新や機能強化だけでなく、<strong>SEO観点での慎重な対応が不可欠</strong>なプロジェクトです。</p>
<p class="code-line" dir="auto" data-line="218">とくにリニューアル時は、「公開して終わり」ではありません。<strong>事前のSEO要件整理・設計、実装確認、そして公開後のモニタリングまで</strong>含めた対応が求められます。</p>
<h3 id="%E3%83%AA%E3%83%8B%E3%83%A5%E3%83%BC%E3%82%A2%E3%83%ABseo%E6%94%AF%E6%8F%B4%E3%82%B5%E3%83%BC%E3%83%93%E3%82%B9%E3%81%AE%E3%81%94%E6%A1%88%E5%86%85" class="code-line" dir="auto" data-line="222">リニューアルSEO支援サービスのご案内</h3>
<p class="code-line code-active-line" dir="auto" data-line="224">弊社では、リニューアルに伴うSEOの失敗を未然に防ぐために、以下のような<strong>フルサポート体制</strong>を提供しています。</p>
<table class="code-line" dir="auto" data-line="226">
<thead class="code-line" dir="auto" data-line="216">
<tr class="code-line" dir="auto" data-line="216">
<th>対応範囲</th>
<th>内容</th>
</tr>
</thead>
<tbody class="code-line" dir="auto" data-line="218">
<tr class="code-line" dir="auto" data-line="218">
<td>SEO要件整理</td>
<td>リニューアル対象サイトの現状分析と、SEO観点での設計要件をドキュメント化</td>
</tr>
<tr class="code-line" dir="auto" data-line="219">
<td>開発・デザインチームとの連携</td>
<td>各チームと連携し、実装や構造設計に対する具体的なSEO指示を提供</td>
</tr>
<tr class="code-line" dir="auto" data-line="220">
<td>実装チェック</td>
<td>テスト環境でのSEO施策の実装状況を確認し、リリース前にリスクを排除</td>
</tr>
<tr class="code-line" dir="auto" data-line="221">
<td>ローンチ後のフォロー</td>
<td>公開後の順位・インデックス状況をモニタリングし、必要なチューニングを実施</td>
</tr>
</tbody>
</table>
<p dir="auto" data-line="233">要件定義の段階で、SEO観点で必要な設計のアドバイス、レギュレーションを作成するだけでなく、しっかりとサイトに組み込まれているかの確認まで行います。リニューアル時に必要なSEOの知識や技術は、専門性の高い内容が多いため、外注することも選択肢のひとつとして検討するとよいでしょう。</p>
<p class="code-line" dir="auto" data-line="233">リニューアルという大きな節目で、<strong>SEO評価を守り、成果を伸ばすためのパートナー</strong>として、ぜひお問い合わせください。</p>
<p dir="auto" data-line="233"><a href="https://bruceclay.jpn.com/service/consulting/renewal-seo/"><img loading="lazy" decoding="async" class="aligncenter wp-image-18756 size-full" src="https://bruceclay.jpn.com/wp-content/uploads/2025/08/banner3.png" alt="リニューアルSEO問い合わせ" width="1584" height="396" srcset="https://bruceclay.jpn.com/wp-content/uploads/2025/08/banner3.png 1584w, https://bruceclay.jpn.com/wp-content/uploads/2025/08/banner3-360x90.png 360w, https://bruceclay.jpn.com/wp-content/uploads/2025/08/banner3-1024x256.png 1024w, https://bruceclay.jpn.com/wp-content/uploads/2025/08/banner3-768x192.png 768w, https://bruceclay.jpn.com/wp-content/uploads/2025/08/banner3-500x125.png 500w" sizes="(max-width: 1584px) 100vw, 1584px" /></a></p><p>The post <a href="https://bruceclay.jpn.com/column/renewalseo-jirei/">【失敗と成功から学ぶ】サイトリニューアルでSEOの成果が下がらない方法とは？事例をもとに15の注意点を紹介！</a> first appeared on <a href="https://bruceclay.jpn.com">ブルースクレイ・ジャパン</a>.</p>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>【SEO初心者必見】検索結果で目立つ構造化データの使い方と実装ステップ</title>
		<link>https://bruceclay.jpn.com/column/structured-data/</link>
		
		<dc:creator><![CDATA[SEOコンサルタントチーム]]></dc:creator>
		<pubDate>Thu, 05 Jun 2025 06:17:58 +0000</pubDate>
				<category><![CDATA[#WordPress]]></category>
		<category><![CDATA[#html]]></category>
		<category><![CDATA[#基礎知識]]></category>
		<category><![CDATA[#内部施策]]></category>
		<guid isPermaLink="false">https://bruceclay.jpn.com/?post_type=p_col&#038;p=18541</guid>

					<description><![CDATA[<p>「検索で目立たせたい」「より的確に情報を伝えたい」──そんなSEOの悩みに応えるのが“構造化データ”です。 検索エンジンに自社サイトの情報を正しく伝えるためのこの仕組みは、クリック率の向上やリッチリザルトの表示といった成 [&#8230;]</p>
<p>The post <a href="https://bruceclay.jpn.com/column/structured-data/">【SEO初心者必見】検索結果で目立つ構造化データの使い方と実装ステップ</a> first appeared on <a href="https://bruceclay.jpn.com">ブルースクレイ・ジャパン</a>.</p>]]></description>
										<content:encoded><![CDATA[<p class="code-line" dir="auto" data-line="0">「検索で目立たせたい」「より的確に情報を伝えたい」──そんなSEOの悩みに応えるのが“構造化データ”です。</p>
<p class="code-line" dir="auto" data-line="0">検索エンジンに自社サイトの情報を正しく伝えるためのこの仕組みは、クリック率の向上やリッチリザルトの表示といった成果に直結する可能性があります。一見すると難しそうに思える構造化データですが、仕組みと使い方のポイントを押さえれば、初心者でも問題なく活用できます。</p>
<p class="code-line" dir="auto" data-line="0">本記事では、構造化データの基本的な考え方から<a href="https://bruceclay.jpn.com/column/about_seo/">SEO</a>への影響、具体的な種類や実装手順、そしてよくある失敗までを丁寧に解説。検索パフォーマンスの改善を目指すマーケティング担当者の第一歩として、ぜひ参考にしてください。</p>
<h2 id="%E6%A7%8B%E9%80%A0%E5%8C%96%E3%83%87%E3%83%BC%E3%82%BF%E3%81%A8%E3%81%AF%E4%BD%95%E3%81%8B%E3%81%9D%E3%81%AE%E5%9F%BA%E6%9C%AC%E3%81%A8%E5%BD%B9%E5%89%B2" class="code-line" dir="auto" data-line="4">構造化データとは何か？その基本と役割</h2>
<h3 id="%E6%A7%8B%E9%80%A0%E5%8C%96%E3%83%87%E3%83%BC%E3%82%BF%E3%81%AE%E5%AE%9A%E7%BE%A9%E3%81%A8%E4%BB%95%E7%B5%84%E3%81%BF" class="code-line" dir="auto" data-line="6">構造化データの定義と仕組み</h3>
<p class="code-line" dir="auto" data-line="8">構造化データとは、ウェブページ上の情報に「意味」を持たせて整理・記述するための仕組みです。これにより検索エンジンがページの内容をより正確に理解し、ユーザーに適切な形で表示できるようになります。たとえば、あるページにレシピの情報があったとしても、HTMLだけではそれが「料理名」なのか「調理時間」なのか判別しづらい場合があります。構造化データを使えば、「この部分は調理時間」「ここは材料リスト」というように、コンテンツの意味を明示できます。</p>
<p class="code-line" dir="auto" data-line="10">技術的には、構造化データは主に<strong>JSON-LD</strong>（JavaScript Object Notation for Linked Data）という形式で記述されます。これは、ページのHTMLとは独立して情報を持たせられるため、柔軟性が高く、Googleも推奨している形式です。</p>
<h3 id="%E3%81%AA%E3%81%9C%E6%A7%8B%E9%80%A0%E5%8C%96%E3%83%87%E3%83%BC%E3%82%BF%E3%81%8C%E5%BF%85%E8%A6%81%E3%81%AA%E3%81%AE%E3%81%8B" class="code-line" dir="auto" data-line="12">なぜ構造化データが必要なのか</h3>
<p class="code-line" dir="auto" data-line="14">検索エンジンは進化を続けていますが、それでも人間のように直感的に情報を理解するのは困難です。構造化データは、ページの中にある「意味のある情報」を、検索エンジンが解釈しやすくなるように補助する役割を担っています。</p>
<p class="code-line" dir="auto" data-line="16">また、ユーザーにとっても構造化データは有益です。なぜなら、検索結果の中でリッチリザルト（画像付き、評価付き、FAQ付きなど）が表示されることにより、視認性が高まり、クリック率が向上する可能性があるからです。つまり、構造化データは<strong>検索エンジンとユーザーの両方に価値を提供する</strong>テクノロジーと言えます。</p>
<p class="code-line" dir="auto" data-line="18">詳しくは <a href="https://developers.google.com/search/docs/appearance/structured-data/intro-structured-data?hl=ja" target="_blank" rel="noopener" data-href="https://developers.google.com/search/docs/appearance/structured-data/intro-structured-data?hl=ja">構造化データの概要（Google公式）</a> をご覧ください。</p>
<h2 id="%E6%A7%8B%E9%80%A0%E5%8C%96%E3%83%87%E3%83%BC%E3%82%BF%E3%81%A8seo%E3%81%AE%E9%96%A2%E4%BF%82%E6%80%A7" class="code-line" dir="auto" data-line="22">構造化データとSEOの関係性</h2>
<h3 id="%E6%A4%9C%E7%B4%A2%E7%B5%90%E6%9E%9C%E3%81%AB%E4%B8%8E%E3%81%88%E3%82%8B%E5%BD%B1%E9%9F%BF%E3%83%AA%E3%83%83%E3%83%81%E3%83%AA%E3%82%B6%E3%83%AB%E3%83%88%E3%81%AA%E3%81%A9" class="code-line" dir="auto" data-line="24">検索結果に与える影響（リッチリザルトなど）</h3>
<p class="code-line" dir="auto" data-line="26">構造化データは、検索順位自体を直接押し上げる要因ではありません。しかし、<strong>検索結果の見た目（＝検索スニペット）を強化し、ユーザーのクリックを促進する</strong>という点でSEOにおいて極めて重要な役割を果たします。</p>
<p class="code-line" dir="auto" data-line="28">たとえば、構造化データを使ってレシピや商品レビューなどの情報をマークアップすると、検索結果に画像・星評価・価格・FAQなどが表示される「リッチリザルト（拡張スニペット）」として登場します。これにより、通常のテキストリンクよりも視認性が高まり、<strong>クリック率（CTR）が上がる傾向</strong>があります。</p>
<p class="code-line" dir="auto" data-line="30">事実、Googleは構造化データによって表示される情報を「Search Features」として明確に区別しており、対応しているコンテンツタイプであれば積極的に導入すべきとされています。</p>
<h3 id="google%E3%81%AE%E6%A7%8B%E9%80%A0%E5%8C%96%E3%83%87%E3%83%BC%E3%82%BF%E3%81%AB%E5%AF%BE%E3%81%99%E3%82%8B%E6%96%B9%E9%87%9D" class="code-line" dir="auto" data-line="32">Googleの構造化データに対する方針</h3>
<p class="code-line" dir="auto" data-line="34">Googleは公式に、構造化データの活用を推奨しています。中でもJSON-LD形式の使用が最も好ましいと明言されており、<a href="https://developers.google.com/search/docs/appearance/structured-data/search-gallery?hl=ja" target="_blank" rel="noopener" data-href="https://developers.google.com/search/docs/appearance/structured-data/search-gallery?hl=ja">検索ギャラリー</a>では対応している各種マークアップの種類が紹介されています。</p>
<p class="code-line" dir="auto" data-line="36">ただし、Googleが示すガイドラインには厳密に従う必要があります。内容が不正確であったり、誤解を招く記述があると、リッチリザルトの表示対象から除外されることもあります。また、構造化データを導入したからといって<strong>必ずしも即座にリッチリザルトが表示されるわけではない</strong>点にも注意が必要です。</p>
<p class="code-line" dir="auto" data-line="38">Googleの方針や詳細な仕様は、<a href="https://support.google.com/webmasters/answer/3069489?hl=ja" target="_blank" rel="noopener" data-href="https://support.google.com/webmasters/answer/3069489?hl=ja">構造化データに関する公式ガイド</a>で確認することができます。</p>
<h2 id="%E4%BB%A3%E8%A1%A8%E7%9A%84%E3%81%AA%E6%A7%8B%E9%80%A0%E5%8C%96%E3%83%87%E3%83%BC%E3%82%BF%E3%81%AE%E7%A8%AE%E9%A1%9E%E3%81%A8%E7%94%A8%E9%80%94" class="code-line" dir="auto" data-line="42">代表的な構造化データの種類と用途</h2>
<h3 id="article%EF%BC%8Fbreadcrumb%EF%BC%8Fproduct-%E3%81%AA%E3%81%A9%E3%81%AE%E5%85%B7%E4%BD%93%E4%BE%8B" class="code-line" dir="auto" data-line="44">Article／Breadcrumb／Product などの具体例</h3>
<p class="code-line" dir="auto" data-line="46">構造化データには多種多様な種類があり、目的に応じて適切なものを選ぶことが重要です。ここでは、SEO初心者でも扱いやすい代表的な構造化データをいくつか紹介します。</p>
<h4 id="article%E8%A8%98%E4%BA%8B" class="code-line" dir="auto" data-line="48">Article（記事）</h4>
<p class="code-line" dir="auto" data-line="50">ニュース記事やブログ投稿などに使用されます。記事タイトル、著者、投稿日、サムネイル画像などを指定できます。特にGoogleニュースやDiscoverに表示される可能性が高まります。</p>
<p class="code-line" dir="auto" data-line="52">参考：<a href="https://developers.google.com/search/docs/appearance/structured-data/article?hl=ja" target="_blank" rel="noopener" data-href="https://developers.google.com/search/docs/appearance/structured-data/article?hl=ja">記事（Article、NewsArticle、BlogPosting）の構造化データ</a></p>
<p class="code-line" dir="auto" data-line="55"><strong>用途：</strong> ブログ記事やニュース投稿など。著者名、投稿日、画像などを指定可能。</p>
<p class="code-line" dir="auto" data-line="57"><strong>記述例：</strong></p>
<pre><code class="code-line language-json" dir="auto" data-line="58">    &lt;script type=<span class="hljs-string">"application/ld+json"</span>&gt;
    <span class="hljs-punctuation">{</span>
      <span class="hljs-attr">"@context"</span><span class="hljs-punctuation">:</span> <span class="hljs-string">"https://schema.org"</span><span class="hljs-punctuation">,</span>
      <span class="hljs-attr">"@type"</span><span class="hljs-punctuation">:</span> <span class="hljs-string">"Article"</span><span class="hljs-punctuation">,</span>
      <span class="hljs-attr">"headline"</span><span class="hljs-punctuation">:</span> <span class="hljs-string">"記事タイトル"</span><span class="hljs-punctuation">,</span>
      <span class="hljs-attr">"description"</span><span class="hljs-punctuation">:</span> <span class="hljs-string">"記事説明文"</span><span class="hljs-punctuation">,</span>      
      <span class="hljs-attr">"image"</span><span class="hljs-punctuation">:</span> <span class="hljs-punctuation">[</span>
        <span class="hljs-string">"https://example.com/photos/1x1/photo.jpg"</span><span class="hljs-punctuation">,</span>
        <span class="hljs-string">"https://example.com/photos/4x3/photo.jpg"</span><span class="hljs-punctuation">,</span>
        <span class="hljs-string">"https://example.com/photos/16x9/photo.jpg"</span>
       <span class="hljs-punctuation">]</span><span class="hljs-punctuation">,</span>
      <span class="hljs-attr">"datePublished"</span><span class="hljs-punctuation">:</span> <span class="hljs-string">"2024-01-05T08:00:00+08:00"</span><span class="hljs-punctuation">,</span>
      <span class="hljs-attr">"dateModified"</span><span class="hljs-punctuation">:</span> <span class="hljs-string">"2024-02-05T09:20:00+08:00"</span><span class="hljs-punctuation">,</span>
      <span class="hljs-attr">"author"</span><span class="hljs-punctuation">:</span> <span class="hljs-punctuation">[</span><span class="hljs-punctuation">{</span>
          <span class="hljs-attr">"@type"</span><span class="hljs-punctuation">:</span> <span class="hljs-string">"Person"</span><span class="hljs-punctuation">,</span>
          <span class="hljs-attr">"name"</span><span class="hljs-punctuation">:</span> <span class="hljs-string">"著者名"</span><span class="hljs-punctuation">,</span>
          <span class="hljs-attr">"url"</span><span class="hljs-punctuation">:</span> <span class="hljs-string">"https://example.com/profile/aaa/"</span>
        <span class="hljs-punctuation">}</span><span class="hljs-punctuation">]</span><span class="hljs-punctuation">,</span>
      <span class="hljs-attr">"publisher"</span><span class="hljs-punctuation">:</span><span class="hljs-punctuation">{</span>
         <span class="hljs-attr">"@type"</span><span class="hljs-punctuation">:</span> <span class="hljs-string">"Organization"</span><span class="hljs-punctuation">,</span>
         <span class="hljs-attr">"name"</span><span class="hljs-punctuation">:</span> <span class="hljs-string">"会社名"</span><span class="hljs-punctuation">,</span>
         <span class="hljs-attr">"url"</span><span class="hljs-punctuation">:</span> <span class="hljs-string">"https://www.example.com"</span>
      <span class="hljs-punctuation">}</span>
    <span class="hljs-punctuation">}</span>
    &lt;/script&gt;
</code></pre>
<h4 id="breadcrumb%E3%83%91%E3%83%B3%E3%81%8F%E3%81%9A%E3%83%AA%E3%82%B9%E3%83%88" class="code-line" dir="auto" data-line="83">Breadcrumb（パンくずリスト）</h4>
<p><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-18545" src="https://bruceclay.jpn.com/wp-content/uploads/2025/06/breadcrumbs.png" alt="パンくずリッチリザルト" width="900" height="506" srcset="https://bruceclay.jpn.com/wp-content/uploads/2025/06/breadcrumbs.png 900w, https://bruceclay.jpn.com/wp-content/uploads/2025/06/breadcrumbs-360x202.png 360w, https://bruceclay.jpn.com/wp-content/uploads/2025/06/breadcrumbs-768x432.png 768w, https://bruceclay.jpn.com/wp-content/uploads/2025/06/breadcrumbs-498x280.png 498w" sizes="(max-width: 900px) 100vw, 900px" /></p>
<p class="code-line" dir="auto" data-line="90">ページ階層を検索結果に明示できるため、ユーザーがサイト構造を理解しやすくなります。例えば「ホーム &gt; 商品カテゴリ &gt; 商品名」といった表示が可能です。</p>
<p class="code-line" dir="auto" data-line="92">参考：<a href="https://developers.google.com/search/docs/appearance/structured-data/breadcrumb?hl=ja" target="_blank" rel="noopener" data-href="https://developers.google.com/search/docs/appearance/structured-data/breadcrumb?hl=ja">パンくずリスト（BreadcrumbList）の構造化データ</a></p>
<p class="code-line" dir="auto" data-line="92"><strong>用途：</strong> サイト階層を明示し、ユーザーの位置をわかりやすくする。</p>
<p class="code-line" dir="auto" data-line="186"><strong>記述例：</strong></p>
<pre><code class="code-line language-json" dir="auto" data-line="96"><span class="hljs-punctuation">{</span>
  <span class="hljs-attr">"@context"</span><span class="hljs-punctuation">:</span> <span class="hljs-string">"https://schema.org"</span><span class="hljs-punctuation">,</span>
  <span class="hljs-attr">"@type"</span><span class="hljs-punctuation">:</span> <span class="hljs-string">"BreadcrumbList"</span><span class="hljs-punctuation">,</span>
  <span class="hljs-attr">"itemListElement"</span><span class="hljs-punctuation">:</span> <span class="hljs-punctuation">[</span>
    <span class="hljs-punctuation">{</span>
      <span class="hljs-attr">"@type"</span><span class="hljs-punctuation">:</span> <span class="hljs-string">"ListItem"</span><span class="hljs-punctuation">,</span>
      <span class="hljs-attr">"position"</span><span class="hljs-punctuation">:</span> <span class="hljs-number">1</span><span class="hljs-punctuation">,</span>
      <span class="hljs-attr">"name"</span><span class="hljs-punctuation">:</span> <span class="hljs-string">"ホーム"</span><span class="hljs-punctuation">,</span>
      <span class="hljs-attr">"item"</span><span class="hljs-punctuation">:</span> <span class="hljs-string">"https://example.com/"</span>
    <span class="hljs-punctuation">}</span><span class="hljs-punctuation">,</span>
    <span class="hljs-punctuation">{</span>
      <span class="hljs-attr">"@type"</span><span class="hljs-punctuation">:</span> <span class="hljs-string">"ListItem"</span><span class="hljs-punctuation">,</span>
      <span class="hljs-attr">"position"</span><span class="hljs-punctuation">:</span> <span class="hljs-number">2</span><span class="hljs-punctuation">,</span>
      <span class="hljs-attr">"name"</span><span class="hljs-punctuation">:</span> <span class="hljs-string">"ブログ"</span><span class="hljs-punctuation">,</span>
      <span class="hljs-attr">"item"</span><span class="hljs-punctuation">:</span> <span class="hljs-string">"https://example.com/blog"</span>
    <span class="hljs-punctuation">}</span><span class="hljs-punctuation">,</span>
    <span class="hljs-punctuation">{</span>
      <span class="hljs-attr">"@type"</span><span class="hljs-punctuation">:</span> <span class="hljs-string">"ListItem"</span><span class="hljs-punctuation">,</span>
      <span class="hljs-attr">"position"</span><span class="hljs-punctuation">:</span> <span class="hljs-number">3</span><span class="hljs-punctuation">,</span>
      <span class="hljs-attr">"name"</span><span class="hljs-punctuation">:</span> <span class="hljs-string">"構造化データとは"</span>
    <span class="hljs-punctuation">}</span>
  <span class="hljs-punctuation">]</span>
<span class="hljs-punctuation">}</span>
</code></pre>

<a href="https://bruceclay.jpn.com/column/breadcrumbs/" class="tmt-blog-card">
  <div class="tmt-blog-card-box">
    <div class="tmt-blog-card-thumbnail"><img src='https://bruceclay.jpn.com/wp-content/uploads/2024/11/breadcrumbslist.png' alt='パンくずリストとは？由来・種類やSEO効果、ユーザビリティ向上のメリットを徹底解説' width=200 height=112 /></div>
    <div class="tmt-blog-card-content">
        <div class="tmt-blog-card-title">パンくずリストとは？由来・種類やSEO効果、ユーザビリティ向上のメリットを徹底解説 </div>
        <div class="tmt-blog-card-excerpt">パンくずとは、サイト内のナビゲーション機能の一つとして、ユーザーが迷わず目的のページにたどり着くための重要な役割を果たします。 実はこのパンくずリスト、SEO効.....</div>
    </div>
  </div>
  <div class="tmt-blog-card-site"></div>
</a>
<h4 id="product%E5%95%86%E5%93%81" class="code-line" dir="auto" data-line="116">Product（商品）</h4>
<p><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-18544" src="https://bruceclay.jpn.com/wp-content/uploads/2025/06/products.png" alt="商品リッチリザルト" width="900" height="506" srcset="https://bruceclay.jpn.com/wp-content/uploads/2025/06/products.png 900w, https://bruceclay.jpn.com/wp-content/uploads/2025/06/products-360x202.png 360w, https://bruceclay.jpn.com/wp-content/uploads/2025/06/products-768x432.png 768w, https://bruceclay.jpn.com/wp-content/uploads/2025/06/products-498x280.png 498w" sizes="(max-width: 900px) 100vw, 900px" /></p>
<p class="code-line" dir="auto" data-line="126">ECサイトなどで利用され、価格・在庫状況・レビュー評価などをリッチリザルトに表示できます。購入意欲の高いユーザーへの訴求力を強化するのに有効です。</p>
<p class="code-line" dir="auto" data-line="128">参考：<a href="https://developers.google.com/search/docs/appearance/structured-data/product?hl=ja" target="_blank" rel="noopener" data-href="https://developers.google.com/search/docs/appearance/structured-data/product?hl=ja">Product の構造化データについて</a></p>
<p class="code-line" dir="auto" data-line="130"><strong>用途：</strong> ECサイトの商品詳細ページに。価格・在庫・レビューを検索結果に表示。</p>
<p class="code-line" dir="auto" data-line="132"><strong>記述例：</strong></p>
<pre><code class="code-line language-json" dir="auto" data-line="134">&lt;script type=<span class="hljs-string">"application/ld+json"</span>&gt;
    <span class="hljs-punctuation">{</span>
      <span class="hljs-attr">"@context"</span><span class="hljs-punctuation">:</span> <span class="hljs-string">"https://schema.org/"</span><span class="hljs-punctuation">,</span>
      <span class="hljs-attr">"@type"</span><span class="hljs-punctuation">:</span> <span class="hljs-string">"Product"</span><span class="hljs-punctuation">,</span>
      <span class="hljs-attr">"name"</span><span class="hljs-punctuation">:</span> <span class="hljs-string">"商品名"</span><span class="hljs-punctuation">,</span>
      <span class="hljs-attr">"image"</span><span class="hljs-punctuation">:</span> <span class="hljs-punctuation">[</span>
        <span class="hljs-string">"https://example.com/photos/1x1/photo.jpg"</span><span class="hljs-punctuation">,</span>
        <span class="hljs-string">"https://example.com/photos/4x3/photo.jpg"</span><span class="hljs-punctuation">,</span>
        <span class="hljs-string">"https://example.com/photos/16x9/photo.jpg"</span>
       <span class="hljs-punctuation">]</span><span class="hljs-punctuation">,</span>
      <span class="hljs-attr">"description"</span><span class="hljs-punctuation">:</span> <span class="hljs-string">"商品説明文"</span><span class="hljs-punctuation">,</span>
      <span class="hljs-attr">"sku"</span><span class="hljs-punctuation">:</span> <span class="hljs-string">"0446310786"</span><span class="hljs-punctuation">,</span>
      <span class="hljs-attr">"mpn"</span><span class="hljs-punctuation">:</span> <span class="hljs-string">"925872"</span><span class="hljs-punctuation">,</span>
      <span class="hljs-attr">"brand"</span><span class="hljs-punctuation">:</span> <span class="hljs-punctuation">{</span>
        <span class="hljs-attr">"@type"</span><span class="hljs-punctuation">:</span> <span class="hljs-string">"Brand"</span><span class="hljs-punctuation">,</span>
        <span class="hljs-attr">"name"</span><span class="hljs-punctuation">:</span> <span class="hljs-string">"ブランド名"</span>
      <span class="hljs-punctuation">}</span><span class="hljs-punctuation">,</span>
      <span class="hljs-attr">"review"</span><span class="hljs-punctuation">:</span> <span class="hljs-punctuation">{</span>
        <span class="hljs-attr">"@type"</span><span class="hljs-punctuation">:</span> <span class="hljs-string">"Review"</span><span class="hljs-punctuation">,</span>
        <span class="hljs-attr">"reviewRating"</span><span class="hljs-punctuation">:</span> <span class="hljs-punctuation">{</span>
          <span class="hljs-attr">"@type"</span><span class="hljs-punctuation">:</span> <span class="hljs-string">"Rating"</span><span class="hljs-punctuation">,</span>
          <span class="hljs-attr">"ratingValue"</span><span class="hljs-punctuation">:</span> <span class="hljs-number">4</span><span class="hljs-punctuation">,</span>
          <span class="hljs-attr">"bestRating"</span><span class="hljs-punctuation">:</span> <span class="hljs-number">5</span>
      <span class="hljs-punctuation">}</span><span class="hljs-punctuation">,</span>
        <span class="hljs-attr">"author"</span><span class="hljs-punctuation">:</span> <span class="hljs-punctuation">{</span>
          <span class="hljs-attr">"@type"</span><span class="hljs-punctuation">:</span> <span class="hljs-string">"Person"</span><span class="hljs-punctuation">,</span>
          <span class="hljs-attr">"name"</span><span class="hljs-punctuation">:</span> <span class="hljs-string">"投稿者名"</span>
        <span class="hljs-punctuation">}</span>
      <span class="hljs-punctuation">}</span><span class="hljs-punctuation">,</span>
      <span class="hljs-attr">"aggregateRating"</span><span class="hljs-punctuation">:</span> <span class="hljs-punctuation">{</span>
        <span class="hljs-attr">"@type"</span><span class="hljs-punctuation">:</span> <span class="hljs-string">"AggregateRating"</span><span class="hljs-punctuation">,</span>
        <span class="hljs-attr">"ratingValue"</span><span class="hljs-punctuation">:</span> <span class="hljs-number">4.4</span><span class="hljs-punctuation">,</span>
        <span class="hljs-attr">"reviewCount"</span><span class="hljs-punctuation">:</span> <span class="hljs-number">89</span>
      <span class="hljs-punctuation">}</span><span class="hljs-punctuation">,</span>
      <span class="hljs-attr">"offers"</span><span class="hljs-punctuation">:</span> <span class="hljs-punctuation">{</span>
        <span class="hljs-attr">"@type"</span><span class="hljs-punctuation">:</span> <span class="hljs-string">"Offer"</span><span class="hljs-punctuation">,</span>
        <span class="hljs-attr">"url"</span><span class="hljs-punctuation">:</span> <span class="hljs-string">"https://example.com/products/aaa/"</span><span class="hljs-punctuation">,</span>
        <span class="hljs-attr">"priceCurrency"</span><span class="hljs-punctuation">:</span> <span class="hljs-string">"JPY"</span><span class="hljs-punctuation">,</span>
        <span class="hljs-attr">"price"</span><span class="hljs-punctuation">:</span> <span class="hljs-number">1000</span><span class="hljs-punctuation">,</span>
        <span class="hljs-attr">"priceValidUntil"</span><span class="hljs-punctuation">:</span> <span class="hljs-string">"2024-11-20"</span><span class="hljs-punctuation">,</span>
        <span class="hljs-attr">"itemCondition"</span><span class="hljs-punctuation">:</span> <span class="hljs-string">"https://schema.org/NewCondition"</span><span class="hljs-punctuation">,</span>
        <span class="hljs-attr">"availability"</span><span class="hljs-punctuation">:</span> <span class="hljs-string">"https://schema.org/InStock"</span>
    <span class="hljs-punctuation">}</span>
      <span class="hljs-punctuation">}</span>
    &lt;/script&gt;
</code></pre>
<h4 id="localbusiness%E3%83%AD%E3%83%BC%E3%82%AB%E3%83%AB%E3%83%93%E3%82%B8%E3%83%8D%E3%82%B9" class="code-line" dir="auto" data-line="171">LocalBusiness（ローカルビジネス）</h4>
<p class="code-line" dir="auto" data-line="184">飲食店、美容室、病院、オフィスなど、地域に根ざしたビジネスに使用されます。ビジネス名、住所、電話番号、営業時間などを記述でき、Google検索やGoogleマップでの露出を高める効果が期待されます。検索結果に店舗情報が強調表示されたり、ユーザーの行動（訪問・電話・予約）に直結しやすくなるため、実店舗ビジネスにとっては非常に重要な構造化データです。</p>
<p class="code-line" dir="auto" data-line="186">参考：<a href="https://developers.google.com/search/docs/appearance/structured-data/local-business?hl=ja" target="_blank" rel="noopener" data-href="https://developers.google.com/search/docs/appearance/structured-data/local-business?hl=ja">ローカル ビジネス（LocalBusiness）の構造化データ</a></p>
<p class="code-line" dir="auto" data-line="188"><strong>用途：</strong> 実店舗・サロン・医院・オフィスなどのビジネス情報を表示。営業時間や住所、電話番号などがGoogle検索やマップに反映されやすくなります。</p>
<p class="code-line" dir="auto" data-line="190"><strong>記述例：</strong></p>
<pre><code class="code-line language-json" dir="auto" data-line="192"><span class="hljs-punctuation">{</span>
  <span class="hljs-attr">"@context"</span><span class="hljs-punctuation">:</span> <span class="hljs-string">"https://schema.org"</span><span class="hljs-punctuation">,</span>
  <span class="hljs-attr">"@type"</span><span class="hljs-punctuation">:</span> <span class="hljs-string">"LocalBusiness"</span><span class="hljs-punctuation">,</span>
  <span class="hljs-attr">"name"</span><span class="hljs-punctuation">:</span> <span class="hljs-string">"店舗名"</span><span class="hljs-punctuation">,</span>
  <span class="hljs-attr">"image"</span><span class="hljs-punctuation">:</span> <span class="hljs-string">"https://example.com/images/clinic.jpg"</span><span class="hljs-punctuation">,</span>
  <span class="hljs-attr">"address"</span><span class="hljs-punctuation">:</span> <span class="hljs-punctuation">{</span>
    <span class="hljs-attr">"@type"</span><span class="hljs-punctuation">:</span> <span class="hljs-string">"PostalAddress"</span><span class="hljs-punctuation">,</span>
    <span class="hljs-attr">"streetAddress"</span><span class="hljs-punctuation">:</span> <span class="hljs-string">"渋谷区渋谷3-19-1"</span><span class="hljs-punctuation">,</span>
    <span class="hljs-attr">"addressLocality"</span><span class="hljs-punctuation">:</span> <span class="hljs-string">"東京"</span><span class="hljs-punctuation">,</span>
    <span class="hljs-attr">"postalCode"</span><span class="hljs-punctuation">:</span> <span class="hljs-string">"150-0002"</span><span class="hljs-punctuation">,</span>
    <span class="hljs-attr">"addressCountry"</span><span class="hljs-punctuation">:</span> <span class="hljs-string">"JP"</span>
  <span class="hljs-punctuation">}</span><span class="hljs-punctuation">,</span>
  <span class="hljs-attr">"telephone"</span><span class="hljs-punctuation">:</span> <span class="hljs-string">"+81-3-1234-5678"</span><span class="hljs-punctuation">,</span>
  <span class="hljs-attr">"openingHours"</span><span class="hljs-punctuation">:</span> <span class="hljs-string">"Mo-Fr 09:00-18:00"</span><span class="hljs-punctuation">,</span>
  <span class="hljs-attr">"url"</span><span class="hljs-punctuation">:</span> <span class="hljs-string">"https://example.com/clinic"</span>
<span class="hljs-punctuation">}</span>
</code></pre>
<p class="code-line" dir="auto" data-line="211">これらはすべてGoogleが対応している構造化データタイプであり、公式の<a href="https://developers.google.com/search/docs/appearance/structured-data/search-gallery?hl=ja" target="_blank" rel="noopener" data-href="https://developers.google.com/search/docs/appearance/structured-data/search-gallery?hl=ja">検索ギャラリー</a>にも掲載されています。</p>
<h3 id="json-ld%E5%BD%A2%E5%BC%8F%E3%81%AE%E5%9F%BA%E6%9C%AC%E3%81%A8%E7%90%86%E7%94%B1" class="code-line" dir="auto" data-line="61">JSON-LD形式の基本と理由</h3>
<p class="code-line" dir="auto" data-line="217">構造化データの記述には複数の形式（Microdata、RDFa、JSON-LD）がありますが、Googleが明確に推奨しているのが<strong>JSON-LD（JavaScript Object Notation for Linked Data）形式</strong>です。これはHTMLの内部に直接書き込むのではなく、<code>&lt;script type="application/ld+json"&gt;</code>タグを使ってページ内に挿入する方法です。</p>
<p class="code-line" dir="auto" data-line="219">JSON-LDの主な利点は以下のとおりです：</p>
<ul class="code-line" dir="auto" data-line="221">
<li class="code-line" dir="auto" data-line="221">HTMLの構造に干渉せず記述できるため、既存のコードへの影響が少ない</li>
<li class="code-line" dir="auto" data-line="222">読みやすく、保守性が高い</li>
<li class="code-line" dir="auto" data-line="223">ツールによる自動生成・管理がしやすい</li>
</ul>
<p class="code-line" dir="auto" data-line="225">Googleがこの形式を「最も推奨する」と明言していることから、特別な事情がなければJSON-LDを用いるのがベストプラクティスです。</p>
<h2 id="%E6%A7%8B%E9%80%A0%E5%8C%96%E3%83%87%E3%83%BC%E3%82%BF%E3%81%AE%E5%AE%9F%E8%A3%85%E3%82%B9%E3%83%86%E3%83%83%E3%83%97%E3%81%A8%E6%B3%A8%E6%84%8F%E7%82%B9" class="code-line" dir="auto" data-line="73">構造化データの実装ステップと注意点</h2>
<h3 id="cms%E3%83%BBhtml%E3%81%AB%E7%B5%84%E3%81%BF%E8%BE%BC%E3%82%80%E5%9F%BA%E6%9C%AC%E7%9A%84%E3%81%AA%E6%96%B9%E6%B3%95" class="code-line" dir="auto" data-line="75">CMS・HTMLに組み込む基本的な方法</h3>
<p class="code-line" dir="auto" data-line="233">構造化データの実装は、使用しているサイトの構造やCMSに応じて異なりますが、基本的な流れは共通しています。主に以下の2通りの方法があります：</p>
<h3 id="%F0%9F%9B%A0-%E6%A7%8B%E9%80%A0%E5%8C%96%E3%83%87%E3%83%BC%E3%82%BF%E3%81%AE%E5%AE%9F%E8%A3%85%E6%96%B9%E6%B3%95-%E6%AF%94%E8%BC%83%E8%A1%A8" class="code-line" dir="auto" data-line="239"><img src="https://s.w.org/images/core/emoji/15.0.3/72x72/1f6e0.png" alt="🛠" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 構造化データの実装方法 比較表</h3>
<table class="code-line" dir="auto" data-line="237">
<thead class="code-line" dir="auto" data-line="237">
<tr class="code-line" dir="auto" data-line="237">
<th>実装方法</th>
<th>対象者</th>
<th>実装場所</th>
<th>特徴・利点</th>
</tr>
</thead>
<tbody class="code-line" dir="auto" data-line="239">
<tr class="code-line" dir="auto" data-line="239">
<td><strong>HTMLに直接記述（静的サイト）</strong></td>
<td>開発者向け</td>
<td><code>&lt;head&gt;</code>または<code>&lt;body&gt;</code>内</td>
<td>&#8211; 自由度が高く、細かな調整が可能<br />
&#8211; 既存コードに合わせて柔軟に対応可能</td>
</tr>
<tr class="code-line" dir="auto" data-line="240">
<td><strong>CMSプラグイン（WordPressなど）</strong></td>
<td>初心者〜中級者向け</td>
<td>管理画面から設定</td>
<td>&#8211; コーディング不要<br />
&#8211; Yoast SEOやSchema Proなど視覚的に操作可能</td>
</tr>
</tbody>
</table>
<p class="code-line" dir="auto" data-line="242">また、Googleが提供する「<a href="https://search.google.com/test/rich-results" target="_blank" rel="noopener" data-href="https://search.google.com/test/rich-results">リッチリザルト テスト</a>」やブルースクレイ・ジャパンの「<a href="https://chromewebstore.google.com/detail/obmnleflmffnkfdiaecgniokcfebhnkd" target="_blank" rel="noopener" data-href="https://validator.schema.org/">SEOdin ページアナライザー</a>」などを活用すると、実装の結果を即座に確認できます。</p>
<h3 id="%E3%83%86%E3%82%B9%E3%83%88%E3%81%A8%E3%82%A8%E3%83%A9%E3%83%BC%E5%9B%9E%E9%81%BF%E3%81%AE%E3%83%9D%E3%82%A4%E3%83%B3%E3%83%88" class="code-line code-active-line" dir="auto" data-line="244">テストとエラー回避のポイント</h3>
<p class="code-line" dir="auto" data-line="255">構造化データを正しく実装しても、形式ミスや不完全なマークアップがあるとGoogleに正しく認識されないことがあります。そのため、以下のテストツールを使った事前確認が重要です。</p>
<ul class="code-line" dir="auto" data-line="248">
<li class="code-line" dir="auto" data-line="248">
<p class="code-line" dir="auto" data-line="248"><strong>リッチリザルト テスト</strong> 　URLまたはコードを入力して、Google検索でリッチリザルトが表示される可能性をチェックします。</p>
</li>
<li class="code-line" dir="auto" data-line="251">
<p class="code-line" dir="auto" data-line="251"><strong>構造化データテストツール（レガシー版）</strong> 　形式や構造の妥当性を詳細に確認できます（デバッグ用途として今も有効）。</p>
</li>
</ul>
<p class="code-line" dir="auto" data-line="265">エラーの多くは「必須項目の抜け」や「無効な値の記載」に起因しています。特に注意すべきなのは、以下のような点です：</p>
<ul class="code-line" dir="auto" data-line="267">
<li class="code-line" dir="auto" data-line="256">意図しない日本語変換や全角記号によるフォーマット崩れ</li>
<li class="code-line" dir="auto" data-line="257">他ページと同じ構造をコピーして不整合が生じるケース</li>
<li class="code-line" dir="auto" data-line="258">一部だけマークアップしていて整合性が取れない構造</li>
</ul>
<p class="code-line" dir="auto" data-line="271">これらを避けるためにも、テストと検証を丁寧に行う習慣が重要です。</p>
<h2 id="%E6%A7%8B%E9%80%A0%E5%8C%96%E3%83%87%E3%83%BC%E3%82%BF%E5%B0%8E%E5%85%A5%E3%81%A7%E3%82%88%E3%81%8F%E3%81%82%E3%82%8B%E8%AA%A4%E8%A7%A3%E3%81%A8%E5%A4%B1%E6%95%97%E4%BE%8B" class="code-line" dir="auto" data-line="109">構造化データ導入でよくある誤解と失敗例</h2>
<h3 id="%E5%AE%9F%E8%A3%85%E3%81%99%E3%82%8C%E3%81%B0%E5%8D%B3seo%E5%8A%B9%E6%9E%9C%E3%81%8C%E5%87%BA%E3%82%8B%E3%81%AA%E3%81%A9%E3%81%AE%E8%AA%A4%E8%A7%A3" class="code-line" dir="auto" data-line="111">「実装すれば即SEO効果が出る」などの誤解</h3>
<p class="code-line" dir="auto" data-line="279">構造化データを導入すると「すぐに検索順位が上がる」と誤解されがちですが、これは大きなミスリードです。Googleは構造化データを<strong>ランキング要因の一部としては扱っていない</strong>と明言しており、実装したからといって順位が即座に向上することはありません。</p>
<p class="code-line" dir="auto" data-line="281">しかし、<strong>クリック率（CTR）やユーザー体験の向上には直接つながる</strong>ため、間接的にはSEOに好影響を与えることが多いのは事実です。たとえば、FAQ構造化を入れることで、検索結果にQ&amp;Aが表示され、ユーザーが知りたい情報にすぐアクセスできるようになれば、サイトへの信頼性も高まり、結果として流入増加につながる可能性があります。</p>
<p class="code-line" dir="auto" data-line="283">そのため、「順位アップの魔法のツール」ではなく、「ユーザーによりよい情報を届けるための補助機能」として捉えることが大切です。</p>
<h3 id="%E5%BD%A2%E5%BC%8F%E3%83%9F%E3%82%B9%E3%82%84%E6%84%8F%E5%9B%B3%E3%81%A8%E7%95%B0%E3%81%AA%E3%82%8B%E8%A1%A8%E7%A4%BA%E4%BE%8B" class="code-line" dir="auto" data-line="119">形式ミスや意図と異なる表示例</h3>
<p class="code-line" dir="auto" data-line="287">もうひとつのよくある落とし穴が「形式ミス」や「構造の不整合」によるエラー、もしくは「意図しない検索結果表示」です。たとえば、商品ページに対してProduct構造化を適用したものの、価格情報が動的に生成されていてJSON-LDと一致していなかったために、<strong>Googleに無効と判定された</strong>というケースもあります。</p>
<p class="code-line" dir="auto" data-line="289">また、FAQ構造化において同じ質問を複数ページで使い回した結果、<strong>重複コンテンツと判断されて表示されなくなった</strong>という事例も存在します。</p>
<p class="code-line" dir="auto" data-line="291">構造化データは「正確かつ一貫性のある内容」が評価されるため、下記のようなチェックが重要です：</p>
<ul class="code-line" dir="auto" data-line="293">
<li class="code-line" dir="auto" data-line="282">実際のページ内容と構造化データの内容が一致しているか</li>
<li class="code-line" dir="auto" data-line="283">使用している構造化タイプが対象ページの目的とマッチしているか</li>
<li class="code-line" dir="auto" data-line="284">マークアップの形式やシンタックスに誤りがないか</li>
</ul>
<p class="code-line" dir="auto" data-line="297">失敗事例から学びつつ、実装前の検証・テスト・メンテナンスを習慣化することが、成果を最大化する鍵です。</p>
<h2 id="%E3%81%BE%E3%81%A8%E3%82%81%E6%A7%8B%E9%80%A0%E5%8C%96%E3%83%87%E3%83%BC%E3%82%BF%E3%81%AE%E4%BE%A1%E5%80%A4%E3%81%A8%E6%AC%A1%E3%81%AE%E3%82%B9%E3%83%86%E3%83%83%E3%83%97" class="code-line" dir="auto" data-line="135">まとめ｜構造化データの価値と次のステップ</h2>
<p class="code-line" dir="auto" data-line="303">構造化データは、検索エンジンに情報を正確に伝えるための強力な仕組みです。ページの内容に意味を持たせて整理することで、ユーザーにとってもわかりやすく、視認性の高いリッチリザルト表示が可能になります。これにより、クリック率の向上やコンバージョンの機会拡大につながることも多く、SEO施策の一環として導入する価値は非常に高いといえるでしょう。</p>
<p class="code-line" dir="auto" data-line="305">ただし、「実装すれば順位が上がる」といった誤解を避け、あくまで<strong>ユーザー目線の利便性を高める補助機能</strong>として扱うことが重要です。また、Googleのガイドラインを守ることはもちろん、実装後の検証・メンテナンスも欠かせません。</p>
<p class="code-line" dir="auto" data-line="307">これから構造化データを導入しようと考えている方は、以下のような次のステップを検討してみてください：</p>
<ul class="code-line" dir="auto" data-line="309">
<li class="code-line" dir="auto" data-line="298">自社サイトに適した構造化データタイプを選定する</li>
<li class="code-line" dir="auto" data-line="299">CMSやツールを使って無理なく実装する</li>
<li class="code-line" dir="auto" data-line="300">テストツールでエラーを確認し、定期的にメンテナンスを行う</li>
<li class="code-line" dir="auto" data-line="301">表示状況をSearch Consoleなどでモニタリングする</li>
</ul>
<p class="code-line" dir="auto" data-line="314">もし、自力での設計や実装に不安がある場合は、外部の専門家に相談するのも一つの手段です。 詳しくは <a href="https://bruceclay.jpn.com/service/consulting/seo/" data-href="https://bruceclay.jpn.com/service/consulting/seo/">SEOコンサルティング</a> をご覧ください。</p>
<p dir="auto" data-line="314"><a href="https://bruceclay.jpn.com/service/consulting/seo/"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-18758" src="https://bruceclay.jpn.com/wp-content/uploads/2025/08/banner4.png" alt="SEO問い合わせ" width="1584" height="396" srcset="https://bruceclay.jpn.com/wp-content/uploads/2025/08/banner4.png 1584w, https://bruceclay.jpn.com/wp-content/uploads/2025/08/banner4-360x90.png 360w, https://bruceclay.jpn.com/wp-content/uploads/2025/08/banner4-1024x256.png 1024w, https://bruceclay.jpn.com/wp-content/uploads/2025/08/banner4-768x192.png 768w, https://bruceclay.jpn.com/wp-content/uploads/2025/08/banner4-500x125.png 500w" sizes="(max-width: 1584px) 100vw, 1584px" /></a></p>
<h2 id="faq%E3%82%88%E3%81%8F%E3%81%82%E3%82%8B%E8%B3%AA%E5%95%8F" class="code-line" dir="auto" data-line="153">FAQ｜よくある質問</h2>
<h3 id="q1%E6%A7%8B%E9%80%A0%E5%8C%96%E3%83%87%E3%83%BC%E3%82%BF%E3%82%92%E5%B0%8E%E5%85%A5%E3%81%99%E3%82%8C%E3%81%B0seo%E9%A0%86%E4%BD%8D%E3%81%AF%E4%B8%8A%E3%81%8C%E3%82%8A%E3%81%BE%E3%81%99%E3%81%8B" class="code-line" dir="auto" data-line="155">Q1：構造化データを導入すればSEO順位は上がりますか？</h3>
<p class="code-line" dir="auto" data-line="323">いいえ、構造化データを実装したからといって、直接的に検索順位が上がることはありません。Googleも「ランキング要因ではない」と明言しています。ただし、リッチリザルト表示などによって<strong>検索結果での視認性が高まり、クリック率（CTR）が向上する</strong>可能性があるため、間接的にSEO効果を期待することはできます。</p>
<h3 id="q2%E5%88%9D%E5%BF%83%E8%80%85%E3%81%A7%E3%82%82%E6%A7%8B%E9%80%A0%E5%8C%96%E3%83%87%E3%83%BC%E3%82%BF%E3%82%92%E6%89%B1%E3%81%88%E3%81%BE%E3%81%99%E3%81%8B" class="code-line" dir="auto" data-line="159">Q2：初心者でも構造化データを扱えますか？</h3>
<p class="code-line" dir="auto" data-line="327">はい、基本的な構造化データであれば<strong>テンプレートやプラグインを使って簡単に実装可能</strong>です。特にWordPressなどのCMSを利用している場合は、専用のプラグイン（例：Yoast SEO、Schema Proなど）を使うことで、コーディング不要で設定できます。また、Googleが提供するテストツールもあるため、導入後の確認も安心して行えます。</p><p>The post <a href="https://bruceclay.jpn.com/column/structured-data/">【SEO初心者必見】検索結果で目立つ構造化データの使い方と実装ステップ</a> first appeared on <a href="https://bruceclay.jpn.com">ブルースクレイ・ジャパン</a>.</p>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>パンくずリストとは？由来・種類やSEO効果、ユーザビリティ向上のメリットを徹底解説</title>
		<link>https://bruceclay.jpn.com/column/breadcrumbs/</link>
		
		<dc:creator><![CDATA[SEOコンサルタントチーム]]></dc:creator>
		<pubDate>Wed, 13 Nov 2024 03:19:14 +0000</pubDate>
				<category><![CDATA[#基礎知識]]></category>
		<category><![CDATA[#内部施策]]></category>
		<guid isPermaLink="false">https://bruceclay.jpn.com/?post_type=p_col&#038;p=17034</guid>

					<description><![CDATA[<p>パンくずとは、サイト内のナビゲーション機能の一つとして、ユーザーが迷わず目的のページにたどり着くための重要な役割を果たします。 実はこのパンくずリスト、SEO効果にも大きな影響を与えることをご存じでしょうか？ユーザーの利 [&#8230;]</p>
<p>The post <a href="https://bruceclay.jpn.com/column/breadcrumbs/">パンくずリストとは？由来・種類やSEO効果、ユーザビリティ向上のメリットを徹底解説</a> first appeared on <a href="https://bruceclay.jpn.com">ブルースクレイ・ジャパン</a>.</p>]]></description>
										<content:encoded><![CDATA[<p>パンくずとは、サイト内のナビゲーション機能の一つとして、ユーザーが迷わず目的のページにたどり着くための重要な役割を果たします。</p>
<p>実はこのパンくずリスト、SEO効果にも大きな影響を与えることをご存じでしょうか？ユーザーの利便性を高めるだけでなく、検索エンジンにサイトの構造を正確に伝え、クロール効率の向上にも貢献します。</p>
<p>この記事では、パンくずリストの基本から種類ごとの特徴、SEO効果やユーザビリティ向上のポイントまでを詳しく解説します。初心者の方や、<a href="https://bruceclay.jpn.com/column/about_seo/">SEO</a>を強化したいサイト運営者の方にも役立つ内容を網羅していますので、ぜひ参考にしてください。</p>
<h2><strong>パンくずリストとは？その意味と役割、由来</strong></h2>
<p><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-17035" src="https://bruceclay.jpn.com/wp-content/uploads/2024/11/about_breadcrumbs.png" alt="パンくずリストとは" width="900" height="506" srcset="https://bruceclay.jpn.com/wp-content/uploads/2024/11/about_breadcrumbs.png 900w, https://bruceclay.jpn.com/wp-content/uploads/2024/11/about_breadcrumbs-360x202.png 360w, https://bruceclay.jpn.com/wp-content/uploads/2024/11/about_breadcrumbs-768x432.png 768w, https://bruceclay.jpn.com/wp-content/uploads/2024/11/about_breadcrumbs-498x280.png 498w" sizes="(max-width: 900px) 100vw, 900px" /></p>
<h3><strong>パンくずリストの定義と目的</strong></h3>
<p><span class="marker-pink">パンくずリストとは、ユーザーがWebサイト内で現在どの位置にいるのかを視覚的に示すナビゲーション機能</span>です。</p>
<p>コンテンツの上部（ヘッダー下部）、またはフッター上に設置されることが多いです。このサイトではフッター上に設置しています。</p>
<p>一般的にページ上部に配置され、「ホーム &gt; カテゴリ &gt; 商品ページ」といった形式で階層構造を表示します。これにより、ユーザーはいつでも前の階層に戻ることができ、迷わず目的の情報にたどり着けます。特にコンテンツ量が多いECサイトやブログで活用され、訪問者の利便性を大きく向上させます。</p>
<p>また、パンくずリストはサイト運営者にとっても利点があります。SEOの観点から見ると、内部リンクとしての役割を果たし、検索エンジンがサイト内の各ページの関連性を理解しやすくなるからです。これにより、サイト全体の評価向上や、ページのクローラビリティ（クロールされやすさ）の改善が期待できます。</p>
<h3><strong>なぜ「パンくず」と呼ばれるのか？</strong></h3>
<p>「パンくず」という名称は、グリム童話『ヘンゼルとグレーテル』に由来しています。</p>
<p>この物語では、主人公たちが森の中で迷子にならないよう道にパンくずを落としていきました。同様に、パンくずリストも「自分が辿った道筋」を示し、元の場所に戻る道しるべとして機能することから、このように呼ばれるようになったとされています。この名称は、親しみやすく直感的に理解できるため、多くのWebサイトで一般的に使用されています。</p>
<h2><strong>パンくずリストの種類</strong></h2>
<p>パンくずリストには3種類があります。簡単に説明すると以下のような分類です。</p>
<table style="border-collapse: collapse; width: 100%; height: 168px;">
<tbody>
<tr style="height: 24px;">
<td style="width: 16.1349%; height: 24px; background-color: #fabbbb; border-color: #ffc2c2;">パンくずリストの種類</td>
<td style="width: 40.591%; height: 24px; background-color: #fabbbb; border-color: #ffc2c2;">概要</td>
<td style="width: 43.2741%; height: 24px; background-color: #fabbbb; border-color: #ffc2c2;">使い方・メリット</td>
</tr>
<tr style="height: 48px;">
<td style="width: 16.1349%; height: 48px; border-color: #ffc2c2;">位置型パンくずリスト</td>
<td style="width: 40.591%; height: 48px; border-color: #ffc2c2;">サイトの階層構造を示し、ユーザーが現在どのカテゴリにいるのかを表す</td>
<td style="width: 43.2741%; height: 48px; border-color: #ffc2c2;">コンテンツが階層的に整理されているWebサイトに最適</td>
</tr>
<tr style="height: 48px;">
<td style="width: 16.1349%; height: 48px; border-color: #ffc2c2;">属性型パンくずリスト</td>
<td style="width: 40.591%; height: 48px; border-color: #ffc2c2;">商品の属性や特徴によって分類され</td>
<td style="width: 43.2741%; height: 48px; border-color: #ffc2c2;">複数の特性から商品を絞り込むECサイトで、利便性を高める</td>
</tr>
<tr style="height: 48px;">
<td style="width: 16.1349%; height: 48px; border-color: #ffc2c2;">パス型パンくずリスト</td>
<td style="width: 40.591%; height: 48px; border-color: #ffc2c2;">ユーザーが辿った閲覧履歴を示し、訪れたページを順番に表示する</td>
<td style="width: 43.2741%; height: 48px; border-color: #ffc2c2;">ユーザーが複雑な経路でページを閲覧するサイトで役立つ</td>
</tr>
</tbody>
</table>
<p><span class="marker-pink"><strong>SEOの観点では、「位置型パンくずリスト」が推奨されています</strong></span>。それぞれについて、細かくご紹介します。</p>
<h3><strong>位置型パンくずリスト</strong></h3>
<div class="contain-inline-size rounded-md border-[0.5px] border-token-border-medium relative bg-token-sidebar-surface-primary dark:bg-gray-950">
<div class="overflow-y-auto p-4" dir="ltr"><code class="!whitespace-pre hljs language-html"></code></div>
<div class="bgWrap blue1 bg-r5 pc-mt-30 sp-mt-20">ホーム &gt; トップス &gt; Tシャツ &gt; TシャツAの商品詳細</div>
<div class="overflow-y-auto p-4" dir="ltr"><code class="!whitespace-pre hljs language-html"><br />
</code></div>
</div>
<p>位置型パンくずリストは、ユーザーがサイト内のどの階層にいるかを示すもので、階層が明確なサイト構造を持つサイトでよく使われます。<br />
例のように、ページの親子関係に基づいて表示されます。特に階層が深い求人サイトやECサイトで効果を発揮し、ユーザーがトップページに戻ることなく、カテゴリーの階層を辿りながら探している情報にアクセスしやすくなります。</p>
<p>位置型パンくずリストは、<span class="marker-pink">検索エンジンがサイトの構造を理解する上でも役立ち、SEO効果が期待できるため、多くのサイトで導入されています</span>。</p>
<h3><strong>属性型パンくずリスト</strong></h3>
<div class="contain-inline-size rounded-md border-[0.5px] border-token-border-medium relative bg-token-sidebar-surface-primary dark:bg-gray-950">
<div class="overflow-y-auto p-4" dir="ltr"><code class="!whitespace-pre hljs language-html"></code></div>
<div class="bgWrap blue1 bg-r5 pc-mt-30 sp-mt-20">
<p>ホーム &gt; ブランド名 &gt; Tシャツ &gt; TシャツAの商品詳細 <br />
ホーム &gt; メンズ &gt; Tシャツ &gt; TシャツAの商品詳細 <br />
ホーム &gt; メンズ &gt; レッド &gt; Tシャツ &gt; TシャツAの商品詳細</p>
</div>
<div class="overflow-y-auto p-4" dir="ltr"><code class="!whitespace-pre hljs language-html"><br />
</code></div>
</div>
<p>属性型パンくずリストは、商品の特性やカテゴリに応じた情報を表示するタイプで、特にECサイトや不動産サイトで有効です。</p>
<p>たとえば、「ホーム &gt; メンズファッション &gt; ジャケット &gt; ブルー」のように、特定の属性に基づいた項目が並びます。これにより、ユーザーは複数の条件で絞り込んだ結果を参照しながら、次のカテゴリや関連商品に簡単にアクセスできます。</p>
<p>属性型パンくずリストは、ユーザーが関心のある属性に基づいて情報を得られるため、回遊率の向上や、コンバージョンの促進にもつながりやすいとされています。</p>
<h3><strong>パス型パンくずリスト</strong></h3>
<div class="contain-inline-size rounded-md border-[0.5px] border-token-border-medium relative bg-token-sidebar-surface-primary dark:bg-gray-950">
<div class="overflow-y-auto p-4" dir="ltr"><code class="!whitespace-pre hljs language-html"></code></div>
<div class="bgWrap blue1 bg-r5 pc-mt-30 sp-mt-20">検索結果”Tシャツ” &gt; TシャツAの商品詳細</div>
<div class="overflow-y-auto p-4" dir="ltr"><code class="!whitespace-pre hljs language-html"><br />
</code></div>
</div>
<p>パス型パンくずリストは、ユーザーが辿ったページの履歴を表示します。<br />
たとえば、「ホーム &gt; 特集ページ &gt; 記事一覧 &gt; 記事詳細ページ」のように、訪問者がどの順番でページを閲覧したかが示されるため、再訪したいページに戻りやすくなります。このタイプは、閲覧パスが複雑なサイトや、情報量が多くページ移動が頻繁に行われるサイトに有効です。</p>
<p>パス型はサイトの構造に縛られないため、自由度が高く、ユーザーの動線に沿って最適なナビゲーションを提供できる点が特徴です。</p>
<h2><strong>パンくずリストのSEOメリット</strong></h2>
<p><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-17036" src="https://bruceclay.jpn.com/wp-content/uploads/2024/11/breadcrumbs_merit.png" alt="パンくずリストのSEOにおけるメリット" width="900" height="506" srcset="https://bruceclay.jpn.com/wp-content/uploads/2024/11/breadcrumbs_merit.png 900w, https://bruceclay.jpn.com/wp-content/uploads/2024/11/breadcrumbs_merit-360x202.png 360w, https://bruceclay.jpn.com/wp-content/uploads/2024/11/breadcrumbs_merit-768x432.png 768w, https://bruceclay.jpn.com/wp-content/uploads/2024/11/breadcrumbs_merit-498x280.png 498w" sizes="(max-width: 900px) 100vw, 900px" /></p>
<h3><strong><span class="OYPEnA font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none">テーマ性の向上により検索順位へ好影響を与える</span></strong></h3>
<p>パンくずリストは、検索エンジンにとってサイトの構造を把握するための重要な手がかりとなります。特にGoogleは、<span class="marker-pink">パンくずリストを通してページの親子関係やカテゴリーの関連性を理解</span>し、サイト内の情報の階層性を認識します。</p>
<p>パンくずリストがあることで、検索エンジンはページ同士の関係性をより正確に評価でき、テーマ性が向上することで、結果としてサイト全体のSEO評価が高まる可能性があるのです。</p>
<p>パンくずの改善によるテーマ性強化では、順位改善がみられるケースも非常に多いです。以下の記事では、パンくずをはじめとしたSEOの基礎的な施策により順位改善が見られた事例を紹介していますので、あわせてご覧ください。</p>

<a href="https://bruceclay.jpn.com/column/ec-seo/" class="tmt-blog-card">
  <div class="tmt-blog-card-box">
    <div class="tmt-blog-card-thumbnail"><img src='https://bruceclay.jpn.com/wp-content/uploads/2025/07/seo-ec.png' alt='【成功事例に学ぶ】ECサイトのSEOで差がつく！売上を伸ばす改善ポイントやSEO対策の注意点とは？' width=200 height=112 /></div>
    <div class="tmt-blog-card-content">
        <div class="tmt-blog-card-title">【成功事例に学ぶ】ECサイトのSEOで差がつく！売上を伸ばす改善ポイントやSEO対策の注意点とは？ </div>
        <div class="tmt-blog-card-excerpt">ECサイトの集客や売上に伸び悩んでいませんか？ 多くのEC担当者が「SEO対策はしているのに結果が出ない」と感じている一方で、サイト構造や評価設計を見直すことで.....</div>
    </div>
  </div>
  <div class="tmt-blog-card-site"></div>
</a>
<h3><strong>クロール効率と内部リンク構造の向上</strong></h3>
<p>パンくずリストは、内部リンクを自然な形で形成し、検索エンジンが効率的にサイト全体をクロールできるよう支援します。特に階層が深いWebサイトでは、トップページから距離があるページが検索エンジンに見落とされることがあります。</p>
<p>パンくずリストを活用することで、深い階層にあるページにもアクセスしやすくなり、サイト内のリンク構造が強化されるため、SEO効果がさらに高まります。この効果は、特にコンテンツの多いメディアサイトや、求人サイト、不動産サイトにおいて顕著です。</p>
<h2><strong>ユーザビリティ向上のためのパンくずリスト活用方法</strong></h2>
<h3><strong>パンくずリストがもたらす利便性</strong></h3>
<p>パンくずリストは、ユーザーが現在の位置をすぐに確認でき、上位階層に簡単に戻ることができるため、ユーザーエクスペリエンスの向上にも貢献します。特に初めて訪れたサイトや、情報が豊富に詰まったECサイトや情報サイトでは、パンくずリストによってサイト内の構造が直感的に理解でき、ユーザーの回遊性が向上します。</p>
<p>また、ユーザーが目的の情報に素早くたどり着けるため、直帰率が下がり、滞在時間が伸びる効果も期待できます。これは、結果的にSEO効果にもつながるため、サイト運営者にとって重要な機能です。</p>
<h3><strong>モバイル表示での最適化ポイント</strong></h3>
<p>モバイル環境におけるパンくずリストの表示には、いくつかの注意点があります。画面サイズが限られるため、表示する項目を簡潔にまとめ、最上位の階層と現在のページのみを表示するなど、省スペース化が必要です。</p>
<p>また、リンクをタップしやすい大きさにし、ユーザーが誤操作をしないように工夫することで、操作性が向上します。モバイル特有の見やすさや操作性に配慮したデザインにすることで、スマホユーザーにも快適なナビゲーションを提供できます。</p>
<h2><strong>パンくずリストの設置方法</strong></h2>
<h3><strong>HTMLでの実装方法</strong></h3>
<p>パンくずリストを手動で実装する場合、HTMLとCSSを使用してページの上部にナビゲーション要素を配置します。この方法では、Webサイトのデザインに合わせて柔軟にカスタマイズできるため、サイトの統一感を保ちながら、ユーザーに分かりやすい階層構造を提供することが可能です。</p>
<p>実装には、リストタグ（<code>&lt;ul&gt;</code>タグや<code>&lt;li&gt;</code>タグ）を活用し、階層構造を表現します。たとえば、以下のようなコード例を用いることで、トップページや各カテゴリページへのリンクを設定し、ユーザーがページ間を移動しやすくします。</p>
<div class="contain-inline-size rounded-md border-[0.5px] border-token-border-medium relative bg-token-sidebar-surface-primary dark:bg-gray-950">
<div class="overflow-y-auto p-4" dir="ltr"><code class="!whitespace-pre hljs language-html"></code></div>
<div class="bgWrap blue1 bg-r5 pc-mt-30 sp-mt-20">
<div class="overflow-y-auto p-4" dir="ltr"><code class="!whitespace-pre hljs language-html"><span class="hljs-tag">&lt;<span class="hljs-name">nav</span> <span class="hljs-attr">aria-label</span>=<span class="hljs-string">"breadcrumb"</span>&gt;</span></code></div>
<div class="overflow-y-auto p-4" dir="ltr"><code class="!whitespace-pre hljs language-html"><span class="hljs-tag"> &lt;<span class="hljs-name">ul</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"breadcrumb"</span>&gt;</span></code></div>
<div class="overflow-y-auto p-4" dir="ltr"><code class="!whitespace-pre hljs language-html"><span class="hljs-tag">   &lt;<span class="hljs-name">li</span>&gt;</span><span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"/home"</span>&gt;</span>ホーム<span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">li</span>&gt;</span></code></div>
<div class="overflow-y-auto p-4" dir="ltr"><code class="!whitespace-pre hljs language-html"><span class="hljs-tag">   &lt;<span class="hljs-name">li</span>&gt;</span><span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"/category"</span>&gt;</span>カテゴリ<span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">li</span>&gt;</span></code></div>
<div class="overflow-y-auto p-4" dir="ltr"><code class="!whitespace-pre hljs language-html"><span class="hljs-tag">   &lt;<span class="hljs-name">li</span>&gt;</span>商品ページ<span class="hljs-tag">&lt;/<span class="hljs-name">li</span>&gt;</span></code></div>
<div class="overflow-y-auto p-4" dir="ltr"><code class="!whitespace-pre hljs language-html"><span class="hljs-tag"> &lt;/<span class="hljs-name">ul</span>&gt;</span></code></div>
<div class="overflow-y-auto p-4" dir="ltr"><code class="!whitespace-pre hljs language-html"><span class="hljs-tag">&lt;/<span class="hljs-name">nav</span>&gt;</span></code></div>
</div>
<div class="overflow-y-auto p-4" dir="ltr"><code class="!whitespace-pre hljs language-html"><br />
</code></div>
</div>
<p>CSSを用いて、このリストのデザインをサイト全体の雰囲気に合わせてカスタマイズできます。また、視覚的にわかりやすくするためにアイコンを追加したり、パンくずリスト全体を折りたたむデザインにしたりと、表示の工夫が可能です。</p>
<h3><strong>構造化データの適用例</strong></h3>
<p>パンくずリストの<a href="https://bruceclay.jpn.com/column/structured-data/">構造化データ</a>をJSON-LDやmicrodataで記述することで、SEO効果がさらに高まります。</p>
<p>構造化データは、<span class="marker-pink">検索エンジンがWebサイトの情報をより深く理解できるように、ページの階層関係を明示する役割を果たし</span>ます。これにより、検索結果ページにおいてパンくずリストが「リッチリザルト」として表示され、ユーザーが目的のページにアクセスしやすくなります。</p>
<p>Googleが推奨する形式は、JSON-LDです。</p>
<p>たとえば、JSON-LDでパンくずリストの構造化データを設定する場合は、以下のようなコードを使用します。</p>
<div class="contain-inline-size rounded-md border-[0.5px] border-token-border-medium relative bg-token-sidebar-surface-primary dark:bg-gray-950">
<div class="overflow-y-auto p-4" dir="ltr"><code class="!whitespace-pre hljs language-html"></code></div>
<div class="bgWrap blue1 bg-r5 pc-mt-30 sp-mt-20">
<p><code>&lt;script type="application/ld+json"&gt;<br />
{<br />
"@context": "https://schema.org/",<br />
"@type": "BreadcrumbList",<br />
"itemListElement": [<br />
{<br />
"@type": "ListItem",<br />
"position": 1,<br />
"name": "ホーム",<br />
"item": "https://example.com/"<br />
},<br />
{<br />
"@type": "ListItem",<br />
"position": 2,<br />
"name": "カテゴリ",<br />
"item": "https://example.com/category/"<br />
},<br />
{<br />
"@type": "ListItem",<br />
"position": 3,<br />
"name": "商品ページ"<br />
}<br />
]<br />
}<br />
&lt;/script&gt;</code></p>
</div>
<div class="overflow-y-auto p-4" dir="ltr"><code class="!whitespace-pre hljs language-html"><br />
</code></div>
</div>
<p>このように設定すると、「ホーム」「カテゴリ」「商品ページ」といった各階層が、検索エンジンに正確に認識されます。特に「@type: ListItem」や「position」の属性を使用して、ページの階層順を指定することで、検索エンジンはユーザーのナビゲーションを視覚化しやすくなります。</p>
<p>適切な構造化データを記述することは、SEOの向上だけでなく、ユーザーが検索結果から目的のページに直感的にアクセスできるというメリットも生み出します。リッチリザルトに表示されるパンくずリストは、視覚的な効果を高め、クリック率の向上にもつながる可能性があるため、積極的に導入を検討する価値があります。</p>
<p>パンくずの構造化データの設置については、以下も参考にしてください。<br />
<a href="https://developers.google.com/search/docs/appearance/structured-data/breadcrumb?hl=ja" target="_blank" rel="noopener">パンくずリスト（BreadcrumbList）の構造化データ</a></p>
<h2><strong>パンくずリスト導入の注意点</strong></h2>
<h3><strong>過度な階層化の回避とわかりやすい構造</strong></h3>
<p>パンくずリストは、わかりやすい階層構造を維持することが重要です。過度に細かい階層を持つパンくずリストは、ユーザーが混乱する原因になるため、主要なカテゴリやサブカテゴリを絞り込み、情報が簡潔に表示されるよう工夫が必要です。</p>
<p>適切な階層を設定することで、ユーザーが無駄なく目的の情報にたどり着けるだけでなく、検索エンジンにとってもサイト構造が理解しやすくなります。</p>
<h3><strong>適切なアンカーテキストの設定</strong></h3>
<p>パンくずリストのリンクには、ページ内容を簡潔に示すアンカーテキストを設定しましょう。</p>
<p>また、SEO観点では、アンカーテキストに適度にキーワードを含めることも推奨されます。ただし、無理にキーワードを詰め込まず、自然な表現でリンクを設定することが大切です。これにより、ユーザーと検索エンジン双方にわかりやすいリンク構造が形成されます。</p>
<h3><strong>パンくずリストは基本的に全ページに設置すべき</strong></h3>
<p>パンくずリストは基本的に全ページに設置することで、サイトの一貫性とSEO効果が高まります。</p>
<p>ただし、<a href="https://bruceclay.jpn.com/column/about-lp/">ランディングページ</a>や広告から直接アクセスされる1ページ完結型のページでは、必ずしも必要ではない場合もあります。サイト構造や各ページの目的に応じて設置を判断し、適切なページにのみパンくずリストを適用することが、最適な効果を得るためのポイントです。</p>
<h2><strong>よくある質問：パンくずリストに関する疑問を解決</strong></h2>
<h3><strong>パンくずリストは必ず必要か？不要なケースは？</strong></h3>
<p>パンくずリストは、ユーザーと検索エンジン双方にとって有益な機能ですが、サイトの性質によっては必ずしも必要でない場合があります。特に、シンプルな1ページサイトや、内容がカテゴリに分かれていないサイトでは、ユーザーが混乱する可能性もあるため、設置を見送っても問題はありません。サイトの目的や構造に応じて、必要性を判断することが重要です。</p>
<h3><strong>英語での表記と他の言い換え表現は？</strong></h3>
<p>英語では「Breadcrumbs」や「Breadcrumb Navigation」と呼ばれます。これ以外にも「トピックパス」「ナビゲーションリンク」などの言い換え表現があり、業界やサイトの種類に応じて使い分けられています。こうした名称は、特に海外向けのサイトや国際的なWebサイトでも通じる表現であり、ユーザーにも直感的に理解されやすいです。</p>
<h2><strong>パンくずリストを活用してサイトの利便性とSEOを向上させよう</strong></h2>
<p>パンくずリストは、ユーザーの利便性を高め、サイトのSEO効果を促進するうえで重要な要素です。</p>
<p>サイト内の階層構造を明示することで、ユーザーが求める情報に簡単にアクセスでき、検索エンジンもより効率的にクロールできます。特に内容量が多いサイトでは、パンくずリストを活用してわかりやすいナビゲーションを提供し、SEOとユーザビリティの向上を同時に実現しましょう。</p><p>The post <a href="https://bruceclay.jpn.com/column/breadcrumbs/">パンくずリストとは？由来・種類やSEO効果、ユーザビリティ向上のメリットを徹底解説</a> first appeared on <a href="https://bruceclay.jpn.com">ブルースクレイ・ジャパン</a>.</p>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>robots.txtとは？書き方や確認方法、SEO上の効果について徹底解説！</title>
		<link>https://bruceclay.jpn.com/column/about_robotstxt/</link>
		
		<dc:creator><![CDATA[SEOコンサルタントチーム]]></dc:creator>
		<pubDate>Mon, 05 Aug 2024 06:50:03 +0000</pubDate>
				<category><![CDATA[#基礎知識]]></category>
		<category><![CDATA[#内部施策]]></category>
		<guid isPermaLink="false">https://bruceclay.jpn.com/?post_type=p_col&#038;p=16245</guid>

					<description><![CDATA[<p>検索エンジンのロボットの動きやアクセスを制限させるためによく活用されるのが、robots.txtがあります。 検索エンジンがサイトをクロールする際真っ先に見るファイルとなるのがrobots.txtです。書き方を間違えると [&#8230;]</p>
<p>The post <a href="https://bruceclay.jpn.com/column/about_robotstxt/">robots.txtとは？書き方や確認方法、SEO上の効果について徹底解説！</a> first appeared on <a href="https://bruceclay.jpn.com">ブルースクレイ・ジャパン</a>.</p>]]></description>
										<content:encoded><![CDATA[<p><span style="font-weight: 400;">検索エンジンのロボットの動きやアクセスを制限させるためによく活用されるのが、</span><b>robots.txt</b><span style="font-weight: 400;">があります。</span></p>
<p><span style="font-weight: 400;">検索エンジンがサイトをクロールする際真っ先に見るファイルとなるのがrobots.txtです。書き方を間違えると、ページがクロールされないということもあるため、正しい書き方を覚えておきましょう。</span></p>
<p><span style="font-weight: 400;">この記事では、robots.txtの書き方や確認方法、SEO上の効果</span><span style="font-weight: 400;">について紹介します。</span></p>
<h2><span style="font-weight: 400;">robots.txtとは</span></h2>
<p><span style="font-weight: 400;">robots.txtとは検索エンジンのクローラーのWebページへのアクセスを制限するためのファイルです。</span></p>
<p><span style="font-weight: 400;">このファイルの記述によって検索エンジンに認識させる必要のないページ（価値のないページやシステムによって自動的に吐き出されてしまうページ等）を検索エンジンが認識しないようにできます。</span></p>
<p><span style="font-weight: 400;">ただしこの記述に強制力はないため、制限したとしてもインデックスしてしまう可能性がありますので注意が必要です。</span></p>
<h2><span style="font-weight: 400;">robots.txtのSEO効果</span></h2>
<p><span style="font-weight: 400;">robots.txt自体のSEO効果はそこまで高くありません。</span></p>
<p><span style="font-weight: 400;">ただし、大規模サイトにおいてはrobots.txtの設定がSEO効果に影響する可能性があります。</span></p>
<p><span style="font-weight: 400;">1サイトにおいてクロールできるページ数は決まっていると言われているので、ECサイトやメディアサイトなどの大規模サイトでは、すべてのページを見てもらえない可能性があります。</span></p>
<p><span style="font-weight: 400;">検索エンジンがクロールする必要のないページ、逆に優先的にクロールしてほしいページ、サイトマップXMLのありか等を記載しておくことで、クローラビリティを向上することができます。</span></p>
<h2><span style="font-weight: 400;">robots.txtの書き方</span></h2>
<p><span style="font-weight: 400;">robots.txtの一般的な記述方法は以下です。（Wordpressの場合）</span></p>
<table>
<tbody>
<tr>
<td>
<p><code><span style="font-weight: 400;">User-agent: *</span></code></p>
<p><code><span style="font-weight: 400;">Disallow: /wp/wp-admin/</span></code></p>
<p><code><span style="font-weight: 400;">Allow: /wp/wp-admin/admin-ajax.php</span></code></p>
<p><code><span style="font-weight: 400;">Sitemap: http://www.example.co.jp/sitemap.xml</span></code></p>
</td>
</tr>
</tbody>
</table>
<p><span style="font-weight: 400;">WordPressにはrobots.txtファイルが最初から設定されています。設定する内容としては以下があります。</span></p>
<ul>
<li>User-agent</li>
<li>Disallow</li>
<li>Allow</li>
<li>Sitemap</li>
</ul>
<p><span style="font-weight: 400;">それぞれの項目については以下で説明していきます。</span></p>
<h3><span style="font-weight: 400;">User-agent</span></h3>
<p><span style="font-weight: 400;">User-agentはクローラーのユーザーエージェントを指定する記述で、必須項目です。</span></p>
<p><span style="font-weight: 400;">上記のように「User-agent:*」とするとすべてのクローラーが対象となります。基本的にはこのように記述しておけば問題ありません。</span></p>
<p><span style="font-weight: 400;">特定のクローラーのみに許可したい場合には、以下を参考に指定しましょう。</span></p>
<table>
<tbody>
<tr>
<td style="background-color: #ebebeb;">
<p><span style="font-weight: 400;">記述内容</span></p>
</td>
<td style="background-color: #ebebeb;">
<p><span style="font-weight: 400;">意味</span></p>
</td>
</tr>
<tr>
<td>
<p><span style="font-weight: 400;">User-agent:*</span></p>
</td>
<td>
<p><span style="font-weight: 400;">すべてのクローラーを許可</span></p>
</td>
</tr>
<tr>
<td>
<p><span style="font-weight: 400;">User-agent:Googlebot</span></p>
</td>
<td>
<p><span style="font-weight: 400;">Googleの検索エンジンを許可</span></p>
</td>
</tr>
<tr>
<td>
<p><span style="font-weight: 400;">User-agent:Googlebot-image</span></p>
</td>
<td>
<p><span style="font-weight: 400;">Google 画像検索と画像に依存するサービスの画像 URL のクロールを許可</span></p>
</td>
</tr>
<tr>
<td>
<p><span style="font-weight: 400;">User-agent:Googlebot-Video</span></p>
</td>
<td>
<p><span style="font-weight: 400;">Google Video と動画に依存するサービスの動画 URL のクロールを許可</span></p>
</td>
</tr>
<tr>
<td>
<p><span style="font-weight: 400;">User-agent:Bingbot</span></p>
</td>
<td>
<p><span style="font-weight: 400;">Bingの検索エンジンを許可</span></p>
</td>
</tr>
<tr>
<td>
<p><span style="font-weight: 400;">User-agent:Baiduspider</span></p>
</td>
<td>
<p><span style="font-weight: 400;">バイドゥの検索エンジンを許可</span></p>
</td>
</tr>
</tbody>
</table>
<p><span style="font-weight: 400;">参考：</span><a href="https://developers.google.com/search/docs/crawling-indexing/overview-google-crawlers?hl=ja" target="_blank" rel="nofollow noopener"><span style="font-weight: 400;">Google クローラーとフェッチャーの概要（ユーザー エージェント）</span></a></p>
<h3><span style="font-weight: 400;">Disallow</span></h3>
<p><span style="font-weight: 400;">Disallowは、クロールを拒否したいページやパスを指定します。</span></p>
<p><span style="font-weight: 400;">記述するページとしては、価値の低いページやシステムによって自動的に吐き出されてしまうページ、会員限定のページ等の検索結果に表示する必要のないページが主です。</span></p>
<h3><span style="font-weight: 400;">Allow</span></h3>
<p><span style="font-weight: 400;">Allowについてはクロール許可の記述です。何もルールを指定しない場合、すべてのページがクロール対象となるため、Allowをあえて使う場合は少ないです。</span></p>
<p><span style="font-weight: 400;">ただし次に説明するようなケースでは「Allow」を使うことが多いので、覚えておきましょう。</span></p>
<p><span style="font-weight: 400;">以下のような記述の場合、「/aaa/で始まるパスをクロールしない」が、「/aaa/と正確に一致するページと/aaa/ccc/で始まるパスのクロールを許可する」という指定になります。</span></p>
<table>
<tbody>
<tr>
<td>
<p><code><span style="font-weight: 400;">Disallow:/aaa/</span></code></p>
<p><code><span style="font-weight: 400;">Allow:/aaa/$</span></code></p>
<p><code><span style="font-weight: 400;">Allow:/aaa/ccc/</span></code></p>
</td>
</tr>
</tbody>
</table>
<h3><span style="font-weight: 400;">Sitemap.xml</span></h3>
<p><span style="font-weight: 400;">サイトマップの記述に関しては設置しているsitemap.xmlのURLを記述しましょう。sitemap.xmlが複数ある場合はすべて記載しましょう。</span></p>
<p><span style="font-weight: 400;">必須項目ではないですが、robots.txtは検索エンジンが最初に見に行くファイルとなるため、sitemap.xmlの場所を記載しておくことで、効率よく巡回してくれます。</span></p>
<p><span style="font-weight: 400;">また、sitemap.xmlに関しては、絶対パスで記述する必要がある点を注意しましょう。</span></p>
<p><span style="font-weight: 400;">sitemap.xmlの作り方などについては以下の記事で説明しています。</span></p>
<div class="blog-card-box">

<a href="https://bruceclay.jpn.com/column/site-map" class="tmt-blog-card">
  <div class="tmt-blog-card-box">
    <div class="tmt-blog-card-thumbnail"><img src='https://bruceclay.jpn.com/wp-content/uploads/2023/06/サイトマップアイキャッチ-1.jpg' alt='サイトマップとは？XMLサイトマップ（sitemap.xml）のSEO効果や作成方法を解説' width=200 height=113 /></div>
    <div class="tmt-blog-card-content">
        <div class="tmt-blog-card-title">サイトマップとは？XMLサイトマップ（sitemap.xml）のSEO効果や作成方法を解説 </div>
        <div class="tmt-blog-card-excerpt">サイトマップとは？ サイトマップとは、サイトを訪問したユーザーやクローラーに、サイト内のページの構成を伝えるためのページのことです。 サイトマップには、ユーザー.....</div>
    </div>
  </div>
  <div class="tmt-blog-card-site"></div>
</a>
</div>
<h3><span style="font-weight: 400;">2つの正規表現について</span></h3>
<p><span style="font-weight: 400;">DisallowやAllowの指定においては、以下で紹介する2つの正規表現による記載も可能です。</span></p>
<p><span style="font-weight: 400;">上記にある例のように、特定ディレクトリの中でも一部ページはクロールを許可したいケースや特定の拡張子のみクロールを拒否したいケース等では正規表現を使って指定しましょう。</span></p>
<h4>ワイルドカード（*）</h4>
<ul>
<li>特定のディレクトリのすべてのページのクロールを拒否（「/aaa/を含むページを拒否）<br />
<table>
<tbody>
<tr>
<td>
<p><code><span style="font-weight: 400;">Disallow:/aaa/*</span></code></p>
</td>
</tr>
</tbody>
</table>
</li>
<li>特定のクエリパラメータを含むURLのクロールを拒否（「?abcd」のパラメータを含むページを拒否）<br />
<table>
<tbody>
<tr>
<td>
<p><code><span style="font-weight: 400;">Disallow:/*?abcd</span></code></p>
</td>
</tr>
</tbody>
</table>
</li>
</ul>
<h4>ドルマーク（$）</h4>
<p>文字列の終わりを示すために使用されます。</p>
<ul>
<li>「.pdf」でおわるすべてのURLを拒否<br />
<table>
<tbody>
<tr>
<td>
<p><code><span style="font-weight: 400;">Disallow:/*.pdf$</span></code></p>
</td>
</tr>
</tbody>
</table>
</li>
</ul>
<h2><span style="font-weight: 400;">robots.txtの確認方法</span></h2>
<p><span style="font-weight: 400;">以前までは、robots.txtを作成したら、記載内容に誤りがないか、robots.txtテスターで確認することができました。</span></p>
<p><span style="font-weight: 400;">しかしrobots.txtテスターは2023年12月に廃止されたため、現在はGoogle Search Consoleの<a href="https://search.google.com/search-console/settings/robots-txt?utm_source=support.google.com/webmasters/&amp;utm_medium=referral&amp;utm_campaign=%206062598" target="_blank" rel="nofollow noopener">robots.txtレポート</a>によりステータスの確認ができます。</span></p>
<p><span style="font-weight: 400;">設定の中の「クロール」という項目の中に「robots.txt」のレポートへのリンクがあります。</span></p>
<p><img loading="lazy" decoding="async" class="aligncenter size-large wp-image-16247" src="https://bruceclay.jpn.com/wp-content/uploads/2024/08/robotstxt1-1024x212.png" alt="rbotstxtレポート①" width="1024" height="212" srcset="https://bruceclay.jpn.com/wp-content/uploads/2024/08/robotstxt1-1024x212.png 1024w, https://bruceclay.jpn.com/wp-content/uploads/2024/08/robotstxt1-360x75.png 360w, https://bruceclay.jpn.com/wp-content/uploads/2024/08/robotstxt1-768x159.png 768w, https://bruceclay.jpn.com/wp-content/uploads/2024/08/robotstxt1-500x104.png 500w" sizes="(max-width: 1024px) 100vw, 1024px" /></p>
<p><span style="font-weight: 400;">「レポートを開く」を押すとレポート一覧に遷移します。</span></p>
<p><img loading="lazy" decoding="async" class="aligncenter size-large wp-image-16248" src="https://bruceclay.jpn.com/wp-content/uploads/2024/08/robotstxt2-1024x260.png" alt="rbotstxtレポート②" width="1024" height="260" srcset="https://bruceclay.jpn.com/wp-content/uploads/2024/08/robotstxt2-1024x260.png 1024w, https://bruceclay.jpn.com/wp-content/uploads/2024/08/robotstxt2-360x92.png 360w, https://bruceclay.jpn.com/wp-content/uploads/2024/08/robotstxt2-768x195.png 768w, https://bruceclay.jpn.com/wp-content/uploads/2024/08/robotstxt2-500x127.png 500w" sizes="(max-width: 1024px) 100vw, 1024px" /></p>
<p><span style="font-weight: 400;">正常に取得されている場合はキャプチャのように「取得済み」と表示されますが、問題がある場合はエラーが表示されます。</span></p>
<p><span style="font-weight: 400;">エラーは以下のように表示されます。</span></p>
<ul>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">未取得 &#8211; 見つかりませんでした（404）</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">未取得 &#8211; その他の理由</span></li>
</ul>
<p><span style="font-weight: 400;">それぞれの内容については、Google Search Consoleヘルプの「</span><a href="https://support.google.com/webmasters/answer/6062598?hl=ja" target="_blank" rel="nofollow noopener"><span style="font-weight: 400;">robots.txtレポート</span></a><span style="font-weight: 400;">」をご確認ください。</span></p>
<h2><span style="font-weight: 400;">robots.txtの設置方法</span></h2>
<p><span style="font-weight: 400;">robots.txtは、ルートドメインにファイルを設置します。それ以外の場所に設置しても意味をなさないので注意が必要です。</span></p>
<p><span style="font-weight: 400;">また、ファイル名は「robots.txt」としましょう。</span></p>
<h2><span style="font-weight: 400;">robots.txtにおける注意点</span></h2>
<p><span style="font-weight: 400;">注意点は以下になります。</span></p>
<ul>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">robots.txtは絶対的ではない</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">ユーザーのアクセス制御はできない</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">インデックス除外には使えない</span></li>
</ul>
<h3><span style="font-weight: 400;">robots.txtは絶対的ではない</span></h3>
<p><span style="font-weight: 400;">robots.txtにおいて指示した内容に関しても必ずその通りになるとは限りません。</span></p>
<p><span style="font-weight: 400;">クローラーが記述を無視してしまうケースもあります。</span></p>
<p><span style="font-weight: 400;">Googleは、他のサイトから導線があるページはインデックス登録される可能性があると説明しています。</span></p>
<p><span style="font-weight: 400;">参考：</span><a href="https://developers.google.com/search/docs/crawling-indexing/robots/intro?hl=ja&amp;visit_id=638581776265141854-2660120724&amp;rd=1#understand-the-limitations-of-a-robots.txt-file" target="_blank" rel="nofollow noopener"><span style="font-weight: 400;">robots.txtの概要「robots.txt ファイルの制約について」</span></a></p>
<h3><span style="font-weight: 400;">ユーザーのアクセス制御はできない</span></h3>
<p><span style="font-weight: 400;">クローラーに見る必要のないページを指示することはできますが、ユーザーにアクセスしないでほしいページを記載しても意味を成しません。</span></p>
<p><span style="font-weight: 400;">ユーザーの閲覧を制御したい場合は、.htaccess等を使ってBasic認証などの設定をしましょう。</span></p>
<h3><span style="font-weight: 400;">インデックス除外には使えない</span></h3>
<p><span style="font-weight: 400;">robots.txtができるのはあくまで、クロール制御です。インデックス制御ができないという点は注意が必要です。</span></p>
<p><span style="font-weight: 400;">インデックスされているページにクロールをブロックしても、インデックスされた状態のまま、クロールができなくなります。</span></p>
<table>
<tbody>
<tr>
<td style="background-color: #ebebeb;"> </td>
<td style="background-color: #ebebeb;">
<p><span style="font-weight: 400;">クロール制御</span></p>
</td>
<td style="background-color: #ebebeb;">
<p><span style="font-weight: 400;">インデックス制御</span></p>
</td>
</tr>
<tr>
<td>
<p><span style="font-weight: 400;">robots.txt</span></p>
</td>
<td>
<p><span style="font-weight: 400;">Allow、Disallowにて制御可能</span></p>
</td>
<td>
<p><span style="font-weight: 400;">現状維持</span></p>
</td>
</tr>
<tr>
<td>
<p><span style="font-weight: 400;">meta robotsタグ</span></p>
</td>
<td>
<p><span style="font-weight: 400;">不可</span></p>
</td>
<td>
<p><span style="font-weight: 400;">noindexにより制御可能</span></p>
</td>
</tr>
</tbody>
</table>
<p><span style="font-weight: 400;">インデックス制御には以下の記事で紹介しているmeta robotsタグを使ってnoindexの指示を送るようにしましょう。</span></p>

<a href="https://bruceclay.jpn.com/column/robotstag-robotstxt/" class="tmt-blog-card">
  <div class="tmt-blog-card-box">
    <div class="tmt-blog-card-thumbnail"><img src='https://bruceclay.jpn.com/wp-content/uploads/2019/01/robotstag.png' alt='meta robotsタグとは？robotsタグの種類やrobots.txtとの違い、記述方法について解説' width=200 height=112 /></div>
    <div class="tmt-blog-card-content">
        <div class="tmt-blog-card-title">meta robotsタグとは？robotsタグの種類やrobots.txtとの違い、記述方法について解説 </div>
        <div class="tmt-blog-card-excerpt">Webサイトを検索結果に正しく表示させるために重要なのが、「meta robotsタグ」の適切な設定です。ページごとに「インデックスしてほしい」「検索結果に出さ.....</div>
    </div>
  </div>
  <div class="tmt-blog-card-site"></div>
</a>
<h2><span style="font-weight: 400;">まとめ</span></h2>
<p><span style="font-weight: 400;">この記事ではrobots.txtについてご説明しました。</span></p>
<p><span style="font-weight: 400;">robots.txtは特に、大規模サイトにおいて重要な役割を果たします。robots.txtをうまく使い、クローラビリティをよくすることで、SEO効果の向上を目指しましょう。</span></p>
<p><span style="font-weight: 400;">弊社では、<a href="https://bruceclay.jpn.com/service/consulting/seo/">SEOコンサルティングサービス</a>を提供しています。今回ご紹介した基本的な内容のほか、コンテンツ改善～CVR改善までお手伝いします。</span></p>
<p><span style="font-weight: 400;">SEOに関する概要について知りたい方は、以下の記事で詳しく紹介していますので、合わせてご覧ください。</span></p>
<div class="blog-card-box">

<a href="https://bruceclay.jpn.com/column/about_seo/" class="tmt-blog-card">
  <div class="tmt-blog-card-box">
    <div class="tmt-blog-card-thumbnail"><img src='https://bruceclay.jpn.com/wp-content/uploads/2023/10/seo_2025.png' alt='【2025年最新】SEOとは？8つの具体的な対策とやり方、仕組みまでわかりやすく解説！' width=200 height=112 /></div>
    <div class="tmt-blog-card-content">
        <div class="tmt-blog-card-title">【2025年最新】SEOとは？8つの具体的な対策とやり方、仕組みまでわかりやすく解説！ </div>
        <div class="tmt-blog-card-excerpt">SEO（検索エンジン最適化）は、「Search Engine Optimization」の略で、検索エンジンでの上位表示を目指し、自然検索からのアクセス増加を図.....</div>
    </div>
  </div>
  <div class="tmt-blog-card-site"></div>
</a>
</div><p>The post <a href="https://bruceclay.jpn.com/column/about_robotstxt/">robots.txtとは？書き方や確認方法、SEO上の効果について徹底解説！</a> first appeared on <a href="https://bruceclay.jpn.com">ブルースクレイ・ジャパン</a>.</p>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>meta robotsタグとは？robotsタグの種類やrobots.txtとの違い、記述方法について解説</title>
		<link>https://bruceclay.jpn.com/column/robotstag-robotstxt/</link>
		
		<dc:creator><![CDATA[BCJ管理人]]></dc:creator>
		<pubDate>Mon, 21 Jan 2019 15:51:59 +0000</pubDate>
				<category><![CDATA[#基礎知識]]></category>
		<category><![CDATA[#内部施策]]></category>
		<guid isPermaLink="false">https://bruceclay.jpn.com/?post_type=blog&#038;p=2406</guid>

					<description><![CDATA[<p>Webサイトを検索結果に正しく表示させるために重要なのが、「meta robotsタグ」の適切な設定です。ページごとに「インデックスしてほしい」「検索結果に出さないでほしい」といった細かな指示ができるこのタグは、SEOに [&#8230;]</p>
<p>The post <a href="https://bruceclay.jpn.com/column/robotstag-robotstxt/">meta robotsタグとは？robotsタグの種類やrobots.txtとの違い、記述方法について解説</a> first appeared on <a href="https://bruceclay.jpn.com">ブルースクレイ・ジャパン</a>.</p>]]></description>
										<content:encoded><![CDATA[<p data-start="103" data-end="326">Webサイトを検索結果に正しく表示させるために重要なのが、<strong data-start="132" data-end="157">「meta robotsタグ」の適切な設定</strong>です。ページごとに「インデックスしてほしい」「検索結果に出さないでほしい」といった細かな指示ができるこのタグは、SEOにおいて欠かせない存在。一方で、似たような用途に「robots.txt」というファイルもありますが、robots.txtは主にクロールの制御をするもので、<strong data-start="293" data-end="323">インデックスの管理はmeta robotsタグが主役</strong>です。</p>
<p data-start="328" data-end="461">もし設定を誤れば、検索結果からページが消えてしまったり、意図しないページが表示されるリスクも。この記事では、<strong data-start="382" data-end="413">meta robotsタグの基本から使い方、注意点まで</strong>をわかりやすく解説します。正しく理解して、意図通りにサイトをコントロールできるようにしましょう。</p>
<h2><span style="font-weight: 400;">meta robotsタグとは</span></h2>
<p><span style="font-weight: 400;">meta robotsタグは、検索エンジンに対して、特定の指示をすることができるmetaタグです。基本的には&lt;head&gt;内に記述するタグです。</span></p>
<p><span style="font-weight: 400;">これにより、検索エンジンにこのページのインデックスの有無、リンクをたどらせるか否か等様々な指示を送ることができます。</span></p>
<p><span style="font-weight: 400;">インデックスの制御については、canonicalタグも類似するタグとしてありますが、役割はまったく異なるため、以下の記事も参考に正しく使いましょう。</span></p>
<div class="blog-card-box">

<a href="https://bruceclay.jpn.com/column/canonicaltag" class="tmt-blog-card">
  <div class="tmt-blog-card-box">
    <div class="tmt-blog-card-thumbnail"><img src='https://bruceclay.jpn.com/wp-content/uploads/2018/12/canonicaltag.png' alt='canonical（カノニカル）タグとは？URLの正規化やSEO効果・設定方法について' width=200 height=112 /></div>
    <div class="tmt-blog-card-content">
        <div class="tmt-blog-card-title">canonical（カノニカル）タグとは？URLの正規化やSEO効果・設定方法について </div>
        <div class="tmt-blog-card-excerpt">canonical（カノニカル）タグというタグをご存知でしょうか？ユーザーの目に触れるようなhタグや、タイトルタグとは異なり、検索エンジンのためのタグです。 こ.....</div>
    </div>
  </div>
  <div class="tmt-blog-card-site"></div>
</a>
</div>
<h2><span style="font-weight: 400;">meta robotsタグの記述方法</span></h2>
<p><span style="font-weight: 400;">meta robotsタグは以下のように記述します。</span></p>
<p><code><span style="font-weight: 400;">&lt;head&gt;</span></code></p>
<p><code><span style="font-weight: 400;">&lt;meta name="robots" content="noindex"&gt;</span></code></p>
<p><code><span style="font-weight: 400;">&lt;/head&gt;</span></code></p>
<p><span style="font-weight: 400;">また、以下のようにすべて一つにまとめて記述することも可能です。</span></p>
<p><span style="font-weight: 400;">例えば、</span></p>
<p><code><span style="font-weight: 400;">&lt;head&gt;</span></code></p>
<p><code><span style="font-weight: 400;">&lt;meta name="robots" content="noindex,nofollow,noarchive"&gt;</span></code></p>
<p><code><span style="font-weight: 400;">&lt;/head&gt;</span></code></p>
<h2><span style="font-weight: 400;">meta robotsタグの種類</span></h2>
<p><span style="font-weight: 400;">meta robotsタグにはいくつかの種類があります。タグにより、指示内容が異なりますので、それぞれ説明していきます。</span></p>
<ul>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">インデックスの制御（index,noindex,noimageindex,indexifembedded）</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">リンクの制御（follow,nofollow）</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">キャッシュの制御（noarchive）</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">スニペットの制御（nosnippet,max-snippet,max-image-preview,max-video-preview）</span></li>
</ul>
<table class=" aligncenter" style="width: 85%;">
<tbody>
<tr>
<td style="width: 18%; background-color: #f2f2f2;">
<p><span style="font-weight: 400;">分類</span></p>
</td>
<td style="width: 25%; background-color: #f2f2f2;">
<p><span style="font-weight: 400;">meta robotsタグの種類</span></p>
</td>
<td style="width: 75.0151%; text-align: center; background-color: #f2f2f2;">
<p><span style="font-weight: 400;">概要</span></p>
</td>
</tr>
<tr>
<td style="width: 14.4118%;" rowspan="3">
<p><span style="font-weight: 400;">インデックスの制御</span></p>
</td>
<td style="width: 17.451%;">
<p><span style="font-weight: 400;">index/noindex</span></p>
</td>
<td style="width: 75.0151%;">
<p><span style="font-weight: 400;">検索結果にページを表示させるか否かの指示を送るタグ。</span></p>
<p><span style="font-weight: 400;">noindexを指定すると、検索結果に表示されなくなる。</span></p>
</td>
</tr>
<tr>
<td style="width: 17.451%;">
<p><span style="font-weight: 400;">noimageindex</span></p>
</td>
<td style="width: 75.0151%;">
<p><span style="font-weight: 400;">ページ上の画像を検索結果に表示させない指示を送るタグ。</span></p>
</td>
</tr>
<tr>
<td style="width: 17.451%;">
<p><span style="font-weight: 400;">indexifembedded</span></p>
</td>
<td style="width: 75.0151%;">
<p><span style="font-weight: 400;">iframesなどで埋め込まれているコンテンツのインデックス登録を指示するタグ。</span></p>
<p><span style="font-weight: 400;">noindexと併用して使用。</span></p>
</td>
</tr>
<tr>
<td style="width: 14.4118%;">
<p><span style="font-weight: 400;">リンクの制御</span></p>
</td>
<td style="width: 17.451%;">
<p><span style="font-weight: 400;">follow/nofollow</span></p>
</td>
<td style="width: 75.0151%;">
<p><span style="font-weight: 400;">ページ上のリンクをたどるか否かの指示を送るタグ。</span></p>
<p><span style="font-weight: 400;">個別のリンク単位でも指定可能。</span></p>
</td>
</tr>
<tr>
<td style="width: 14.4118%;">
<p><span style="font-weight: 400;">キャッシュの制御</span></p>
</td>
<td style="width: 17.451%;">
<p><span style="font-weight: 400;">noarchive</span></p>
</td>
<td style="width: 75.0151%;">
<p><span style="font-weight: 400;">検索結果にキャッシュリンクを表示させるか否かの指示を送るタグ。</span></p>
</td>
</tr>
<tr>
<td style="width: 14.4118%;" rowspan="4">
<p><span style="font-weight: 400;">スニペットの制御</span></p>
</td>
<td style="width: 17.451%;">
<p><span style="font-weight: 400;">nosnippet</span></p>
</td>
<td style="width: 75.0151%;">
<p><span style="font-weight: 400;">検索結果にページ上のテキストや動画プレビューを表示しないよう指示を送るタグ。</span></p>
</td>
</tr>
<tr>
<td style="width: 17.451%;">
<p><span style="font-weight: 400;">max-snippet</span></p>
</td>
<td style="width: 75.0151%;">
<p><span style="font-weight: 400;">検索結果に表示させる説明文の最大文字数を指示するタグ。</span></p>
<p><span style="font-weight: 400;">「0」の場合、nosnippetと同義、「-1」の場合スニペットの長さはGoogleにより選択される。</span></p>
</td>
</tr>
<tr>
<td style="width: 17.451%;">
<p><span style="font-weight: 400;">max-image-preview</span></p>
</td>
<td style="width: 75.0151%;">
<p><span style="font-weight: 400;">検索結果に表示される画像プレビューの最大サイズを設定。</span></p>
</td>
</tr>
<tr>
<td style="width: 17.451%;">
<p><span style="font-weight: 400;">max-video-preview</span></p>
</td>
<td style="width: 75.0151%;">
<p><span style="font-weight: 400;">検索結果でこのページの動画スニペットとして表示される際の最大秒数を設定。</span></p>
</td>
</tr>
</tbody>
</table>
<p>参考：<a href="https://developers.google.com/search/docs/crawling-indexing/robots-meta-tag?hl=ja" target="_blank" rel="noopener">Robots meta タグ、data-nosnippet、X-Robots-Tag の設定</a></p>
<h3><span style="font-weight: 400;">インデックスの制御（index,noindex,noimageindex,indexifembedded）</span></h3>
<p><span style="font-weight: 400;">index,noindexは検索エンジンにページをインデックスさせるかさせないかを指定する記述です。</span><span style="font-weight: 400;">また、noimageindexについては画像を、indexifembeddedについてはiframeにより埋め込まれているコンテンツのインデックスを制御する記述となります。</span></p>
<h4><span style="font-weight: 400;">index</span></h4>
<p><code><span style="font-weight: 400;">&lt;meta name="robots" content="index"&gt;</span></code></p>
<p><span style="font-weight: 400;">indexはページを検索結果に表示しても問題ないということを意味し、記述していない状態でも同様の意味として捉えられます。</span></p>
<h4><span style="font-weight: 400;">noindex</span></h4>
<p><code><span style="font-weight: 400;">&lt;meta name="robots" content="noindex"&gt;</span></code></p>
<p><span style="font-weight: 400;">noindexはページを検索結果に表示させないことを指示します。厳密には検索エンジンがクロールしたうえで、指示を送るため、Googleのデータベースにはインデックスされているものの、検索結果には表示しないような指示になります。</span></p>
<p><span style="font-weight: 400;">設定することの多いページの例としては、重複扱いされる可能性のある広告用LPや低品質と判断される可能性のある画像のみのページ等です。</span></p>
<h4><span style="font-weight: 400;">noimageindex</span></h4>
<p><code><span style="font-weight: 400;">&lt;meta name="robots" content="noimageindex"&gt;</span></code></p>
<p><span style="font-weight: 400;">noimageindexは、このページの画像をインデックスに登録しないように指示するタグとなります。</span></p>
<h4><span style="font-weight: 400;">indexifembedded</span></h4>
<p><code><span style="font-weight: 400;">&lt;meta name="robots" content="indexifembedded"&gt;</span></code></p>
<p><span style="font-weight: 400;">indexifembeddedは、noindexの指定があった場合もiframe等で埋め込まれたコンテンツはインデックス登録してもよいという指示を意味します。noindexと併用してのみ使用が可能です。</span></p>
<h3><span style="font-weight: 400;">リンクの制御（follow,nofollow）</span></h3>
<p><span style="font-weight: 400;">follow,nofollowはページ内のリンクをすべて評価の対象とさせるかさせないかを検索エンジンに指示することができます。</span></p>
<h4><span style="font-weight: 400;">follow</span></h4>
<p><code><span style="font-weight: 400;">&lt;meta name="robots" content="follow"&gt;</span></code></p>
<p><span style="font-weight: 400;">followはページ内のリンクを全て評価対象にして問題ないということを意味します。記述していない状態でも同様の意味として捉えられます。</span></p>
<h4><span style="font-weight: 400;">nofollow</span></h4>
<p><code><span style="font-weight: 400;">&lt;meta name="robots" content="nofollow"&gt;</span></code></p>
<p><span style="font-weight: 400;">nofollowはページ内のリンクをすべて評価対象にしないということを指示する記述です。外部サイトへのリンクや内部リンクのすべてが評価対象外になります。</span></p>
<p><span style="font-weight: 400;">ただし、nofollowタグに関しては、リンクごとに個別に設定することも可能です。その場合は以下のように&lt;a&gt;タグの中に記述します。</span></p>
<p><code><span style="font-weight: 400;">&lt;a href="https://www.example.com/" rel="nofollow"&gt;○○○&lt;/a&gt;</span></code></p>
<p><span style="font-weight: 400;">個別に外部サイトへのリンクや評価対象としたくないページへの内部リンクに設定することが可能です。</span></p>
<h3><span style="font-weight: 400;">キャッシュの制御（noarchive）</span></h3>
<p><span style="font-weight: 400;">noarchiveはページのキャッシュを拒否する際に使用します。これにより、検索結果にキャッシュリンクが表示されないように指示することができます。</span></p>
<p><code><span style="font-weight: 400;">&lt;meta name="robots" content="noarchive"&gt;</span></code></p>
<p><span style="font-weight: 400;">この指定がない場合には、Googleがキャッシュページを生成するため、検索結果に古い情報が残る場合があります。情報の更新頻度が高いページに記述することで、検索結果に表示された古い情報をユーザーが見て、ページに遷移し混乱するなどを避けられます。</span></p>
<h3><span style="font-weight: 400;">スニペットの制御（nosnippet,max-snippet,max-image-preview,max-video-preview）</span></h3>
<p><span style="font-weight: 400;">これらのタグは、検索結果の説明文（スニペット）を表示させるか否かを指示することができます。</span></p>
<h4><span style="font-weight: 400;">nosnippet </span></h4>
<p><code><span style="font-weight: 400;">&lt;meta name="robots" content="nosnippet" /&gt;</span></code></p>
<p><span style="font-weight: 400;">nosnippetは、ページ内のテキストや動画プレビューを表示させないように指示します。動画の場合は、代わりに静止画を表示する可能性があります。</span><span style="font-weight: 400;">ウェブ検索だけでなく、画像検索やDiscover、AIOverviewなどでも適用されます。</span></p>
<p><span style="font-weight: 400;">nosnippetが設定されていない場合は、ディスクリプションやページ内の情報から説明文や動画プレビューを生成する可能性があります。</span></p>
<h4><span style="font-weight: 400;">max-snippet</span></h4>
<p><span style="font-weight: 400;">max-snippetは、検索結果に表示する説明文の最大文字数を指定します。</span><span style="font-weight: 400;">記述例は以下です。</span></p>
<p><span style="font-weight: 400;">検索結果にスニペットが表示されないようにするには、</span></p>
<p><code><span style="font-weight: 400;">&lt;meta name="robots" content="max-snippet</span><b>:0</b><span style="font-weight: 400;">"&gt;</span></code></p>
<p><span style="font-weight: 400;">スニペットに最大 20 文字まで表示できるようにするには、</span></p>
<p><code><span style="font-weight: 400;">&lt;meta name="robots" content="max-snippet</span><b>:20</b><span style="font-weight: 400;">"&gt;</span></code></p>
<p><span style="font-weight: 400;">スニペットに表示できる文字数に制限がないことを指定するには、</span></p>
<p><code><span style="font-weight: 400;">&lt;meta name="robots" content="max-snippet</span><b>:-1</b><span style="font-weight: 400;">"&gt;</span></code></p>
<h4><span style="font-weight: 400;">max-image-preview</span></h4>
<p><span style="font-weight: 400;">max-image-previewは、検索結果に表示する画像の最大サイズを指定することができるタグです。</span><span style="font-weight: 400;">具体的な記述例としては以下のような形です。</span></p>
<p><span style="font-weight: 400;">画像プレビューを表示しない場合は、</span></p>
<p><code><span style="font-weight: 400;">&lt;meta name="robots" content="max-image-preview</span><b>:none</b><span style="font-weight: 400;">"&gt;</span></code></p>
<p><span style="font-weight: 400;">デフォルトの画像プレビューが表示する場合は、</span></p>
<p><code><span style="font-weight: 400;">&lt;meta name="robots" content="max-image-preview</span><b>:standard</b><span style="font-weight: 400;">"&gt;</span></code></p>
<p><span style="font-weight: 400;">ビューポートの幅までの画像プレビューを表示する場合は、</span></p>
<p><code><span style="font-weight: 400;">&lt;meta name="robots" content="max-image-preview</span><b>:large</b><span style="font-weight: 400;">"&gt;</span></code></p>
<h4><span style="font-weight: 400;">max-video-preview</span></h4>
<p><span style="font-weight: 400;">max-video-previewは、検索結果に表示する動画の最大秒数を指定することができるタグです。</span><span style="font-weight: 400;">記述例は以下です。</span></p>
<p><span style="font-weight: 400;">静止画のみ使用できる状態は、</span></p>
<p><code><span style="font-weight: 400;">&lt;meta name="robots" content="max-video-preview</span><b>:0</b><span style="font-weight: 400;">"&gt;</span></code></p>
<p><span style="font-weight: 400;">20秒までを制限とする場合、</span></p>
<p><code><span style="font-weight: 400;">&lt;meta name="robots" content="max-video-preview<strong>:20</strong>"&gt;</span></code></p>
<p><span style="font-weight: 400;">制限をなくす場合、</span></p>
<p><code><span style="font-weight: 400;">&lt;meta name="robots" content="max-video-preview</span><b>:-1</b><span style="font-weight: 400;">"&gt;</span></code></p>
<h2><span style="font-weight: 400;">meta robotsタグとrobots.txtの違い</span></h2>
<p><span style="font-weight: 400;"> </span><span style="font-weight: 400;">meta robotsタグとよく混同されるものとして、robots.txtがあります。名前が似ているため混同されがちですが、役割としては大きく異なります。</span></p>
<p><span style="font-weight: 400;">robots.txtは<strong>検索エンジンのWebページへのアクセスを制限するためのファイル</strong>になります。このファイルへの記述によって検索エンジンにクロールさせたくないページや優先的にクロールすべきページなどを認識させることができます。ただし、</span><span style="font-weight: 400;">robots.txtは検索結果に表示されているページを表示させなくするために活用することはできないので、注意が必要です。</span></p>
<p><span style="font-weight: 400;">インデックスされたページをインデックス除外する場合、通常は meta robotsタグにnoindexを記述し、認識されるのを待つことになります。</span></p>
<p><span style="font-weight: 400;">ここでよくある間違いが、「<span class="marker-pink"><strong>robots.txtでDisallowを設定する</strong></span>」です。</span><span style="font-weight: 400;">こちらは、クロールをさせない指示となるため、すでに検索結果に表示されているページに設置する場合、インデックス除外の指示を送ったわけではないので、インデックスが残り続けてしまいます。</span></p>
<p><span style="font-weight: 400;">すでに検索結果に表示されているページを、表示させないようにするには、noindexタグの記述追加のみで問題ありません。</span><span style="font-weight: 400;">ぜひこの点をご留意いただければと思います。</span></p>
<p>robots.txtについては以下の記事で詳しく紹介しています。</p>
<div class="blog-card-box">

<a href="https://bruceclay.jpn.com/column/about_robotstxt/" class="tmt-blog-card">
  <div class="tmt-blog-card-box">
    <div class="tmt-blog-card-thumbnail"><img src='https://bruceclay.jpn.com/wp-content/uploads/2024/08/robotstxt-2.png' alt='robots.txtとは？書き方や確認方法、SEO上の効果について徹底解説！' width=200 height=112 /></div>
    <div class="tmt-blog-card-content">
        <div class="tmt-blog-card-title">robots.txtとは？書き方や確認方法、SEO上の効果について徹底解説！ </div>
        <div class="tmt-blog-card-excerpt">検索エンジンのロボットの動きやアクセスを制限させるためによく活用されるのが、robots.txtがあります。 検索エンジンがサイトをクロールする際真っ先に見るフ.....</div>
    </div>
  </div>
  <div class="tmt-blog-card-site"></div>
</a>
</div>
<h2><span style="font-weight: 400;">まとめ</span></h2>
<p><span style="font-weight: 400;">今回はmeta robotsタグについて定義や種類、使い方について紹介しました。</span></p>
<p><span style="font-weight: 400;">SEOにおいて、簡単に操作できる反面、使い方を間違えると検索結果に表示されなくなってしまう可能性があるため、正しく使えているか確認して、運用していくことが大切です。</span></p>
<p><span style="font-weight: 400;">SEOに関しては以下の記事で網羅的に解説しています。ぜひご確認ください。</span></p>
<div class="blog-card-box">

<a href="https://bruceclay.jpn.com/column/about_seo" class="tmt-blog-card">
  <div class="tmt-blog-card-box">
    <div class="tmt-blog-card-thumbnail"><img src='https://bruceclay.jpn.com/wp-content/uploads/2023/10/seo_2025.png' alt='【2025年最新】SEOとは？8つの具体的な対策とやり方、仕組みまでわかりやすく解説！' width=200 height=112 /></div>
    <div class="tmt-blog-card-content">
        <div class="tmt-blog-card-title">【2025年最新】SEOとは？8つの具体的な対策とやり方、仕組みまでわかりやすく解説！ </div>
        <div class="tmt-blog-card-excerpt">SEO（検索エンジン最適化）は、「Search Engine Optimization」の略で、検索エンジンでの上位表示を目指し、自然検索からのアクセス増加を図.....</div>
    </div>
  </div>
  <div class="tmt-blog-card-site"></div>
</a>
</div><p>The post <a href="https://bruceclay.jpn.com/column/robotstag-robotstxt/">meta robotsタグとは？robotsタグの種類やrobots.txtとの違い、記述方法について解説</a> first appeared on <a href="https://bruceclay.jpn.com">ブルースクレイ・ジャパン</a>.</p>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>canonical（カノニカル）タグとは？URLの正規化やSEO効果・設定方法について</title>
		<link>https://bruceclay.jpn.com/column/canonicaltag/</link>
		
		<dc:creator><![CDATA[SEOコンサルタントチーム]]></dc:creator>
		<pubDate>Wed, 26 Dec 2018 14:39:31 +0000</pubDate>
				<category><![CDATA[#html]]></category>
		<category><![CDATA[#基礎知識]]></category>
		<category><![CDATA[#内部施策]]></category>
		<guid isPermaLink="false">https://bruceclay.jpn.com/?post_type=blog&#038;p=2334</guid>

					<description><![CDATA[<p>canonical（カノニカル）タグというタグをご存知でしょうか？ユーザーの目に触れるようなhタグや、タイトルタグとは異なり、検索エンジンのためのタグです。 この記事では、canonical（カノニカル）タグの役割とその [&#8230;]</p>
<p>The post <a href="https://bruceclay.jpn.com/column/canonicaltag/">canonical（カノニカル）タグとは？URLの正規化やSEO効果・設定方法について</a> first appeared on <a href="https://bruceclay.jpn.com">ブルースクレイ・ジャパン</a>.</p>]]></description>
										<content:encoded><![CDATA[<p>canonical（カノニカル）タグというタグをご存知でしょうか？ユーザーの目に触れるようなhタグや、<a href="https://bruceclay.jpn.com/column/seo-title/">タイトルタグ</a>とは異なり、検索エンジンのためのタグです。</p>
<div class="flex-shrink-0 flex flex-col relative items-end">
<div>
<div class="pt-0">
<div class="gizmo-shadow-stroke flex h-8 w-8 items-center justify-center overflow-hidden rounded-full">
<div class="h-full w-full">
<div class="gizmo-shadow-stroke overflow-hidden rounded-full">この記事では、canonical（カノニカル）タグの役割とその活用法を解説しています。カノニカルタグは、検索エンジンに「正規のURL」を指定するためのタグであり、重複コンテンツを整理し、SEO効果を最大化する役割を持ちます。具体的には、リンク評価の集約や重複ページの統合を助けます。ただし、誤った設定は逆効果となるため、適切な使用が重要です。</div>
<div> </div>
</div>
</div>
</div>
</div>
</div>
<p>SEOに関する基礎知識や仕組みについては以下の記事で紹介していますのでそちらも合わせてご覧ください。</p>
<div class="blog-card-box">

<a href="https://bruceclay.jpn.com/column/about_seo/" class="tmt-blog-card">
  <div class="tmt-blog-card-box">
    <div class="tmt-blog-card-thumbnail"><img src='https://bruceclay.jpn.com/wp-content/uploads/2023/10/seo_2025.png' alt='【2025年最新】SEOとは？8つの具体的な対策とやり方、仕組みまでわかりやすく解説！' width=200 height=112 /></div>
    <div class="tmt-blog-card-content">
        <div class="tmt-blog-card-title">【2025年最新】SEOとは？8つの具体的な対策とやり方、仕組みまでわかりやすく解説！ </div>
        <div class="tmt-blog-card-excerpt">SEO（検索エンジン最適化）は、「Search Engine Optimization」の略で、検索エンジンでの上位表示を目指し、自然検索からのアクセス増加を図.....</div>
    </div>
  </div>
  <div class="tmt-blog-card-site"></div>
</a>
</div>
<p>今回は通常お目にかからないcanonicalタグが何者なのか、いつ活用され、設定しておくと何にいいのかをお伝えしていきます。</p>
<h2>canonical（カノニカル）タグとは</h2>
<p><span style="font-weight: 400;">”canonical”とは英語で「正典の、教会法に基づく、規準的な、標準的な」という意味を持つ単語です。</span></p>
<p><span style="font-weight: 400;">この「規準的な、標準的な」というところがこのタグの持つ役割に直結しており、canonicalタグを一言で言い表すなら、『検索エンジンに</span><b>規準的なURL</b><span style="font-weight: 400;">がどれなのかを示すためのタグ』と言えます。</span></p>
<p><span style="font-weight: 400;">いくつかのパターンで重複コンテンツ（コンテンツ内容がほとんど同じではあるが別URL）が発生する場合に、検索エンジンはどのページを検索結果に表示すべきか、どのページに評価を集約すべきか判断できません。そうすると、「類似するページが複数存在する」と認識されてしまい、評価が分散してしまいます。</span></p>
<p><span style="font-weight: 400;">しかし、このcanonicalタグを活用することにより、どのURLが規準的なのかを指定できます。これをURLの正規化と呼びます。</span></p>
<p><span style="font-weight: 400;">canonicalタグを設定することで、重複コンテンツになってしまっているURLのうち最も規準的なものだけがインデックス対象となり、そのほかのURLはインデックス対象から除外されます。（100%除外されるわけではないのでご注意ください。）</span></p>
<p>canonicalタグのおかげで分散してしまうSEO効果を1つの、正規<span style="font-weight: 400;">URLに統一させることができます。</span></p>
<h3>canonical（カノニカル）タグの記述方法</h3>
<p>canonicalタグの記述方法は以下のような内容となります。</p>
<p><code><span style="color: #0000ff; background-color: #f5f5f5; border: 1px solid #ccc; padding: 9.5px; border-radius: 4px; display: block; word-break: break-all; word-wrap: break-word;">&lt;link rel="canonical" href="正規ページのURL"&gt;</span></code></p>
<p>&lt;body&gt;要素にて設定してしまうと認識されない可能性があるので、 必ず&lt;head&gt;内に記述しましょう。</p>
<p>またできる限り&lt;head&gt;要素の中でも上部に設定する方が良いとされています。</p>
<h2>canonical（カノニカル）タグが必要なケース</h2>
<p><span style="font-weight: 400;">canonicalタグが必要なケースは以下の2つです。順番にご説明します。</span></p>
<ol>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">重複コンテンツ</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">リンク評価の集約</span></li>
</ol>
<h3>1．重複コンテンツ</h3>
<p>重複コンテンツとなるケースは様々あります。例えば、以下のようなケースです。</p>
<ul>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">PCサイトとスマホサイトのURLが異なる場合</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">カラーやサイズにバリエーションが複数ある商品の場合</span></li>
<li style="font-weight: 400;" aria-level="1">記事やECサイトの商品一覧ページなどで並び替え条件を変えるとURLが変わる場合</li>
</ul>
<p>様々なケースで重複コンテンツと認識されてしまう可能性があります。</p>
<h4>PCサイトとスマホサイトのURLが異なる場合</h4>
<p><span style="font-weight: 400;">スマホサイトがURLが異なる場合、canonicalタグと合わせて「alternateタグ」の指定も必要です。</span></p>
<p>スマホサイトを仮に、</p>
<p>https://bruceclay.jpn.com/<span style="color: #0000ff;"><strong>sp/</strong></span></p>
<p>や</p>
<p>https://<span style="color: #0000ff;"><strong>sp.</strong></span>bruceclay.jpn.com/</p>
<p>といった形で別URLで展開する場合、PCのページとSPのページが別URLとなるため重複コンテンツと認識されてしまう可能性があります。</p>
<p>PCで検索しているにも関わらずSPのページが上位にヒットしているサイトをたまに見かけますが、往往にしてcanonicalタグが正しく設定されていない場合がほとんどです。</p>
<p>スマホサイトを別URLにする場合、PC側のHTMLには、</p>
<p><code><span style="color: #0000ff; background-color: #f5f5f5; border: 1px solid #ccc; padding: 9.5px; border-radius: 4px; display: block; word-break: break-all; word-wrap: break-word;">&lt;link rel="alternate" media="only screen and (max-width: 640px)" href="https://bruceclay.jpn.com/sp/" /&gt;</span></code></p>
<p>上記のような記述を、またSP側のHTMLには、</p>
<p><code><span style="color: #0000ff; background-color: #f5f5f5; border: 1px solid #ccc; padding: 9.5px; border-radius: 4px; display: block; word-break: break-all; word-wrap: break-word;">&lt;link rel="canonical" href="https://bruceclay.jpn.com/"&gt;</span></code></p>
<p>といったようにPCのURLを設定する必要があります。</p>
<p>こうすることで検索エンジンがサイトを見たときに/sp/のページはPCページのスマホ版なのだと正しく認識するようになります。</p>
<h4>カラーやサイズにバリエーションが複数ある商品の場合</h4>
<p>ECサイトで色違いやサイズ違いの商品が複数あり、すべて別URLで展開がされている場合にも重複コンテンツとして認識されてしまう場合があります。<br />
人気のカラー等に評価を集約する方法をとることをおすすめします。<a href="https://developers.google.com/search/docs/crawling-indexing/consolidate-duplicate-urls?visit_id=638548140613777646-909715143&amp;hl=ja&amp;rd=2" target="_blank" rel="noopener">Google検索セントラルのドキュメント</a>でも、類似ページを集約することが推奨されています。</p>
<h4>記事やECサイトの商品一覧ページなどで並び替え条件を変えるとURLが変わる場合</h4>
<p>「新着順」「価格が高い順」「おすすめ順」等の条件で並び替えが可能なページにおいても同様です。<br />
ユーザーにとっては使いやすく利便性が高いですが、検索エンジンからは重複していると判断される可能性があります。<br />
並び替えごとに異なるURLが検索結果にそれぞれインデックスされている状態も望ましくありません。<br />
デフォルトの並び替え条件のURLを正規URLとして指定し、評価集約することがすおすすめです。</p>
<h3>2．リンク評価の集約</h3>
<p><span style="font-weight: 400;">サイト内外からのリンク評価を集約するためにもcanonicalタグは重要です。</span></p>
<p><span style="font-weight: 400;">特に、外部サイトからの リンク（被リンク）はSEOの評価においても重要となるため、評価を集約しておくことが望ましいです。</span></p>
<p><span style="font-weight: 400;">前述したように、検索エンジンはURLが異なると同一コンテンツであっても、違うページと認識してしまうため、たとえ同じコンテンツへのリンクであっても、リンクに使われているURLが少しでも異なると、評価を集約できず、分散してしまいます。</span></p>
<p><span style="font-weight: 400;">異なるURLにリンクが貼られていても、canonicalタグで正規化しておくと、URLに対して個別評価されず、被リンクのパワーを集約することができます。</span></p>
<h2>canonical（カノニカル）タグの誤った使用方法</h2>
<p>Googleの公式ブログにおいて誤った使用方法の例がまとめられています。</p>
<ol>
<li>ページネーションが発生する場合の設定</li>
<li>相対パスでの記述</li>
<li>意図しない形で指定している、または 2 つ以上指定する</li>
<li>カテゴリページまたはランディングページで特集記事へのリンクを指定する</li>
<li>&lt;body&gt;タグ内に設定している</li>
</ol>
<p>出典：<a href="https://webmaster-ja.googleblog.com/2013/05/5-common-mistakes-with-relcanonical.html" target="_blank" rel="nofollow noopener">https://webmaster-ja.googleblog.com/2013/05/5-common-mistakes-with-relcanonical.html</a></p>
<p>以上、5ポイントに関しては確実にミスのないように設定をしましょう。</p>
<p>また、以前はニュースサイトで、同じ記事を複数の異なるサイトでも配信する場合に、canonicalタグとnoindexタグの使用が推奨されていましたが、2023年にnoindexタグのみが推奨と変更されました。</p>
<blockquote><p>canonical リンク要素は、シンジケーション パートナーによる重複を避けたい場合には推奨されません。ページが大きく異なることが多いためです。<br />
引用：<a href="https://developers.google.com/search/docs/crawling-indexing/canonicalization-troubleshooting?hl=ja#syndicated-content" target="_blank" rel="noopener">正規化に関する問題の修正</a></p></blockquote>
<p>同一サイト内での正規化には、引き続きcanonicalタグの使用も推奨されています。</p>
<p>参考：<br />
<a href="https://support.google.com/news/publisher-center/answer/9606800?hl=ja" target="_blank" rel="noopener">Google ニュースでの記事の重複を避ける</a></p>
<h2>URLの正規化の方法</h2>
<p><span style="font-weight: 400;">重複した URL を統合するという項目においてGoogleからの公式の見解も以下のページにて公開されています</span>。</p>
<p>出典：<a href="https://support.google.com/webmasters/answer/139066?hl=ja" target="_blank" rel="nofollow noopener">https://support.google.com/webmasters/answer/139066?hl=ja</a></p>
<p>canonicalタグ以外にも、リダイレクト による正規化の方法もあります。以下のような場合には、canonicalタグよりも301リダイレクトによる正規化が推奨されています。</p>
<ul>
<li>www.や、index.html（php）のあるなしによって同一のコンテンツが表示される場合</li>
<li>URL末尾に/（スラッシュ）のあるなしによって、同一のコンテンツが表示される場合</li>
</ul>
<p>301リダイレクトは「恒久的な転送」を意味し、複数のURLを存在させる必要がない場合は、リダイレクトのほうが確実です。</p>
<h2>SEO効果を最大化するcanonicalタグの使い方</h2>
<p>SEO効果を最大化するために、canonicalタグは<span class="marker-pink">すべてのページにおいて自己参照で設定</span>しましょう。</p>
<p>すべてのページに設定することで、パラメータ付きURL等による重複を防ぐことができます。予期せぬ重複が発生することもあるため、弊社では全ページの設定を推奨しています。</p>
<h2>正しく正規化されているかを確認する方法</h2>
<p>canonicalタグによる正規化が正しくされているかについては、Google Search Consoleを使って確認ができます。</p>
<p>調べたいURLを「URL検査」すると、canonicalタグが正しく認識されている場合は「Googleが選択した正規URL」の部分が検査対象URLと一致します。</p>
<p><img loading="lazy" decoding="async" class="aligncenter size-large wp-image-17179" src="https://bruceclay.jpn.com/wp-content/uploads/2018/12/canonical-1024x608.png" alt="URL検査" width="1024" height="608" srcset="https://bruceclay.jpn.com/wp-content/uploads/2018/12/canonical-1024x608.png 1024w, https://bruceclay.jpn.com/wp-content/uploads/2018/12/canonical-360x214.png 360w, https://bruceclay.jpn.com/wp-content/uploads/2018/12/canonical-768x456.png 768w, https://bruceclay.jpn.com/wp-content/uploads/2018/12/canonical-471x280.png 471w" sizes="(max-width: 1024px) 100vw, 1024px" /></p>
<h2>canonical（カノニカル）タグの設定は慎重に！</h2>
<p>canonicalタグはSEO上確実に設定しなければいけないタグの一つです。</p>
<p>ただし設定を間違えてしまうと検索エンジンにインデックスされない事態になりえます。</p>
<p>大規模サイトになればなるほど重複コンテンツの発生は避けられないと言えます。正しいルール設計のもと、canonicalタグを設定することで評価を統一させられるようにしましょう。</p><p>The post <a href="https://bruceclay.jpn.com/column/canonicaltag/">canonical（カノニカル）タグとは？URLの正規化やSEO効果・設定方法について</a> first appeared on <a href="https://bruceclay.jpn.com">ブルースクレイ・ジャパン</a>.</p>]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
