Estoy a punto de generar diferentes etiquetas OG para páginas como detalles de artículos. Utilizo el módulo https://github.com/nglibs/meta para Angular para generar las etiquetas meta para las páginas, funciona bien en el navegador, pero el raspador de Facebook carga el archivo index.html original y no muestra nada de las etiquetas generadas. . Como investigué, debería haber alguna lógica del lado del servidor para generar las etiquetas meta, y no usar JavaScript para generar las etiquetas meta, entonces Facebook podría usar la meta correcta. ¿Hay alguna solución para este problema en la pila MEAN? (y luego no entiendo por qué usar el módulo @nglibs/meta para generar metaetiquetas og, ya que son inútiles de esta manera)
Puede usar plantillas ejs para representar el archivo de índice. como abajo. Para más estudio en ejs siga este enlace
<!doctype html> <html lang="en" xmlns="http://www.w3.org/1999/html"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, maximum-scale=1.0, minimum-scale=1.0, initial-scale=1.0" /> <link href="/css/somecss.css" rel="stylesheet" /> <title>Your site</title> <meta content="<%- metaTagsDescription %>" name="description" /> <meta content="<%- metaTagsRobots %>" name="robots" /> <meta content="<%- metaTagsKeyWords %>" name="keywords" /> <!-- Facebook meta tags--> <meta property="og:type" content="<%- metaTagsType %>" /> <meta property="og:title" content="<%- metaTagsTitle %>" /> <meta property="og:image" content="<%- metaTagsImg %>" /> <meta property="og:url" content="<%- metaTagsUrl %>" /> <meta property="og:description" content="<%- metaTagsDescription %>" /> </head> <body > <section id="app"></section> <script src="/bundle.js"></script> </body> </html>