El SEO y la experiencia de usuario en tu blog: Claves de diseño

José Luis López

nov 06, 20177 min de lectura
El SEO y la experiencia de usuario en tu blog: Claves de diseño

¿Cómo ves de compatibles el SEO y la experiencia de usuario? 

Es un hecho que hay algunas cuestiones en las que los bloggers y los SEOs sencillamente no están muy de acuerdo.

Por lo general, se tienen dos enfoques diferentes que a menudo son difíciles de unir: unos piensan en el SEO y los otros prefieren centrarse en la experiencia de usuario (UX).

Lo más lógico es tener un equilibrio entre ambas cosas, es difícil, pero en la medida de lo posible se han de intentar combinar.

Desde siempre se han obtenido medidas para mejorar el seo de la página, conseguir más enlaces, interacciones, pero ya no es suficiente, ya que Google ha dado una importancia creciente a la usabilidad del usuario como factor de ranking en los últimos años.

SEO vs. Experiencia de Usuario

Echemos un vistazo a las posibilidades de diseño que existen en los blogs y que pueden tener un efecto positivo tanto en la experiencia del usuario como en el SEO de tus artículos.

Optimizar los títulos para SEO y UX

  • Títulos desde el punto de vista de UX

El titular es la tarjeta de visita de cada artículo y, por lo tanto, la única posibilidad de una buena primera entrada en el lector.

El título es interesante y lo que es más, es importante y relevante, sólo aquellos que hagan una búsqueda concreta y encuentren el título más similar a lo que necesitan harán clic para visitar el artículo, no es tan difícil como parece, con una buena keyword research y unos títulos atractivos tienes muchos números para que los usuarios cliquen en él.

  • Títulos desde el punto de vista de SEO

El meta-título no es sólo útil para el usuario que hace una búsqueda.

El título de la página se genera, normalmente, a partir del encabezado del artículo y es, por lo tanto, una de las primeras cosas que ven los rastreadores del motor de búsqueda.

Para que las arañas de los buscadores tengan muy en cuenta tu meta-título hay algo a tener en cuenta: poner la palabra clave de destino, es decir, de qué se trata el texto, lo más adelante posible y que no sea excesivamente largo, recuerda que es aconsejable que el título no tenga muchos más de 55 caracteres.

La URL y la meta-descripción

  • URL y meta-descripción desde el punto de vista UX

Además del título, los lectores potenciales de tu entrada en el blog verán otros dos elementos en los resultados de búsqueda: la URL de la página y su meta-descripción.

Ambos pueden ayudar a aumentar el interés o, por el contrario, incluso enfriarte abruptamente.

Por lo tanto, intenta siempre resumir lo que pueden esperar de tu entrada en el blog en la meta-description. te recuerdo que la longitud máxima es de 115 caracteres.

Corta y nítida también ha de ser la URL: Muchos gestores de contenido (como Wordpress) generan automáticamente la URL a partir del título.

Ojo, las URL quedan muy muy feas si son del tipo https://misitio.es/9-category/10-como-crear-un-blog-en-blogger-gratis cuando lo ideal sería https://misitio.es/como-crear-blog-gratis por ejemplo.

Trata de encontrar una URL que sea fácil de leer y entender para el ojo humano y la mente.

  • URL y meta-descripción desde el punto de vista del SEO

Similar al meta-título, desde el punto de vista del SEO, lo siguiente se aplica en términos de URL: mantén tu palabra clave objetivo y ponla lo más adelante posible.

Además, la recomendación de convertir las diéresis y borrar caracteres especiales también es válida, ya que a menudo, se convierten en complicados códigos porcentuales: una "ö" se convierte en un "' %&oOn'", un "=" se convierte en un "%8=dr".

Tanto el title como la meta-etiqueta description son clave para el SEO ya que ayudan a mejorar el CTR (el % de usuarios que hacen click).

El formato de texto

  • Formato de texto desde el punto de vista UX

¿Lees algún periódico?

Seguro que te ha pasado que los artículos, con texto justificado y tamaño de letra 8 son bastante difíciles de leer.

Si es un periódico en papel, pues bueno, te acostumbras y fuerzas la vista para leerlo pero no ocurre lo mismo para las publicaciones online.

Leer en la pantalla es simplemente mucho más agotador para el ojo y el cerebro, y la gama de productos y servicios que se ofrece es casi ilimitada.

Debes intentar que sea lo más fácil y cómodo posible para tus lectores consumir tus textos, has de conseguir la mejor legibilidad posible, especialmente a través de elementos de formato de texto como:

  • Párrafos y subtítulos.
  • Resaltado óptico (negrita o itálica).
  • Listas y enumeraciones.
  • Enlaces, tienes la ventaja adicional de que puedes conducir a los lectores a otros contenidos relevantes en tu propio sitio (enlaces internos) y que puedes beneficiarte de la experiencia de otros contenidos (enlaces externos).
  • Contenidos visuales (imagen, vídeo).

Todos estos puntos pueden ser utilizados como elementos de diseño y, por lo tanto, proporcionan puntos de anclaje útiles para el ojo del lector.

  • Formato de texto desde el punto de vista SEO

Los elementos de diseño anteriores también son perfectos para mejorar el SEO de la página: si resaltas tus palabras clave y términos semánticamente relacionados, en subtítulos y marcadores en negrita/itálica, Google ve esto como un indicador de palabras relevantes en el contenido.

Asegúrate de que utilizas un enfoque jerárquico de los títulos:

  • El primer título, normalmente el título, es un título H1, que se utiliza sólo una vez por página.
  • El siguiente nivel - subtítulos - corresponde a un título H2.
  • Si deseas estructurar más un capítulo, es lógico que lo hagas con encabezamientos H3 y H4.

Los enlaces internos pueden ayudarte a aumentar la autoridad de tu propio sitio web a un tema específico.

En lugar de un texto de enlace general como "Abrir enlace en una ventana nueva" o "Leer más sobre esto aquí", intenta añadir textos de enlace (anchor text) individuales que lleven a páginas internas relacionadas.

Según algunos estudios, es ideal si el texto del enlace coincide con el título de la página del contenido enlazado.

El contenido visual: Imágenes y gráficos

  • Imágenes y gráficos desde el punto de vista de UX

Con el contenido visual, puedes hacer mucho por facilitar la legibilidad de tus entradas en el blog: por un lado, las imágenes aflojan el flujo del texto y pueden, mejor que los textos, evocar emociones.

Las imágenes bien escogidas son capaces de realzar y subrayar el contenido del artículo.

  • Imágenes y gráficos desde el punto de vista SEO

Desde el punto de vista del SEO, las imágenes son otra forma de mostrar al motor de búsqueda cuán intensamente se trata de un tema y, por lo tanto, empujar el ranking.

No sólo a los lectores, sino también a Google le gustan las fotos y por eso, automáticamente, hace que las páginas con contenido visual tengan un ranking algo mejor,  si se optimizan claro…

¿Cómo optimizar las imágenes?

En primer lugar, nos centramos en el tipo y tamaño de los archivos.

No utilices formatos como. bmp,. tiff o. svg, sino que has de centrarte en los formatos más conocidos: JPEGs y PNGs funcionan de forma fiable y casi siempre se muestran sin errores.

Para evitar un largo tiempo de carga de la página (que no le gusta nada a Google) se recomienda ajustar el tamaño del archivo al principio "tan grande como sea necesario y lo más pequeño posible".

Incluso una imagen de cabecera de gran formato en HD no tiene que tener varios MB de tamaño.

Te recomiendo que no utilices imágenes de más de 150 KB, por lo tanto, puedes reducir la escala de tus imágenes con la ayuda de un programa de procesamiento de imágenes antes de integrarlas.

Consejo: Algunos programas, como Photoshop y GIMP, tienen la opción "Guardar para web", que garantiza automáticamente el tamaño de archivo más pequeño posible y la máxima calidad posible. En programas Online te recomiendo TinyPNG.

Y luego están los metadatos, cambia el nombre del archivo antes de subir la imagen a tu CMS para que contenga tu palabra clave de destino y una asignación clara al contexto en el que se ubicará.

Atención: Se deben evitar caracteres especiales y diéresis.

Cuando la imagen se carga e inserta, es esencial ajustar el texto ALT.

El texto alt sirve para enriquecer un archivo de imagen con una descripción del contenido de la imagen, porque esta información (la de la imagen) no puede ser capturada por el Crawler de Google para imágenes y gráficos.

La palabra clave de destino también debería aparecer de nuevo aquí.

Seo y experiencia de usuario

Conclusión

Como puedes ver, el Crawler de Google y tus lectores no tienen tantos intereses diferentes cuando se trata de entradas en el blog.

Si haces una cosa buena en una, también repercute de manera positiva en la otra y si todos están contentos, tú también podrás ser feliz, porque se te recompensará con un buen ranking en los resultados de búsqueda y un montón de lectores.

¿Eres capaz de hacer artículos que dejen contentos a tus lectores y a Google?

[ranking-factors] 

¿Eres capaz de que SEO y experiencia de usuario sean aliados? Te emplazo a que nos lo cuentes en los comentarios.

Compartir
Author Photo
Consultor SEO para web y ecommerce, llevo más de 18 años trabajando en web e internet, comencé por el diseño web y me he ido reciclando hasta adentrarme en el marketing online. Actualmente trabajo como SEO In House en Cevagraf además de gestionar varios proyectos personales. Siempre experimentando en SEO y Growth Hacker. Escribo sobre SEO y marketing online en general en mi blog personal jluislopez.es y colaboro en varios medios digitales como Semrush. Soy padre, deportista y viajero cuando se puede.