AI検索最適化のためのSEO・アクセシビリティ点検と回答検証
AI検索が文書を見つけて回答を作成する仕組みを踏まえ、SEOとウェブアクセシビリティの役割を説明します。架空の料金案内ページをもとに、クロール経路と情報の正確性を確認し、チェックリストとLLMによるレビューをCMS運用に取り入れる方法を見ていきます。
タグ
web-development
15件の記事
Search Consoleのプラットフォーム属性、APIから見えない識別子
Instagram・TikTok・X・YouTubeの四つがSearch Consoleの属性になった。だがAPI参照は2024-07-23で止まり、識別子の書き方が載っていない。ヘルプセンターは全面公開の20日後もまだ段階的展開と書く。手で開くチームと自動化したチームで、新しい数字を先に読める側が逆転する。
prerenderを入れたらLCPが6.2秒になった — activationStartを引かないRUMは嘘をつく
Speculation Rulesでページを先読みすると、LCPの生値に待ち時間がまるごと乗る。Chrome 150で6244msと103.5msの差を実測し、補正すべき箇所を整理した。
モデルを上げるたびに注入テストを回し直す理由：ゲートを実際に組んでみた
LLMパイプラインに注入回帰スイートを実際に回した。素朴なガードは11件中2件、構造的なガードは11件すべてを止め、リファクタで落ちた検知もゲートが指し当てた。
WebMCPがオリジントライアルに入った — provideContextが半年で消えた理由
WebMCPがChrome 149のオリジントライアルとして配備されたが、2月のAPIはもう変わった。navigator.modelContextはdocument.modelContextへ移り、provideContextはセキュリティ上の理由で削除された。今登録すべきツールの形と注釈を公式文書に基づいて整理する。
公式は「WebSocketはbfcacheを妨げない」と発表した。測り直すと三度とも妨げられた
Chrome 149はWebSocketがbfcacheを妨げなくなったと発表した。Chrome 150の三環境で測り直すと、notRestoredReasonsは変わらずwebsocketを返した。三度測って三度とも同じだった。リリースノートと実測がずれる地点を、再現スクリプトと測定ログごと記録した。
aria-modal="true"は何も防いでいなかった — モーダルのフォーカス脱出実測とinert
role="dialog"とaria-modal="true"を備えた「正しく見える」モーダルで、Tabを3回押すとフォーカスがオーバーレイの裏へ抜けた。axeの違反は0件。同じマークアップをaria-hidden、inertに切り替えながら、キーボードフォーカスが実際にどこへ落ちるかを記録した。
unloadは弾かれ、beforeunloadは通った: bfcache実測6本
「戻る」が一瞬で開くかどうかは好みではなく計測対象だ。阻害要因を一つずつだけ仕込んだページを6枚用意し、実際にback遷移をかけてpageshow.persistedとnotRestoredReasonsを受け取った。unloadは弾かれ、beforeunloadとno-storeは通った。
統合RSSの1,248件に言語表示がゼロだった話
W3Cが2026-07-16に公開した文字列の言語・方向メタデータ草案。その基準で四言語ブログを監査したら、統合RSS 1,248件が言語表示なしで配信されていた。first-strong推定が14件中4件外れる実測、dc:languageでの修正、回帰を止めるビルドゲートまで。
WCAG 2.2の最小ターゲットサイズ、92点の緑の裏に隠れたAA不合格
指先が滑る22×22のボタンに、Lighthouseはアクセシビリティ92点を出した。WCAG 2.2が新設したSC 2.5.8(最小24×24)をサンドボックスに仕込み、自作スクリプトとLighthouseで二度測った。自動ツールはサイズ違反こそ捕まえるが、例外判定は人間に丸投げする。24pxの円が重なるかを計算するスペーシング例外まで、実測ログとCSS修正で整理する。
自動アクセシビリティ検査が緑になっても残る四つの壁
チェックアウトページ一枚にWCAG違反を八つわざと埋め込み、axe-coreで走らせた。ルール型の四つは捕まったが、人間の判断が要る四つは緑の裏にそのまま残った。自動化が構造的に見られないものと、その穴を埋める手動レビューのチェックリストを、実測ログとともにまとめる。
アクセシブルネームがずれると、音声操作もAIエージェントもボタンを押せない
ボタンにaria-labelを付けたのに、アクセシビリティツリーは画面に出ていない文字を読んでいる。WCAG 2.5.3 Label in Nameの違反をサンドボックスで再現してツリーで確認し、Lighthouse 13.3.0の新カテゴリAgentic Browsingで0点が100点に変わる過程を実測した。
AIクローラーはあなたのJavaScriptを実行しない
GPTBotもClaudeBotもJSをレンダリングしない。CSRページがAI検索に見えない理由をcurlで再現し、サーバーサイドで直す手順をまとめた。
WebMCP：Chrome 146でブラウザがAIエージェントのツールサーバーになる
Chrome 146からMCPサーバーがブラウザに内蔵されます。WebMCPの仕組み、AIエージェントとの連携方式、Web開発の未来を解説します。
Claude Codeを活用した大規模Webサイトページ自動生成: パーツライブラリとSubAgent並列処理
31個のHTMLページをパーツライブラリベースで自動生成した実践事例を共有します。CSVメタデータ管理、SubAgent並列処理、2段階品質検証プロセスまで完全ガイド。