es
English Español Deutsch Français Italiano Português (Brasil) Русский 中文 日本語
Enviar un artículo
Ir a blog

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

71
Wow-Score
La Wow-Score muestra si una entrada de un blog crea o no interacción. Se calcula en base a la correlación entre el tiempo de lectura activo de los usuarios, su velocidad de desplazamiento y la longitud del artículo.

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

José Luis López
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?

 

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

José Luis López
Gurú

Portador de sabiduría de marketing digital.

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.
Compartir esta entrada
o

Comentarios

2000
Ricardo Cruzate
Buen samaritano

Miembro con experiencia que siempre está dispuesto a ayudar.

Un tema muy controvertido e interesante aunque creo que tiene fecha de caducidad. Si Google lo hace bien estos próximos años (o meses) los requisitos para SEO serán mucho más parecidos a los de experiencia de usuario. La inteligencia artificial tendrá mucho que decir en esto.
José Luis López
Gurú

Portador de sabiduría de marketing digital.

Ricardo Cruzate
Buenas días Ricardo, creo que Google va en esa línea hace tiempo, dada su política de ofrecer lo mejor para el usuario, "mira" las páginas casi como si fuese un lector más, por eso tener una buena arquitectura web con lógica beneficia a tu lector y a los robots de Google.
La experiencia de usuario está ya 100% relacionada con el SEO, ya que cuenta el tiempo de lectura, porcentaje de rebote, etc..
Saludos y gracias por comentar!
Jose Escalona
Novato

Se ha registrado recientemente o es demasiado tímido para comentar.

la verdad me encanto tu post, una pregunta cuantos anchor por post sean recomendado? se que quizás no hay estadísticas para eso, pero bueno solo por aprender un poco mas
José Luis López
Gurú

Portador de sabiduría de marketing digital.

Jose Escalona
Buenas tardes Jose, mil gracias por tu comentario.

Supongo que te refieres al enlazado dentro de los post. Pues como se dice en este mundo muchas veces, "depende". Depende del tamaño del contenido, de la cantidad de enlaces al mismo dominio...

Si pones enlaces a un mismo dominio no es conveniente poner más de 2, además si son al mismo dominio el link juice se lo queda todo el primer enlace.

Otra cosa es si pones enlaces a fuentes que dan aún más valor a tu lector, por ejemplo si mencionas un "estudio realizado por la empresa XXXX" y le pones un enlace "nofollow" al estudio, estás aportando valor a tu contenido de cara al lector, si pones unas cuantas no hay problema.

Pero si tu contenido es de 500 palabras y tiene 25 enlaces... pues muy natural no resulta... sobre todo para Google.

Espero haberte ayudado Jose. Saludos!
Cristian Sepulveda
Novato

Se ha registrado recientemente o es demasiado tímido para comentar.

Hola José Luis, me gustó tu artículo pero extrañe aspectos del UX como: Velocidad, para mi un aspecto crítico del UX o el Sistema de navegación del sitio, o uso y abuso de Ajax, diferenciación de contenidos según dispositivo, son aspectos para mi fundamentales a la hora de hablar de UX.

Saludos cordiales,
CSR./
José Luis López
Gurú

Portador de sabiduría de marketing digital.

Cristian Sepulveda
Hola Cristian, muchas gracias por comentar el artículo.

Estoy de acuerdo en que faltan cosas en él, pero lo que quería era repasar un poco por encima los aspectos que un usuario no técnico puede implementar con pocos conocimientos en su blog.
Sobre parámetros como la velocidad de carga, navegación e incluso diferentes contenidos según dispositivo se debería hacer un artículo entero de cada uno (de hecho ya los hay y muchos) y algunos de ellos se pueden "escapar" para una usuario que no tiene conocimientos para tocar el .htaccess por ejemplo.

Un saludo!
Guillermo Eduardo
Novato

Se ha registrado recientemente o es demasiado tímido para comentar.

Hola!
Gracias por el artículo, muy provechoso, tengo una duda en la parte de las URLs, dice "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." y he mirado la url de este post y no la veo muy Corta y nítida, es por algún otro motivo especial para SEO ?

Gracias!
José Luis López
Gurú

Portador de sabiduría de marketing digital.

Guillermo Eduardo
Muy buenas Guillermo, gracias por comentar.
En el tema de la URL (vamos a ver la de este artículo), es una URL estructurada de cara al SEO, los robots de Google cuando llegan a ella "ya se hacen una idea" de que trata el contenido, luego van leyendo el title, description, contenido, etc... y ve que va todo enlazado.
En cambio si wordpress ubiese creado la url, sería ".../el-seo-y-la-experiencia-de-usuario-en-tu-blog-Claves-de-diseno", como puedes ver contiene muchos artículos, preposiciones,... que hacen que la URL sea muy larga, a parte de que son las llamadas "stop words", que son todas aquellas palabras que carecen de un significado por si solas y no aportan nada a los robots de google.
Espero haber resuelto tus dudas.

