Add link previews (Open Graph tags) for shared pages

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

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
2/5
Tiempo estimado
1-3 horas
Aptitud para principiantes
80/100
Tipo de issue
Nueva funcionalidad
Claridad
Bien especificado
Estado de actividad
Activo
Stack tecnológico
html
Área
frontend

Línea de trabajo

Empieza en templates/base.html: añade un {% block meta %} vacío dentro de <head> con las etiquetas predeterminadas description, og:title, og:description, og:image y twitter:card. Después, sobrescribe ese bloque en templates/game.html usando los campos title, description y cover image del objeto game, que la plantilla de página existente ya renderiza. Hecho significa que el HTML renderizado de una página de juego lleva las etiquetas específicas del juego — confírmalo viendo el código fuente o pasando un enlace por un comprobador de vistas previas.

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

Descripción

frontend good first issue

When someone shares a GameVault link on LinkedIn, WhatsApp or Discord, it should show a title, description and image.

  • Add a {% block meta %} to templates/base.html with a default description, og:title, og:description, og:image and twitter:card
  • Override it in templates/game.html with the game's title, description and cover image
  • Test it with a link preview checker, or by sharing a link to yourself
Lenguaje dominante
CSS
Estrellas
1
Forks
1
Merge medio
39 min
PR fusionados (30 d)
6

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 NotADIM2/GameVault

Todos los issues de NotADIM2/GameVault

Issues similares

Más issues de Web Dev

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.