Cómo verificar la salud de su sitio web después del rediseño

El proceso de rediseño es complejo e involucra el trabajo de muchas personas y tiempo. Los diseñadores quieren que el sitio sea hermoso, los desarrolladores quieren codificarlo rápido y los SEO quieren que esté optimizado; esas tres intenciones no siempre se complementan entre sí.

El rediseño se puede hacer de muchas maneras: usando CMS, código personalizado, marcos, creadores de páginas, etc. Pero no todas las formas son compatibles con SEO, por lo que se recomienda implementar el rediseño usando las mejores prácticas de SEO. En este artículo, veremos cómo ejecutar el rediseño del sitio web de SEO y los pasos para verificar el estado del sitio web una vez que haya terminado.

Qué problemas de SEO pueden aparecer después del rediseño de un sitio web

Si el desarrollo del sitio web no está guiado por las mejores prácticas, también pueden ocurrir muchos problemas en términos de SEO. Problemas de indexación, páginas rotas, velocidad del sitio web, mala optimización de medios, problemas de capacidad de respuesta y más. Todos estos problemas seguramente tendrán un impacto en las clasificaciones, lo que resultará en una caída en el tráfico orgánico.

Consulte el sitio web antes de rediseñar

Una gran cosa que puede hacer antes de publicar su nuevo diseño es realizar una verificación del estado del sitio web para que tenga algo con lo que comparar más adelante. En primer lugar, rastree y guarde una lista de todas las páginas para validar que se presenten en un nuevo sitio. Además de las URL, debe guardar los datos importantes asociados con ellas: metaetiquetas, contenido, etc., para validar que no se perdió nada importante en el sitio actualizado. Recopilarlo manualmente puede ser difícil, especialmente para sitios web grandes, pero hay una manera más fácil: usar un software de verificación automática del estado del sitio web. Por ejemplo, la herramienta de auditoría de sitios web SE Ranking verifica y guarda estadísticas en cada página de su sitio para que pueda ver la condición actual y el historial de cambios: puede comparar todo el sitio web o cada página con su rastreo anterior, que es exactamente lo que nosotros necesitamos. Usaremos esta herramienta para demostrar el proceso, ya que verifica un sitio web con más de 120 criterios a la vez, para que tenga todos los datos necesarios en un solo lugar.

Cómo verificar el estado del sitio web y detectar problemas después del rediseño

La mejor manera de verificar el estado del sitio después de publicar una nueva versión del sitio es compararlo con el anterior. Para hacerlo, debe ejecutar dos rastreos con la Auditoría del sitio web de SE Ranking: uno antes de los cambios y otro después. Usando esos dos rastreos, podrá asegurarse de que las cosas importantes todavía estén disponibles y que los problemas antiguos se hayan solucionado. Vamos a examinarlo en detalle.

Problemas básicos relacionados con la rastreabilidad y la indexabilidad

Después del rediseño, una de las primeras cosas que debe verificar es que todas las páginas sean accesibles y se puedan volver a indexar en una nueva versión. Los principales problemas que afectan al rastreo e indexación de páginas son:

• Código de respuesta no 200 (1)
  Si no existe tal URL en un sitio web, el código de respuesta es 4xx; si la página fue redirigida, el código de respuesta es 3xx; si hay algún error del lado del servidor, el código de respuesta es 5xx. En cualquiera de estos casos, una página no se puede cargar y mostrar a los usuarios, por lo que no se puede rastrear ni agregar al índice de Google; asegúrese de que todas las páginas importantes tengan el código de respuesta 200.
• La página está bloqueada en robots.txt (2)
• La página contiene la etiqueta de meta robots "noindex" (3)
• La URL canónica se refiere a otra página (4)

Para validar todos estos problemas simultáneamente, vaya a Auditoría del sitio web → Páginas rastreadas y elija las columnas apropiadas para ver los problemas de rastreabilidad e indexabilidad en una pantalla.

Estructura de URL

El rediseño no siempre se trata de la parte delantera. A veces también afecta la configuración del back-end y/o del servidor. Si cambia a otro CMS o los cambios afectan la estructura de la URL, debe asegurarse de que las nuevas URL sean las mismas que las anteriores o configurar los redireccionamientos en consecuencia. Si no hace esto, las URL antiguas tendrán códigos de respuesta 404 y las páginas nuevas no heredarán la confianza de las páginas antiguas, ya que se tratarán como páginas nuevas.

Además, pueden ocurrir varios problemas independientemente de la ruta de la página:

• barra al final
  “…/ejemplo-url” no es lo mismo que “…/ejemplo-url/”. Si la URL canónica no tiene la barra al final, visitar la URL que termina con la barra dará como resultado un código de respuesta 404 que no es bueno para SEO. Debe asegurarse de que todas sus nuevas URL terminen igual que las antiguas o configure los canónicos y los redireccionamientos en consecuencia.
• HTTP(S)
  Al igual que el problema anterior, habilitar/deshabilitar las conexiones SSL también afecta la estructura de la URL y puede causar problemas graves si se configura incorrectamente.
