diff --git a/templates/edit.html b/templates/edit.html
index b8d50e7..a01a84b 100644
--- a/templates/edit.html
+++ b/templates/edit.html
@@ -4,6 +4,10 @@
         <meta charset="utf-8" />
         <meta name="viewport" content="width=device-width, initial-scale=1" />
         <title>{{ run_id }} — Diagram → TikZ</title>
+        <meta property="og:title" content="{{ run_id }} — Diagram → TikZ" />
+        <meta property="og:description" content="View and edit the LaTeX/TikZ code for diagram {{ run_id }}." />
+        <meta property="og:type" content="website" />
+        <meta property="og:url" content="{{ base_path }}/d/{{ run_id }}" />
         <link rel="preconnect" href="https://fonts.googleapis.com" />
         <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
         <link
diff --git a/templates/index.html b/templates/index.html
index 256d4a2..2aa012b 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -4,6 +4,13 @@
         <meta charset="utf-8" />
         <meta name="viewport" content="width=device-width, initial-scale=1" />
         <title>Diagram → TikZ</title>
+        <meta property="og:title" content="Diagram → TikZ" />
+        <meta
+            property="og:description"
+            content="Upload an image of your diagram. The server sends it to an LLM and returns standalone LaTeX/TikZ code, then compiles it to PDF and renders a PNG preview."
+        />
+        <meta property="og:type" content="website" />
+        <meta property="og:url" content="{{ base_path }}/" />
         <link rel="preconnect" href="https://fonts.googleapis.com" />
         <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
         <link