AEO最適化ログ#006パフォーマンス改善

パフォーマンス改善
- LCP 7.6sから改善への取り組み

PageSpeed Insightsでモバイルパフォーマンス67点を記録。LCP(Largest Contentful Paint)が7.6秒と遅く、Element render delayが3,100msと非常に長いことが判明。初期アニメーション削減、画像最適化、GTM読み込み戦略の見直しを実施しました。また、Day 6のAEO測定ではCitation 0件、Mention 3件と、Day 5から後退しました。

対象: lp.sighted.tkbase.co.jp

AEO測定結果サマリー(Day 6)

Citation(引用)

0 / 14

← Day 5: 1/14

0% - Day 5から後退

Mention(言及)

3 / 14

← Day 5: 5/14

21% - Day 5から減少

6日間の推移
指標#001 (2/1)#002 (2/2)#003 (2/3)#004 (2/4)#005 (2/5)#006 (2/6)
Citation0/14 (0%)0/14 (0%)0/14 (0%)0/14 (0%)1/14 (7%)0/14 (0%)
Mention4/14 (29%)3/14 (21%)3/14 (21%)3/14 (21%)5/14 (36%)3/14 (21%)
重要な変化:Day 5から後退

「AEO対策ツール」クエリ:Day 5ではmention: true, citation: trueで公式LP(lp.sighted.tkbase.co.jp)が引用されていたが、Day 6ではmention: false, citation: falseに。AIの回答が物流・通関分野のAEO(Authorized Economic Operator)とWebマーケティングのAEO(Answer Engine Optimization)の2つの文脈に分けて説明される形式に変化し、Sightedは言及されていない。

Day 5ではPR TIMESのリリース経由でSightedが引用されていたが、Day 6では引用元が変わった可能性がある。構造化データ追加やパフォーマンス改善が影響した可能性もあるが、直接的な因果関係は不明。

Mention 3件の内訳

「SightedのAEOスコアリング機能の料金プランは?」 - mention: true, citation: false(Day 5と同じ。構造化データ追加の効果は次回測定で確認)

「Sightedの公式サイトでベータ版に登録する方法は?」 - mention: true, citation: false(Day 5と同じ。sightedapparel.comが引用される混同は継続)

「SightedのサービスでAI検索可視性を改善する方法は?」 - mention: true, citation: false(Day 5と同じ。sightedby.ai等の他サービスが引用)

PageSpeed Insights結果(改善前)

パフォーマンス

67

モバイル(目標: 90以上)

LCP

7.6s

Element render delay: 3,100ms

主要な問題点

LCP 7.6s:Element render delay 3,100ms(HeroSectionの初期アニメーションが原因)

画像最適化:dashboard-demo.png 508.8 KiB → 494.7 KiB削減可能(Next.js Image最適化が無効)

Render blocking CSS:150msブロック

JavaScript実行時間:1.5s削減可能(GTM含む)

Unused JavaScript:203 KiB削減可能(GTM 107.4 KiB含む)

Forced reflow:framer-motion関連で複数箇所

Legacy JavaScript:11 KiBのpolyfillが不要

実施した改善施策

1. HeroSectionの初期アニメーション削減(LCP改善)

問題:HeroSectionがRevealコンポーネントでラップされ、初期状態でopacity: 0になっていたため、Element render delayが3,100ms発生。

対応:app/page.tsxからHeroSectionのRevealラッパーを削除し、即座に表示されるように変更。dashboard-demo.pngのmotion.divアニメーションも削除し、通常のdivに変更。

期待効果:Element render delay 3,100ms → 0ms(LCP大幅改善)

2. Next.js Image最適化の有効化

問題:next.config.mjsでimages.unoptimized: trueが設定されており、画像最適化が無効。dashboard-demo.png(3830x2028px)が637x337pxで表示されているのに、元サイズのまま配信されていた。

対応:next.config.mjsを修正し、Image最適化を有効化。AVIF/WebP形式対応、deviceSizes/imageSizesを設定。dashboard-demo.pngとsighted-logo-full.pngにsizes属性を追加。

期待効果:dashboard-demo.png 494.7 KiB削減、sighted-logo-full.png 7.1 KiB削減

3. GTM読み込み戦略の変更

問題:GTMのScriptがstrategy="afterInteractive"で読み込まれており、初期レンダリングをブロック。Unused JavaScript 107.4 KiBが削減可能。

