Analysierte URL
https://martagonzalez.dev/
KI-Ready Score
Gut
von 100
Token-Einsparung
Score-Aufschlüsselung
Emerging Protocols
0 von 3 erkanntWell-known-Endpunkte, nach denen KI-Agenten suchen. Erkannt bedeutet, dass ein Agent Ihren Dienst automatisch finden und verbinden kann.
-
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
Ihre Website unterstützt kein Markdown for Agents. Dieser Cloudflare-Standard ermöglicht KI-Agenten, Inhalte im Markdown-Format anzufordern und reduziert den Token-Verbrauch um ~80%.
So implementieren Sie es
Implementieren Sie eines oder mehrere: (1) Auf Accept: text/markdown mit Markdown-Inhalt antworten. (2) .md-URLs bereitstellen (z.B. /seite.md). (3) <link rel="alternate" type="text/markdown">-Tags hinzufügen. (4) Link-HTTP-Header für Markdown-Erkennung hinzufügen.
Der Hauptinhalt erscheint spät im HTML-Dokument. KI-Agenten gewichten Inhalte, die früh erscheinen, möglicherweise höher.
So implementieren Sie es
Strukturieren Sie Ihr HTML so um, dass <main>- oder <article>-Inhalt vor Seitenleisten und ergänzenden Inhalten erscheint.
[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.
Laden Sie diese Datei als /index.md auf Ihren Server hoch, damit KI-Agenten auf eine saubere Version Ihrer Seite zugreifen können. Sie können auch die Accept: text/markdown-Inhaltsverhandlung konfigurieren, um sie automatisch auszuliefern.
Unsere Empfehlung
# 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/)
Vollständige llms.txt erfordert eine domainweite Analyse (kommt bald)
Laden Sie diese Datei als https://martagonzalez.dev/llms.txt im Stammverzeichnis Ihrer Domain hoch. KI-Agenten wie ChatGPT, Claude und Perplexity prüfen diese Datei, um Ihre Website-Struktur zu verstehen.
Diese Website hat bereits eine llms.txt-Datei.
Gültiges Format# Marta González Sitio personal y blog profesional de Marta González, desarrolladora frontend especializada en desarrollo web, UX, accesibilidad, testing, WordPress, React, Astro, CSS y diseño de interfaces. ## Sitio principal - Home: https://www.martagonzalez.dev/ - Blog: https://www.martagonzalez.dev/blog/ - Sobre mí: https://www.martagonzalez.dev/sobre-mi/ - Proceso de trabajo: https://www.martagonzalez.dev/proceso-de-trabajo/ - Contacto: https://www.martagonzalez.dev/contactar/ ## Temas principales - Desarrollo frontend - JavaScript y TypeScript - React - Astro - WordPress headless - Accesibilidad web - UX/UI - Testing frontend - SEO técnico ## Índices - Sitemap: https://www.martagonzalez.dev/sitemap.xml - RSS: https://www.martagonzalez.dev/rss.xml - Atom: https://www.martagonzalez.dev/atom.xml ## Artículos recientes - Qué son los overlays de accesibilidad y por qué son un problema: https://www.martagonzalez.dev/blog/que-son-los-overlays-de-accesibilidad-y-por-que-son-un-problema/ - Cómo crear animaciones suaves con transition: https://www.martagonzalez.dev/blog/como-crear-animaciones-suaves-con-transition/ - Qué partes de CSS funcionan realmente en email marketing: https://www.martagonzalez.dev/blog/que-partes-css-funcionan-email-marketing/ - Skeleton loaders con CSS: animaciones para mejorar la percepción de carga: https://www.martagonzalez.dev/blog/skeleton-loaders-con-css-animaciones-para-mejorar-la-percepcion-de-carga/ - Cómo crear loaders animados solo con CSS: https://www.martagonzalez.dev/blog/como-crear-loaders-animados-solo-con-css/ - Cómo funciona @keyframes en CSS explicado fácil: https://www.martagonzalez.dev/blog/como-funciona-keyframes-en-css-explicado-facil/ - Cómo hacer emails responsive sin volverte loca con tablas HTML: https://www.martagonzalez.dev/blog/como-hacer-emails-responsive-sin-volverte-loca-con-tablas-html/ - Diferencia entre transition y animation en CSS: https://www.martagonzalez.dev/blog/diferencia-entre-transition-y-animation-en-css/ - MJML vs HTML tradicional para emails: ventajas y limitaciones: https://www.martagonzalez.dev/blog/mjml-vs-html-tradicional-para-emails-ventajas-y-limitaciones/ - Animaciones CSS: guía básica para empezar desde cero: https://www.martagonzalez.dev/blog/animaciones-css-guia-basica/ - Cómo crear tu primera newsletter responsive con MJML: https://www.martagonzalez.dev/blog/como-crear-tu-primera-newsletter-responsive-con-mjml/ - Qué es MJML y por qué facilita la maquetación de emails responsive: https://www.martagonzalez.dev/blog/que-es-mjml-emails-responsive/ - Dibujar con CSS responsive: cómo adaptar ilustraciones a distintos tamaños de pantalla: https://www.martagonzalez.dev/blog/dibujar-con-css-responsive/ - Clip-path en CSS: cómo recortar formas y crear dibujos más originales: https://www.martagonzalez.dev/blog/clip-path-en-css-como-recortar-formas-y-crear-dibujos-mas-originales/ - Pseudo-elementos en CSS: la clave para crear ilustraciones más complejas: https://www.martagonzalez.dev/blog/pseudo-elementos-en-css-para-crear-ilustraciones-mas-complejas/ - Dibujar iconos sencillos con CSS sin usar SVG ni imágenes: https://www.martagonzalez.dev/blog/dibujar-iconos-sencillos-con-css-sin-usar-svg-ni-imagenes/ - Cómo dibujar formas básicas con CSS: círculos, triángulos, óvalos y estrellas: https://www.martagonzalez.dev/blog/dibujar-formas-basicas-con-css/ - Pretext: Cómo medir y maquetar texto de alto rendimiento sin tocar el DOM: https://www.martagonzalez.dev/blog/pretext-la-libreria-de-cheng-lou-para-medir-y-maquetar-texto-sin-depender-del-dom/ - Por qué diseñar primero lo esencial mejora la experiencia de usuario: https://www.martagonzalez.dev/blog/disenar-primero-lo-esencial-mejora-experiencia-usuario/ - Cuándo una librería sigue teniendo sentido en una estrategia Baseline-first: https://www.martagonzalez.dev/blog/cuando-una-libreria-sigue-teniendo-sentido-en-una-estrategia-baseline-first/ - Desarrollar Baseline-first: qué es y por qué cada vez más equipos lo aplican: https://www.martagonzalez.dev/blog/desarrollar-baseline-first-que-es-y-por-que-cada-vez-mas-equipos-lo-aplican/ - No todo lo que aumenta la retención mejora el producto: https://www.martagonzalez.dev/blog/retencion-de-usuarios-producto-digital/ - Engagement ético: cómo diseñar productos digitales sin explotar la atención del usuario: https://www.martagonzalez.dev/blog/engagement-etico-como-disenar-productos-digitales-sin-explotar-la-atencion-del-usuario/ - Qué son los patrones de diseño adictivos y por qué deberíamos hablar más de ellos: https://www.martagonzalez.dev/blog/que-son-los-patrones-de-diseno-adictivos-y-por-que-deberiamos-hablar-mas-de-ellos/ - Dropdown, menú, select y combobox: cuál usar y cuándo (sin romper a11y): https://www.martagonzalez.dev/blog/dropdown-menu-select-y-combobox-cual-usar-y-cuando-sin-romper-a11y/ - Focus visible y teclado: el 90% de los bugs de accesibilidad están aquí: https://www.martagonzalez.dev/blog/focus-visible-y-teclado-el-90-de-los-bugs-de-accesibilidad-estan-aqui/ - Formularios accesibles: labels, errores y validación sin frustrar a nadie: https://www.martagonzalez.dev/blog/formularios-accesibles-labels-errores-y-validacion-sin-frustrar-a-nadie/ - Toasts/notificaciones accesibles: aria-live sin volver loco al usuario: https://www.martagonzalez.dev/blog/toasts-notificaciones-accesibles-aria-live-sin-volver-loco-al-usuario/ - Iconos sin texto en accesibilidad web: cuándo usar aria-hidden y cuándo necesitas un nombre accesible: https://www.martagonzalez.dev/blog/iconos-sin-texto-en-accesibilidad-web-cuando-usar-aria-hidden-y-cuando-necesitas-un-nombre-accesible/ - Componentes UI accesibles: https://www.martagonzalez.dev/blog/componentes-ui-accesibles/ - Links accesibles: “haz click aquí” es un crimen: https://www.martagonzalez.dev/blog/links-accesibles-haz-click-aqui-es-un-crimen/ - HTML semántico: el 80% de la accesibilidad empieza aquí: https://www.martagonzalez.dev/blog/html-semantico-el-80-de-la-accesibilidad-empieza-aqui/ - OKRs y salud del equipo: burnout, capacidad y realismo en los objetivos: https://www.martagonzalez.dev/blog/okrs-y-salud-del-equipo-burnout-capacidad-y-realismo-en-los-objetivos/ - Mi checklist anti-catástrofes: 12 preguntas antes de pegar código generado por IA en producción: https://www.martagonzalez.dev/blog/mi-checklist-anti-catastrofes-12-preguntas-antes-de-pegar-codigo-generado-por-ia-en-produccion/ - THINK en retrospectivas: cómo criticar sin romper al equipo: https://www.martagonzalez.dev/blog/think-en-retrospectivas-como-criticar-sin-romper-al-equipo/ - Cómo hacer brainstorming sin que se convierta en ‘opinología’: https://www.martagonzalez.dev/blog/como-hacer-brainstorming-sin-que-se-convierta-en-opinologia/ - Cómo integrar hitos cuando trabajas en Agile (sin convertirlo en cascada): https://www.martagonzalez.dev/blog/como-integrar-hitos-cuando-trabajas-en-agile-sin-convertirlo-en-cascada/ - De roadmap a calendario: el paso que casi nadie documenta: https://www.martagonzalez.dev/blog/de-roadmap-a-calendario-el-paso-que-casi-nadie-documenta/ - EDT vs Roadmap vs Backlog: quién manda y cuándo: https://www.martagonzalez.dev/blog/edt-vs-roadmap-vs-backlog-quien-manda-y-cuando/ - La regla 3C: Calendarizar hitos con Claridad, Criterio y Colchón: https://www.martagonzalez.dev/blog/la-regla-3c-calendarizar-hitos-con-claridad-criterio-y-colchon/ - El calendario del proyecto como herramienta de comunicación (no como castigo): https://www.martagonzalez.dev/blog/el-calendario-del-proyecto-como-herramienta-de-comunicacion-no-como-castigo/ - Hitos ≠ tareas: cómo convertir “fechas importantes” en un calendario que de verdad se puede seguir: https://www.martagonzalez.dev/blog/hitos-tareas-como-convertir-fechas-importantes-en-un-calendario-que-de-verdad-se-puede-seguir/ - ¿Qué es vibe coding y qué NO es?: https://www.martagonzalez.dev/blog/que-es-vibe-coding-y-que-no-es/ - SMART vs. HARD goals: diferencias, ventajas y casos de uso: https://www.martagonzalez.dev/blog/smart-vs-hard-goals-diferencias-ventajas-y-casos-de-uso/ - Los 10 errores más comunes al implementar OKRs (y cómo evitarlos): https://www.martagonzalez.dev/blog/los-10-errores-mas-comunes-al-implementar-okrs-y-como-evitarlos/ - Accesibilidad en microinteracciones: el detalle que marca la diferencia: https://www.martagonzalez.dev/blog/accesibilidad-en-microinteracciones-el-detalle-que-marca-la-diferencia/ - Formularios accesibles: etiquetas, validaciones y feedback | Checklist + Snippets: https://www.martagonzalez.dev/blog/formularios-accesibles-etiquetas-validaciones-y-feedback-checklist-snippets/ - N8N: Automatizaciones, Workflows e IA para Desarrolladores: https://www.martagonzalez.dev/blog/n8n-automatizaciones-workflows-e-ia-para-desarrolladores/ - Dark mode vs Light mode: cuándo usar cada uno y cómo implementarlos: https://www.martagonzalez.dev/blog/dark-mode-vs-light-mode-cuando-usar-cada-uno-y-como-implementarlos/ - Cómo desplegar tu aplicación de React + Vite en GitHub Pages: https://www.martagonzalez.dev/blog/como-desplegar-tu-aplicacion-de-react-vite-en-github-pages/ ## Uso por agentes El contenido del blog puede resumirse, citarse y enlazarse siempre que se mantenga atribución a Marta González y la URL canónica del artículo original.
Semantisches HTML
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
Inhaltseffizienz
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
KI-Auffindbarkeit
llms.txt exists and is valid
robots.txt exists
All major AI bots allowed
Sitemap found
Strukturierte Daten
JSON-LD found: Person, WebSite
All OG tags present
Meta description: 130 chars
Canonical URL present
lang="es"
Zugänglichkeit
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\">"
}
]
}
]
}
Nutzen Sie unsere API, um dies programmatisch abzurufen (kommt bald)
Dieses JSON ist für den internen Gebrauch bestimmt — im Gegensatz zu den Markdown- und llms.txt-Dateien soll es nicht auf Ihre Website hochgeladen werden. Speichern Sie es als Ausgangswert, um Ihren Score im Zeitverlauf zu verfolgen, teilen Sie es mit Ihrem Entwicklerteam oder integrieren Sie es in Ihre CI/CD-Pipeline.
Badge einbetten
Fügen Sie dieses Badge zu Ihrer Website hinzu. Es aktualisiert sich automatisch, wenn sich Ihr KI-Bereitschafts-Score ändert.
<script src="https://agentready.md/badge.js" data-id="b5e50597-3140-4d73-a6e8-2adf7faf3c2f" data-domain="martagonzalez.dev"></script>
[](https://agentready.md/de/r/b5e50597-3140-4d73-a6e8-2adf7faf3c2f)
Demnächst: Vollständige Domain-Analyse
Crawlen Sie Ihre gesamte Domain, generieren Sie llms.txt und überwachen Sie Ihren KI-Bereitschaftswert im Zeitverlauf. Tragen Sie sich in die Warteliste ein.