adding meta tags for better SEO

This commit is contained in:
Mike DelGaudio
2021-07-12 11:13:51 -04:00
parent cea6a61366
commit f5d9535fd2

View File

@@ -16,6 +16,7 @@ import baseCss from 'css:./base.css';
import initialCss from 'initial-css:'; import initialCss from 'initial-css:';
import { allSrc } from 'client-bundle:client/initial-app'; import { allSrc } from 'client-bundle:client/initial-app';
import favicon from 'url:static-build/assets/favicon.ico'; 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 { escapeStyleScriptContent } from 'static-build/utils';
import Intro from 'shared/prerendered-app/Intro'; import Intro from 'shared/prerendered-app/Intro';
@@ -29,14 +30,20 @@ const Index: FunctionalComponent<Props> = () => (
name="description" name="description"
content="Squoosh is the ultimate image optimizer that allows you to compress and compare images with different codecs in your browser." 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 <meta
name="keywords" 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" 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 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 <meta
name="og:description" name="og:description"
content="Squoosh is the ultimate image optimizer that allows you to compress and compare images with different codecs in your browser." content="Squoosh is the ultimate image optimizer that allows you to compress and compare images with different codecs in your browser."