---
title: Core Web Vitals改善ガイド｜LCP・INP・CLSの対策手順とSEO効果
description: Core Web Vitals（コアウェブバイタル）は、Googleが定めるWebページのユーザー体験を測定する3つの指標です。2021年からGoogle検索のランキング要因に組み込まれており、SEO対策において避けて通れない重要指標となっています。しかし、
image: https://start-link.jp/hubfs/blog/screenshots/generated/gen_AD-12.png
---

[![StartLink](https://start-link.jp/hs-fs/hubfs/logo/%E6%9C%80%E7%B5%82Start%20Link%20(500%20x%20150%20px)%20(%E8%83%8C%E6%99%AF%E3%81%82%E3%82%8A).png?width=130&height=39&name=%E6%9C%80%E7%B5%82Start%20Link%20(500%20x%20150%20px)%20(%E8%83%8C%E6%99%AF%E3%81%82%E3%82%8A).png "StartLink")](https://start-link.jp)

- [会社情報About](https://start-link.jp/about)
- [サービスService](https://start-link.jp/service)
- [プロダクトProducts](https://start-link.jp/sync)
- [YoutubeYoutube](https://start-link.jp/about/sns)
- [ブログBlog](https://start-link.jp/hubspot-ai)
- [業界別ガイドIndustry guides](https://start-link.jp/case)
- [採用情報Recruit](https://start-link.jp/recruit)

[資料DL](https://start-link.jp/download/service) [無料相談 →](https://start-link.jp/contact)

[会社情報](https://start-link.jp/about) [サービス](https://start-link.jp/service) [プロダクト](https://start-link.jp/sync) [Youtube](https://start-link.jp/about/sns) [ブログ](https://start-link.jp/hubspot-ai) [業界別ガイド](https://start-link.jp/case) [採用情報](https://start-link.jp/recruit)

[資料ダウンロード](https://start-link.jp/download/service) [無料相談 →](https://start-link.jp/contact)

- [トップ](https://start-link.jp)
- [会社情報](https://start-link.jp/about)
- [サービス](https://start-link.jp/service)
- [Youtube](https://start-link.jp/about/sns)
- [ブログ](https://start-link.jp/hubspot-ai)
- [Contact](https://start-link.jp/contact)
- [個人情報保護方針](https://start-link.jp/privacy-policy)
- [個人情報取り扱い規定](https://start-link.jp/personal-information-processing-agreement)

[ホーム](https://start-link.jp) › [ブログ](https://start-link.jp/hubspot-ai) ›[BtoBマーケティング](https://start-link.jp/hubspot-ai/btob-marketing) ›[Webサイト・CRO](https://start-link.jp/hubspot-ai/btob-marketing/website-cro) ›Core Web Vitals改善ガイド｜LCP・INP・CLSの対策手順とSEO効果

# Core Web Vitals改善ガイド｜LCP・INP・CLSの対策手順とSEO効果

- 2026年3月3日
- 最終更新: 2026年10月12日

![](https://start-link.jp/hubfs/blog/screenshots/generated/gen_AD-12.png)

この記事の結論

Core Web Vitalsの3指標（LCP・INP・CLS）の定義と目標値。各指標の計測方法と使用ツール。

ブログ目次

もっと見る ▼

**Core Web Vitalsの3指標（LCP・INP・CLS）の定義と目標値。各指標の計測方法と使用ツール。**

Core Web Vitals（コアウェブバイタル）は、Googleが定めるWebページのユーザー体験を測定する3つの指標です。2021年からGoogle検索のランキング要因に組み込まれており、SEO対策において避けて通れない重要指標となっています。しかし、多くのBtoBサイトではCore Web Vitalsの改善が後回しにされ、検索順位やユーザー体験に悪影響を及ぼしています。

Core Web Vitalsに取り組む企業が増えていますが、具体的な進め方で迷うケースは少なくありません。

Core Web Vitalsが低いサイトは、ユーザーの離脱率が高く、コンバージョン率も低い傾向にあります。Googleの調査によると、LCP（表示速度）が2.5秒から3.5秒に悪化するだけで、直帰率が32%増加するとされています。つまり、Core Web Vitalsの改善はSEO対策とCVR改善の両方に効果がある施策です。

本記事では、Core Web Vitalsの3つの指標（LCP・INP・CLS）の定義と目標値、計測方法、そして具体的な改善手順を解説します。技術的な知識がなくても理解できるよう、各施策の効果と実装難易度も明記しています。  
 本記事は「[CVR（コンバージョン率）改善の基本と実践施策15選｜BtoB企業向け完全ガイド](https://start-link.jp/hubspot-ai/btob-marketing/website-cro/cvr-improvement-btob-15)」シリーズの一部です。 関連するトピックを横断的にまとめた[Webサイト改善ガイド](https://start-link.jp/hubspot-ai/btob-marketing/website-cro)もあわせてご覧ください。

## この記事でわかること

- **Core Web Vitalsの3指標（LCP・INP・CLS）の定義と目標値** — 詳細はヒートマップ分析でサイト改善をご覧ください。
- **各指標の計測方法と使用ツール** — さらに深掘りしたい方はBtoB企業のSEO対策完全ガイドもあわせてお読みください。
- **LCPを改善する具体的な手順と優先施策** — 実務での応用についてはE-E-A-Tとは？GoogleのSEO評価基準と専門性・信頼性を高める施策で具体例とともに紹介しています。
- **INPを改善する具体的な手順と優先施策** — 具体的な手順と実践のポイントを、現場で使えるレベルで解説します。
- **CLSを改善する具体的な手順と優先施策** — 具体的な手順と実践のポイントを、現場で使えるレベルで解説します。
- **Core Web Vitals改善のSEO効果と実例** — 期待できる効果と成果を最大化するための条件を具体的にお伝えします。

マーケティングの取り組みを検討されている方に、

## Core Web Vitalsの基本知識

### 3つの指標の定義

詳細は[ヒートマップ分析でサイト改善](https://start-link.jp/hubspot-ai/btob-marketing/website-cro/heatmap-analysis-guide)をご覧ください。

| 指標 | 正式名称 | 測定内容 | ユーザー体験 |
| --- | --- | --- | --- |
| LCP | Largest Contentful Paint | 最大のコンテンツ要素の表示時間 | 読み込み速度 |
| INP | Interaction to Next Paint | ユーザー操作から画面反映までの時間 | インタラクティブ性 |
| CLS | Cumulative Layout Shift | ページ読み込み中のレイアウトのずれ | 視覚的安定性 |

### 目標値（Google推奨基準）

| 指標 | 良好（緑） | 改善が必要（黄） | 不良（赤） |
| --- | --- | --- | --- |
| LCP | 2.5秒以下 | 2.5〜4.0秒 | 4.0秒超 |
| INP | 200ms以下 | 200〜500ms | 500ms超 |
| CLS | 0.1以下 | 0.1〜0.25 | 0.25超 |

### Core Web VitalsとSEOの関係

> Core Web Vitalsは、Googleの「ページエクスペリエンスシグナル」の一部として検索ランキングに影響します。

| ページエクスペリエンスの要素 | 内容 |
| --- | --- |
| Core Web Vitals（LCP/INP/CLS） | ページの読み込み・操作性・安定性 |
| HTTPS | SSL/TLS暗号化通信 |
| モバイルフレンドリー | スマートフォンでの表示最適化 |
| インタースティシャル非使用 | 邪魔な全画面広告がないこと |

## Core Web Vitalsの計測方法

### 計測ツール一覧

さらに深掘りしたい方は[BtoB企業のSEO対策完全ガイド](https://start-link.jp/hubspot-ai/btob-marketing/content-marketing-seo/btob-seo-strategy-guide)もあわせてお読みください。

| ツール | 種類 | 特徴 | 利用場面 |
| --- | --- | --- | --- |
| PageSpeed Insights | ラボ＋フィールド | Googleの公式ツール、最も基本 | 個別ページの分析 |
| Google Search Console | フィールド | サイト全体の傾向、ページグループ別 | サイト全体の監視 |
| Chrome DevTools (Lighthouse) | ラボ | 詳細な技術分析、改善提案 | 開発時の検証 |
| Web Vitals Extension | ラボ | ブラウジング中のリアルタイム計測 | 日常的なチェック |
| GTmetrix | ラボ | ウォーターフォール分析が詳細 | 原因の深掘り |
| CrUX Dashboard | フィールド | 過去のデータ推移を可視化 | トレンド分析 |

### ラボデータとフィールドデータの違い

| データ種類 | 説明 | メリット | デメリット |
| --- | --- | --- | --- |
| ラボデータ | 固定環境でのシミュレーション | 即座に計測可能、再現性が高い | 実際のユーザー体験と異なる場合あり |
| フィールドデータ | 実際のユーザーから収集 | 実態を正確に反映 | 十分なデータ量が必要、反映に時間 |

**Googleの検索ランキングに使用されるのはフィールドデータです。** ラボデータはあくまで開発時の参考値として活用しましょう。

## LCP（Largest Contentful Paint）の改善手順

### LCPが遅くなる主な原因

実務での応用については[E-E-A-Tとは？GoogleのSEO評価基準と専門性・信頼性を高める施策](https://start-link.jp/hubspot-ai/btob-marketing/content-marketing-seo/eeat-seo-evaluation-guide)で具体例とともに紹介しています。

| 原因 | 発生頻度 | 改善の効果 | 実装難易度 |
| --- | --- | --- | --- |
| 画像の最適化不足 | 非常に高い | ★★★★★ | 低 |
| サーバー応答時間が遅い | 高い | ★★★★☆ | 中 |
| レンダリングブロックリソース | 高い | ★★★★☆ | 中 |
| クライアントサイドレンダリング | 中 | ★★★☆☆ | 高 |

### 改善施策の優先順位

#### 優先度1：画像の最適化

| 施策 | 具体的な方法 | 期待改善幅 |
| --- | --- | --- |
| 画像フォーマット変換 | JPEG/PNGをWebPに変換 | 25〜50%のサイズ削減 |
| 画像の遅延読み込み | ファーストビュー外の画像にloading="lazy"を設定 | LCP直接改善 |
| 適切なサイズ指定 | 表示サイズに合わせた画像サイズを提供 | 20〜40%のサイズ削減 |
| srcset属性の活用 | デバイスに応じた画像サイズの出し分け | デバイス別最適化 |
| LCP画像のプリロード | ``でLCP画像を優先読み込み | LCP 0.5〜1秒改善 |

#### 優先度2：サーバー応答時間の改善

| 施策 | 具体的な方法 |
| --- | --- |
| CDNの導入 | CloudflareやFastlyなどのCDNでコンテンツを配信 |
| サーバーキャッシュ | 静的コンテンツのキャッシュ設定 |
| データベース最適化 | クエリの最適化、インデックス追加 |
| HTTPSの最適化 | HTTP/2の有効化、OCSP Staplingの設定 |

#### 優先度3：レンダリングブロックリソースの排除

| 施策 | 具体的な方法 |
| --- | --- |
| CSS の最適化 | 不要なCSSの削除、Critical CSSのインライン化 |
| JavaScript の遅延読み込み | async/defer属性の追加 |
| フォントの最適化 | font-display: swapの設定、サブセット化 |

## INP（Interaction to Next Paint）の改善手順

### INPが悪化する主な原因

| 原因 | 説明 | 発生場面 |
| --- | --- | --- |
| 重いJavaScript処理 | メインスレッドをブロックする長時間タスク | ボタンクリック時 |
| サードパーティスクリプト | 広告/分析タグの過剰読み込み | ページ全般 |
| 大量のDOM要素 | DOM操作に時間がかかる | 複雑なページ |
| レイアウトの強制再計算 | JavaScriptによるスタイル変更 | 動的コンテンツ |

### 改善施策

| 施策 | 具体的な方法 | 期待改善幅 |
| --- | --- | --- |
| Long Taskの分割 | 50ms以上のタスクを小さく分割 | INP 100〜300ms改善 |
| 不要なJSの削除 | 未使用のJavaScriptを特定して削除 | INP 50〜200ms改善 |
| サードパーティの見直し | 不要なタグの削除、遅延読み込み | INP 50〜150ms改善 |
| Web Workerの活用 | 重い処理をバックグラウンドに移行 | INP 100〜500ms改善 |
| イベントハンドラの最適化 | デバウンス/スロットルの適用 | INP 50〜100ms改善 |

## CLS（Cumulative Layout Shift）の改善手順

### CLSが発生する主な原因

| 原因 | 説明 | 発生場面 |
| --- | --- | --- |
| サイズ未指定の画像/動画 | 読み込み後にレイアウトがずれる | 画像表示時 |
| 動的に挿入されるコンテンツ | 広告やバナーが後から表示 | ページ読み込み中 |
| Webフォントの読み込み | フォント切り替え時にテキストがずれる | テキスト表示時 |
| レスポンシブ画像の設定不備 | デバイスによって画像サイズが変わる | リサイズ時 |

### 改善施策

| 施策 | 具体的な方法 | 期待改善幅 |
| --- | --- | --- |
| 画像のサイズ指定 | width/height属性を明示的に設定 | CLS 0.05〜0.15改善 |
| aspect-ratio CSSの活用 | アスペクト比を維持するCSS設定 | CLS 0.05〜0.10改善 |
| 動的コンテンツの予約領域 | min-heightで表示領域を事前確保 | CLS 0.05〜0.20改善 |
| フォント表示の最適化 | font-display: optional or swap | CLS 0.01〜0.05改善 |
| 広告枠のサイズ固定 | 広告表示領域を事前に確保 | CLS 0.10〜0.30改善 |

### CLSの計測と問題箇所の特定

| ツール | CLSの確認方法 |
| --- | --- |
| PageSpeed Insights | CLS値と原因要素の特定 |
| Chrome DevTools | Performanceタブで「Layout Shift」を可視化 |
| Web Vitals Extension | ページ操作中のCLSをリアルタイム表示 |
| Search Console | ページグループ別のCLS状況 |

## Core Web Vitals改善のロードマップ

### 3ヶ月改善プラン

| フェーズ | 期間 | 施策 | 目標 |
| --- | --- | --- | --- |
| Phase 1 | 1〜2週間 | 画像最適化、サイズ指定 | LCP/CLS即改善 |
| Phase 2 | 2〜4週間 | JS最適化、不要スクリプト削除 | INP改善 |
| Phase 3 | 1〜2ヶ月 | CDN導入、サーバー最適化 | LCP大幅改善 |
| 継続 | 毎月 | 新規ページの監視、退行防止 | 全指標の維持 |

### CMSごとの改善アプローチ

| CMS | 主な課題 | 改善アプローチ |
| --- | --- | --- |
| WordPress | プラグイン過多、テーマの重さ | 不要プラグイン削除、キャッシュプラグイン導入 |
| HubSpot CMS | モジュールの読み込み最適化 | カスタムモジュールの最適化、画像圧縮 |
| Wix/Squarespace | カスタマイズの制限 | 画像最適化、不要セクションの削除 |
| カスタムCMS | 個別の技術課題 | コードレベルでの最適化 |

## Core Web Vitals改善のSEO効果

### 改善によって期待できる効果

| 効果 | 具体的な変化 |
| --- | --- |
| 検索順位の向上 | 同等のコンテンツ品質の場合、CWV良好サイトが優位 |
| クリック率の向上 | 検索結果でのCWVバッジ表示（将来的） |
| 直帰率の低下 | ページ読み込み改善で離脱が減少 |
| CVRの向上 | ユーザー体験改善でコンバージョン率が向上 |
| クロール効率の向上 | ページの読み込みが速いとクロール効率が上がる |

### 改善事例

| 項目 | 改善前 | 改善後 |
| --- | --- | --- |
| LCP | 4.2秒（赤） | 1.8秒（緑） |
| INP | 380ms（黄） | 150ms（緑） |
| CLS | 0.32（赤） | 0.05（緑） |
| オーガニック流入 | 月5,000セッション | 月7,200セッション（+44%） |
| 直帰率 | 65% | 48%（-17pt） |
| CVR | 1.2% | 1.8%（+50%） |

### HubSpotで実現するCore Web Vitals改善ガイド

Core Web Vitals改善ガイドを実務に落とし込むには、CRMツールの活用が不可欠です。詳しくは「[HubSpot CTAボタンの作成・設置方法｜クリック率を高めるデザインと配置の最適化ガイド](https://start-link.jp/hubspot-ai/hubspot/hubspot-features/hubspot-cta-button-creation-guide)」で解説しています。

## あわせて読みたい

- [CVR（コンバージョン率）改善の基本と実践施策15選｜BtoB企業向け完全ガイド](https://start-link.jp/hubspot-ai/btob-marketing/website-cro/cvr-improvement-btob-15)
- [A/Bテストのやり方完全ガイド｜仮説設計から統計的有意差の判断まで](https://start-link.jp/hubspot-ai/btob-marketing/website-cro/ab-test-complete-guide)
- [BtoBサイト改善の完全ガイド｜問い合わせを倍増させる導線設計とコンテンツ戦略](https://start-link.jp/hubspot-ai/btob-marketing/website-cro/btob-site-improvement-guide)
- [GA4をBtoBサイトで活用する方法｜見るべき5指標と探索レポート活用術](https://start-link.jp/hubspot-ai/btob-marketing/website-cro/ga4-btob-analytics-guide)
- [LPOツールおすすめ比較17選【2026年版】｜機能・価格・選び方を徹底解説](https://start-link.jp/hubspot-ai/btob-marketing/website-cro/lpo-tool-comparison-17)

## まとめ

- Core Web Vitalsの改善は、SEO対策とユーザー体験改善の両方に効果がある施策です
- 3つの指標（LCP・INP・CLS）それぞれに対して、原因を特定し優先度の高い施策から着手することが重要です

- 本記事のポイントを整理します

- 1\. **まず計測する**：PageSpeed InsightsとSearch Consoleで現状を把握 2. **画像最適化から始める**：最も効果が大きく、実装が容易 3. **不要なJSを削減する**：サードパーティスクリプトの見直し 4. **継続的に監視する**：新規ページや変更時にCWVを確認

> HubSpotのContent Hubは、画像の自動最適化、CDN標準搭載、モバイルレスポンシブ対応など、Core Web Vitalsに対応した機能が充実しています。サイト速度やSEOにお悩みの方は、HubSpotゴールドパートナーのStartLinkにご相談ください。Core Web Vitalsの診断と改善提案をご提供いたします。

---

*この記事は2026年3月時点の情報に基づいて作成しています。*

## よくある質問（FAQ）

### Q1. Core Web Vitalsの合格ラインはどのくらいですか？

Googleが「良好」とする基準は、LCPが2.5秒以下、INPが200ms以下、CLSが0.1以下です。LCPは4.0秒超、INPは500ms超、CLSは0.25超で「不良」と判定されます。LCPは最大のコンテンツ要素の表示時間、INPはユーザー操作から画面反映までの時間、CLSはページ読み込み中のレイアウトのずれをそれぞれ測る指標です。

### Q2. Core Web Vitalsの改善はどの施策から着手すべきですか？

画像の最適化から着手するのが効率的です。LCPが遅くなる原因として発生頻度が最も高く、実装難易度が低いためです。JPEG/PNGのWebP変換で25〜50%のサイズ削減、ファーストビュー外への`loading="lazy"`設定、``によるLCP画像の優先読み込み（LCPで0.5〜1秒の改善が見込めます）が具体的な手段になります。

### Q3. PageSpeed Insightsのスコアが良いのに検索評価が上がらないのはなぜですか？

Googleの検索ランキングに使われるのは、実際のユーザーから収集したフィールドデータだからです。PageSpeed Insightsで表示されるラボデータは固定環境でのシミュレーション値で、再現性は高いものの実際のユーザー体験とは異なる場合があります。サイト全体の実態はGoogle Search Consoleのページグループ別レポートで確認するのが確実です。

### Q4. CLS（レイアウトのずれ）はどう直せばいいですか？

画像にwidth/height属性を明示的に指定することが基本です。サイズ未指定の画像や動画は読み込み後にレイアウトがずれる代表的な原因で、この対策だけでCLS 0.05〜0.15の改善が見込めます。ほかに、CSSのaspect-ratioでアスペクト比を維持する、動的に挿入されるバナーや広告枠にmin-heightで表示領域を事前確保する、`font-display: optional`や`swap`でフォント切り替え時のずれを抑える、といった対策があります。

記事の内容を、そのまま実務に落とし込みたい方向け

HubSpotゴールドパートナーのStartLinkが、HubSpot導入・AI活用・CRM整備・業務効率化までをまとめて支援しています。記事で気になったテーマを、そのまま相談ベースで整理できます。

[サービス概要を見る](https://start-link.jp/service/hubspot-ai) [無料で相談する](https://start-link.jp/contact)

## 次に読む

### [![](https://start-link.jp/hubfs/blog/screenshots/generated/gen_CQ-4_featured.png) kintoneからHubSpotへの移行手順｜顧客・案件データ設計とCSV取込](https://start-link.jp/hubspot-ai/btob-marketing/crm-backoffice/kintone-to-hubspot)

### [![](https://start-link.jp/hubfs/blog/screenshots/generated/gen_KT-3.png) Kintoneの複数アプリをHubSpotオブジェクトに再設計する方法｜関連付けはカバー率を実測してから設計する](https://start-link.jp/hubspot-ai/btob-marketing/crm-backoffice/kintone-multi-app-object-mapping)

### [![](https://start-link.jp/hubfs/blog/screenshots/generated/gen_KT-1.png) kintoneからHubSpotへの移行 完全ガイド｜判断基準から手順・帳票・連携まで全体像を整理](https://start-link.jp/hubspot-ai/btob-marketing/crm-backoffice/kintone-hubspot-migration-guide)

## あわせて読みたいBtoBマーケ実践ガイド

### [GTM GTM戦略の設計ガイド 市場投入の順番、仮説設計、営業連携までを一気通貫で整理できます。](https://start-link.jp/hubspot-ai/btob-marketing/btob-marketing-basics/gtm-go-to-market-strategy-design-guide-1)

### [Law 特定電子メール法ガイド BtoBメール配信で外せない法対応と実務運用の注意点を確認できます。](https://start-link.jp/hubspot-ai/btob-marketing/email-marketing-ma/can-spam-law-btob-guide)

### [SEO AIO対策の実践SEOチェックリスト AI Overview時代に引用される記事構造と改善優先順位を整理できます。](https://start-link.jp/hubspot-ai/btob-marketing/content-marketing-seo/aio-ai-overview-seo-strategy)

### [Service BtoBマーケとCRM活用を相談する 集客、ナーチャリング、CRM整備まで成果につながる導線設計を支援します。](https://start-link.jp/service/hubspot-ai)

## 記事の内容を、そのまま実務に落とし込みたい方向け

[無料で相談する](https://start-link.jp/contact) [資料をダウンロード](https://start-link.jp/hubspot-ai/btob-marketing/website-cro/core-web-vitals-improvement#blog-download)

 株式会社StartLinkは、事業推進に関わる「販売促進」「DXによる業務効率化（ERP/CRM/SFA/MAの導入）」などのご相談を受け付けております。 サービスのプランについてのご相談/お見積もり依頼や、ノウハウのお問い合わせについては、[無料のお問い合わせページ](https://www.start-link.jp/contact)より、お気軽にご連絡くださいませ。

###### 関連キーワード:

[マーケティング](https://start-link.jp/hubspot-ai/tag/マーケティング)

## サービス資料を無料DL

## 著者情報

![7-1](https://start-link.jp/hubfs/7-1.jpg)

### 今枝 / Imaeda

 株式会社StartLink 代表取締役。累計150社以上のHubSpotプロジェクト支援実績を持ち、Claude CodeやHubSpotを軸にしたAI活用支援・経営基盤AXのコンサルティング事業を展開。  
 HubSpotのトップパートナー企業や大手人材グループにて、エンタープライズCRM戦略策定・AI戦略ディレクションを経験した後、StartLinkを創業。現在はCRM×AIエージェントによる経営管理支援を専門とする。

[StartLink](https://start-link.jp/)

### Service

- [会社情報](https://start-link.jp/about)
- [サービス](https://start-link.jp/service)
- [プロダクト](https://start-link.jp/sync)
- [採用情報](https://start-link.jp/recruit)
- [コンサルタントの方へ](https://start-link.jp/consultant-platform)

### Contact

- [問い合わせ](https://start-link.jp/contact)
- [資料ダウンロード](https://start-link.jp/download/service)
- [Syncナレッジベース](https://start-link.jp/sync/knowledge-base)
- [個人情報保護方針](https://start-link.jp/privacy-policy)
- [個人情報取り扱い規定](https://start-link.jp/personal-information-processing-agreement)

(c) 2026 All Rights Reserved.

```json
{
  "@context" : "https://schema.org",
  "@type" : "BlogPosting",
  "author" : {
    "@type" : "Person",
    "name" : "今枝 拓海",
    "url" : "https://start-link.jp/hubspot-ai/author/imaeda"
  },
  "datePublished" : "2026-03-03T08:57:35.000Z",
  "headline" : "Core Web Vitals改善ガイド｜LCP・INP・CLSの対策手順とSEO効果",
  "image" : [ "https://start-link.jp/hubfs/blog/screenshots/generated/gen_AD-12.png" ],
  "mainEntityOfPage" : {
    "@id" : "https://start-link.jp/hubspot-ai/btob-marketing/website-cro/core-web-vitals-improvement",
    "@type" : "WebPage"
  },
  "publisher" : {
    "@type" : "Organization",
    "logo" : {
      "@type" : "ImageObject",
      "url" : "https://start-link.jp/hubfs/Start%20Link%20(1500%20x%20600%20px)%20(5)-1.png"
    },
    "name" : "株式会社StartLink"
  }
}
```

```json
{
  "@context" : "https://schema.org",
  "@type" : "FAQPage",
  "mainEntity" : [ {
    "@type" : "Question",
    "acceptedAnswer" : {
      "@type" : "Answer",
      "text" : "Googleが「良好」とする基準は、LCPが2.5秒以下、INPが200ms以下、CLSが0.1以下です。LCPは4.0秒超、INPは500ms超、CLSは0.25超で「不良」と判定されます。LCPは最大のコンテンツ要素の表示時間、INPはユーザー操作から画面反映までの時間、CLSはページ読み込み中のレイアウトのずれをそれぞれ測る指標です。"
    },
    "name" : "Core Web Vitalsの合格ラインはどのくらいですか？"
  }, {
    "@type" : "Question",
    "acceptedAnswer" : {
      "@type" : "Answer",
      "text" : "画像の最適化から着手するのが効率的です。LCPが遅くなる原因として発生頻度が最も高く、実装難易度が低いためです。JPEG/PNGのWebP変換で25〜50%のサイズ削減、ファーストビュー外へのloading=\"lazy\"設定、<link rel=\"preload\">によるLCP画像の優先読み込み（LCPで0.5〜1秒の改善が見込めます）が具体的な手段になります。"
    },
    "name" : "Core Web Vitalsの改善はどの施策から着手すべきですか？"
  }, {
    "@type" : "Question",
    "acceptedAnswer" : {
      "@type" : "Answer",
      "text" : "Googleの検索ランキングに使われるのは、実際のユーザーから収集したフィールドデータだからです。PageSpeed Insightsで表示されるラボデータは固定環境でのシミュレーション値で、再現性は高いものの実際のユーザー体験とは異なる場合があります。サイト全体の実態はGoogle Search Consoleのページグループ別レポートで確認するのが確実です。"
    },
    "name" : "PageSpeed Insightsのスコアが良いのに検索評価が上がらないのはなぜですか？"
  }, {
    "@type" : "Question",
    "acceptedAnswer" : {
      "@type" : "Answer",
      "text" : "画像にwidth/height属性を明示的に指定することが基本です。サイズ未指定の画像や動画は読み込み後にレイアウトがずれる代表的な原因で、この対策だけでCLS 0.05〜0.15の改善が見込めます。ほかに、CSSのaspect-ratioでアスペクト比を維持する、動的に挿入されるバナーや広告枠にmin-heightで表示領域を事前確保する、font-display: optionalやswapでフォント切り替え時のずれを抑える、といった対策があります。"
    },
    "name" : "CLS（レイアウトのずれ）はどう直せばいいですか？"
  } ]
}
```

```json
{
  "@context" : "https://schema.org",
  "@id" : "https://start-link.jp/hubspot-ai/btob-marketing/website-cro/core-web-vitals-improvement#article",
  "@type" : "BlogPosting",
  "author" : {
    "@id" : "https://start-link.jp/#founder"
  },
  "dateModified" : "2026-10-12T06:22:18+09:00",
  "datePublished" : "2026-03-03T08:57:35+09:00",
  "headline" : "Core Web Vitals改善ガイド｜LCP・INP・CLSの対策手順とSEO効果",
  "image" : "https://start-link.jp/hubfs/blog/screenshots/generated/gen_AD-12.png",
  "isPartOf" : {
    "@id" : "https://start-link.jp/#website"
  },
  "mainEntityOfPage" : {
    "@id" : "https://start-link.jp/hubspot-ai/btob-marketing/website-cro/core-web-vitals-improvement",
    "@type" : "WebPage"
  },
  "publisher" : {
    "@id" : "https://start-link.jp/#organization"
  },
  "speakable" : {
    "@type" : "SpeakableSpecification",
    "cssSelector" : [ ".blog-section h2", ".blog-section p:first-of-type", ".blog-section blockquote" ]
  }
}
```

```json
{
  "@context" : "https://schema.org",
  "@type" : "BreadcrumbList",
  "itemListElement" : [ {
    "@type" : "ListItem",
    "item" : "https://start-link.jp",
    "name" : "ホーム",
    "position" : 1
  }, {
    "@type" : "ListItem",
    "item" : "https://start-link.jp/hubspot-ai",
    "name" : "ブログ",
    "position" : 2
  }, {
    "@type" : "ListItem",
    "item" : "https://start-link.jp/hubspot-ai/btob-marketing",
    "name" : "BtoBマーケティング",
    "position" : 3
  }, {
    "@type" : "ListItem",
    "item" : "https://start-link.jp/hubspot-ai/btob-marketing/website-cro",
    "name" : "Webサイト・CRO",
    "position" : 4
  }, {
    "@type" : "ListItem",
    "name" : "Core Web Vitals改善ガイド｜LCP・INP・CLSの対策手順とSEO効果",
    "position" : 5
  } ]
}
```

```json
{
  "@context" : "https://schema.org",
  "@id" : "https://start-link.jp/#organization",
  "@type" : "Organization",
  "address" : {
    "@type" : "PostalAddress",
    "addressCountry" : "JP",
    "addressLocality" : "中央区",
    "addressRegion" : "東京都",
    "postalCode" : "104-0061",
    "streetAddress" : "銀座1丁目12番4号 N&E BLD.6F"
  },
  "alternateName" : "StartLink Inc.",
  "award" : [ "HubSpot Gold Solutions Partner（HubSpotゴールドパートナー、2026年4月認定）" ],
  "contactPoint" : [ {
    "@type" : "ContactPoint",
    "availableLanguage" : [ "ja" ],
    "contactType" : "customer support",
    "url" : "https://start-link.jp/contact"
  }, {
    "@type" : "ContactPoint",
    "availableLanguage" : [ "ja", "en" ],
    "contactType" : "sales",
    "url" : "https://start-link.jp/contact"
  } ],
  "description" : "「AI × HubSpot」をコンセプトに掲げるHubSpotゴールドパートナー（Gold Solutions Partner、2026年4月認定）。HubSpotマーケットプレイスに自社アプリ（Sync for freee / Notion / Money Forward / Chatwork）を公開するアプリ開発企業であり、HubSpot/Salesforce知見とAI活用を組み合わせたCRM構築・移行・最適化・AIエージェント/PoC支援まで一貫して提供する。",
  "founder" : {
    "@id" : "https://start-link.jp/#founder",
    "@type" : "Person",
    "jobTitle" : "代表取締役",
    "name" : "今枝 拓海",
    "sameAs" : [ "https://x.com/ImaedaTakumii", "https://www.linkedin.com/in/takumi-imaeda/", "https://www.facebook.com/takumiIma" ]
  },
  "foundingDate" : "2024-09-04",
  "hasCredential" : {
    "@type" : "EducationalOccupationalCredential",
    "credentialCategory" : "certification",
    "name" : "HubSpot Gold Solutions Partner",
    "recognizedBy" : {
      "@type" : "Organization",
      "name" : "HubSpot, Inc.",
      "url" : "https://www.hubspot.com/"
    }
  },
  "image" : [ "https://start-link.jp/hubfs/startlink-ai-agent.jpg", "https://start-link.jp/hubfs/startlink-aiorg.jpg" ],
  "knowsAbout" : [ "HubSpot CRM", "HubSpot Implementation", "HubSpot導入支援", "CRM構築", "AI活用", "HubSpot連携アプリ開発", "Salesforce to HubSpot Migration", "Generative AI Integration", "AI Agent Development", "Revenue Operations", "Marketing Automation", "freee Integration", "Notion Integration", "Money Forward Integration" ],
  "legalName" : "株式会社StartLink",
  "logo" : "https://start-link.jp/hubfs/startlink-logo.png",
  "mainEntityOfPage" : "https://start-link.jp/",
  "memberOf" : {
    "@type" : "ProgramMembership",
    "hostingOrganization" : {
      "@type" : "Organization",
      "name" : "HubSpot, Inc.",
      "url" : "https://www.hubspot.com/"
    },
    "membershipNumber" : "Gold Tier",
    "programName" : "HubSpot Solutions Partner Program"
  },
  "name" : "株式会社StartLink",
  "sameAs" : [ "https://www.youtube.com/@startlink-hubspot", "https://x.com/ImaedaTakumii", "https://www.linkedin.com/in/takumi-imaeda/", "https://www.linkedin.com/company/108100307/", "https://www.facebook.com/takumiIma", "https://www.facebook.com/profile.php?id=61566874764985", "https://prtimes.jp/main/html/searchrlp/company_id/149669", "https://app.hubspot.com/ecosystem/46046172/marketplace/solutions/startlink" ],
  "taxID" : "8010001248134",
  "url" : "https://start-link.jp/"
}
```

```json
{
  "@context" : "https://schema.org",
  "@id" : "https://start-link.jp/#website",
  "@type" : "WebSite",
  "inLanguage" : "ja",
  "name" : "株式会社StartLink",
  "publisher" : {
    "@id" : "https://start-link.jp/#organization"
  },
  "url" : "https://start-link.jp/"
}
```

```json
{
  "@context" : "https://schema.org",
  "@id" : "https://start-link.jp/#service-hubspot",
  "@type" : "Service",
  "areaServed" : "JP",
  "category" : [ "CRM導入", "HubSpot" ],
  "description" : "150社以上の実績を持つHubSpotゴールドパートナーが、業務フローに合わせた設計から構築・本番稼働まで一貫支援。",
  "name" : "HubSpot導入・構築支援",
  "provider" : {
    "@id" : "https://start-link.jp/#organization"
  },
  "serviceType" : "HubSpot導入・構築支援",
  "url" : "https://start-link.jp/service/hubspot"
}
```

```json
{
  "@context" : "https://schema.org",
  "@id" : "https://start-link.jp/#service-hubspot-ai",
  "@type" : "Service",
  "areaServed" : "JP",
  "category" : [ "CRM最適化", "AI活用" ],
  "description" : "HubSpotを軸に業務要件に沿った設計改善とAI連携活用を包括支援。",
  "name" : "HubSpot AIコンサルティング",
  "provider" : {
    "@id" : "https://start-link.jp/#organization"
  },
  "serviceType" : "HubSpot AIコンサルティング",
  "url" : "https://start-link.jp/service/hubspot-ai"
}
```

```json
{
  "@context" : "https://schema.org",
  "@id" : "https://start-link.jp/#service-hubspot-training",
  "@type" : "Service",
  "areaServed" : "JP",
  "category" : [ "研修", "HubSpot" ],
  "description" : "HubSpotの概念・基本操作からAI活用ノウハウまで、社内浸透のための研修を提供。",
  "name" : "HubSpot研修・レクチャー支援",
  "provider" : {
    "@id" : "https://start-link.jp/#organization"
  },
  "serviceType" : "HubSpot研修・内製化支援",
  "url" : "https://start-link.jp/service/hubspot-ai/training"
}
```

```json
{
  "@context" : "https://schema.org",
  "@id" : "https://start-link.jp/#service-sf2hs-replace",
  "@type" : "Service",
  "areaServed" : "JP",
  "category" : [ "CRM移行", "データ移行" ],
  "description" : "Salesforce/HubSpot双方の思想とデータモデルを理解した移行設計とHubSpot側CRM開発を実行。",
  "name" : "SalesforceからHubSpotへのリプレイス支援",
  "provider" : {
    "@id" : "https://start-link.jp/#organization"
  },
  "serviceType" : "SalesforceからHubSpotへのリプレイス支援",
  "url" : "https://start-link.jp/service/salesforce-hubspot-replace"
}
```

```json
{
  "@context" : "https://schema.org",
  "@id" : "https://start-link.jp/#service-claude-code-bi",
  "@type" : "Service",
  "areaServed" : "JP",
  "category" : [ "AI活用", "経営管理" ],
  "description" : "複数システムのデータを統合し、毎朝のAIブリーフィングなど経営の意思決定を加速する仕組みを構築。",
  "name" : "Claude Codeによる経営データ活用支援",
  "provider" : {
    "@id" : "https://start-link.jp/#organization"
  },
  "serviceType" : "AI経営管理支援",
  "url" : "https://start-link.jp/service/claude-code/business-intelligence"
}
```

```json
{
  "@context" : "https://schema.org",
  "@id" : "https://start-link.jp/#service-claude-code-content",
  "@type" : "Service",
  "areaServed" : "JP",
  "category" : [ "コンテンツマーケティング", "AI活用" ],
  "description" : "キーワード戦略からSEO記事制作、CMS公開まで、AIを活用したコンテンツマーケティングを自動化。",
  "name" : "Claude Codeによるコンテンツマーケティング支援",
  "provider" : {
    "@id" : "https://start-link.jp/#organization"
  },
  "serviceType" : "AIコンテンツ制作支援",
  "url" : "https://start-link.jp/service/claude-code/content-marketing"
}
```

```json
{
  "@context" : "https://schema.org",
  "@id" : "https://start-link.jp/#product-sync-freee",
  "@type" : "SoftwareApplication",
  "applicationCategory" : "BusinessApplication",
  "author" : {
    "@id" : "https://start-link.jp/#organization"
  },
  "description" : "HubSpotとfreee会計・freee請求書をシームレスに連携。取引先の同期から請求書作成まで、バックオフィスの業務を自動化するHubSpotマーケットプレイスアプリ。",
  "featureList" : [ "freee取引先をHubSpotに自動同期", "HubSpotからfreee見積書・請求書を作成", "取引データをfreee会計に自動登録", "月次請求・更新処理に対応", "商品項目・品目・部門・タグ情報の連携" ],
  "installUrl" : "https://ecosystem.hubspot.com/marketplace/apps/sync-for-freee-bystartlink",
  "name" : "Sync for freee",
  "offers" : [ {
    "@type" : "Offer",
    "description" : "請求月5件・見積月20件まで",
    "name" : "Free",
    "price" : "0",
    "priceCurrency" : "JPY"
  }, {
    "@type" : "Offer",
    "billingIncrement" : "P1M",
    "description" : "請求月50件・見積月100件まで",
    "name" : "Professional",
    "price" : "4000",
    "priceCurrency" : "JPY"
  }, {
    "@type" : "Offer",
    "billingIncrement" : "P1M",
    "description" : "無制限",
    "name" : "Enterprise",
    "price" : "10000",
    "priceCurrency" : "JPY"
  } ],
  "operatingSystem" : "Web",
  "softwareHelp" : {
    "@type" : "WebPage",
    "url" : "https://start-link.jp/sync/knowledge-base/freee/basic-steps"
  },
  "url" : "https://start-link.jp/sync/freee"
}
```

```json
{
  "@context" : "https://schema.org",
  "@id" : "https://start-link.jp/#product-sync-notion",
  "@type" : "SoftwareApplication",
  "applicationCategory" : "BusinessApplication",
  "author" : {
    "@id" : "https://start-link.jp/#organization"
  },
  "description" : "HubSpotのCRMレコードとNotionのページ・データベースを接続。HubSpotの画面から離れずにNotionのすべてにアクセスできるHubSpotマーケットプレイスアプリ。",
  "featureList" : [ "CRMカードからNotionページの作成・閲覧・編集", "NotionデータベースをCRMタブにテーブル表示", "4つのワークフローアクションで自動化", "コンタクト・会社・取引・チケット・サービス・プロジェクト対応" ],
  "installUrl" : "https://ecosystem.hubspot.com/marketplace/listing/sync-for-notion-bystartlink",
  "name" : "Sync for Notion",
  "offers" : [ {
    "@type" : "Offer",
    "description" : "ページ・DB合計50件まで",
    "name" : "Free",
    "price" : "0",
    "priceCurrency" : "JPY"
  }, {
    "@type" : "Offer",
    "billingIncrement" : "P1M",
    "description" : "無制限",
    "name" : "Professional",
    "price" : "10000",
    "priceCurrency" : "JPY"
  } ],
  "operatingSystem" : "Web",
  "url" : "https://start-link.jp/sync/notion"
}
```

```json
{
  "@context" : "https://schema.org",
  "@id" : "https://start-link.jp/#product-sync-moneyforward",
  "@type" : "SoftwareApplication",
  "applicationCategory" : "BusinessApplication",
  "author" : {
    "@id" : "https://start-link.jp/#organization"
  },
  "description" : "HubSpotとマネーフォワード クラウドを連携。取引情報から見積書・請求書を自動作成し、取引先・品目の同期や継続請求に対応するHubSpot連携アプリ。",
  "featureList" : [ "取引（Deal）から見積書・請求書を自動作成", "会社情報とマネーフォワード取引先の同期", "商品項目・品目マスタの連携", "月次・固定回数の継続請求に対応（Professionalプラン以上）", "合算請求（Enterpriseプラン限定）", "前受請求（一括請求・月次計上）（Enterpriseプラン限定）", "原価登録（MF会計への仕訳登録）で案件別の原価・粗利を可視化（Enterpriseプラン限定）", "取引レコードにCRMカードで連携ステータスを表示" ],
  "installUrl" : "https://ecosystem.hubspot.com/ja/marketplace/listing/sync-for-moneyforward-bystartlink",
  "name" : "Sync for Money Forward",
  "offers" : [ {
    "@type" : "Offer",
    "description" : "請求月5件・見積月20件まで",
    "name" : "Free",
    "price" : "0",
    "priceCurrency" : "JPY"
  }, {
    "@type" : "Offer",
    "billingIncrement" : "P1M",
    "description" : "請求月50件・見積月100件まで",
    "name" : "Professional",
    "price" : "4000",
    "priceCurrency" : "JPY"
  }, {
    "@type" : "Offer",
    "billingIncrement" : "P1M",
    "description" : "無制限",
    "name" : "Enterprise",
    "price" : "10000",
    "priceCurrency" : "JPY"
  } ],
  "operatingSystem" : "Web",
  "url" : "https://start-link.jp/sync/moneyforward"
}
```

```json
{
  "@context" : "https://schema.org",
  "@id" : "https://start-link.jp/#product-sync-chatwork",
  "@type" : "SoftwareApplication",
  "applicationCategory" : "BusinessApplication",
  "author" : {
    "@id" : "https://start-link.jp/#organization"
  },
  "description" : "HubSpotとChatworkを連携。ワークフローからChatworkのルームへ通知を送り、CRMカード上で最新のやり取りの確認と返信ができ、紐付けたルームの新着メッセージをHubSpotのノートとして自動で記録するHubSpot連携アプリ。",
  "featureList" : [ "ワークフローアクション「Chatworkに通知」（取引・会社・コンタクト・チケット対応）", "送信先ルームIDとメッセージ本文にHubSpotのプロパティを差し込み", "取引・会社・コンタクトとChatworkルームの紐付け（全プラン無制限）", "CRMカードにルームの最新100件のメッセージを表示（Professionalプラン以上）", "CRMカードからChatworkへメッセージを送信（Professionalプラン以上）", "紐付けたルームの新着メッセージをHubSpotのノートへ自動記録（Enterpriseプラン限定）", "引用や装飾を、HubSpotのノートでも読みやすい見た目のまま記録", "OAuth接続とAPIトークン接続（SAML/SSO環境向け）に対応" ],
  "installUrl" : "https://ecosystem.hubspot.com/marketplace/listing/sync-for-chatwork-bystartlink",
  "name" : "Sync for Chatwork",
  "offers" : [ {
    "@type" : "Offer",
    "description" : "通知 月10件まで・ルーム紐付け無制限",
    "name" : "Free",
    "price" : "0",
    "priceCurrency" : "JPY"
  }, {
    "@type" : "Offer",
    "billingIncrement" : "P1M",
    "description" : "通知無制限・CRMカードで最新100件の表示とメッセージ送信",
    "name" : "Professional",
    "price" : "3000",
    "priceCurrency" : "JPY"
  }, {
    "@type" : "Offer",
    "billingIncrement" : "P1M",
    "description" : "Professionalの全機能＋メッセージ同期（30分ごと）",
    "name" : "Enterprise",
    "price" : "10000",
    "priceCurrency" : "JPY"
  } ],
  "operatingSystem" : "Web",
  "url" : "https://start-link.jp/sync/chatwork"
}
```