Add meta description, Open Graph, and Twitter Card tags #38
Description
Problem
index.html has no <meta name="description">, no Open Graph tags, and no Twitter Card tags. This means link previews on iMessage, Slack, Discord, LinkedIn, Twitter/X, etc. show a generic fallback (just the page title and a yellow favicon swatch). Related: #24.
Recommendation
Add to <head> in index.html:
<meta name="description" content="..." />
<!-- Open Graph -->
<meta property="og:type" content="website" />
<meta property="og:title" content="Robert Blakey | Portfolio" />
<meta property="og:description" content="..." />
<meta property="og:image" content="https://andimrob.github.io/og-image.png" />
<meta property="og:url" content="https://andimrob.github.io" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Robert Blakey | Portfolio" />
<meta name="twitter:description" content="..." />
<meta name="twitter:image" content="https://andimrob.github.io/og-image.png" />Also create an og-image.png (1200x630) to use as the preview image.
Priority
High — quick win that fixes social sharing previews. Should be done regardless of whether SSG is adopted.