Cómo optimizar el SEO de tu site con meta etiquetas HTML

METAETIQUETAS

Todos conocemos a estas alturas la importancia de que nuestro sitio web aparezca en los primeros resultados de búsqueda de Google, para lo que no sólo es importante tener artículos interesantes y hacer publicidad, sino también dar un vistazo al SEO onpage, en especial de las meta etiquetas, que son parte de la meta información de tu sitio.

Muchas personas no aprovechan este poder para mejorar el ranking de su sitio porque desconocen el tema y piensan que es algo complicado. Esto hace que pierdan oportunidades de incrementar sus visitas web o que la página no aparezca en los resultados que se buscan.

La consecuencia de ello es la pérdida de tráfico y de oportunidades de atraer leads.
En pocas palabras, menos ventas.

Pero hay buenas noticias:

Esto no es un tema difícil de resolver ni debes seguir evitándolo.
Por el contrario, es bastante sencillo de mejorar. Sólo necesitas, además de un buen contenido, aplicar algunas metaetiquetas adecuadamente.

Si estos términos te suenan poco o nada, ahora conocerás más de ellos y cómo mejorarlos fácilmente, pero con grandes resultados:

¿Qué es la metainformación?

La metainformación dentro de un sitio web podría resumirse en pocas palabras como “información sobre información”. Es decir lo que le da a conocer al buscador (ya sea Google, Bing, Yahoo! u otros) de qué trata tu sitio y cada sección que tienes. Es decir, una especie de resumen sobre tus contenidos.

Cada publicación en tu sitio tiene su propia meta información y tú puedes cambiarla y mejorarla. Esto es posible porque la metainformación está conformada por varios elementos como: el título de tu publicación, la categoría o sección en la que se encuentra, el contenido, palabras clave, la descripción e imágenes usadas, la fecha en la que publicaste la información, así como las metaetiquetas.

Toda esta información es recopilada por los robots rastreadores y mostrada en los resultados de los buscadores. Es por ello que la metainformación también se conoce como metadatos.

¿Qué son las metaetiquetas para el motor de búsqueda de Google?

Las metaetiquetas son palabras que se encuentran “escondidas” dentro de la etiqueta <head> del código HTML de tu página y cada uno de sus contenidos. Es decir que no se muestran al usuario en tu sitio web, pero ayuda a agregar términos de búsqueda en tu sitio.

¿Cómo lo hacen?

La respuesta es muy sencilla: Porque estos términos o palabras ocultas sí pueden ser vistas por los bots y motores de búsqueda como Google. Los buscadores obtienen gracias a las metaetiquetas un resumen de lo que trata tu sitio y cuáles son las palabras clave que se pretenden atacar.

Cuando compartes tus enlaces en redes sociales y en sistemas de mensajería como WhatsApp, Telegram, etc., esta metainformación contenida en tus metaetiquetas es la que se mostrará.

Para visualizar tus metaetiquetas puedes entrar al modo de edición de tu contenido en HTML.

Se ven más o menos así:

<title>Título de tu artículo</title>

