Entradas

Etiquetas de título: qué son y cómo optimizarlas para SEO

Si estás familiarizado con el mundo del posicionamiento SEO, redacción de contenidos y diseño web, habrás oído hablar (o habrás utilizado) las etiquetas de título. Pero, ¿qué son? Una etiqueta de título es un «trozo» de código HTML, el cual indica, como su nombre indica, el título de una página web. Es el nombre que aparece en los resultados de los motores de búsqueda, en las publicaciones compartidas en redes sociales en las pestañas del navegador, por eso es importante optimizarlas.

Así pues, en este post te contamos más en profundidad cómo funcionan las etiquetas de título, por qué son importantes y cómo optimizarlas para SEO en Google.

Por qué son importantes las etiquetas de título

Las etiquetas de título son un factor de posicionamiento muy importante. Esto quiere decir que son utilizadas por Google para entender qué hay dentro de una página web o subpágina y así hacerse una idea de la relevancia de este contenido para el usuario que ha realizado la consulta. Es decir, una persona hace una consulta en la barra de búsquedas de Google, Google lee las etiquetas HTML de diferentes páginas web y considera, por lo que hay escrito en ellas, si es lo que busca el usuario o no.

Por eso, es importante optimizarlas, pues, haciéndolo bien, es una forma sencilla de mejorar el posicionamiento en Google.

Además de que son un factor SEO determinante, las etiquetas de título también indican a los navegadores cómo mostrar el título de tu página en los resultados de búsqueda, en las pestañas del navegador y en las redes sociales cuando compartes un enlace de tu web. Te lo explicamos:

Etiquetas de título en resultados de búsqueda

La etiqueta de título es el título que encuentras en Google acompañando a la url, a la Meta Description y, posiblemente, a una imagen, cuando realizas una búsqueda. Si es un buen título, que no supera los 60 caracteres y contiene la palabra clave en cuestión, mejora la experiencia usuario y fomenta los clics a la web. Por eso, la etiqueta de título debe actuar como titular del post o de la página.

Ejemplo de etiquetas de título en la búsqueda de tartas de queso

Etiquetas de título en las pestañas del navegador

Las etiquetas de título también son el texto o título que aparecen en las pestañas del navegador. Esto es importante para los usuarios porque les ayudan a encontrar la página o pestaña que buscan cuando tiene varias abiertas en el navegador.

Cómo aparecen las pestañas del navegador

Etiquetas de título en las redes sociales

Al compartir un enlace en Facebook, Linkedin u otra red social, el título que aparece en la vista previa del enlace es la etiqueta de título. Es decir, las etiquetas de título determinan cómo aparece una url cuando es compartido en redes sociales, proporcionando un contexto. De este modo, si no está bien indexada o no tiene relación con el contenido, es fácil perder el clic.

Cómo aparecen las etiquetas de título en las publicaciones de redes sociales

Cómo optimizar las etiquetas de título

Como habrás visto, es importante prestar atención a las etiquetas de título y optimizarlas como es debido, ya sea en un post del blog o en las propias páginas de una web. Son un factor SEO muy importante, pero también es la primera impresión y lo que determinará que un usuario escoja tu página y no otra.

Por ello, te dejamos aquí algunas buenas prácticas que te ayudarán a ello:

No deben ser demasiado largas

Por lo general, es mejor que las etiquetas de título tengan como mucho 60 caracteres, pero tampoco menos de 50. De esta forma, se podrá leer entera en una línea y no se cortará en la búsqueda. Esto no es un factor SEO como tal, pero sí que Google ajustará el texto cortándolo.

Ten en cuenta que dispones de poco espacio para las etiquetas de título, por eso optimízala al máximo: es mejor incluir la palabra clave en cuestión que el nombre de tu marca, porque esto segundo no aporta nada al usuario. Así pues, teniendo en cuenta esto, elimina el nombre de tu marca (ya aparece en la url), escribe en minúscula, ya que las letras mayúsculas ocupan más espacio, y utiliza símbolos que te ayuden a ahorrar espacio.

Escoge títulos únicos para cada página y entrada

