Comprobación del tamaño de su página para SEO: una guía completa


Las velocidades de Internet de hoy están fuera de este mundo. De acuerdo a Statista, la velocidad media de descarga de banda ancha fija es de 105,15 Mbps y la de móvil es de 55,95 Mbps.

Aun así, la hinchazón del código, las fallas y otros problemas pueden llevar a que los tamaños de página se conviertan en un punto crítico para el SEO.

No creerías los tipos de tamaños de página con los que me he encontrado Auditorías SEO, siendo el más grande 100 MB (no bromeo).

Hay una serie de pasos que puede seguir para reducir el tamaño de su página, pero primero debe determinar el tamaño de su página.

También debemos echar un vistazo a Elementos fundamentales de la Web y cómo la página coincide con las métricas de Google.

En esta guía, encontrará todo lo que necesita para comprender y verificar el tamaño de su página, luego optimizarla.

Reglas generales para el tamaño de la página

Idealmente, desea mantener el tamaño de su página HTML DOM en alrededor de 100 kb o menos, dependiendo de su nicho.

Anuncio publicitario

Continuar leyendo a continuación

Las páginas pueden ser más grandes en algunos nichos; en el comercio electrónico, por ejemplo, no es raro ver páginas de alrededor de 150 kb-200 kb, dependiendo de cuántas imágenes de productos haya en la página.

No quiere ser demasiado grande, porque entonces comienza a tener un impacto negativo en la experiencia del usuario y podría estar perdiendo oportunidades para obtener un aumento de clasificación con buenos puntajes de Core Web Vitals.

Pero reducir el tamaño de la página sin tener en cuenta la experiencia del usuario podría hacer que su página no sea tan útil como la de sus competidores. El equilibrio es clave.

Si está buscando alguna herramienta para verificar el tamaño de la página HTML, la siguiente herramienta en SEO Site Checkup es una buena.

Problemas que afectan el tamaño de su página

CSS y JS

Cuando incluye CSS y JS predeterminados, desea asegurarse de que también está optimizando este código para la carga de la página. Esto significa asegurarse de que todos estos archivos estén minificados adecuadamente y asegurarse de no incluir un código masivo.

Anuncio publicitario

Continuar leyendo a continuación

«Code inflado» significa que el código innecesario aumenta significativamente el tamaño de la página, lo que afecta la velocidad de la página.

Hay diferentes formas de lograr lo mismo. Desea evitar aquellos que causan problemas a través de la codificación excesiva en el lado de CSS y JS.

Aparte de una mentalidad de codificación optimizada, los archivos CSS y JS necesitan el proceso de minificación. El proceso de minificación elimina espacios adicionales y otros artefactos de código aleatorio que no necesitan estar allí.

Es importante tener en cuenta que la minificación no cambiará su codificación real, solo los artefactos de codificación. Su mente y sus habilidades de desarrollo seguirán siendo necesarias para lograr la máxima optimización de código CSS y JS en el lado del servidor.

DOM HTML

Un gran tamaño de árbol DOM es una causa importante de problemas de velocidad de la página y puede ralentizarla enormemente.

Esto afecta aspectos como la eficiencia de la red, el rendimiento de la carga, el rendimiento de la memoria y el rendimiento del tiempo de ejecución, todo lo cual puede afectar significativamente la carga general de su página y la experiencia del usuario de Core Web Vitals.

Su proceso de desarrollo debe incluir algún tipo de asignación de recursos para la optimización del tamaño de su árbol DOM.

Imagenes

Las imágenes grandes pueden afectar negativamente el tamaño de su página, especialmente si interfieren con la satisfacción del usuario.

Si un usuario tiene que esperar 5 minutos para que se cargue una imagen de 15 MB, ya los ha perdido.

Por eso es importante tener en cuenta el tamaño de píxel físico junto con las dimensiones de la imagen cuando se trabaja en la compresión de las imágenes.

Herramientas para verificar el tamaño de su página

Hay una serie de herramientas para comprobar el tamaño de su página. Dos que me gustan son:

Estadísticas de velocidad de la página de Google

Page Speed ​​Insights de Google es una herramienta fundamental para identificar problemas de tamaño de página que pueden estar ralentizando la carga.

