Genere etiquetas meta HTML con título y descripción

Aplica los límites habituales de 60 caracteres para el título y 160 para la descripción antes de producir el resultado. Además, escapa los caracteres HTML, elimina palabras clave duplicadas y entrega un bloque listo para plantillas, páginas estáticas, gestores de contenido o flujos de publicación automatizados.

Redacte un título preciso y una descripción útil

Empiece por la página concreta que recibirá el código. El título debe identificar el tema y, cuando sea útil, el sitio o la organización responsable. Coloque las palabras más significativas al principio, ya que los resultados de búsqueda y las pestañas del navegador ofrecen poco espacio. El generador acepta un título no vacío de hasta 60 caracteres. La descripción debe resumir lo que encontrará una persona al abrir la página, con lenguaje concreto y no como una sucesión de términos inconexos. Debe contener texto y no superar 160 caracteres. Ambos límites cuentan caracteres Unicode, no bytes de almacenamiento, por lo que las letras acentuadas y otros alfabetos se contabilizan como caracteres visibles. Los espacios iniciales y finales se eliminan antes de validar y contar. Si cualquiera de los valores supera su límite, la solicitud devuelve un error de entrada sin generar código parcial. Este comportamiento estricto ayuda en sistemas editoriales, pues evita que un borrador inválido llegue silenciosamente a una plantilla con texto que probablemente aparecerá truncado.

Añada palabras clave solo si su proceso las necesita

Las palabras clave son opcionales y se envían como una lista con una frase por elemento. Cuando hay al menos una, el generador recorta los espacios de cada entrada, rechaza las vacías, elimina duplicados sin alterar el orden de la primera aparición y une las frases restantes con comas. La comparación de duplicados no distingue mayúsculas de minúsculas, de modo que Café y café se consideran la misma palabra clave, aunque se conserva la grafía de la primera entrada. Se admiten hasta 50 elementos para mantener acotadas la entrada y la salida tanto en el navegador como mediante la API. La etiqueta de palabras clave no es necesaria para completar el bloque de título y descripción, y numerosos buscadores modernos no la emplean como señal de posicionamiento. Aun así, puede resultar útil para un buscador interno, un gestor de contenido antiguo, una especificación editorial controlada o un analizador posterior que espere ese campo. Si su proyecto no la requiere, omita la lista: el resultado excluirá la etiqueta y el campo estructurado opcional, sin devolver marcadores vacíos.

Inserte el bloque generado y revise la página

La respuesta ofrece el código completo en el campo html y devuelve también los mismos elementos en el array tags para herramientas de compilación que prefieren líneas independientes. Coloque el bloque dentro de la cabecera del documento y mantenga un único elemento title y una única etiqueta meta de descripción por página. En una aplicación renderizada en el servidor, normalmente se añade a los metadatos de la ruta o al componente compartido de cabecera; un generador de sitios estáticos puede insertarlo al compilar cada página. El resultado escapa ampersands, signos angulares, comillas dobles y apóstrofos, de modo que el texto proporcionado no pueda salir de su contexto HTML. No visita la página de destino, no redacta mensajes comerciales, no calcula el ancho visual en píxeles ni añade etiquetas sociales como Open Graph o Twitter Card. Tras publicar, examine el código fuente servido, no solo el editor visual; confirme que ningún tema o complemento haya creado etiquetas rivales y pruebe la URL definitiva con las herramientas para webmasters de su buscador. Los buscadores pueden reescribir los fragmentos mostrados, por lo que un código válido es una indicación clara, no una garantía de presentación exacta.