Guía para metaetiquetas SEO: cómo usarlas de manera efectiva

Cuando se llevan a cabo correctamente, las tácticas de optimización para motores de búsqueda (SEO) posicionan tu marca en los primeros resultados de búsqueda, lo que supone una gran ventaja si buscas aumentar el tráfico orgánico y el reconocimiento de marca. 

Sin embargo, concentrar tus esfuerzos de SEO puede resultar abrumador si no sabes por dónde empezar. Las metaetiquetas para SEO son una tarea concreta que puedes realizar.

Las metaetiquetas son fragmentos de código HTML, pero que no cunda el pánico: no necesitas ser programador para añadir metaetiquetas HTML a una página web. A continuación, encontrarás una explicación sencilla sobre las metaetiquetas SEO, con consejos para añadirlas a cualquier sitio web.

¿Qué son las metaetiquetas para SEO?

Las metaetiquetas para SEO son fragmentos de texto con formato de código HTML que describen el contenido de una página web. 

Independientemente de que tu sitio sea un blog sencillo de desplazamiento continuo o una multitud de páginas con listados de ecommerce, las metaetiquetas para SEO ayudan a Google, Bing y otros motores de búsqueda a entender de qué está tu página formada, cómo indexar ese contenido y cómo mostrarlo en los resultados de búsqueda. 

Las plataformas de redes sociales también aprovechan esta metainformación cuando presentan contenido a sus usuarios.

Estas etiquetas aparecen en el documento HTML que contiene las instrucciones para renderizar una página web; por lo tanto, no son visibles para los usuarios mientras navegan. Sin embargo, algunos tipos de metaetiquetas para SEO (como las etiquetas de título) pueden aparecer en la página de resultados del motor de búsqueda (SERP). 

Para añadirlas o editarlas en tu sistema de gestión de contenidos (CMS), tan solo tienes que buscar los campos correspondientes y añadir la metainformación apropiada. Por ejemplo, en Shopify, puedes ir a una página de producto y desplazarte hasta "Vista previa del listado en motores de búsqueda" y realizar los cambios que desees.

Tipos de metaetiquetas para SEO

Cada metaetiqueta para SEO informa a los motores de búsqueda y otros servicios web sobre un atributo de contenido de una página en concreto. Si estás creando un negocio o un sitio web de ecommerce, completar las siguientes etiquetas puede ayudar a mejorar la visibilidad de las páginas web en los resultados de búsqueda:

• Etiqueta de título. Un metatítulo, o <title> en código HTML, es el título de la página que aparece en los resultados de búsqueda. Este elemento es posiblemente la metaetiqueta más importante de una página web. Por ello, debe incluir las palabras clave objetivo y reflejar con precisión el contenido de la página. Por ejemplo, si tienes una empresa de jardinería en Andalucía, la etiqueta de título de tu página de inicio podría ser "[Nombre de tu empresa]: El mejor cuidado de jardines en Andalucía".
• Etiqueta de metadescripción. Esta metapropiedad proporciona una descripción de la página que se muestra cuando la página aparece en Google y otros motores de búsqueda. Asegúrate de crear descripciones únicas para cada página. Las metadescripciones iguales (o copiar y pegar la misma metadescripción en varias páginas) pueden afectar negativamente al SEO.
• Etiqueta meta robots. Una metaetiqueta robots proporciona instrucciones a los motores de búsqueda sobre cómo rastrear e indexar una página en particular. En algunos casos, es posible que quieras usar metaetiquetas robots para indicar a los motores de búsqueda que no muestren una página en los resultados de búsqueda, como una página protegida con contraseña dentro de tu sitio web a la que solo pueden acceder los clientes actuales.
• Etiqueta meta viewport. Esta es una metaetiqueta importante para renderizar sitios web en dispositivos móviles. También conocida como metaetiqueta viewport o simplemente etiqueta viewport, se encarga de ajustar las páginas al ancho del dispositivo. Adaptarse al ancho del dispositivo te ayuda a ofrecer una experiencia fluida para los usuarios móviles.
• Etiqueta meta charset. Una metaetiqueta charset declara la codificación de caracteres del contenido de la página. En términos sencillos, este tipo de etiqueta te ayuda a mostrar emojis, símbolos y puntuación según lo previsto. Esta metaetiqueta es compatible con herramientas de texto a voz y ayuda a prevenir problemas de visualización (como que una é acentuada no se muestre correctamente).
• Otras etiquetas. Puedes encontrar otras metaetiquetas al crear tu sitio. Estas incluyen la etiqueta meta keywords (que ahora está prácticamente obsoleta), las etiquetas meta refresh y meta http-equiv (utilizadas para dar instrucciones de actualización, aunque no sean relevantes para el SEO) y las etiquetas hreflang (que indican a los motores de búsqueda para qué región e idioma está destinada una página web). Estas etiquetas son menos comunes.

