<?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>SEO | Word Weaver Studio</title>
	<atom:link href="https://wordweaverpro.com/tag/seo/feed/" rel="self" type="application/rss+xml" />
	<link>https://wordweaverpro.com</link>
	<description>SEOライター｜比較で最適解を導くCFP</description>
	<lastBuildDate>Sun, 12 Apr 2026 02:37:20 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0</generator>

<image>
	<url>https://wordweaverpro.com/wp-content/uploads/2024/04/cropped-siteicon-32x32.png</url>
	<title>SEO | Word Weaver Studio</title>
	<link>https://wordweaverpro.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>WebライターのPageSpeed Insights対策：評価45→81</title>
		<link>https://wordweaverpro.com/webwriter-pagespeed-45-81/</link>
					<comments>https://wordweaverpro.com/webwriter-pagespeed-45-81/#respond</comments>
		
		<dc:creator><![CDATA[十河 賢]]></dc:creator>
		<pubDate>Mon, 22 Apr 2024 11:42:06 +0000</pubDate>
				<category><![CDATA[その他]]></category>
		<category><![CDATA[PageSpeed Insights]]></category>
		<category><![CDATA[SEO]]></category>
		<guid isPermaLink="false">https://wordweaverpro.com/?p=1310</guid>

					<description><![CDATA[このサイトを立ち上げてから、1ヶ月後ぐらいに、PageSpeed Insaightsで分析した結果が、64だった。前回の取組については、下記の記事を確認していただきたい。 公開記事数が70を超え、一区切りついたところで、 [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">このサイトを立ち上げてから、1ヶ月後ぐらいに、PageSpeed Insaightsで分析した結果が、64だった。前回の取組については、下記の記事を確認していただきたい。</p>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-related">

<a target="_self" href="https://wordweaverpro.com/webwriter-pagespeed-64-78/" title="WebライターのPageSpeed Insights対策：64→78に向上" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img decoding="async" width="160" height="90" src="https://wordweaverpro.com/wp-content/uploads/2024/04/eye-catching-seo-160x90.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://wordweaverpro.com/wp-content/uploads/2024/04/eye-catching-seo-160x90.jpg 160w, https://wordweaverpro.com/wp-content/uploads/2024/04/eye-catching-seo-300x169.jpg 300w, https://wordweaverpro.com/wp-content/uploads/2024/04/eye-catching-seo-1024x576.jpg 1024w, https://wordweaverpro.com/wp-content/uploads/2024/04/eye-catching-seo-768x432.jpg 768w, https://wordweaverpro.com/wp-content/uploads/2024/04/eye-catching-seo-120x68.jpg 120w, https://wordweaverpro.com/wp-content/uploads/2024/04/eye-catching-seo-320x180.jpg 320w, https://wordweaverpro.com/wp-content/uploads/2024/04/eye-catching-seo.jpg 1280w" sizes="(max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">WebライターのPageSpeed Insights対策：64→78に向上</div><div class="blogcard-snippet internal-blogcard-snippet">PageSpeed Insightsを使ってWebサイトのパフォーマンスを改善する方法を解説。レンダリングを妨げるリソースの除外、使用していないJavaScriptの削減、「最大コンテンツの描画」要素の改善、プラグインの最適化など、具体的な改善策と結果を紹介。サイトの高速化によるSEOとUXの向上を目指すための知見が満載。</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img decoding="async" src="https://www.google.com/s2/favicons?domain=https://wordweaverpro.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">wordweaverpro.com</div></div><div class="blogcard-date internal-blogcard-date"><div class="blogcard-post-date internal-blogcard-post-date">2026.04.12</div></div></div></div></a>
</div>



<p class="wp-block-paragraph">公開記事数が70を超え、一区切りついたところで、再びPageSpeed Insightsで分析した結果が次の画像である。</p>



<figure class="wp-block-image aligncenter size-full"><img fetchpriority="high" decoding="async" width="984" height="764" src="https://wordweaverpro.com/wp-content/uploads/2024/04/pagespeed-insights02-1.jpg" alt="PageSpeed Insightsの評価の画像：45" class="wp-image-1312" srcset="https://wordweaverpro.com/wp-content/uploads/2024/04/pagespeed-insights02-1.jpg 984w, https://wordweaverpro.com/wp-content/uploads/2024/04/pagespeed-insights02-1-300x233.jpg 300w, https://wordweaverpro.com/wp-content/uploads/2024/04/pagespeed-insights02-1-768x596.jpg 768w" sizes="(max-width: 984px) 100vw, 984px" /></figure>



<p class="wp-block-paragraph">評価は45で、いずれの指標も真っ赤である。今回の調整では、この45を81に戻した。</p>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="986" height="756" src="https://wordweaverpro.com/wp-content/uploads/2024/04/pagespeed-insights02-2.jpg" alt="PageSpeed Insightsの評価の画像：81" class="wp-image-1315" srcset="https://wordweaverpro.com/wp-content/uploads/2024/04/pagespeed-insights02-2.jpg 986w, https://wordweaverpro.com/wp-content/uploads/2024/04/pagespeed-insights02-2-300x230.jpg 300w, https://wordweaverpro.com/wp-content/uploads/2024/04/pagespeed-insights02-2-768x589.jpg 768w" sizes="(max-width: 986px) 100vw, 986px" /></figure>



<h2 class="wp-block-heading"><span id="toc1">評価45→81になった決定的な対策</span></h2>



<p class="wp-block-paragraph">評価を上げるべく、さまざまな思考と試行を繰り返した。振り返れば、大したことをやっていないが、PageSpeed Insightsから「ツリーマップ」を見れることに気づき、眺めていた。chromeの開発者ツールでも確認できる内容だが、たまたまの流れでツリーマップでボトルネックを探していた。</p>



<p class="wp-block-paragraph">結論を言えば、wordpressのプラグインである「EWWW image optimizer」に頼り過ぎていた。wordpressに画像をアップロードする前に、Squooshで画像サイズを極限までおとした。また複雑な画像を削除し、幾何学的な画像を使うことで、画像サイズをおさえることにした。</p>



<p class="wp-block-paragraph">「EWWW image optimizer」には有料版があり、さまざまなサイトでは無料版でも高機能ということだったが、圧縮率に限界があったようだ。Squooshは、元画像と圧縮後の画像を比較できるため、圧縮率をぎりぎりまで高められる。</p>



<p class="wp-block-paragraph">この時点で、すでに対策済みの人にとっては興味がないかもしれない。しかし、同じような悩みを抱えている人向けに、私が行った手順を紹介しておく。</p>



<h2 class="wp-block-heading"><span id="toc2">PageSpeed Insightsの評価を上げた施策</span></h2>



<p class="wp-block-paragraph">ここから紹介する施策は、Webサイト制作を専門とする人なら、おそらく必ずやっているであろうものばかりである。単に、私が軽視しており、また手間がかかるためやってこなかった。PageSpeed Insightsの対策で苦労している同志も多いと考えられるため、紹介しておく。</p>



<h3 class="wp-block-heading"><span id="toc3">ツリーマップからGoogleタグの確認・修正</span></h3>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="995" height="292" src="https://wordweaverpro.com/wp-content/uploads/2024/04/pagespeed-insights02-3.jpg" alt="PageSpeed Insightsの診断上の画像" class="wp-image-1319" srcset="https://wordweaverpro.com/wp-content/uploads/2024/04/pagespeed-insights02-3.jpg 995w, https://wordweaverpro.com/wp-content/uploads/2024/04/pagespeed-insights02-3-300x88.jpg 300w, https://wordweaverpro.com/wp-content/uploads/2024/04/pagespeed-insights02-3-768x225.jpg 768w" sizes="(max-width: 995px) 100vw, 995px" /></figure>



<p class="wp-block-paragraph">PageSpeed Insightsの診断結果の上に、「ツリーマップを見る」という箇所がある。ここをクリックすると、次のような画面に移行する。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="959" height="191" src="https://wordweaverpro.com/wp-content/uploads/2024/04/pagespeed-insights02-4.jpg" alt="ツリーマップの画像" class="wp-image-1320" srcset="https://wordweaverpro.com/wp-content/uploads/2024/04/pagespeed-insights02-4.jpg 959w, https://wordweaverpro.com/wp-content/uploads/2024/04/pagespeed-insights02-4-300x60.jpg 300w, https://wordweaverpro.com/wp-content/uploads/2024/04/pagespeed-insights02-4-768x153.jpg 768w" sizes="(max-width: 959px) 100vw, 959px" /></figure>



<p class="wp-block-paragraph">上記はリソースのサイズと使用していないバイト、横棒で示しているカバレッジである。カバレッジの赤い部分が多いと、改善の余地がある。私の場合、GA4タグIDを使い、タグマネージャーIDを設定していなかったため、タグマネージャーIDを設定し、GA4タグIDを削除した。まず、これで少し改善された。</p>



<h3 class="wp-block-heading"><span id="toc4">画像サイズの圧縮</span></h3>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="803" height="252" src="https://wordweaverpro.com/wp-content/uploads/2024/04/pagespeed-insights02-5.jpg" alt="" class="wp-image-1321" srcset="https://wordweaverpro.com/wp-content/uploads/2024/04/pagespeed-insights02-5.jpg 803w, https://wordweaverpro.com/wp-content/uploads/2024/04/pagespeed-insights02-5-300x94.jpg 300w, https://wordweaverpro.com/wp-content/uploads/2024/04/pagespeed-insights02-5-768x241.jpg 768w" sizes="(max-width: 803px) 100vw, 803px" /></figure>



<p class="wp-block-paragraph">以前からの課題で「最大コンテンツの描画」要素への対策があった。画像サイズをもっと減らせますよ、という忠告だが、手間がかかるため、「EWWW image optimizer」に頼っていた。今回、少し時間があったので、思い切って、次の手順で対策した。</p>



<p class="wp-block-paragraph">◆　複雑なアイキャッチ画像を幾何学的な画像に変更する</p>



<ol class="wp-block-list">
<li>画像名も適当だったため、アイキャッチ画像をすべて削除し、いちから作成</li>



<li>アイキャッチ画像を1200 × 675に統一し、canvaで調整</li>



<li>canvaからダウンロードした画像を、<a rel="follow noopener noreferrer external" target="_blank" href="https://squoosh.app/">Squoosh</a>でサイズ圧縮。特にQualityを極限まで下げた。</li>
</ol>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="557" src="https://wordweaverpro.com/wp-content/uploads/2024/04/pagespeed-insights02-6-1024x557.jpg" alt="Squoosh画面" class="wp-image-1322" srcset="https://wordweaverpro.com/wp-content/uploads/2024/04/pagespeed-insights02-6-1024x557.jpg 1024w, https://wordweaverpro.com/wp-content/uploads/2024/04/pagespeed-insights02-6-300x163.jpg 300w, https://wordweaverpro.com/wp-content/uploads/2024/04/pagespeed-insights02-6-768x418.jpg 768w, https://wordweaverpro.com/wp-content/uploads/2024/04/pagespeed-insights02-6-1536x836.jpg 1536w, https://wordweaverpro.com/wp-content/uploads/2024/04/pagespeed-insights02-6.jpg 1920w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">画像の右下に、「86%」とあり、これを画質を確認しながら、20まで90%以上圧縮した。Squooshはウェブ版もあるが、アプリを使用している。軽量でサクサク動くので、予想以上に簡単に圧縮できた。</p>



<p class="wp-block-paragraph">このあと、wordpressにアップするが、「EWWW image optimizer」は有効にしている。「EWWW image optimizer」による圧縮率は低いが、webPが使えるので、様子見で使い続けている。</p>



<p class="wp-block-paragraph">記事が少なかったので、面倒だったが、やり遂げた。これで評価が81まで復活したのである。</p>



<h2 class="wp-block-heading"><span id="toc5">まとめ</span></h2>



<p class="wp-block-paragraph">PageSpeed Insightsの評価を上げるために、ツリーマップを活用してGoogleタグの修正と画像サイズの圧縮を行った。具体的には、タグマネージャーIDを設定してGA4タグIDを削除し、アイキャッチ画像を幾何学的な画像に変更してサイズを圧縮した。その結果、評価が45から81まで改善した。WordPressプラグインの「EWWW image optimizer」に頼り過ぎず、Squooshを使って画像サイズを極限まで減らすことが効果的であった。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://wordweaverpro.com/webwriter-pagespeed-45-81/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>WebライターのPageSpeed Insights対策：64→78に向上</title>
		<link>https://wordweaverpro.com/webwriter-pagespeed-64-78/</link>
					<comments>https://wordweaverpro.com/webwriter-pagespeed-64-78/#respond</comments>
		
		<dc:creator><![CDATA[十河 賢]]></dc:creator>
		<pubDate>Tue, 09 Apr 2024 22:26:49 +0000</pubDate>
				<category><![CDATA[その他]]></category>
		<category><![CDATA[PageSpeed Insights]]></category>
		<category><![CDATA[SEO]]></category>
		<guid isPermaLink="false">https://wordweaverpro.com/?p=558</guid>

					<description><![CDATA[PageSpeed Insightsは、Googleが提供するWebサイトのパフォーマンス分析ツールで、Webページの読み込み速度を測定し、改善のポイントを分析する。携帯電話（モバイル端末）とデスクトップ（PC）に分けて [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">PageSpeed Insightsは、Googleが提供するWebサイトのパフォーマンス分析ツールで、Webページの読み込み速度を測定し、改善のポイントを分析する。携帯電話（モバイル端末）とデスクトップ（PC）に分けて分析され、携帯電話（モバイル端末）のほうが低く評価されることが多く、携帯電話（モバイル端末）を中心に改善策を模索していく。</p>



<p class="wp-block-paragraph">PageSpeed Insightsの分析では、「実際のユーザーの環境で評価する（フィールドデータ）」と「パフォーマンスの問題を診断する（ラボデータ）」の２つあり、フィールドデータは実際のユーザーから匿名で集めているパフォーマンスデータで、ラボデータはシミュレートした環境によって読み込み・分析されたデータである。</p>



<p class="wp-block-paragraph">ここでは私が取り組んだPageSpeed Insigtsの対策についてまとめる。</p>



<h2 class="wp-block-heading"><span id="toc1">PageSpeed Insightsによるサイト高速化がSEOとUXに与える影響</span></h2>



<p class="wp-block-paragraph">PageSpeed Insightsは、Googleが提供するWebサイトのパフォーマンス分析ツールである。このツールは、Webページの読み込み速度を測定し、改善のためのポイントを特定することを目的としている。サイトの高速化は、SEOとユーザーエクスペリエンスに大きな影響を与える重要な要素である。</p>



<p class="wp-block-paragraph">検索エンジンは、ページの読み込み速度を順位付けの指標の一つとして使用している。高速なサイトは、検索結果で上位に表示される可能性が高くなる。また、ユーザーにとっても、サイトの読み込み速度は重要である。読み込みに時間がかかるサイトは、ユーザーを離脱させる可能性が高くなる。したがって、サイトの高速化は、SEOとユーザーエクスペリエンスの両方を改善するために不可欠である。</p>



<p class="wp-block-paragraph">本記事では、筆者が実際に取り組んだPageSpeed Insightsを使用したWebサイトのパフォーマンス改善について解説する。PageSpeed Insightsの主要な指標や改善方法を紹介し、プラグインの影響調査や最適化についても触れる。最後に、今回の改善による効果をまとめ、読者に実践的なアドバイスを提供する。</p>



<h2 class="wp-block-heading"><span id="toc2">PageSpeed Insights のおもな指標</span></h2>



<p class="wp-block-paragraph">以下は、PageSpeed Insightsで使用される、おもな指標とその意味である。</p>



<ol class="wp-block-list">
<li><strong>First Contentful Paint (FCP)</strong>:ページの最初のコンテンツが表示されるまでの時間を指す。画像、テキスト、非白色の領域などが対象となる。ユーザーが最初にページの変化を認識できるまでの時間を示す。</li>



<li><strong>Speed Index</strong>:ページがどの程度スムーズに表示されるかを示す指標。ユーザーの視覚的体験を表し、値が低いほどよりスムーズにコンテンツが表示されることを意味する。</li>



<li><strong>Largest Contentful Paint (LCP)</strong>:メインコンテンツが表示されるまでの時間を指す。テキストブロック、画像、ビデオプレイヤーなど、ユーザーが最も関心のある大きな要素の読み込み時間。</li>



<li><strong>Time to Interactive (TTI)</strong>:ページがユーザーの入力に対して確実に応答できるようになるまでの時間を表す。最小限の JavaScript実行が完了することが条件である。</li>



<li><strong>Total Blocking Time (TBT)</strong>:メインスレッドがブロックされていた合計時間を計測する。スクロールや入力への応答が遅延する原因となる。</li>



<li><strong>Cumulative Layout Shift (CLS)</strong>:ページ読み込み中に予期せぬレイアウトシフトが生じた度合いを示す。ユーザーがリンクをクリックしたりフォームに入力したりする際に、ページレイアウトの変化が少ないほうが望ましい。</li>
</ol>



<p class="wp-block-paragraph">これらの指標により、Webサイトのパフォーマンスを包括的に分析し、改善が必要な領域を特定することができる。</p>



<h2 class="wp-block-heading"><span id="toc3">初期診断結果と改善方針</span></h2>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="961" height="631" src="https://wordweaverpro.com/wp-content/uploads/2024/04/WS000042.jpg" alt="当初の診断結果" class="wp-image-572" srcset="https://wordweaverpro.com/wp-content/uploads/2024/04/WS000042.jpg 961w, https://wordweaverpro.com/wp-content/uploads/2024/04/WS000042-300x197.jpg 300w, https://wordweaverpro.com/wp-content/uploads/2024/04/WS000042-768x504.jpg 768w" sizes="(max-width: 961px) 100vw, 961px" /></figure>



<p class="wp-block-paragraph">初期のPageSpeed Insightsによる診断の結果、パフォーマンス評価は64点であった。この結果を基に、サイトの高速化のためのボトルネックを特定し、改善方針を立てることにした。</p>



<p class="wp-block-paragraph">PageSpeed Insightsの診断結果では、レンダリングを妨げるリソースの除外、使用していないJavaScriptの削減、「最大コンテンツの描画」要素の改善などが提案されている。これらの提案を参考に、具体的な改善策を実施していく。</p>



<p class="wp-block-paragraph">レンダリングを妨げるリソースの除外については、重要なJavaScriptやCSSをインラインで配信し、その他のリソースの読み込みを遅らせることで、First Contentful Paint（FCP）やLargest Contentful Paint（LCP）の改善が期待できる。</p>



<p class="wp-block-paragraph">使用していないJavaScriptの削減では、不要なスクリプトを取り除くことで、ネットワークの通信量を減らし、ページの読み込み速度を向上させることができる。また、「最大コンテンツの描画」要素の改善では、ページ上の主要なコンテンツの読み込みを優先することで、ユーザーエクスペリエンスを向上させることができる。</p>



<p class="wp-block-paragraph">次に、プラグインが高速化の妨げになっていないかを確認する。各プラグインを「有効化」「無効化」「削除」しながら、評価の変化を比較することで、問題となるプラグインを特定する。この作業により、評価を下げているボトルネックを見つけ出せる。また、プラグインの機能の重複を避けることも重要である。類似した機能を持つプラグインを複数導入すると、パフォーマンスに悪影響を与える可能性がある。必要な機能を精査し、プラグインの整理を行うことで、サイトの効率化を図る。</p>



<p class="wp-block-paragraph">ただし、PageSpeed Insightsの評価は目安であり、実際のユーザーエクスペリエンスとは異なる場合もあることを考慮する必要がある。評価の改善だけにとらわれるのではなく、ユーザーにとって快適なサイトを目指すことが肝要である。</p>



<p class="wp-block-paragraph">以上の方針に基づき、具体的な改善策を実施していくことで、Webサイトのパフォーマンスを向上させていく。次章以降では、各改善策の詳細や、プラグインの影響調査について解説する。</p>



<div class="wp-block-cocoon-blocks-tab-box-1 blank-box bb-tab bb-hint block-box has-border-color has-green-border-color">
<ul class="wp-block-list">
<li>診断結果をもとに、プラグインが邪魔していないか一つひとつ確認した。確認方法は、「有効化」「無効化」「削除」を繰り返し、評価の違い比較する。</li>



<li>評価を下げるボトルネック（原因）を探す。</li>



<li>プラグインの機能の重複を回避する。</li>



<li>評価は目安であることも考慮する。</li>
</ul>
</div>



<h3 class="wp-block-heading"><span id="toc4">▲ レンダリングを妨げるリソースの除外：FCP・LCPの改善&nbsp;</span></h3>



<h4 class="wp-block-heading">問題点</h4>



<p class="wp-block-paragraph">PageSpeed Insightsの診断結果により、ページのFirst Paintをリソースがブロックしていることが明らかになった。First Paintとは、ページ上に初めてピクセルが表示されるまでの時間を指し、白い背景に最初のテキストや画像が表示された時点を指す。</p>



<h4 class="wp-block-heading">原因</h4>



<p class="wp-block-paragraph">この問題の具体的な原因は、Google CDNやCloudflare CDNなどの外部リソースにあると考えられる。これらのリソースは、ページの読み込み速度に影響を与える可能性がある。</p>



<div class="wp-block-cocoon-blocks-tab-box-1 blank-box bb-tab bb-point block-box has-border-color has-cyan-bluish-gray-border-color">
<p class="wp-block-paragraph">cssやjavascriptをhtmlファイルに直接記述する（インライン化という）。ただし、多すぎると転送量が増えて逆効果なので、ほどほどにする。<br>〇 具体的な原因<br>　Google CDN や Cloudflare CDN</p>
</div>



<h4 class="wp-block-heading">解決策：インライン化</h4>



<p class="wp-block-paragraph">PageSpeed Insightsのアドバイスに従い、重要なJavaScriptやCSSをインラインで配信し、それ以外のリソースは遅らせることを検討する。インライン化とは、HTMLファイル自体の中にCSSやJavaScriptのコードを直接記述する方法である。ただし、インライン化するコードが多すぎると転送量が増え、逆効果になる可能性があるため注意が必要である。</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph"><strong>PageSpeed Insigtsの診断結果＆アドバイス</strong></p>



<p class="wp-block-paragraph">ページの First Paint をリソースがブロックしています。重要な JavaScript や CSS はインラインで配信し、それ以外の JavaScript やスタイルはすべて遅らせることをご検討ください。</p>
<cite>PageSpeed Insigts</cite></blockquote>



<p class="wp-block-paragraph">ただ、使用しているcocoonの設定で、インライン化されているため、修正せず、様子を見ることにした。</p>



<div class="wp-block-cocoon-blocks-blank-box-1 blank-box block-box">
<p class="wp-block-paragraph">・First Paint とは? First Paintは、ページ上に初めてピクセルが表示されるまでの時間を指します。これは完全にページが読み込まれる前の、ページの表示が始まる最初の目印となります。白い背景に最初のテキストや画像が表示された時点がFirst Paintに該当します。</p>



<p class="wp-block-paragraph">・インラインで配信とは? 通常、HTMLとは別のファイルとしてCSSやJavaScriptをサーバーから取得しますが、インラインで配信する場合は、HTMLファイル自体の中にCSSやJavaScriptのコードを直接記述する方法のことです。</p>
</div>



<h4 class="wp-block-heading">解決策：テーマの変更</h4>



<p class="wp-block-paragraph">テーマを変えてみた。（　）内はPageSpeed Insightsの評価<br>テーマ：cocoon(67)　⇒　テーマ：twenty twenty-three(100)　⇒　テーマ：cocoon(67)<br>〇 テーマが原因の可能性はあるが、SEOに特化したテーマであるため、結論は保留</p>



<h4 class="wp-block-heading">解決策：事前読み込み設定</h4>



<p class="wp-block-paragraph">色々探していたら、cocoonの設定で「事前読み込み設定」があり、Google CDN や Cloudflare CDNのURLを発見した。下記の二つを外して、再分析した。<br>・ajax.googleapis.com<br>・cdnjs.cloudflare.com<br>結果は変わらず、そのため元に戻し、事前に読み込むようにした。</p>



<h4 class="wp-block-heading">まとめ</h4>



<p class="wp-block-paragraph">レンダリングを妨げるリソースの除外は、FCP・LCPの改善に役立つ可能性がある。重要なリソースのインライン化や、外部リソースの遅延読み込みなどの手法を検討することが重要である。ただし、過度のインライン化は逆効果になる可能性があるため、注意が必要である。また、テーマやプラグインの設定変更が評価に与える影響についても、継続的に調査していく必要があるだろう。</p>



<h3 class="wp-block-heading"><span id="toc5">▲ 使用していない JavaScript の削減：LCPの改善</span></h3>



<h4 class="wp-block-heading">問題点</h4>



<p class="wp-block-paragraph">PageSpeed Insightsの診断結果から、使用していないJavaScriptが存在し、それがLargest Contentful Paint (LCP) の改善を妨げていることが判明した。LCPはメインコンテンツが表示されるまでの時間を指し、テキストブロック、画像、ビデオプレイヤーなど、ユーザーが最も関心のある大きな要素の読み込み時間を表す指標である。</p>



<h4 class="wp-block-heading">原因</h4>



<p class="wp-block-paragraph">具体的な原因として、GoogleTagManagerが特定された。不要なJavaScriptは、ネットワークの通信量を増加させ、ページの読み込み速度に悪影響を与える可能性がある。</p>



<div class="wp-block-cocoon-blocks-tab-box-1 blank-box bb-tab bb-point block-box has-border-color has-cyan-bluish-gray-border-color">
<p class="wp-block-paragraph">〇 具体的な原因<br>　GoogleTagManager</p>
</div>



<h4 class="wp-block-heading">解決策</h4>



<p class="wp-block-paragraph">PageSpeed Insightsのアドバイスに従い、使用していないJavaScriptを削除し、必要になるまでスクリプトの読み込みを遅らせることを検討する。これにより、ネットワークの通信量を減らし、ページの読み込み速度を改善することができる。</p>



<p class="wp-block-paragraph">具体的には、Cocoonの事前読み込み設定からGoogleTagManagerを削除し、再度PageSpeed Insightsで分析を行った。</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph"><strong>PageSpeed Insigtsの診断結果＆アドバイス</strong></p>



<p class="wp-block-paragraph">使用していない JavaScript を削除して、必要になるまでスクリプトの読み込みを遅らせると、ネットワークの通信量を減らすことができます。</p>
<cite>PageSpeed Insigts</cite></blockquote>



<div class="wp-block-cocoon-blocks-tab-box-1 blank-box bb-tab bb-check block-box has-border-color has-cyan-bluish-gray-border-color">
<p class="wp-block-paragraph">同じく、cocoonの事前読み込み設定に記載されていたので、削除した。<br>⇒ <span class="marker-under">指摘は残ったまま</span>。評価はなぜか上がる。⇒ <span class="marker-under">元に戻した</span>。</p>
</div>



<h4 class="wp-block-heading">結果</h4>



<p class="wp-block-paragraph">GoogleTagManagerを削除した結果、指摘は残ったままであったが、評価は上昇した。ただし、GoogleTagManagerは重要な機能を提供している可能性があるため、完全に削除するのではなく、必要に応じて読み込みを遅らせるなどの対策を検討する必要がある。</p>



<h4 class="wp-block-heading">まとめ</h4>



<p class="wp-block-paragraph">使用していないJavaScriptの削減は、LCPの改善に有効である。特に、GoogleTagManagerなどの外部スクリプトが読み込み速度に影響を与えている場合、それらの読み込みを最適化することが重要である。ただし、機能性とのバランスを考慮し、適切な対策を講じる必要がある。サイトの目的や要件に応じて、JavaScriptの使用を見直し、不要なスクリプトを削減することが求められる。</p>



<h3 class="wp-block-heading"><span id="toc6">▲ 「最大コンテンツの描画」要素：LCPの改善</span></h3>



<h4 class="wp-block-heading">問題点</h4>



<p class="wp-block-paragraph">PageSpeed Insightsの診断結果において、「最大コンテンツの描画」要素が指摘された。この要素は、ビューポート内で描画された最大のコンテンツ要素を表し、LCPに直接影響を与える。サイトのタイトル周辺には画像は配置していないが、タイトル自体が「要素」として認識されていた。</p>



<h4 class="wp-block-heading">原因</h4>



<p class="wp-block-paragraph">タイトルが長すぎることが原因で、「最大コンテンツの描画」要素として認識されていると考えられる。LCPの改善のためには、この要素の最適化が必要である。</p>



<div class="wp-block-cocoon-blocks-tab-box-1 blank-box bb-tab bb-point block-box has-border-color has-cyan-bluish-gray-border-color">
<p class="wp-block-paragraph">サイトのタイトル周辺には画像はないが、タイトル周辺が「要素」として表示されていた。</p>
</div>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph"><strong>PageSpeed Insigtsの診断結果＆アドバイス</strong></p>



<p class="wp-block-paragraph">ビューポート内で描画された最大のコンテンツ要素です。</p>
<cite>PageSpeed Insigts</cite></blockquote>



<h4 class="wp-block-heading">解決策</h4>



<p class="wp-block-paragraph">タイトルを短くすることで、「最大コンテンツの描画」要素の問題を解決できる可能性がある。ただし、SEO対策上、タイトルを一気に短くしすぎると逆効果になる恐れがあるため、段階的に変更していくことが望ましい。</p>



<h4 class="wp-block-heading">結果</h4>



<p class="wp-block-paragraph">タイトルを短くしたところ、「最大コンテンツの描画」要素の指摘は消えた。ただし、他のページで同様の指摘が表示されるようになったため、サイト全体のタイトル最適化が必要であると判断した。</p>



<div class="wp-block-cocoon-blocks-tab-box-1 blank-box bb-tab bb-check block-box has-border-color has-cyan-bluish-gray-border-color">
<p class="wp-block-paragraph">・<span class="marker-under">タイトルを短くしたら、表示されなくなった</span>。<br>・今度はほかのページが表示されたが、SEO対策上、一気に短くすると逆効果の可能性があるため、<span class="marker-under">様子を見る</span>ことにした。</p>
</div>



<h4 class="wp-block-heading">まとめ</h4>



<p class="wp-block-paragraph">「最大コンテンツの描画」要素は、LCPの改善に直結する重要な要素である。タイトルの長さが原因で指摘されている場合、タイトルを適切な長さに調整することが有効な対策となる。ただし、SEOへの影響も考慮し、慎重に変更を行う必要がある。サイト全体の整合性を保ちつつ、ユーザーにとって最適なタイトルを設定することが求められる。</p>



<h2 class="wp-block-heading"><span id="toc7">プラグインの影響調査</span></h2>



<div class="wp-block-cocoon-blocks-tab-box-1 blank-box bb-tab bb-pickup block-box has-border-color has-deep-orange-border-color">
<p class="wp-block-paragraph">PageSpeed Insigts の評価などに大きな悪影響を及ぼさないプラグインを一つひとつ確認し、有効化する。<br><strong>EWWW Image Optimizer</strong>：有効化<br><strong>XML Sitemap Generator for Google</strong>：有効化<br><strong>Mathjax-Latex</strong>：JavaScriptライブラリのため、読み込み速度に影響を与える。ただし、必要なプラグインであるため、詳細設定でカバーする。</p>
</div>



<h3 class="wp-block-heading"><span id="toc8">プラグイン：Mathjax-Latex</span></h3>



<p class="wp-block-paragraph">当サイトでは、数式の表示にMathJax-LaTeXプラグインを使用している。このプラグインの設定は、サイトのパフォーマンスとユーザビリティに大きな影響を与える。そこで、当サイトにおけるMathJax-LaTeXの設定についてまとめる。</p>



<ol class="wp-block-list">
<li><strong>Force Load</strong>：<span class="marker-under">設定オフ</span>。数式を使用するページでのみ、MathJaxのJavaScriptを読み込むように設定した。これにより、数式を使用しないページの読み込み速度を向上させている。</li>



<li><strong>Default \(\) syntax attribute</strong>：\(\)ショートコードのデフォルトの動作は、<span class="marker-under">インライン表示に設定</span>している。これにより、数式がテキストの流れの中に自然に組み込まれる。ただし、一部のページでは、数式の性質に応じて、ディスプレイ表示を使用している場合もある。</li>



<li><strong>Use wp-latex syntax?</strong>：<span class="marker-under">設定オフ</span>。$latex$ 構文の使用は、現在のところ無効にしている。これは、他のプラグインとの互換性を確保するためである。今後、必要に応じてこの設定を変更する可能性がある。</li>



<li><strong>Use MathJax CDN Service?</strong>：<span class="marker-under">設定オン</span>。当サイトでは、MathJax CDNを使用しています。これにより、サーバーの負荷を減らし、安定したパフォーマンスを維持しています。</li>



<li><strong>MathJax Configuration</strong>：MathJaxの詳細な設定は、<span class="marker-under">デフォルト</span>の状態である。これにより、ほとんどの状況で最適な数式表示が得られる。</li>
</ol>



<p class="wp-block-paragraph">これらの設定は、ユーザーの皆様に最適なエクスペリエンスを提供するために選択した。今後も、フィードバックを参考にしながら、設定の継続的な最適化を行う。</p>



<h3 class="wp-block-heading"><span id="toc9">プラグイン：EWWW Image Optimizer</span></h3>



<p class="wp-block-paragraph">設定の「遅延読み込み：画像が表示領域に入った (または入ろうとしている) 時にだけ読み込まれるため、読み込み速度を改善します。」を有効にしていたため、テーマ：cocoonのLazy Loadと競合してしまい、サムネイル画像が一切表示されなくなった。<span class="marker-under">設定を解除</span>した。</p>



<h2 class="wp-block-heading"><span id="toc10">最新の結果と今後の継続的改善</span></h2>



<p class="wp-block-paragraph">ここまでの対策をした最新の結果である。コンテンツを増やしているため、定期的にチェックして、診断結果を掲載する。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="965" height="756" src="https://wordweaverpro.com/wp-content/uploads/2024/04/WS000045.jpg" alt="" class="wp-image-789" srcset="https://wordweaverpro.com/wp-content/uploads/2024/04/WS000045.jpg 965w, https://wordweaverpro.com/wp-content/uploads/2024/04/WS000045-300x235.jpg 300w, https://wordweaverpro.com/wp-content/uploads/2024/04/WS000045-768x602.jpg 768w" sizes="(max-width: 965px) 100vw, 965px" /></figure>



<p class="wp-block-paragraph">この記事では、PageSpeed Insightsを使用したWebサイトのパフォーマンス改善について紹介した。レンダリングを妨げるリソースの除外、使用していないJavaScriptの削減などの対策により、サイトのパフォーマンスが向上し、ユーザーにより良いエクスペリエンスを提供できるようになったと考えられる。今後も継続的な改善が必要であるが、現時点での最新の結果を紹介していきたい。</p>



<h2 class="wp-block-heading"><span id="toc11">まとめ</span></h2>



<p class="wp-block-paragraph">本記事では、PageSpeed Insightsを使用したWebサイトのパフォーマンス改善について解説した。初期診断の結果を基に、レンダリングを妨げるリソースの除外、使用していないJavaScriptの削減、「最大コンテンツの描画」要素の改善など、具体的な改善策を実施した。</p>



<p class="wp-block-paragraph">また、プラグインの影響調査や最適化も行った。PageSpeed Insightsの評価は目安であるが、ユーザーにとって快適なサイトを目指すことが肝要である。今回の改善により、Webサイトのパフォーマンスが向上し、ユーザーエクスペリエンスの改善が期待される。</p>



<p class="wp-block-paragraph">今後も継続的な改善とモニタリングが必要である。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://wordweaverpro.com/webwriter-pagespeed-64-78/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【2025年】WebライターのSEO戦略：実際に使っているツールとその効果</title>
		<link>https://wordweaverpro.com/webwriter-seo-tools/</link>
					<comments>https://wordweaverpro.com/webwriter-seo-tools/#respond</comments>
		
		<dc:creator><![CDATA[十河 賢]]></dc:creator>
		<pubDate>Sun, 24 Mar 2024 09:09:20 +0000</pubDate>
				<category><![CDATA[その他]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[ツール]]></category>
		<guid isPermaLink="false">https://wordweaverpro.com/?p=150</guid>

					<description><![CDATA[近年、ウェブライターとしての競争は激化している。SEO（検索エンジン最適化）は、この競争を勝ち抜くための重要な戦略である。本記事では、現役ウェブライターが実際に使用しているSEOツールとその効果について詳しく解説する。こ [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">近年、ウェブライターとしての競争は激化している。SEO（検索エンジン最適化）は、この競争を勝ち抜くための重要な戦略である。本記事では、現役ウェブライターが実際に使用しているSEOツールとその効果について詳しく解説する。これらのツールは、実際にクライアントからの依頼で指定・使用される高性能ツールであり、ウェブライターが自身のコンテンツを検索エンジンのトップに持っていくための秘密の武器にもなるものである。</p>



<p class="wp-block-paragraph">ちなみに、数多くのSEOツールを紹介しているサイトは多いが、そのようなサイトと比べると、個々で紹介するツール数は少ない。あくまでも実際に使っているツールのみを紹介しているためである。</p>



<h2 class="wp-block-heading"><span id="toc1">コピペツールクツール</span></h2>



<p class="wp-block-paragraph">コピペチェックツールは、ウェブライターにとって必須のツールである。</p>



<p class="wp-block-paragraph">コピーコンテンツを避け、オリジナルで価値のある記事を作成することは、SEO対策の基本であり、検索エンジンからのペナルティを回避するためにも重要である。</p>



<p class="wp-block-paragraph">コピペチェックツールを使用することで、自分の記事が他のサイトのコンテンツと重複していないかを確認し、オリジナリティを保つことができる。また、コピーコンテンツを排除することは、ユーザーに対して有益で信頼できる情報を提供することにつながり、ユーザーエクスペリエンスの向上にも寄与する。</p>



<p class="wp-block-paragraph">コピペチェックツールは、SEO対策において以下のような項目で特に効果的である。</p>



<div class="wp-block-cocoon-blocks-tab-box-1 blank-box bb-tab bb-point block-box has-border-color has-key-color-border-color">
<ol class="wp-block-list">
<li><strong>オリジナルコンテンツの確保</strong>:
<ul class="wp-block-list">
<li>検索エンジンはオリジナルのコンテンツを高く評価する。コピペチェックツールを使用することで、自分のサイトのコンテンツが他のサイトと重複していないかを確認できる。これにより、オリジナルのコンテンツを提供し続けることが可能となる。</li>
</ul>
</li>



<li><strong>ペナルティの回避</strong>:
<ul class="wp-block-list">
<li>検索エンジンは、他のサイトから大量にコンテンツをコピーしているサイトに対してペナルティを課すことがある。コピペチェックツールを使用することで、このようなペナルティを回避することができる。</li>
</ul>
</li>



<li><strong>ユーザーエクスペリエンスの向上</strong>:
<ul class="wp-block-list">
<li>ユーザーは新鮮で有益な情報を求めている。コピペチェックツールを使用することで、ユーザーにとって価値のあるオリジナルのコンテンツを提供することができ、これによりユーザーエクスペリエンスが向上する。</li>
</ul>
</li>
</ol>
</div>



<h3 class="wp-block-heading"><span id="toc2">CopyContentDetector</span></h3>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box not-nested-style cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://wordweaverpro.com/wp-content/uploads/2024/03/Cartoon-Generator-150x150.png" alt="ウェブライター" class="speech-icon-image"/></figure><div class="speech-name">ウェブライター</div></div><div class="speech-balloon">
<p class="wp-block-paragraph">コピペツールは、これしか使っていません。</p>
</div></div>



<p class="wp-block-paragraph"><a rel="follow noopener noreferrer external" target="_blank" href="https://ccd.cloud/">CopyContentDetector</a>は、無料で利用可能なコピペチェックツールであり、回数制限はない。大量の文章をCSVから一括で登録し、簡単にコピーチェックを行うことができ、分散技術を利用した並列コピーチェックにより、高速なコピペチェックを実現している。コピペチェックの結果は一覧で確認でき、詳細画面では類似箇所が色分けされて表示される。さらに、有料プランでは、一度に8000字のチェックが可能であり、コピペチェックにかかる時間が短縮できる。</p>



<p class="wp-block-paragraph"><strong>無料プランでできること</strong>:</p>



<ol class="wp-block-list">
<li>コピペチェックの実行。</li>



<li>コピペチェック文字数は25文字から4000文字。</li>



<li>コピーチェック実行回数制限はなし。</li>



<li>CSVから一括で文章を登録。</li>



<li>コピペチェックの結果は一覧で確認。</li>



<li>詳細画面では類似箇所がわかりやすく色分けされて表示。</li>
</ol>



<p class="wp-block-paragraph"><strong>有料プランでしかできないこと</strong>:</p>



<ol class="wp-block-list">
<li>一度に8000文字のチェック。</li>



<li>コピペチェックにかかる時間が短縮。</li>



<li>実行優先度が高くなり、より快適に利用することができます。</li>
</ol>



<h4 class="wp-block-heading">CopyContentDetectorの使い方</h4>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box not-nested-style cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://wordweaverpro.com/wp-content/uploads/2024/03/Cartoon-Generator-150x150.png" alt="ウェブライター" class="speech-icon-image"/></figure><div class="speech-name">ウェブライター</div></div><div class="speech-balloon">
<p class="wp-block-paragraph">実際にどのように使っているか紹介します。</p>
</div></div>



<p class="wp-block-paragraph">私は、3000文字程度の文章を依頼されることが多いので、無料プランを利用しています。基本的には一致率判定の詳細を確認し、一致率が高すぎないかどうか、連続文字数が多すぎないかどうかを確認しています。</p>



<p class="wp-block-paragraph">基本的に自分で執筆していれば、一致率が高くなることは稀です。しかし、テーマによってはどうしても一致率の平均値が高くなることがあります。</p>



<h2 class="wp-block-heading"><span id="toc3">キーワードリサーチツール</span></h2>



<p class="wp-block-paragraph">キーワードリサーチツールは、SEO対策において欠かせないツールである。</p>



<p class="wp-block-paragraph">適切なキーワードを選定し、それらを効果的に記事内に配置することは、検索エンジンからの評価を高め、ウェブサイトへのアクセス数を増加させるために重要である。キーワードリサーチツールを使用することで、ユーザーが実際に検索しているキーワードを把握し、それらを記事内で自然に使用することができる。</p>



<p class="wp-block-paragraph">また、競合他社の記事を分析し、効果的なキーワードを発見することも可能である。キーワードリサーチツールは、ウェブライターがユーザーのニーズを理解し、SEOに最適化された記事を作成するための強力な味方である。</p>



<p class="wp-block-paragraph">キーワードリサーチツールは、SEO対策において以下のような項目で特に効果的である。</p>



<div class="wp-block-cocoon-blocks-tab-box-1 blank-box bb-tab bb-point block-box has-border-color has-indigo-border-color">
<ol class="wp-block-list">
<li><strong>最適なキーワードの選定</strong>:
<ul class="wp-block-list">
<li>SEO対策の基本は、ユーザーが検索するキーワードを正確に把握し、それに基づいてコンテンツを作成することである。キーワードリサーチツールを使用すると、関連性の高いキーワードを提案し、このキーワード選定を補助する。これにより、その関連キーワードでの表示回数が増え、上位表示を目指しやすくなる。</li>
</ul>
</li>



<li><strong>コンテンツ作成</strong>:
<ul class="wp-block-list">
<li>選定したキーワードを元に、ユーザーが求める情報を提供するコンテンツを作成する。キーワードリサーチツールは、キーワードに基づいた記事タイトルの提案を行うことで、このコンテンツ作成を支援する。</li>
</ul>
</li>



<li><strong>競合分析</strong>:
<ul class="wp-block-list">
<li>SEO対策においては、競合他社がどのようなキーワードに注力しているかを理解することも重要である。キーワードリサーチツールを使うと、競合他社のキーワード選定状況も参考にすることが可能である。</li>
</ul>
</li>
</ol>
</div>



<h3 class="wp-block-heading"><span id="toc4">ラッコキーワード</span></h3>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box not-nested-style cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://wordweaverpro.com/wp-content/uploads/2024/03/Cartoon-Generator-150x150.png" alt="ウェブライター" class="speech-icon-image"/></figure><div class="speech-name">ウェブライター</div></div><div class="speech-balloon">
<p class="wp-block-paragraph">最近よく使っている、競合サイトを調査する際に役立つラッコキーワードです。</p>
</div></div>



<p class="wp-block-paragraph"><a rel="follow noopener noreferrer external" target="_blank" href="https://related-keywords.com/">ラッコキーワード</a>は、SEO対策における重要な項目であるキーワード選定、コンテンツ作成、競合分析に効果を発揮する。</p>



<p class="wp-block-paragraph">まず、SEO対策の基本は、ユーザーが検索するキーワードを正確に把握し、それに基づいてコンテンツを作成することである。ラッコキーワードは、関連性の高いキーワードを提案することで、このキーワード選定を補助する。</p>



<p class="wp-block-paragraph">次に、選定したキーワードを元に、ユーザーが求める情報を提供するコンテンツを作成することが重要である。ラッコキーワードは、キーワードに基づいた記事タイトルの提案を行うことで、このコンテンツ作成を支援する。</p>



<p class="wp-block-paragraph">さらに、SEO対策においては、競合他社がどのようなキーワードに注力しているかを理解することも重要である。ラッコキーワードは、競合他社のキーワード選定状況も参考にすることが可能である。</p>



<p class="wp-block-paragraph">これらの項目に対する効果的な対策を通じて、ラッコキーワードはウェブサイトの検索エンジンランキングの向上に寄与する。ただし、これらの対策はウェブサイトの目標やユーザーのニーズに応じて適切に調整することが重要である。</p>



<h2 class="wp-block-heading"><span id="toc5">執筆者校正ツール</span></h2>



<p class="wp-block-paragraph">執筆者校正ツールは、記事の品質を向上させるために重要なツールである。</p>



<p class="wp-block-paragraph">文法や句読点の誤りを自動的に検出し、修正案を提示してくれるため、ライターは記事の内容に集中することができる。また、読みやすさを評価する機能もあり、文章の構造や語彙の選択についてアドバイスを提供してくれる。校正ツールを使用することで、ライターは自分の文章のクセや弱点を理解し、継続的に文章力を向上させることができる。</p>



<p class="wp-block-paragraph">校正ツールの中でも、特に有用なのが音声読み上げ機能である。自分で書いた文章を音声で読み上げることで、文章のリズムや流れを確認することができる。これは、読者にとって読みやすく、理解しやすい文章を作成するために非常に重要である。また、音声読み上げ機能を使用することで、文章の中の不自然な表現や冗長な部分を発見しやすくなる。</p>



<p class="wp-block-paragraph">代表的な音声読み上げ機能を持つツールとしては、Microsoft Wordが挙げられる。WordのRead Aloud機能は、文章を自然な音声で読み上げてくれるため、効率的に校正作業を行うことができる。また、読み上げ速度や音声の種類を調整できるため、ライターの好みに合わせて最適化することも可能である。</p>



<p class="wp-block-paragraph">執筆者校正ツールは、SEO対策において以下のような項目で特に効果的である。</p>



<div class="wp-block-cocoon-blocks-tab-box-1 blank-box bb-tab bb-point block-box has-border-color has-indigo-border-color">
<ol class="wp-block-list">
<li><strong>コンテンツの質</strong>: 校正ツールは文法やスペルのミスをチェックし、読みやすさを向上させる。これはユーザー体験を向上させ、Googleが評価する要素の一つである。</li>



<li><strong>読みやすさ</strong>: 校正ツールは文章の読みやすさを評価し、ユーザーがコンテンツを理解しやすいようにする。</li>
</ol>
</div>



<h3 class="wp-block-heading"><span id="toc6">Microsoft Wordの音声読み上げ機能</span></h3>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box not-nested-style cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://wordweaverpro.com/wp-content/uploads/2024/03/Cartoon-Generator-150x150.png" alt="ウェブライター" class="speech-icon-image"/></figure><div class="speech-name">ウェブライター</div></div><div class="speech-balloon">
<p class="wp-block-paragraph">記事の品質を決める、納品前のチェックです。ワードの音声読み上げ機能は重宝しています。googleドキュメントにも拡張機能として音声読み上げ機能はありますが、利便性ではワードの方が優れていると思います。</p>
</div></div>



<p class="wp-block-paragraph">Microsoft Wordの音声読み上げ機能は、SEO対策とウェブライターとしての利点がある。まず、音声読み上げ機能を使うと、誤字脱字や冗長な表現が圧倒的に減り、記事の質が上がる。これは、他人の声を通してチェックできるので、客観的な視点で記事を読むことができるからだ。また、音声読み上げ機能を使うと、文章の読みやすさを確認できる。音読や目視だと「間違っているはずがない」と思って読んだ場合、誤字脱字を見事に読み飛ばす可能性がある。しかし、音声読み上げ機能なら、耳で聞けば誤字脱字を発見できる。</p>



<p class="wp-block-paragraph">さらに、音声読み上げ機能は、キーワードの自然な配置が重要である。キーワードを無理に挿入すると読み上げが不自然になり、ユーザーエクスペリエンスに悪影響を及ぼす可能性がある。自然な音声合成による読み上げを実現するために、キーワードを文脈に即した形で組み込むことが重要である。</p>



<p class="wp-block-paragraph">最後に、音声読み上げ機能を使うと、校正の時間を大幅に節約できる。これにより、より多くの時間を記事の作成や他の作業に割くことができる。以上のように、Microsoft Wordの音声読み上げ機能は、ウェブライターとしての作業効率を向上させ、SEO対策にも寄与する。ただし、この機能を最大限に活用するためには、適切な使用方法を理解し、継続的に利用することが重要である。</p>



<h2 class="wp-block-heading"><span id="toc7">運営サイトで使用しているツール</span></h2>



<p class="wp-block-paragraph">ここまでのツールは、クライアントからの依頼内容で指定されることもある、ウェブライターとして使用しているものである。サイトを運営しているのであれば、記事の最適化だけでなく、サイトの最適化も必要となる。ここからは現役ウェブライターの私がサイト運営で使用しているツールを紹介する。</p>



<h3 class="wp-block-heading"><span id="toc8">PageSpeed Insights</span></h3>



<p class="wp-block-paragraph">PageSpeed InsightsはGoogleが提供するウェブページのパフォーマンスを評価・分析するツールである。その評価は、Largest Contentful Paint（LCP）、First Input Delay（FID）、Cumulative Layout Shift（CLS）という3つの指標に基づいている。これらの指標は、ウェブページがどれだけ速く、反応が良く、視覚的に安定しているかを評価するものである。</p>



<p class="wp-block-paragraph">Largest Contentful Paint（LCP）は、ページの主要なコンテンツがどれだけ早く画面に表示されるかを測定する指標である。この値が短ければ短いほど、ユーザーはページが速く読み込まれると感じる。First Input Delay（FID）は、ユーザーがページ上の何か（例えば、リンクやボタン）をクリックしたとき、ブラウザがその操作に反応するまでの遅延時間を示す指標である。この値が短ければ短いほど、ユーザーはページが反応が良いと感じる。Cumulative Layout Shift（CLS）は、ページの視覚的な安定性を測定する指標である。ページが読み込まれるときに視覚的な要素がどれだけ動くかを示す。この値が低ければ低いほど、ユーザーはページが安定していると感じる。</p>



<p class="wp-block-paragraph">これらの指標を改善することで、ウェブページのパフォーマンスが向上し、SEO対策としても有効となる。具体的な改善策としては、不要なJavaScriptの削除、画像の最適化、キャッシュの利用などがある。</p>



<ol class="wp-block-list">
<li><strong>Largest Contentful Paint（LCP）</strong>は、ページの主要なコンテンツがどれだけ早く画面に表示されるかを測定する指標である。この値が短いことが重要で、それによりユーザーはページが速く読み込まれると感じる。</li>



<li><strong>First Input Delay（FID）</strong>は、ユーザーがページ上の何か（例えば、リンクやボタン）をクリックしたとき、ブラウザがその操作に反応するまでの遅延時間を示す指標である。この値が短いことが重要で、それによりユーザーはページが反応が良いと感じる。</li>



<li><strong>Cumulative Layout Shift（CLS）</strong>は、ページの視覚的な安定性を測定する指標である。ページが読み込まれるときに視覚的な要素がどれだけ動くかを示す。この値が低いことが重要で、それによりユーザーはページが安定していると感じる。</li>



<li><strong>First Contentful Paint（FCP）</strong>は、ページの読み込みが開始されてから、ページ内のいずれかの要素が初めて描画されるまでの時間を示す指標である。</li>



<li><strong>Interaction to Next Paint（INP）</strong>は、ユーザーが行ったアクションに対するブラウザの応答時間の内、最も時間がかかったものを示す指標である。</li>



<li><strong>Time to First Byte（TTFB）</strong>は、ブラウザがサーバーからデータの最初の1バイトを受け取るまでにかかる時間を示す指標である。</li>
</ol>



<h3 class="wp-block-heading"><span id="toc9">Google Search Console</span></h3>



<p class="wp-block-paragraph">Google Search Consoleは、ウェブサイトのパフォーマンスを評価し、SEO対策を行うための重要なツールである。その機能は多岐にわたり、ウェブサイトの運営者やSEO担当者がサイトの状態を把握し、最適化を行うための情報を提供する。</p>



<p class="wp-block-paragraph">まず、Google Search Consoleは「検索パフォーマンス」の確認に役立つ。これにより、どのキーワードでサイトが検索結果に表示され、それがどれだけのクリックを生み出しているかを知ることができる。また、各キーワードの平均表示順位やクリック率（CTR）も確認できる。これらの情報は、SEO対策の方向性を定める上で非常に有用である。</p>



<p class="wp-block-paragraph">次に、「カバレッジレポート」は、サイト上の各ページがGoogleに正しくインデックスされているかを確認するのに役立つ。エラーが発生しているページがあれば、その詳細を知ることができ、修正に取り組むことができる。</p>



<p class="wp-block-paragraph">また、「URL検査」ツールは、特定のURLがGoogleにどのように認識されているかを確認するのに役立つ。これにより、ページが適切にインデックスされているか、または何らかの問題が存在するかを知ることができる。</p>



<p class="wp-block-paragraph">さらに、「リンクレポート」は、サイト内外からのリンク状況を確認するのに役立つ。これにより、どのページが他のサイトから多くリンクされているか、またはサイト内でどのページが重要視されているかを知ることができる。</p>



<ol class="wp-block-list">
<li><strong>検索パフォーマンス</strong>は、どのキーワードでサイトが検索結果に表示され、それがどれだけのクリックを生み出しているかを知ることができる。また、各キーワードの平均表示順位やクリック率（CTR）も確認できるものである。</li>



<li><strong>カバレッジレポート</strong>は、サイト上の各ページがGoogleに正しくインデックスされているかを確認するものである。エラーが発生しているページがあれば、その詳細を知り、修正に取り組むことができる。</li>



<li><strong>URL検査ツール</strong>は、特定のURLがGoogleにどのように認識されているかを確認するものである。これにより、ページが適切にインデックスされているか、または何らかの問題が存在するかを知ることができる。</li>



<li><strong>リンクレポート</strong>は、サイト内外からのリンク状況を確認するものである。これにより、どのページが他のサイトから多くリンクされているか、またはサイト内でどのページが重要視されているかを知ることができる。</li>
</ol>



<h2 class="wp-block-heading"><span id="toc10">まとめ</span></h2>



<p class="wp-block-paragraph">SEO対策において、ウェブライターにとって欠かせないツールが存在する。</p>



<p class="wp-block-paragraph">コピペチェックツールは、オリジナルコンテンツの作成と検索エンジンからのペナルティ回避に役立つ。キーワードリサーチツールは、ユーザーのニーズを理解し、効果的なキーワードを選定するために重要である。</p>



<p class="wp-block-paragraph">執筆者校正ツールは、文法や読みやすさを改善し、文章力の向上に寄与する。特に、音声読み上げ機能は、文章のリズムや流れを確認し、読者にとって理解しやすい文章を作成するために有効である。これらのツールを適切に活用することで、ウェブライターはSEOに最適化された高品質な記事を効率的に作成することができる。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://wordweaverpro.com/webwriter-seo-tools/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>「相続」を題材にSEOを考える｜専門テーマで上位を狙うための分析とポイント</title>
		<link>https://wordweaverpro.com/souzoku-site-seo/</link>
					<comments>https://wordweaverpro.com/souzoku-site-seo/#respond</comments>
		
		<dc:creator><![CDATA[十河 賢]]></dc:creator>
		<pubDate>Fri, 08 Mar 2024 10:38:45 +0000</pubDate>
				<category><![CDATA[その他]]></category>
		<category><![CDATA[SEO]]></category>
		<guid isPermaLink="false">https://wordweaverpro.com/?p=20</guid>

					<description><![CDATA[「相続」や「相続税」をテーマにしたサイトが、検索順位で上位を目指すための情報をまとめる。 私個人的にも相続をテーマにした執筆依頼が多く、良質のコンテンツを大前提として、検索上位を目指すことを期待されている。 検索上位に表 [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">「相続」や「相続税」をテーマにしたサイトが、検索順位で上位を目指すための情報をまとめる。</p>



<p class="wp-block-paragraph">私個人的にも相続をテーマにした執筆依頼が多く、良質のコンテンツを大前提として、検索上位を目指すことを期待されている。</p>



<p class="wp-block-paragraph">検索上位に表示されるサイトを調査し、Webライターやサイト運営者として役に立つ情報としてまとめておく。</p>



<h2 class="wp-block-heading"><span id="toc1">「相続サイト」検索上位サイトの5つの特徴</span></h2>



<p class="wp-block-paragraph">「相続」や「相続税」をテーマにした検索上位サイトに<span class="marker-under"><strong>どのような特徴</strong></span>があり、一般的な<span class="marker-under"><strong>SEO対策が通用するかどうか</strong></span>について検証する。</p>



<h3 class="wp-block-heading"><span id="toc2">1. 相続サイトのインデックス数</span></h3>



<p class="wp-block-paragraph">（調査結果）「site：」を使って、各サイトのインデックス数を調査した。<span class="marker-under"><strong>インデックス数が4万以上</strong></span>のサイトを筆頭に、<span class="marker-under"><strong>2000～3000のサイトが複数</strong></span>ある。また<span class="marker-under"><strong>インデックス数500～1000</strong></span>のサイトであっても、検索キーワードによっては上位表示されているケースもある。</p>



<p class="wp-block-paragraph">（考察）<br><span style="font-size: revert; font-family: var(--cocoon-default-font);">インデックス数とは、Googleがウェブサイト内のページを何件インデックス(登録)しているかを示す数値である。一般にインデックス数が多いサイトは、コンテンツ量が多く、Googleからの評価も高い傾向にある。</span></p>



<p class="wp-block-paragraph">相続サイトで検索上位に表示されるサイトを確認すると、インデックス数4万件以上のサイトが最上位に位置づけられていることがわかった。このようなサイトは、かなり多数のコンテンツを保有していることを示している。</p>



<p class="wp-block-paragraph">一方で、インデックス数が2,000件から3,000件程度のサイトも上位に複数ランクインしていることもわかった。また、500件から1,000件程度のサイトでも、検索キーワードによっては上位表示されるケースがある。</p>



<p class="wp-block-paragraph">（結論）<br><span style="font-size: revert; font-family: var(--cocoon-default-font);">インデックス数は多ければ多いほどよいというわけではなく、狭いニッチなキーワードであれば、中規模のインデックス数でも検索上位を獲得できる可能性はある。ただし、一般的には豊富なコンテンツ量を持つインデックス数の多いサイトの方が有利といえる。</span></p>



<h3 class="wp-block-heading"><span id="toc3">2. タイトル（H1タグ）の傾向</span></h3>



<p class="wp-block-paragraph">（調査結果）<br>上位5サイトの<span class="marker-under"><strong>タイトルには「相続 相談」のキーワードが入っている</strong></span>だけでなく、<span class="marker-under"><strong>タイトルの前半</strong></span>にある。タイトルの文字数は10文字前後と少なくても、上位表示されているケースもみられる。</p>



<p class="wp-block-paragraph">（考察）<br>タイトル(H1タグ)は、Webページの階層構造のなかで最も重要度が高いタグである。ページの主題を的確に表現し、ユーザーと検索エンジンの両方に伝えるべき要素となる。</p>



<p class="wp-block-paragraph">検索上位サイトのタイトルを見ると、「相続 相談」などの主要キーワードが含まれており、かつタイトルの前半部分に配置されている。このようにキーワードを冒頭に置くことで、ページの主題をよりわかりやすく伝えられる。</p>



<p class="wp-block-paragraph">また、文字数は10文字前後と短くても上位表示されているケースもあった。重要なのはタイトルにキーワードを適切に含むことであり、あまり長くなりすぎるのは避けたほうがよい。</p>



<p class="wp-block-paragraph">一般的な記事タイトルの文字数の目安は32文字前後と言われている。重要なのはタイトルにキーワードを適切に含むことであり、あまり長くなりすぎるのは避けたほうがよい。32文字前後が適切だとされる理由は、検索エンジンの検索結果でタイトルが完全に表示されるのがおよそ32文字までだからである。それを超えるとタイトルが途中で切れてしまい、ユーザーに分かりづらくなる。</p>



<p class="wp-block-paragraph">キーワードを含みながら、わかりやすく簡潔に主題を表現することが重要である。文字数にはあまりこだわらず、ユーザーのニーズにマッチしたタイトルを心がけるとよい。</p>



<p class="wp-block-paragraph">さらに、見出しタグ(H1)はページ内で1度しか使えないため、ページの主題を的確に表したユニークなものにする必要がある。検索エンジンはH1タグを重視するため、適切なキーワードの配置と文章展開が求められる。</p>



<h3 class="wp-block-heading"><span id="toc4">3. 上位20サイトの平均文字数は6000文字</span></h3>



<p class="wp-block-paragraph">「相続税 相談」で検索した場合の<span class="marker-under"><strong>上位20サイトの平均文字数は6,542文字</strong></span>で、税理士事務所や弁護士事務所のサイトでは、<span class="marker-under"><strong>8,000～1万文字のコンテンツ</strong></span>となっている。相続税についてわかりやすく、正確に解説するためには、どうしても文字数が増える。<span class="marker-under-red"><strong>内容の薄いページは評価されない可能性</strong></span>がある。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="450" src="https://wordweaverpro.com/wp-content/uploads/2024/03/WS000007-1024x450.jpg" alt="" class="wp-image-36" srcset="https://wordweaverpro.com/wp-content/uploads/2024/03/WS000007-1024x450.jpg 1024w, https://wordweaverpro.com/wp-content/uploads/2024/03/WS000007-300x132.jpg 300w, https://wordweaverpro.com/wp-content/uploads/2024/03/WS000007-768x338.jpg 768w, https://wordweaverpro.com/wp-content/uploads/2024/03/WS000007.jpg 1062w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading"><span id="toc5">4. 相談内容ごとに相談先を解説しているサイトが上位</span></h3>



<p class="wp-block-paragraph">検索上位サイトは、<span class="marker-under"><strong>相談内容ごとの相談先を詳しく解説</strong></span>している。記事の文字数は多いため、詳細に解説したほうがよいことがわかる。</p>



<h3 class="wp-block-heading"><span id="toc6">5. 「相続税 相談」の検索数は1週間で多くても100件</span></h3>



<p class="wp-block-paragraph">相続税をキーワードとする検索数は多いとは言えない。相続税の相談をしたい可能性がある「相続税 相談」での<span class="marker-under"><strong>検索数は、1週間で多くても100件程度</strong></span>しかない。相続税の課税対象となる人は被相続人ベースで10%未満であるため、ほかのキーワードと比べると少なめ。</p>



<h2 class="wp-block-heading"><span id="toc7">調査結果を踏まえた、上位を狙うポイント</span></h2>



<p class="wp-block-paragraph">本章では、これまでの調査結果を踏まえて、「相続」をテーマにしたサイトが検索上位を獲得するために意識すべき要点を整理する。単なるテクニックの寄せ集めではなく、ユーザーの検索意図を的確に捉え、専門性と網羅性を両立させることがSEO上位化の鍵である。ここでは、上位サイトに共通して見られた要素をもとに、実践的な改善方針を明らかにする。</p>



<h3 class="wp-block-heading"><span id="toc8">ユーザーの悩みに答える内容を意識する</span></h3>



<p class="wp-block-paragraph">相続に関するユーザーの主な悩みには、相続税の対象となるのか、手続きの方法、専門家への相談の必要性などがある。これらの悩みに対して、わかりやすく詳細な情報を提供することが重要である。</p>



<p class="wp-block-paragraph">具体的には、以下のような内容を盛り込むことが効果的だ。</p>



<ul class="wp-block-list">
<li>相続税の基礎知識と対象となるケースの解説</li>



<li>相続手続きの流れと必要書類についての詳細な説明</li>



<li>専門家に相談すべきケースとその理由の提示</li>



<li>相続に関する Q&amp;A の充実</li>
</ul>



<p class="wp-block-paragraph">単に相続の手順を説明するだけでなく、ユーザーの抱える疑問や不安に寄り添い、実践的な情報を提供することが求められている。</p>



<h3 class="wp-block-heading"><span id="toc9">相続サイトのSEO対策</span></h3>



<p class="wp-block-paragraph">相続サイトで上位表示を狙うためには、以下の点に注意してSEO対策を行う必要がある。</p>



<ul class="wp-block-list">
<li>文字数を8,000〜10,000文字程度確保し、充実したコンテンツを作成する</li>



<li>タイトルにメインキーワードを含め、できるだけ前方に配置する</li>



<li>ユーザーにとって有益で、独自性のある情報を提供する</li>



<li>関連するキーワードを適切に盛り込み、セマンティック検索にも対応する</li>



<li>見出しタグを適切に使用し、文章構成を最適化する</li>
</ul>



<p class="wp-block-paragraph">これらの対策を行うことで、検索エンジンからの評価を高め、上位表示を目指すことができる。</p>



<h3 class="wp-block-heading"><span id="toc10">内部リンクとサイト構造の最適化</span></h3>



<p class="wp-block-paragraph">内部リンクとサイト構造の最適化も、SEO対策において重要な要素である。具体的には、以下のような取り組みが効果的だ。</p>



<ul class="wp-block-list">
<li>関連するページ同士を内部リンクで結ぶことで、サイト内の導線を改善する</li>



<li>ユーザーが求める情報にたどり着きやすいサイト構造を設計する</li>



<li>パンくずリストを設置し、ユーザーのナビゲーションを助ける</li>



<li>サイトマップを作成し、クローラビリティを高める</li>



<li>メインコンテンツとサブコンテンツを明確に区別し、ページの主題を明確にする</li>
</ul>



<p class="wp-block-paragraph">内部リンクとサイト構造の最適化は、ユーザビリティの向上とSEOの両面で効果を発揮する。これらの取り組みを通じて、サイトの質を高めていくことが重要である。</p>



<h2 class="wp-block-heading"><span id="toc11">まとめ</span></h2>



<p class="wp-block-paragraph">本記事では、「相続」をテーマにしたサイトを例に、SEOとアドセンス審査の両面から有効な対策について解説した。SEO対策においては、検索上位サイトの特徴を分析し、文字数やタイトルの最適化、内部リンクの活用などが重要である。また、ユーザーの悩みに寄り添う質の高いコンテンツ作成にも気を付けなければならない。</p>



<p class="wp-block-paragraph">一方、アドセンス審査対策では、オリジナリティのある有用なコンテンツ、適切な広告配置、規約遵守の3点が特に重要である。</p>



<p class="wp-block-paragraph">SEOとアドセンス審査は、いずれもサイトの質を高め、ユーザーに価値を提供することを目的としている。両者の要求を理解し、バランスのとれた対策を行うことが、サイトの長期的な成功につながる。</p>



<p class="wp-block-paragraph">SEOとアドセンス審査の両立は簡単ではないが、継続的な努力と学習により、必ず結果を出すことができる。読者の皆様がこれらの知見を生かし、自信を持ってサイト運営に取り組まれることを願っている。</p>



<p class="wp-block-paragraph"></p>
]]></content:encoded>
					
					<wfw:commentRss>https://wordweaverpro.com/souzoku-site-seo/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
