Plantilla astro lista para producción: contenido en Markdown y diseño listos para lanzar un sitio profesional, rápido y fácil de editar. Clónala y publica.https://ejemplos.mx/es-MX© 2026 Ejemplos.mxEjemplos.mxEjemplos.mxhttps://ejemplos.mx/blog/astro-6-fonts-api-self-hosting/https://ejemplos.mx/blog/astro-6-fonts-api-self-hosting/La Fonts API de Astro 6 automatiza self-hosting, preloads y fallbacks para eliminar CLS y requests externos de Google Fonts. Análisis completo.Tue, 23 Jun 2026 00:00:00 GMTastrofonts-apiastro-6performanceweb-fontsself-hostingclscwvEjemplos.mxhttps://ejemplos.mx/blog/astro-content-layer-loaders-type-safe/https://ejemplos.mx/blog/astro-content-layer-loaders-type-safe/Revisión honesta del Content Layer de Astro 5: loaders, glob, CMSs externos y qué sigue siendo un tradeoff real en producción.Tue, 23 Jun 2026 00:00:00 GMTastrocontent-layerloaderscontent-collectionsastro-5typescriptEjemplos.mxhttps://ejemplos.mx/blog/auditar-migrar-sitio-existente-al-estandar-pagina-por-pagina/https://ejemplos.mx/blog/auditar-migrar-sitio-existente-al-estandar-pagina-por-pagina/Lleva un sitio publicado al estándar sin big-bang: inventario por nivel L1–L4, auditoría contra la vara, bucle de mejora bidireccional y gate de deploy verde.Tue, 23 Jun 2026 00:00:00 GMTastromigracionauditoriaseometodologiacalidadEjemplos.mxhttps://ejemplos.mx/blog/category-feature-spotlight-categoria-astro/https://ejemplos.mx/blog/category-feature-spotlight-categoria-astro/Cómo construir un CategoryFeature en Astro 6: texto con bullets y pills de marcas a la izquierda, galería 1+2 a la derecha. Props y CSS tokens.Tue, 23 Jun 2026 00:00:00 GMTastrocategory-featureuxhomeconversioncomponentesEjemplos.mxhttps://ejemplos.mx/blog/faq-con-formulario-dos-columnas-conversion/https://ejemplos.mx/blog/faq-con-formulario-dos-columnas-conversion/FAQWithContact en Astro: acordeón de FAQ izquierda + tarjeta sticky derecha. Select de giro, textarea con contador y apertura wa.me sin backend.Tue, 23 Jun 2026 00:00:00 GMTastrofaqwhatsappconversionuxstickyformularioEjemplos.mxhttps://ejemplos.mx/blog/live-content-collections-astro-6/https://ejemplos.mx/blog/live-content-collections-astro-6/Astro 6 estabiliza Live Content Collections: contenido de CMS en tiempo real sin builds. Análisis completo con casos reales y tradeoffs honestos.Tue, 23 Jun 2026 00:00:00 GMTastrolive-content-collectionsastro-6cmsssrcontenido-dinamicoeditorialEjemplos.mxhttps://ejemplos.mx/blog/migrar-blog-legacy-html-a-content-collections-astro/https://ejemplos.mx/blog/migrar-blog-legacy-html-a-content-collections-astro/Migra cientos de posts HTML a una colección Astro tipada: conversor bs4+markdownify, frontmatter Zod-válido, exclusión de stubs, paginación y tags.Tue, 23 Jun 2026 00:00:00 GMTastroblogcoleccionesmigracionmarkdownseoEjemplos.mxhttps://ejemplos.mx/blog/paginas-legales-mexico-aviso-privacidad-terminos-lfpdppp/https://ejemplos.mx/blog/paginas-legales-mexico-aviso-privacidad-terminos-lfpdppp/Aviso de privacidad LFPDPPP con derechos ARCO y términos de servicio: estructura canónica, schema y layout legal para un sitio de negocio mexicano en Astro.Tue, 23 Jun 2026 00:00:00 GMTlegallfpdpppprivacidadterminosmexicoastroEjemplos.mxhttps://ejemplos.mx/blog/portafolio-honesto-coleccion-proyectos-creativework-vs-casos/https://ejemplos.mx/blog/portafolio-honesto-coleccion-proyectos-creativework-vs-casos/Separa proyectos (CreativeWork, trabajo real) de casos (testimonios con cita): un portafolio que convierte sin inventar métricas ni reseñas, con schema limpio.Tue, 23 Jun 2026 00:00:00 GMTastroportafolioschemacoleccionesseocontenidoEjemplos.mxhttps://ejemplos.mx/blog/satteri-compilador-rust-astro-6-performance/https://ejemplos.mx/blog/satteri-compilador-rust-astro-6-performance/Astro 6 apuesta por Rust en su compilador .astro y en Sätteri para Markdown. Análisis honesto: qué ganas, qué pierdes y qué señala sobre el futuro.Tue, 23 Jun 2026 00:00:00 GMTastrorustsatteriperformanceastro-6buildmarkdowncompiladorEjemplos.mxhttps://ejemplos.mx/blog/server-islands-astro-estatico-dinamico/https://ejemplos.mx/blog/server-islands-astro-estatico-dinamico/Server Islands de Astro 5/6: análisis honesto de cómo combinan CDN estático con contenido dinámico por usuario y cuándo realmente convienen.Tue, 23 Jun 2026 00:00:00 GMTastroserver-islandsarquitecturarendimientoastro-5cdnpersonalizacionEjemplos.mxhttps://ejemplos.mx/blog/sitio-servicios-centrico-retirar-andamiaje-catalogo-astro/https://ejemplos.mx/blog/sitio-servicios-centrico-retirar-andamiaje-catalogo-astro/Convierte la plantilla catálogo-céntrica a servicios-céntrica: retira la colección productos, repunta footer/menú/CTAs y elimina rutas, con build verde.Tue, 23 Jun 2026 00:00:00 GMTastroserviciosarquitecturacoleccionesmigracioncatalogoEjemplos.mxhttps://ejemplos.mx/blog/cuando-crear-l4-thin-content-arquitectura/https://ejemplos.mx/blog/cuando-crear-l4-thin-content-arquitectura/Estrategia del L4: cuándo una variante merece URL propia, cuándo es thin content que canibaliza al padre, y la pregunta de control antes de bajar de nivel.Sun, 21 Jun 2026 00:00:00 GMTseoarquitecturacontenidoestrategiaecommercethin-contentEjemplos.mxhttps://ejemplos.mx/blog/ficha-detalle-astro-rutas-dinamicas-schema/https://ejemplos.mx/blog/ficha-detalle-astro-rutas-dinamicas-schema/Guía técnica de la ficha (L3) en Astro: getStaticPaths, render de Markdown, migas de dos niveles y schema Product/Service/Article único (regla B3).Sun, 21 Jun 2026 00:00:00 GMTastrocontent-collectionsseoschemaarquitecturarutas-dinamicasEjemplos.mxhttps://ejemplos.mx/blog/fichas-long-tail-conversion-intencion/https://ejemplos.mx/blog/fichas-long-tail-conversion-intencion/Estrategia de la ficha (L3): el tráfico long-tail de alta intención, cómo agotar el tema para convertir y por qué la ficha no debe remitir a otra página.Sun, 21 Jun 2026 00:00:00 GMTseoconversioncontenidolong-tailestrategiauxEjemplos.mxhttps://ejemplos.mx/blog/home-astro-anatomia-hero-lcp/https://ejemplos.mx/blog/home-astro-anatomia-hero-lcp/Guía técnica de la home en Astro: un solo H1, LCP por debajo de 2.5 s, vitrina data-driven desde site.ts y Organization JSON-LD único (regla B3).Sun, 21 Jun 2026 00:00:00 GMTastroarquitecturaperformancecore-web-vitalsseohomeEjemplos.mxhttps://ejemplos.mx/blog/home-primera-impresion-distribucion-trafico/https://ejemplos.mx/blog/home-primera-impresion-distribucion-trafico/Estrategia de la home (L1): la primera impresión que decide la permanencia, el reparto de tráfico hacia las secciones y cuándo conviene una landing focal.Sun, 21 Jun 2026 00:00:00 GMThomeuxconversionseoarquitecturaestrategiaEjemplos.mxhttps://ejemplos.mx/blog/indice-de-seccion-astro-getcollection-itemlist/https://ejemplos.mx/blog/indice-de-seccion-astro-getcollection-itemlist/Guía técnica del índice de sección (L2) en Astro: getCollection, grid mobile-first, ItemList único (regla B3) y migas de un nivel sin hardcodear hijos.Sun, 21 Jun 2026 00:00:00 GMTastrocontent-collectionsseoarquitecturadata-drivenitemlistEjemplos.mxhttps://ejemplos.mx/blog/niveles-de-un-sitio-l1-l4-arquitectura-informacion/https://ejemplos.mx/blog/niveles-de-un-sitio-l1-l4-arquitectura-informacion/Arquitectura de información en 4 niveles (L1 inicio, L2 índice, L3 ficha, L4 variante): rol, migas, schema y SEO de cada uno, y cómo se enlazan.Sun, 21 Jun 2026 00:00:00 GMTastroarquitecturaseocontenidoestrategiajerarquiaEjemplos.mxhttps://ejemplos.mx/blog/pagina-pilar-hub-and-spoke-seo-categorias/https://ejemplos.mx/blog/pagina-pilar-hub-and-spoke-seo-categorias/Estrategia del índice de sección (L2): páginas pilar, modelo hub-and-spoke, reparto de autoridad a las fichas y anchor text real que rankea por categoría.Sun, 21 Jun 2026 00:00:00 GMTseoarquitecturacontenidoconversionestrategiaenlazado-internoEjemplos.mxhttps://ejemplos.mx/blog/variantes-l4-astro-canonical-productgroup/https://ejemplos.mx/blog/variantes-l4-astro-canonical-productgroup/Guía técnica del L4 en Astro: rutas anidadas o selector en frontmatter, canonical anti-canibalización y ProductGroup; crear hoja solo si aporta contenido.Sun, 21 Jun 2026 00:00:00 GMTastroseoschemacanonicalarquitecturaecommerceEjemplos.mxhttps://ejemplos.mx/blog/construir-sitio-astro-markdown-12-modulos-referencia/https://ejemplos.mx/blog/construir-sitio-astro-markdown-12-modulos-referencia/Tesis técnica para construir un sitio profesional con Astro y Markdown: 12 módulos encadenados como referencia industrial. Mapa de los 25 artículos.Mon, 25 May 2026 00:00:00 GMTastromarkdownarquitecturatesismodulosEjemplos.mxhttps://ejemplos.mx/blog/tracking-cta-data-attr-analytics-respeto/https://ejemplos.mx/blog/tracking-cta-data-attr-analytics-respeto/Tracking de CTAs en Astro con data-cta-id: medir clicks sin tags managers pesados, event delegation, analytics respetuoso del consentimiento.Mon, 18 May 2026 00:00:00 GMTastrocta-banneranalyticstrackingdata-attrEjemplos.mxhttps://ejemplos.mx/blog/cta-honestos-copy-jerarquia-antidarkpatterns/https://ejemplos.mx/blog/cta-honestos-copy-jerarquia-antidarkpatterns/CTAs honestos en Astro CTABanner: copy del botón verbo+resultado, jerarquía primary/secondary y por qué los dark-patterns destruyen retención.Sat, 16 May 2026 00:00:00 GMTastrocta-bannercopyuxeticaEjemplos.mxhttps://ejemplos.mx/blog/form-cloudflare-pages-function-backend/https://ejemplos.mx/blog/form-cloudflare-pages-function-backend/Contact form Astro + Cloudflare Pages Functions: handler POST, validación server-side, rate-limit con KV, email vía Resend, deploy sin servidor.Tue, 12 May 2026 00:00:00 GMTastrocontact-formcloudflareserverlessbackendEjemplos.mxhttps://ejemplos.mx/blog/contact-form-wcag-honeypot-es-mx/https://ejemplos.mx/blog/contact-form-wcag-honeypot-es-mx/Contact form en Astro accesible (WCAG 2.2 SC 1.3.5/2.5.8/3.3.7), honeypot anti-spam y validación HTML5 con patrones es-MX (teléfono, RFC).Sun, 10 May 2026 00:00:00 GMTastrocontact-forma11ywcaghoneypotEjemplos.mxhttps://ejemplos.mx/blog/footer-multicolumna-data-driven-grid/https://ejemplos.mx/blog/footer-multicolumna-data-driven-grid/Footer multi-columna en Astro desde site.ts: 5 zonas (CTA, grid de marca + 4 cols, certificación, barra legal), grid CSS y responsive.Wed, 06 May 2026 00:00:00 GMTastrofootercss-griddata-drivenresponsiveEjemplos.mxhttps://ejemplos.mx/blog/footer-activo-seo-global-nap-organization/https://ejemplos.mx/blog/footer-activo-seo-global-nap-organization/Footer como activo SEO global en Astro: NAP en site.ts, schema Organization único emisor, sameAs y consistencia entre páginas.Mon, 04 May 2026 00:00:00 GMTastrofooterseonapschemaEjemplos.mxhttps://ejemplos.mx/blog/por-que-no-auto-emitir-resenas-regla-b4/https://ejemplos.mx/blog/por-que-no-auto-emitir-resenas-regla-b4/Regla B4: SITE.allowSelfReviews=false por default. Por qué auto-emitir reseñas falsea schema, daña confianza y se penaliza en SERP.Wed, 29 Apr 2026 00:00:00 GMTreviewschemaeticaseoconfianzaEjemplos.mxhttps://ejemplos.mx/blog/reviews-schema-estrellas-aggregate-astro/https://ejemplos.mx/blog/reviews-schema-estrellas-aggregate-astro/Review + AggregateRating schema en Astro: datos verificables, regla B4 contra reviews falsas, ReviewCard real y manejo de la colección casos.Mon, 27 Apr 2026 00:00:00 GMTastroreviewschemaseocasosEjemplos.mxhttps://ejemplos.mx/blog/faq-rich-results-2026-por-que-importa/https://ejemplos.mx/blog/faq-rich-results-2026-por-que-importa/FAQ schema en 2026: aunque rich results bajaron, FAQPage sigue alimentando AEO, snippets, asistentes y modelos. Por que emitirlo igual.Thu, 23 Apr 2026 00:00:00 GMTfaqschemaseorich-resultsaeoEjemplos.mxhttps://ejemplos.mx/blog/faqaccordion-astro-details-faqpage/https://ejemplos.mx/blog/faqaccordion-astro-details-faqpage/FAQAccordion en Astro con details/summary nativo: a11y por default, JSON-LD FAQPage con emisor unico y patrones para evitar duplicados.Tue, 21 Apr 2026 00:00:00 GMTastrofaqaccordiona11yschemaEjemplos.mxhttps://ejemplos.mx/blog/catalogo-servicios-data-driven-iconos/https://ejemplos.mx/blog/catalogo-servicios-data-driven-iconos/Catálogo de servicios en Astro con Content Collections, iconos por enum de categoría y grid responsive. Sin hardcoded, escalable y tipado.Fri, 17 Apr 2026 00:00:00 GMTastroservice-carddata-drivencontent-collectionsiconosEjemplos.mxhttps://ejemplos.mx/blog/service-card-cta-dual-whatsapp-ficha/https://ejemplos.mx/blog/service-card-cta-dual-whatsapp-ficha/ServiceCard en Astro con CTA dual ficha+WhatsApp: copy del botón, jerarquía visual y patrón WA_MESSAGES para mensajes en contexto.Wed, 15 Apr 2026 00:00:00 GMTastroservice-cardctawhatsappconversionEjemplos.mxhttps://ejemplos.mx/blog/schema-product-cards-emisor-unico/https://ejemplos.mx/blog/schema-product-cards-emisor-unico/Schema Product+Offer en cards: dónde emitirlo, cuándo NO, regla del único emisor y errores que disparan warnings en Search Console.Sat, 11 Apr 2026 00:00:00 GMTastroproduct-cardschemajsonldseoEjemplos.mxhttps://ejemplos.mx/blog/product-card-catalogo-markdown-astro/https://ejemplos.mx/blog/product-card-catalogo-markdown-astro/Catálogo de productos en Astro: Content Collections, ProductCard, glob loader, reference() entre colecciones y vitrina performante real.Thu, 09 Apr 2026 00:00:00 GMTastroproduct-cardcontent-collectionscatalogomarkdownEjemplos.mxhttps://ejemplos.mx/blog/category-card-vs-category-detail-decision/https://ejemplos.mx/blog/category-card-vs-category-detail-decision/Árbol de decisión CategoryDetail vs CategoryCard: cuándo informar a fondo y cuándo invitar a explorar. Reglas, contextos y anti-patrones.Sun, 05 Apr 2026 00:00:00 GMTastrocategory-detailcategory-carduxdisenoEjemplos.mxhttps://ejemplos.mx/blog/category-detail-bloques-profundos-astro/https://ejemplos.mx/blog/category-detail-bloques-profundos-astro/Bloques info+galería con CategoryDetail en Astro: regla de no zig-zag, layout 2 col, sin reverse, copy y galería que educan al visitante.Fri, 03 Apr 2026 00:00:00 GMTastrocategory-detailcontenidouxcatalogoEjemplos.mxhttps://ejemplos.mx/blog/grid-categorias-responsive-astro-tokens/https://ejemplos.mx/blog/grid-categorias-responsive-astro-tokens/Grid de CategoryCard responsive con tokens.css: breakpoints reales 1024/768/640/480/380, container fluido y prevención de CLS.Mon, 30 Mar 2026 00:00:00 GMTastrocategory-cardresponsivecss-gridtokensEjemplos.mxhttps://ejemplos.mx/blog/category-card-anatomia-data-driven-astro/https://ejemplos.mx/blog/category-card-anatomia-data-driven-astro/CategoryCard en Astro: anatomía de imagen, badge, blurb y CTA; loader desde collections, props disabled/badge inline y ejemplos reutilizables.Sat, 28 Mar 2026 00:00:00 GMTastrocategory-cardcontent-collectionsuxcatalogoEjemplos.mxhttps://ejemplos.mx/blog/section-heading-layout-duo-simple-dark/https://ejemplos.mx/blog/section-heading-layout-duo-simple-dark/Las tres variantes de SectionHeading en Astro: cuándo usar duo (contenido), simple (catálogo) o dark (CTA), con reglas duras y ejemplos.Tue, 24 Mar 2026 00:00:00 GMTastrosection-headinglayoutsvariantesdisenoEjemplos.mxhttps://ejemplos.mx/blog/section-heading-jerarquia-seo-astro/https://ejemplos.mx/blog/section-heading-jerarquia-seo-astro/Section headings en Astro: H1-H6 sin saltos, eyebrow vs título, accent semántico, body inline. Ejemplos reales para sitios profesionales.Sun, 22 Mar 2026 00:00:00 GMTastrosection-headingtipografiaseojerarquiaEjemplos.mxhttps://ejemplos.mx/blog/section-menu-conversion-landing/https://ejemplos.mx/blog/section-menu-conversion-landing/Cierre de página con SectionMenu en Astro: del scroll que se va al click intencional. Patrones, jerarquía y métricas que importan.Wed, 18 Mar 2026 00:00:00 GMTastrosection-menuconversionlandingctaEjemplos.mxhttps://ejemplos.mx/blog/menu-de-seccion-astro-anclas-cierre/https://ejemplos.mx/blog/menu-de-seccion-astro-anclas-cierre/Cómo construir un SectionMenu en Astro con anclas internas, items data-driven y un patrón de cierre que aumenta la profundidad de sesión.Mon, 16 Mar 2026 00:00:00 GMTastrosection-menunavegacionuxanclasEjemplos.mxhttps://ejemplos.mx/blog/breadcrumbs-seo-jsonld-astro/https://ejemplos.mx/blog/breadcrumbs-seo-jsonld-astro/BreadcrumbList JSON-LD en Astro: cuándo se ven en SERP, regla del único emisor, errores comunes y validación con Search Console.Thu, 12 Mar 2026 00:00:00 GMTastrobreadcrumbsseojsonldschemaEjemplos.mxhttps://ejemplos.mx/blog/migas-de-pan-astro-guia-paso-a-paso/https://ejemplos.mx/blog/migas-de-pan-astro-guia-paso-a-paso/Guía técnica para construir migas de pan en Astro: anatomía, microdata, BreadcrumbList JSON-LD sin duplicados y patrones avanzados de a11y.Tue, 10 Mar 2026 00:00:00 GMTastrobreadcrumbsnavegacionseouxEjemplos.mxhttps://ejemplos.mx/blog/novedades-del-sistema/https://ejemplos.mx/blog/novedades-del-sistema/Novedades del sistema de producción web: cómo el blog lista entradas ordenadas por fecha de publicación y filtra borradores desde la colección de artículos.Sun, 01 Feb 2026 00:00:00 GMTnovedadeschangelogEjemplos.mxhttps://ejemplos.mx/blog/como-usar-esta-plantilla/https://ejemplos.mx/blog/como-usar-esta-plantilla/Flujo para construir un sitio Astro desde la plantilla Ejemplos.mx: datos en site.ts, contenido en colecciones y metadatos por página.Thu, 15 Jan 2026 00:00:00 GMTplantillaastroguíamarkdownEjemplos.mx