Un saludo!
Guillermo Eduardo
Novato

Se ha registrado recientemente o es demasiado tímido para comentar.

José Luis López
Perfecto! solo palabras relevantes
Gracias José
Natalia de la Peña Frade
Leyenda

¡Llegar hasta aquí no es nada fácil!

¡Genial post, José Luis! Me gusta mucho el enfoque que le has dado.

Me encanta la frase de las imágenes: "tan pequeña como sea posible, tan grande como sea necesario". La tuitearé para compartir el post, con tu permiso :-)

Y yo también utilizo GIMP para las imágenes, ¡Es genial! Cuesta un poco al principio pero lo recomiendo.
Gracias por el post :-)

Saludos,
José Luis López
Gurú

Portador de sabiduría de marketing digital.

Natalia de la Peña Frade
Buenos días Natalia, he intentado dar a entender que ambas cosas van de la mano, últimamente pensamos más en Google que en nuestros lectores.
Por supuesto que puedes compartir la frase! Creo que es indispensable subir las fotos ya ha medida, porque no podemos esperar a reducirlas con css o con el cms que utilicemos.

Un saludo y mil gracias por comentar!
Sonia Duro Limia
Leyenda

¡Llegar hasta aquí no es nada fácil!

Me encanta leerte José Luis, por dos razones: siempre me llevo buen sabor de boca y siempre escribes de forma muy clara, para que te entendamos todos.
Aprovecho que estás a tiro porque tengo una duda sobre este tema y suelo recibir respuestas diferentes. A ver tú qué opinas:
En cuanto a los enlaces internos, ¿se deben abrir en la misma pestaña o en otra?
Entiendo que si vas del blog a contacto o a otra página comercial, se pueda cargar encima para centrar al usuario en ese contenido que nos lleva a una posible compra o lead.
Pero de un artículo de tu blog a otro de tu mismo blog, ¿ordenas que se cargue encima o en otra pestaña?
Si lo haces encima, puedes mejorar estadísticas de páginas visitadas, rebote, etc., pero igual la UX no es adecuada porque el lector no ha terminado con el primer post y ya le envías a otro. Podría estar saltando de post en post eternamente sin terminar de leer ninguno.

¿A ti qué te parece que es lo más adecuado?

¡Gracias por el post y por la respuesta, compañero!
José Luis López
Gurú

Portador de sabiduría de marketing digital.

Sonia Duro Limia
Muy buenas Sonia! Y gracias por los halagos!

Sobre los enlaces internos, te has explicado de la mejor forma, los que nos llevan por nuestra web o blog siempre han de quedar en la misma ventana, ya que se utilizan, por varios motivos, entre los que están: mejorar el enlazado interno de la web, ampliar la información que estamos dando al usuario con otro contenido relacionado, llevarle a un generador de leads, etc... En estos casos el hecho de ir abriendo pestañas puede resultar hasta desconcertante para el usuario.

En el caso de que derivemos al usuario a otra página web que no es la nuestra, es necesario que abramos la nueva ventana en otra pestaña, ya que no queremos que el visitante se vaya de nuestra web y nos olvide o deje a medias nuestro contenido, normalmente es bueno enlazar a otros sitios para ampliar la información pero sin desviarnos de nuestros objetivos, contacto, venta, etc... y si los sacamos de la web probablemente no podamos cumplirlos.

Un saludo y gracias por comentar! Espero haber resuelto tu duda.
Sonia Duro Limia
Leyenda

¡Llegar hasta aquí no es nada fácil!

José Luis López
Si enlazo a otra web, obviamente va en otra ventana. Pero, ¿y cuando enlazo desde un post de mi blog a otro post de mi blog? ¿Misma ventana u otra?
(Ojo, no te digo a páginas de conversión o de servicios, te hablo dentro del blog).
Gracias de nuevo!
José Luis López
Gurú

Portador de sabiduría de marketing digital.

Sonia Duro Limia
Hola! Si enlazas a otro artículo ha de ser en la misma ventana, normalmente hasta que no acabamos el post no vamos a otro, lo ideal es que ese enlace sea muy visible para cuando volvamos arriba podamos verlo rápido.
Así también conseguiremos que el usuario esté más rato en la web, cosa que les gusta a los señores de Google. :)
Sonia Duro Limia
Leyenda

¡Llegar hasta aquí no es nada fácil!

José Luis López
Ahora sí. Por eso te comentaba que cargarlo en la misma ventana beneficia a nuestras estadísticas. Pero dudaba que fuera bueno para la UX.
Gracias compañero!

Enviar feedback

Your feedback must contain at least 3 words (10 characters).

Sólo usaremos tu dirección de correo para dar respuesta a tu feedback. Política de privacidad

Thank you for your feedback!