Haga que su sitio funcione como un reloj

I. Atienda sus problemas técnicos

Los errores técnicos pueden tener una variedad de efectos, ninguno de ellos bueno.

  • El contenido (y por lo tanto la información valiosa) no se muestra correctamente;
  • Páginas que no hacen su trabajo, por ejemplo, un botón que se niega a funcionar;
  • Las páginas que desea convertir no se seleccionan en la búsqueda.

El resultado es una menor actividad del usuario en su sitio. Cualquier objetivo que pueda tener está directamente relacionado con la actividad del usuario, por lo que todos fracasarán también.

La única forma de evitarlo es mediante auditorías técnicas oportunas. Realizarlos todas las semanas es óptimo, aunque nada te impide hacerlo con más frecuencia. Todo lo que necesita es tiempo para revisar los informes y corregir cualquier error que encuentre.

1. Problemas de indexación

¿Hay algún problema con la forma en que aparecen las páginas de su sitio en la búsqueda?

Una de las mejores herramientas para averiguarlo es Google Search Console. Puede encontrar sus problemas de indexación en el Índice> Cobertura sección.

UX técnico compatible con SEO: haga que su sitio funcione como un reloj

Marque en el Error, válido con advertencia, y Excluido casillas de verificación, y el Detalles La siguiente sección mostrará todos los problemas relacionados con la indexación de las páginas de su sitio. Si alguna página individual despierta su interés, haga clic en las entradas en Detalles para controlarlos.

Solucione sus problemas volviendo a agregar las páginas al índice o eliminándolas, luego presione Validar corrección.

Los cambios en su índice se pueden realizar en su mapa del sitio. Puede haber tres posibles problemas con él:

  • No tienes un mapa del sitio;
  • No funciona;
  • Está desactualizado.

Y todos ellos se resuelven cargando un mapa del sitio actualizado en su sitio:

  • Cree su mapa del sitio (ya sea manualmente o utilizando una herramienta como XML-Sitemaps);
  • Súbelo a su sitio;
  • Visita el Índice> Mapas del sitio en la Consola de búsqueda de Google, ingrese la URL de su mapa del sitio y presione Enviar.

Si tiene mapas de sitio desactualizados en el Mapas de sitio enviados sección, elimínelas.

2. Robots.txt

Es posible que este archivo simplemente no se encuentre en su sitio. En este caso, solo necesita cargarlo y asegurarse de que funcione correctamente.

Dado que el propósito de robots.txt es decirle a los motores de búsqueda lo que pueden o no pueden rastrear en su sitio, es obvio lo que puede esperar si hace un mal uso de este archivo. Ábrelo y busca estos problemas:

  • Los robots de los motores de búsqueda no pueden rastrear su sitio

Este error es muy fácil de provocar. Cuando todos los bots pueden rastrear su sitio, su archivo robots.txt tiene estas líneas:

User-agent: *

Disallow:

Y si hay una barra después Rechazar: los bots no pueden hacer nada en absoluto:

User-agent: *

Disallow: /

Si algún directorio se indica después No permitir: /, asegúrese de que no desee que se rastreen. De lo contrario, los bots no podrán indexar las partes de su sitio que desea que aparezcan en la búsqueda.

  • Los bots rastrean páginas y carpetas que no se deberían rastrear

Esto es lo opuesto al problema descrito anteriormente. Significa que los directorios que desea bloquear no se indican en el archivo. Haz una línea que comience con No permitir: / para cada uno de esos directorios y vuelva a cargar el archivo.

Autoexplicativo.

Una vez que haya corregido todo, vuelva a cargar su robots.txt.

3. Contenido duplicado

Para encontrar problemas con contenido duplicado en su sitio, necesitará herramientas como Screaming Frog o DeepCrawl.

Esto es lo que puede encontrar:

  • Títulos de página y meta descripciones

Diferentes páginas con los mismos nombres y descripciones confundirán a los usuarios. Cambie todos sus duplicados por algo único.

  • Contenido copiado de sus propias páginas u otros sitios

