URL-Parser
Eine URL in Protokoll, Host, Pfad und Query zerlegen.
Open-Graph-Vorschau
Sieh, wie eine Seite beim Teilen auf Facebook, LinkedIn, X, WhatsApp und Slack aussieht, und kopiere die Tags.
Das Bild vom Gerät wird nur für die Vorschau verwendet. Die Tags brauchen eine öffentliche Bild-URL. Ziele auf 1200 mal 630 Pixel.
Kein Bild
Die Vorschauen nähern an, wie jedes Netzwerk einen Link zeigt. Jedes kann sein Layout ändern und kürzt Text bei einer eigenen Länge.
Deine Dateien bleiben auf deinem Gerät
So funktioniert es
- 1Gib Titel, Beschreibung, Seitenadresse und Namen der Website ein.
- 2Füge die öffentliche Bildadresse für die Tags hinzu oder wähle für die Vorschau ein Bild von deinem Gerät.
- 3Wechsle zwischen den Netzwerk-Tabs, um die Karten zu vergleichen.
- 4Kopiere die Tags in den head deiner Seite.
Was die Optionen bewirken
- Bild-URL
- Die öffentliche Adresse, die in das og:image-Tag kommt. Soziale Netzwerke rufen sie selbst ab.
- Bild vom Gerät
- Nur für die Vorschau. Es wird nicht hochgeladen und kommt nicht in die Tags.
Datenschutz
Die Vorschau wird in deinem Browser gezeichnet. Dieses Tool ruft keine anderen Websites ab und kann daher die Tags einer bestehenden Seite nicht lesen.
Häufige Fragen
Kann ich eine URL einfügen und ihre aktuelle Vorschau sehen?
Nein. Das Lesen einer anderen Website aus dem Browser wird durch Sicherheitsregeln des Browsers blockiert, und wir nutzen keinen Server. Fülle die Felder aus, um zu sehen, was deine Tags ergeben würden.
Welche Bildgröße sollte ich verwenden?
1200 mal 630 Pixel, ein Verhältnis von etwa 1,91 zu 1, funktioniert auf Facebook, LinkedIn und X. Halte wichtige Inhalte von den Rändern fern, da manche Apps beschneiden.
Warum sieht die echte Karte anders aus?
Jedes Netzwerk ändert von Zeit zu Zeit Layout und Textlimits, und Chat-Apps beschneiden das Bild möglicherweise. Die Vorschauen sind enge Richtwerte, keine exakten Kopien.
Warum wird mein altes Bild noch angezeigt, nachdem ich es geändert habe?
Netzwerke speichern Link-Vorschauen zwischen. Nutze den Facebook Sharing Debugger oder den LinkedIn Post Inspector, um eine Aktualisierung zu erzwingen.
Brauche ich sowohl Open-Graph- als auch X-Tags?
X greift bei den meisten Feldern auf Open-Graph-Tags zurück. Du brauchst nur twitter:card, um den Kartentyp zu wählen.