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 sobre cómo se construye y se mantiene un sitio profesional: guías prácticas y novedades del sistema.
El blog es el motor de contenido del sitio: cada artículo es una página nueva que puede responder a una búsqueda y atraer visitas que aún no te conocen. Bien hecho, es la forma más sostenible de crecer en orgánico —no depende de pagar por cada clic, sino de resolver dudas reales.
Aquí el grid no se escribe a mano: sale de la colección de artículos (.mdx) ordenada por fecha. Publicar es agregar un archivo Markdown; la lista y la página del artículo se generan solas. Los artículos son DEMO de la plantilla: reemplázalos por los tuyos.
Últimos artículos
Cada entrada es una puerta de entrada distinta al sitio desde el buscador.
Un blog no es un diario: es una red de páginas que responden preguntas concretas de tu audiencia. Cada artículo bien enfocado capta una búsqueda específica y, desde ahí, conecta con tus productos y servicios mediante enlaces internos. Es contenido que sigue trabajando mucho después de publicarse.
Por eso el sistema separa el contenido (Markdown) del diseño (la plantilla): escribir o corregir un artículo no exige tocar código. El autor se concentra en el texto; la estructura, el SEO y los datos estructurados ya están resueltos.
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ículoLa regla B4 del repo prohíbe auto-emitir AggregateRating y Review sin datos reales. Por qué la confianza honesta vale más que el snippet falso en Google.
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ículoPor qué el schema FAQPage sigue importando aunque Google haya cambiado sus rich results: AEO, snippets, asistentes y la web semántica más allá del SERP.
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ículoSegundo artículo DEMO, en la categoría novedades, para mostrar cómo el blog lista varias entradas ordenadas por fecha de publicación y filtradas por borrador.
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