認証済み 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エージェントがmarkdown形式でコンテンツをリクエストでき、トークン使用量を約80%削減できます。

実装方法

以下の1つ以上を実装してください:(1) Accept: text/markdownにmarkdownコンテンツで応答。(2) .md URL(例:/page.md)を提供。(3) <link rel="alternate" type="text/markdown">タグを追加。(4) markdown検出用の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/ja/r/b5e50597-3140-4d73-a6e8-2adf7faf3c2f)

近日公開: ドメイン全体分析

ドメイン全体をクロールし、llms.txtを生成し、AI対応スコアを経時的にモニタリング。ウェイトリストに登録して通知を受け取りましょう。

リストに登録されました!サービス開始時にお知らせします。