mike/shopwisdom-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add social share card (og:image) across all pages + summary_large_image

Browse Source 
Brand-accurate 1200x630 OG card (ShopWisdom wordmark, navy serif headline with
amber 'doesn't have to', navy footer band). Wires og:image/twitter:image on the
homepage, Continuity Audit, and the above/below article so shared links render a
card instead of a blank preview. SVG source kept alongside. Staging branch only.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
Michael Victory
2026-06-17 11:53:19 -07:00
parent 1fd833df17
commit 457e9e94ba
5 changed files with 41 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
above-or-below-the-line.html
+6
View File
@@ -15,6 +15,12 @@
<meta property="og:title" content="Are you above or below the line? | Shop Wisdom"> <meta property="og:title" content="Are you above or below the line? | Shop Wisdom">
<meta property="og:url" content="https://shopwisdom.ca/above-or-below-the-line.html"> <meta property="og:url" content="https://shopwisdom.ca/above-or-below-the-line.html">
<meta property="og:locale" content="en_CA"> <meta property="og:locale" content="en_CA">
<meta property="og:image" content="https://shopwisdom.ca/og-card.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:alt" content="Shop Wisdom — your best people are retiring. Their know-how doesn't have to.">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:image" content="https://shopwisdom.ca/og-card.png">
</head> </head>
<body> <body>
continuity-audit.html
+6
View File
@@ -15,6 +15,12 @@
<meta property="og:title" content="The Continuity Audit | Shop Wisdom"> <meta property="og:title" content="The Continuity Audit | Shop Wisdom">
<meta property="og:url" content="https://shopwisdom.ca/continuity-audit.html"> <meta property="og:url" content="https://shopwisdom.ca/continuity-audit.html">
<meta property="og:locale" content="en_CA"> <meta property="og:locale" content="en_CA">
<meta property="og:image" content="https://shopwisdom.ca/og-card.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:alt" content="Shop Wisdom — your best people are retiring. Their know-how doesn't have to.">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:image" content="https://shopwisdom.ca/og-card.png">
</head> </head>
<body> <body>
index.html
+6 -1
View File
@@ -16,9 +16,14 @@
<meta property="og:description" content="Your best people are retiring. We help Canadian manufacturers capture the know-how that lives in a few heads and turn it into systems the whole shop can use — before it walks out the door."> <meta property="og:description" content="Your best people are retiring. We help Canadian manufacturers capture the know-how that lives in a few heads and turn it into systems the whole shop can use — before it walks out the door.">
<meta property="og:url" content="https://shopwisdom.ca/"> <meta property="og:url" content="https://shopwisdom.ca/">
<meta property="og:locale" content="en_CA"> <meta property="og:locale" content="en_CA">
<meta name="twitter:card" content="summary"> <meta property="og:image" content="https://shopwisdom.ca/og-card.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:alt" content="Shop Wisdom — your best people are retiring. Their know-how doesn't have to.">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Shop Wisdom — keep what your best people know"> <meta name="twitter:title" content="Shop Wisdom — keep what your best people know">
<meta name="twitter:description" content="Knowledge continuity for Canadian manufacturers — before it walks out the door."> <meta name="twitter:description" content="Knowledge continuity for Canadian manufacturers — before it walks out the door.">
<meta name="twitter:image" content="https://shopwisdom.ca/og-card.png">
<script type="application/ld+json"> <script type="application/ld+json">
{ {
"@context": "https://schema.org", "@context": "https://schema.org",
og-card.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 56 KiB

og-card.svg
+23
View File
@@ -0,0 +1,23 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 630" width="1200" height="630">
<!-- Shop Wisdom — social share card (1200x630). Rasterize to og-card.png to enable. -->
<rect width="1200" height="630" fill="#faf7f2"/>
<rect x="0" y="0" width="1200" height="6" fill="#e89b1c"/>
<!-- wordmark -->
<text x="80" y="120" font-family="'DM Sans', system-ui, sans-serif" font-size="34" font-weight="700" letter-spacing="1">
<tspan fill="#0f1729">Shop</tspan><tspan fill="#e89b1c">Wisdom</tspan>
</text>
<!-- eyebrow -->
<text x="82" y="280" font-family="'DM Sans', system-ui, sans-serif" font-size="21" letter-spacing="4" fill="#7a6f5d">FOR CANADIAN MANUFACTURERS &amp; PRODUCTION SHOPS</text>
<!-- headline -->
<text x="78" y="362" font-family="'DM Serif Display', Georgia, 'Times New Roman', serif" font-size="66" fill="#0f1729">Your best people are retiring.</text>
<text x="78" y="442" font-family="'DM Serif Display', Georgia, 'Times New Roman', serif" font-size="66" font-style="italic" fill="#0f1729">Their know-how <tspan fill="#e89b1c">doesn&#8217;t have to.</tspan></text>
<!-- footer band -->
<rect x="0" y="558" width="1200" height="72" fill="#0f1729"/>
<circle cx="94" cy="595" r="7" fill="#e89b1c"/>
<text x="116" y="603" font-family="'DM Sans', system-ui, sans-serif" font-size="22" letter-spacing="2" fill="#faf7f2">shopwisdom.ca</text>
<text x="1120" y="602" text-anchor="end" font-family="'DM Sans', system-ui, sans-serif" font-size="17" letter-spacing="3" fill="#9aa3b2">HOSTED IN CANADA</text>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB