<?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>Google Search Console  |  ミドル世代の学習ノート DomComNote</title>
	<atom:link href="https://domcomnote.com/tag/google-search-console/feed/" rel="self" type="application/rss+xml" />
	<link>https://domcomnote.com</link>
	<description>人生100年時代を生きる！自己学習のサイト</description>
	<lastBuildDate>Sat, 06 Mar 2021 00:48:51 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=5.9.3</generator>

<image>
	<url>https://domcomnote.com/wp-content/uploads/2020/12/cropped-circle-logo-1-1-32x32.png</url>
	<title>Google Search Console  |  ミドル世代の学習ノート DomComNote</title>
	<link>https://domcomnote.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>ページ エクスペリエンス シグナルの1つとして「Core Web Vitals」をランキング要因に導入予定｜SEO</title>
		<link>https://domcomnote.com/seo/web-vitals/</link>
		
		<dc:creator><![CDATA[DOMCOM]]></dc:creator>
		<pubDate>Wed, 10 Jun 2020 10:30:34 +0000</pubDate>
				<category><![CDATA[SEO]]></category>
		<category><![CDATA[Google Search Console]]></category>
		<guid isPermaLink="false">https://domcomnote.com/?p=409</guid>

					<description><![CDATA[SEOの基礎と最近の動向について学ぶ]]></description>
										<content:encoded><![CDATA[
<h1>ページ表示スピードの向上は検索表示順位向上につながる</h1>



<h2><span id="toc1">ページ エクスペリエンス シグナルの1つとしてランキング要因に組み込み</span></h2>



<p class="has-text-align-right">（2020年12月7日アップデート）</p>



<p>2020年11月10日、Google検索セントラル（旧Googleウェブマスター）に「<a rel="noopener" target="_blank" href="https://developers.google.com/search/blog/2020/11/timing-for-page-experience">Google 検索へのページ エクスペリエンスの導入時期<span class="fa fa-external-link external-icon anchor-icon"></span></a>」のタイトルが掲載されました。</p>



<p>このタイトル内で、2021年5月に現在の4つのページ エクスペリエンスシグナル「モバイルフレンドリー」「セーブブラウジング」「HTTPSセキュリティ」「煩わしいインターステイシャルに関するガイドライン」に加え、新たに「Core Web Vitals」をランキング要因に加えることが公表されました。</p>



<figure class="wp-block-image"><img src="https://1.bp.blogspot.com/-cZvSfEG871E/Xs7lqHw77mI/AAAAAAAAEF4/BCRM01I7VMgplaofXcKpDRewHM3jwAkuwCLcBGAsYHQ/s1600/Search_Page_Experience_Graphic.webp" alt="検索のページ エクスペリエンス シグナルのコンポーネントを示す図。"/><figcaption>ページ エクスペリエンスの概念図　Google検索セントラルより</figcaption></figure>



<p>新たに加わる「Core Web Vital」について詳細を解説します。</p>



<h3><span id="toc2">参考　その他のページ エクスペリエンス  シグナル</span></h3>



<h5>モバイルフレンドリー</h5>



<p>そのページが、モバイルに対応しているかを示す指標。モバイルフレンドリーテストで判定できます。</p>



<h5>セーフ ブラウジング</h5>



<p>そのページにマルウェアなど悪意のあるコンテンツやソーシャル エンジニアリングなどの不正なコンテンツが含まれていないこと。セーフ ブラウジングの問題か生じている場合、Serch Consoleのセキュリティの問題レポートで確認できます。</p>



<h5>HTTPS</h5>



<p>そのページがHTTPSの暗号通信に対応しているかを示します。</p>



<h5>煩わしいインターステイシャルがない</h5>



<p>ページのコンテンツにユーザーが容易にアクセスできることを示します。インターステイシャスとは、WEBサイトを表示した直後に画面全体を覆うようにして表示されるものを指し、主に広告表示や会員登録促進、注意喚起などの目的で利用されます。ただし、Cookie使用の承諾や年齢確認など法的な妥当性を問うために使用される場合などは、影響を受けにくいとされています。</p>



<h2 class="is-style-vk-heading-solid_bottomborder_black has-text-color" style="color:#595959"><span id="toc3">新たに導入される「Core Web Vitals」（ウェブバイタル）とは</span></h2>



<p>Core Web Vitalsとは、以下の様に示されています。</p>



<blockquote class="wp-block-quote"><p>Web Vitalsは、優れたユーザーエクスペリエンスをウェブ上で提供するために不可欠な高品質の信号に関する統一されたガイダンスを提供するためのGoogleの取り組みです。</p><cite><a rel="noopener" target="_blank" href="https://web.dev/vitals/">Google web.dev<span class="fa fa-external-link external-icon anchor-icon"></span></a></cite></blockquote>



<p>また、ユーザーエクスペリエンスを最適化するために、2020年5月28日Googleは「Web Vitals」（ウェブバイタル）をGoogleのランキング要因に組み込むと発表しました。</p>



<p>Core Web Vital（ウェブに関する主な指標）は、特にページ読み込みに関する指標です。つまり、ページをウェブブラウザ上にどれだけ早くかつ安定して表示できるかを測る指標であり、UX：ユーザーエクスペリエンスを表す指標となります。</p>



<p>Googleはユーザエクスペリエンスの3つの視点　（読み込み：Loading、対話性：interactivity、視覚的安定性：Visual stability）　に焦点を当てており、次が該当します。<br>・Largest Contentful Paint(LCP)<br>・First Input Delay（FID）<br>・Cumulative Layout Shift(CLS)</p>



<p>そして、これらのSEOは<strong>”コンテンツの質”＋”UX:ユーザーエクスペリエンス”</strong>を高めていくことが特に重要になります。</p>



<h4>すべてのデバイスで対象になるのか？</h4>



<p>2021年5月の導入時点では、モバイル対応から始まるようですので、モバイルでよくアクセスされているウェブサイトは注意が必要です。</p>



<h2 class="is-style-vk-heading-solid_bottomborder_black has-text-color" style="color:#595959"><span id="toc4">Core Web Vital　3つの指標</span></h2>



<p>Core Web Vaitalsの3つの指標について詳しく解説していきますが、3つの指標をざっくりとまとめると次のようになります。</p>



<ul><li>LCP：コンテンツの読み込み時間</li><li>FID：ページ操作に応答するまでの時間</li><li>CLS：読み込み完了までのレイアウト移動量</li></ul>



<p>Googleは、この3つの指標に具体的なしきい値を設けています。このしきい値についても科学的根拠に基づいており、Google Developersでは次のように解説されています。</p>



<blockquote class="wp-block-quote"><p>私たちは、これらの指標やしきい値がどのようにユーザーに影響するかを理解するため、膨大なページ インプレッションを分析しました。そこから、これらのしきい値を満たしているサイトでは、<strong>ページ読み込みをやめる（読み込みが完了する前にページを離れる）ユーザーが 24% 少なくなる</strong>ことがわかりました。</p><cite><a rel="noopener" target="_blank" href="https://developers-jp.googleblog.com/2020/06/web-vitals.html">Web Vitals を支える科学<span class="fa fa-external-link external-icon anchor-icon"></span></a>　2020年6月4日木曜日　Google Developers</cite></blockquote>



<p>Core Web Vaitalsへの対応はSEOとしても重要ですが、利用者の直帰や意図せぬ離脱の回避にもつながるので、積極的に対応することが望まれます。</p>



<p>それでは、それぞれの項目について紹介します。</p>



<h3 class="is-style-vk-heading-default"><span id="toc5">Largest Contentful Paint(LCP)</span></h3>



<p>ページで最も大きな要素が読み込まれるまでの時間を表します。もっとも有意義なコンテンツをどのくらい早く見ることができるかを表すロードパフォーマンスの測定です。</p>



<div class="wp-block-media-text alignwide is-stacked-on-mobile"><figure class="wp-block-media-text__media"><img loading="lazy" width="574" height="502" src="https://domcomnote.com/wp-content/uploads/2020/06/image-1.png" alt="LPC" class="wp-image-519 size-full" srcset="https://domcomnote.com/wp-content/uploads/2020/06/image-1.png 574w, https://domcomnote.com/wp-content/uploads/2020/06/image-1-300x262.png 300w" sizes="(max-width: 574px) 100vw, 574px" /></figure><div class="wp-block-media-text__content">
<p class="has-text-align-left"><span class="bold-blue">良好の基準 </span><br><span class="fz-20px"><span class="fz-18px">ページが最初にロードを開始してから<strong>2.5秒以内</strong>にLPCが発生する必要があります</span></span>。</p>
</div></div>



<h6>ページで最も大きな要素とは</h6>



<p>ページで最大のコンテンツが読み込まれる状態を指すのですが、具体的にどれを指すのかが分かりにくいですね。具体的には、画像またはテキストブロックが読み込まれる時間を指します。詳細は、以下の記事で紹介されていますので、気になる場合は参照してください。</p>



<p><a rel="noopener" target="_blank" href="https://web.dev/lcp/">Largest Contentful Paint (LCP)<span class="fa fa-external-link external-icon anchor-icon"></span></a>　Aug 8, 2019&nbsp;•&nbsp;Updated&nbsp;Jun 17, 2020　https://web.dev/lcp/</p>



<h3 class="is-style-vk-heading-default"><span id="toc6">First Input Delay（FID）</span></h3>



<p>最初の入力が実行できるようになるまでの待機時間を表します。応答性を測定して、ユーザーが最小に操作しようとする場合の対話性を定量化します。</p>



<div class="wp-block-media-text alignwide is-stacked-on-mobile"><figure class="wp-block-media-text__media"><img loading="lazy" width="750" height="656" src="https://domcomnote.com/wp-content/uploads/2020/06/image-2.png" alt="" class="wp-image-520 size-full" srcset="https://domcomnote.com/wp-content/uploads/2020/06/image-2.png 750w, https://domcomnote.com/wp-content/uploads/2020/06/image-2-300x262.png 300w" sizes="(max-width: 750px) 100vw, 750px" /></figure><div class="wp-block-media-text__content">
<p><span class="bold-blue">良好の基準</span><br>ページのFIDが<strong>&nbsp;100ミリ秒未満</strong>である必要があります。</p>
</div></div>



<h3 class="is-style-vk-heading-default"><span id="toc7">Cumulative Layout Shift(CLS)</span></h3>



<p>表示されるページコンテンツにおける予期しないレイアウトのずれの量を定量化したもの。ページがどのくらい安定しているように感じられるか、視覚的安定性を測定します。</p>



<p>例えば、記事を読んでいるのに広告が表示され表示がずれてしまった。ということはありうる話ですが、そのズレによって本来キャンセルするはずだったのに承認してしまうなどの被害を被る可能性もあります。その様な実害が生じない用にする必要があるのは当然ですね。</p>



<div class="wp-block-media-text alignwide is-stacked-on-mobile"><figure class="wp-block-media-text__media"><img loading="lazy" width="740" height="654" src="https://domcomnote.com/wp-content/uploads/2020/06/image-3.png" alt="" class="wp-image-523 size-full" srcset="https://domcomnote.com/wp-content/uploads/2020/06/image-3.png 740w, https://domcomnote.com/wp-content/uploads/2020/06/image-3-300x265.png 300w" sizes="(max-width: 740px) 100vw, 740px" /></figure><div class="wp-block-media-text__content">
<p><span class="bold-blue">良好の指標</span><br>ページのCLSを<strong>&nbsp;0.1未満</strong>に維持する必要があります。</p>
</div></div>



<h2><span id="toc8">Core Web Vitalの確認方法</span></h2>



<p>Core Web VaitalsはGoogle Search Consoleから確認することができます。サイトのどのURLを改善すべきなのかを示唆してくれています。まずは、Google Search Consoleの確認から始めることをおすすめします。</p>



<h3 class="is-style-vk-heading-default"><span id="toc9">Google Search Consoleで概要を把握する。</span></h3>



<p>Google Search Consoleの以下の項目から確認が可能です。</p>



<p>拡張＞<span class="bold-red">ウェブに関する主な指標</span>＞レポート</p>



<div class="wp-block-columns alignwide">
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:33.33%">
<div class="wp-block-image"><figure class="aligncenter size-large"><img loading="lazy" width="560" height="916" src="https://domcomnote.com/wp-content/uploads/2020/06/image-4.png" alt="" class="wp-image-524" srcset="https://domcomnote.com/wp-content/uploads/2020/06/image-4.png 560w, https://domcomnote.com/wp-content/uploads/2020/06/image-4-183x300.png 183w" sizes="(max-width: 560px) 100vw, 560px" /></figure></div>
</div>



<div class="wp-block-column" style="flex-basis:66.66%">
<p>PCとモバイル別に「良好」「改善が必要」「不良」の3段階で表示され、「良好」になる基準は、LCP:2.5秒未満、FID：100ミリ秒未満、CLS：0.1未満となります。</p>



<p>ページ毎の詳細は<a rel="noopener" target="_blank" href="https://developers.google.com/speed/pagespeed/insights/">PageSpeed Insight<span class="fa fa-external-link external-icon anchor-icon"></span></a>で改善ポイントを知ることができます。</p>
</div>
</div>



<p>Google Search Consoleで表示されるのは、フィールドデータとして、統計的に分析できるだけのアクセスがある場合に限られます。オープンしたてのWEBサイトのようなアクセスが少ないサイトの場合は、表示されていない場合があります。</p>



<p>この場合は、ラボデータとして、次の方法でページ単位に確認することが可能です。</p>



<h3><span id="toc10">計測ツールを用いてCore Web Vaitalsの指標を確認する方法</span></h3>



<p>Core Web Vitalsは次の3つのツールでも測定することができます。</p>



<h4 class="is-style-vk-heading-default">Page Speed Insight</h4>



<p>Google Search Consoleのウェブに関する主な指標をドリルダウンしていくとPage Speed Insightsを開くことができますが、<a rel="noopener" target="_blank" href="https://developers.google.com/speed/pagespeed/insights/">Page Speed Insaights<span class="fa fa-external-link external-icon anchor-icon"></span></a>を直接開いてURLを入力することでも測定は可能です。</p>



<div class="wp-block-image"><figure class="aligncenter size-large"><img loading="lazy" width="1024" height="389" src="https://domcomnote.com/wp-content/uploads/2020/06/image-1024x389.png" alt="" class="wp-image-410" srcset="https://domcomnote.com/wp-content/uploads/2020/06/image-1024x389.png 1024w, https://domcomnote.com/wp-content/uploads/2020/06/image-300x114.png 300w, https://domcomnote.com/wp-content/uploads/2020/06/image-768x292.png 768w, https://domcomnote.com/wp-content/uploads/2020/06/image.png 1241w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure></div>



<h4>Lighthouse</h4>



<p>Lighthouseは、サイトのユーザーエクスペリエンスを向上させる機会を特定するのに役立つ自動化されたGoogle公式のWebサイト監査ツールです。</p>



<p>Chromeウェブストアから無料で入手可能です。</p>



<p><a rel="noopener" target="_blank" href="https://chrome.google.com/webstore/detail/lighthouse/blipmdconlkpinefehnmjammfjpmpbjk">Lighthouse<span class="fa fa-external-link external-icon anchor-icon"></span></a></p>



<div class="wp-block-image"><figure class="aligncenter size-large"><img loading="lazy" width="737" height="288" src="https://domcomnote.com/wp-content/uploads/2021/03/lighthouse.jpg" alt="" class="wp-image-2895" srcset="https://domcomnote.com/wp-content/uploads/2021/03/lighthouse.jpg 737w, https://domcomnote.com/wp-content/uploads/2021/03/lighthouse-300x117.jpg 300w" sizes="(max-width: 737px) 100vw, 737px" /></figure></div>



<h4>Chrome デベロッパーツール</h4>



<p>ChromeデベロッパーツールにLighthouseが搭載されています。この機能を使えば、拡張機能のインストールなしに利用できます。</p>



<p><strong>起動方法　①　</strong></p>



<p>Macの場合：Google Chromeのメニューから<strong>「表示」->「開発/管理」->「デベロッパーツール」</strong>を選択して起動します。</p>



<p>Windowsの場合：Google Chromeの右上のメニューから<strong>「Google Chromeの設定」->「その他のツール」->「デベロッパーツール」</strong>を選択して起動します。</p>



<p><strong>起動方法　②</strong></p>



<p>調査したいページ上で「右クリック」->「検証」</p>



<p><strong>起動方法　③</strong></p>



<p>ショートカットキー：　「F12 」</p>



<p>起動後、デベロッパーツールの<strong>Lighthouse -> Generate report</strong>の順にクリックします。（図１）</p>



<figure class="wp-block-image size-large"><img loading="lazy" width="1024" height="414" src="https://domcomnote.com/wp-content/uploads/2020/06/img_LCP01.jpg" alt="Chrome デベロッパーツール_lighthouse01" class="wp-image-2896" srcset="https://domcomnote.com/wp-content/uploads/2020/06/img_LCP01.jpg 1024w, https://domcomnote.com/wp-content/uploads/2020/06/img_LCP01-300x121.jpg 300w, https://domcomnote.com/wp-content/uploads/2020/06/img_LCP01-768x311.jpg 768w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption>図１</figcaption></figure>



<p>スクリーニングが終われば、次のように表示されCore WEB Vitalsのみならず各指標を確認することができます。（図２）</p>



<figure class="wp-block-image size-large"><img loading="lazy" width="1024" height="417" src="https://domcomnote.com/wp-content/uploads/2020/06/img_LCP02.jpg" alt="Chrome デベロッパーツール_lighthouse02" class="wp-image-2897" srcset="https://domcomnote.com/wp-content/uploads/2020/06/img_LCP02.jpg 1024w, https://domcomnote.com/wp-content/uploads/2020/06/img_LCP02-300x122.jpg 300w, https://domcomnote.com/wp-content/uploads/2020/06/img_LCP02-768x313.jpg 768w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption>図２</figcaption></figure>



<hr class="wp-block-separator is-style-dots"/>



<h2><span id="toc11">最後に</span></h2>



<p>ページエクスペリエンスの改善が得られたとしても、それですべてが解決するわけではありません。ページエクスペリエンスが劣っていたとしても、全体的に価値の高い優れたコンテンツが上位表示される事には変わらないので、ユーザーにとって価値のあるコンテンツを提供し続けることがSEOで成果を得る早道だという事を忘れずに。</p>



<h6 class="is-style-vk-heading-default">参考資料</h6>



<blockquote class="wp-block-quote"><p><a rel="noopener" target="_blank" href="https://developers-jp.googleblog.com/2020/05/web-vitals.html">Web Vitals の概要: サイトの健全性を示す重要指標<span class="fa fa-external-link external-icon anchor-icon"></span></a></p><cite>Google Developers</cite></blockquote>



<p></p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
