diff --git a/client/components/HeadOnce.svelte b/client/components/HeadOnce.svelte
index f83b62e..0dfbc9f 100644
--- a/client/components/HeadOnce.svelte
+++ b/client/components/HeadOnce.svelte
@@ -3,7 +3,7 @@
    * All it does is put its contents into a <svelte:head> so that when you
    * change pages in svelte-route-spa they're updated like you expect for
    * each page.  The alternative is to move the <meta>/<link> tags into
-   * a custom component, which I do on the OGPreview.svelte.
+   * a custom component, which I do on the SEOTricks.svelte.
    */
 <svelte:head>
   <slot>
diff --git a/client/components/OGPreview.svelte b/client/components/SEOTricks.svelte
similarity index 100%
rename from client/components/OGPreview.svelte
rename to client/components/SEOTricks.svelte
diff --git a/rendered/pages/blog/[slug]/index.svelte b/rendered/pages/blog/[slug]/index.svelte
index e63cc16..0ef8ba5 100644
--- a/rendered/pages/blog/[slug]/index.svelte
+++ b/rendered/pages/blog/[slug]/index.svelte
@@ -1,6 +1,6 @@
 <script context="module">
   import markdown from "$/lib/blog.js";
-  import OGPreview from "$/client/components/OGPreview.svelte";
+  import SEOTricks from "$/client/components/SEOTricks.svelte";
   import Markdown from "$/client/components/Markdown.svelte";
 
   export const getPaths = () => {
@@ -44,7 +44,7 @@
   }
 </script>
 
-<OGPreview og={ og } twitter={ twitter } />
+<SEOTricks og={ og } twitter={ twitter } />
 
 <style>
   content {
diff --git a/rendered/pages/live/[slug]/index.svelte b/rendered/pages/live/[slug]/index.svelte
index 904c025..e9e2c95 100644
--- a/rendered/pages/live/[slug]/index.svelte
+++ b/rendered/pages/live/[slug]/index.svelte
@@ -13,7 +13,7 @@
 </script>
 
 <script>
-  import OGPreview from "$/client/components/OGPreview.svelte";
+  import SEOTricks from "$/client/components/SEOTricks.svelte";
   import { base_host, twitter_user } from "$/client/config.js";
   import HLSVideo from "$/client/components/HLSVideo.svelte";
   import WTVideo from "$/client/components/WTVideo.svelte";
@@ -56,7 +56,7 @@
   }
 </script>
 
-<OGPreview og={ og } twitter={ twitter } />
+<SEOTricks og={ og } twitter={ twitter } />
 
 <style>
   container {
@@ -152,8 +152,8 @@
               <span>{ stream.title }</span>
             </middle>
             <right>
-            <Hydrate component={ ShareButton } props={ 
-               { url: `/live/${stream.slug}` } 
+            <Hydrate component={ ShareButton } props={
+               { url: `/live/${stream.slug}` }
              } />
             </right>
           </tile>
diff --git a/rendered/pages/test_large_card.svelte b/rendered/pages/test_large_card.svelte
index 6c7f39a..e59dd48 100644
--- a/rendered/pages/test_large_card.svelte
+++ b/rendered/pages/test_large_card.svelte
@@ -1,6 +1,6 @@
 <script>
   import Layout from "$/rendered/Layout.svelte";
-  import OGPreview from "$/client/components/OGPreview.svelte";
+  import SEOTricks from "$/client/components/SEOTricks.svelte";
   import { og_base_host } from "$/client/config.js";
 
   let og = {
@@ -34,7 +34,7 @@
 
 </style>
 
-<OGPreview og={ og } twitter={ twitter} />
+<SEOTricks og={ og } twitter={ twitter} />
 
 <Layout centered={ true }>
   <card>
diff --git a/rendered/pages/test_og_card.svelte b/rendered/pages/test_og_card.svelte
index 418169f..8e46d57 100644
--- a/rendered/pages/test_og_card.svelte
+++ b/rendered/pages/test_og_card.svelte
@@ -1,6 +1,6 @@
 <script>
   import Layout from "$/rendered/Layout.svelte";
-  import OGPreview from "$/client/components/OGPreview.svelte";
+  import SEOTricks from "$/client/components/SEOTricks.svelte";
   import { og_base_host } from "$/client/config.js";
 
   let og = {
@@ -34,7 +34,7 @@
 
 </style>
 
-<OGPreview og={ og } twitter={ twitter} />
+<SEOTricks og={ og } twitter={ twitter} />
 
 <Layout centered={ true }>
   <card>
diff --git a/rendered/pages/test_video_card.svelte b/rendered/pages/test_video_card.svelte
index b5cedc8..539311c 100644
--- a/rendered/pages/test_video_card.svelte
+++ b/rendered/pages/test_video_card.svelte
@@ -1,6 +1,6 @@
 <script>
   import Layout from "$/rendered/Layout.svelte";
-  import OGPreview from "$/client/components/OGPreview.svelte";
+  import SEOTricks from "$/client/components/SEOTricks.svelte";
   import { Hydrate } from '@jamcart/7ty/components';
   import config from "$/client/config.js";
   import Video from "$/client/components/Video.svelte";
@@ -30,7 +30,7 @@
     "image:alt": "A drawing of Zed by Zed.", // max 420 chars image alt
     "site": config.twitter_user, // @username of site
     "title": og.title,
-    "player": `${ og_base_host }/video_container.html`,
+    "player": `${ config.og_base_host }/video_container.html`,
     "player:width": "1280",
     "player:height": "720"
   }
@@ -48,7 +48,7 @@
 
 </style>
 
-<OGPreview og={ og } twitter={ twitter} />
+<SEOTricks og={ og } twitter={ twitter} />
 
 <Layout centered={ true }>
   <card>