<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>My Awesome Website</title>
<meta name="description" content="Welcome to my awesome website with great content" />
<meta name="keywords" content="web, design, seo" />
<meta name="author" content="John Doe" />
<link rel="canonical" href="https://example.com" />
<!-- Open Graph -->
<meta property="og:title" content="My Awesome Website" />
<meta property="og:description" content="Welcome to my awesome website with great content" />
<meta property="og:url" content="https://example.com" />
<meta property="og:site_name" content="My Site" />
<meta property="og:image" content="https://example.com/image.jpg" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:type" content="website" />
<meta property="og:locale" content="en_US" />
<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="My Awesome Website" />
<meta name="twitter:description" content="Welcome to my awesome website with great content" />
<meta name="twitter:image" content="https://example.com/image.jpg" />
</head>
<body>
<!-- Page content -->
</body>
</html>