Schema-Markup-Generator

JSON-LD für Article, FAQ, HowTo, LocalBusiness

.cp-tool { background-color: #fff; padding: 24px; border-radius: 12px; 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; line-height: 1.6; } .cp-tool h3 { margin-top: 0; margin-bottom: 20px; color: #333; font-size: 1.4em; } .cp-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 20px; border-bottom: 2px solid #eee; padding-bottom: 10px; } .cp-tabs button { padding: 10px 15px; border: 1px solid #ddd; background-color: #f9f9f9; cursor: pointer; border-radius: 8px; font-size: 0.95em; transition: background-color 0.2s, color 0.2s, border-color 0.2s; } .cp-tabs button.active { background-color: #0a7d8c; color: #fff; border-color: #0a7d8c; font-weight: bold; } .cp-form-section { display: none; animation: fadeIn 0.5s; } .cp-form-section.active { display: block; } @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } .cp-grid { display: grid; grid-template-columns: 1fr; gap: 16px; } @media (min-width: 600px) { .cp-grid { grid-template-columns: 1fr 1fr; } } .cp-tool label { display: block; margin-bottom: 6px; font-weight: 600; font-size: 0.9em; color: #555; } .cp-tool input[type=“text“], .cp-tool input[type=“url“], .cp-tool input[type=“date“], .cp-tool input[type=“tel“], .cp-tool select, .cp-tool textarea { width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 8px; box-sizing: border-box; font-size: 1em; } .cp-tool textarea { min-height: 80px; resize: vertical; } .cp-tool .cp-add-btn { background-color: #0a7d8c; color: white; border: none; padding: 8px 14px; border-radius: 8px; cursor: pointer; margin-top: 10px; font-size: 0.9em; } .cp-tool .cp-add-btn:hover { background-color: #086b7a; } .cp-result-wrapper { margin-top: 24px; } .cp-result-wrapper h4 { margin-bottom: 10px; color: #333; } #schema-output-container { position: relative; } #schema-output { background-color: #f0f3f4; color: #333; padding: 16px; border-radius: 8px; min-height: 200px; white-space: pre-wrap; word-break: break-all; font-family: „Courier New“, Courier, monospace; font-size: 0.9em; border: 1px solid #e0e0e0; } #schema-copy-btn { position: absolute; top: 10px; right: 10px; background-color: #fff; color: #0a7d8c; border: 1px solid #0a7d8c; padding: 5px 10px; border-radius: 5px; cursor: pointer; font-size: 0.8em; } .cp-explanation { font-size: 0.9em; color: #666; margin-top: 8px; padding: 10px; background-color: #f8f9fa; border-radius: 8px; } .cp-dynamic-item { border-top: 1px dashed #ccc; padding-top: 16px; margin-top: 16px; }

Schema-Markup-Generator (JSON-LD)

Überschrift

Autor

Herausgeber (Organisation)

URL des Herausgeber-Logos

URL des Beitragsbildes

Veröffentlichungsdatum

Frage 1 Antwort 1

Titel der Anleitung

Kurzbeschreibung

Geschätzte Kosten (nur Zahl)

Benötigtes Material (kommagetrennt)

Schritt 1

GeschäftsartTravelAgencyHotelRestaurantTouristAttraction

Name des Unternehmens

Strasse, Hausnummer

Stadt

Postleitzahl

Land (Kürzel)

Telefonnummer

Preisklasse (z.B. €, €€, €€€)

Webseite

Generiertes JSON-LD Schema

Fügen Sie diesen Code in den <head>– oder <body>-Bereich Ihrer HTML-Seite ein.

Strukturierte Daten, oft mittels JSON-LD im Schema.org-Vokabular umgesetzt, sind ein wesentlicher Bestandteil der modernen Suchmaschinenoptimierung (SEO). Sie helfen Suchmaschinen wie Google, den Inhalt einer Webseite kontextuell zu verstehen und ihn in den Suchergebnissen ansprechend als „Rich Snippet“ darzustellen. Für ein Reisemagazin ist dies besonders wertvoll: Ein Reisebericht kann als „Article“ mit Bild und Autor in den Ergebnissen erscheinen, während eine Liste mit Packtipps als „HowTo“-Anleitung mit einzelnen Schritten dargestellt wird. Häufig gestellte Fragen zu einem Reiseziel lassen sich als „FAQPage“ auszeichnen, wodurch die Fragen und Antworten direkt in der Google-Suche ausklappbar werden. Informationen zu einem Hotel oder einer Sehenswürdigkeit können mithilfe von „LocalBusiness“ oder spezifischeren Typen strukturiert werden, was die Anzeige von Adressen, Öffnungszeiten und Bewertungen ermöglicht. Der gezielte Einsatz dieser Schemata erhöht die Sichtbarkeit, verbessert die Klickrate und steigert die Relevanz in der organischen Suche erheblich.

Schema-Markup-Generator

Schema-Markup-Generator (JSON-LD)

Generiertes JSON-LD Schema

Themen

Neu

Service