Acabamos de Hacer Esta Plantilla Ridículamente Mejor

¿Conoces esa sensación cuando construyes algo, lo pones en el mundo, y luego inmediatamente piensas en diez maneras de hacerlo mejor?

Sí. Ese he sido yo las últimas semanas.

No podía dejar de pensar en esta plantilla. No porque estuviera rota o algo así.. estaba funcionando bien. Pero seguía viendo oportunidades. Pequeñas cosas que harían una diferencia real para cualquiera que la usara para construir su blog.

Así que volví al trabajo.

Y honestamente, me emocioné un poco. De la mejor manera posible.

Acabamos de lanzar una actualización masiva a la plantilla, y estoy genuinamente emocionado por lo que hemos añadido. Estamos hablando de nueve características principales que hacen esta cosa más rápida, más inteligente y lista para la forma en que la gente está realmente buscando en 2025.

Déjame guiarte por lo que cambió y por qué importa.

El Problema de la Búsqueda por IA

Aquí está algo que me ha mantenido despierto por la noche.. Google está lanzando AI Overviews en todas partes. ChatGPT lanzó su función de búsqueda. Perplexity está creciendo como loco. La gente está literalmente cambiando cómo buscan información.

¿Y la mayoría de las plantillas de blog? Todavía están optimizadas para motores de búsqueda de hace cinco años.

Eso me pareció mal. Si estamos construyendo una plantilla que se supone ayuda a la gente a tener éxito con SEO, necesita funcionar con cómo la búsqueda realmente funciona hoy. No como funcionaba en 2020.

Así que implementé optimización de búsqueda por IA con agrupamiento de entidades. Básicamente, ahora estamos estructurando el contenido de una manera que los grandes modelos de lenguaje pueden entender y referenciar más fácilmente. Cuando una IA está resumiendo información o respondiendo preguntas, esta plantilla le da datos limpios y bien estructurados con los que trabajar.

No se trata de engañar al sistema. Se trata de asegurar que tu contenido sea accesible a la nueva generación de herramientas de búsqueda que la gente está realmente usando.

Video y Voz

Estaba mirando analytics de varios sitios en los que trabajo, y noté algo interesante. Los videos incrustados en posts de blog estaban obteniendo mucho más engagement que posts solo de texto. Tiene sentido, ¿verdad? A la gente le gusta ver cosas.

Pero aquí está lo que llamó mi atención.. esos posts con video no estaban apareciendo en los resultados de búsqueda de video. No estaban recibiendo rich snippets. Google no tenía idea de que había contenido de video en la página.

Así que añadí schema VideoObject. Ahora cuando incrustas un video en tu post de blog, los motores de búsqueda saben exactamente qué es. Pueden mostrar miniaturas en los resultados de búsqueda, mostrar duración, mostrar fechas de subida. Todas las cosas que hacen que la gente realmente quiera hacer clic.

Luego está la búsqueda por voz. Tengo un Google Home en mi cocina, y lo uso todo el tiempo cuando estoy cocinando. "Hey Google, ¿cómo corto una cebolla en cubitos?" o lo que sea. Y empecé a preguntarme.. ¿cómo deciden los motores de búsqueda qué contenido leer en voz alta?

Resulta que hay un tipo de schema para eso. El schema Speakable dice a los asistentes de voz qué partes de tu contenido son buenas para hablar. Añadí soporte para esto porque la búsqueda por voz solo está creciendo, y deberíamos estar listos para ello.

También añadí schema Event mientras estaba en ello. Si estás escribiendo sobre conferencias, meetups, webinars, lo que sea.. ahora Google puede mostrar eso apropiadamente en los resultados de búsqueda con fechas y ubicaciones y todos los detalles relevantes.

Pasamos de seis tipos de schema a nueve. Cada uno resuelve un problema específico con el que realmente me he topado.

Cosas de Rendimiento Que Realmente Importan

Okay, aquí es donde probablemente me excedí un poco, pero escúchame.

Añadí soporte para imágenes AVIF y WebP. Estos son formatos de imagen modernos que son literalmente 20 a 50 por ciento más pequeños que JPEGs con la misma calidad. Esa no es una pequeña diferencia. Esa es la diferencia entre una página que carga instantáneamente y una que hace esperar a la gente.

