suport BaseHead.astro

ianfinley89 · Mar 13, 2023 · 5a27d75 · 5a27d75
1 parent 765b46a
commit 5a27d75
Show file tree

Hide file tree

Showing 4 changed files with 49 additions and 10 deletions.
diff --git a/public/og.jpg b/public/og.jpg
diff --git a/public/robots.txt b/public/robots.txt
@@ -0,0 +1,4 @@
+User-agent: *
+Allow: /
+
+Sitemap: https://astro-multiverse.netlify.app/sitemap-index.xml
diff --git a/src/components/BaseHead.astro b/src/components/BaseHead.astro
@@ -0,0 +1,38 @@
+---
+interface Props {
+  title?: string | undefined;
+  description?: string | undefined;
+  author?: string | undefined;
+  og?: string | undefined;
+}
+
+const { title, description, author, og } = Astro.props;
+---
+
+<head>
+  <meta charset="utf-8" />
+  <meta name="robots" content="index, follow" />
+  <meta
+    name="googlebot"
+    content="index, follow, max-video-preview:-1, max-image-preview:large, max-snippet:-1"
+  />
+  <meta name="viewport" content="width=device-width,initial-scale=1" />
+  <meta name="generator" content={Astro.generator} />
+  <link rel="shortcut icon" type="image/png" href="/favicon.ico" />
+  <link rel="sitemap" type="application/xml" href="/sitemap-index.xml">
+  <title>{title}</title>
+  <meta name="title" content={title} />
+  <meta name="description" content={description} />
+  <meta name="author" content={author} />
+  <meta property="og:type" content="website" />
+  <meta property="og:url" content={Astro.url} />
+  <meta property="og:title" content={title} />
+  <meta property="og:description" content={description} />
+  <meta property="og:image" content={new URL(og, Astro.url)} />
+  <meta name="twitter:url" content={Astro.url} />
+  <meta name="twitter:title" content={title} />
+  <meta name="twitter:description" content={description} />
+  <meta name="twitter:image" content={new URL(og, Astro.url)} />
+  <meta name="twitter:card" content="summary_large_image" />
+  <link rel="stylesheet" href="css/main.css" />
+</head>
diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -1,4 +1,5 @@
 ---
+import BaseHead from "../components/BaseHead.astro";
 import Header from "../components/Header.astro";
 import Footer from "../components/Footer.astro";
 import Thumb from "../components/Thumb.astro";
@@ -11,16 +12,12 @@ let description = "Say hello to Multiverse, a slick, one-page gallery design wit
 
 <!DOCTYPE html>
 <html lang="en">
-  <head>
-    <title>{title}</title>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <meta name="description" content={description} />
-    <meta property="og:image" content="https://html5up.net/uploads/cards/multiverse.jpg" />
-
-    <link href="./favicon.ico" rel="shortcut icon" />
-    <link rel="stylesheet" href="css/main.css" />
-  </head>
+  <BaseHead
+    title={title}
+    description={description}
+    author={"AREA44"}
+    og={"og.jpg"}
+  />
 
   <body class="is-preload">
     <div id="wrapper">