URL analysée
https://martagonzalez.dev/
Score AI-Ready
Bon
sur 100
Économie de tokens
Détail du score
Protocoles émergents
0 sur 3 détectésEndpoints well-known recherchés par les agents IA. Détecté signifie qu’un agent peut découvrir et se connecter automatiquement à votre service.
-
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
Votre site ne supporte pas Markdown for Agents. Ce standard Cloudflare permet aux agents IA de demander du contenu en format markdown, réduisant l'utilisation de tokens de ~80%.
Comment implémenter
Implémentez un ou plusieurs : (1) Répondre à Accept: text/markdown avec du contenu markdown. (2) Servir des URLs .md (ex : /page.md). (3) Ajouter des balises <link rel="alternate" type="text/markdown">. (4) Ajouter des en-têtes HTTP Link pour la découverte markdown.
Le contenu principal apparaît tardivement dans le document HTML. Les AI agents peuvent accorder plus d’importance au contenu qui apparaît tôt.
Comment implémenter
Restructurez votre HTML pour que le contenu <main> ou <article> apparaisse avant les barres latérales et le contenu supplémentaire.
[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.
Téléversez ce fichier sous /index.md sur votre serveur pour que les AI agents puissent accéder à une version propre de votre page. Vous pouvez également configurer la négociation de contenu Accept: text/markdown pour le servir automatiquement.
Notre recommandation
# 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/)
Le llms.txt complet nécessite une analyse de tout le domaine (bientôt disponible)
Téléversez ce fichier vers https://martagonzalez.dev/llms.txt à la racine de votre domaine. Les AI agents comme ChatGPT, Claude et Perplexity consultent ce fichier pour comprendre la structure de votre site.
Ce site possède déjà un fichier llms.txt.
Format valide# 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 sémantique
Has both <article> and <main>
Clean heading hierarchy
5 semantic elements, 1 divs (ratio: 83%)
No images found
Avg div depth: 0.0, max: 0
Efficacité du contenu
93% token reduction (HTML→Markdown)
Content ratio: 11.6% (751 content chars / 6463 HTML bytes)
0/63 elements with inline styles (0.0%)
HTML size: 6KB
Visibilité IA
llms.txt exists and is valid
robots.txt exists
All major AI bots allowed
Sitemap found
Données structurées
JSON-LD found: Person, WebSite
All OG tags present
Meta description: 130 chars
Canonical URL present
lang="es"
Accessibilité
Content available without JavaScript
Page size: 6KB
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\">"
}
]
}
]
}
Utilisez notre API pour obtenir ceci de manière programmatique (bientôt disponible)
Ce JSON est à usage interne — contrairement au Markdown et au llms.txt, il n’est pas destiné à être téléversé sur votre site. Conservez-le comme référence pour suivre l’évolution de votre score, partagez-le avec votre équipe de développement ou intégrez-le dans votre pipeline CI/CD.
Intégrez votre badge
Ajoutez ce badge à votre site. Il se met à jour automatiquement lorsque votre score de préparation à l’IA change.
<script src="https://agentready.md/badge.js" data-id="b5e50597-3140-4d73-a6e8-2adf7faf3c2f" data-domain="martagonzalez.dev"></script>
[](https://agentready.md/fr/r/b5e50597-3140-4d73-a6e8-2adf7faf3c2f)
Bientôt : Analyse de domaine complet
Explorez l’ensemble de votre domaine, générez un llms.txt et surveillez votre score de préparation IA dans le temps. Rejoignez la liste d’attente pour être informé.