SEO & fixes

samdoeswork · Nov 9, 2022 · 4e0e135 · 4e0e135
1 parent f4f0e2b
commit 4e0e135
Show file tree

Hide file tree

Showing 6 changed files with 27 additions and 5 deletions.
diff --git a/package.json b/package.json
@@ -21,6 +21,7 @@
     "astro": "^1.6.0",
     "astro-feather-icons": "^1.0.2",
     "astro-icon": "^0.8.0",
+    "astro-seo": "^0.6.0",
     "tailwindcss": "^3.0.24"
   },
   "devDependencies": {

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/public/opengraph.jpg b/public/opengraph.jpg
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
@@ -1,5 +1,5 @@
 ---
-// import { getImage } from "@astrojs/image";
+import { SEO } from "astro-seo";
 import Footer from "@components/footer.astro";
 import Navbar from "@components/navbar/navbar.astro";
 import "@fontsource/inter/variable.css";
@@ -14,7 +14,7 @@ export interface Props {
 //   format: "avif",
 // });
 // console.log(src);
-
+const resolvedImageWithDomain = new URL("/opengraph.jpg", Astro.url).toString();
 const { title } = Astro.props;
 ---
 
@@ -27,7 +27,22 @@ const { title } = Astro.props;
     <meta name="generator" content={Astro.generator} />
 
     <!-- <link rel="preload" as="image" href={src} alt="Hero" /> -->
-    <title>{title} {title && "|"} Astro Ship</title>
+    <SEO
+      title={`${title}${title && " | "}Astro Ship`}
+      description="Astroship is a starter website template for Astro built with TailwindCSS."
+      twitter={{
+        creator: "@surjithctly",
+        site: "@web3templates",
+        card: "summary_large_image",
+      }}
+      openGraph={{
+        basic: {
+          type: "website",
+          title: `${title}${title && " | "}Astro Ship`,
+          image: resolvedImageWithDomain,
+        },
+      }}
+    />
   </head>
   <body>
     <Navbar />

diff --git a/src/pages/contact.astro b/src/pages/contact.astro
@@ -7,7 +7,7 @@ import Button from "@components/ui/button.astro";
 import Contactform from "@components/contactform.astro";
 ---
 
-<Layout title="About">
+<Layout title="Contact">
   <Container>
     <Sectionhead>
       <Fragment slot="title">Contact</Fragment>

diff --git a/src/pages/pricing.astro b/src/pages/pricing.astro
@@ -64,7 +64,7 @@ const pricing = [
 ];
 ---
 
-<Layout title="About">
+<Layout title="Pricing">
   <Container>
     <Sectionhead>
       <Fragment slot="title">Pricing</Fragment>