Loading...
Loading...
Meta tags (<meta>) are tags placed inside <head> that aren't displayed on the page, but provide information about the page to browsers, search engines and social media.
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="Brief page description for search engines" />
<meta name="keywords" content="html, metatags, frontend, seo" />
<meta name="robots" content="index, follow" />
index, noindex, follow, nofollow<meta name="author" content="Hack Frontend" />
<meta http-equiv="Content-Language" content="en" />
<meta property="og:title" content="Page Title" />
<meta property="og:description" content="Page Description" />
<meta property="og:image" content="https://site.com/image.png" />
<meta property="og:url" content="https://site.com" />
Used by social media (Facebook, LinkedIn) to display page preview.
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Title" />
<meta name="twitter:description" content="Description" />
<meta name="twitter:image" content="https://site.com/image.png" />
Important:
Don't overuse keywords — modern search engines ignore them. But description and OG tags still play a role in SEO and social media.