diff --git a/src/app/icon.png b/src/app/icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..e8e5de1ef1fa95ce5edf8e9cebf40390c2dc2daa
GIT binary patch
literal 488
zcmeAS@N?(olHy`uVBq!ia0y~yU{C;I4mJh`hT^KKFANL}oCO|{#S9GG!XV7ZFl&wk
z0|NtNage(c!@6@aFBupZSkfJR9T^xl_H+M9WMyDrto3wp45?sz8)oQ#$U&s;ic$c(
zK~~I_4KLG5QxDb$xT|;WcMuCN7nhCcEt@p)uA@xBmeR|;9J41)ap?*WeLq)o+0yIJ
zcs3gD)X%(B{r%SWr?=jpo-Q#@msiovL%^7&@doFKHN9&Wr)O-jpTVD%#nxB8>C3*D
zmkw877*>BS4lbzOaKJsGHg%T33&+P#Yjf7`n5Ojm<otV2Rc4%Jydw82d9S4_Q>pS<
zDdtWC$*6DYww#+^_GB$R#53ppS+;M}wZ-Pd?Crbuvr@9>u&a~OK`Ft1{0h~%#*bIN
z6%$FTFEo7`Io%`w#s?3kJtwsOtQR&CVM#excf&3>xb%n{!(PVqo)7=mGL@K%)fHRa
zVY$%ux9|C)Z#R}-JIk!-?AS27A=TgPsCVFDy;s|omkCd(ig~f`-mAOODv4=IxAwnj
zsJqR3#q^ZG<cZRL6PCoi50d=VxNqUg%t`Xaj>$Ld3hqk<oag^k%d`5}WM__=^@f`g
qdsBnbPAB$qo^PpVRCIQH!0k7)ZsW|F7$pV<1_n=8KbLh*2~7aClFkMI

literal 0
HcmV?d00001

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index ed85504..61e99b3 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -6,10 +6,32 @@ type Props = Readonly<{
   children: React.ReactNode;
 }>;
 
+const canonical = "https://harvester.particlesystem.com/";
+const description = "A tool to display lists of content scraped from the web.";
+const image = "https://harvester.particlesystem.com/harvester-640x640.png";
+const title = "Harvester";
+
 export const metadata: Metadata = {
-  title: "Harvester",
-  description:
-    "Use CSS selectors to grab lists of stuff from various websites and list them altogether on a single page.",
+  title,
+  description,
+  alternates: {
+    canonical,
+  },
+  openGraph: {
+    title,
+    description,
+    url: canonical,
+    siteName: title,
+    images: [
+      {
+        url: image,
+        width: 640,
+        height: 640,
+      },
+    ],
+    locale: "en_GB",
+    type: "website",
+  },
 };
 
 const RootLayout = ({ children }: Props) => (