Es decir, cada página de tu web y cada entrada debe tener su propia etiqueta de título. No es que no puedas asignarle el mismo título a todas, es que no debes hacerlo, porque estas etiquetas ayudan a Google y a los usuarios a saber qué hay dentro de la página. Si todas tienen el mismo título, no generará ningún interés.

Por ejemplo, Leroy Merlin no titula todas sus páginas de producto del mismo modo, si no que cada una se titula según el producto en cuestión:

Cómo escribir el nombre en cada página

Búsqueda «sillas playa»

título único en cada página

Búsqueda «sombrillas playa»

Una palabra clave por etiqueta de título

Escribir más de una palabra clave en el título de una página puede producir canibalizaciones, lo que afecta a su posicionamiento, y puede confundir a los usuarios.

Así pues, si quieres vender sombrillas de playa, como en el anterior ejemplo, escribe «Sombrillas de playa antiviento al mejor precio», en lugar de:

Cómo poner la palabra clave en las etiquetas de título

Conclusión

En definitiva, escribir etiquetas de título optimizadas es una buena forma de posicionar tu página web y de decirle a Google y a los usuarios qué hay dentro de ella. Esto se convierte en mejor posicionamiento, más clics y, en definitiva, más ventas.

Pero como el SEO lleva mucho tiempo y existen más de 200 factores que determinan el posicionamiento de una página o entrada, déjanos a nosotros ocuparnos de ello. Somos expertos en posicionamiento web.

Qué son los enlaces Dofollow y Nofollow

Los enlaces forman parte de las estrategias más usadas de posicionamiento web actuales. Existen varias formas de redirigir el tráfico a través de los enlaces y cada una repercute de una forma u otra en el posicionamiento de tu web.

Hay que tener en cuenta que no solo basta con poner enlaces de vez en cuando en tu página, deben estar relacionados entre sí. Debes tener enlaces a tus propias secciones, de modo que los artículos que publiques estén conectados entre sí dentro del SEO On Page y mejorar de este modo el posicionamiento.

¿Cómo puedo mejorar entonces le posicionamiento web de mis publicaciones? Los enlaces dofollow y nofollow son de gran ayuda para esta actividad, pero primero hay que entender que són y cómo funcionan para que no acaben repercutiendo de forma negativa en nuestra web.

 

Enlaces Dofollow

Los enlaces dofollow son los enlaces normales que se insertan dentro de un texto. En realidad, el atributo dofollow no existe. Por defecto todos los enlaces son dofollow, de modo que su finalidad es distinguirlo del atributo nofollow. Un enlace dofollow tiene este aspecto:

<a href=»https://aeuroweb.com»>Aeuroweb</a>

Como podemos ver, en ningún momento aparece el atributo dofollow.

Estos enlaces le permiten a Google saber que la página enlazada es de calidad y confianza y puede darle autoridad a dicha página. Sin embargo, esto repercute de forma negativa en nuestra página, ya que, mientras aumenta la autoridad de la página enlazada, disminuye la de la nuestra propia, justo lo que no queremos que ocurra.

Mano sujetando un papel en le que aparece el ícono de enlaces de Internet.

A nivel práctico, estos enlaces permiten a los buscadores descubrir contenidos en internet. Las arañas de Google cuando llegan a un enlace dofollow, este le está indicando un camino por el que seguir. La araña seguirá el enlace para analizar e interpretar tu página web. La página enlazada ganará autoridad y la tuya disminuirá, incluso aunque ambas páginas sean tuyas.

Con toda esta información, podemos interpretar que los enlaces dofollow nos perjudican más que ayudan, ya que nuestra autoridad disminuye más cuanta mayor cantidad de enlaces de este tipo tenemos. En realidad, esto no es así. Google beneficia a las páginas que ponen dofollow externos porque considera que aportas información con valor con ese enlace. De ese modo, Google también dota de valor y confianza a tu página. El número de enlaces dofollow en tu post debería ser 1 o 2, sin abusar.

