Meta-Tag-Viewer
Alle Meta-Tags auf einer Seite anzeigen
Fügen Sie eine URL ein, um die Meta-Tags im HTML-Head anzuzeigen, ohne den Quellcode durchsuchen zu müssen. Sehen Sie sich Titel, Beschreibung, Social-Media-Tags und Favicon direkt neben Live-Vorschauen an.
Titel und Beschreibung
Sehen Sie sich den Title-Tag und die Meta-Description genau so an, wie Suchmaschinen sie lesen – inklusive Zeichenlänge. So erkennen Sie direkt, was in den Suchergebnissen möglicherweise abgeschnitten wird.
Titel
Beschreibung
framer.com
Robots und Canonical
Überprüfen Sie das Robots-Meta-Tag und den Canonical-Link, um sicherzustellen, dass die Seite indexiert werden kann und auf die richtige URL verweist. Ein versehentliches „noindex“ kann dazu führen, dass eine Seite aus Google entfernt wird.
Titel
Beschreibung
framer.com
Social Tags
Sehen Sie sich die Open-Graph- und Twitter-Card-Tags an, die die Link-Vorschau steuern (einschließlich des og:image), und prüfen Sie, wie sie auf den jeweiligen Plattformen dargestellt werden.
Favicon
Sehen Sie sich das Favicon an, das Browser und Google neben Ihrer Seite anzeigen, und überprüfen Sie, ob es in einer brauchbaren Größe geladen wird.
Titel
Beschreibung
framer.com
Ein praktischer Leitfaden zum Anzeigen von Meta-Tags
Meta-Tags sind für Besucher unsichtbar, bestimmen jedoch, wie eine Seite in den Suchergebnissen und auf Social-Media-Plattformen dargestellt wird. Mit einem Meta-Tag-Viewer machen Sie diese innerhalb weniger Sekunden sichtbar.
Was ist ein Meta-Tag-Viewer?
Ein Meta-Tag-Viewer lädt eine Webseite und listet die darin enthaltenen Meta-Tags sowie zugehörigen Head-Elemente auf. So ersparen Sie sich das Öffnen des Seitenquelltexts und das mühsame manuelle Suchen nach jedem einzelnen Tag.
So zeigen Sie die Meta-Tags einer Website an
Geben Sie die Seiten-URL ein und starten Sie den Viewer. Sie können auch mit der rechten Maustaste auf eine Seite klicken und „Seitenquelltext anzeigen“ auswählen und dann nach „meta“ suchen. Ein Viewer zeigt jedoch zusätzlich Vorschauen an und hebt fehlende Tags hervor.
Welche Meta-Tags sollte jede Seite haben?
Ein eindeutiger Titel, eine Meta-Beschreibung, ein Viewport-Tag, ein Canonical-Link, Open-Graph-Tags (og:title, og:description, og:image, og:url) und twitter:card. Fügen Sie ein Robots-Tag nur hinzu, wenn Sie die Indexierung einschränken müssen.
Empfohlene Längen
Titel ca. 50 bis 60 Zeichen, Meta-Beschreibung ca. 140 bis 160 Zeichen, og:title unter 60 Zeichen und ein og:image mit 1200 x 630 Pixeln.
Meta-Tag-Viewer vs. Meta-Tag-Checker
Ein Viewer zeigt, was sich auf der Seite befindet. Ein Checker geht noch einen Schritt weiter und weist auf Probleme wie fehlende, doppelte oder zu lange Tags hin. LinkPreview bietet beides in einer Ansicht.
Warum sich die Tags, die ich sehe, von der Quelle unterscheiden
Einige Websites fügen Meta-Tags nach dem Laden der Seite mit JavaScript hinzu oder ändern diese. Viele Crawler lesen jedoch nur die erste HTML-Antwort. Stellen Sie daher sicher, dass wichtige Tags serverseitig gerendert werden.
Meta-Tags von großartigen Websites ansehen
Nutzen Sie die Galerie, um die Titel, Beschreibungen und OG-Bilder von über 1.700 ansprechend gestalteten Websites zu entdecken, und vergleichen Sie diese anschließend mit Ihren eigenen Seiten.
More free tools: the OG image size checker, the Twitter card validator, the favicon checker and the meta tag generator.