• www
  “www.example.com” no es igual a “example.com”. Este prefijo se usaba comúnmente en las primeras épocas de la red mundial para indicar que un recurso web estaba destinado a ser accedido públicamente.
  Técnicamente hablando, "www". es un subdominio, y Google trata el subdominio como un dominio diferente en lugar de una carpeta. Si está intentando acceder a un dominio o subdominio que no está configurado correctamente, obtendrá el error y también lo harán los bots de búsqueda. Para evitar tales problemas, asegúrese de configurar redirecciones o agregar etiquetas rel=canonical que apunten a la versión preferida de su sitio web.

Etiquetas meta

Al publicar una nueva versión de un sitio web, debe asegurarse de que todas las metaetiquetas optimizadas de las páginas antiguas estén en su lugar. De lo contrario, los títulos y descripciones faltantes o incorrectos pueden provocar una caída significativa en las clasificaciones y el tráfico. Para verificar el estado de un sitio web y que no tenga páginas con metaetiquetas faltantes o incorrectas, diríjase a las secciones Título y Descripción en el Informe de problemas de la auditoría del sitio web.

Para asegurarse de que los metatítulos y las descripciones sean los mismos que antes del rediseño, use el informe Páginas rastreadas y habilite las columnas correspondientes. Luego, compárelos con lo que había antes del rediseño.

Contenido

Si varias páginas tienen el mismo contenido, Google tendrá dificultades para determinar qué página debe mostrar en el SERP, lo que provocará una caída en la clasificación de todas las páginas duplicadas.

Puede ser difícil comparar contenido, especialmente si tiene un sitio web grande. La buena noticia es que es posible detectar estos problemas automáticamente.

Páginas duplicadas

Las páginas duplicadas son páginas con contenido idéntico. A veces pueden ser difíciles de encontrar porque pueden tener diferentes URL, pero hay un parámetro que puede ayudarlo a identificarlos. Habilitar la columna "Hash de contenido" mostrará el hash único del contenido de la página, un equivalente criptográfico del contenido. Si el hash es el mismo para dos páginas, significa que son 100 % idénticas: revise esos casos y deje solo una copia de una página.

Etiquetas meta

Otro escenario de duplicación son las metaetiquetas idénticas. El título y la meta descripción tienen un impacto significativo cuando un motor de búsqueda evalúa la relevancia de una página. No confunda Google con páginas con metaetiquetas idénticas porque ninguna de ellas tendrá una clasificación alta.

Para encontrar esas páginas, habilite las columnas "Título duplicado" y "Descripción duplicada" en el informe de páginas rastreadas de la herramienta de auditoría del sitio web o vaya a la sección correspondiente en el informe de problemas.

Encabezados H1

Al igual que las metaetiquetas, el título de una página tiene prioridad sobre otros (sub)títulos cuando un motor de búsqueda determina de qué se trata la página. Debe asegurarse de que ninguna de sus páginas tenga H1 idénticos, para que no se plagien entre sí. Al igual que la verificación de metaetiquetas, habilite la columna "Duplicar H1" en el informe.

Vitales principales de la web

Si está implementando un nuevo diseño, debe estar seguro de que mejorará la experiencia del usuario; de lo contrario, no tiene sentido hacerlo. Afortunadamente, Google ha desarrollado Core Web Vitals, un conjunto de métricas para ayudar a los desarrolladores a evaluar su UX.

Con SE Ranking, no necesita verificar cada página en Web.dev o Chrome's Lighthouse, ya que la Auditoría del sitio web verifica todas las páginas para todas las métricas de experiencia de página necesarias. Miremos a través de ellos.

Lo primero es verificar Core Web Vitals: LCP, FID y CLS. Estos son tres parámetros que reflejan qué tan bien está funcionando su sitio web en cuanto a UX:

1. Pintura con contenido más grande significa qué tan rápido se imprimirá la primera ventana gráfica en el navegador del usuario. Esta métrica está estrechamente relacionada con la velocidad de carga del sitio web, de la que hablaremos en unos segundos.
2. First Input Delay mide qué tan rápido los usuarios pueden interactuar con la página (por ejemplo, hacer clic en enlaces, botones). Este parámetro también está relacionado con la velocidad del sitio.
3. El cambio de diseño acumulativo indica qué tan estable es su contenido durante la carga; es muy molesto cuando los elementos del contenido cambian de tamaño y posición durante la carga de la página.

Esta información se puede encontrar en el panel de información general o en la sección Informe de problemas -> Rendimiento. Lo bueno es que este informe se basa en datos de usuarios reales y pruebas de entorno de laboratorio. Este es un punto de partida para cualquier optimización posterior.

Velocidad del sitio web

2 de cada 3 Core Web Vitals están relacionados con el tiempo de carga. No solo eso, sino que las estadísticas indican que un tercio de los usuarios no esperarán más de 3 segundos para que se cargue una página. Por lo tanto, es justo decir que la velocidad del sitio web es un parámetro central con respecto a la experiencia del usuario. Veamos cómo SE Ranking puede ayudarte a identificar y resolver problemas de tiempo de carga.

