Verified AgentReady.md certificate
Issued sig: f47bc3bba37ff950 Verify →

Analyzed URL

https://martagonzalez.dev/

Analyze another URL

AI-Ready Score

87 / B

Good

out of 100

Token Savings

HTML tokens 1651
Markdown tokens 113
Savings 93%

Score Breakdown

Semantic HTML 100/100
Content Efficiency 85/100
AI Discoverability 78/100
Structured Data 100/100
Accessibility 78/100

Emerging protocols

0 of 3 detected

Well-known endpoints AI agents look for. Detected here means an agent can discover and connect to your service automatically.

  • OAuth Discovery RFC 8414
    /.well-known/oauth-authorization-server
  • MCP Server Card Anthropic
    /.well-known/mcp.json
  • A2A Agent Card Google
    /.well-known/agent.json

Your site doesn't support Markdown for Agents. This Cloudflare standard lets AI agents request content in markdown format, reducing token usage by ~80%.

How to implement

Implement one or more: (1) Respond to Accept: text/markdown with markdown content. (2) Serve .md URLs (e.g., /page.md). (3) Add <link rel="alternate" type="text/markdown"> tags. (4) Add Link HTTP headers for markdown discovery.

The main content appears late in the HTML document. AI agents may give more weight to content that appears early.

How to implement

Restructure your HTML so that <main> or <article> content appears before sidebars and supplementary content.

