Skip to content

Instantly share code, notes, and snippets.

@oelna

oelna/metatags.html

Last active June 29, 2020 18:29
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save oelna/192663f21e81e5467658332259b90a09 to your computer and use it in GitHub Desktop.
Save oelna/192663f21e81e5467658332259b90a09 to your computer and use it in GitHub Desktop.
Download ZIP
List of the most common metadata in the HTML head
Raw
metatags.html
<!DOCTYPE html>
<html lang="de">
<head>
<!-- Encoding des Dokuments festlegen -->
<meta charset="utf-8" />
<title>Meta und Link Tags</title>
<meta name="description" content="The MDN Web Docs Learning Area aims to provide complete beginners to the Web …" />
<meta name="author" content="Chris Mills" />
<meta name="copyright" content="1998, your name" />
<!-- Link zu CSS-Dateien -->
<link rel="stylesheet" href="design.css" />
<!-- Falls es spezifisches Design für Light und Dark Mode gibt -->
<meta name="color-scheme" content="dark light" />
<!-- Informationen über Links, die zu dieser Seite führen -->
<link rel="canonical" href="http://smallbiztrends.com/2010/06/9-things-to-do-before-entering-social-media.html" />
<link rel="shortlink" href="http://sbt.com/43625/" />
<link rel="me" href="http://google.com/profiles/thenextweb" type="text/html" />
<!-- Feeds -->
<link rel="alternate" type="application/rss+xml" title="RSS" href="http://smallbiztrends.com/rss.xml" />
<link rel="alternate" type="application/json" title="JSON Feed" href="http://smallbiztrends.com/feed.json" />
<!-- Suchmaschinen zulassen, oder ablehnen (noindex,nofollow) -->
<meta name="robots" content="index,follow" />
<!-- Viewport für mobil-optimierte Seiten setzen -->
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!-- Web app manifest -->
<link rel="manifest" href="mysite.webmanifest" />
<!-- Favicon -->
<link rel="icon" href="favicon.png" sizes="16x16" type="image/png" />
<link rel="icon" href="favicon.ico" sizes="32x32 48x48 64x64" type="image/x-icon" />
<link rel="icon" href="favicon.svg" sizes="any" type="image/svg+xml" />
<link rel="mask-icon" href="website_icon.svg" color="red" /><!-- Safari Pinned Tab (immer SVG!) -->
<!-- Apple iOS-spezifische Icons -->
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png" type="image/png" />
<link rel="apple-touch-icon-precomposed" sizes="180x180" href="apple-touch-icon.png" type="image/png" />
<link rel="apple-touch-startup-image" href="startup.png" type="image/png" />
<!-- Einstellungen für Apple iOS web apps -->
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="apple-mobile-web-app-title" content="AppTitle" />
<meta name="format-detection" content="telephone=no" />
<!-- Google Search Console -->
<meta name="google-site-verification" content="1ZGUUnvzW2-DCkEotz-SC-daaiir0PnfOy8r7wDTahA" />
<!-- Open Graph Info, benutzt für Twitter, Facebook und iMessage Link Vorschau -->
<meta name="title" property="og:title" content="The Rock" />
<meta name="description" property="og:description" content="A group of U.S. Marines, under command of …" />
<meta name="image" property="og:image" content="http://ia.media-imdb.com/rock.jpg" />
<meta name="url" property="og:url" content="http://www.imdb.com/title/tt0117500/" />
<meta name="type" property="og:type" content="movie" />
<meta name="site_name" property="og:site_name" content="IMDb" />
<meta name="fb:page_id" content="43929265776" /><!-- Facebook Page ID -->
<meta name="email" property="og:email" content="me@example.com" />
<meta name="phone_number" property="og:phone_number" content="650-123-4567" />
<meta name="fax_number" property="og:fax_number" content="+1-415-123-4567" />
<meta name="latitude" property="og:latitude" content="37.416343" />
<meta name="longitude" property="og:longitude" content="-122.153013" />
<meta name="street-address" property="og:street-address" content="1601 S California Ave" />
<meta name="locality" property="og:locality" content="Palo Alto" />
<meta name="region" property="og:region" content="CA" />
<meta name="postal-code" property="og:postal-code" content="94304" />
<meta name="country-name" property="og:country-name" content="USA" />
<!-- Twitter Cards Metadata -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="The Rock" />
<meta name="twitter:description" content="A group of U.S. Marines, under command of …" />
<meta name="twitter:image" content="http://ia.media-imdb.com/rock.jpg" />
<meta name="twitter:image:alt" content="Alt-Text for twitter image" />
<meta name="twitter:site" content="@nytimes" />
<meta name="twitter:creator" content="@SarahMaslinNir" />
<!-- Dublin Core Metadata (einige wenige) -->
<link rel="schema.DC" href="http://purl.org/dc/elements/1.1/" />
<link rel="schema.DCTERMS" href="http://purl.org/dc/terms/" />
<meta name="DC.Title" content="Der Titel dieser Website" />
<meta name="DC.Creator" content="http://google.com/profiles/thenextweb" />
<meta name="DC.Created" content="2001-07-18" />
<meta name="DC.Modified" content="2001-09-05" />
<!-- Google structured data -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Organization",
"headline": "The Rock (110 characters max!)",
"description": "A group of U.S. Marines, under command of …",
"url": "http://www.imdb.com/title/tt0117500/",
"name": "IMDb (site name)",
"author": "Elaine Smith",
"datePublished": "2020-02-04T16:37:46Z",
"dateModified": "2020-02-04T16:37:46Z",
"image": [
"https://example.com/photos/1x1/photo.jpg",
"https://example.com/photos/4x3/photo.jpg",
"https://example.com/photos/16x9/photo.jpg"
]
}
</script>
<!-- Javascript, das für die Seite geladen werden soll -->
<script src="my-js-file.js" defer></script>
</head>
<body>
</body>
</html>
@oelna
Copy link
Author

oelna commented Feb 4, 2020 •
edited

Weitere Lektüre für Metadaten in HTML:

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment