homefinance blog
¿Se las arregló para optimizar su sitio para Google Core Web Vitals? Puedes decir que no, está bien. No estás solo. De hecho, SearchMetrics encontró que hasta el 96% de los primeros 2 millones de sitios [1] fallaron las pruebas de vital web central. No soy matemático, pero suena mucho. Google Core Web Vitals es la última herramienta para ayudar a Google a analizar su sitio web. Google continuará usando cosas como velocidad, calidad de contenido y compatibilidad con dispositivos móviles para clasificar los sitios web. Entonces, si te has clasificado bien, puedes relajarte un poco.
Pero poco porque sus competidores están buscando la ventaja que los llevará a la cima. ¿Cómo puedes permanecer frente a ellos? Ofrezca excelentes experiencias de uso, lo que Google también quiere. Y obtendrá grandes recompensas si su sitio web ofrece excelentes experiencias y excelente contenido. En este artículo, lo ayudaremos a crear dicho sitio web. Comenzaremos con un buceo en Google Core Web Vitals para que sepa exactamente lo que significa y qué mide. Luego compartiremos sus mejores consejos para crear páginas que siempre superen los vitales de la web central. Aunque ha habido un cambio en la cronología, y la actualización no se lanzará hasta mediados de junio, tenemos mucho trabajo. ¡Vamos a empezar!
Contenido:
¿Cuáles son los núcleos web vitales?
La pintura más grande contenida
Cambiar el aspecto acumulativo
Primer retraso de entrada
Cómo probar (y leer) su puntaje de Google Core Web Vitals
¿Qué puedo hacer para mejorar mi puntaje?
La actualización de #Google “Core Web Vitals” viene: consejos para ayudar a preparar su #WebSite
Haga clic para enviar un tweet
¿Cuáles son los vitales web de Google Core (y por qué debería preocuparse por ellos)? Si las actualizaciones de Google no le pertenecen, probablemente se pregunte de qué se trata el entusiasmo. Echemos un vistazo rápido a los detalles. En mayo de 2020, Google anunció una nueva incorporación a su clasificación de búsqueda, Core Web Vitals. Un anuncio de que esto generalmente significa mucho trabajo para alguien. Con más de 200 factores únicos utilizados para clasificar los sitios web [2], la clasificación de Google cubre todo. Incluso descubre que su edad está desempeñando un papel en su clasificación, Google Core Web Vitals se centra en la experiencia del usuario o en lo que significa usar su web sitio. En el futuro, Google Core Web Vitals tendrá una serie de valores, pero la actualización para 2021 incluye tres: Pintura de contenido más grande (LCP), cambio de diseño acumulativo (CLS) y primera demora de entrada (FID). La pintura contenida más grande (LCP) Su LCP es una medida de la eliminación del contenido más alto. Puede ser una imagen o simplemente un texto. Sea lo que sea, una vez cargado, el sitio web se siente listo.
Mejor aún, la pintura contenta más grande solo mide el contenido en la ventana del usuario. Cualquier imagen a continuación no se considerará para su puntaje LCP. Si desea obtener los resultados de su pasaje, necesita que su LCP sea menos de 2.5 segundos. Cumulativo de desplazamiento de diseño (CLS) CLS mide la estabilidad de su página durante el proceso de carga. Mide todos los cambios que pueden ocurrir cuando las imágenes son tarde o las fuentes cambian el estilo. Incluso cosas como botones pueden crear cambios inesperados en la página. Si sus elementos se mueven repentinamente (y más de 0.1), tiene un problema que resolver. La primera entrada (FID) FID mide qué tan rápido un navegador se vuelve interactivo. Esto significa que los visitantes pueden hacer cosas y recibir una reacción. Incluye cosas como hacer clic en enlaces, presionar los botones o completar los cuadros de selección. Puede aprobar este valor si los usuarios pueden hacer cosas, como ingresar datos en formularios y encuestas dentro de los 100 ms.
Cómo probar (y leer) Su Google Core Web Vitals anotar una de las cosas maravillosas sobre Core Web Vitals es su enfoque fácil de usar. Estos no son muchos valores de arcales que son difíciles de probar (pero lo entendemos). En cambio, todo puede ser bastante fácil con una serie de herramientas de Google para probar y corregir su sitio web.
Cuando se trata de pruebas, debe saber sobre las dos categorías principales: herramientas de prueba de laboratorio y herramientas de prueba de campo. Las herramientas de prueba de campo son compatibles con datos del mundo real tomados de usuarios reales que optan por la experiencia de los usuarios de Chrome. Esto los hace más valiosos para los vitales de la web central. Nos centraremos en dos opciones: el informe de Google Core Web Vitals en la consola de búsqueda de Google.
La prueba de Speed Insights, que tiene resultados de campo y laboratorio.
Comencemos con el informe de Google Core Web Vitals, porque nos dirá cuál es la URL cuál es el problema.
Usando la consola de búsqueda de Google después de estar en la consola, desplácese hacia abajo para encontrar → Core Web Vitals experiencia. Si hace clic aquí, se abrirá un informe en el sitio completo, con cada URL clasificada como buena, necesita una mejora o mala. ️ Si no ha configurado la consola de búsqueda de Google, tómese un momento para leer nuestra guía de uso de la consola de búsqueda de Google.
Haga clic en Abrir informe para obtener información más específica sobre qué métrica central de vitales web causa la mayoría de los problemas.
Si hace clic en el tipo, obtendrá una lista completa de URL que se pueden probar en la velocidad de la página inisights para obtener más información.
Usando la velocidad de la página Insights Ingrese la URL de la página y haga clic en el análisis para iniciar la prueba. No debe tardar mucho en completar el análisis, lo que primero mostrará los resultados móviles de forma predeterminada. Sin embargo, puede ver los datos básicos de Web Vitals en dispositivos móviles y de escritorio, sin ejecutar una nueva prueba. Encontrará los resultados justo en la parte superior de la página: si desea probar la página completa, haga clic en el resumen de origen. Como puede ver, Core Web Vitals ha sido marcado con la ayuda de porcentajes que indican con qué frecuencia pasan. Esta página es un pasaje sólido, pero ¿qué podemos hacer para las páginas fallidas?
¿Qué puedo hacer para mejorar mi puntaje de Google Core Web Vitals? De hecho, podemos hacer lo suficiente para mejorar los puntajes centrales de la web vital (incluso sin habilidades técnicas). Veamos los mejores consejos para mejorar la experiencia del usuario y los vitales web centrales.
Actualice su alojamiento Sí, no hay mejor manera de mejorar la respuesta del servidor que tener una buena. En realidad, cambiar los anfitriones puede ser difícil (sin mencionar costoso), pero no tiene que pasar de la partición al alojamiento dedicado. Es decir, ese salto resolverá muchos problemas de rendimiento, pero incluso un pequeño salto a un servidor más rápido también puede proporcionar mejoras de rendimiento notables.
Dicho esto, si ya ha decidido cambiar, lea nuestra comparación con los anfitriones de WordPress de mejor rendimiento. Pero, si realmente te apresuras, consulte la mesa a continuación:
!>
Además de las optimizaciones estándar, cada uno de los hosts anteriores ofrece un caché formulario en el lado del servidor. La memorización de caché es el proceso de almacenar una versión HTML de su sitio en su servidor para facilitar la recolección. La memoria del servidor puede ser difícil de administrar y configurar, por lo que deberá preguntarle a su potencial de host sobre su proceso.
Sin embargo, utilizando un complemento de caché, no todos los hosts ofrecen el caché del servidor, pero puede disfrutar de algunos de los beneficios con un caché pagano. Incluso el almacenamiento en el caché en el nivel de página ofrece contenido lo suficientemente rápido como para mejorar la pintura más grande contenida. Cuando se trata de usar un complemento, recomendaría WP Super Cache porque es completamente gratuito (sin actualizaciones) con opciones simples y opciones avanzadas (como precarga). ¿Qué tan fácil es WP Super Cache? Verifique: Una vez que el complemento esté instalado y activado, abra la configuración por configuración → WP Super Cache. Haga clic en fácil y active el almacenamiento en caché y luego actualice la condición.
En un momento, encontrará algunos problemas con el caché. No solo tendrá demasiadas páginas en caché, sino que no aparecerán nuevos cambios en el sitio. Si esto sucede, puede eliminar el caché haciendo clic en Eliminar caché. WP Super Cache también ofrece la opción de precargar las páginas más populares. Sin embargo, la precarga ocupará recursos valiosos, por lo que deberá elegir sabiamente y monitorear su procesador diario. La configuración es fácil. Haga clic en la opción de precarga. Puede establecer la regularidad de la actualización de caché y si los archivos antiguos deben eliminarse o no.
Después de que esté satisfecho con la configuración, presione la caché de precarga ahora para comenzar. Después de completar el proceso de almacenamiento de caché, los archivos estarán en la carpeta WP-Content/Cache en el servidor.
Optimice las imágenes de su gente como imágenes. Y todos usamos muchos, ¿verdad? Pero las imágenes podrían afectar sus puntajes vitales web centrales. Hay algunas razones para esto:
La imagen puede ser demasiado pesada. Las decimaciones de la imagen son demasiado grandes.
Cargue cada imagen en la página.
Las imágenes se envían desde su servidor a personas de todo el mundo.
Afortunadamente, hay una manera fácil de remediar todo lo anterior. Primero, considere algunas cosas cuando se trata de imágenes:
¿Necesitas todas las imágenes?
¿Que talla usas? Proponemos> 2000px.
Para fondos, intente usar modelos, gradientes o SVG.
Limite las imágenes en momentos a un logotipo y una imagen de héroe.
No use controles deslizantes o carruseles en la parte superior de los folletos.
Una vez que haya activado las imágenes, puede optimizar el resto. La optimización de la imagen puede reducir el tamaño de la imagen, mejorar sus dimensiones y entregarlas desde una red de entrega de contenido (CDN) utilizando servidores más cercanos a los usuarios. Para todo esto, recomiendo Optimole. Optimole guarda mucho trabajo a sus servidores, haciendo todo lo anterior en la nube. Vaya a Optimole y regístrese para obtener una clave API (necesita esto para acceder a las operaciones en la nube).
Recibirá un correo electrónico para validar su cuenta a través del tablero de optimole. Atrapa la tecla API y vaya a su sitio de WordPress.
Después de instalar y activar Optimole, acceda a la configuración en el menú de medios → Optimole. Inserte la tecla API y presione la conexión.
También debe activar imágenes y escalas de carga perezosa. La escala de imágenes significa que Optimole enviará imágenes de tamaño perfectamente para el dispositivo (sin importar qué) para reducir la apariencia. La carga perezosa significa que solo cargará las imágenes que sus usuarios pueden ver en la ventana View. Con esta configuración, deje que el Optimole trate con el resto. Las optimizaciones de código funcionan con la ejecución de un sitio de WordPress son todas partes móviles. Entre los temas y los complementos y los idiomas que los alimentan, es difícil para una persona no técnica optimizar el código. Obviamente, podemos optar por los temas con bases de código optimizadas y evitar complementos con código hinchado. Más allá de eso, podemos optimizar el código de dos maneras principales:
Para obtener los mejores resultados, contrate a un desarrollador independiente de WordPress.
Para obtener resultados favorables al presupuesto, use autoptimizaciones autoptimizadas.
Una desventaja es que la autoevaluación tiene muchas configuraciones, lo que significa que no hay una solución auténtica. Dicho esto, puede elegir de forma segura optimizar todos los JavaScript, CSS, HTML. Esta configuración minimiza su código eliminando cosas como espacios e interrupciones de línea. Más allá de la minimización, la autoptimización tiene excelentes opciones de rendimiento para cualquier persona que quiera aprender más y probar mucho. Por ejemplo, puede obtener aumentos de velocidad significativos utilizando cargas avanzadas, como CSS Preload y CSS Integration, pero deberá leer cada opción antes de usarla.
Fuentes e iconos Puede usar autoadeño para administrar sus fuentes, especialmente si se le contratan para usar Google Fonts. Incluso puede intentar precargar las fuentes de Google para evitar el “flash de texto sin terminar” que duele el cambio de diseño acumulativo. Le recomiendo que pruebe algunas opciones diferentes y vea qué funciona mejor para su sitio. Si usa Elementor, aún verá el cambio. Si este es su caso, considere mudarse a las fuentes del sistema.
Las mejores prácticas para los comerciales cuando se trata de cambiar la apariencia, los anuncios son uno de los mayores problemas. Por lo general, los anuncios empujarán el contenido hacia abajo, lo que crea una mala experiencia del usuario. Afortunadamente, es posible reducir el cambio siguiendo las mejores prácticas. Lo más importante, colocar el anuncio debe equilibrarse entre obtener más clics e impacto en su aspecto, por ejemplo, no coloque anuncios en la parte superior de la pantalla. Si el tamaño final del anuncio es más grande que el contenedor, empujará todo el contenido hacia abajo. Siga el medio de la página, donde el anuncio hará menos daños. Después de haber decidido el mejor destino de colocación, reserve un espacio publicitario. Aunque esto puede dejarle un espacio vacío, puede valer la pena el intercambio.
Sube las escaleras
Conclusión
A partir de agosto de 2021, sus valores centrales de Web Vitals son otro factor de clasificación que debe tener en cuenta. Aunque son una excelente herramienta para mejorar la clasificación, los buenos puntajes también deberían ayudarlo a mejorar su experiencia de usuario.
Guía para principiantes para comprender #Google Core Web Vitals con consejos para proteger su sitio web # Haga clic para enviar un tweet
Con estos consejos, debería ver una mejora inmediata en los resultados. Mejor, cada una de las opciones le brinda un buen punto de partida para una mayor optimización. Cubrimos mucha tierra, así que recapitulemos:
Actualizar el plan de alojamiento puede ayudarlo a mejorar sus resultados.
El uso de un complemento de caché debe acelerar la difusión de contenido.
La optimización de imágenes y el uso de un CDN debería mejorar el rendimiento del sitio.
Con las optimizaciones de código, puede controlar cómo se carga su sitio.
Dada la selección de fuentes y precargos, puede disfrutar de aumentos de velocidad.
Siguiendo los mejores anuncios de los anuncios, puede reducir los cambios de apariencia.
¿Qué hizo para prepararse para su actualización de Google Core Web Vitals? No dude en notificarnos en los comentarios a continuación.
Guía gratuita 5 consejos esenciales para acelerar su sitio web de WordPress. Descargue la guía gratuita
referencia
[1] https://www.searchmetrics.com/knowledge-hub/studies/core-web-vals-study-pril-2021 [2] https://www.codeinwp.com/blog/seo-stats/
