Try using a JPEG to satisfy facebook?
[web/www] / index.html
index 9fea264554b507f9c846a37676c65e4c155ff63f..f72a909dfa0d41c634dca77121ac810d725cbb4c 100644 (file)
@@ -3,17 +3,22 @@
 <head>
     <meta charset="utf-8">
     <title>Witch of Light</title>
+    <meta name="description" content="A collection of Cassie's harebrained schemes"/>
     <meta property="og:type" content="website"/>
     <meta property="og:title" content="Witch of Light"/>
-    <meta name="description" property="og:description" content="A collection of Cassie's harebrained schemes"/>
+    <meta property="og:description" content="A collection of Cassie's harebrained schemes"/>
     <meta property="og:url" content="https://www.witchoflight.com"/>
     <meta property="og:site_name" content="Witch of Light"/>
-    <meta property="og:image" content="https://www.witchoflight.com/assets/light.png"/>
+    <meta property="og:image" content="https://www.witchoflight.com/assets/light.jpg"/>
     <meta property="og:image:type" content="image/png"/>
+    <meta property="og:image:width" content="900"/>
+    <meta property="og:image:height" content="900"/>
     <meta property="og:image:alt" content="The Homestuck light aspect icon"/>
     <meta name="twitter:card" content="summary"/>
     <meta name="twitter:site" content="@porglezomp"/>
     <meta name="twitter:creator" content="@porglezomp"/>
+    <meta name="twitter:image" content="https://www.witchoflight.com/assets/light.png"/>
+    <link rel="canonical" href="https://www.witchoflight.com"/>
     <style>
 h1 { color: #22a4ff; position: absolute; margin: 50vh auto; text-align: center; width: 100vw; font-family: courier; font-size: 3.8vw; animation-name: fade-out; animation-duration: 2s; animation-delay: 3s; animation-fill-mode: both; }
 @media screen and (max-width: 1000px) { h1 { font-size: 7vw; } }