También implementé imágenes responsivas mobile-first. La mayor parte de tu tráfico probablemente viene de teléfonos, ¿verdad? Entonces, ¿por qué estamos sirviendo imágenes de tamaño desktop a usuarios móviles? Ahora la plantilla sirve automáticamente imágenes de tamaño apropiado basadas en el dispositivo. Imágenes más pequeñas para teléfonos, más grandes para desktops. Tiene perfecto sentido.

Luego entré en cosas más técnicas. Añadí preconnect para recursos de terceros. Cuando tu navegador necesita cargar algo de otro dominio, tiene que hacer todo este baile.. búsqueda DNS, conexión TCP, handshake TLS. Lleva tiempo. Con preconnect, hacemos todo eso por adelantado para que cuando realmente necesites el recurso, esté listo para usar.

Implementé la API Speculation Rules para Chrome 121 y superior. Esto es genuinamente genial. Permite a Chrome precargar páginas antes de que incluso hagas clic en ellas. El navegador se vuelve más inteligente sobre predecir dónde vas a navegar y lo carga en segundo plano. Cuando haces clic en un enlace, se siente instantáneo. Como magia.

Y aquí está algo que realmente importa para entender la experiencia real del usuario.. añadí monitoreo de la API LoAF. Eso significa Long Animation Frames. Rastrea cuando tu página está haciendo demasiado trabajo y causando animaciones entrecortadas o interacciones retrasadas. Estos datos van directo a Google Analytics 4 para que puedas ver exactamente cuándo y dónde los usuarios están experimentando ralentizaciones.

Todo este trabajo de rendimiento fue sobre una cosa.. asegurar que tu blog se sienta rápido. No solo puntuar bien en pruebas Lighthouse, sino realmente sentirse ágil y responsivo cuando gente real lo usa en dispositivos reales.

Lo Que Esto Significa Para Ti

Si ya estás usando esta plantilla, estas actualizaciones están esperándote. Descarga los últimos cambios y tienes todo esto.

Si aún no has empezado a usarla, bueno.. ahora es un buen momento. Hemos pasado de una base sólida a algo que genuinamente creo es una de las plantillas de blog más listas para SEO por ahí.

Añadí 498 líneas de código a través de ocho archivos. Creé cuatro nuevos componentes. Integré dos nuevas APIs de rendimiento. Y de alguna manera logré hacer todo esto sin aumentar el tiempo de build o tamaño de bundle. Todavía construye en unos 8.5 segundos. El bundle todavía es alrededor de 184KB.

Esa última parte me importa. Es fácil añadir características. Es difícil añadir características sin hacer las cosas más lentas o más hinchadas. Quería hacer esto bien.

El Objetivo

Aquí está lo que realmente estoy buscando.. quiero que esta sea la mejor plantilla de blog para SEO por ahí. Punto.

No solo buena. No solo sólida. La mejor.

Eso significa mantenerse adelante de cómo la búsqueda está evolucionando. Eso significa añadir soporte para video y voz y búsqueda por IA antes de que la mayoría de la gente se dé cuenta de que lo necesita. Eso significa obsesionarse con el rendimiento de maneras que realmente impactan la experiencia del usuario.

Todavía no llegué ahí. Hay más trabajo por hacer. ¿Pero estas nueve actualizaciones? Son un gran paso en la dirección correcta.

Ahora estamos optimizados para Google AI Overviews y ChatGPT Search. Estamos listos para asistentes de voz. Soportamos formatos modernos de imagen. Tenemos monitoreo que muestra experiencia real del usuario. Precargamos páginas para navegación instantánea.

Esta plantilla está construida para 2025 y más allá, no para la web de hace cinco años.

Qué Sigue

Tengo más ideas. Siempre las tengo. Pero quería tener estas actualizaciones publicadas y estables antes de pasar a la siguiente ronda de mejoras.

Si estás usando la plantilla y encuentras problemas, avísame. Si tienes ideas de qué la haría mejor, quiero escucharlas. Esto es open source porque creo que construimos mejores cosas juntos.

Y si apenas estás empezando con tu blog, bienvenido. Estás empezando con algo sólido. Algo rápido. Algo que está realmente optimizado para cómo la gente busca hoy.

Construyamos algo genial.