Todo esto que hemos comentado son enlaces que ponemos desde nuestra web hacia otras, también llamados enlaces externos. Cuando es al revés, se conocen como backlinks y pueden ser tanto dofollow como nofollow. Los backlinks dan valor a nuestra página, pero solo si son de calidad y naturales. De nada sirve tener muchos backlinks de páginas de menor autoridad que la nuestra o de poca confianza. Las páginas de más calidad son de webs oficiales, como universidades, o cuya posición en Page Rank es muy alta.

Enlaces NoFollow

Los enlaces nofollow son aquellos enlaces que apuntan a una web pero indica a los buscadores que no siga el camino, de este modo no ganará autoridad y la nuestra se mantendrá intacta. Además, tampoco aportará nada al posicionamiento. Un enlace nofollow tiene este aspecto:

<a href=»https://aeuroweb.com» rel»nofollow»>Aeuroweb</a>

En este caso, podemos observar que el término nofollow aparece explícito en el código HTML. Esto indica a las arañas de Google que no sigan el enlace. Este tipo de enlaces fue creado para evitar el spam masivo, de modo que así se dejaba de dar autoridad a páginas con poco valor y de dudosa reputación.

Viñeta con dos personas dibujadas explicando una estrategia para aumentar el tráfico en un proyector.

Entonces, ¿cuál es el valor de poner un enlace nofollow hacia mi web? Hay que tener una buena proporción de enlaces dofollow y nofollow, alrededor de un 30%-70%, ya que Google penaliza si tienes un porcentaje más alto de enlaces dofollow que nofollow. Otro beneficio muy importante es que, si bien la araña de Google no seguirá el camino, las personas sí pueden hacerlo, de modo que, aunque no traspasa autoridad, genera visibilidad y tráfico.

En el caso de que seamos nosotros quienes estemos poniendo los enlaces nofollow, tenemos que tener en cuenta que, si estamos escribiendo un blog en WordPress, los enlaces de los comentarios ya son enlaces salientes nofollow, así que convendría no poner enlaces nofollow en el post, aunque perdamos un poco de autoridad. Google nos beneficiará de otras formas.

Podemos pensar entonces que si ponemos enlaces nofollow en nuestra página a secciones con menos valor, las otras obtengan mejor SEO. Esta técnica se utilizaba hasta 2008, cuando quedó obsoleta y dejó de funcionar. Creer que, de este modo, reforzaremos la autoridad de las páginas importantes de nuestra web es erróneo. Incluso expertos en SEO recomiendan no realizar este tipo de acciones que pueden repercutir de forma negativa en nuestra web.

Conclusiones

Tras estudiar a fondo las características que ofrecen los enlaces dofollow y nofollow, lo mejor es dejarlo todo lo más natural posible y no tocar nada para evitar que Google nos penalice. El SEO es un proceso lento en el que tomar atajos no está bien visto. Acelerar el posicionamiento de formas fraudulentas pone a tu página web en el punto de mira de Google, que no dudará en penalizarte.

Pantalla de ordenador en la que aparece Google

Sí que es recomendable, por ejemplo, utilizar los enlaces nofollow para enlazar páginas con poca autoridad o de dudosa reputación, foros o cualquier sitio que no queremos que sea indexado. Todavía no está claro si Google puede saber si has comprado algún enlace externo. Si utilizas páginas para comprar publicaciones es recomendable que los enlaces sean nofollow para evitar penalizaciones.

Además, hay que añadir que los buscadores tienen en cuentan más factores, como la usabilidad y estructuras propias del diseño web. En el caso de Google, valora de forma global tu web y su rendimiento de cara al usuario.

Mejora el SEO de tu web con Schema.org

Desde hace ya varios años, los principales buscadores de información como Google, Bing o Yahoo se pusieron de acuerdo en crear una serie de términos que podemos usar a la hora de marcar nuestro código HTML. Este “diccionario universal” para el marcado semántico fue llamado Schema.org y es la iniciativa más promulgada del movimiento semántico.

Para el marcado se utiliza diferentes tipos de etiquetas con el objetivo de estructurar el documento y enriquecer el código para mejorar el SEO del sitio. Gracias a estas etiquetas  los buscadores entenderán mucho mejor el contenido marcado y mostrarán informaciones más detallada sobre el contenido. Con este cambio nos acercamos a los que muchos llaman Web Semántica.

Schema.org ha sido tan exitoso por haber simplificado y estandarizado el proceso de marcado web y por proporcionar ciertos beneficios, como son los fragmentos enriquecidos. Los fragmentos enriquecidos son la información que aparece abajo del resultado de búsqueda como destacado. La información destacada ayuda a captar la atención del usuario aumentado la tasa de clicks.

Los microformatos o microdatos se implementan en el código HTML utilizando el formato de microdata, introducido con HTML5.

Tipos de objetos que describe Schema.org

Los datos estructurados pueden ser usados para marcar todo tipo de objetos como por ejemplo:

  • Trabajos creativos
  • Eventos
  • Personas
  • Sitios
  • Productos

Todos los objetos de marcado con Schema.org se pueden ver aquí.

Los objetos tienen propiedades que se pueden usar para describirlo con mayor detalle . Por ejemplo un libro, un libro en schema.org está en la categoría “CreativeWork” y tiene propiedades propias del tipo libro como “isbn” , “illustrator”, ”numberOfPages”, “bookEdition”y “bookFormat”  más las propiedades del tipo de objeto “CreativeWork”. Se puede añadir todo tipo de propiedades para enriquecer el código.

¿Cómo funciona HTML microdata?

Aunque aún se encuentra en desarrollo, HTML microdata es una especificación estándar creada por la W3C de HTML5 que permite que las máquinas entiendan el contenido. La finalidad es que se etiquete la información de forma sencilla, y además, que sea compatible con otros formatos como RDF y JSON-LD.

A continuación, vamos a explicarte paso a paso  cómo puedes “enriquecer” tu contenido con las etiquetas que nos ofrece Schema.org:

Partimos del siguiente código, en el cual se habla sobre una película:

Código con datos sobre una película

A continuación, añadimos en la primera línea la etiqueta «itemscope». Esto indicará a los buscadores que todo lo que encontramos dentro de la etiqueta hace referencia a un objeto en particular. Seguidamente, debemos añadir la etiqueta «itemtype», con la que decimos a los buscadores de qué tipo de objeto se trata. En la siguiente imagen podemos observar los cambios:

Introduciendo la etiqueta itemtype y itemscope de Schema.org

Ahora, si sigues bajando en la jerarquía, debes etiquetar el resto de información: el nombre de la película, el director, su año de nacimiento, el género de la película… Para ello, debes utilizar la etiqueta «itemprop».

Introduciendo la etiqueta itemprop de Schema.org

Como puedes observar, al director le hemos añadido el itemtype” de persona.

Con Schema.org puedes enriquecer muchas secciones de tu web, como por ejemplo los datos de contacto. Utilizando “itemtype=”…/LocalBusiness”” y añadiendo propiedades de “address”, “telephone” o “description”, entre otras, puedes enriquecer tu hoja de contacto:

Introducción de más propiedades

Herramientas y plugins

Existen diferentes herramientas que nos ayudarán a hacer más fácil el proceso de marcado. Se trata de un método más inmediato que hacerlo a mano ya que introduciremos los datos y as herramientas nos proporcionarán un código el cual tendremos que copiar y pegar.

Algunos de los generadores más populares son los siguientes:

Existen diferentes plugins como otras alternativas para gestores de contenido que trabajan con WordPress:

  • Schema Creator by Raven , tiene la misma funcionalidad que la herramienta online, solo que esta está integrada en el wordpress y permite añadir Schema.org y microdatos a entradas y páginas.
  • WordLift. Con este plugin organizaremos contenidos mediante entidades siguiendo las especificaciones de Schema.org.

Cómo comprobar si has etiquetado correctamente

Para asegurarte de que las modificaciones que has realizado están bien hechas, Google te permite revisarlo a través de varias herramientas. La que más te recomendamos es Rich Snippets testing tool. Su uso es muy visual y sencillo. Simplemente debes introducir la URL de la página que has etiquetado y la herramienta te indica cómo se verá en los buscadores.