Igual que el anterior, es mejor hacer que su contenido sea único. Si de alguna manera no es una opción, agregue un rel = «canonical» etiqueta con la URL del original en el sección de la página.

  • Variaciones de las mismas URL en el índice

A veces, Google indexará la misma página varias veces. Puede suceder cuando hay parámetros después de su URL o cuando tiene ambos http y https Versiones Deshazte de cualquier copia no deseada como esta:

  • Google Search Console> Herramientas e informes heredados> Parámetros de URL: Aquí es donde le enseñas a Google a ignorar los parámetros. Por ejemplo, https://mysite.com?utm_source=google no se considerará diferente de https://mysite.com.
  • Configure redireccionamientos 301 desde las URL duplicadas a las canónicas.

4. Problemas de visualización de contenido

También puede haber problemas con el contenido que se muestra en su sitio, como:

  • Imágenes rotas;
  • Texto de anclaje roto;
  • Archivos JavaScript rotos;
  • Enlaces rotos (y redireccionamientos);
  • Etiquetas H1-H6 rotas o faltantes.

Estos problemas se pueden encontrar con herramientas de SEO como WebCEO. Simplemente cree un proyecto para su sitio y escanéelo en la herramienta de Auditoría Técnica.

Corrija estos errores editando el código HTML en sus respectivas páginas.

5. Errores de datos estructurados

Agregar datos estructurados a sus páginas puede suponer mucho trabajo. Por lo tanto, es una verdadera molestia cuando los errores arruinan no solo sus esfuerzos, sino también el aspecto de su sitio en la búsqueda.

Pruebe las páginas que ha marcado para detectar posibles errores con la herramienta gratuita de prueba de resultados enriquecidos de Google.

6. HTML, CSS y otros errores de código

A menudo, los errores en el código que componen sus páginas web se notan fácilmente cuando su contenido no se muestra correctamente. Pero ese no es siempre el caso y el efecto puede pasar desapercibido.

Ejecute su sitio a través de una herramienta gratuita como W3C Validator para encontrar todos sus problemas (HTML, CSS, JavaScript, etc.) y luego corrija las páginas ofensivas.

II. Minimice el tiempo de carga de su página

La velocidad de carga de la página es uno de los aspectos más notables de la experiencia del usuario, además de ser un factor de clasificación de Google. En esencia, la velocidad de la página significa lo fácil que es para un sitio web interactuar con el servidor.

¿Cómo puedes hacerlo más fácil?

1. Minimice la cantidad de activos en la página

Menos activos significa menos tiempo para procesarlos todos. Puede ser divertido embellecer su sitio, pero toda la fanfarria adicional podría funcionar en su contra. Por ejemplo, intente ser exigente con el tema del sitio que instale.

2. Fusionar activos siempre que sea posible

Un subpaso del punto anterior. Si tiene dos imágenes colocadas directamente una tras otra, empalme en una sola imagen. Asimismo, múltiples .css los archivos se pueden combinar en un solo archivo.

3. Optimiza tus imágenes

Las imágenes en alta definición y calidad son imprescindibles en cualquier sitio. Sin embargo, no deben ocupar más espacio del necesario.

Recorta esos kilobytes sin sacrificar la calidad:

  • Elija el formato de archivo que produzca el tamaño más pequeño;
  • Cambie el tamaño de las imágenes para que no sean más grandes de lo necesario;
  • Comprímalos con software o servicios en línea como TinyPNG.

4. Optimiza el código de tu página

La optimización de código es una habilidad invaluable, y no solo en programación. Si puede simplificar el código que compone las páginas de su sitio, hágalo.

5. Coloque JS Scripts al final del código de su página

Deje que todo lo demás se cargue primero. Un script JS defectuoso puede evitar que se cargue una página completa.

6. Invierta en un buen alojamiento

Elija el mejor servidor o CDN que pueda pagar.

7. Utilice software de compresión

Por ejemplo, muchos sitios usan Gzip para comprimir sus archivos y reducir su tamaño hasta en un tercio.

