try to update og metadata

src/app/card/card.page.ts

@@ -23,6 +23,7 @@ import { DOCUMENT } from '@angular/common';
 import { Meta } from '@angular/platform-browser';
 import { NavController } from '@ionic/angular';
 import Handlebars from 'handlebars';
+import { environment } from '../../environments/environment';
 import { WINDOW } from '../_shared/helpers';
 import { ErrataService } from '../errata.service';
 import { FAQService } from '../faq.service';
@@ -136,6 +137,13 @@ export class CardPage implements OnInit, OnDestroy {
       property: 'og:description',
       content: cardData.text,
     });
+    this.pageMeta.updateTag({
+      property: 'og:url',
+      content: `${environment.baseAppUrl}/card/${encodeURIComponent(
+        cardData.id
+      )}`,
+    });
+    this.pageMeta.updateTag({ name: 'description', content: cardData.text });
 
     /*
     I might like to do something like one of these, but I want to replace the url without doing a nav.

src/environments/environment.prod.ts

@@ -1,4 +1,5 @@
 export const environment = {
   production: true,
+  baseAppUrl: 'https://cards.ledergames.com',
   baseUrl: 'https://ledercards.netlify.app',
 };

src/environments/environment.ts

@@ -4,6 +4,7 @@
 
 export const environment = {
   production: false,
+  baseAppUrl: 'https://cards.ledergames.com',
   baseUrl: 'https://ledercards.netlify.app',
 };