css-tricks.com

escaneado 27/7/2026, 12:40:32 · en caché · se actualiza en 20 h · rubric 2026.08.1

Construido con WordPress

Bien

Así experimentan css-tricks.com los agentes de IA (no los navegadores). La puntuación pondera cinco categorías de legibilidad para máquinas; las marcas del arco son las 31 comprobaciones individuales que hay detrás.

✉ Enviarme este informe + avisarme cuando cambie ↓

Los detalles técnicos de las comprobaciones aparecen en inglés — provienen directamente del escáner.

Correcciones principales

Las comprobaciones marcadas como «emerging» son estándares de protocolo de agentes de 2026 que la mayoría de la web aún no ha adoptado — adoptarlos pronto es una ventaja, no un defecto.

failText-to-markup ratioLegibilidad

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

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

warnCookie wall blocks contentLegibilidad

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

Corrección: 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 validatesDatos estructurados

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

Corrección: Validate your JSON-LD with Google Rich Results test. Fix missing required properties.

warnTime to first byteRendimiento

TTFB 616ms. Acceptable.

Corrección: Agents time out aggressively. Use edge caching for anonymous requests to cut TTFB below 800ms.

failContent-Signal directivesemergingDescubribilidad

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.

Corrección: 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 cardemergingDescubribilidad

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

Corrección: 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.

No pierdas este informe

Recíbelo ahora en tu correo — y un aviso cada vez que cambie la puntuación de css-tricks.com. Gratis, date de baja cuando quieras.

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 →

Este escaneo calificó una página. Tu sitio es más que una página.

Esto calificó solo tu página de inicio. Tus precios, documentación y checkout viven en otras páginas — justo las que los asistentes citan cuando te recomiendan. Un 75/100 aquí significa que los agentes ya se pierden cosas en tu mejor página. El Deep Scan ($29) audita todo el sitio con las 31 comprobaciones y envía un PDF con cada fallo y su corrección exacta, ordenados por lo que más visibilidad te cuesta. Pago único, entregado en minutos, sin suscripción.

Pedir el 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 →

Lo que recibe el agente

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(), &lt;select> field-sizing, and More news What’s !important #14: Gap Decorations, random(), &lt;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 &#8220;listens&#8221; 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 [&hellip;] 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&#8217;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 &lt;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

Muestra tu puntuación

Inserta esta insignia en tu sitio. Enlaza a este escaneo en vivo y se actualiza con cada reescaneo.

<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>

Seguir esta puntuación

Recibe este informe por correo, y un aviso cuando la preparación de css-tricks.com cambie de verdad — una comprobación que empeora o la puntuación global que baja.

Dos cosas nunca disparan un correo: un cambio de puntuación causado por publicar nosotros una nueva rúbrica (es otro instrumento de medida, no un cambio en tu sitio), y movimientos que solo se explican por comprobaciones dependientes del tiempo, que varían de una ejecución a otra.

¿Lo prefieres con tu propio calendario, con Slack o webhook en lugar de correo? La monitorización de deriva está en todos los planes de pago.

Esta puntuación dice si un agente de IA podría leer css-tricks.com. La analítica de tráfico IA dice si uno vino de verdad — y qué páginas lo rechazaron.

Desglose completo

16 pass3 warn10 fail2 skip

Show only failures

Descubribilidad

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

Legibilidad

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

Datos estructurados

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

Accionabilidad

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

Rendimiento

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

Más allá del escaneo

¿Ejecutas tus propios agentes de IA? AgentSpeed también los monitoriza en producción — cada ejecución, su latencia, coste y fallos, con alertas cuando algo se rompe. Gratis hasta 10.000 eventos al mes, sin tarjeta.

Empezar a vigilar gratis →Ver planes