Construir un sitio Astro+Markdown: 12 módulos
Tesis técnica: cómo se construye un sitio profesional con Astro y Markdown encadenando 12 módulos como referencia industrial. Mapa, decisiones y enlaces.
Leer artículoArtículos etiquetados con «astro». Las etiquetas conectan artículos de distintas categorías que comparten un mismo asunto.
Las etiquetas son una segunda capa de organización, transversal a las categorías: un mismo tema (por ejemplo, «astro» o «markdown») puede aparecer en guías y en novedades. Agrupar por etiqueta ayuda a quien busca algo muy específico a encontrar todo lo relacionado, sin importar la sección.
Esta página se genera sola desde la colección: lista los artículos que incluyen esta etiqueta. Conviene usar pocas etiquetas consistentes —no inventar una nueva por artículo— para que cada archivo tenga contenido suficiente y valor real. Contenido DEMO de la plantilla.
Archivo de etiqueta
24 artículos con esta etiqueta.
Las etiquetas cruzan las categorías: relacionan contenidos por un asunto puntual aunque vivan en secciones distintas. Bien usadas, tejen una red de enlaces internos que ayuda tanto a la persona como al rastreo del buscador.
La clave es la disciplina: un conjunto corto y estable de etiquetas vale más que decenas de etiquetas únicas. Cada una debe agrupar varios artículos para justificar su página de archivo.
Tesis técnica: cómo se construye un sitio profesional con Astro y Markdown encadenando 12 módulos como referencia industrial. Mapa, decisiones y enlaces.
Leer artículoCómo medir clicks de CTAs en Astro con data-cta-id: instrumentación ligera, analytics respetuoso del usuario y reporting sin scripts pesados.
Leer artículoCTAs honestos en Astro: copy del botón, jerarquía visual primary/secondary y por qué los dark-patterns dañan más conversión de la que aparentan ganar.
Leer artículoDel HTML nativo a Cloudflare Pages Function: backend pragmático para tu contact form Astro, sin servidor propio, con email transactional y rate-limit.
Leer artículoFormularios de contacto en Astro accesibles WCAG 2.2, con honeypot anti-spam y validación HTML5 nativa para inputs en español de México.
Leer artículoCómo construir un footer multi-columna data-driven en Astro desde site.ts, con grid CSS moderno, cierre legal y patrones de responsive sin hacks.
Leer artículoEl footer como activo SEO global en Astro: NAP consistente, schema Organization único y por qué cada página debe servir la misma ficha de marca.
Leer artículoCómo emitir Review schema en Astro de forma honesta: estrellas reales, aggregate solo con datos verificables y por qué la confianza vale más que el snippet.
Leer artículoDel estado nativo de details/summary al schema FAQPage: cómo construir un FAQAccordion accesible en Astro sin JavaScript y con SEO bien resuelto.
Leer artículoCómo armar un catálogo de servicios data-driven en Astro: iconos por categoría, mapping desde la colección y un solo grid que crece sin tocar el JSX.
Leer artículoTarjetas de servicio en Astro con CTA dual: cuándo enviar a la ficha del servicio y cuándo abrir WhatsApp para no perder el lead caliente.
Leer artículoCuándo emitir Product+Offer JSON-LD en una card y cuándo no, por qué la regla del único emisor B3 evita penalizaciones y duplicados en Google.
Leer artículoCómo armar una vitrina de productos performante en Astro: del frontmatter Markdown a la ProductCard, con loaders, reference() y precios honestos.
Leer artículoCuándo usar CategoryDetail y cuándo CategoryCard en Astro: árbol de decisión por contexto, intent del visitante y profundidad del catálogo.
Leer artículoCómo armar páginas de detalle de categoría con CategoryDetail en Astro: bloques info + galería que educan al visitante y mantienen el ritmo de lectura.
Leer artículoDel mobile-first al desktop con Astro y tokens.css: cómo armar un grid de CategoryCard que sobrevive a 380px, 768px y 1024px sin reflujos.
Leer artículoTarjetas de categoría que convierten: anatomía, variantes y enfoque data-driven con Content Collections de Astro para escalar sin tocar el JSX.
Leer artículoÁrbol de decisión para elegir entre layout duo, simple y dark en SectionHeading: cuándo se usa cada uno y por qué la consistencia importa.
Leer artículoCómo diseñar section headings que enganchen sin romper la jerarquía H1-H6 ni la legibilidad para buscadores, con ejemplos de Astro y tokens CSS.
Leer artículoPatrones de cierre para artículos y landings con SectionMenu: cómo convertir el final de la página en el inicio de una acción del visitante.
Leer artículoDiseñando un menú de sección efectivo: anclas internas, cierre de página y enfoque data-driven con Astro para guiar al visitante al siguiente paso.
Leer artículoPor qué tu sitio Astro necesita un BreadcrumbList JSON-LD bien construido, dónde emitirlo y los errores que provocan que Google ignore tu jerarquía.
Leer artículoCómo implementar migas de pan en Astro para fortalecer la navegación, evitar duplicar JSON-LD y mantener la jerarquía coherente en cada página.
Leer artículoGuía DEMO con el flujo para construir un sitio Astro desde esta plantilla: configurar datos, agregar contenido en Markdown y publicar.
Leer artículo