Como crear meta etiquetas HTML para SEO y redes sociales

Las meta etiquetas son esas pequenas lineas de codigo en la cabecera de una pagina HTML que le indican a los buscadores y a las redes sociales como presentar tu pagina. Si las configuras bien, tu pagina aparece con un titulo limpio, un resumen atractivo y una tarjeta de vista previa correcta cuando alguien la comparte. Si las configuras mal, los buscadores escriben su propio resumen o tu enlace compartido parece roto. Esta guia explica las etiquetas que importan y como crearlas con el Generador de Meta Etiquetas.

Las meta etiquetas que de verdad importan

No necesitas docenas de etiquetas. Un punado de ellas carga con casi todo el peso:

• Etiqueta title. El titular en el que se hace clic en los resultados de busqueda y la etiqueta de la pestana del navegador. Es el elemento de SEO en pagina mas importante de todos.
• Meta descripcion. El breve resumen que se muestra debajo del titulo en los resultados de busqueda. No posiciona tu pagina directamente, pero una buena descripcion gana clics.
• Etiquetas Open Graph. Etiquetas como og:title, og:description y og:image que controlan como se ve tu enlace cuando se comparte en Facebook, LinkedIn y plataformas similares.
• Etiquetas Twitter Card. Un conjunto paralelo que da forma a la vista previa en esa plataforma.

En conjunto, deciden tanto si la gente encuentra tu pagina como si hace clic una vez que lo hace.

Acertar con las longitudes

Los buscadores y las plataformas sociales recortan el texto que se extiende demasiado, asi que la longitud no es un detalle que puedas ignorar. Como objetivos practicos, apunta a un titulo de unos 50 a 60 caracteres y a una descripcion de unos 150 a 160 caracteres. Si te pasas, el final de esa frase que escribiste con tanto cuidado queda cortado con unos puntos suspensivos, a menudo a mitad de palabra.

Aqui es donde contar ayuda. En lugar de adivinar, pega el borrador de tu titulo y tu descripcion en el Contador de Palabras para ver el numero exacto de caracteres antes de confirmar. Recorta hasta quedarte dentro del limite y que el mensaje completo sobreviva. Una descripcion que se lee como una idea completa supera a una que se desvanece en la nada.

Escribir una descripcion en la que la gente haga clic

La longitud es la restriccion, pero el objetivo es la persuasion. Una meta descripcion es un pequeno anuncio de tu pagina. Empieza con el beneficio o la respuesta que el lector esta buscando, usa un lenguaje sencillo e incluye la palabra clave principal de forma natural para que destaque cuando coincida con la consulta. Evita amontonar palabras clave o repetir el titulo palabra por palabra.

Escribela como una o dos frases claras, en voz activa, y haz una pequena promesa que la pagina realmente cumpla. Si la pagina es un tutorial, di que sera capaz de hacer el lector al final. Esa honestidad importa, porque una descripcion que promete de mas provoca rebotes rapidos, y eso no ayuda a nadie.

Como generar tus meta etiquetas

Escribir el marcado a mano es laborioso y facil de equivocar. El Generador de Meta Etiquetas gratuito se ejecuta por completo en tu navegador, asi que lo que escribas permanece en tu propio dispositivo y nunca se sube a ningun sitio.

1. Introduce el titulo de tu pagina, la descripcion y los demas campos que ofrece la herramienta, como la URL de la pagina y una imagen de vista previa para Open Graph.
2. Lee el bloque generado de meta etiquetas, listo para pegar en la cabecera de tu HTML.
3. Copialo en tu pagina y guarda.

Como funciona sin conexion en la pestana, puedes redactar etiquetas para paginas no publicadas o privadas sin enviar nada a un servidor.

Gestionar caracteres especiales y URL limpias

Hay dos pequenos detalles que hacen tropezar a la gente. Primero, si tu titulo o descripcion contiene caracteres como &, < o comillas, estos deben codificarse para que el HTML siga siendo valido. La herramienta Codificar y Decodificar HTML convierte esos caracteres en su forma de entidad segura, de modo que un ampersand suelto no rompa tu etiqueta.

Segundo, el og:url y la direccion de tu pagina se leen mejor cuando son limpias y en minusculas, con las palabras separadas por guiones. Si estas convirtiendo el titulo de una pagina en un slug de URL, la herramienta Texto a Slug lo hace al instante, eliminando la puntuacion y los espacios para que tus enlaces se mantengan ordenados y faciles de compartir.

La version corta

Las meta etiquetas deciden como aparece tu pagina en el buscador y en las redes sociales, asi que merecen unos minutos de atencion. Centrate en un titulo solido, una descripcion digna de clic y etiquetas Open Graph para compartir, manten el titulo cerca de los 60 caracteres y la descripcion cerca de los 160, y codifica cualquier caracter especial. El Generador de Meta Etiquetas construye todo el bloque por ti en el navegador, gratis y sin registro, para que puedas publicar etiquetas limpias y dejar que tus paginas aparezcan tal y como las imaginas.