8. Utilice la carga diferida

Cuando se implementa en un sitio, pospone la carga de los elementos que no están en su scroll actual.

9. Tenga menos redireccionamientos

Si ha solucionado sus redireccionamientos defectuosos, eso también ayudará.

Existen muchas herramientas para medir la velocidad de carga de su sitio:

  • Herramientas de navegador integradas, como Lighthouse de Chrome DevTools. Tenga en cuenta que su rendimiento puede verse afectado por las extensiones activas de su navegador.
  • Google PageSpeed ​​Insights.
  • Herramientas de SEO pagadas. Medirán tu velocidad de carga y ofrecer consejos para aumentarlo. Por ejemplo, esto es lo que verá en la herramienta Page Speed ​​de WebCEO:

III. Optimice su sitio para dispositivos móviles

No olvidemos la diferencia en la experiencia del usuario entre las distintas plataformas. Las PC y los teléfonos inteligentes son los principales competidores del tráfico en línea, dividiéndolo entre los dos casi por la mitad.

La optimización de su sitio para estos dos gigantes también hace que sea bueno usarlo en otros tipos de dispositivos, por lo que hacer que su sitio sea compatible con dispositivos móviles es suficiente para cualquier tipo de objetivo.

Los principales puntos de la optimización móvil son:

  • Tiempo de carga de la página;
  • Diseño de respuesta;
  • Imágenes optimizadas;
  • Sin ventanas emergentes que obstruyan el contenido;
  • Sin contenido no admitido.

Ya hemos descrito cómo maximizar la velocidad de carga de su sitio. Si lo ha hecho, habrá completado la mayor parte de su SEO técnico para dispositivos móviles.

Lo mismo ocurre con la optimización de imágenes, excepto que también debe hacerlas fácilmente discernibles en pantallas pequeñas de dispositivos móviles sin hacer zoom.

Evitar el contenido no admitido puede ser complicado, ya que requiere que conozca esos tipos de contenido. Por ejemplo, Flash ha sido el peor delincuente durante años. Afortunadamente, Adobe planea retirarlo por fin. Esté atento a estas noticias en el futuro para saber cuándo eliminar o reemplazar algo en su sitio.

En cuanto al diseño receptivo, reorganiza automáticamente los elementos del sitio para que quepan en una pantalla de cualquier tamaño mientras los mantiene fáciles de ver. Me gusta esto:

(Fuente de imagen: Gráficos Gratzer)

Si utiliza un marco como Bootstrap al crear su sitio, se hará receptivo automáticamente. O puede hacerlo usted mismo.

  • Agregue este código en el sección en su sitio:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
  • Añade el anchura máxima propiedad a sus imágenes y videos en su código HTML. Ejemplo:
<img src="https://feedpress.me/link/13962/14105959/photo.png" alt=”Product” style="max-width:100%; height:auto;">
  • Configure los tamaños de fuente en su sitio para vw unidades:
<p style="font-size:12vw">Lorem ipsum dolor sit amet</p>

Después de realizar estas adiciones a su sitio, pruébelo en dispositivos reales o con un servicio como ¿Soy receptivo?

Para recibir un análisis detallado de su UX móvil con sugerencias para resolver problemas, escanee su sitio con una herramienta como Optimización Móvil de WebCEO.

Epílogo

Hacer que los sitios web sean fáciles de usar requiere una comprensión profunda de las necesidades de su audiencia.

Luego, hace que su sitio funcione bien y sea simplista al mismo tiempo, dos características que no se concilian fácilmente.

Por último, utiliza las herramientas necesarias para que su sitio funcione como una máquina bien engrasada.

Pero todo este esfuerzo vale la pena cuando sus usuarios se vuelven habituales.

Hagamos su trabajo más fácil con las herramientas para mejorar su experiencia de usuario en dos frentes: técnico y SEO. Escanee su sitio y vea lo que puede hacer ahora mismo para ayudar a sus usuarios.

Salir de la versión móvil