HTML

Dado que todas las páginas web están escritas en HTML, es lo primero que debe validar después del rediseño. Los problemas son bastante básicos, pero son fundamentales para realizar ajustes adicionales. En este sentido, debe asegurarse de que el tamaño de HTML no sea demasiado grande para excluir un gran tamaño de DOM, ya que puede ser difícil de procesar, lo que afecta el tiempo de carga general. Además, asegúrese de que su HTML esté comprimido y almacenado en caché para minimizar el tamaño del documento y el tiempo de procesamiento de back-end.

JS y CSS

La web moderna está entrelazada con JavaScript y CSS. Esas tecnologías ayudan a crear hermosos sitios web con una funcionalidad ágil. Sin embargo, a veces, esas funciones pueden dañar el rendimiento del sitio, por lo que es importante verificar si los recursos están optimizados al implementar un nuevo diseño.

Las técnicas de optimización para archivos JS y CSS son similares:

1. Minificación
   Excluya todos los comentarios, saltos de línea, espacios adicionales, etc.; deje solo los caracteres que importan.
2. Combinatorio
   Intente servir la menor cantidad de archivos posible (idealmente, un JS y un CSS por página). Cada solicitud de archivo toma tiempo para que el servidor responda y para que el navegador lo descargue; un solo archivo es una forma mucho más conveniente de hacerlo.
3. almacenamiento en caché
   Habilitar el almacenamiento en caché del lado del servidor significa que sus archivos no se generarán desde cero cada vez que un usuario solicite la página; en su lugar, se entregarán copias guardadas de ellos. Esto elimina mucha carga innecesaria de los servidores y mejora el tiempo de carga.

Estas son algunas recomendaciones generales:

• Evite el uso de marcos y temas
  Los frameworks JS y el CSS prefabricado pueden ahorrarle algo de tiempo, pero a menudo no se crean teniendo en cuenta la optimización de la velocidad. Tienen muchas funciones que no necesita, y todas esas características adicionales pueden ser demasiado pesadas para cargar.
• Tenga cuidado al fusionar archivos JS
  Si hay un solo error en el archivo JS, es posible que otras funciones dentro del archivo no funcionen. Por lo tanto, si tiene un solo archivo JS, es posible que todas las funciones dejen de funcionar. Puede ser una decisión inteligente crear archivos separados para la funcionalidad central y la belleza del front-end.

Imágenes

En cuanto al SEO, la optimización de imágenes también es fundamental:

1. Las imágenes deben tener un texto Alt, para que los motores de búsqueda y las personas que usan lectores de pantalla puedan entender de qué se trata la imagen; asegúrese de que todas las imágenes tengan un texto Alt significativo después del rediseño.
2. Tamaño de la imagen
   La mejor práctica es servir la imagen en una resolución igual a la del contenedor principal. Sin embargo, es casi imposible crear copias de imágenes que se ajusten a todos los contenedores posibles debido al diseño receptivo en el que los contenedores pueden cambiar de tamaño. Lo que puede hacer es crear varias variaciones de imagen (es decir, tamaño original, 300 px de ancho, 100 px de ancho) para usar en diferentes lugares del sitio. Por ejemplo, la imagen destacada en el artículo debe estar en tamaño original, mientras que es mejor usar una imagen más pequeña de 300 px de ancho o menos para la miniatura en la página de archivo.
3. Compresión de imagen
   La compresión de una imagen es el proceso de reducir el número de colores únicos utilizados en una imagen. El ojo humano difícilmente verá una compresión moderada, pero puede ahorrar hasta un 30% del tamaño del archivo; eso es mucho, especialmente considerando que las imágenes tienen un tamaño de archivo grande en comparación con otros recursos de la página.

Diseño de respuesta

Es obligatorio verificar los problemas de optimización móvil, ya que la mayoría del tráfico proviene de dispositivos móviles y Google cambió a la indexación móvil primero. SE Ranking también tiene esto cubierto.

Al navegar a la categoría Optimización móvil en el informe Problemas, podrá validar que su sitio web esté alineado con los principios fundamentales del diseño receptivo.

Terminando

El rediseño es un proceso complicado, especialmente considerando que un sitio rediseñado debe estar optimizado para SEO. La mejor manera de lograrlo es tener en cuenta las prácticas de rendimiento y SEO.

Una vez que publique sus cambios, debe verificar si todo está bien: aquí es donde entran en juego las herramientas de verificación del estado del sitio web. Para estar seguro de que su nuevo sitio es mejor o de que nada se ha roto en términos de SEO y rendimiento, debe compararlo con su versión anterior. SE Ranking hace exactamente lo que necesita: rastrea, verifica y almacena datos de auditoría de sitios web para que pueda monitorear y comparar fácilmente sus resultados por fechas. El uso de tales auditorías le permite comparar y mejorar la salud del sitio web después del rediseño.