Estimación: Mostrar el tiempo estimado de lectura y el recuento de palabras

Shopify website development Jan 21, 2026
Estimation: Displaying Estimated Reading Time and Word Count

Estimación: Para el tiempo de lectura:

Código Liquid -

{% assign reading_time = article.content | strip_html | split: ' ' | size | times: 1.0 | divided_by: 200 | ceil %}{{ reading_time }} min de lectura


Aquí está el desglose del código

assign reading_time = article.content: Esto crea una variable llamada reading_time y asigna el texto completo del cuerpo de la entrada del blog. 

| strip_html: Este filtro elimina todas las etiquetas HTML (como <p>, <strong> o <div> etc.) para que obtengamos solo las palabras reales que se cuentan.

| split: ' ': Esto convierte la larga cadena de texto en una lista (array) dividiéndola cada vez que hay un espacio. Ten en cuenta que, si usas '' (sin espacio), devolverá el recuento de caracteres.

| size: Esto cuenta el número total de elementos en esa lista, lo que efectivamente te da el total de palabras del artículo.

| times: 1.0: Esto convierte el número entero en un decimal (float). Esto es necesario para garantizar que la división en el siguiente paso sea precisa y no se redondee hacia abajo inmediatamente.

| divided_by: 200: Esto divide el recuento total de palabras por 200 (asumimos que el promedio de palabras leídas por minuto es, de hecho, de 200 palabras por minuto, que es un estándar de la industria).

| ceil: Redondea el resultado hacia arriba al entero más cercano (por ejemplo, 2,1 minutos se convierte en "3 min de lectura").

{{ reading_time }} min de lectura: Esto muestra el número final calculado en la página seguido del texto "min de lectura".



Para el recuento de palabras: 

{% assign word_count = article.content | strip_html | split: ' ' | size %}{{ word_count }} palabras


Dado que la lógica del recuento de palabras sigue los mismos pasos explicados anteriormente, no repetiremos el desglose aquí.

La estimación del tiempo de lectura y el recuento de palabras utilizando código Liquid es una solución nativa altamente eficiente para aumentar la participación de los usuarios en el blog sin depender de aplicaciones de terceros pesadas.

Let's Explore Your Project Details

1. Configuración y puesta en marcha integral de la tienda
Lanza tu tienda con confianza gracias a nuestros completos servicios de configuración. Nos encargamos de todo, desde la configuración inicial del dominio y la integración de la pasarela de pago hasta la organización del catálogo de productos, garantizando una base sólida para empezar a vender de inmediato.

2. Diseño impecable y personalización de temas
Destaca con una tienda de alta conversión adaptada a tu marca. Ya sea que desarrollemos un tema personalizado desde cero o convirtamos diseños de Figma/XD, garantizamos una combinación perfecta entre una estética impactante y una funcionalidad optimizada para dispositivos móviles.

3. Funcionalidades personalizadas y desarrollo de aplicaciones
Ve más allá de lo básico con soluciones a medida. Desarrollamos aplicaciones privadas y públicas seguras para Shopify que amplían las capacidades de tu tienda, automatizan flujos de trabajo empresariales complejos y se integran a la perfección con tu infraestructura tecnológica actual.

4. Optimización del rendimiento y del SEO
La velocidad es la base de la conversión. Nuestros desarrolladores implementan código Liquid limpio, optimizan las Core Web Vitals y aplican las mejores prácticas de SEO técnico para garantizar que tu tienda obtenga mejores posiciones y cargue al instante en cualquier dispositivo.

5. Migración sin interrupciones y soporte para escalar
Mejora tu experiencia de comercio electrónico sin riesgos. Realizamos migraciones sencillas desde plataformas como WooCommerce o Magento, garantizando que no se pierda ningún dato y ofreciendo mantenimiento continuo para que tu tienda crezca al ritmo de tu negocio.

Let's Explore Your Project Details

Name

Email

Phone Number

Write a message

Hire Us to Autopilot Your Shopify Service
Regresar al blog

Deja un comentario

Blogs vistos recientemente

Continuar leyendo

  • Cómo aumentar las ventas en Shopify: las 15 mejores estrategias

    Estrategias de Shopify Jan 21, 2026
  • Claves del éxito con los servicios de desarrollo de Shopify: principales tendencias

    Desarrollo en Shopify Jan 21, 2026