Kategorie: Entwicklung
Meta-Tag-Generator
Title, Description, Open-Graph- und Twitter-Tags erstellen
Geben Sie einen Title, eine Description und ein paar Angaben für soziale Netzwerke ein, um das <title>, die Meta-Description, den Canonical-Link sowie die Open-Graph- und Twitter-Card-Tags für den <head> einer Seite zu erzeugen. Hinweise zur Länge zeigen an, wenn Google einen Title oder eine Description wahrscheinlich abschneiden wird. Läuft vollständig in Ihrem Browser.
<title>LocalTools — Free Privacy-First Online Tools</title> <meta name="description" content="Fast, free browser-based tools for developers and everyday tasks. Nothing you type ever leaves your device."> <link rel="canonical" href="https://uselocaltools.com/"> <meta property="og:title" content="LocalTools — Free Privacy-First Online Tools"> <meta property="og:description" content="Fast, free browser-based tools for developers and everyday tasks. Nothing you type ever leaves your device."> <meta property="og:type" content="website"> <meta property="og:url" content="https://uselocaltools.com/"> <meta property="og:site_name" content="LocalTools"> <meta property="og:image" content="https://uselocaltools.com/og-image.png"> <meta property="og:locale" content="en_US"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@uselocaltools"> <meta name="twitter:title" content="LocalTools — Free Privacy-First Online Tools"> <meta name="twitter:description" content="Fast, free browser-based tools for developers and everyday tasks. Nothing you type ever leaves your device."> <meta name="twitter:image" content="https://uselocaltools.com/og-image.png">
Alles auf dieser Seite wird in Ihrem Browser verarbeitet. Nichts wird hochgeladen.
Wozu dieses Werkzeug dient
Suchmaschinen und soziale Netzwerke lesen einen festen Satz an Tags aus dem <head> einer Seite: Title und Description für die Suchergebnisse, Canonical zur Angabe der bevorzugten URL sowie Open-Graph- und Twitter-Card-Tags dafür, wie ein Link beim Teilen aussieht. Die richtige Länge von Title und Description ist wichtig, weil Google Titel umschreibt und zu lange Beschreibungen abschneidet, und ein fehlendes Open-Graph-Bild führt dazu, dass ein geteilter Link nur als reiner Text statt als Karte dargestellt wird.
So funktioniert es
- Geben Sie Titel, Beschreibung und kanonische URL der Seite ein.
- Ergänzen Sie Website-Name, Open-Graph-Bild und Twitter-Card-Angaben.
- Prüfen Sie die Längenhinweise unter den Feldern für Titel und Beschreibung.
- Kopieren Sie die erzeugten Tags in den <head> der Seite.
Datenschutz
Dieses Werkzeug läuft vollständig in Ihrem Browser. Ihre Eingabe wird nie hochgeladen, gespeichert oder weitergegeben – beim Schließen des Tabs ist sie weg.
Häufig gestellte Fragen
- Warum wird die Länge des Titels geprüft?
- Google zeigt in der Regel 50–60 Zeichen eines Titels an, bevor er abgeschnitten wird, und schreibt Titel häufig um, wenn sie schlecht zur Seite oder zur Suchanfrage passen. Bleibt der Titel in diesem Bereich, behalten Sie mehr Kontrolle darüber, wie er erscheint.
- Was passiert, wenn ich das Open-Graph-Bild weglasse?
- Die meisten Plattformen erzeugen trotzdem eine Karte, allerdings meist nur als kleine Textvorschau ohne Bild statt als größere Bildkarte.
- Wird irgendetwas irgendwohin gesendet?
- Nein. Die Tags werden direkt im Browser aus Ihren Eingaben erstellt; nichts wird hochgeladen oder protokolliert.