HTML - Metatags
Aus Wikizone
Allgemeine Metatags[Bearbeiten]
<meta http-equiv = "Content-Type" content = "type; charset = ...">
Meta-tags für Suchmaschinen[Bearbeiten]
Description ist relevant für Suchergebnisse aber auch für den Benutzer, Weiterleitung, Verhalten der Suchroboter (gewünschtes)
<meta name = "description" content = "Page description">
<meta http-equiv = "refresh" content = "X; url = site.com">
<meta name = "robots" content = "X">
<!-- Instead, X can be the following:
noodp - do not use description from DMOZ (Google) for the snippet in the search results.
noyaca - no use description from Yandex.Directory snippet in the SERP.
all - allowed to index links and text on the page.
nofollow - do not follow links located on this page.
noindex - do not index the text of this page page.
none - forbidden to follow links and index the text on the page.
-->
Metatags für Suchmaschinen[Bearbeiten]
<!-- Meta-tags Google Business – location company, office -->
<meta property = "place:location:longitude" content = "0.0122">
<meta property = "place:location:latitude" content = "2.3122">
<meta property = "business:contact_data:country_name" content = "Country">
<meta property = "business:contact_data:locality" content = "The city">
<meta property = "business:contact_data:street_address" content = "The name of the street">
<!--meta tags Google for contact information-->
<meta property = "business:contact_data:postal_code" content = "Index">
<meta property = "business:contact_data:email" content = "mail@codebra.ru">
<meta property = "business:contact_data:phone_number" content = "+7 910 889 98 88">
<meta property = "business:contact_data:website" content = "http://codebra.ru">
Beispiel Kontaktinfos[Bearbeiten]
Kontaktinfos werden auch von Handys ausgelesen die dann einen Button für den direkten Anruf einblenden können. Lat Lng können Suchmaschinen helfen Ortsrelevante Infos anzubieten. Beispiel
<meta property="business:contact_data:country_name" content="Deutschland"/>
<meta property="business:contact_data:street_address" content="Metzgergasse 37"/>
<meta property="business:contact_data:locality" content="Tübingen"/>
<meta property="business:contact_data:email" content="info@beauty-z.de"/>
<meta property="business:contact_data:postal_code" content="72072"/>
<meta property="business:contact_data:phone_number" content=" 0152 - 03 73 65 47"/>
Meta tags for social networks[Bearbeiten]
<!-- Meta tags for Twitter Twitter:card can be so: "summary", "summary_large_image", "photo", "gallery", "product", "app", or "player".-->
<meta name = "twitter:card" content = "summary">
<meta name = "twitter:creator" content = "Author">
<meta name = "twitter:title" content = "The name of the page">
<meta name = "twitter:site" content = "The name of the website">
<meta name = "twitter:description" content = "Page description">
<meta name = "twitter:domain" content = "codebra.ru">
<meta name = "twitter:image:src" content = "img.png">
<!-- Meta tags Google Plus social network from Google -->
<body itemscope itemtype = "http://schema.org/Product">
<h1 itemprop = "name">The name of the page</h1>
<img itemprop = "image" src = "Link to the picture">
<p itemprop = "description">Page description</p>
</body>
<!--Open Graph markup for Google-->
<meta property = "og:title" content = "The name of the page">
<meta property = "og:image" content = "The page image">
<meta property = "og:description" content = "Page description">
<!--Meta tags Facebook-->
<meta property = "fb:admins" content = "Facebook_ID">
<meta property = "og:type" content = "profile">
<meta property = "profile:last_name" content = "Surname">
<meta property = "profile:first_name" content = "Name">
<meta property = "og:title" content = "The name of the page">
<meta property = "og:description" content = "Page description">
<meta property = "profile:username" content = "Nick">
<meta property = "og:image" content = "img.png">
<meta property = "og:url" content = " http://codebra.ru ">
<meta property = "og:see_also" content = " http://codebra.ru ">
<meta property = "og:site_name" content = "The name of the website">
Speziell für mobile[Bearbeiten]
- minimal-ui -> todo
- viewport -> todo
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimal-ui"/>
Basics[Bearbeiten]
Grundgerüst[Bearbeiten]
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<noscript></noscript>
<meta name="robots" content="NOODP">
<meta name="description" content="Von aktuellen Nachrichten und Unterhaltung zu Sport und Politik, erfahre die ganze Geschichte mit allen Live-Kommentaren.">
</head>
<body>
</body
</html>
