Etiquetas HTML para SEO: title, meta description y H1

Qué son las etiquetas HTML

Una página web combina tres tipos de código: el HTML, que organiza el contenido; el CSS, que define los estilos, colores y formas; y el JavaScript, que agrega efectos y cambios, como los filtros de una tienda. Esta clase se enfoca en el HTML.

Las etiquetas HTML estructuran y organizan el contenido, y con eso ayudan a Google a entender de qué trata la página y cómo mostrarla en los resultados. Bien implementadas, pueden marcar la diferencia entre aparecer o no en los primeros lugares. Para ordenarlas, las separo en tres grupos: obligatorias, recomendadas y complementarias.

Etiquetas obligatorias

Title

Es el título que aparece en los resultados de Google, el texto azul en el que se hace clic. Es uno de los factores de posicionamiento más importantes.

• Entre 50 y 60 caracteres.
• Con la palabra clave principal, idealmente al comienzo, pero sin forzarla: estás escribiendo para personas.

Cambiar el title es una de esas acciones de ganancia rápida del SEO: una mejora bien hecha puede hacer subir una página en poco tiempo.

Meta description

Es el texto que aparece debajo del título en los resultados. No influye directamente en la posición, pero su trabajo es convencer a la persona de hacer clic, y más clics significan más visitas.

• Entre 150 y 160 caracteres.
• Persuasiva, con las palabras clave relevantes.

Ojo: Google no siempre usa tu meta description. A veces muestra otra parte de tu contenido que considera más relevante para esa búsqueda.

Meta robots

Le dice a Google si una página debe aparecer en los resultados. Con index, sí; con noindex, no. Se usa noindex en páginas como la cuenta de un usuario o el carro de compra. En los gestores de contenido suele ser una casilla que marcas o desmarcas.

<meta name="robots" content="index, follow">

Canonical

Indica cuál es la versión de una URL que quieres posicionar. Sirve cuando varias direcciones llevan al mismo contenido (con y sin www, con parámetros al final) o cuando tienes productos muy parecidos y quieres evitar que compitan entre ellos, lo que se llama canibalización.

<link rel="canonical" href="https://tutienda.com/producto">

H1

Es el título principal que ves dentro de la página. Le dice a Google cuál es el tema central y es otro de los factores de posicionamiento más importantes.

• Uno solo por página.
• Con la palabra clave, descriptivo y atractivo.
• Distinto del title, pero complementario. En una ficha de producto, por ejemplo, puede incluir la marca, el modelo y un beneficio.

Etiquetas recomendadas

Subtítulos H2 a H6

Ordenan el contenido: el H1 da el tema general y los H2, H3 y siguientes dividen los subtemas. Los subtítulos son el lugar ideal para incluir variantes y palabras clave secundarias.

Texto alternativo de las imágenes

Es la descripción de una imagen (el atributo alt). Ayuda a que tus imágenes aparezcan en Google Imágenes, que responde muchas búsquedas mejor que el texto. Tiene su propia clase: optimización de imágenes.

Hreflang

Es para sitios con varios idiomas o países en un mismo dominio: le dice a Google qué versión corresponde a cada idioma y país, por ejemplo, la de México o la de Colombia. Si tienes un dominio distinto para cada país, no la necesitas.

Etiquetas complementarias

• Meta viewport: hace que la página se adapte al celular, desde donde llega gran parte de las visitas.
• Strong: marca un texto en negrita. Antes se ponía en negrita cada palabra clave; hoy no es un factor de posicionamiento, pero ayuda a Google a entender qué quieres destacar.
• Lang: indica el idioma de la página. Los dominios de país, como .cl, .co o .mx, ya dan una pista, pero no está de más declararlo.

Cómo implementarlas sin programar

En WordPress y WooCommerce

• Encabezados y negritas: el editor de WordPress te deja elegir títulos, subtítulos y negritas como en un procesador de texto.
• Texto alternativo: se completa en la biblioteca de medios, al subir cada imagen.
• Idioma: en la configuración general del sitio.
• Title, meta description, robots y canonical: WordPress arma el title por defecto con el título de la página, pero para personalizarlos conviene un plugin como Yoast SEO o Rank Math.
• Hreflang: con plugins como WPML o Polylang.

En Shopify

• Title, meta description y texto alternativo: se editan en cada página, producto o colección, sin instalar nada.
• Encabezados y viewport: vienen resueltos en los temas.
• Canonical: Shopify la genera automáticamente. Para personalizarla hay que editar el código del tema o usar una aplicación como Yoast SEO para Shopify.
• Hreflang: con aplicaciones como Langify o Weglot.

Qué revisar en tu sitio

• Cada página tiene un title único, de 50 a 60 caracteres, con su palabra clave.
• Cada página tiene una meta description propia, de 150 a 160 caracteres.
• Las páginas que quieres posicionar están en index, y las privadas o sin valor, en noindex.
• Las páginas duplicadas o muy parecidas tienen una canonical que apunta a la principal.
• Cada página tiene un solo H1, distinto del title.
• Los subtítulos ordenan el contenido e incluyen variantes de la palabra clave.
• Las imágenes importantes tienen texto alternativo.
• Revisaste tu sitio en un celular y se ve bien.

Para revisar todo esto página por página, la extensión SEO Austral Inspector te muestra estas etiquetas con un clic. Viene de regalo con el curso: déjame tu correo en el formulario del Curso SEO básico y te envío el acceso.

Errores comunes

• Titles duplicados en muchas páginas, o el mismo title de la plantilla en todas.
• Más de un H1 por página, o ninguno.
• Un noindex olvidado en una página que sí quieres posicionar.
• Forzar la palabra clave hasta que el título suena raro.
• Dejar la meta description vacía y que Google elija cualquier fragmento.

Tu próximo paso: parte por las obligatorias. Busca tu sitio en Google, revisa cómo se ven el título y la descripción de tus páginas principales y mejora los que no incluyan su palabra clave.