Skip to content

Instantly share code, notes, and snippets.

@JuanCarlosAcostaPeraba

JuanCarlosAcostaPeraba/essentials-seo-meta-tags.html

Last active February 17, 2024 23:28
Show Gist options
  • Save JuanCarlosAcostaPeraba/756146eb345fe530eb337d64111285e6 to your computer and use it in GitHub Desktop.
Save JuanCarlosAcostaPeraba/756146eb345fe530eb337d64111285e6 to your computer and use it in GitHub Desktop.
Download ZIP
Essential HTML tags for metadata and SEO
Raw
essentials-seo-meta-tags.html
<!DOCTYPE html>
<html lang="en">
<head>
<!-- HTML Meta Tags -->
<meta charset="utf-8" /> <!-- encoding -->
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- Scale the content to fit the screen -->
<title>Title</title> <!-- Page title -->
<meta name="author" content="author">
<meta name="description" content="Description" /> <!-- Description -->
<meta name="robots" content="index, follow" /> <!-- Instruct Google robots to index the page -->
<meta name="theme-color" content="#09f" /> <!-- Browser navigation bar color -->
<meta name="keywords" content="keyword 1, keyword 2, keyword 3" />
<!-- Page icon -->
<link rel="shortcut icon" href="image url" type="image/png" />
<link rel="canonical" href="main page url" />
<!-- Preload before the web page -->
<link rel="preload" as="type[image, script]" href="url to preload">
<meta name="application-name" content="web url">
<!-- Apple -->
<link rel="apple-touch-icon" sizes="180x180" href="favicon url">
<meta name="apple-mobile-web-app-title" content="web url">
<!-- Open Graph Tags -->
<meta property="og:locale" content="en_US">
<meta property="og:url" content="web url">
<meta property="og:type" content="website">
<meta property="og:title" content="Title">
<meta property="og:description" content="Description">
<meta property="og:image" content="image url">
<meta property="og:site_name" content="midu.dev">
<!-- Twitter Meta Tags -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:creator" content="@username">
<meta property="twitter:domain" content="web url">
<meta property="twitter:url" content="page url">
<meta name="twitter:title" content="Title">
<meta name="twitter:description" content="Description">
<meta name="twitter:image" content="image url">
<meta name="twitter:site" content="@username">
</head>
<body>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment