[Bug] “Copy Recommended Meta Tags” generates an unusable placeholder image URL

Abierto Apto para principiantes
#378 4 comentarios 0 reacciones 0 asignados Ver en GitHub

Los mantenedores suelen responder en 1 día

@CreatorguyS ya está trabajando en esto.

Desde el 31/10/2026.

Evaluación

Dificultad
2/5
Tiempo estimado
1-3 horas
Aptitud para principiantes
72/100
Tipo de issue
Error
Claridad
Bastante claro
Estado de actividad
Activo
Stack tecnológico
react, typescript
Área
frontend

Línea de trabajo

Empieza en src/components/preview/FixItButton.tsx y sigue el proceso para ver cómo Preview Checker obtiene la URL de imagen detectada y se la pasa al generador de metadatos. Comprueba las etiquetas generadas cuando una página tiene un og:image y cuando no lo tiene; el trabajo estará hecho cuando los metadatos copiados ya no contengan el marcador de posición inutilizable YOUR_IMAGE_URL y el valor de la imagen siga el comportamiento esperado en el issue.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

bug enhancement

Describe the bug

The Copy Recommended Meta Tags action generates an unusable placeholder image URL instead of a real image URL.

To Reproduce

  1. Open the Preview Checker.
  2. Analyze any webpage.
  3. Scroll to the Create a Better OG Image section.
  4. Click Copy Recommended Meta Tags.
  5. Paste the copied tags into a text editor.

Expected behavior

The copied tags should contain a usable image URL, such as the detected Open Graph image or a generated OGCOPS image URL.

Actual behavior

The copied tags contain the literal placeholder:

<meta property="og:image" content="YOUR_IMAGE_URL" />

Using this metadata directly will not generate a valid social preview.

Screenshots

Not applicable. A screenshot of the copied metadata may be added if available.

Environment

  • Browser: Chrome
  • OS: Windows 11
  • Node version: 22.x
  • npm version: 10.x
  • URL: Local Preview Checker or the relevant preview page URL

Additional context

In src/components/preview/FixItButton.tsx, the metadata generator is called with:

imageUrl: 'YOUR_IMAGE_URL'

The feature should use the detected og:image, generate an OGCOPS image URL, or clearly indicate that the placeholder must be replaced before use.

Lenguaje dominante
TypeScript
Estrellas
8
Forks
4
Merge medio
8 h 44 min
PR fusionados (30 d)
158

Preparar el entorno

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de codercops/ogcops

Todos los issues de codercops/ogcops

Issues similares

Más issues de TypeScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.