feat(seo): add robots meta, twitter cards, OG type, and breadcrumb schema

- Add robots meta tag (index, follow) to all pages
- Add Twitter Card meta tags (summary_large_image)
- Make OG type dynamic (website vs article per page)
- Support per-page OG image with article-specific override
- Generate BreadcrumbList JSON-LD dynamically for all pages

Author: serhanekicii

conf

@@ -24,6 +24,8 @@ site_author_skills="Site Reliability Engineering, Platform Engineering, Kubernet
 page_title="$site_title"
 page_path=""
 page_type="website"
+og_type="website"
+og_image="$ASSETS_DIR/me.webp"
 
 # Only link if explicitly set to.
 link_index=false

gen

@@ -381,6 +381,57 @@ JSONLD
         printf "Injected Article JSON-LD for %s\n" "$file_name"
     fi
 
+    # Inject BreadcrumbList JSON-LD for all pages with a header
+    if [ "${add_header:-"false"}" != "false" ] && [ -n "$page_path" ]; then
+        if [ "$file_name" = "index.html" ]; then
+            breadcrumb_jsonld=$(
+                cat << JSONLD
+<script type="application/ld+json">
+{
+  "@context": "https://schema.org",
+  "@type": "BreadcrumbList",
+  "itemListElement": [
+    {
+      "@type": "ListItem",
+      "position": 1,
+      "name": "Home",
+      "item": "$site_url"
+    }
+  ]
+}
+</script>
+JSONLD
+            )
+        else
+            breadcrumb_jsonld=$(
+                cat << JSONLD
+<script type="application/ld+json">
+{
+  "@context": "https://schema.org",
+  "@type": "BreadcrumbList",
+  "itemListElement": [
+    {
+      "@type": "ListItem",
+      "position": 1,
+      "name": "Home",
+      "item": "$site_url"
+    },
+    {
+      "@type": "ListItem",
+      "position": 2,
+      "name": "$title",
+      "item": "$site_url/$page_path"
+    }
+  ]
+}
+</script>
+JSONLD
+            )
+        fi
+        replace "$BUILD_DIR/$file_name" "BREADCRUMB_JSONLD" "$breadcrumb_jsonld" "true"
+        printf "Injected BreadcrumbList JSON-LD for %s\n" "$file_name"
+    fi
+
     printf "Finished generating %s\n\n" "$BUILD_DIR/$file_name"
 }
 

header.html

@@ -8,18 +8,25 @@
     <meta name="keywords" content="${site_keywords}" />
     <meta name="description" content="${site_description}" />
     <meta name="author" content="${site_author}" />
+    <meta name="robots" content="index, follow" />
     <title>${page_title}</title>
 
     <link rel="canonical" href="${site_url}/${page_path}" />
 
     <!-- Open Graph -->
     <meta property="og:title" content="${page_title}" />
     <meta property="og:description" content="${site_description}" />
-    <meta property="og:type" content="website" />
+    <meta property="og:type" content="${og_type}" />
     <meta property="og:url" content="${site_url}/${page_path}" />
-    <meta property="og:image" content="${ASSETS_DIR}/me.webp" />
+    <meta property="og:image" content="${og_image}" />
     <meta property="og:locale" content="en_US" />
 
+    <!-- Twitter Card -->
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta name="twitter:title" content="${page_title}" />
+    <meta name="twitter:description" content="${site_description}" />
+    <meta name="twitter:image" content="${og_image}" />
+
     <meta name="theme-color" content="#0d1117" media="(prefers-color-scheme: dark)" />
     <meta name="theme-color" content="#ffffff" media="(prefers-color-scheme: light)" />
 
@@ -43,6 +50,8 @@
     }
     </script>
 
+    <!-- BREADCRUMB_JSONLD -->
+
     <!-- Preload critical fonts (400=body, 600=nav, 700=headings) -->
     <link rel="preload" href="${ASSETS_DIR}/fonts/ibm-plex-serif-400-latin.woff2" as="font" type="font/woff2" crossorigin>
     <link rel="preload" href="${ASSETS_DIR}/fonts/ibm-plex-serif-600-latin.woff2" as="font" type="font/woff2" crossorigin>

highlights.html/conf

@@ -4,6 +4,7 @@ site_description="$description"
 page_title="$title"
 page_path="highlights.html"
 page_type="article"
+og_type="article"
 site_keywords="highlights, notes, reading, kindle, books, quotes"
 
 is_markdown="true"

openclaw-helm.html/conf

@@ -4,6 +4,8 @@ site_description="$description"
 page_title="$title"
 page_path="openclaw-helm.html"
 page_type="article"
+og_type="article"
+og_image="$ASSETS_DIR/openclaw-helm/openclaw-logo-text.webp"
 site_keywords="openclaw, moltbot, clawdbot, kubernetes, helm, argocd, gitops, security, container isolation, ai agent, homelab, cloudflare tunnel, vault, secrets management"
 
 is_markdown="true"