Cómo generar etiquetas meta Open Graph paso a paso

Cuándo utilizar el generador

Este generador reúne los datos de una página y produce marcado de etiquetas Open Graph para que puedas trabajar con ellos en una sola salida. El título y la descripción forman la base del resultado; además, puedes aportar una imagen, una URL y el nombre del sitio cuando esos datos correspondan a la página que estás preparando.

La herramienta resulta útil cuando necesitas organizar estos valores antes de incorporarlos a una página. No hace falta completar todos los campos opcionales para obtener una salida, pero sí debes prestar atención al título, porque su presencia determina si se genera el marcado. También conviene decidir si quieres conservar o modificar los valores predeterminados de tipo e idioma.

Procedimiento para generar el marcado

1. Escribe un título con contenido en el campo correspondiente. Añade una descripción que represente la página y completa los campos de imagen, URL y nombre del sitio solo cuando quieras que esos datos formen parte de la salida. Cada uno de esos valores se trata de manera independiente.

2. Comprueba los campos de tipo e idioma antes de generar el resultado. Si los dejas sin sustituir, el tipo adoptará el valor website y el idioma será en_US. Cuando tu página necesite otros valores, introdúcelos en sus campos de texto; así podrás distinguir la configuración que quieres utilizar de la predeterminada.

3. Genera el marcado y examina el bloque obtenido. Con un título que tenga contenido, aparecerán los elementos correspondientes al título y a la descripción. La imagen, la URL y el nombre del sitio solo aparecerán si has suministrado sus valores. Los datos incluidos en el marcado se escapan para HTML, por lo que debes observar cómo quedan representados los caracteres especiales.

4. Utiliza la salida como el marcado asociado a los datos que has introducido y verifica que el contenido coincide con la página prevista. Si cambias un campo, vuelve a generar el resultado para que el bloque refleje esa modificación. Mantén separados los valores de páginas diferentes para no mezclar sus metadatos.

Qué significa el resultado

El resultado es un bloque de marcado construido a partir de los valores proporcionados. La aparición de los elementos principales depende de que el título tenga contenido: cuando se cumple esa condición, la salida incluye un elemento para el título y otro para la descripción. Si el título está vacío o no tiene valor, la operación puede terminar correctamente sin producir marcado.

Los campos opcionales no funcionan como un conjunto inseparable. Una imagen suministrada puede aparecer sin que hayas indicado una URL de página, y el nombre del sitio sigue su propia condición; dejar cualquiera de ellos vacío evita que se añada su elemento correspondiente. Esta lectura independiente ayuda a detectar qué dato falta cuando la salida no contiene una parte esperada.

El tipo y el idioma presentan una particularidad distinta: al generarse el marcado, se incluyen sus valores predeterminados si no los has cambiado. La salida no confirma que una URL funcione, que un recurso de imagen exista o que una plataforma muestre el contenido de una forma determinada. Su función es ensamblar el marcado con los datos que introduces.

Ejemplo práctico

Una persona prepara los datos de una página sobre excursiones por Asturias y quiere incluir su título, su descripción y una imagen.

Escribe como título «Guía de excursiones por Asturias», añade una descripción breve y proporciona un valor de imagen. Genera el marcado sin modificar el tipo ni el idioma.

La salida contiene elementos para el título y la descripción, incorpora la imagen porque se ha proporcionado su valor y mantiene website y en_US si no se cambian esos campos.

Limitaciones

• La salida ensambla marcado con los datos introducidos y no demuestra que una URL o una imagen funcionen ni cómo se mostrará el contenido en una plataforma.

Errores frecuentes

• Si no aparece marcado, comprueba primero que el título no esté vacío ni carezca de valor. Añade contenido al título y vuelve a generar la salida para que pueda producirse el bloque correspondiente.

Preguntas frecuentes

¿Qué necesito para generar el marcado?

Necesitas un título con contenido para que se produzca el marcado. La salida incluye elementos para el título y la descripción, mientras que la imagen, la URL y el nombre del sitio dependen de los valores que hayas introducido.

¿Qué valores predeterminados se aplican al tipo y al idioma?

Cuando no los sustituyes, el tipo se establece en website y el idioma en en_US al generar el marcado. Puedes escribir otros valores en los campos de tipo e idioma si esa es la configuración que necesitas.

¿Se genera marcado cuando dejo el título vacío?

No se produce marcado si el título está vacío o no tiene valor, aunque la operación termine correctamente. Introduce un título con contenido para obtener la salida generada.