Fix the meta tags and SEO issues for: https://emmanuel-payet.me
Current OG score: 65/100

## Issues found

- [WARNING] Description is too long (236 chars)
  Descriptions over 200 characters will be heavily truncated on most platforms. Recommended: 110-160 characters.

- [WARNING] Missing canonical URL
  A canonical URL helps prevent duplicate content issues with search engines. Essential for pages accessible via multiple URLs.
  Suggested fix:
  <link rel="canonical" href="https://emmanuel-payet.me" />

- [WARNING] Missing apple-touch-icon
  The apple-touch-icon is used when users add your site to their iOS home screen. Without it, iOS takes a screenshot instead, which looks unprofessional.
  Suggested fix:
  <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />

- [TIP] Title is short (11 chars)
  Short titles may not be descriptive enough. Recommended: 50-60 characters.

- [TIP] Missing og:site_name
  The og:site_name helps platforms identify your brand.
  Suggested fix:
  <meta property="og:site_name" content="Your Site Name" />

- [TIP] Missing og:locale
  The og:locale tag declares the language and region for your content (e.g. en_US, es_ES). This helps platforms display your page to the right audience.
  Suggested fix:
  <meta property="og:locale" content="en_US" />

- [TIP] Missing twitter:site
  Adding your X/Twitter @username helps attribute content to your account and improves brand visibility.
  Suggested fix:
  <meta name="twitter:site" content="@yourusername" />

- [TIP] Meta description is long (236 chars)
  Google typically shows 150-160 characters in search results. Content beyond that will be cut off.

- [TIP] Multiple H1 tags found (2)
  While not strictly invalid, using multiple H1 tags can dilute the semantic structure. Best practice is one H1 per page that describes the main content.

- [TIP] No structured data (JSON-LD) found
  Structured data helps search engines understand your content and can enable rich results (star ratings, FAQs, breadcrumbs, etc.) in search results.
  Suggested fix:
  <script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "WebPage",
  "name": "Your Page Title",
  "description": "Your description"
}
</script>

- [TIP] Missing theme-color meta tag
  The theme-color meta tag customizes the browser toolbar color on mobile devices, improving the branded experience.
  Suggested fix:
  <meta name="theme-color" content="#4285f4" />

- [TIP] Missing 32x32 favicon
  A 32x32 PNG favicon provides crisp icons in browser tabs. Consider also providing an SVG favicon for scalability.
  Suggested fix:
  <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />

- [TIP] No SVG favicon found
  SVG favicons scale perfectly at any size and support dark mode via CSS media queries. Modern browsers support them natively.
  Suggested fix:
  <link rel="icon" type="image/svg+xml" href="/favicon.svg" />

- [TIP] Missing web app manifest
  A web app manifest (manifest.json) enables "Add to Home Screen" on Android, defines your app name, icons, and theme. Essential for PWA support.
  Suggested fix:
  <link rel="manifest" href="/site.webmanifest" />

## Current meta tags

```html
<title>Mani's blogDark modeLight mode</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="I like and think a lot about: Software, People (management), Leadership, Personal Knowledge Management & Digital Gardens, AI and its impact, Kung Fu, Metal music (I play bass), Video games. I may or may not write about the topics above." />
<!-- html lang="en" -->
<meta property="og:title" content="Mani's blog" />
<meta property="og:type" content="website" />
<meta property="og:description" content="I like and think a lot about: Software, People (management), Leadership, Personal Knowledge Management & Digital Gardens, AI and its impact, Kung Fu, Metal music (I play bass), Video games. I may or may not write about the topics above." />
<meta property="og:image:alt" content="I like and think a lot about: Software, People (management), Leadership, Personal Knowledge Management & Digital Gardens, AI and its impact, Kung Fu, Metal music (I play bass), Video games. I may or may not write about the topics above." />
<meta property="og:url" content="https://emmanuel-payet.me/index" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:image" content="https://emmanuel-payet.me/index-og-image.webp" />
<meta property="og:image:url" content="https://emmanuel-payet.me/index-og-image.webp" />
<meta property="og:image:type" content="image/webp" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Mani's blog" />
<meta name="twitter:description" content="I like and think a lot about: Software, People (management), Leadership, Personal Knowledge Management & Digital Gardens, AI and its impact, Kung Fu, Metal music (I play bass), Video games. I may or may not write about the topics above." />
<meta name="twitter:image" content="https://emmanuel-payet.me/index-og-image.webp" />
```

## Performance
- Response time: 49ms
- HTML size: 16 KB

## Task

Provide the corrected and complete set of meta tags for the <head> of this page that fixes all the issues above. Include HTML, Open Graph, and Twitter Card tags. If there are performance issues, suggest specific improvements.