Meta-Tags erstellen
Die Angaben im Kopf deiner Seite bestimmen, wie sie in Suchergebnissen und beim Teilen aussieht. Oben ausfüllen, unten den fertigen Block kopieren – mit Vorschau, wie Google es anzeigen dürfte.
Das Wichtigste
Titel und Beschreibung entscheiden, ob jemand dein Ergebnis anklickt. Alles Übrige ist Beiwerk.
Wird für die Canonical-Angabe und die Vorschau gebraucht.
Vorschau beim Teilen
Was WhatsApp, Facebook, LinkedIn und Co. anzeigen, wenn jemand deinen Link verschickt.
1200 × 630 Pixel. Kleinere Bilder werden von manchen Netzwerken gar nicht gezeigt.
Weiteres
Beim Normalfall entsteht keine Zeile – das ist ohnehin die Voreinstellung.
Es fehlen noch: Titel, Beschreibung, Adresse der Seite, Vorschaubild.
<!-- Grundlagen -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Symbole -->
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" href="/icon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
<!-- Vorschau in sozialen Netzwerken und Messengern -->
<meta property="og:type" content="website">
<meta property="og:locale" content="de_DE">
<!-- X (Twitter) -->
<meta name="twitter:card" content="summary">
Was hier bewusst fehlt
meta keywords. Google wertet die Angabe seit 2009 nicht mehr aus, Bing behandelt sie sogar als Warnsignal für Spam. Vorlagen im Netz schleppen sie trotzdem bis heute mit.
Ebenso weggelassen: revisit-after, distribution, rating und ähnliche Angaben aus den Neunzigern. Keine Suchmaschine liest sie; sie machen den Kopf nur länger.
Worauf es ankommt
Der Titel ist kein Etikett, sondern ein Versprechen. „Startseite“ sagt niemandem etwas. Was jemand bei dir findet und wo du bist – das entscheidet über den Klick. Rund 60 Zeichen zeigt Google an, danach wird abgeschnitten.
Die Beschreibung beeinflusst kein Ranking – wohl aber, wie viele Leute klicken. Fehlt sie, setzt Google selbst einen Textschnipsel aus der Seite zusammen, oft mitten aus einem Satz heraus.
Das Vorschaubild braucht 1200 × 630 Pixel. Kleinere Bilder zeigen manche Netzwerke gar nicht an, andere schneiden sie mittig zu. Die Maße stehen im erzeugten Block mit dabei, weil sonst kein Netzwerk den Platz reserviert und die Vorschau beim Laden springt.
Symbole erzeugst du im Favicon-Generator, die tatsächlichen Werte deiner Seite prüft der Seiten-Check.