Wie berechnet das Tool die Abschneidung des Google-Titels?

Die Abschneidung basiert auf der tatsächlichen Pixelbreite der Zeichen in der Schriftart Arial (ca. 600px für Desktop und 920px für Mobilgeräte), nicht auf der bloßen Zeichenanzahl.

Welche Social-Media-Plattformen werden simuliert?

Das Tool simuliert X-Karten (Summary und Summary Large Image) sowie OpenGraph-Karten für Plattformen wie Facebook und LinkedIn.

Was prüft die integrierte SEO-Diagnose?

Sie prüft Titellängen, Geräte-Abschneidungen, HTTPS-Gültigkeit der Bild-URL, Canonical-URLs, Sonderzeichen und gibt Hinweise auf strukturierte Daten.

Warum ist die Angabe einer Canonical-URL wichtig?

Die Canonical-URL teilt Suchmaschinen die bevorzugte Version einer Seite mit. Das Tool validiert das Format und prüft auf typische Fehler wie Unterstriche.

Kann ich das Tool auch ohne OpenGraph-Bild nutzen?

Ja, Sie können Felder leer lassen. Die Diagnose weist Sie dann gegebenenfalls auf das Fehlen hin, damit Sie die Lücken vor dem Launch schließen können.

Elysia Tools

Mobile Navigation

Development

SERP & Social Vorschau-Studio

Zeigt Google SERP (pixelgenaue Titel-Abschneidung Desktop/Mobile), X- und OpenGraph-Karten mit Pre-Launch-SEO-Diagnose

Einzelheiten

Wobei dieses Tool hilft

Gib die Metadaten deiner Seite ein und das Tool rendert drei reale Ziele:

Google-SERP-Karte — Titel-Abschneidung auf Desktop (~600px) und Mobile (~920px), berechnet aus realen Arial-Pixelbreiten (string-pixel-width), nicht nur Zeichenanzahl.
X-(Twitter)-Karte — Layouts summary und summarylargeimage.
OpenGraph-Karte — LinkedIn/Facebook-Stil mit empfohlenem og:image-Verhältnis 1.91:1.

Zusätzlich läuft eine Pre-Launch-SEO-Diagnose: zu kurzer/langer Titel, Abschneidung pro Gerät, Beschreibungslänge, nicht-escapte Zeichen, Canonical-URL-Gültigkeit, Unterstrich vs. Bindestrich, og:image HTTPS/gültig, Länge von og:description, og:site_name, fehlende twitter:card — plus Hinweise, wenn der Titel auf strukturierte Daten FAQ / HowTo / Product hindeutet.

So verwendest du es:

Fülle aus, was du hast; lass den Rest leer, um Lücken zu sehen.
Wähle das Gerät: Desktop, Mobile oder beide.
Nutze die Diagnosetabelle als Launch-Checkliste.

Ausführung

Dieses Tool ausführen

Fülle das Formular aus, starte das Tool und prüfe das Ergebnis an einem Ort.

Vorbereitete Beispielausführungen

Klicken Sie auf ein Beispiel, um das Formular automatisch auszufüllen. Dateien müssen weiterhin hochgeladen werden.

1 Beispiele

Vorschau einer Review-Seite in SERP und Social Cards

Pixelgenaue Titel-Abschneidung Desktop/Mobile, X- und OpenGraph-Karten, Diagnosen.

<div>SERP desktop/mobile + Twitter + OpenGraph previews with diagnostics.</div>

Eingaben

Fülle die erforderlichen Felder aus und starte das Tool.

8 Optionen

InhaltHaupteingaben einfügen oder eingeben.6

SeitentiteltextPflichtMeta-BeschreibungtextareaOptionales FeldCanonical-URLtextPflichtOpenGraph-Bild-URLtextOptionales FeldOG-Alt-BeschreibungtextareaOptionales FeldSeitennametextOptionales Feld

EinstellungenFormate, Bereiche, Zahlen und Modi anpassen.2

Twitter-KartentypselectOptionales FeldVorschau-GerätselectOptionales Feld

Ergebnis

Bereit zum Start

Nach dem Ausführen erscheinen hier Dateien, Text, strukturierte Daten oder Stream-Ausgaben.

Beispiele

Beispiele zu diesem Tool

Verwandt

Mit verwandten Tools und Themen fortfahren

{ "title": "Best Running Shoes 2026 — Tested & Reviewed | RunLab", "description": "We tested 40 running shoes for comfort, durability, and speed. See our top picks for road, trail, and racing in 2026.", "url": "https://runlab.example.com/best-running-shoes-2026", "ogImage": "https://runlab.example.com/og/shoes-1200x630.jpg", "ogDescription": "The 2026 running shoe guide, lab-tested for every type of runner.", "siteName": "RunLab", "twitterCard": "summary_large_image", "device": "both" }

SERP & Social Vorschau-Studio

Wobei dieses Tool hilft

Dieses Tool ausführen

Vorbereitete Beispielausführungen

Eingaben

Ergebnis

Beispiele zu diesem Tool

Mit verwandten Tools und Themen fortfahren

Vorbereitete Beispielausführungen

Eingaben

Ergebnis

Erfahren Sie, wann dieses Tool passt, was es unterstützt und wie Nutzer es anwenden.

Wichtige Fakten

Überblick

Wann verwenden

So funktioniert es

Anwendungsfälle

Beispiele

1. Optimierung eines Blogbeitrags für Google und Social Media

2. Fehlerdiagnose bei einer Produktseite

FAQ

Android Java Bildverarbeitungsbeispiele

Android Kotlin Bildverarbeitungsbeispiele

Web Python Bildverarbeitung Beispiele

Web Rust Bildverarbeitungsbeispiele

Social-Media-Bildgrößen-Spickzettel

Batch-Bild-Umbenennen

Benutzerdefinierter Faltungskern

Bild-Relief-Effekt

Tools fur Bildformat-Konvertierung und animierten Export

Werkzeuge fur Bildbereinigung, Rahmen und Batch-Vorbereitung

Bildmetadaten-, EXIF- und Datenschutz-Bereinigungs-Tools

Tools für Bildbereinigung, Größenänderung und Detailverbesserung