agentspeed.

css-tricks.com

2026/7/27 12:40:32 スキャン · キャッシュ · 20時間後に更新 · rubric 2026.08.1
WordPress で構築
robots.txt present: passrobots.txt allows AI agents: passContent-Signal directives: failllms.txt present: passSitemap present: passLink response headers: passCanonical URL: passMCP server card: failOAuth authorization metadata: failOAuth resource metadata: failAPI catalog / OpenAPI: failWeb Bot Auth: failMarkdown negotiation: failText-to-markup ratio: failContent without JavaScript: skipHeading hierarchy: passCookie wall blocks content: warnDeclared language: passPage title: passMeta description: passJSON-LD present: passStructured data validates: warnSchema type coverage: passPaywall / login wall: passAgent Skills manifest: failWebMCP actions: failPrimary action reachable: passReachability: passTime to first byte: warnFull render time: skipPage weight: pass75/ 100 · C
良好

これは(ブラウザではなく)AIエージェントから見たcss-tricks.comの姿です。スコアは機械可読性の5カテゴリを重み付けし、弧の目盛りはその背後にある31件の個別チェックです。

✉ このレポートをメールで受け取り、変化を通知 ↓

チェックの技術的な詳細は英語で表示されます — スキャナーの出力をそのまま示しているためです。

優先すべき修正

「emerging」タグの付いたチェックは、まだウェブの大半が採用していない2026年のエージェントプロトコル標準です — 早期採用は欠点ではなく強みです。

failText-to-markup ratio可読性

Visible text is 4.4% of HTML weight (6737/151643 bytes). Low. Markup may be crowding out agent-usable text.

修正: Heavy ad or navigation markup crowds out agent-usable text. Aim for a text-to-DOM ratio above 15%.

warnCookie wall blocks content可読性

Consent modal detected (trustarc.com); content still visible. Verify the modal does not block first-paint for screenshot agents.

修正: Defer cookie consent overlay until after content is visible, or render behind the primary content. Agents without JS or with ad-blocking profiles see a blank page otherwise.

warnStructured data validates構造化データ

2 recommended-field warning(s). First: WebPage recommends "description" (improves agent comprehension). 1 block(s) skipped — type outside the set we check.

修正: Validate your JSON-LD with Google Rich Results test. Fix missing required properties.

warnTime to first byteパフォーマンス

TTFB 616ms. Acceptable.

修正: Agents time out aggressively. Use edge caching for anonymous requests to cut TTFB below 800ms.

failContent-Signal directivesemerging発見可能性

No Content-Signal directives. Add e.g. `Content-Signal: ai-train=no, ai-summarize=yes` to declare granular AI usage policy beyond binary allow/disallow.

修正: Add `Content-Signal:` directives to your robots.txt. This is the emerging standard (Cloudflare-driven) for declaring fine-grained AI usage policy beyond a binary allow/disallow.

failMCP server cardemerging発見可能性

No valid MCP Server Card at /.well-known/mcp/server-card.json. Publish one so agents can discover your tools without HTML scraping.

修正: Publish an MCP Server Card describing the tools your site exposes. Agents discover capabilities via `/.well-known/mcp/server-card.json`. See modelcontextprotocol.io for the schema.

このレポートを保存

今すぐ受信箱へ — さらにcss-tricks.comのスコアが変化したときに通知します。無料、いつでも配信停止できます。

Does AI actually recommend css-tricks.com?

This scan shows whether an agent can read the site. One free probe asks a real assistant a real buying question and records who it cited.

Run the free probe →
このスキャンは1ページを採点しました。サイトは1ページではありません。

採点したのはトップページだけです。価格・ドキュメント・購入ページは別のページにあり、アシスタントが引用するのはまさにそれらのページです。ここで75/100ということは、最も磨いたページですらエージェントが見逃しているということ。Deep Scan($29)はサイト全体を全31チェックで監査し、失敗したチェックとその具体的な修正を、可視性への影響が大きい順にまとめたPDFをメールで送ります。1回限り・数分で納品・サブスクリプションなし。

Deep Scanを注文 →
Qualifies for certificationBronze

