Open Graph Generator
Generate OG tags
Generate OG tags Se ejecuta localmente en su navegador
URL, title and description, separated by vertical bars.
About the
Open Graph Generator crea las etiquetas og que controlan el aspecto de una página cuando se comparte su enlace. Emite og:url, og:title, og:description y og:type desde una sola línea de entrada, que es el conjunto mínimo que leen la mayoría de las plataformas. Pegue el resultado en el encabezado de su página y la tarjeta de vista previa dejará de ser lo que la plataforma adivinó.
Where people use the
- Agregar etiquetas para compartir a una página que actualmente no tiene ninguna.
- Corregir una vista previa de un enlace que muestra el título o descripción incorrectos.
- Producir un bloque consistente en un conjunto de páginas de destino.
- Preparar etiquetas para un lanzamiento antes de que la página entre en funcionamiento.
How to use the
- 1
Introduce los tres campos
URL, título y descripción, separados por barras verticales, por ejemplo https://example.com | Título de la página | Una breve descripción.
- 2
generar
Se producen cuatro etiquetas og, incluida og:type establecida en sitio web.
- 3
Copia el bloque
Pega las etiquetas en el encabezado de tu página.
- 4
Agregar una etiqueta de imagen por separado
og:image no está incluido porque necesita una URL completa a un archivo real. Agréguelo usted mismo apuntando a una imagen a la que se pueda acceder públicamente.
Consejos y mejores prácticas
- Utilice URL absolutas; Los raspadores no pueden resolver rutas relativas.
- Agregue og:image usted mismo, a aproximadamente 1200 por 630 píxeles.
- Vuelva a raspar con el depurador de plataforma después de cambiar las etiquetas; las vistas previas se almacenan en caché.
Preguntas frecuentes
¿Por qué mi enlace compartido todavía se ve mal?
Las plataformas almacenan vistas previas en caché de forma agresiva. Una vez que las etiquetas sean correctas, fuerce una nueva extracción con el depurador de uso compartido de la plataforma o espere a que caduque el caché.
¿Se requiere og:imagen?
No estrictamente, pero un enlace sin imagen obtiene una tarjeta de texto sin formato, en la que es mucho menos probable que se haga clic. Añade uno.
¿Qué tamaño debe tener la imagen?
La recomendación común es alrededor de 1200 por 630 píxeles, porque sobrevive al recorte en la mayoría de las plataformas.
¿Necesito también etiquetas específicas de Twitter?
La mayoría de las plataformas leen las etiquetas og. Una etiqueta de tarjeta para Twitter puede anular el diseño, pero es opcional.
¿Puedo utilizar URL relativas?
No. og:image y og:url deben ser absolutos, incluido el esquema, porque un raspador externo no tiene una URL base para resolver.