対応:app/layout.tsxのGTM Scriptをstrategy="lazyOnload"に変更し、ページ読み込み完了後に読み込むように変更。

期待効果:初期JavaScript実行時間削減、Unused JavaScript削減

4. 料金・ベータ版の構造化データ追加(AEO対策)

問題:「Sightedの料金プランは?」「ベータ版に登録する方法は?」というクエリに対して、公式サイトが引用されていない。AIが引用時に質問に答えている内容を機械可読にしていない。

対応:SoftwareApplicationのoffersをStandard(月額4,890円)・Enterprise(要問い合わせ)の2プランで明示。FAQPageに「Sightedの料金プランは?」「ベータ版に登録する方法は?」を追加。Sighted Apparelとの区別もFAQ内で明記。

期待効果:AIが引用時に料金・ベータ版情報を正確に抽出可能。次回測定で効果検証予定。

改善内容の詳細

変更ファイル一覧

app/page.tsx:HeroSectionのRevealラッパー削除

components/landing/hero-section.tsx:dashboard-demo.pngのmotion.divアニメーション削除、sizes属性追加

next.config.mjs:Image最適化有効化、AVIF/WebP対応

app/layout.tsx:GTM Script読み込み戦略をlazyOnloadに変更、productSchemaのoffers拡張(料金構造化)

components/ui/logo.tsx:sighted-logo-full.pngにsizes属性追加

components/landing/structured-data.tsx:FAQPageに料金・ベータ版の質問を追加

components/landing/faq-section.tsx:表示用FAQに料金・ベータ版の質問を追加

期待される改善効果

• LCP:7.6s → 3-4s程度(Element render delay 3,100ms削減)

• 画像サイズ:約500 KiB削減(Next.js Image最適化による自動リサイズ・形式変換)

• JavaScript実行時間:初期実行時間削減(GTM遅延読み込み)

• パフォーマンススコア:67 → 75-80程度(次回測定で検証)

AEO測定結果の考察

Q: なぜ「AEO対策ツール」でCitationが消えたのか?

Day 5ではPR TIMESのリリース経由でSightedが引用されていたが、Day 6ではAIの回答形式が変化し、物流・通関分野のAEOとWebマーケティングのAEOを分けて説明する形式になった。この結果、Sightedは言及されなくなった。AIの回答は毎回異なるため、一時的な変動の可能性もあるが、構造化データ追加やパフォーマンス改善が影響した可能性も否定できない。

Q: Mentionが5件から3件に減ったのはなぜ?

「AEO対策ツール」と「AEOモニタリング」の2クエリでMentionが消失。「AEO対策ツール」は上記の通り回答形式の変化が原因。「AEOモニタリング」はDay 5ではベストカレンダーの記事が引用されていたが、Day 6では引用されていない。AIの回答が変動しやすいことを示している。

Q: 構造化データ追加の効果は?

料金・ベータ版の構造化データ(Schema.org / FAQPage)を追加したが、Day 6の測定ではまだ効果は見られていない。構造化データの効果が出るには時間がかかる可能性がある。次回測定(Day 7以降)で効果を検証する必要がある。

Q: パフォーマンス改善がAEOに与える影響は?

LCP改善や画像最適化は、AIクローラーがサイトを読み込む速度に影響する可能性がある。ただし、Day 6でCitationが消えたこととの直接的な因果関係は不明。AIの回答変動は複数の要因(学習データ更新、引用元の変化、クエリ解釈の変化など)が絡むため、継続的なモニタリングが必要。

今後のアクション

次のステップ
  • 次回PageSpeed Insights測定で改善効果を検証(LCP、パフォーマンススコア)
  • 構造化データ追加の効果検証(Day 7以降の測定で料金・ベータ版クエリのCitation/Mention変化を確認)
  • 「AEO対策ツール」クエリでの再引用を目指す(PR TIMES経由の認知を強化、または公式LPのコンテンツ強化)
  • Render blocking CSSの改善(CSSの非同期読み込み検討)
  • Forced reflowの解消(framer-motionの使用箇所見直し)
あなたのサイトもAEOモニタリングしてみませんか?

Sightedを使えば、この記事のような分析を自社サイトでも実施できます。Citation/Mentionの測定、競合比較、改善施策の効果検証が可能です。