`の海になっているページを、適切なセマンティック要素で構造化する。コストは低いが、効果は広範囲に及びます。スクリーンリーダーでの動作確認を品質基準に組み込むことを推奨します。
**第二に、構造化データ(Schema.org / JSON-LD)の充実。** 特にECサイトでは、商品の属性情報(色、素材、サイズ、価格、在庫状況、レビュー等)を可能な限り詳細に構造化してください。AIエージェントが商品を「理解」するための言語は、自然言語ではなく構造化データです。
**第三に、サーバーサイドレンダリングの確保。** SPAであっても、初期HTMLにコンテンツが含まれる状態を担保する。AIクローラーの多くはJavaScriptを実行しません。クライアントサイドレンダリングのみのサイトは、AI時代に「存在しない」リスクがあります。
**第四に、画像品質とメタデータの整備。** 商品画像のAltテキストを充実させる。可能であれば、画像認識AIを使って商品属性の自動タグ付けを検討する。画像は「見た目の問題」から「データ品質の問題」に変わりました。
**第五に、llms.txtの設置。** 低コストの将来投資です。Anthropicが自社ドキュメントサイトにllms.txtを設置している事実が、将来の標準化への期待を裏付けています。
**第六に、WebMCPの動向ウォッチと基盤整備。** WebMCP自体はまだアーリープレビュー段階ですが、その基盤となるHTMLフォームの構造化、安定したUXフロー、クリーンなサイト設計は今すぐ始められます。2026年後半以降のロールアウトに備えて、フォームの`name`属性やラベルの設計を見直しておくことを推奨します。
## シリーズ総括 ― 「意味の分節化」がインフラになる時代
本連載のタイトルは「AIエージェント時代のセマンティックセグメンテーション」でした。
「セマンティックセグメンテーション」は、コンピュータビジョンの専門用語です。画像のピクセルを意味で分類する技術。しかし本連載を通じて明らかにしたかったのは、この技術が持つ**原理**の普遍性です。
- **画像のピクセルを意味で分類する**(コンピュータビジョン)
- **Webページの要素を意味で構造化する**(セマンティックHTML)
- **サイトのコンテンツをAI向けに要約する**(llms.txt)
- **サイトの機能を意味で公開する**(WebMCP)
すべてに共通するのは、**「世界を意味の単位に分節し、機械が理解できるようにする」**という営みです。
人間は、世界を「意味で切り分ける」ことを無意識にやっています。目に映る風景を道路・建物・人・空に分け、Webページをナビゲーション・本文・広告に分け、商品を色・素材・価格で評価する。それは人間にとってはあまりにも自然な行為であるがゆえに、機械にとってどれほど難しいことか、普段は意識しません。
セマンティックセグメンテーションの研究が教えてくれるのは、この「意味で分ける」能力こそが知能の核心的な構成要素だということです。そしてAIがこの能力を急速に獲得しつつある今、私たちの側でも「意味が伝わるように世界を設計する」ことが求められています。
これはWeb制作にとって、新しい専門性の誕生を意味します。**「意味の設計(Semantic Design)」**とでも呼ぶべき領域。人間にも機械にも意味が正しく伝わるWebサイトを設計する力。画像の中身を構造化データに変換する力。サイトの機能をエージェントに公開する力。
unTypeは「コミュニケーションデザイン会社」として、この「意味の設計」に正面から取り組んでいきます。人間のためのデザインと機械のためのデザインが一致する場所。それが、これからのWebの最前線です。
**参考情報**
- Microsoft「[Microsoft propels retail forward with agentic AI capabilities](https://news.microsoft.com/source/2026/01/08/microsoft-propels-retail-forward-with-agentic-ai-capabilities-that-power-intelligent-automation-for-every-retail-function/)」(2026年1月8日)
- Optidan「[Agentic Commerce: How AI Agents Will Find Products in 2026](https://optidan.com/agentic-commerce-how-ai-agents-will-find-products-in-2026/)」(2025年11月)
- commercetools「[7 AI Trends Shaping Agentic Commerce in 2026](https://commercetools.com/blog/ai-trends-shaping-agentic-commerce)」(2026年1月)
- Airia「[2026: The State of Agentic AI in Retail](https://airia.com/2026-the-state-of-agentic-ai-in-retail/)」(2026年1月)
- Meta AI「[Introducing Meta Segment Anything Model 3 and SAM 3D](https://ai.meta.com/blog/segment-anything-model-3/)」(2025年11月)
- Chrome for Developers「[WebMCP is available for early preview](https://developer.chrome.com/blog/webmcp-epp)」(2026年2月10日)
- Barry Adams「[Why Semantic HTML matters for SEO and AI](https://www.seoforgooglenews.com/p/why-semantic-html-matters-for-seo)」(2025年8月)
- Adrian Roselli「[OpenAI, ARIA, and SEO: Making the Web Worse](https://adrianroselli.com/2025/10/openai-aria-and-seo-making-the-web-worse.html)」(2025年10月)
*この記事は「AIエージェント時代の『セマンティックセグメンテーション』」シリーズの第4回(最終回)です。*
*WebサイトのAIエージェント対応診断、セマンティックHTML改善、構造化データの実装、画像認識AIの導入支援について、具体的なご相談は*[*unType*](https://untype.jp/)*までお気軽にお問い合わせください。*
---
## AIエージェント時代の「セマンティックセグメンテーション」 第3回:AIエージェントが「見て」「動く」ためのWebセマンティクス
URL: https://www.untype.jp/blog/semantic-seg-ai-agent-web/
公開日: 2026-03-16
カテゴリ: セマンティックセグメンテーション, セマンティックHTML, WebMCP, MCP, GEO, アクセシビリティ, AI
> セマンティックHTML、llms.txt、WebMCP。AIエージェントがWebサイトを「読み」「理解し」「操作する」ための三層構造を解説。2026年2月発表のWebMCPがもたらすWebの構造的転換点とは。
## はじめに ― もう一つの「意味の分節化」
第1回・第2回では、コンピュータビジョンにおけるセマンティックセグメンテーション、つまり「画像を意味ごとにピクセル単位で分ける」技術を解説してきました。Google Meetの背景ぼかしからMetaのSAM 3まで、AIが物理世界を「見る」ための進化をたどりました。
第3回では、視点を大きく転換します。
実は、Web上でもまったく同じ構造の問題が起きています。AIエージェントがWebサイトを「見て」「理解して」「操作する」ためには、Webページの要素を「意味で分節」する必要があるのです。
画像のピクセルを「人」「背景」「空」に分けるのと、Webページの要素を「ナビゲーション」「メインコンテンツ」「問い合わせフォーム」に分けるのは、本質的に同じ営みです。どちらも「機械が世界を意味で理解できるようにする」ための構造化です。
本稿では、このWeb版「セマンティックセグメンテーション」を3つのレイヤーに分けて解説します。**セマンティックHTML**、**llms.txt**、そして2026年2月に発表されたばかりの**WebMCP**です。
## レイヤー1:セマンティックHTML ― 25年前のWeb標準が復権した理由
### `
`の海に沈んだ「意味」
Webの歴史を少し振り返ります。
HTML(HyperText Markup Language)は、もともと文書の**意味構造**を記述するための言語でした。`
`は「大見出し」、`
`は「段落」、`