Además, le ayudará a marcar los elementos de la lista de verificación de Core Web Vitals de Google para el tamaño de la página.

Herramienta Google Page Speed ​​Insights.Captura de pantalla de Google Page Speed ​​Insights, septiembre de 2021

Araña SEO Screaming Frog

También puede verificar el tamaño de su página usando Screaming Frog SEO Spider para realizar un rastreo de su sitio.

Anuncio publicitario

Continuar leyendo a continuación

Una vez que se haya completado el rastreo, siga estos pasos para verificar el tamaño de su página:

1. Haga clic en el menú desplegable en la esquina superior izquierda.

2. Seleccione HTML. Esto solo mostrará las páginas HTML que se rastrearon en su sitio.

Paso 1 para verificar el tamaño de página en Screaming Frog SEO Spider.Captura de pantalla de Screaming Frog SEO Spider, septiembre de 2021

3. A continuación, desplácese hacia la derecha hasta que vea los números de tamaño de página, como se muestra a continuación.

Paso 2 para verificar el tamaño de página en Screaming Frog SEO Spider.Captura de pantalla de Screaming Frog SEO Spider, septiembre de 2021

Así es como puede verificar el tamaño de su página con Screaming Frog SEO Spider.

Anuncio publicitario

Continuar leyendo a continuación

¿Por qué es tan importante comprobar el tamaño de su página?

El tamaño de la página es una consideración clave en SEO porque puede afectar la velocidad general de la página de manera significativa, afectando tanto el ranking de búsqueda como el rendimiento.

Velocidades de carga de la página

De acuerdo a Central de búsqueda de Google:

“Acelerar los sitios web es importante, no solo para los propietarios del sitio, sino para todos los usuarios de Internet. Los sitios más rápidos crean usuarios felices y hemos visto en nuestros estudios internos que cuando un sitio responde lentamente, los visitantes pasan menos tiempo allí.

Pero los sitios más rápidos no solo mejoran la experiencia del usuario; Los datos recientes muestran que mejorar la velocidad del sitio también reduce los costos operativos.

Al igual que nosotros, nuestros usuarios valoran mucho la velocidad, por eso hemos decidido tener en cuenta la velocidad del sitio en nuestras clasificaciones de búsqueda. Usamos una variedad de fuentes para determinar la velocidad de un sitio en relación con otros sitios «.

Por poco 70% de los consumidores admiten que la velocidad de la página afecta su disposición a comprar en un minorista en línea, y la mitad dijo que estarían dispuestos a renunciar a la animación y el video por tiempos de carga más rápidos.

Anuncio publicitario

Continuar leyendo a continuación

Y según Google, a medida que el tiempo de carga de la página pasa de un segundo a 10 segundos, aumenta la probabilidad de que un visitante del sitio móvil rebote. 123%.

Como puede ver, acelerar su página es importante, no solo para la experiencia del usuario, sino también para su clasificación en los motores de búsqueda.

Puede ayudar a reducir los costos de alojamiento web

Dependiendo de su proveedor de alojamiento de Internet y sus planes de alojamiento, puede terminar ahorrando en costos de alojamiento con tamaños de archivo de página más pequeños.

Un tamaño de página más pequeño se traduce en un menor ancho de banda (transferencia de archivos) utilizado, lo que puede reducir los costos de alojamiento, particularmente en sitios grandes.

Prácticas recomendadas para optimizar el tamaño de la página

Preste atención a las siguientes mejores prácticas para optimizar el tamaño de página de su sitio web de la mejor manera posible:

Optimizar esas imágenes

Creando lo mejor, más imagenes optimizadas requiere asegurarse de marcar los siguientes elementos de su lista de verificación:

  • Tamaño de píxel físico.
  • Tamaño total de la imagen.
  • Mantener la calidad de la imagen.

Anuncio publicitario

Continuar leyendo a continuación

El tamaño de píxel físico se refiere a la densidad de píxeles de la imagen. No importa si su imagen se reduce de 1600 x 1600 a 500 x 500 si la densidad de píxeles de la imagen sigue siendo la misma.

Seguirá obteniendo imágenes con un tamaño de archivo de 1 MB si es con eso con lo que empezó.

Para garantizar la optimización adecuada que tenga en cuenta ambos factores, asegúrese de aprovechar la compresión de imágenes sin pérdida con herramientas como Adobe Photoshop o versiones pagas de herramientas como Smush Pro.

Actualmente, Adobe Photoshop es el estándar de oro cuando se trata de compresión de imágenes.

Esto lo ayudará a enfocarse en los tres factores y a que sus imágenes aún salgan claras al final del proceso de compresión.

También debe considerar formatos de imagen más rápidos que sean mejores que sus predecesores, como WebP sobre png.

Hay varios servicios que puede utilizar para la optimización de imágenes, incluidos ShortPixel.com y TinyPNG.com.

Anuncio publicitario

Continuar leyendo a continuación

Si está utilizando WordPress, existen varios complementos que son de gran utilidad para esta tarea. Uno es el Optimizador de imagen Shortpixel y el otro es el Pequeñas imágenes comprimidas enchufar.

No utilice fuentes personalizadas innecesariamente

Todos hemos estado allí. ¡Todos hemos sido víctimas de “I-Want-That-Font-itis”!

Lo más probable es que exista una fuente alternativa segura para la web que coincida con lo que desea usar con bastante facilidad.

De lo contrario, es importante tener en cuenta que cualquier fuente adicional que agregue desde un recurso de terceros llevará más tiempo descargarla. Esa es la naturaleza de la bestia.

El uso de fuentes seguras para la web como Arial, Verdana o Helvetica son excelentes opciones y elimina la posibilidad de que surjan problemas con la fuente personalizada que eligió.

También es más compatible con múltiples plataformas y navegadores, lo que significa que su sitio se mostrará en tantos navegadores y dispositivos como sea posible sin que parezca estropeado.

Minimice su HTML y CSS

El proceso de minificación de sus archivos HTML y CSS puede proporcionar importantes dividendos cuando se trata de disminuir el tamaño de su página.

Anuncio publicitario

Continuar leyendo a continuación

Cuando usted minimiza tu HTML y CSS, elimina los espacios no deseados e innecesarios en el código y, como resultado, reduce el tamaño del archivo de la página.

Tiene sentido seguir un proceso de minificación para todas sus páginas, especialmente si sabe que sus páginas están llenas de código innecesario.

Hay una serie de herramientas que puede utilizar para minimizar sus archivos HTML y CSS, que incluyen:

Si busca una optimización con un clic para sus tareas de minificación de WordPress, Cloudflare también ofrece esta función si está buscando cambiarse a su servicio CDN (Red de entrega de contenido).

La herramienta en Minifier.org también es bastante útil para este propósito.

Evite la hinchazón de complementos

Agregar complementos no es tan inocuo como parece. Si agrega 5, 10 o 15 complementos a la vez, es posible que desee reducir mucho esa práctica.

Anuncio publicitario

Continuar leyendo a continuación

Solo el acto de agregando complementos a un sitio de WordPress tendrá efectos negativos en el tamaño de su página, junto con efectos negativos en cualquier usuario que pueda visitar la página (como resultado, pueden experimentar caídas significativas en el rendimiento del sitio).

Tenga cuidado de limitar sus complementos solo a aquellos que sean necesarios y agregue la funcionalidad correcta necesaria para su página.

No querrá encontrarse con una situación en la que agregar complementos en grandes cantidades haga que su página se atasque con problemas de velocidad de la página.

Optimizar el tamaño de su página es el primer paso entre muchos

El tamaño de su página puede mejorar o arruinar el rendimiento de su sitio web.

No cometa el error de sobrecargar a sus usuarios con fuentes innecesarias, imágenes demasiado grandes y complementos innecesarios.

Todas estas prácticas pueden resultar en páginas de carga lenta, lo que frustrará a sus usuarios y podría hacer que abandonen su página.

Este es solo un primer paso entre muchos cuando se trata de un proceso de optimización técnica sólido que funcione. Leer SEO técnico avanzado: una guía completa aprender más.

Anuncio publicitario

Continuar leyendo a continuación

Más recursos:


Imagen destacada: Sammby / Shutterstock





Consultar el artículo en la publicación original

Comprobación del tamaño de su página para SEO: una guía completa
A %d blogueros les gusta esto: