--- title: SEO対策：画像形式と容量圧縮によるサイトスピードの最適化 description: 画像形式（JPEG・PNG・WebP・GIF）の選び方と圧縮方法がサイトスピードとSEOに与える影響を解説。遅延読み込みやレスポンシブ画像の実装ポイントも含め、ページ表示速度を改善するための実践的な手順をまとめました。 --- [![insembleのロゴ](https://www.insemble.co.jp/hubfs/Insemble_July2020/Images/logo_txt.svg)](https://www.insemble.co.jp/) [ホーム](https://www.insemble.co.jp/) サービス 実績 会社案内 ブログ/メディア [ホームページ制作 札幌を拠点に、課題解決の視点で最適なWebサイトを制作します。](https://www.insemble.co.jp/service/website-sapporo) [Webサイトのリニューアル デザインや機能を一新し、より魅力的なWebサイトへ再構築します。](https://www.insemble.co.jp/service/renewal) [Webサイトの運営支援 更新・保守・改修をまとめてサポート。アクセス増加も促進します。](https://www.insemble.co.jp/service/maintenance) [ECサイト制作・Shopify導入 Shopifyを活用したECサイトの構築・運用をサポートします。](https://www.insemble.co.jp/service/shopify) [MovableType.net導入 MovableType.netの導入からカスタマイズまで対応可能です。](https://www.insemble.co.jp/service/movabletype-net) [らくっとホームページ 誰でも簡単に更新できる「らくっとホームページ」をご提供。](https://www.insemble.co.jp/rakutto-hp) [Webマーケティング支援 SEO・Web広告・SNS・コンテンツを組み合わせた、集客・売上改善をトータルで支援します。](https://www.insemble.co.jp/service/web-marketing) [SEO対策 検索順位の向上と集客強化のためのSEO支援を行います。](https://www.insemble.co.jp/service/seo) [アクセス解析 サイトの訪問データを活用し、改善点を明確にします。](https://www.insemble.co.jp/service/traffic-analysis) [kintone導入・カスタマイズ 業務の効率化を図るkintone導入やカスタマイズを支援します。](https://www.insemble.co.jp/service/kintone) [無料のIT相談 ITに関するお悩みを無料でご相談いただけます。](https://www.insemble.co.jp/consultation) [サービス一覧 提供するすべてのサービスを確認する。](https://www.insemble.co.jp/service) [サポートの実績 過去に対応したWeb・システムサポート事例をご紹介します。](https://www.insemble.co.jp/works/support) [Webサイトの制作実績 これまでに手がけたWebサイト制作の事例です。](https://www.insemble.co.jp/works) [システム開発の実績 これまでに手がけたシステム開発の事例です。](https://www.insemble.co.jp/works) [お客様インタビュー 実際にご依頼いただいたお客様の声をご紹介しています。](https://www.insemble.co.jp/interview/sapporo-romantei) [会社概要 当社の基本情報や所在地、沿革についてご紹介します。](https://www.insemble.co.jp/company) [お知らせ・ブログ 最新のお知らせや更新情報をご案内します。](https://www.insemble.co.jp/news) [お問い合わせ サービスに関するご相談・ご質問はこちらからどうぞ。](https://www.insemble.co.jp/contact) [お知らせ・ブログ 記事の一覧はこちら](https://www.insemble.co.jp/news) [ロカプレ！（ローカルビジネス応援メディア） 地域ビジネスを応援する外部メディアサイト](https://loca-play.jp/) [![insembleのロゴ](https://www.insemble.co.jp/hubfs/Insemble_July2020/Images/logo_txt.svg)](https://www.insemble.co.jp/) - Service - [サービス一覧](https://www.insemble.co.jp/service) - [ホームページ制作](https://www.insemble.co.jp/service/website-sapporo) - [Webサイトのリニューアル](https://www.insemble.co.jp/service/renewal) - [Webサイトの運営支援](https://www.insemble.co.jp/service/maintenance) - [ECサイト制作・Shopify導入](https://www.insemble.co.jp/service/shopify) - [MovableType.net導入](https://www.insemble.co.jp/service/movabletype-net) - [らくっとホームページ](https://www.insemble.co.jp/rakutto-hp) - [Webマーケティング支援](https://www.insemble.co.jp/service/web-marketing) - [SEO対策](https://www.insemble.co.jp/service/seo) - [アクセス解析](https://www.insemble.co.jp/service/traffic-analysis) - [kintone導入・カスタマイズ](https://www.insemble.co.jp/service/kintone) - [無料のIT相談](https://www.insemble.co.jp/consultation) - Works - [サポートの実績](https://www.insemble.co.jp/works/support) - [Webサイトの制作実績](https://www.insemble.co.jp/works) - [システム開発の実績](https://www.insemble.co.jp/works) - [お客様インタビュー](https://www.insemble.co.jp/interview/sapporo-romantei) - Company - [会社概要](https://www.insemble.co.jp/company) - [お知らせ・ブログ](https://www.insemble.co.jp/news) - [プライバシーポリシー・情報セキュリティ基本方針](https://www.insemble.co.jp/privacy) - [DX宣言書](https://www.insemble.co.jp/dx-declaration) - [DX推進のメリットと取り組み](https://www.insemble.co.jp/service/dx-sapporo) - [サイトマップ](https://www.insemble.co.jp/sitemap) - [お問い合わせ](https://www.insemble.co.jp/contact) - Media / Blog - [お知らせ・ブログ](https://www.insemble.co.jp/news) - [ロカプレ！（ローカルビジネス応援メディア）](https://loca-play.jp/) Menu 1. [トップ](https://www.insemble.co.jp/) 2. › 3. [お知らせ・ブログ](https://www.insemble.co.jp/news) 4. › 5. SEO対策：画像形式と容量圧縮によるサイトスピードの最適化 ブログ # SEO対策：画像形式と容量圧縮によるサイトスピードの最適化 画像形式（JPEG・PNG・WebP・GIF）の選び方と圧縮方法がサイトスピードとSEOに与える影響を解説。遅延読み込みやレスポンシブ画像の実装ポイントも含め、ページ表示速度を改善するための実践的な手順をまとめました。 In インセンブル編集部 公開 **2024.06.12** Share [X](https://twitter.com/intent/tweet?text=SEO%E5%AF%BE%E7%AD%96%EF%BC%9A%E7%94%BB%E5%83%8F%E5%BD%A2%E5%BC%8F%E3%81%A8%E5%AE%B9%E9%87%8F%E5%9C%A7%E7%B8%AE%E3%81%AB%E3%82%88%E3%82%8B%E3%82%B5%E3%82%A4%E3%83%88%E3%82%B9%E3%83%94%E3%83%BC%E3%83%89%E3%81%AE%E6%9C%80%E9%81%A9%E5%8C%96&url=https%3A%2F%2Fwww.insemble.co.jp%2Fnews%2Fseo-image) [Facebook](https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.insemble.co.jp%2Fnews%2Fseo-image) [LINE](https://social-plugins.line.me/lineit/share?url=https%3A%2F%2Fwww.insemble.co.jp%2Fnews%2Fseo-image) URLをコピー Webサイトの表示スピードの最適化は、ユーザーエクスペリエンスとSEO（検索エンジン対策）の両方において非常に重要です。特に画像の形式と圧縮は、ページの読み込み速度に大きな影響を与えます。 この記事では、画像形式と圧縮をテーマにしたサイトスピード最適化のポイントとその重要性について解説します。インセンブルでも、HubSpotを活用したWebマーケティング支援のなかでページ表示速度の改善・診断を継続的に行っており、実務での知見をもとにまとめています。 ## 1. 画像形式の選択 ### JPEG (Joint Photographic Experts Group) #### 長所 - ファイルサイズが小さく、写真や複雑な画像に最適です。 - ロッシー圧縮を使用して、画像の詳細を多少犠牲にしてもサイズを大幅に削減できます。 - 広くサポートされており、ほとんどのブラウザとデバイスで表示可能です。 #### 短所 - 圧縮による画質劣化があります。 - 透明背景をサポートしていません。 ### PNG (Portable Network Graphics) #### 長所 - 透明背景をサポートしており、ロゴやアイコンなどに最適です。 - ロスレス圧縮を使用して、画像の品質を保ったままファイルサイズを圧縮できます。 - 細部の多い画像やスクリーンショットに適しています。 #### 短所 - ファイルサイズが大きくなりがちです。 - 写真のような複雑な画像には適していないことが多いです。 ### WebP #### 長所 - JPEGやPNGよりもファイルサイズが小さく、同等以上の画質を提供します。 - ロッシー圧縮とロスレス圧縮の両方をサポートしています。 - 透明背景もサポートしており、多用途に利用可能です。 - Googleが開発・推奨しており、最新のブラウザで広くサポートされています。 #### 短所 - 一部の古いブラウザではサポートされていないため、フォールバックが必要になることがあります。 ### GIF (Graphics Interchange Format) #### 長所 - アニメーション画像に適しています。 - ロスレス圧縮を使用し、簡単なグラフィックやアイコンに適しています。 - 透明背景をサポートしています。 #### 短所 - 256色までの制限があり、写真には適しません。 - アニメーションが複雑になるとファイルサイズが大きくなることがあります。 ## 2. 画像圧縮の重要性 ### 圧縮の種類 - **ロスレス圧縮**：画像の品質を保ちながらファイルサイズを小さくする。PNGやGIFが代表的です。 - **ロッシー圧縮**：多少の画質劣化を許容し、ファイルサイズを大幅に縮小する。JPEGが代表的です。 ### 圧縮ツールと方法 #### オンラインツール - **TinyPNG**：PNGやJPEGのロスレス圧縮をサポートしています。 - **JPEG.io**：JPEG形式の画像圧縮に特化しています。 - **Compressor.io**：JPEG、PNG、GIF、SVGの圧縮をサポートしています。 #### デスクトップツール - **Photoshop**：幅広い圧縮オプションとフォーマットをサポートしています。 - **GIMP**：オープンソースの画像編集ソフトで、様々な圧縮設定が可能です。 #### 自動化ツール - **ImageMagick**：コマンドラインで画像のバッチ処理が可能です。 - **gulp-imagemin**：ビルドツールと統合し、画像の圧縮を自動化してくれます。 ※これらの自動化ツールはhtmlやcssを駆使して、実際にWebサイトを構築するプロが使用するツールです。 ## 3. 画像形式と圧縮の最適化手順 ### 画像形式の選定 写真や詳細な画像にはJPEG、透明背景のロゴやアイコンにはPNG、最新のブラウザ向けでより高い圧縮率を求める場合にはWebPを使用するのが現在の主流です。 ### 圧縮ツールの使用 画像をアップロードする前に、オンラインまたはデスクトップツールで適切に圧縮します。Mac環境であればImageOptim.appなども当社では使用しています。 ### 遅延読み込み（Lazy Loading）の実装 Webページを開いた時に、ユーザーが実際に画像が表示されるまで画像ファイルを読み込まないようにすることで、初期ロード時間を短縮する技術です。 ### レスポンシブ画像の使用 異なるデバイス向けに最適化された画像サイズを提供することで、不要に大きな画像をロードしないようにします。そのためデバイス毎に最適なサイズの画像ファイルが選択されます。 ## 4. サイトスピードの重要性 ### ユーザーエクスペリエンスの向上 読み込み速度が速いサイトはユーザー満足度が高く、離脱率が低い傾向があります。ページが3秒以内にロードされないと、訪問者の40％が離脱するとも言われています。 ### SEOへの影響 Googleはサイトスピードをランキング要因の１つとしています。表示が高速なWebサイトはクロール頻度が増加し、インデックス速度も向上します。 ### コンバージョン率の向上 読み込み速度が1秒改善するごとに、コンバージョン率が向上するというデータがあります。 ## よくある質問（FAQ） ### Q. WebP形式はすべてのブラウザで使えますか？ Chrome・Safari・Firefox・Edgeなど主要なモダンブラウザはWebPに対応しています。ただし、Internet Explorer（IE）はWebPをサポートしていません。IEを考慮する必要がある場合は、``要素を使ってJPEGへのフォールバックを設定することを推奨します。 ### Q. 画像圧縮でどのくらいファイルサイズを削減できますか？ 圧縮ツールと設定によって異なりますが、JPEGは30〜60%、PNGは15〜30%程度の削減が一般的です。WebPに変換することでさらに20〜35%の追加削減が見込めます。ただし、圧縮のしすぎは画質劣化につながるため、用途に合わせた適切な設定が重要です。 ### Q. 遅延読み込み（Lazy Loading）はSEOに影響しますか？ 適切に実装した場合、SEOへの悪影響はありません。Googleは遅延読み込みを認識してクロールできます。ただし、ファーストビューに含まれる重要な画像に遅延読み込みを適用すると、Core Web Vitalsのスコアが下がる可能性があるため、スクロールしなければ見えない画像のみに適用するのが基本です。 ### Q. alt属性はSEOに関係しますか？ はい。alt属性は画像の内容を検索エンジンに伝えるテキスト情報であり、適切に記述することで画像検索での表示機会が増加します。また、画像が表示できない場合や音声読み上げ対応（アクセシビリティ）にも重要です。ファイル名・alt属性・周辺テキストを一致させることがポイントです。 ## Webサイトのスピード改善でお困りの場合 インセンブルでは、HubSpotを活用したWebマーケティング支援のなかで、ページ表示速度の診断・画像最適化のサポートも行っています。「Core Web Vitalsのスコアを改善したい」「何から手をつければ良いかわからない」といったご相談もお気軽にどうぞ。 [お問い合わせはこちら](https://www.insemble.co.jp/contact/) In この記事を書いた人 インセンブル編集部 株式会社インセンブル（札幌）は、中小企業のWeb運用・マーケティング・kintone導入を支援しています。2014年の創業から12年、64社の制作・運用を手がけ、現在14社のサイトを継続保守中。実務で分かったことを記事にしています。 [会社概要 →](https://www.insemble.co.jp/company) [無料のIT相談 →](https://www.insemble.co.jp/consultation) 次に読む [![札幌のホームページ制作会社の選び方｜比較すべき5つのポイント](https://www.insemble.co.jp/hs-fs/hubfs/Gemini_Generated_Image_jtee0zjtee0zjtee.jpeg?width=326&height=150&name=Gemini_Generated_Image_jtee0zjtee0zjtee.jpeg) 2026.09.11 札幌のホームページ制作会社の選び方｜比較すべき5つのポイント](https://www.insemble.co.jp/news/sapporo-web-company-how-to-choose)[![ホームページ保守会社を乗り換える前に確認すべきこと｜「蓋を開けたら愕然」となりやすい5つの落とし穴](https://www.insemble.co.jp/hs-fs/hubfs/Gemini_Generated_Image_8gxp8f8gxp8f8gxp.jpeg?width=326&height=150&name=Gemini_Generated_Image_8gxp8f8gxp8f8gxp.jpeg) 2026.09.10 ホームページ保守会社を乗り換える前に確認すべきこと｜「蓋を開けたら愕然」となりやすい5つの落とし穴](https://www.insemble.co.jp/news/website-maintenance-vendor-switch) この記事をシェア [X](https://twitter.com/intent/tweet?text=SEO%E5%AF%BE%E7%AD%96%EF%BC%9A%E7%94%BB%E5%83%8F%E5%BD%A2%E5%BC%8F%E3%81%A8%E5%AE%B9%E9%87%8F%E5%9C%A7%E7%B8%AE%E3%81%AB%E3%82%88%E3%82%8B%E3%82%B5%E3%82%A4%E3%83%88%E3%82%B9%E3%83%94%E3%83%BC%E3%83%89%E3%81%AE%E6%9C%80%E9%81%A9%E5%8C%96&url=https%3A%2F%2Fwww.insemble.co.jp%2Fnews%2Fseo-image) [Facebook](https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.insemble.co.jp%2Fnews%2Fseo-image) [LINE](https://social-plugins.line.me/lineit/share?url=https%3A%2F%2Fwww.insemble.co.jp%2Fnews%2Fseo-image) [← お知らせ・ブログ一覧へ](https://www.insemble.co.jp/news) 目次 閉じる ▲ 無料診断 保守会社 乗り換えリスク診断（1分） 5つの質問に答えるだけ。見えていないリスクをチェックできます。 [診断する →](https://www.insemble.co.jp/diagnosis/maintenance-checklist) Categories - [すべて](https://www.insemble.co.jp/news) - [お知らせ （39件）](https://www.insemble.co.jp/news/tag/お知らせ) - [ブログ （26件）](https://www.insemble.co.jp/news/tag/ブログ) - [制作事例 （21件）](https://www.insemble.co.jp/news/tag/制作事例) - [制作会社選び （3件）](https://www.insemble.co.jp/news/tag/制作会社選び) - [時事トピック （2件）](https://www.insemble.co.jp/news/tag/時事トピック) Recent Posts - 2026.09.11 [札幌のホームページ制作会社の選び方｜比較すべき5つのポイント](https://www.insemble.co.jp/news/sapporo-web-company-how-to-choose) - 2026.09.10 [ホームページ保守会社を乗り換える前に確認すべきこと｜「蓋を開けたら愕然」となりやすい5つの落とし穴](https://www.insemble.co.jp/news/website-maintenance-vendor-switch) - 2026.09.02 [小規模事業者持続化補助金でホームページ制作費は補助される？条件と注意点](https://www.insemble.co.jp/news/subsidy-jizokuka-homepage) - 2026.08.26 [Google検索がAIモード中心に刷新｜中小企業のホームページが今すべきこと](https://www.insemble.co.jp/news/google-io-2026-ai-search-update) - 2026.07.30 [自社ドメイン（独自ドメイン）に無料でブログを追加した実例【microCMS×GitHub Actions】](https://www.insemble.co.jp/news/own-domain-blog-microcms-github-actions) Event 地域クラウド交流会 札幌大会 サイボウズ株式会社主催。地域の起業家・経営者が集まる発表・交流イベントを2017年から主催しています。2026年6月に第14回を開催しました。 [過去の開催レポートを見る →](https://chiiki-cloud.cybozu.co.jp/) Media [![loca-play](https://www.insemble.co.jp/hs-fs/hubfs/Insemble_July2020/Images/webp/locaplay_bnr_insemble.webp?width=840&height=202&name=locaplay_bnr_insemble.webp) 北海道のローカルビジネス・スモールビジネスの経営者を応援する情報メディアです。こちらもぜひご覧ください。 経営のヒントを読む](https://loca-play.jp/) ? Contact ## まず、話してみませんか。 課題が明確でなくても構いません。「こういうことで困っている」というご相談から始めましょう。 [お問い合わせ →](https://www.insemble.co.jp/contact) Mission 働く人を、*ITの力で* 前に進める。 [Insemble](https://www.insemble.co.jp/) 〒060-0033 北海道札幌市中央区北3条東2丁目2-24 三博ビル3F [お問い合わせ →](https://www.insemble.co.jp/contact) Service - [サービス一覧](https://www.insemble.co.jp/service) - [ホームページ制作](https://www.insemble.co.jp/service/website-sapporo) - [Webサイトのリニューアル](https://www.insemble.co.jp/service/renewal) - [Webサイトの運営支援](https://www.insemble.co.jp/service/maintenance) - [ECサイト制作・Shopify導入](https://www.insemble.co.jp/service/shopify) - [MovableType.net導入](https://www.insemble.co.jp/service/movabletype-net) - [らくっとホームページ](https://www.insemble.co.jp/rakutto-hp) - [Webマーケティング支援](https://www.insemble.co.jp/service/web-marketing) - [SEO対策](https://www.insemble.co.jp/service/seo) - [アクセス解析](https://www.insemble.co.jp/service/traffic-analysis) - [kintone導入・カスタマイズ](https://www.insemble.co.jp/service/kintone) - [無料のIT相談](https://www.insemble.co.jp/consultation) Works - [サポートの実績](https://www.insemble.co.jp/works/support) - [Web制作実績](https://www.insemble.co.jp/works) - [お客様インタビュー](https://www.insemble.co.jp/interview/sapporo-romantei) Media - [お知らせ・ブログ](https://www.insemble.co.jp/news) - [ロカプレ！](https://loca-play.jp/) Company - [会社概要](https://www.insemble.co.jp/company) - [お知らせ・ブログ](https://www.insemble.co.jp/news) - [DX宣言書](https://www.insemble.co.jp/dx-declaration) - [プライバシーポリシー](https://www.insemble.co.jp/privacy) - [サイトマップ](https://www.insemble.co.jp/sitemap) © 2014 Insemble Co.,Ltd. [Privacy Policy](https://www.insemble.co.jp/privacy) ```json { "@context" : "https://schema.org", "@type" : "BlogPosting", "author" : { "@type" : "Person", "name" : "Admin", "url" : "https://www.insemble.co.jp/news/author/admin" }, "dateModified" : "2026-05-22T14:30:57.492Z", "datePublished" : "2024-06-12T11:48:25.000Z", "headline" : "SEO対策：画像形式と容量圧縮によるサイトスピードの最適化", "mainEntityOfPage" : { "@id" : "https://www.insemble.co.jp/news/seo-image", "@type" : "WebPage" }, "publisher" : { "@type" : "Organization", "logo" : { "@type" : "ImageObject", "url" : "https://www.insemble.co.jp/hubfs/Insemble_July2020/Images/logo_txt.svg" }, "name" : "株式会社インセンブル" } } ``` ```json { "@context" : "https://schema.org", "@type" : "BlogPosting", "author" : { "@type" : "Person", "name" : "インセンブル編集部" }, "dateModified" : "2026-05-22", "datePublished" : "2026-05-22", "description" : "画像形式（JPEG・PNG・WebP・GIF）の選び方と圧縮方法がサイトスピードとSEOに与える影響を解説。遅延読み込みやレスポンシブ画像の実装ポイントも含め、ページ表示速度を改善するための実践的な手順をまとめました。", "headline" : "SEO対策：画像形式と容量圧縮によるサイトスピードの最適化", "inLanguage" : "ja", "publisher" : { "@type" : "Organization", "name" : "インセンブル" } } ``` ```json { "@context" : "https://schema.org", "@type" : "FAQPage", "mainEntity" : [ { "@type" : "Question", "acceptedAnswer" : { "@type" : "Answer", "text" : "Chrome・Safari・Firefox・Edgeなど主要なモダンブラウザはWebPに対応しています。ただし、Internet Explorer（IE）はWebPをサポートしていません。IEを考慮する必要がある場合は、picture要素を使ってJPEGへのフォールバックを設定することを推奨します。" }, "name" : "WebP形式はすべてのブラウザで使えますか？" }, { "@type" : "Question", "acceptedAnswer" : { "@type" : "Answer", "text" : "圧縮ツールと設定によって異なりますが、JPEGは30〜60%、PNGは15〜30%程度の削減が一般的です。WebPに変換することでさらに20〜35%の追加削減が見込めます。ただし、圧縮のしすぎは画質劣化につながるため、用途に合わせた適切な設定が重要です。" }, "name" : "画像圧縮でどのくらいファイルサイズを削減できますか？" }, { "@type" : "Question", "acceptedAnswer" : { "@type" : "Answer", "text" : "適切に実装した場合、SEOへの悪影響はありません。Googleは遅延読み込みを認識してクロールできます。ただし、ファーストビューに含まれる重要な画像に遅延読み込みを適用すると、Core Web Vitalsのスコアが下がる可能性があるため、スクロールしなければ見えない画像のみに適用するのが基本です。" }, "name" : "遅延読み込み（Lazy Loading）はSEOに影響しますか？" }, { "@type" : "Question", "acceptedAnswer" : { "@type" : "Answer", "text" : "はい。alt属性は画像の内容を検索エンジンに伝えるテキスト情報であり、適切に記述することで画像検索での表示機会が増加します。また、画像が表示できない場合や音声読み上げ対応（アクセシビリティ）にも重要です。ファイル名・alt属性・周辺テキストを一致させることがポイントです。" }, "name" : "alt属性はSEOに関係しますか？" } ] } ``` ```json { "@context" : "https://schema.org", "@type" : "Organization", "logo" : { "@type" : "ImageObject", "url" : "https://www.insemble.co.jp/hubfs/insemble_2025/images/logo.svg" }, "name" : "株式会社インセンブル", "sameAs" : [ ], "url" : "https://www.insemble.co.jp/" } ``` ```json { "@context" : "https://schema.org", "@type" : "BlogPosting", "author" : { "@type" : "Organization", "name" : "株式会社インセンブル", "url" : "https://www.insemble.co.jp/" }, "dateModified" : "2026-05-22T14:30:57", "datePublished" : "2024-06-12T11:48:25", "description" : "画像形式（JPEG・PNG・WebP・GIF）の選び方と圧縮方法がサイトスピードとSEOに与える影響を解説。遅延読み込みやレスポンシブ画像の実装ポイントも含め、ページ表示速度を改善するための実践的な手順をまとめました。", "headline" : "SEO対策：画像形式と容量圧縮によるサイトスピードの最適化", "image" : "", "mainEntityOfPage" : { "@id" : "https://www.insemble.co.jp/news/seo-image", "@type" : "WebPage" }, "publisher" : { "@type" : "Organization", "logo" : { "@type" : "ImageObject", "url" : "https://www.insemble.co.jp/hubfs/insemble_2025/images/logo.svg" }, "name" : "株式会社インセンブル", "url" : "https://www.insemble.co.jp/" }, "url" : "https://www.insemble.co.jp/news/seo-image" } ``` ```json { "@context" : "https://schema.org", "@type" : "BreadcrumbList", "itemListElement" : [ { "@type" : "ListItem", "item" : "https://www.insemble.co.jp/", "name" : "トップ", "position" : 1 }, { "@type" : "ListItem", "item" : "https://www.insemble.co.jp/news", "name" : "お知らせ・ブログ", "position" : 2 }, { "@type" : "ListItem", "item" : "https://www.insemble.co.jp/news/seo-image", "name" : "SEO対策：画像形式と容量圧縮によるサイトスピードの最適化", "position" : 3 } ] } ```