Open Graph Meta-Prüfer
Überprüfen Sie Open Graph- und Twitter Card-Meta-Tags für jede HTML-Seite. Extrahieren Sie og:title/og:description/og:image plus Twitter-Tags, heben Sie fehlende oder ungültige Werte hervor und generieren Sie teilbare JSON/PDF-Berichte. Entwickelt für SEO- und Social Preview-Debugging mit Redirect-Unterstützung und Rohtext-Ausgabe.
Funktionen
- Open Graph Meta extrahieren: og:title, og:description, og:image und verwandte OG-Eigenschaften, sofern vorhanden.
- Twitter Card-Tags extrahieren (twitter:card, twitter:title, twitter:description, twitter:image), sofern vorhanden.
- Redirects folgen, um das finale kanonische Ziel zu prüfen (üblich für HTTP→HTTPS, www, Locale-Routen).
- Nur-HTML-Validierungsmodus, um sich auf Meta-Tags zu konzentrieren (nicht auf Nicht-HTML-Ressourcen).
- Ergebnisse + Scorecard und "Nur Probleme"-Filter für schnelle Bereinigung.
- Rohtext-Ausgabe, die einfach zu kopieren, zu vergleichen und zu teilen ist.
- Ergebnisse für Tickets und Dokumentation kopieren.
- JSON für Automatisierung und Audits exportieren.
- PDF-Berichte für Kundenlieferungen und SEO-Audits exportieren.
🧭 So wird's gemacht for open-graph-meta-checker
Seiten-URL einfügen
Geben Sie die URL der Seite ein, die Sie überprüfen möchten (z.B. eine Landingpage, Blogpost, Produktseite). Dieses Tool ist für HTML-Seiten gedacht, nicht für Bilder oder APIs.
Redirects folgen, falls Ihre Seite umleitet
Lassen Sie "Redirects folgen" aktiviert, damit das Tool das finale Ziel prüft, das Social Crawler wahrscheinlich erreichen.
OG- und Twitter-Werte überprüfen
Prüfen Sie Titel-, Beschreibungs- und Bildfelder. Achten Sie auf leere Werte, Platzhalter, Duplikate oder Abweichungen zwischen OG- und Twitter-Tags.
Häufige Vorschau-Probleme beheben
Stellen Sie sicher, dass og:image eine absolute, öffentlich zugängliche URL ist und auf das richtige Asset verweist. Bestätigen Sie, dass Titel/Beschreibungen prägnant und pro Seite einzigartig sind.
Bericht exportieren und teilen
Laden Sie JSON für Automatisierung oder PDF für SEO-/Kundenberichte herunter. Nutzen Sie die Rohtext-Ansicht, um Werte schnell in Tickets einzufügen.
Technische Spezifikationen
Anfrage- und Parsing-Modell
Dieses Tool ruft die Zielseite (HTML) ab und extrahiert Open Graph- und Twitter Card-Meta-Tags aus den Meta-Elementen des Dokuments. Es unterstützt das Folgen von Redirects, um das effektive Ziel zu prüfen.
| Einstellung | Verhalten | Standard |
|---|---|---|
| Nur HTML | Konzentriert sich auf HTML-Seiten und Meta-Extraktion | Aktiviert (durch Tool-Fähigkeit) |
| Weiterleitungen folgen | Folgt Weiterleitungen, um die finale URL zu prüfen | Aktiviert |
| Maximale Weiterleitungen | Weiterleitungslimit zur Vermeidung von Schleifen | 10 |
| Timeout | Anfrage-Timeout-Limit | 15000 ms |
| User-Agent | Identifiziert den User-Agent der Anfrage | Encode64Bot/1.0 (+https://encode64.com) |
| Private Netzwerke | Blockiert den Zugriff auf private Netzwerkbereiche aus Sicherheitsgründen | Deaktiviert (private Netzwerke nicht erlaubt) |
Empfohlener Meta-Satz (Basis)
Eine solide Basis umfasst sowohl Open-Graph- als auch Twitter-Card-Felder, damit Vorschauen plattformübergreifend konsistent dargestellt werden.
| Plattform | Mindest-Tags | Hinweise |
|---|---|---|
| Open Graph | og:title, og:description, og:image | Füge og:url und og:type hinzu, wenn anwendbar |
| Twitter Card | twitter:card, twitter:title, twitter:description, twitter:image | twitter:card ist üblicherweise summary oder summary_large_image |
og:image-Fallen, auf die man achten sollte
Die häufigsten Vorschau-Fehler stammen von der Bild-URL: Sie muss erreichbar, absolut und mit den Crawler-Abrufregeln kompatibel sein.
| Problem | Symptom | Lösung |
|---|---|---|
| Relative Bild-URL | Vorschau zeigt kein Bild | Verwende eine absolute URL für og:image und twitter:image |
| Durch Auth / Robots / Firewall blockiert | Vorschau fehlt oder ist inkonsistent | Stellen Sie öffentlichen Zugriff für Crawler sicher; erlauben Sie Social-User-Agents bei Filterung |
| Weiterleitende Bild-URL | Einige Plattformen können sie nicht abrufen | Bevorzugen Sie eine direkte, stabile Bild-URL (keine Weiterleitungen) |
| Falscher Content-Type | Bild wird nicht erkannt | Liefere den korrekten Content-Type (z.B. image/png, image/jpeg) |
Befehlszeile
Sie können OG/Twitter-Tags über das Terminal validieren, indem Sie den HTML-Code abrufen und nach Meta-Tags suchen. Nützlich für CI-Checks und SSR-Debugging.
macOS / Linux
HTML abrufen und OG/Twitter-Meta-Tags auflisten
curl -Ls https://example.com/page | grep -i -E "<meta[^>]+(property=\"og:|name=\"twitter:)"Zeigt Meta-Tags an, die Social-Vorschauen beeinflussen. Verwenden Sie -L, um Weiterleitungen zu folgen.
Die finale URL nach Weiterleitungen prüfen
curl -ILs https://example.com/page | awk '/^HTTP\//{print} /^location:/I{print}'Gibt die Statuszeilen der Weiterleitungskette und Location-Header aus.
Windows (PowerShell)
HTML herunterladen und nach OG/Twitter-Tags suchen
$html = (Invoke-WebRequest https://example.com/page).Content; $html -split "`n" | Select-String -Pattern "<meta" | Select-String -Pattern "og:|twitter:"Schnelle Methode, um zu bestätigen, dass Tags im gelieferten HTML vorhanden sind.
Anwendungsfälle
Defekte Social-Vorschauen reparieren
Wenn ein Link mit falschem Titel, ohne Bild oder veraltetem Text geteilt wird, hilft dieses Tool Ihnen, schnell die fehlenden oder falschen Meta-Felder zu finden.
- og:title und twitter:title validieren
- Bestätigen, dass og:image erreichbar und absolut ist
- Leere Beschreibungen oder Platzhalter erkennen
QA für dynamische Seiten und SSR
Stellen Sie sicher, dass Ihr Framework OG/Twitter-Tags in der HTML-Antwort für jede Route ausgibt (insbesondere mit Next.js, Nuxt, SvelteKit usw.).
- Bestätigen, dass seitenbezogene Meta-Daten im HTML vorhanden sind
- Nur clientseitige Meta-Generierung erkennen
- Weiterleitungen zu kanonischen Lokalisierungen validieren
SEO und Content-Publishing-Workflows
Standardisieren Sie Vorschauen auf einer Website: Konsistente Titel/Beschreibungen, korrekter OG-Typ und stabile Bilder verbessern die CTR, wenn Links geteilt werden.
- Vorlagen auf fehlende OG-Felder prüfen
- PDF/JSON für redaktionelle Checklisten exportieren
- Doppelte Meta-Angaben über mehrere Seiten hinweg erkennen
Kundenberichterstattung und Audits
Erstellen Sie einen sauberen, exportierbaren Bericht, um den Status der Social-Media-Vorschau und empfohlene Korrekturen zu dokumentieren.
- PDF-Bericht für Stakeholder
- JSON-Bericht zur Nachverfolgung von Änderungen im Zeitverlauf
❓ Frequently Asked Questions
❓Was ist der Unterschied zwischen Open Graph und Twitter Cards?
❓Warum zeigt meine Vorschau ein altes Bild oder einen alten Titel?
❓Warum wird mein og:image nicht angezeigt?
❓Brauche ich sowohl og:title als auch twitter:title?
❓Kann ich eine Seite hinter einer Anmeldung testen?
❓Ist es sicher, URLs hier einzufügen?
Pro Tips
Verwenden Sie absolute URLs für og:image und twitter:image und halten Sie diese stabil (vermeiden Sie Weiterleitungen), um Crawler-Fehler zu reduzieren.
Generieren Sie OG-Bilder deterministisch (Vorlage + Parameter), damit Sie das Branding aktualisieren können, während die URLs pro Seite stabil bleiben.
Für Next.js/SSR-Apps überprüfen Sie die Tags in der initialen HTML-Antwort (Quelltext anzeigen), nicht nur im DOM nach der Hydration.
Halten Sie Titel prägnant und einzigartig pro Seite; übermäßig lange Titel können in Vorschauen gekürzt werden und die Klickrate verringern.
Exportieren Sie JSON-Berichte und nehmen Sie sie in Ihre Release-Checkliste auf, um Regressionen in Meta-Vorlagen zu erkennen.
Additional Resources
Other Tools
- CSS-Verschönerer
- HTML-Verschönerer
- JavaScript-Verschönerer
- PHP-Verschönerer
- Farbauswahl
- Sprite-Extraktor
- Base32-Binärcodierer
- Base32-Decoder
- Base32-Codierer
- Base58-Binärcodierer
- Base58-Decoder
- Base58-Codierer
- Base62-Binärcodierer
- Base62-Decoder
- Base62-Codierer
- Base64-Binärcodierer
- Base64-Decoder
- Base64-Encoder
- Hex-Binärcodierer
- Hex-Decoder
- Hex-Codierer
- Csharp-Formatierer
- CSV-Formatierer
- Dockerfile Formatter
- Elm-Formatierer
- ENV-Formatierer
- Go-Formatierer
- GraphQL-Formatierer
- HCL-Formatierer
- INI-Formatierer
- JSON-Formatierer
- LaTeX-Formatierer
- Markdown-Formatierer
- Objective-C-Formatierer
- Php Formatter
- Proto-Formatierer
- Python-Formatierer
- Ruby-Formatierer
- Rust-Formatierer
- Scala-Formatierer
- Shell-Skript-Formatierer
- SQL-Formatierer
- SVG-Formatierer
- Swift-Formatierer
- TOML-Formatierer
- Typescript Formatter
- XML-Formatierer
- YAML-Formatierer
- Yarn-Formatierer
- CSS-Minifizierer
- Html Minifier
- Javascript Minifier
- JSON-Minifizierer
- XML-Minifizierer
- Cache Headers Analyzer
- Cors Checker
- Csp Analyzer
- Dns Records Lookup
- HTTP-Header-Betrachter
- Http Status Checker
- Redirect Chain Viewer
- Robots Txt Tester
- Security Headers Checker
- Security Txt Checker
- Sitemap Url Inspector
- Tls Certificate Checker
- PDF zu Text
- Regex-Tester
- SERP-Rang-Prüfer
- Whois-Abfrage