From f5d9535fd210dffbd173d7d131366898d216d000 Mon Sep 17 00:00:00 2001
From: Mike DelGaudio <dmike@google.com>
Date: Mon, 12 Jul 2021 11:13:51 -0400
Subject: [PATCH] adding meta tags for better SEO

---
 src/static-build/pages/index/index.tsx | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/static-build/pages/index/index.tsx b/src/static-build/pages/index/index.tsx
index 26e9376c..d58dad53 100644
--- a/src/static-build/pages/index/index.tsx
+++ b/src/static-build/pages/index/index.tsx
@@ -16,6 +16,7 @@ import baseCss from 'css:./base.css';
 import initialCss from 'initial-css:';
 import { allSrc } from 'client-bundle:client/initial-app';
 import favicon from 'url:static-build/assets/favicon.ico';
+import ogImage from 'url:static-build/assets/icon-large-maskable.png';
 import { escapeStyleScriptContent } from 'static-build/utils';
 import Intro from 'shared/prerendered-app/Intro';
 
@@ -29,14 +30,20 @@ const Index: FunctionalComponent<Props> = () => (
         name="description"
         content="Squoosh is the ultimate image optimizer that allows you to compress and compare images with different codecs in your browser."
       />
-      Optimizilla is the ultimate image optimizer to compress your images in
-      JPEG and PNG formats to the minimum possible size.
       <meta
         name="keywords"
         content="best image optimizer, png to webp, online image compressor, image optimizer, online image optimizer, compress image, jpg to webp, shrink image size"
       />
       <meta property="og:title" content="Squoosh" />
-      <meta name="og:site_name" content="Squoosh" />
+      <meta property="og:type" content="website" />
+      <meta property="og:image" content={ogImage} />
+      <meta property="og:image:type" content="image/png" />
+      <meta property="og:image:width" content="500" />
+      <meta property="og:image:height" content="500" />
+      <meta
+        property="og:image:alt"
+        content="A cartoon of a hand squeezing an image file on a dark background."
+      />
       <meta
         name="og:description"
         content="Squoosh is the ultimate image optimizer that allows you to compress and compare images with different codecs in your browser."