인증된 AgentReady.md 증명서
발급일 sig: f47bc3bba37ff950 검증 →

분석된 URL

https://martagonzalez.dev/

다른 URL 분석

AI-Ready 점수

87 / B

양호

/ 100

토큰 절감량

HTML 토큰 1651
Markdown 토큰 113
절감 93%

점수 상세

시맨틱 HTML 100/100
콘텐츠 효율성 85/100
AI 발견 가능성 78/100
구조화 데이터 100/100
접근성 78/100

신흥 프로토콜

3개 중 0개 감지

AI 에이전트가 찾는 well-known 엔드포인트. 감지되면 에이전트가 서비스를 자동으로 발견하고 연결할 수 있습니다.

  • 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

사이트가 Markdown for Agents를 지원하지 않습니다. 이 Cloudflare 표준을 통해 AI 에이전트가 마크다운 형식으로 콘텐츠를 요청할 수 있으며, 토큰 사용량을 ~80% 줄일 수 있습니다.

구현 방법

다음 중 하나 이상을 구현하세요: (1) Accept: text/markdown에 마크다운 콘텐츠로 응답. (2) .md URL 제공 (예: /page.md). (3) <link rel="alternate" type="text/markdown"> 태그 추가. (4) 마크다운 발견을 위한 Link HTTP 헤더 추가.

주요 콘텐츠가 HTML 문서의 후반부에 나타납니다. AI 에이전트는 일찍 나타나는 콘텐츠에 더 높은 가중치를 줄 수 있습니다.

구현 방법

<main> 또는 <article> 콘텐츠가 사이드바와 부가 콘텐츠보다 먼저 나타나도록 HTML을 재구성하세요.

Markdown 토큰: 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.

이 파일을 서버의 /index.md에 업로드하여 AI 에이전트가 페이지의 깔끔한 버전에 접근할 수 있게 하세요. Accept: text/markdown 콘텐츠 협상을 설정하여 자동으로 제공할 수도 있습니다.

권장 내용

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

전체 llms.txt는 도메인 전체 분석이 필요합니다 (곧 출시)

이 파일을 도메인 루트의 https://martagonzalez.dev/llms.txt에 업로드하세요. ChatGPT, Claude, Perplexity 등의 AI 에이전트가 이 파일을 확인하여 사이트 구조를 파악합니다.

이 사이트에는 이미 llms.txt 파일이 있습니다.

유효한 형식
# 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.

시맨틱 HTML

article 또는 main 요소 사용 (100/100)

Has both <article> and <main>

올바른 제목 계층 구조 (100/100)

Clean heading hierarchy

시맨틱 HTML 요소 사용 (100/100)

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

의미 있는 이미지 alt 속성 (100/100)

No images found

낮은 div 중첩 깊이 (100/100)

Avg div depth: 0.0, max: 0

콘텐츠 효율성

양호한 토큰 감소율 (100/100)

93% token reduction (HTML→Markdown)

양호한 콘텐츠 대 잡음 비율 (50/100)

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

최소한의 인라인 스타일 (100/100)

0/63 elements with inline styles (0.0%)

적절한 페이지 무게 (100/100)

HTML size: 6KB

AI 발견 가능성

llms.txt 파일 있음 (100/100)

llms.txt exists and is valid

robots.txt 파일 있음 (100/100)

robots.txt exists

robots.txt가 AI 봇 허용 (100/100)

All major AI bots allowed

sitemap.xml 있음 (100/100)

Sitemap found

Markdown for Agents 지원 (45/100) Application
&#10007; Accept: text/markdown &#10003; .md URL &#10003; <link> tag &#10007; Link header
Content-Signal 있음 (robots.txt 또는 HTTP 헤더) (60/100)
&#10003; robots.txt &#10007; HTTP header &#10007; Policy

구조화 데이터

Schema.org / JSON-LD 있음 (100/100)

JSON-LD found: Person, WebSite

Open Graph 태그 있음 (100/100)

All OG tags present

메타 설명 있음 (100/100)

Meta description: 130 chars

정규 URL 있음 (100/100)

Canonical URL present

lang 속성 있음 (100/100)

lang="es"

접근성

JavaScript 없이 콘텐츠 이용 가능 (100/100)

Content available without JavaScript

적절한 페이지 크기 (100/100)

Page size: 6KB

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\">"
        }
      ]
    }
  ]
}

API를 사용하여 프로그래밍 방식으로 가져올 수 있습니다 (곧 출시)

이 JSON은 내부용입니다 — Markdown 및 llms.txt 파일과 달리 사이트에 업로드하기 위한 것이 아닙니다. 시간에 따른 점수 추적을 위한 기준값으로 저장하거나, 개발팀과 공유하거나, CI/CD 파이프라인에 통합하세요.

결과 공유

Twitter LinkedIn

배지 삽입

이 배지를 사이트에 추가하세요. AI 준비도 점수가 변경되면 자동으로 업데이트됩니다.

AgentReady.md score for martagonzalez.dev
Script 권장
<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/ko/r/b5e50597-3140-4d73-a6e8-2adf7faf3c2f)

곧 출시: 전체 도메인 분석

전체 도메인을 크롤링하고, llms.txt를 생성하고, AI 준비도 점수를 시간에 따라 모니터링하세요. 대기자 명단에 등록하여 알림을 받으세요.

명단에 등록되었습니다! 서비스 출시 시 알려드리겠습니다.