Cómo usar las metaetiquetas SEO en tu sitio

• Etiquetas de título
• Etiquetas de meta descripción
• Etiquetas meta robots
• Etiquetas meta viewport
• Etiquetas meta charset
• Etiquetas de verificación de sitio de Google

Con el tiempo, la comunidad SEO ha identificado las mejores prácticas para optimizar el uso de metaetiquetas para SEO en un sitio web. A continuación, descubre algunos consejos para aprovechar las metaetiquetas en tu sitio de negocio o tienda de ecommerce:

Etiquetas de título

Utiliza palabras clave relevantes al principio de tus etiquetas de título. Esas palabras clave podrían estar relacionadas con tu sector, los productos que vendes o el nombre de tu negocio. 

La página de resultados de Google muestra un máximo de 60 caracteres, así que asegúrate de que el título cuente con menos caracteres y que no aparezca cortado. Evita títulos duplicados en distintas páginas, ya que podría afectar negativamente a tu SEO.

Etiquetas de meta descripción

Las etiquetas de meta descripción, también llamadas metaetiquetas de contenido de descripción, no influyen directamente en las clasificaciones de SEO. Aun así, es recomendable utilizarlas para proporcionar un resumen relevante del contenido de una página. 

Las mejores etiquetas de meta descripción comienzan con una descripción precisa de la página que resume claramente su contenido. Estas descripciones deben tener entre 150 y 160 caracteres y deben incluir las palabras clave objetivo siempre que sea posible.

Etiquetas meta robots

Las etiquetas meta robots indican a los rastreadores de búsqueda qué hacer en una página, especialmente si deben indexarla o no. Por ejemplo, imagina que tu sitio de ecommerce tiene muchos filtros de productos que crean docenas de URL de categorías de productos casi idénticas. 

Una metaetiqueta robots como "<meta name="robots" content="noindex, follow">" indicaría a los rastreadores de búsqueda que no indexen esa página de resultados de filtro en los resultados de búsqueda, pero que sigan los enlaces y descubran otras páginas de tu sitio.

Si necesitas evitar que se indexen otras páginas (como páginas protegidas con contraseña o páginas de administración con información confidencial), los complementos de SEO o los archivos de tema pueden ayudarte a personalizar fácilmente esas páginas. 

La tienda de aplicaciones de Shopify incluye estos complementos, como Metagen y TagFly. Además, no olvides utilizar Google Search Console para detectar cualquier problema con las metaetiquetas, incluido si algún contenido se ha bloqueado accidentalmente de la indexación de búsqueda.

Etiquetas meta viewport

No todos los tipos de contenido se adaptarán automáticamente al tamaño correcto en dispositivos móviles. Las etiquetas meta viewport abordan este problema y te ayudan a proporcionar una experiencia fluida en navegadores móviles. 

Por ejemplo, una etiqueta viewport como "<meta name="viewport" content="width=device-width, initial-scale=1.0">" indica al navegador que cargue el contenido para que coincida con el ancho de la pantalla y no se amplíe o reduzca. Este tipo de etiqueta se utiliza principalmente para la usabilidad móvil, algo que los motores de búsqueda como Google buscan al clasificar páginas web.

La mayoría de los creadores de sitios de ecommerce, como Shopify, incluyen estas etiquetas de forma predeterminada.

Etiquetas meta charset

Los navegadores web ofrecen una variedad de opciones de codificación de caracteres para ayudarte a mostrar emojis, símbolos y puntuación correctamente. La más utilizada se llama UTF-8, y la metaetiqueta completa se ve así: "<meta charset="UTF-8">". 

Google admite este conjunto de caracteres de forma predeterminada en sus resultados de búsqueda. Tu creador de sitios web debería tener UTF-8 como predeterminado, pero si no es así, puedes configurar manualmente tus metaetiquetas charset. 

Hacerlo ayuda a garantizar que tu sitio se muestre correctamente en diferentes navegadores y sistemas, lo que contribuye a una experiencia de usuario coherente.

Etiquetas de verificación de sitio de Google

Es probable que desees usar Google Search Console para controlar tu rendimiento de SEO e identificar problemas técnicos (por ejemplo, problemas con el meta nombre y la etiqueta de título). Si es así, deberás verificar tu sitio. Registra tu sitio con Google, que luego te proporcionará una etiqueta de verificación. Añádela a través de tu CMS o editor de temas. A partir de este momento, estarás listo para usar Google Search Console para monitorear el rendimiento del sitio.