Markdown tokens: 113
[Saltar al contenido principal](https://martagonzalez.dev/#main-content)

martagonzalez.dev

Creo sitios web pensados para las personas: bonitos, funcionales, accesibles y fáciles de usar.

## Temas principales

-   Desarrollo frontend con JavaScript, TypeScript, React y Astro.
-   UX, accesibilidad web y diseño de interfaces.
-   WordPress headless, SEO técnico y arquitectura de contenidos.
-   Testing frontend y buenas prácticas para aplicaciones web.
Marta González | Desarrollo frontend, UX y accesibilidad web

[Saltar al contenido principal](https://martagonzalez.dev/#main-content)

martagonzalez.dev

# Marta González · Desarrollo frontend

Creo sitios web pensados para las personas: bonitos, funcionales, accesibles y fáciles de usar.

## Temas principales

-   Desarrollo frontend con JavaScript, TypeScript, React y Astro.
-   UX, accesibilidad web y diseño de interfaces.
-   WordPress headless, SEO técnico y arquitectura de contenidos.
-   Testing frontend y buenas prácticas para aplicaciones web.

Upload this file as /index.md on your server so AI agents can access a clean version of your page. You can also configure Accept: text/markdown content negotiation to serve it automatically.

Our recommendation

Download llms.txt
# Marta González

> Blog y portafolio de Marta González sobre desarrollo frontend, UX, accesibilidad, WordPress, Astro, React, CSS y testing frontend.

## Main
- [Marta González | Desarrollo frontend, UX y accesibilidad web](https://martagonzalez.dev/): Blog y portafolio de Marta González sobre desarrollo frontend, UX, accesibilidad, WordPress, Astro, React, CSS y testin…
- [Sobre mí](https://martagonzalez.dev/sobre-mi/)
- [Proceso de trabajo](https://martagonzalez.dev/proceso-de-trabajo/)
- [Contacto](https://martagonzalez.dev/contactar/)

## Blog
- [Blog](https://martagonzalez.dev/blog/)

Full llms.txt requires domain-wide analysis (coming soon)

Upload this file to https://martagonzalez.dev/llms.txt at the root of your domain. AI agents like ChatGPT, Claude, and Perplexity check this file to understand your site structure.

This site already has a llms.txt file.

Valid format
# Marta González

Sitio personal y blog profesional de Marta González, desarrolladora frontend especializada en desarrollo web, UX, accesibilidad, testing, WordPress, React, Astro, CSS y diseño de interfaces.

## Sitio principal

- Home: https://www.martagonzalez.dev/
- Blog: https://www.martagonzalez.dev/blog/
- Sobre mí: https://www.martagonzalez.dev/sobre-mi/
- Proceso de trabajo: https://www.martagonzalez.dev/proceso-de-trabajo/
- Contacto: https://www.martagonzalez.dev/contactar/

## Temas principales

- Desarrollo frontend
- JavaScript y TypeScript
- React
- Astro
- WordPress headless
- Accesibilidad web
- UX/UI
- Testing frontend
- SEO técnico

## Índices

- Sitemap: https://www.martagonzalez.dev/sitemap.xml
- RSS: https://www.martagonzalez.dev/rss.xml
- Atom: https://www.martagonzalez.dev/atom.xml

## Artículos recientes

- Qué son los overlays de accesibilidad y por qué son un problema: https://www.martagonzalez.dev/blog/que-son-los-overlays-de-accesibilidad-y-por-que-son-un-problema/
- Cómo crear animaciones suaves con transition: https://www.martagonzalez.dev/blog/como-crear-animaciones-suaves-con-transition/
- Qué partes de CSS funcionan realmente en email marketing: https://www.martagonzalez.dev/blog/que-partes-css-funcionan-email-marketing/
- Skeleton loaders con CSS: animaciones para mejorar la percepción de carga: https://www.martagonzalez.dev/blog/skeleton-loaders-con-css-animaciones-para-mejorar-la-percepcion-de-carga/
- Cómo crear loaders animados solo con CSS: https://www.martagonzalez.dev/blog/como-crear-loaders-animados-solo-con-css/
- Cómo funciona @keyframes en CSS explicado fácil: https://www.martagonzalez.dev/blog/como-funciona-keyframes-en-css-explicado-facil/
- Cómo hacer emails responsive sin volverte loca con tablas HTML: https://www.martagonzalez.dev/blog/como-hacer-emails-responsive-sin-volverte-loca-con-tablas-html/
- Diferencia entre transition y animation en CSS: https://www.martagonzalez.dev/blog/diferencia-entre-transition-y-animation-en-css/
- MJML vs HTML tradicional para emails: ventajas y limitaciones: https://www.martagonzalez.dev/blog/mjml-vs-html-tradicional-para-emails-ventajas-y-limitaciones/
- Animaciones CSS: guía básica para empezar desde cero: https://www.martagonzalez.dev/blog/animaciones-css-guia-basica/
- Cómo crear tu primera newsletter responsive con MJML: https://www.martagonzalez.dev/blog/como-crear-tu-primera-newsletter-responsive-con-mjml/
- Qué es MJML y por qué facilita la maquetación de emails responsive: https://www.martagonzalez.dev/blog/que-es-mjml-emails-responsive/
- Dibujar con CSS responsive: cómo adaptar ilustraciones a distintos tamaños de pantalla: https://www.martagonzalez.dev/blog/dibujar-con-css-responsive/
- Clip-path en CSS: cómo recortar formas y crear dibujos más originales: https://www.martagonzalez.dev/blog/clip-path-en-css-como-recortar-formas-y-crear-dibujos-mas-originales/
- Pseudo-elementos en CSS: la clave para crear ilustraciones más complejas: https://www.martagonzalez.dev/blog/pseudo-elementos-en-css-para-crear-ilustraciones-mas-complejas/
- Dibujar iconos sencillos con CSS sin usar SVG ni imágenes: https://www.martagonzalez.dev/blog/dibujar-iconos-sencillos-con-css-sin-usar-svg-ni-imagenes/
- Cómo dibujar formas básicas con CSS: círculos, triángulos, óvalos y estrellas: https://www.martagonzalez.dev/blog/dibujar-formas-basicas-con-css/
- Pretext: Cómo medir y maquetar texto de alto rendimiento sin tocar el DOM: https://www.martagonzalez.dev/blog/pretext-la-libreria-de-cheng-lou-para-medir-y-maquetar-texto-sin-depender-del-dom/
- Por qué diseñar primero lo esencial mejora la experiencia de usuario: https://www.martagonzalez.dev/blog/disenar-primero-lo-esencial-mejora-experiencia-usuario/
- Cuándo una librería sigue teniendo sentido en una estrategia Baseline-first: https://www.martagonzalez.dev/blog/cuando-una-libreria-sigue-teniendo-sentido-en-una-estrategia-baseline-first/
- Desarrollar Baseline-first: qué es y por qué cada vez más equipos lo aplican: https://www.martagonzalez.dev/blog/desarrollar-baseline-first-que-es-y-por-que-cada-vez-mas-equipos-lo-aplican/
- No todo lo que aumenta la retención mejora el producto: https://www.martagonzalez.dev/blog/retencion-de-usuarios-producto-digital/
- Engagement ético: cómo diseñar productos digitales sin explotar la atención del usuario: https://www.martagonzalez.dev/blog/engagement-etico-como-disenar-productos-digitales-sin-explotar-la-atencion-del-usuario/
- Qué son los patrones de diseño adictivos y por qué deberíamos hablar más de ellos: https://www.martagonzalez.dev/blog/que-son-los-patrones-de-diseno-adictivos-y-por-que-deberiamos-hablar-mas-de-ellos/
- Dropdown, menú, select y combobox: cuál usar y cuándo (sin romper a11y): https://www.martagonzalez.dev/blog/dropdown-menu-select-y-combobox-cual-usar-y-cuando-sin-romper-a11y/
- Focus visible y teclado: el 90% de los bugs de accesibilidad están aquí: https://www.martagonzalez.dev/blog/focus-visible-y-teclado-el-90-de-los-bugs-de-accesibilidad-estan-aqui/
- Formularios accesibles: labels, errores y validación sin frustrar a nadie: https://www.martagonzalez.dev/blog/formularios-accesibles-labels-errores-y-validacion-sin-frustrar-a-nadie/
- Toasts/notificaciones accesibles: aria-live sin volver loco al usuario: https://www.martagonzalez.dev/blog/toasts-notificaciones-accesibles-aria-live-sin-volver-loco-al-usuario/
- Iconos sin texto en accesibilidad web: cuándo usar aria-hidden y cuándo necesitas un nombre accesible: https://www.martagonzalez.dev/blog/iconos-sin-texto-en-accesibilidad-web-cuando-usar-aria-hidden-y-cuando-necesitas-un-nombre-accesible/
- Componentes UI accesibles: https://www.martagonzalez.dev/blog/componentes-ui-accesibles/
- Links accesibles: “haz click aquí” es un crimen: https://www.martagonzalez.dev/blog/links-accesibles-haz-click-aqui-es-un-crimen/
- HTML semántico: el 80% de la accesibilidad empieza aquí: https://www.martagonzalez.dev/blog/html-semantico-el-80-de-la-accesibilidad-empieza-aqui/
- OKRs y salud del equipo: burnout, capacidad y realismo en los objetivos: https://www.martagonzalez.dev/blog/okrs-y-salud-del-equipo-burnout-capacidad-y-realismo-en-los-objetivos/
- Mi checklist anti-catástrofes: 12 preguntas antes de pegar código generado por IA en producción: https://www.martagonzalez.dev/blog/mi-checklist-anti-catastrofes-12-preguntas-antes-de-pegar-codigo-generado-por-ia-en-produccion/
- THINK en retrospectivas: cómo criticar sin romper al equipo: https://www.martagonzalez.dev/blog/think-en-retrospectivas-como-criticar-sin-romper-al-equipo/
- Cómo hacer brainstorming sin que se convierta en ‘opinología’: https://www.martagonzalez.dev/blog/como-hacer-brainstorming-sin-que-se-convierta-en-opinologia/
- Cómo integrar hitos cuando trabajas en Agile (sin convertirlo en cascada): https://www.martagonzalez.dev/blog/como-integrar-hitos-cuando-trabajas-en-agile-sin-convertirlo-en-cascada/
- De roadmap a calendario: el paso que casi nadie documenta: https://www.martagonzalez.dev/blog/de-roadmap-a-calendario-el-paso-que-casi-nadie-documenta/
- EDT vs Roadmap vs Backlog: quién manda y cuándo: https://www.martagonzalez.dev/blog/edt-vs-roadmap-vs-backlog-quien-manda-y-cuando/
- La regla 3C: Calendarizar hitos con Claridad, Criterio y Colchón: https://www.martagonzalez.dev/blog/la-regla-3c-calendarizar-hitos-con-claridad-criterio-y-colchon/
- El calendario del proyecto como herramienta de comunicación (no como castigo): https://www.martagonzalez.dev/blog/el-calendario-del-proyecto-como-herramienta-de-comunicacion-no-como-castigo/
- Hitos ≠ tareas: cómo convertir “fechas importantes” en un calendario que de verdad se puede seguir: https://www.martagonzalez.dev/blog/hitos-tareas-como-convertir-fechas-importantes-en-un-calendario-que-de-verdad-se-puede-seguir/
- ¿Qué es vibe coding y qué NO es?: https://www.martagonzalez.dev/blog/que-es-vibe-coding-y-que-no-es/
- SMART vs. HARD goals: diferencias, ventajas y casos de uso: https://www.martagonzalez.dev/blog/smart-vs-hard-goals-diferencias-ventajas-y-casos-de-uso/
- Los 10 errores más comunes al implementar OKRs (y cómo evitarlos): https://www.martagonzalez.dev/blog/los-10-errores-mas-comunes-al-implementar-okrs-y-como-evitarlos/
- Accesibilidad en microinteracciones: el detalle que marca la diferencia: https://www.martagonzalez.dev/blog/accesibilidad-en-microinteracciones-el-detalle-que-marca-la-diferencia/
- Formularios accesibles: etiquetas, validaciones y feedback | Checklist + Snippets: https://www.martagonzalez.dev/blog/formularios-accesibles-etiquetas-validaciones-y-feedback-checklist-snippets/
- N8N: Automatizaciones, Workflows e IA para Desarrolladores: https://www.martagonzalez.dev/blog/n8n-automatizaciones-workflows-e-ia-para-desarrolladores/
- Dark mode vs Light mode: cuándo usar cada uno y cómo implementarlos: https://www.martagonzalez.dev/blog/dark-mode-vs-light-mode-cuando-usar-cada-uno-y-como-implementarlos/
- Cómo desplegar tu aplicación de React + Vite en GitHub Pages: https://www.martagonzalez.dev/blog/como-desplegar-tu-aplicacion-de-react-vite-en-github-pages/

## Uso por agentes

El contenido del blog puede resumirse, citarse y enlazarse siempre que se mantenga atribución a Marta González y la URL canónica del artículo original.

Semantic HTML

Uses article or main element (100/100)

Has both <article> and <main>

Proper heading hierarchy (100/100)

Clean heading hierarchy

Uses semantic HTML elements (100/100)

5 semantic elements, 1 divs (ratio: 83%)

Meaningful image alt texts (100/100)

No images found

Low div nesting depth (100/100)

Avg div depth: 0.0, max: 0

Content Efficiency

Good token reduction ratio (100/100)

93% token reduction (HTML→Markdown)

Good content-to-noise ratio (50/100)

Content ratio: 11.6% (751 content chars / 6463 HTML bytes)

Minimal inline styles (100/100)

0/63 elements with inline styles (0.0%)

Reasonable page weight (100/100)

HTML size: 6KB

AI Discoverability

Has llms.txt file (100/100)

llms.txt exists and is valid

Has robots.txt file (100/100)

robots.txt exists

Robots.txt allows AI bots (100/100)

All major AI bots allowed

Has sitemap.xml (100/100)

Sitemap found

Markdown for Agents support (45/100) Application
&#10007; Accept: text/markdown &#10003; .md URL &#10003; <link> tag &#10007; Link header
Has Content-Signal (robots.txt or HTTP headers) (60/100)
&#10003; robots.txt &#10007; HTTP header &#10007; Policy

Structured Data

Has Schema.org / JSON-LD (100/100)

JSON-LD found: Person, WebSite

Has Open Graph tags (100/100)

All OG tags present

Has meta description (100/100)

Meta description: 130 chars

Has canonical URL (100/100)

Canonical URL present

Has lang attribute (100/100)

lang="es"

Accessibility

Content available without JavaScript (100/100)

Content available without JavaScript

Reasonable page size (100/100)

Page size: 6KB

Content appears early in HTML (25/100)

Main content starts at 79% of HTML

{
  "url": "https://martagonzalez.dev/",
  "timestamp": 1781689520002,
  "fetch": {
    "mode": "simple",
    "timeMs": 404,
    "htmlSizeBytes": 6463,
    "supportsMarkdown": false,
    "markdownAgents": {
      "contentNegotiation": false,
      "mdUrl": {
        "found": true,
        "url": "https://martagonzalez.dev/index.md"
      },
      "linkTag": {
        "found": true,
        "url": "https://martagonzalez.dev/index.md"
      },
      "linkHeader": {
        "found": false,
        "url": null
      },
      "responseHeaders": {
        "contentSignal": null,
        "xMarkdownTokens": null,
        "vary": "Accept-Encoding"
      },
      "frontmatter": {
        "present": false,
        "fields": [],
        "level": "none"
      },
      "level": "application"
    },
    "statusCode": 200
  },
  "extraction": {
    "title": "Marta González | Desarrollo frontend, UX y accesibilidad web",
    "excerpt": "Blog y portafolio de Marta González sobre desarrollo frontend, UX, accesibilidad, WordPress, Astro, React, CSS y testing.",
    "byline": null,
    "siteName": "Marta González",
    "lang": "es",
    "contentLength": 751,
    "metadata": {
      "description": "Blog y portafolio de Marta González sobre desarrollo frontend, UX, accesibilidad, WordPress, Astro, React, CSS y testing frontend.",
      "ogTitle": "Marta González | Desarrollo frontend, UX y accesibilidad web",
      "ogDescription": "Blog y portafolio de Marta González sobre desarrollo frontend, UX, accesibilidad, WordPress, Astro, React, CSS y testing.",
      "ogImage": "https://martagonzalez.dev/process-workflow.png",
      "ogType": "website",
      "canonical": "https://martagonzalez.dev/",
      "lang": "es",
      "schemas": [
        {
          "@context": "https://schema.org",
          "@type": "Person",
          "name": "Marta González",
          "url": "https://martagonzalez.dev/",
          "jobTitle": "Desarrolladora frontend",
          "description": "Desarrolladora frontend especializada en desarrollo web, UX, accesibilidad, WordPress, Astro, React, CSS y testing frontend.",
          "knowsAbout": [
            "Desarrollo frontend",
            "JavaScript",
            "TypeScript",
            "React",
            "Astro",
            "WordPress",
            "UX",
            "Accesibilidad web",
            "Testing frontend",
            "SEO técnico"
          ]
        },
        {
          "@context": "https://schema.org",
          "@type": "WebSite",
          "name": "Marta González",
          "url": "https://martagonzalez.dev/",
          "description": "Blog y portafolio de Marta González sobre desarrollo frontend, UX, accesibilidad, WordPress, Astro, React, CSS y testing.",
          "inLanguage": "es",
          "potentialAction": {
            "@type": "SearchAction",
            "target": "https://martagonzalez.dev/buscar?q={search_term_string}",
            "query-input": "required name=search_term_string"
          }
        }
      ],
      "robotsMeta": "index,follow",
      "author": null,
      "generator": null,
      "markdownAlternateHref": "https://martagonzalez.dev/index.md"
    }
  },
  "markdown": "[Saltar al contenido principal](https://martagonzalez.dev/#main-content)\n\nmartagonzalez.dev\n\nCreo sitios web pensados para las personas: bonitos, funcionales, accesibles y fáciles de usar.\n\n## Temas principales\n\n-   Desarrollo frontend con JavaScript, TypeScript, React y Astro.\n-   UX, accesibilidad web y diseño de interfaces.\n-   WordPress headless, SEO técnico y arquitectura de contenidos.\n-   Testing frontend y buenas prácticas para aplicaciones web.\n",
  "fullPageMarkdown": "Marta González | Desarrollo frontend, UX y accesibilidad web\n\n[Saltar al contenido principal](https://martagonzalez.dev/#main-content)\n\nmartagonzalez.dev\n\n# Marta González · Desarrollo frontend\n\nCreo sitios web pensados para las personas: bonitos, funcionales, accesibles y fáciles de usar.\n\n## Temas principales\n\n-   Desarrollo frontend con JavaScript, TypeScript, React y Astro.\n-   UX, accesibilidad web y diseño de interfaces.\n-   WordPress headless, SEO técnico y arquitectura de contenidos.\n-   Testing frontend y buenas prácticas para aplicaciones web.\n",
  "markdownStats": {
    "images": 0,
    "links": 5,
    "tables": 0,
    "codeBlocks": 0,
    "headings": 1
  },
  "tokens": {
    "htmlTokens": 1651,
    "markdownTokens": 113,
    "reduction": 1538,
    "reductionPercent": 93
  },
  "score": {
    "score": 87,
    "grade": "B",
    "dimensions": {
      "semanticHtml": {
        "score": 100,
        "weight": 20,
        "grade": "A",
        "checks": {
          "uses_article_or_main": {
            "score": 100,
            "weight": 20,
            "details": "Has both <article> and <main>"
          },
          "proper_heading_hierarchy": {
            "score": 100,
            "weight": 25,
            "details": "Clean heading hierarchy"
          },
          "semantic_elements": {
            "score": 100,
            "weight": 20,
            "details": "5 semantic elements, 1 divs (ratio: 83%)"
          },
          "meaningful_alt_texts": {
            "score": 100,
            "weight": 15,
            "details": "No images found"
          },
          "low_div_nesting": {
            "score": 100,
            "weight": 20,
            "details": "Avg div depth: 0.0, max: 0"
          }
        }
      },
      "contentEfficiency": {
        "score": 85,
        "weight": 25,
        "grade": "B",
        "checks": {
          "token_reduction_ratio": {
            "score": 100,
            "weight": 40,
            "details": "93% token reduction (HTML→Markdown)"
          },
          "content_to_noise_ratio": {
            "score": 50,
            "weight": 30,
            "details": "Content ratio: 11.6% (751 content chars / 6463 HTML bytes)"
          },
          "minimal_inline_styles": {
            "score": 100,
            "weight": 15,
            "details": "0/63 elements with inline styles (0.0%)"
          },
          "reasonable_page_weight": {
            "score": 100,
            "weight": 15,
            "details": "HTML size: 6KB"
          }
        }
      },
      "aiDiscoverability": {
        "score": 78,
        "weight": 25,
        "grade": "B",
        "checks": {
          "has_llms_txt": {
            "score": 100,
            "weight": 20,
            "details": "llms.txt exists and is valid"
          },
          "has_robots_txt": {
            "score": 100,
            "weight": 10,
            "details": "robots.txt exists"
          },
          "robots_allows_ai_bots": {
            "score": 100,
            "weight": 15,
            "details": "All major AI bots allowed"
          },
          "has_sitemap": {
            "score": 100,
            "weight": 10,
            "details": "Sitemap found"
          },
          "supports_markdown_negotiation": {
            "score": 45,
            "weight": 25,
            "details": "Application level — .md URL (https://martagonzalez.dev/index.md), <link> tag"
          },
          "has_content_signals": {
            "score": 60,
            "weight": 20,
            "details": "robots.txt: search=yes, ai-input=yes, ai-train=no"
          }
        }
      },
      "structuredData": {
        "score": 100,
        "weight": 15,
        "grade": "A",
        "checks": {
          "has_schema_org": {
            "score": 100,
            "weight": 30,
            "details": "JSON-LD found: Person, WebSite"
          },
          "has_open_graph": {
            "score": 100,
            "weight": 25,
            "details": "All OG tags present"
          },
          "has_meta_description": {
            "score": 100,
            "weight": 20,
            "details": "Meta description: 130 chars"
          },
          "has_canonical_url": {
            "score": 100,
            "weight": 15,
            "details": "Canonical URL present"
          },
          "has_lang_attribute": {
            "score": 100,
            "weight": 10,
            "details": "lang=\"es\""
          }
        }
      },
      "accessibility": {
        "score": 78,
        "weight": 15,
        "grade": "B",
        "checks": {
          "content_without_js": {
            "score": 100,
            "weight": 40,
            "details": "Content available without JavaScript"
          },
          "reasonable_page_size": {
            "score": 100,
            "weight": 30,
            "details": "Page size: 6KB"
          },
          "fast_content_position": {
            "score": 25,
            "weight": 30,
            "details": "Main content starts at 79% of HTML"
          }
        }
      }
    }
  },
  "recommendations": [
    {
      "id": "add_markdown_negotiation",
      "priority": "high",
      "category": "aiDiscoverability",
      "titleKey": "rec.add_markdown_negotiation.title",
      "descriptionKey": "rec.add_markdown_negotiation.description",
      "howToKey": "rec.add_markdown_negotiation.howto",
      "effort": "significant",
      "estimatedImpact": 6,
      "checkScore": 45,
      "checkDetails": "Application level — .md URL (https://martagonzalez.dev/index.md), <link> tag"
    },
    {
      "id": "move_content_earlier",
      "priority": "high",
      "category": "accessibility",
      "titleKey": "rec.move_content_earlier.title",
      "descriptionKey": "rec.move_content_earlier.description",
      "howToKey": "rec.move_content_earlier.howto",
      "effort": "moderate",
      "estimatedImpact": 4,
      "checkScore": 25,
      "checkDetails": "Main content starts at 79% of HTML"
    }
  ],
  "llmsTxtPreview": "# Marta González\n\n> Blog y portafolio de Marta González sobre desarrollo frontend, UX, accesibilidad, WordPress, Astro, React, CSS y testing frontend.\n\n## Main\n- [Marta González | Desarrollo frontend, UX y accesibilidad web](https://martagonzalez.dev/): Blog y portafolio de Marta González sobre desarrollo frontend, UX, accesibilidad, WordPress, Astro, React, CSS y testin…\n- [Sobre mí](https://martagonzalez.dev/sobre-mi/)\n- [Proceso de trabajo](https://martagonzalez.dev/proceso-de-trabajo/)\n- [Contacto](https://martagonzalez.dev/contactar/)\n\n## Blog\n- [Blog](https://martagonzalez.dev/blog/)\n\n",
  "llmsTxtExisting": "# Marta González\n\nSitio personal y blog profesional de Marta González, desarrolladora frontend especializada en desarrollo web, UX, accesibilidad, testing, WordPress, React, Astro, CSS y diseño de interfaces.\n\n## Sitio principal\n\n- Home: https://www.martagonzalez.dev/\n- Blog: https://www.martagonzalez.dev/blog/\n- Sobre mí: https://www.martagonzalez.dev/sobre-mi/\n- Proceso de trabajo: https://www.martagonzalez.dev/proceso-de-trabajo/\n- Contacto: https://www.martagonzalez.dev/contactar/\n\n## Temas principales\n\n- Desarrollo frontend\n- JavaScript y TypeScript\n- React\n- Astro\n- WordPress headless\n- Accesibilidad web\n- UX/UI\n- Testing frontend\n- SEO técnico\n\n## Índices\n\n- Sitemap: https://www.martagonzalez.dev/sitemap.xml\n- RSS: https://www.martagonzalez.dev/rss.xml\n- Atom: https://www.martagonzalez.dev/atom.xml\n\n## Artículos recientes\n\n- Qué son los overlays de accesibilidad y por qué son un problema: https://www.martagonzalez.dev/blog/que-son-los-overlays-de-accesibilidad-y-por-que-son-un-problema/\n- Cómo crear animaciones suaves con transition: https://www.martagonzalez.dev/blog/como-crear-animaciones-suaves-con-transition/\n- Qué partes de CSS funcionan realmente en email marketing: https://www.martagonzalez.dev/blog/que-partes-css-funcionan-email-marketing/\n- Skeleton loaders con CSS: animaciones para mejorar la percepción de carga: https://www.martagonzalez.dev/blog/skeleton-loaders-con-css-animaciones-para-mejorar-la-percepcion-de-carga/\n- Cómo crear loaders animados solo con CSS: https://www.martagonzalez.dev/blog/como-crear-loaders-animados-solo-con-css/\n- Cómo funciona @keyframes en CSS explicado fácil: https://www.martagonzalez.dev/blog/como-funciona-keyframes-en-css-explicado-facil/\n- Cómo hacer emails responsive sin volverte loca con tablas HTML: https://www.martagonzalez.dev/blog/como-hacer-emails-responsive-sin-volverte-loca-con-tablas-html/\n- Diferencia entre transition y animation en CSS: https://www.martagonzalez.dev/blog/diferencia-entre-transition-y-animation-en-css/\n- MJML vs HTML tradicional para emails: ventajas y limitaciones: https://www.martagonzalez.dev/blog/mjml-vs-html-tradicional-para-emails-ventajas-y-limitaciones/\n- Animaciones CSS: guía básica para empezar desde cero: https://www.martagonzalez.dev/blog/animaciones-css-guia-basica/\n- Cómo crear tu primera newsletter responsive con MJML: https://www.martagonzalez.dev/blog/como-crear-tu-primera-newsletter-responsive-con-mjml/\n- Qué es MJML y por qué facilita la maquetación de emails responsive: https://www.martagonzalez.dev/blog/que-es-mjml-emails-responsive/\n- Dibujar con CSS responsive: cómo adaptar ilustraciones a distintos tamaños de pantalla: https://www.martagonzalez.dev/blog/dibujar-con-css-responsive/\n- Clip-path en CSS: cómo recortar formas y crear dibujos más originales: https://www.martagonzalez.dev/blog/clip-path-en-css-como-recortar-formas-y-crear-dibujos-mas-originales/\n- Pseudo-elementos en CSS: la clave para crear ilustraciones más complejas: https://www.martagonzalez.dev/blog/pseudo-elementos-en-css-para-crear-ilustraciones-mas-complejas/\n- Dibujar iconos sencillos con CSS sin usar SVG ni imágenes: https://www.martagonzalez.dev/blog/dibujar-iconos-sencillos-con-css-sin-usar-svg-ni-imagenes/\n- Cómo dibujar formas básicas con CSS: círculos, triángulos, óvalos y estrellas: https://www.martagonzalez.dev/blog/dibujar-formas-basicas-con-css/\n- Pretext: Cómo medir y maquetar texto de alto rendimiento sin tocar el DOM: https://www.martagonzalez.dev/blog/pretext-la-libreria-de-cheng-lou-para-medir-y-maquetar-texto-sin-depender-del-dom/\n- Por qué diseñar primero lo esencial mejora la experiencia de usuario: https://www.martagonzalez.dev/blog/disenar-primero-lo-esencial-mejora-experiencia-usuario/\n- Cuándo una librería sigue teniendo sentido en una estrategia Baseline-first: https://www.martagonzalez.dev/blog/cuando-una-libreria-sigue-teniendo-sentido-en-una-estrategia-baseline-first/\n- Desarrollar Baseline-first: qué es y por qué cada vez más equipos lo aplican: https://www.martagonzalez.dev/blog/desarrollar-baseline-first-que-es-y-por-que-cada-vez-mas-equipos-lo-aplican/\n- No todo lo que aumenta la retención mejora el producto: https://www.martagonzalez.dev/blog/retencion-de-usuarios-producto-digital/\n- Engagement ético: cómo diseñar productos digitales sin explotar la atención del usuario: https://www.martagonzalez.dev/blog/engagement-etico-como-disenar-productos-digitales-sin-explotar-la-atencion-del-usuario/\n- Qué son los patrones de diseño adictivos y por qué deberíamos hablar más de ellos: https://www.martagonzalez.dev/blog/que-son-los-patrones-de-diseno-adictivos-y-por-que-deberiamos-hablar-mas-de-ellos/\n- Dropdown, menú, select y combobox: cuál usar y cuándo (sin romper a11y): https://www.martagonzalez.dev/blog/dropdown-menu-select-y-combobox-cual-usar-y-cuando-sin-romper-a11y/\n- Focus visible y teclado: el 90% de los bugs de accesibilidad están aquí: https://www.martagonzalez.dev/blog/focus-visible-y-teclado-el-90-de-los-bugs-de-accesibilidad-estan-aqui/\n- Formularios accesibles: labels, errores y validación sin frustrar a nadie: https://www.martagonzalez.dev/blog/formularios-accesibles-labels-errores-y-validacion-sin-frustrar-a-nadie/\n- Toasts/notificaciones accesibles: aria-live sin volver loco al usuario: https://www.martagonzalez.dev/blog/toasts-notificaciones-accesibles-aria-live-sin-volver-loco-al-usuario/\n- Iconos sin texto en accesibilidad web: cuándo usar aria-hidden y cuándo necesitas un nombre accesible: https://www.martagonzalez.dev/blog/iconos-sin-texto-en-accesibilidad-web-cuando-usar-aria-hidden-y-cuando-necesitas-un-nombre-accesible/\n- Componentes UI accesibles: https://www.martagonzalez.dev/blog/componentes-ui-accesibles/\n- Links accesibles: “haz click aquí” es un crimen: https://www.martagonzalez.dev/blog/links-accesibles-haz-click-aqui-es-un-crimen/\n- HTML semántico: el 80% de la accesibilidad empieza aquí: https://www.martagonzalez.dev/blog/html-semantico-el-80-de-la-accesibilidad-empieza-aqui/\n- OKRs y salud del equipo: burnout, capacidad y realismo en los objetivos: https://www.martagonzalez.dev/blog/okrs-y-salud-del-equipo-burnout-capacidad-y-realismo-en-los-objetivos/\n- Mi checklist anti-catástrofes: 12 preguntas antes de pegar código generado por IA en producción: https://www.martagonzalez.dev/blog/mi-checklist-anti-catastrofes-12-preguntas-antes-de-pegar-codigo-generado-por-ia-en-produccion/\n- THINK en retrospectivas: cómo criticar sin romper al equipo: https://www.martagonzalez.dev/blog/think-en-retrospectivas-como-criticar-sin-romper-al-equipo/\n- Cómo hacer brainstorming sin que se convierta en ‘opinología’: https://www.martagonzalez.dev/blog/como-hacer-brainstorming-sin-que-se-convierta-en-opinologia/\n- Cómo integrar hitos cuando trabajas en Agile (sin convertirlo en cascada): https://www.martagonzalez.dev/blog/como-integrar-hitos-cuando-trabajas-en-agile-sin-convertirlo-en-cascada/\n- De roadmap a calendario: el paso que casi nadie documenta: https://www.martagonzalez.dev/blog/de-roadmap-a-calendario-el-paso-que-casi-nadie-documenta/\n- EDT vs Roadmap vs Backlog: quién manda y cuándo: https://www.martagonzalez.dev/blog/edt-vs-roadmap-vs-backlog-quien-manda-y-cuando/\n- La regla 3C: Calendarizar hitos con Claridad, Criterio y Colchón: https://www.martagonzalez.dev/blog/la-regla-3c-calendarizar-hitos-con-claridad-criterio-y-colchon/\n- El calendario del proyecto como herramienta de comunicación (no como castigo): https://www.martagonzalez.dev/blog/el-calendario-del-proyecto-como-herramienta-de-comunicacion-no-como-castigo/\n- Hitos ≠ tareas: cómo convertir “fechas importantes” en un calendario que de verdad se puede seguir: https://www.martagonzalez.dev/blog/hitos-tareas-como-convertir-fechas-importantes-en-un-calendario-que-de-verdad-se-puede-seguir/\n- ¿Qué es vibe coding y qué NO es?: https://www.martagonzalez.dev/blog/que-es-vibe-coding-y-que-no-es/\n- SMART vs. HARD goals: diferencias, ventajas y casos de uso: https://www.martagonzalez.dev/blog/smart-vs-hard-goals-diferencias-ventajas-y-casos-de-uso/\n- Los 10 errores más comunes al implementar OKRs (y cómo evitarlos): https://www.martagonzalez.dev/blog/los-10-errores-mas-comunes-al-implementar-okrs-y-como-evitarlos/\n- Accesibilidad en microinteracciones: el detalle que marca la diferencia: https://www.martagonzalez.dev/blog/accesibilidad-en-microinteracciones-el-detalle-que-marca-la-diferencia/\n- Formularios accesibles: etiquetas, validaciones y feedback | Checklist + Snippets: https://www.martagonzalez.dev/blog/formularios-accesibles-etiquetas-validaciones-y-feedback-checklist-snippets/\n- N8N: Automatizaciones, Workflows e IA para Desarrolladores: https://www.martagonzalez.dev/blog/n8n-automatizaciones-workflows-e-ia-para-desarrolladores/\n- Dark mode vs Light mode: cuándo usar cada uno y cómo implementarlos: https://www.martagonzalez.dev/blog/dark-mode-vs-light-mode-cuando-usar-cada-uno-y-como-implementarlos/\n- Cómo desplegar tu aplicación de React + Vite en GitHub Pages: https://www.martagonzalez.dev/blog/como-desplegar-tu-aplicacion-de-react-vite-en-github-pages/\n\n## Uso por agentes\n\nEl contenido del blog puede resumirse, citarse y enlazarse siempre que se mantenga atribución a Marta González y la URL canónica del artículo original.",
  "emergingProtocols": {
    "oauthDiscovery": {
      "exists": false,
      "url": "https://martagonzalez.dev/.well-known/oauth-authorization-server"
    },
    "mcpServerCard": {
      "exists": false,
      "url": "https://martagonzalez.dev/.well-known/mcp.json"
    },
    "a2aAgentCard": {
      "exists": false,
      "url": "https://martagonzalez.dev/.well-known/agent.json"
    },
    "count": 0
  },
  "snippets": [
    {
      "id": "add_markdown_negotiation",
      "title": "Support Markdown for Agents",
      "description": "Let AI agents request a clean Markdown version of any page via content negotiation, .md alternate URLs, link tags or Link headers.",
      "language": "html",
      "code": "<!-- Mechanism 3: link tag advertising the .md alternate -->\n<link rel=\"alternate\" type=\"text/markdown\" href=\"/page.md\">",
      "filename": "<head>",
      "stacks": [
        {
          "id": "html",
          "label": "HTML <head>",
          "language": "html",
          "filename": "<head>",
          "code": "<!-- Mechanism 3: link tag advertising the .md alternate -->\n<link rel=\"alternate\" type=\"text/markdown\" href=\"/page.md\">"
        },
        {
          "id": "express",
          "label": "Express",
          "language": "javascript",
          "filename": "server.js",
          "code": "// Mechanisms 1 + 4: content negotiation + Link header\napp.get('/page', (req, res) => {\n  res.setHeader('Vary', 'Accept');\n  res.setHeader('Link', '</page.md>; rel=\"alternate\"; type=\"text/markdown\"');\n  if ((req.headers.accept || '').includes('text/markdown')) {\n    res.type('text/markdown; charset=utf-8');\n    return res.send(renderMarkdown('page'));\n  }\n  res.render('page');\n});"
        },
        {
          "id": "fastify",
          "label": "Fastify",
          "language": "javascript",
          "filename": "server.js",
          "code": "// Mechanisms 1 + 4: content negotiation + Link header\nfastify.get('/page', async (req, reply) => {\n  reply.header('Vary', 'Accept');\n  reply.header('Link', '</page.md>; rel=\"alternate\"; type=\"text/markdown\"');\n  if ((req.headers.accept || '').includes('text/markdown')) {\n    return reply.type('text/markdown; charset=utf-8').send(renderMarkdown('page'));\n  }\n  return reply.view('/page.ejs');\n});"
        },
        {
          "id": "nextjs",
          "label": "Next.js",
          "language": "typescript",
          "filename": "app/page/route.ts",
          "code": "// Next.js App Router — Route Handler returning Markdown\nimport { NextRequest } from 'next/server';\nimport { renderMarkdown } from '@/lib/md';\nexport async function GET(req: NextRequest) {\n  const accept = req.headers.get('accept') || '';\n  if (accept.includes('text/markdown')) {\n    return new Response(await renderMarkdown('page'), {\n      headers: {\n        'Content-Type': 'text/markdown; charset=utf-8',\n        'Vary': 'Accept',\n      },\n    });\n  }\n  // Fall through to the page component\n  return new Response(null, { status: 404 });\n}"
        },
        {
          "id": "wordpress",
          "label": "WordPress",
          "language": "php",
          "filename": "functions.php",
          "code": "<?php\n// Mechanism 1: respond to Accept: text/markdown on the same URL\nadd_action('template_redirect', function () {\n    if (!is_singular()) return;\n    $accept = $_SERVER['HTTP_ACCEPT'] ?? '';\n    if (strpos($accept, 'text/markdown') === false) return;\n    header('Content-Type: text/markdown; charset=utf-8');\n    header('Vary: Accept');\n    $post = get_queried_object();\n    echo \"# \" . get_the_title($post) . \"\\n\\n\";\n    echo wp_strip_all_tags(apply_filters('the_content', $post->post_content));\n    exit;\n});"
        },
        {
          "id": "static",
          "label": "Hugo / Jekyll / Astro",
          "language": "txt",
          "filename": "static/page.md",
          "code": "# Mechanism 2: serve .md alongside .html\n# Hugo: place page.md in /static/ — built unchanged\n# Jekyll: drop page.md in /assets/ — copied as-is\n# Astro: src/pages/page.md.ts that exports a GET returning markdown\n\n# Then advertise with mechanism 3 in <head>:\n#   <link rel=\"alternate\" type=\"text/markdown\" href=\"/page.md\">"
        }
      ]
    }
  ]
}

Use our API to get this programmatically (coming soon)

This JSON is for internal use — unlike the Markdown and llms.txt files, it's not meant to be uploaded to your site. Save it as a baseline to track your score over time, share it with your dev team, or integrate it into your CI/CD pipeline.

Share your results

Twitter LinkedIn

Embed your badge

Add this badge to your site. It updates automatically as your AI-readiness score changes.

AgentReady.md score for martagonzalez.dev
Script Recommended
<script src="https://agentready.md/badge.js" data-id="b5e50597-3140-4d73-a6e8-2adf7faf3c2f" data-domain="martagonzalez.dev"></script>
Markdown
[![AgentReady.md score for martagonzalez.dev](https://agentready.md/badge/martagonzalez.dev.svg)](https://agentready.md/r/b5e50597-3140-4d73-a6e8-2adf7faf3c2f)

Coming soon: Full Domain Analysis

Crawl your entire domain, generate llms.txt, and monitor your AI-readiness score over time. Join the waitlist to be notified.

You're on the list! We'll notify you when it launches.