Right now, only you know this score. Your buyers ask AI before they buy — certification is how you show them, and anyone comparing you to a competitor, that assistants can actually read, quote, and use your site.

  • A public verification URL you can drop into a sales deck, a procurement questionnaire, or a partner review — anyone can check it, dated and signed.
  • An embeddable badge for your site — the visible version of a property competitors can’t claim without earning the score.
  • Weekly re-checks for a full year. A deploy that breaks agent access gets caught before it costs you recommendations — and before the certificate would lapse.

Sites under 70 can’t buy this at any price — that’s what makes displaying it mean something.

Certify css-tricks.com — $199/year →

エージェントが受け取るもの

The agent’s-eye view
CSS-Tricks - Learning for front-end designers and developers Skip to main content CSS-Tricks Since 2007 Articles Guides Almanac Links Picks Newsletter Search Direct link to the article What’s !important #15: Boundary-aware CSS, Time-based CSS, Full-bleed CSS, and More news What’s !important #15: Boundary-aware CSS, Time-based CSS, Full-bleed CSS, and More Read all about boundary-aware CSS, accessible grid lanes, time-based web designs, full-bleed, the customizable select, and new web platform features. Daniel Schwarz on Jul 15, 2026 Popular this month Powered by DigitalOcean Article on Jun 30, 2026 The Shifting Line Between CSS States and JavaScript Events pseudo elements state Daniel Schwarz Article on Jun 18, 2026 The Siren Song of ariaNotify() accessibility JavaScript Mat Marquis Article on Jun 10, 2026 Creating Memorable Web Experiences: A Modern CSS Toolkit animation SVG ux Mariana Beldi Article on Jun 8, 2026 Scroll-Driven, Scroll-Triggered, Scroll States, and View Transitions container-queries Scroll Driven Animation Scroll-Triggered Animation view transitions Geoff Graham Article on May 20, 2026 Stack Overflow: When We Stop Asking ai opinion Sunkanmi Fafowora Article on Nov 3, 2025 The “Most Hated” CSS Feature: cos() and sin() animations math Juan Diego Rodríguez Article on Jun 22, 2026 Using Scroll-Driven Animations for Opposing Scroll Directions animations Scroll Driven Animation Silvestar Bistrović Article on Jun 19, 2026 A First Look at Scroll-Triggered Animations animation Scroll-Triggered Animation scrolling Daniel Schwarz Direct link to the article Get Ready For the Powerful CSS border-shape Property! border-shape borders css shapes Get Ready For the Powerful CSS border-shape Property! We recently got the shape() function and corner-shape property. What else could we possibly need as far as making shapes in CSS? Let me tell you: the border-shape property! Temani Afif on Jul 7, 2026 Direct link to the article What’s !important #14: Gap Decorations, random(), <select> field-sizing, and More news What’s !important #14: Gap Decorations, random(), <select> field-sizing, and More I know you’re busy, so for What’s !important #14, I’ll be sprinting through what’s been a stacked couple of weeks despite few browser updates. From CSS Quake to CSS Gap Decorations, this isn’t one to miss! Daniel Schwarz on Jun 30, 2026 Direct link to the article The Shifting Line Between CSS States and JavaScript Events pseudo elements state The Shifting Line Between CSS States and JavaScript Events CSS has always had pseudo-classes that style things based on user interactions. Recent features, however, are blurring the line between what CSS “listens” for and how they are alternatives to what Javascript typically listens for. Daniel Schwarz on Jun 29, 2026 Direct link to the article Using Scroll-Driven Animations for Opposing Scroll Directions animations Scroll Driven Animation Using Scroll-Driven Animations for Opposing Scroll Directions Sometimes designers have silly ideas that eventually grow on you. That happened to me with this concept where I had […] Silvestar Bistrović on Jun 22, 2026 Direct link to the article A First Look at Scroll-Triggered Animations animation Scroll-Triggered Animation scrolling A First Look at Scroll-Triggered Animations Let’s poke at the differences between scroll- driven and scroll- triggered animations. Daniel Schwarz on Jun 19, 2026 Keep browsing in the archives Safari TP 248 becomes the first to trial the no-clamp keyword for the progress() function. # July 23, 2026 Firefox 153 ships the Picture-in-Picture API , which is now Baseline. # July 22, 2026 Firefox 153 improves interoperability for muted and :muted , popover=hint , ::-webkit-scrollbar , and elements nested inside <select> elements. # July 21, 2026 Firefox 154 (Nightly) will ship text-box , text-box-trim , and text-box-edge , making them Baseline. # July 7, 2026 More Quick Hits → Fresh From the Almanac Properties, selectors, rules, and functions! Almanac on Jun 3, 2026 @function @function --font-size() returns { } CSS functions Declan Chidlow Almanac on Jun 4, 2026 @custom-media @custom-media --tablet (768px Declan Chidlow Almanac on May 13, 2026 rotate() .element { transform: rotate(45deg); } transform Gabriel Shoyombo Almanac on May 13, 2026 rotateX() .element { transform: rotateY(60deg); } transform Gabriel Shoyombo Almanac on May 13, 2026 rotateY() .element { transform: rotateY(30deg); } transform Gabriel Shoyombo Almanac on May 13, 2026 rotateZ() .element { transform: rotateZ(90deg); } transform Gabriel Shoyombo Almanac on Jul 2, 2025 view() .element { animation-timeline: view(); } Saleh Mubashar Almanac on Jul 2, 2025 scroll() .element { animation-timeline: scroll(); } Saleh Mubashar CSS Guides Dive deep into CSS features and concepts All Guides → Snippet on May 28, 2026 A Complete CSS Flexbox Layout Guide flexbox layout Chris Coyier Article on May 12, 2026 A Complete CSS Grid Layout Guide grid layout Chris House Article on Jun 4, 2026 CSS Anchor Positioning Guide anchor positioning Juan Diego Rodríguez Article on May 2, 2025 CSS Selectors selectors Geoff Graham Article on Jun 26, 2025 CSS Color Functions color Sunkanmi Fafowora Article on Apr 13, 2026 Styling Counters in CSS counters lists Juan Diego Rodríguez Article on Aug 27, 2024 CSS Length Units container units units Geoff Graham Article on Jan 14, 2026 CSS Container Queries container-queries Geoff Graham Article on Dec 19, 2024 CSS Media Queries Guide media queries Andrés Galante Article on Dec 9, 2025 Cascade Layers Guide cascade layers Miriam Suzanne Article on Aug 21, 2025 CSS Functions Guide functions Eric Bailey Article on Aug 12, 2024 CSS Gradients Guide Geoff Graham Article on Oct 17, 2024 CSS Custom Properties Guide custom properties Chris Coyier Classic Tricks Timeless CSS gems Article on Oct 6, 2021 Scroll Animation Chris Coyier Article on Oct 6, 2021 Yellow Flash Chris Coyier Article on Oct 6, 2021 Self-Drawing Shapes Chris Coyier Article on Nov 3, 2025 Scroll Shadows Geoff Graham Article on May 20, 2020 Editable Style Blocks Chris Coyier Article on Oct 6, 2021 Scroll Indicator Chris Coyier Article on Mar 15, 2020 Border Triangles Chris Coyier Article on Oct 3, 2021 Pin Scrolling to Bottom Chris Coyier Article on Jul 5, 2021 Infinite Scrolling Background Image Chris Coyier CSS-Tricks is powered by DigitalOcean . Get Curated Front-End Roundups Right in Your Inbox Coming back really, really soon! See past issues → Enter your email CSS-Tricks About the site Write for CSS-Tricks! RSS Feeds Contact us Social Bluesky Mastodon CodePen X / Twitter Legalese CSS-Tricks License AI Statement Back to Top

