Meta-Tag Generator

Wesentliche Meta-Tags

TitelDer Titel Ihrer Webseite (wird im Browser-Tab angezeigt)

BeschreibungEine prägnante Zusammenfassung Ihres Seiteninhalts (150-160 Zeichen empfohlen)

Autor

SchlüsselwörterTrennen Sie Schlüsselwörter mit Kommas

Viewport

Robots

Open Graph Meta-Tags

OG TitelTitel, der beim Teilen auf sozialen Plattformen erscheint

OG BeschreibungBeschreibung, die in Social-Media-Shares erscheint

OG Bild-URLBild, das beim Teilen angezeigt wird (empfohlene Größe: 1200×630px)

OG URL

Twitter Card Meta-Tags

Twitter Card Typ

Twitter Titel

Twitter Beschreibung

Twitter Bild-URLBild, das in Twitter-Karten angezeigt wird

Generierte Meta-Tags

<!-- Basic Meta Tags -->
<title>Ihr Seitentitel</title>
<meta name="description" content="Eine kurze Beschreibung Ihres Seiteninhalts, etwa 160 Zeichen für optimale SEO." />
<meta name="author" content="Ihr Name" />
<meta name="keywords" content="seo, meta-tags, html, website-optimierung" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="robots" content="index, follow" />

<!-- Open Graph Meta Tags -->
<meta property="og:title" content="Ihr Seitentitel" />
<meta property="og:description" content="Eine kurze Beschreibung für das Teilen in sozialen Medien." />
<meta property="og:image" content="https://example.com/image.jpg" />
<meta property="og:url" content="https://example.com/page" />
<meta property="og:type" content="website" />

<!-- Twitter Card Meta Tags -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Ihr Seitentitel" />
<meta name="twitter:description" content="Eine kurze Beschreibung für das Teilen auf Twitter." />
<meta name="twitter:image" content="https://example.com/image.jpg" />

So verwenden Sie Meta-Tag Generator

1
Grundlagen ausfüllen
Geben Sie im Abschnitt „Wesentliche Meta-Tags“ Ihren Seitentitel, Ihre Beschreibung, Schlüsselwörter, den Autor und die Robots-Anweisung ein.
2
Tags für soziale Medien hinzufügen
Füllen Sie die Felder für Open Graph und Twitter Card aus, einschließlich Titeln, Beschreibungen und Bild-URLs, um zu steuern, wie die Seite beim Teilen aussieht.
3
Erzeugte Tags prüfen
Beobachten Sie, wie sich das Meta-Tag-Markup im Ausgabebereich live aufbaut, während Sie in jedes Feld tippen.

4
In Ihren <head> einfügen
Klicken Sie auf „Meta-Tags kopieren“ und fügen Sie das erzeugte HTML in den head-Bereich Ihrer Seite ein.

Häufig gestellte Fragen

Welche Meta-Tags erstellt dieser Generator?

Er erstellt die wesentlichen SEO-Tags (Titel, Beschreibung, Schlüsselwörter, Autor, Viewport und Robots) zusammen mit Open-Graph- und Twitter-Card-Tags und liefert Ihnen so an einem Ort einen vollständigen Satz für Suchmaschinen und Social-Media-Vorschauen.

Wofür sind Open-Graph- und Twitter-Card-Tags da?

Open-Graph-Tags steuern den Titel, die Beschreibung und das Bild, die erscheinen, wenn Ihre Seite auf Plattformen wie Facebook und LinkedIn geteilt wird, während Twitter-Card-Tags dasselbe für Twitter tun, sodass Ihre Links ansprechend statt schlicht aussehen.

Wie lang sollten mein Titel und meine Beschreibung sein?

Streben Sie einen prägnanten Titel und eine Beschreibung von etwa 150 bis 160 Zeichen an. Diese Länge hilft Suchmaschinen, das vollständige Snippet anzuzeigen, ohne es in den Ergebnissen abzuschneiden.

Welche Bildgröße sollte ich für OG-Tags verwenden?

Ein empfohlenes Open-Graph-Bild ist 1200 mal 630 Pixel groß, was über die meisten sozialen Netzwerke hinweg als große Vorschau sauber dargestellt wird. Sie geben die Bild-URL an, und das Tool fügt sie in das Markup ein.

Wohin füge ich die erzeugten Tags ein?

Fügen Sie sie in den <head>-Bereich Ihres HTML ein, idealerweise nahe dem Anfang. Die Erzeugung findet vollständig in Ihrem Browser statt, und das Tool ist kostenlos und erfordert keine Anmeldung.

Meta-Tag Generator

So verwenden Sie Meta-Tag Generator

Häufig gestellte Fragen

Verwandte Tools