¿Cuántos tipos de metaetiquetas HTML existen?

    1. Título o title

      Esta metaetiqueta es el título que se mostrará en la hoja de resultados del buscador.
      Su sintaxis HTML es:
      <title>Título de tu contenido</title>

      Aquí, la parte que dice Título de tu contenido es el nombre del artículo y la metaetiqueta que lo indica al buscador es title.

      No debe ser demasiado largo, pero tampoco demasiado corto. Una longitud recomendable son 7 a 9 palabras, sumando entre sí un total de entre 55 y 60 caracteres ó 584 píxeles, para evitar que se corte.
      Ésta es la cantidad de texto que Google suele mostrar, por lo que, si lo haces demasiado largo, no se mostrará completo en los resultados de búsqueda.

      Importante a tener en cuenta:
      Tu meta title debe contener la palabra clave principal que quieres trabajar con el contenido. No omitas agregarla y si no lo has hecho, modifica el título para que sí la incluya.
      Es un factor directo de ranking.

    2. Descripción o description

      Es donde se agrega un resumen sobre el tema que estás abordando y un CTA para captar el clic.
      Aparece de esta forma:
      <meta name=»description» content=»Información de resumen sobre el tema tratado + CTA»/>

      Ten en cuenta que tu meta description no debe ser demasiado larga, ya que la mayoría de motores de búsqueda solo muestran 1 ó 2 líneas. Máximo en torno a 150 caracteres.
      Trata de ser breve y conciso en ella. Tu palabra clave principal, combinaciones o sinónimos, es recomendable que las utilices aquí.

      Echa un vistazo al Diccionario de Marketing Digital de Human Level, donde Rocío te cuenta qué es la meta description:

    3. Keywords

      Las metaetiquetas de las palabras claves o keywords ya no tienen un valor SEO como factor directo de ranking para Google.

      Su sintaxis es así:
      <meta name=”keywords” content=”ropa, colores de moda, 2021”/>

      Por lo tanto, no es importante que las rellenes, porque Google no lo lee ni lo tiene en cuenta para clasificar las urls.

    4. Texto alternativo (ALT) de las imágenes

      Aunque éstas no son exactamente metaetiquetas, sí es metainformación que te será de utilidad para mejorar tu SEO.

      La etiqueta ALT es un factor de ranking relevante, ya que los motores de búsqueda no pueden leerlas como imágenes, pero sí pueden leer el texto alternativo y comprender de qué se trata.

      Si lo haces adecuadamente, tu contenido aparecerá también en los resultados de búsqueda de imágenes como relacionados al término buscado.

      La metaetiqueta del texto alternativo se ve algo así:
      <img src=”http://tusitioweb.com/image_calzado.jpg” alt=”calzado de verano”/>

      Donde calzado de verano es el texto ALT que el buscador leerá.

      Es por ello que todas las imágenes deben tener nombres de archivo informativos, SEO friendly, y relacionados con lo que trata el tema.

      El texto alternativo que coloques a cada imagen debe ser breve y claro. La imagen principal de tu artículo debe contener la palabra clave principal que estás atacando con el artículo.

      Tip:
      Intenta que tus imágenes tengan buena resolución, pero que no sean demasiado pesadas, a fin de que la página cargue rápido y optimizar tu wpo. Trata de usar imágenes e ilustraciones propias y no de stock.
      Puedes pedir ayuda a un diseñador freelance cuando lo necesites, encargándole el trabajo específico cada vez o solicitando un paquete de imágenes para todo tu calendario editorial del mes.
      No te olvides de ponerles un nombre relacionado con el contenido y añadir texto Alt a cada una. Esto contribuye además a que la imagen sea más accesible y a comprender mejor de qué se trata la misma como hemos comentado más arriba.

    5. Datos estructurados Json-LD

      Hemos llegado a una de las partes más importantes para mejorar tu SEO: los datos estructurados son un tipo de formato estándar para brindar información sobre el contenido que se encuentra en determinada página, de modo que pueda ser clasificado más fácilmente porque aporta al robot del buscador información semántica acerca de la url. Su función es describir el contenido de la página de manera organizada.

      El buscador de Google usa los datos estructurados para analizar el contenido y comprenderlo mejor. Además, gracias a ellos, también puede habilitar funciones especiales y mejoras en la búsqueda del usuario, pudiendo aparecer incluso resultados con imágenes, como seguramente has visto muchas veces entre los primeros.
      Por ejemplo, si un sitio habla de ropa, los elementos pueden ser el material, la talla, el precio, la marca, etc… Es lo que se llama rich snippet o resultado enriquecido.

      Los datos Json.LD se verían de esta forma:
      <html>
      <head>
      <title>Camisa azul a botones</title>
      <script type=»application/ld+json»>
      {
      «@context»: «https://nombredelsitioweb.com/»,
      «@type»: «Clothes»,
      «name»: » Camisa azul a botones «,
      «author»: {
      «@type»: «Brand»,
      «name»: «Zara»
      },
      «size»: «talla S»,
      «description»: «Esta prenda es ideal para este verano, para llevar con jeans o shorts»,
      «Price»: «USD$20»
      }
      </script>
      </head>
      <body>
      <h2>Camisa azul a botones</h2>
      <p>
      <em>Marca Zara, disponible en talla S</em>
      </p>
      <p>
      Esta prenda es ideal para este verano, para llevar con jeans o shorts.
      </p>
      <p>
      Price: USD$20
      </p>
      </body>
      </html>

      A simple vista parece un poco complicado, pero si te fijas, primero se coloca una clasificación de la información en HTML y luego se agrega esa misma información en el cuerpo del contenido, coincidiendo ambos.
      Schema es una de las principales fuentes para conseguir este tipo de código aceptado por Google.

      Un consejo importante:
      Nunca pongas páginas vacías o en blanco dentro de tu sitio para pegar solo datos Json-LD, ni le agregues datos sobre información que el usuario no vaya a poder ver. Esto puede tener un efecto contraproducente en tu contenido.

¿Por qué es importante definir bien tus metaetiquetas y qué impacto tienen sobre el SEO de tu site?

Como has visto, la importancia de las metaetiquetas está centrada fundamentalmente en que sirve como guía a los motores de búsqueda. Éstos leen la información y comparan que la metadata o metainformación agregada esté en concordancia con lo que dice tu contenido visible en el front para el usuario.

Es decir que no puedes agregar cualquier cosa a la metadata. Debe estar directamente relacionado con el tema tratado.
Así, el motor de búsqueda lo verá como contenido relevante. Como resultado de ello, motores de búsqueda como Google irán posicionando poco a poco el contenido de tu sitio cuando un usuario realice una búsqueda que contenga dichos términos. De esta forma, tu sitio irá ganando relevancia con estos textos.

¿Dónde se definen las metaetiquetas?

Las meta etiquetas se definen en el header (etiqueta <head>) o encabezado de la página y, como hemos mencionado al inicio, no son visibles en el contenido de la misma.

Si estás pensando que todo suena muy bien, pero que tú no conoces nada de HTML, aquí hay algo que te tranquilizará: en realidad muchos editores de contenidos para sitios web tienen herramientas o plugins para agregarlas y cambiarlas. Así de fácil y rápido, un gran ejemplo es WordPress.

Estas herramientas son visuales, por lo que no necesitas saber de programación para usarlas.

Por ejemplo, si tu sitio web está en WordPress como decimos, tienes la opción de agregar el plugin Yoast SEO, que te ayuda a definir tu meta title y meta description muy fácilmente.

No te preocupes…

Sabemos que todo ello requiere conocimiento, trabajo y tiempo, sobre todo si ya tienes muchos artículos en tu web que necesitan ser optimizados o si no estás familiarizado con estos temas. Además, no todas las páginas web están desarrolladas con WordPress ni todos saben agregar plugins a su plataforma de gestión de contenidos web.

Por ello, en Design Boost Studio podemos ayudarte en todo lo que necesites para potenciar tu negocio digital. Ponemos a tu disposición a los mejores profesionales del sector y consultores SEO.
No dudes en ponerte en contacto con nosotros.

¿Te ha resultado interesante el artículo?
Déjanos tu comentario y pregunta cualquier duda que tengas 😊

Patricia Gutiérrez

Sobre Patricia Gutiérrez

Redactora en SoyFreelancer.com y correctora de textos freelance.

2 Comentarios

Deja una respuesta