test prefix

src/app/post/components/post-details/post-details.component.ts

@@ -35,15 +35,19 @@ export class PostDetailsComponent implements OnInit {
         this.post = post.posts[0];
         this.post.safeHtml = this.sanitizer.bypassSecurityTrustHtml(this.post.html);
 
-        this.meta.addTag({ property: 'og:title', content: this.post.title });
+        this.meta.addTag({ prefix: 'og: http://ogp.me/ns#', property: 'og:title', content: this.post.title });
         // this.meta.addTag({ property: 'og:image', content: this.post.feature_image });
         this.meta.addTag({
           property: 'og:image',
           content: 'https://resin-dev.apps.grandlyon.com/assets/logos/logo_europe.png',
         });
 
-        this.meta.updateTag({ property: 'og:title', content: this.post.title });
-        this.meta.updateTag({ property: 'og:image', content: this.post.feature_image });
+        this.meta.updateTag({ prefix: 'og: http://ogp.me/ns#', property: 'og:title', content: this.post.title });
+        this.meta.updateTag({
+          prefix: 'og: http://ogp.me/ns#',
+          property: 'og:image',
+          content: this.post.feature_image,
+        });
       });
     }
     // add ghost JS
@@ -53,8 +57,8 @@ export class PostDetailsComponent implements OnInit {
     // set page title
     this.title.setTitle(this.post.title + " | Réseau des acteurs de l'inclusion numérique de la métropole de Lyon");
 
-    this.meta.updateTag({ property: 'og:title', content: this.post.title });
-    this.meta.updateTag({ property: 'og:image', content: this.post.feature_image });
+    this.meta.updateTag({ prefix: 'og: http://ogp.me/ns#', property: 'og:title', content: this.post.title });
+    this.meta.updateTag({ prefix: 'og: http://ogp.me/ns#', property: 'og:image', content: this.post.feature_image });
   }
 
   public backToPosts(): void {