Google 検索 で Signed Exchange (SXG) がサポートされるようになります。Signed Exchange (SXG) 導入により、LCP改善に期待ができます。そこで Signed Exchange (SXG)とは？ キャッシュ データ 高速表示 ＆ ドメイン名表示 を実現する、Signed Exchange (SXG) という技術について解説します。
今までも、スマホ、モバイル検索については、Signed Exchange (SXG) は、Google検索はサポートしていました。しかし、GoogleのPC検索ではサポートされていなかったのですが、いよいよ2022年の夏、Signed Exchange (SXG)をサポートするようになりました。
Signed Exchange (SXG)は、キャッシュ配信を利用する技術で、キャッシュデータを活用して、webコンテンツなどのデータを高速表示しつつ、もともとのドメインで、コンテンツの表示ができるようになります。つまり、
- 速度改善
- セキュリティ強化
- プライバシー保護
すべての点において、すばらしい解決技術なのです。
しかし、Signed Exchange (SXG)って言われてもという方も多いと思います。
- Signed Exchange (SXG)とは
- Signed Exchange (SXG)について知りたい
- Signed Exchange (SXG)導入すると何が違うの？
といった課題、お悩みについて、解説していきます！それゆえ、web制作会社、web開発会社、広告代理店、web担当者、webディレクター、SEO担当者の方におすすめの記事です。Signed Exchange (SXG)についての知見を高めて、導入についての意識を高めてみてもいいかもですね。
この記事では、Signed Exchange (SXG)についてご紹介していきます。
Signed Exchange (SXG) とは
Google 検索セントラル
Google 検索で Signed Exchange の利用を開始する
https://developers.google.com/search/docs/advanced/experience/signed-exchange
Signed Exchange (SXG) とは、Signed HTTP Exchangesの略称で、WEBサイトの高速表示を実現し、かつ、もともとのドメインURLを表示する技術のことを指します。
似たような技術でいうと、AMPという技術があり、Googleは、これを活用して、モバイル検索での表示高速化などを行っています。
しかし、AMPの場合、URLが、コンテンツの持っているサーバとは別のURLになります。しかし、Signed Exchange (SXG) が導入されている場合、このURLが一致するため、コンテンツの安全性が高まります。
しかし、Signed Exchange (SXG) は、キャッシュ化して、データを表示するため、非常に、高速に、webデータを表示可能にできます。
SXG 導入 効果
SXG 導入 効果 は、
- webサイトの表示速度改善
- 結果 SEO 評価 改善
です。
キャッシュ化して、データを配信するので、当然ですね！
そのSXG 導入 効果は、大きく、LCPというコアウェブバイタルの指標を改善してくれます。しかも、その効果は、約200％の改善につながるといわれています。
ちなみに、LCPとは、コアウェブバイタル3指標の1つで、ページ内での動画、画像などのコンテンツブロックが表示されるまでの待機時間のことを意味しており、この時間が長ければ長いほど、LCPの評価は下がります。
ユーザビリティを考えてもらっても、表示が遅いサイトは、よくないですよね。
このLCPを改善することで、ユーザビリティの向上につながり、結果、Googleも、そのホームページ、webページに対しての評価を変えます。SEOの評価があがりやすくなるんですよね！
だから、SEO対策においても、SXG 導入 効果 があるとみなされます！
SXG 導入 方法
SXG 導入 方法 について、解説します。
SXG 導入 方法 は、上記で記載したGoogleセントラルのサイトにも記載はあります。
SXG を実装するには、web.dev の詳細ガイドに沿って進めてください。実装したら、SXG でのパフォーマンス改善の測定と最適化に関するこちらのガイドをご覧ください。
引用 Google 検索セントラル
Google 検索で Signed Exchange の利用を開始する
https://developers.google.com/search/docs/advanced/experience/signed-exchange
しかし、IT、技術に詳しくなければ、以下のようなページを見ても、うーんとうなってしまうでしょう。
web.dev SXG サポート
https://web.dev/signed-exchanges/#tooling
そこで、かんたんなSXG 導入 方法について、ご紹介します。
SXG 導入 方法 Cloudflare
実は、CloudflareというCDNを設定することで、SXG 導入が可能になります。
Cloudflare 英語サイト Automatic Signed Exchanges (SXGs)
https://support.cloudflare.com/hc/en-us/articles/4411075595661-Automatic-Signed-Exchanges-SXGs-
Cloudflare
https://www.cloudflare.com/ja-jp/cdn/
上記のサイトにある、Cloudflareを活用すれば、設定だけで、SXG 導入ができます。
SXG 導入には、Cloudflareのアカウントをとっておけば、割と設定が簡単になります。無料で、Cloudflareのアカウントをとることはできます。
また、wordpressであれば、Cloudflareの設定は、比較的簡単に導入できます。
WordPress専用プラグイン「Cloudflare」もあり、設定状況のチェックにも使えます。
プリフェッチとは
SXGの話をしていると、よく出てくるキーワード、プリフェッチについて、解説をしておきます。
プリフェッチとは、データを事前に読み込めるようにする技術で、Googleの検索結果を表示する際に、検索ユーザーは、該当サイトのSXGファイルをキャッシュサーバーから取得できるようになります。
この結果、プリフェッチの機能が活きている場合、クリック前から情報を取得しているのですから、コンテンツの表示速度が上がるわけです。
それゆえ、
- リピーター
- 新規ユーザー
どちらに対しても、webコンテンツの表示が高速化します。
それゆえ、Googleは、先に、スマホを中心とするモバイル検索において、表示パフォーマンスの向上が期待できるSXGをサポートしていたんですよね。
SXG AMP 比較
AMPは「Accelerated Mobile Pages」の略称で、PC向けホームページを、スマホでも、高速に表示できるようにする技術です。
それゆえ、SXG に似ていますが、AMPの場合は、AMPの仕様に沿っって、HTMLやWEBページを作らないといけないので、技術的なハードルが高い状況でした。
また、AMPの場合は、コンテンツがあるドメインとは違うURLが表示されるため、セキュリティ的に、よい状況とは言いにくいレベルでした。
AMPについては、動画で解説されたコンテンツもありますので参照してみてください。
AMPと比較しても、
SXGの導入によって、この辺が解決していて、セキュリティのアップ！そして、導入ハードルが下がる！という2つが達成されたのです。
まとめ Signed Exchange (SXG)とは SXG 導入 で SEO対策 強化
Signed Exchange (SXG)とは、何かを解説してきました。
Signed Exchange (SXG)とは
- 表示速度改善
- セキュリティ改善
の設定のことで、CDNと密接な技術です。
Signed Exchange (SXG)の導入には、Cloudflareが簡単です。
Cloudflareを導入してみましょう。
Signed Exchange (SXG)は、ページの高速化によって、SEO対策 強化につながります。ユーザビリティも向上しますしね。
SEO対策での集客強化にぜひご検討ください！！
LCPというコアウェブバイタルの指標を改善していけますよ。
CDP DWH DMP 違い 比較 カスタマーデータプラットフォーム 始め方
おすすめ SEO対策 関連記事
人気 SEO対策 おすすめ 記事 を ご紹介しています。
Googleサジェストとは SEO 集客 での 使い方 キーワード 仕組み って どう？
https://saras-wati.net/seo/google-suggest-howto/
検索インテントとは 検索意図 を 考慮し SEO コンテンツ 制作 調査方法は？
https://saras-wati.net/seo/search-intent/
【SEO】ドメインパワーとは 調べ方 目安 ドメインパワー アップ 方法 を 網羅！
https://saras-wati.net/seo/about-domain-power/
【AI】SEO 自動分析 ツール SEARCH WRITE サーチライト で コンテンツマーケティング強化
https://saras-wati.net/seo/about-search-write-seo/
Chrome キーワードサーファー キーワード調査 選定ツール が SEO対策 に 便利
https://saras-wati.net/seo/chrome-keyword-surfer/
共起語とは｜調べ方 SEO対策 ライティング 方法 使い方 かんたん 解説
https://saras-wati.net/seo/co-occurrence-words-seo/
Google 低品質コンテンツ 基準 探し方 ページ削除 の SEO 対策
https://saras-wati.net/seo/google-low-quality-content/
moz seo 対策 ツール 使い方 を 簡単解説！ドメインオーソリティ を 知ろう
https://saras-wati.net/seo/moz-seo-tools-howto/
【無料】Screaming Frog SEO Spider 使い方 webサイト ページ一覧 自動作成
https://saras-wati.net/seo/screaming-frog-seo-spider-howto/
【Google検索に掲載されやすく】robots.txt 書き方 見方 設定方法 SEO ガイド
https://saras-wati.net/seo/robots-txt-setting-howto/
サイトマップ 作り方 ワードプレス SEO で 集客 効果 改善。おすすめ ツールは？
https://saras-wati.net/seo/sitemap-howto/
【ページスピード改善】Lazy Load 使い方 プラグイン メリット デメリット SEO 解説
https://saras-wati.net/seo/lazy-load-howto/
サーチコンソール 使い方 Google 検索 インデックスに 登録 設定 方法も解説
https://saras-wati.net/seo/search-console-knowhow/
h1タグ 複数 OK ？h1 タグ 使い方 SEO 対策 での メリット わかりやすく
https://saras-wati.net/seo/h1-tag-html-howto/
【無料】検索順位チェッカー 使い方 Google Yahoo! Bing スマホ検索 順位 も
https://saras-wati.net/seo/search-checker-howto-use/
【SEO】PAA とは 上位表示対策 として FAQ コンテンツ 充実化 対策
https://saras-wati.net/seo/about-paa-seo/
seo 影響？ HTML Living Standard とは 書き方 html5 違い 対応ブラウザ まとめ
https://saras-wati.net/seo/html-living-standard-howto/
【無料】Yoast SEO 使い方 WordPress 人気 プラグイン で Google 集客 の 方法
https://saras-wati.net/seo/yoast-seo-howto/
