.cp-tool { background-color: #fff; border-radius: 12px; padding: 20px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); font-family: -apple-system, BlinkMacSystemFont, „Segoe UI“, Roboto, Helvetica, Arial, sans-serif; color: #333; max-width: 700px; margin: auto; } .cp-tool h3, .cp-tool h4 { color: #0a7d8c; margin-top: 0; margin-bottom: 12px; font-weight: 600; } .cp-tool h4 { margin-top: 24px; border-bottom: 1px solid #eee; padding-bottom: 8px; } .cp-tool-grid { display: grid; grid-template-columns: 1fr; gap: 15px; } .cp-tool label { display: block; font-weight: 500; margin-bottom: 5px; font-size: 14px; } .cp-tool input[type=“text“], .cp-tool textarea { width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 6px; box-sizing: border-box; font-size: 16px; } .cp-tool textarea { min-height: 100px; resize: vertical; } .serp-preview-box { padding: 16px; border: 1px solid #e0e0e0; border-radius: 8px; background-color: #f9f9f9; margin-top: 10px; } .serp-url { font-size: 14px; color: #5f6368; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .serp-title { font-size: 20px; color: #0a7d8c; margin: 2px 0 4px 0; font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.3; } .serp-desc { font-size: 14px; color: #4d5156; line-height: 1.57; word-wrap: break-word; } .serp-analysis { display: grid; grid-template-columns: 1fr; gap: 12px; font-size: 14px; } .analysis-item { display: flex; flex-direction: column; } .analysis-label { display: flex; justify-content: space-between; margin-bottom: 4px; } .analysis-bar { width: 100%; height: 10px; background-color: #e0e0e0; border-radius: 5px; overflow: hidden; } .analysis-progress { height: 100%; background-color: #4caf50; /* Green */ border-radius: 5px; transition: width 0.3s ease, background-color 0.3s ease; } .analysis-progress.warn { background-color: #ff9800; /* Orange */ } .analysis-progress.exceeded { background-color: #f44336; /* Red */ } .cp-tool p { font-size: 16px; line-height: 1.6; color: #555; margin-top: 25px; margin-bottom: 0; }

SERP-Snippet-Vorschau

Vorschau des Google Snippets

Analyse der Pixellänge

Ein SERP-Snippet (Search Engine Result Page Snippet) ist die Vorschau einer Webseite in den Google-Suchergebnissen. Es besteht typischerweise aus einem Titel, einer URL und einer kurzen Beschreibung. Ein optimiertes Snippet ist entscheidend für die Klickrate (CTR), da es den ersten Eindruck vermittelt und Nutzer zum Klicken animieren soll. Da Google die Länge von Titel und Beschreibung nicht nach Zeichen, sondern nach der jeweiligen Pixelbreite begrenzt, ist eine reine Zeichenzählung oft ungenau. Dieses Werkzeug simuliert die Darstellung und misst die tatsächliche Pixelbreite, um eine Überlänge und somit eine unschöne Kürzung durch Google zu vermeiden. Es hilft dabei, prägnante und gleichzeitig informative Texte zu formulieren. Beachten Sie, dass die Darstellung je nach Gerät (Desktop/Mobil) und durch Tests seitens Google variieren kann. Die hier gezeigte Vorschau dient als verlässlicher Richtwert für die Desktop-Ansicht.