maxresdefault
Actualizado: mayo 20, 2021

Google Core Web Vitals Tutorial (OPTIMIZAR WordPress) 🚀

En junio del año 2021, Google comenzará a utilizar los Core Web Vitals para posicionar las páginas web al realizar una búsqueda. Si tienes una página web, blog o estás enfocado en SEO, necesitas leer este artículo.

Vas a aprender los elementos más importantes de los Core Web Vitals y cómo puedes mejorarlos SIN ser un programador. Además, conocerás cómo hice en 10 minutos para mejorar mi puntuación de 40 a 100 para computadores.

¡Aquí vamos!

Video: Google Core Web Vitals Tutorial (OPTIMIZAR WordPress)

Qué son los Core Web Vitals

Los Core Web Vitals son una nueva iniciativa de Google diseñada para medir y mejorar la experiencia de los visitantes en las páginas web. En lugar de centrarse en métricas genéricas como el tiempo que tarda en cargarse todo el sitio web, las Core Web Vitals se enfocan en el rendimiento de tu sitio web para dar la mejor experiencia al visitante.

Los usuarios necesitan velocidad para empezar a interactuar con una página y eso es precisamente lo que las métricas de Core Web Vitals pretenden medir.

core web vitals 2

Qué mide los Core Web Vitals

Hay 3 métricas importantes que se miden en los Core Web Vitals:

Largest Contentful Paint (LCP)

La primera se llama Largest Contentful Paint o sus siglas LCP, la cual mide el tiempo que tarda en cargarse el contenido más importante de tu sitio web, que suele ser la sección principal o una imagen destacada.

En este ejemplo de la página web de noticias CNN puedes ver todo el progreso.

Largest Contentful Paint

Si notas, en los primeros segundos el sitio web carga algunos elementos pero no necesariamente son los más importantes. Sólo hasta los 2.5 segundos el visitante podrá ver la imagen y noticias del momento que es el contenido más importante en este caso.

Para este ejemplo, el Largest Contentful Paint sería de 2.5 segundos.

cumulative layout shift

Cumulative Layout Shift (CLS)

La segunda métrica de los Core Web Vitals se llama Cumulative Layout Shift o sus siglas CLS, la cual mide cuánto cambian o se mueven los elementos de tu sitio web mientras cargan.

¿Te ha pasado que vas a hacer clic en un botón y en ese PRECISO momento el botón de se mueve? Es DESESPERANTE y no es una buena experiencia para el visitante.

Esto es lo que Cumulative Layout Shift quiere evitar.

First Input Delay

First Input Delay (FID)

La tercera métrica de los Core Web Vitales se llama First Input Delay o sus suglas FID, y mide el tiempo que le toma a tu página web procesar una interacción del visitante, como por ejemplo, cuando hace clic en un botón.

Seguro te ha pasado que haces clic en un botón y nada sucede. Esperas unos segundos y DESPUÉS empieza a procesar tu clic.

medir core web vitals

Cómo se miden los Core Web Vitals.

Para medir los Core Web Vitals de tu sitio web, te recomiendo utilizar Google PageSpeed Insights.

Ingresa tu página web y el sistema analizará tus resultados, indicando una calificación para celulares y computadores.

En mi caso obtuve 51 para celulares y 40 para computadores. Veamos cómo podemos mejorar estos números.

google pagespeed insights

Cómo mejorar los Core Web Vitals

Para mejorar los Core Web Vitals de tu página web SIN gastar mucho tiempo y dinero, te recomiendo las siguientes 2 soluciones:

  1. Mejora tu hosting: Gran parte de la velocidad de tu sitio web depende del servidor donde se encuentra alojado. Estas son mis recomendaciones de hosting según la cantidad de visitas mensuales y tu presupuesto.

Tráfico

Hosting Recomendado

Precio Anual (USD)

De 0 a 1.000 visitas mensuales Neolo $39
De 1.000 a 10.000 visitas mensuales Dreamhost $84
Más de 10.000 visitas mensuales Cloudways $132
  1. Optimiza tu página web: Si utilizas WordPress como yo para tu página web, te quedará MUCHO más fácil optimizarla para las métricas de los Core Web Vitals. Primero, asegúrate de optimizar el peso de tus imágenes utilizando un plugin como TinyJPG.Luego, utiliza un plugin de cache para comprimir todo el código sin necesidad de saber programación. Mis 2 plugins favoritos son WP Optimize el cual es gratis y WP Rocket que cuesta $49 dólares y tiene más funciones.

resultados core web vitals

Mis resultados con los Core Web Vitals de Google

Mi calificación en Google PageSpeed Insights era de 51 en celulares y 40 en computadores. Para ahorrar tiempo y dinero, compré el plugin WP Rocket y en menos de 10 minutos mi sitio web obtuvo una calificación de 74 en celulares y 100 en computadores.

Además, ahora mi sitio web carga en 0.4 segundos y seguro mejorará mi posición en los resultados de Google.

Puedes probar WP Rocket con garantía de 14 días.

optimizar wordpress

Conclusión de los Core Web Vitals.

Este tema de los Core Web Vitals puede ser confuso y abrumador. No te preocupes. Cada vez van a seguir mejorando los servidores y las herramientas para facilitarnos este proceso.

Sin embargo, te recomiendo tomar acción AHORA para mejorar tus números.

Si tienes dudas sobre cómo optimizar tu sitio web de WordPress o cómo puedes mejorar tus Core Web Vitals, anótalas en los comentarios para ayudarte.

Otros artículos recomendados:

Pablo Fondo Naranja

Pablo Gutiérrez

Soy un emprendedor que le gusta calificar y compartir aplicaciones para organizar y crecer startups. Tengo una empresa de tecnología llamada LinkPort enfocada a desarrollar plataformas web. Conoce más sobre mí.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

perfil pablo

Únete a más de 4.554 emprendedores.

Recibe nuevos tutoriales y aplicaciones para emprendedores.