En el vasto mundo del SEO, comprender y aplicar correctamente los meta tags de HTML puede significar la diferencia entre el éxito y el anonimato en los motores de búsqueda. Estos tags, aunque invisibles para los visitantes de una página, son esenciales para los motores de búsqueda, pues ofrecen datos cruciales sobre el contenido del sitio. Desde mejorar la relevancia hasta evitar contenido duplicado, cada tag tiene un papel específico que ayuda a optimizar la página para una mejor indexación y clasificación. Aquí exploraremos los diez meta tags más importantes que todo profesional de SEO debe conocer y utilizar eficazmente.
1. Title Tags
Son cruciales ya que aparecen en los resultados de búsqueda como el encabezado principal. Deben ser precisos y descriptivos.
- Usa la palabra clave principal en el título, para esta publicación nuestra palabra clave es meta tags de html.
- Mantén los títulos entre 50 y 60 caracteres.
- Agregar el nombre de tu marca al final del título aunque pueda que no aparezca.
<title>10 Meta tags de HTML Más Importantes para SEO - Tebiko</title>
2. Meta Descriptions
Ayudan a describir el contenido de la página en los resultados de búsqueda, aumentando la probabilidad de que los usuarios hagan clic.
- Incluye la palabra clave principal del título
- Utiliza entre 150-160 caracteres para tu descripción
- Si es para un producto/servicio utiliza palabras de acción «Compra ahora» «Cotiza aquí»
<meta name="description" content="Los meta tags de HTML más importantes que todo sitio debe tener o considerar para SEO. Conoce aquí las mejores recomendaciones para tu sitio."/>
3. Robots Meta Tag
Controlan cómo los motores de búsqueda indexan las páginas y siguen los enlaces, esencial para gestionar la visibilidad de ciertas páginas.
- Cierra las páginas innecesarias o no terminadas con contenido escaso que tienen poco valor y no tienen la intención de aparecer en los SERPs.
- Elimina las páginas que desperdician de manera irrazonable el presupuesto de rastreo.
- Asegúrate de no restringir por error el indexado de páginas importantes.
4. Canonical Tag rel=”canonical”
Importante para evitar problemas de contenido duplicado al señalar a los motores de búsqueda cuál versión de una página es la principal.
- Páginas con contenido similar sobre el mismo tema.
- Páginas duplicadas disponibles bajo múltiples URL.
- Versiones de la misma página con IDs de sesión u otros parámetros de URL que no afectan el contenido.
- Usa con cuidado los tags canónicos para páginas casi duplicadas: si las dos páginas conectadas por un tag canónico difieren demasiado en contenido, el motor de búsqueda simplemente ignorará el tag.
<link rel="canonical" href="https://example.com/preferred-url-here/" />
5. Meta Tags para Redes Sociales
Como Open Graph de Facebook y Twitter Cards, optimizan cómo se ven los enlaces en estas plataformas.
- og:title – Aquí, colocas el título que deseas se muestre cuando se enlace tu página. og:url – La URL de tu página.
- og:description – La descripción de tu página. Recuerda que Facebook solo mostrará unos 300 caracteres de la descripción.
- og:image – Aquí, puedes poner la URL de una imagen que quieras se muestre cuando tu página esté enlazada.
<meta property="og:title" content="The Rock" /> <meta property="og:url" content="https://www.imdb.com/title/tt0117500/" /> <meta property="og:image" content="https://ia.media-imdb.com/images/rock.jpg" />
6. Schema Markup
Mejora cómo los motores de búsqueda entienden el contenido de la página y puede mejorar la aparición en los resultados enriquecidos. Tener un marcado de esquema estructurado:
- Es un gran impulso para tu experiencia de usuario.
- Tiene un enorme valor SEO.
- Mejora la comprensión del contenido.
- Ayuda a aparecer en las características de los SERP.
- Aumenta las posibilidades de obtener fragmentos enriquecidos.
Mejores prácticas
- Estudia los esquemas disponibles en schema.org.
- Crea un mapa de tus páginas más importantes y decide los conceptos relevantes para cada una.
- Implementa el marcado con cuidado (utilizando el Asistente de Marcado de Datos Estructurados si es necesario).
- Prueba a fondo el marcado para asegurarte de que no sea engañoso ni esté agregado incorrectamente.
7. Heading Tags (H1-H6)
Son otras de las meta tags de HTML más utilizadas. Organizan el contenido y ayudan tanto a los usuarios como a los motores de búsqueda a entender la estructura de los artículos.
- Mantén tus encabezados relevantes al texto que describen.
- Aunque no sean un factor de clasificación, eso no significa que los motores de búsqueda no los tomen en cuenta.
- Asegúrate siempre de que tus encabezados reflejen el sentimiento del texto sobre el que se colocan. Evita encabezados como «Capítulo 1… Capítulo 2… Capítulo 3…».
- No abuses de las etiquetas ni de las palabras clave en ellas. Mantén la legibilidad para los usuarios
8. HTML5 Semantic Tags
Facilitan que los motores de búsqueda entiendan mejor el contenido y estructura de las páginas.
- <article> — Define una pieza de contenido grande y significativa (un artículo, una publicación en un foro, etc.) que funciona como una unidad independiente.
- <audio> — Muestra un sonido incrustado o una transmisión de audio.
- <details> — Describe un widget del cual el usuario puede obtener información adicional o controles bajo demanda.
- <dialog> — Define un cuadro de diálogo o una subventana con la que un usuario puede interactuar en caso de necesidad.
- <embed> — Incorpora un contenido multimedia como videos, sonidos o cualquier aplicación externa. <footer> — Define el contenido del pie de página del documento o sección.
- <header> — Define el contenido de la sección del encabezado de la página, documento o sección.
- <main> — Define la parte más importante y significativa del contenido de la página, o del <article> (<main> puede colocarse dentro de la sección <article>).
- <nav> — Define una sección de la página con enlaces de navegación. <picture> — Define un contenedor para múltiples fuentes de imágenes.
- <source> — Muestra fuentes alternativas para los elementos de medios incrustados como <audio> o <video>.
- <summary> — Junto con <details>, este elemento proporciona un resumen visible para el usuario.
- <svg> — Incorpora un archivo SVG en un documento HTML.
- <time> — Codifica fechas y horas (cumpleaños, eventos, reuniones, etc.) en un formato legible por máquinas.
- <video> — Incorpora contenido de video en un documento HTML sin requerir ningún plugin adicional para reproducir un video.
Ejemplo:
<article>
<h1>10 Meta tags de HTML Más Importantes para SEO</h1>
<p>Contenido adicional</p>
</article>
9. Image Alt Attributes
Esenciales para la optimización de imágenes, permiten describir el contenido de las imágenes a los motores de búsqueda.
- Haz tu mejor esfuerzo para optimizar las imágenes más prominentes (imágenes de productos, infografías o imágenes educativas) que probablemente se buscarán en Google Imágenes.
- Añade texto alternativo en páginas donde no haya demasiado contenido aparte de las imágenes.
- Mantén el texto alternativo claro y descriptivo, usa tus palabras clave de manera razonable y asegúrate de que encajen naturalmente en el conjunto del contenido de la página.
<img src="https://mtpak.coffee/wp-content/uploads/2021/02/image2.jpg" alt="Roasting coffee beans">
10. Hreflang Tag
Crucial para sitios multilingües, indica a los motores de búsqueda qué idioma y región están destinados para una página específica.
Los enlaces externos o salientes son aquellos en tu sitio que apuntan a otros sitios. Se usan para referir a fuentes probadas, dirigir a las personas hacia otros recursos útiles o mencionar un sitio relevante por alguna razón. Estos enlaces son muy importantes para el SEO: pueden hacer que tu contenido parezca una pieza completa y bien elaborada respaldada por fuentes confiables o como un vertedero de enlaces con contenido no tan valioso.
Google es conocido por su antipatía hacia las tácticas de enlace manipulativas, cuyo seguimiento puede resultar en una penalización. Además, en la era de la búsqueda semántica, Google puede tratar las fuentes a las que te refieres como contexto para entender mejor el contenido de tu página. Por estas razones, vale la pena prestar atención a dónde y cómo enlazas.
Por defecto, todos los hipervínculos se siguen, y cuando colocas un enlace en tu sitio, básicamente das un «voto de confianza» a la página enlazada. Cuando añades un atributo nofollow a un enlace, instruyes a los bots de los motores de búsqueda a no seguir el enlace (y no pasar ninguna equidad de enlace)
<a rel=“nofollow” href=“https://www.apple.com”>Apple</a>
Dominar los meta tags de HTML es esencial para cualquier estrategia de SEO efectiva. Cada uno de estos tags desempeña un papel crucial en cómo los motores de búsqueda entienden y clasifican tu sitio web. Al implementar adecuadamente tags como el título, la descripción, los robots, y otros específicos de contenido y estructura, puedes mejorar significativamente la visibilidad y el rendimiento de tu sitio en los resultados de búsqueda. Asegúrate de mantener tus conocimientos actualizados y aplicar estos tags estratégicamente para sacar el máximo provecho de tus esfuerzos de optimización.