スコアを掲載

このバッジをサイトに埋め込めます。ライブスキャンにリンクし、再スキャンのたびに更新されます。

AgentSpeed score for css-tricks.com
<a href="https://agentspeed.com/scan/css-tricks.com"><img src="https://agentspeed.com/badge/css-tricks.com" alt="AgentSpeed agent-readiness score" height="56"></a>

このスコアを追跡

このレポートをメールで受け取り、css-tricks.comの対応状況が実際に変化したとき — チェックの悪化や総合スコアの低下 — に通知を受け取れます。

メールが送られないケースが2つあります: 当社が新しいルーブリックを公開したことによるスコア変化(測定器が変わっただけで、サイトの変化ではありません)と、実行のたびに揺れる時間依存チェックだけで説明できる変動です。

自分のスケジュールで、メールの代わりにSlackやWebhookで受け取りたい場合は スコアドリフト監視 をどうぞ — すべての有料プランに含まれています。

このスコアはAIエージェントがcss-tricks.comを読み取れるを示します。 AIトラフィック分析 は、実際に来たかどうか — そしてどのページが追い返したか — を示します。

完全な内訳

16 pass3 warn10 fail2 skip
発見可能性
pass
robots.txt present
A robots.txt is reachable at the site root.
100/100
pass
robots.txt allows AI agents
All 9 answer-time access agents allowed.
100/100
fail
Content-Signal directivesemerging
No Content-Signal directives. Add e.g. `Content-Signal: ai-train=no, ai-summarize=yes` to declare granular AI usage policy beyond binary allow/disallow.
0/100
pass
llms.txt present
Found /llms.txt but missing markdown links. Not scored.
100/100
pass
Sitemap present
sitemap.xml reachable and referenced from robots.txt.
100/100
pass
Link response headers
Link: header carries useful relation(s): alternate.
100/100
pass
Canonical URL
Canonical points to self: https://css-tricks.com/.
100/100
fail
MCP server cardemerging
No valid MCP Server Card at /.well-known/mcp/server-card.json. Publish one so agents can discover your tools without HTML scraping.
0/100
fail
OAuth authorization metadataemerging
No RFC 8414 metadata at /.well-known/oauth-authorization-server. Agents that act on behalf of users need this to discover your authorization endpoints.
0/100
fail
OAuth resource metadataemerging
No RFC 9728 metadata at /.well-known/oauth-protected-resource. Publish it so agents can discover required scopes without hand-coded credentials.
0/100
fail
API catalog / OpenAPIemerging
No /.well-known/api-catalog (RFC 9727) and no /openapi.json|yaml. Publish one so agents that integrate with APIs can discover your endpoints.
0/100
fail
Web Bot Authemerging
No Web Bot Auth JWKS at /.well-known/http-message-signatures-directory.json. Publish one to allow trusted agents while keeping a default-deny posture for the rest.
0/100
可読性
fail
Markdown negotiationemerging
Accept: text/markdown returns HTML, not markdown. Serve a markdown variant of primary content when requested; agents summarize and cite it more reliably.
0/100
fail
Text-to-markup ratio
Visible text is 4.4% of HTML weight (6737/151643 bytes). Low. Markup may be crowding out agent-usable text.
33/100
skip
Content without JavaScript
Browser pass unavailable; cannot measure JS dependency.
pass
Heading hierarchy
Hierarchy is well-formed (1 H1, no skipped levels, 55 headings total).
100/100
warn
Cookie wall blocks content
Consent modal detected (trustarc.com); content still visible. Verify the modal does not block first-paint for screenshot agents.
70/100
pass
Declared language
Declared lang="en".
100/100
pass
Page title
A concise <title> is present (60 chars).
100/100
pass
Meta description
A well-sized meta description is present (142 chars).
100/100
構造化データ
pass
JSON-LD present
Found 1 JSON-LD block.
100/100
warn
Structured data validates
2 recommended-field warning(s). First: WebPage recommends "description" (improves agent comprehension). 1 block(s) skipped — type outside the set we check.
90/100
pass
Schema type coverage
Expected types declared: Article|BlogPosting|NewsArticle.
100/100
実行可能性
pass
Paywall / login wall
No paywall or login-wall detected on the landing URL.
100/100
fail
Agent Skills manifestemerging
No Agent Skills manifest at /.well-known/agent-skills.json. Enumerate the tasks agents can perform (search, add-to-cart, contact-support) so they pick the right one without scraping.
0/100
fail
WebMCP actionsemerging
No WebMCP detected. On pages with first-class actions (cart, support, account), embed a WebMCP server so on-page agents invoke tools directly.
0/100
pass
Primary action reachable
Primary offering identified ("CSS learning articles and guides") with price/CTA ("Get Curated Front-End Roundups Right in ").
100/100
pass
Reachability
HTTP 200.
100/100
パフォーマンス
warn
Time to first byte
TTFB 616ms. Acceptable.
60/100
skip
Full render time
Full-render time unavailable (browser pass skipped or failed).
pass
Page weight
Initial document is a lean 148 KB.
100/100
スキャンの先へ

自社のAIエージェントを運用していますか? AgentSpeedは本番環境の監視も行います — すべての実行、レイテンシ、コスト、失敗を記録し、問題発生時にアラートを送ります。月10,000イベントまで無料、クレジットカード不要。

無料で監視を始める →プランを見る