OGP-Checker
OGP- und Twitter-Card-Metadaten einer URL abrufen und anzeigen sowie die Vorschau beim Teilen anzeigen.
URL eingeben und auf „Prüfen“ klicken.
Anleitung
Über dieses Tool
Lädt und zeigt OGP- und Twitter-Card-Metadaten einer URL und zeigt die Vorschau beim Teilen (Twitter- und Facebook-ähnlich).
Anleitung
URL der Seite (https:// oder http://) eingeben und auf „Prüfen“ klicken. Grundinfo, OGP und Twitter werden angezeigt; darunter die Vorschaukarten (Twitter- und Facebook-Stil). Bei CORS-Block wird über Proxy erneut geladen.
Anwendungsfälle
• Prüfen, wie Blog-/LP-Links beim Teilen aussehen • OGP- und Twitter-Card-Einrichtung auf Fehler prüfen • Meta-Tags beim Debuggen prüfen • Schnellprüfung vor Massenprüfung
Häufige Fragen
- Q: Welche Meta-Tags prüft dieses Tool?
- A: Open-Graph-Tags (og:title, og:description, og:image, og:url, og:type, og:site_name usw.) und Twitter-Card-Tags (twitter:card, twitter:title, twitter:description, twitter:image, twitter:creator) werden beide abgerufen und angezeigt.
- Q: Warum verwendet das Tool für manche Anfragen einen Proxy?
- A: Viele Websites blockieren Cross-Origin-Anfragen (CORS) aus Browsern. Wenn ein direkter Abruf fehlschlägt, wiederholt das Tool automatisch über einen Proxy-Server, der die Seite serverseitig abruft und dabei CORS-Beschränkungen umgeht.
- Q: Mein OGP-Bild wird in der Vorschau nicht angezeigt — was soll ich prüfen?
- A: Prüfe, ob og:image eine absolute URL (https://…) verwendet, der Bildserver Hotlinking erlaubt und die Bildabmessungen den Plattformanforderungen entsprechen (Facebook empfiehlt mind. 1200×630 px; Twitter empfiehlt 800×418 px für summary_large_image).
- Q: Wie kann ich fehlende OGP-Tags beheben?
- A: Füge <meta property="og:title" content="…"> und die anderen benötigten Tags in deinen <head> ein. Für Frameworks: Next.js nutzt die Metadata-API, WordPress nutzt Plugins wie Yoast SEO, Laravel kann das laravel-meta-Paket verwenden.
- Q: Wird die URL an einen Server gesendet?
- A: Die URL wird nur dann an den Fetch-Proxy gesendet, wenn ein direkter Browser-Abruf wegen CORS fehlschlägt. In diesem Fall ruft der Proxy die Seite in deinem Namen ab. Keine weiteren Daten werden übertragen.
