OGP- & Meta-Tag-Validator

Fügen Sie Ihr HTML ein, um Open-Graph- (OGP-) und Twitter-Card-Meta-Tags zu prüfen. Erkennt fehlende Tags und ungültige og:image-URLs, mit Vorschau der Share-Karte.

Die Meta-Elemente prüfen, die das Aussehen eines geteilten Links bestimmen

Titel, Beschreibung und Bild, die beim Teilen eines Links in einem sozialen Netzwerk erscheinen, bestimmen die Open-Graph- und Twitter-Card-Meta-Elemente im `` der Seite. Dieses Werkzeug liest sie aus dem eingefügten HTML heraus, benennt fehlende Elemente und fehlerhafte Werte und zeigt eine Vorschau, die der später erscheinenden Karte nahekommt.

**Der bei Weitem häufigste Fehler besteht darin, `og:image` als relativen Pfad zu schreiben.** Die Crawler holen das Bild von ihren eigenen Servern, sodass ein Pfad wie `/img/ogp.png` nicht aufgelöst werden kann und **die Karte ohne Bild ankommt.** Schreiben Sie es stets als absolute Adresse, die mit `https://` beginnt. **Das Zweite, was man wissen sollte: Diese Dienste legen das Ergebnis ihres Crawls im Zwischenspeicher ab.** Eine berichtigte Angabe lässt womöglich weiterhin den alten Inhalt sehen, und dann muss über das Prüfwerkzeug des jeweiligen Dienstes ein erneutes Abrufen angestoßen werden. Beachten Sie ferner, dass eine Twitter Card auf die `og:`-Elemente zurückgreift, wo kein `twitter:`-Element vorhanden ist; beides zu schreiben ist daher unnötig.

So gehen Sie vor

  1. Fügen Sie den HTML-Quelltext ein Der Inhalt von `` genügt, die ganze Seite tut es ebenso.
  2. Probieren Sie zuerst die Beispiele Ein gutes und ein schlechtes Beispiel liegen bereit, sodass Sie die Unterschiede im Urteil vorab sehen.
  3. Lesen Sie die genannten Punkte **Fehlende Elemente und jedes `og:image`, das keine absolute Adresse ist, werden benannt.**
  4. Prüfen Sie das Aussehen in der Vorschau Sie sehen, wie der Titel umbricht und wo die Beschreibung abschneidet, ehe Sie irgendetwas veröffentlichen.

Tipps für die Nutzung

  • Die empfohlene Größe für og:image beträgt 1200×630px (Seitenverhältnis 1,91:1). Zu kleine Bilder oder ein falsches Seitenverhältnis können von sozialen Plattformen unerwartet zugeschnitten werden.
  • Crawler von Facebook, LINE und Slack lesen og:title/og:description, während X (Twitter) eigene twitter:title/twitter:description verwendet. Wenn Sie beide setzen, wird die Vorschau auf allen Plattformen korrekt angezeigt.
  • Fehlt twitter:card, versucht X, auf og:title/og:description zurückzufallen, aber das Bild wird dann möglicherweise nicht korrekt angezeigt. Es ist daher besser, es explizit zu setzen.
  • Setzen Sie og:url auf die kanonische, absolute (https://) URL der Seite. Das hilft auch, Verwechslungen mit doppeltem Inhalt durch URLs mit Tracking-Parametern zu vermeiden.
  • Direkt nach dem Ändern Ihrer Meta-Tags zeigen soziale Plattformen möglicherweise noch eine veraltete, zwischengespeicherte Vorschau. Nutzen Sie das Re-Crawl-Tool der jeweiligen Plattform (z. B. den Facebook Sharing-Debugger), um den Cache zu aktualisieren.

Wofür Sie es nutzen können

Um einen Beitrag vor der Veröffentlichung zu prüfen

**Sieht ein Link erst einmal verunglückt aus, macht der Zwischenspeicher eine Berichtigung wirkungslos.** Vorher hinzusehen ist der sicherere Weg.

Um die Ausgabe einer Vorlage zu überprüfen

Fügen Sie den vom Redaktionssystem erzeugten `` ein und bestätigen Sie, dass die vorgesehenen Elemente vorhanden sind.

Um einen Bildwechsel zu prüfen

**Ob ein neues `og:image` eine absolute Adresse ist, gehört genau zu dem, was unbemerkt bleibt.**

Um sich an anderen Seiten zu orientieren

Fügen Sie den Quelltext einer gut dargestellten Seite ein und sehen Sie, welche Elemente dort gesetzt sind.

Begriffe zu Open Graph

Og:title
Die auf der Karte gezeigte Überschrift. **Sie darf von `` abweichen, was eine kürzere Fassung für soziale Netzwerke erlaubt.**</dd> <dt class="glossary-term" id="glossary-1">Og:description</dt> <dd class="glossary-definition">Der beschreibende Text auf der Karte. Er wird abgeschnitten, wenn er zu lang ist, weshalb das Wesentliche nach vorn gehört.</dd> <dt class="glossary-term" id="glossary-2">Og:image</dt> <dd class="glossary-definition">Das Bild der Karte. **Geben Sie es stets als absolute Adresse an.** Rund 1200 mal 630 Bildpunkte sind ein handliches Maß.</dd> <dt class="glossary-term" id="glossary-3">Og:type</dt> <dd class="glossary-definition">Die Art der Seite. Für einen Beitrag ist `article` üblich, für alles andere `website`.</dd> <dt class="glossary-term" id="glossary-4">Twitter:card</dt> <dd class="glossary-definition">Die Form der Karte. Mit `summary_large_image` erscheint das Bild in voller Breite.</dd> <dt class="glossary-term" id="glossary-5">Og:url</dt> <dd class="glossary-definition">Die kanonische Adresse der Seite. **Dort laufen die Teilvorgänge zusammen, weshalb man darauf achten sollte, keine Adresse mit Abfrageparametern einzutragen.**</dd> </dl> </div> </div> </div> <div class="row mt-4 section-faq"> <div class="col-md-12"> <div class="faq-card"> <h2 class="h4"><svg class="svg-icon-inline me-2" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-help-circle" > <path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0" /> <path d="M12 16v.01" /> <path d="M12 13a2 2 0 0 0 .914 -3.782a1.98 1.98 0 0 0 -2.414 .483" /> </svg>Häufig gestellte Fragen</h2> <div class="accordion accordion-flush mt-3" id="faq-accordion"> <div class="accordion-item"> <h3 class="accordion-header"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-0"> Warum wird mein og:image nicht angezeigt, wenn ich die Seite in sozialen Medien teile? </button> </h3> <div id="faq-0" class="accordion-collapse collapse" data-bs-parent="#faq-accordion"> <div class="accordion-body">Die häufigste Ursache ist eine relative Bild-URL (wie <code>/img/a.png</code>). Die meisten Crawler können relative URLs nicht auflösen – verwenden Sie daher immer eine absolute URL, die mit <code>https://</code> beginnt. Es kann auch fehlschlagen, wenn Ihr Server den User-Agent des Crawlers blockiert oder das Bild zu klein ist.</div> </div> </div> <div class="accordion-item"> <h3 class="accordion-header"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-1"> Brauche ich sowohl og:title als auch das <title>-Tag? </button> </h3> <div id="faq-1" class="accordion-collapse collapse" data-bs-parent="#faq-accordion"> <div class="accordion-body">Ja, beide erfüllen unterschiedliche Zwecke, daher wird empfohlen, beide zu setzen. <code><title></code> wird für den Titel in den Suchergebnissen und im Browser-Tab verwendet, während <code>og:title</code> für den Kartentitel beim Teilen in sozialen Medien verwendet wird. Viele Crawler greifen auf <code><title></code> zurück, wenn og:title fehlt, aber das Ergebnis entspricht dann möglicherweise nicht dem Gewünschten.</div> </div> </div> <div class="accordion-item"> <h3 class="accordion-header"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-2"> Welchen Wert sollte ich für twitter:card wählen? </button> </h3> <div id="faq-2" class="accordion-collapse collapse" data-bs-parent="#faq-accordion"> <div class="accordion-body">Für einen typischen Artikel oder Blogbeitrag wird <code>summary_large_image</code> empfohlen, da es ein großes Bild anzeigt. Wenn ein kleines Vorschaubild ausreicht, verwenden Sie stattdessen <code>summary</code>. <code>app</code> und <code>player</code> sind für App-Installationshinweise bzw. eingebettete Video-/Audioinhalte gedacht und für eine normale Webseite unüblich.</div> </div> </div> <div class="accordion-item"> <h3 class="accordion-header"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-3"> Ich habe meine Meta-Tags korrigiert, aber die Vorschau in sozialen Medien wurde nicht aktualisiert. Warum? </button> </h3> <div id="faq-3" class="accordion-collapse collapse" data-bs-parent="#faq-accordion"> <div class="accordion-body">Soziale Plattformen speichern die Ergebnisse ihres Crawlings zwischen, sodass eine veraltete Vorschau auch nach der Korrektur der Tags bestehen bleiben kann. Sie müssen mit dem Tool der jeweiligen Plattform – etwa dem Facebook/LINE-Sharing-Debugger oder dem Card Validator von X – ausdrücklich ein erneutes Crawling anfordern, um den Cache zu aktualisieren.</div> </div> </div> <div class="accordion-item"> <h3 class="accordion-header"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-4"> Was passiert, wenn eine Seite überhaupt keine OGP-Tags hat? </button> </h3> <div id="faq-4" class="accordion-collapse collapse" data-bs-parent="#faq-accordion"> <div class="accordion-body">Die meisten Crawler greifen dann auf <code><title></code> und <code>meta description</code> zurück, um eine Vorschau zu erstellen, aber es wird kein Bild angezeigt – das Ergebnis ist eine schlichte Vorschau aus Link und Text. Da dies die Klickrate beeinflusst, sollten Sie mindestens <code>og:title</code>, <code>og:description</code> und <code>og:image</code> setzen.</div> </div> </div> </div> </div> </div> </div> <script type="application/ld+json">{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"Warum wird mein og:image nicht angezeigt, wenn ich die Seite in sozialen Medien teile?","acceptedAnswer":{"@type":"Answer","text":"Die häufigste Ursache ist eine relative Bild-URL (wie /img/a.png). Die meisten Crawler können relative URLs nicht auflösen – verwenden Sie daher immer eine absolute URL, die mit https:// beginnt. Es kann auch fehlschlagen, wenn Ihr Server den User-Agent des Crawlers blockiert oder das Bild zu klein ist."}},{"@type":"Question","name":"Brauche ich sowohl og:title als auch das <title>-Tag?","acceptedAnswer":{"@type":"Answer","text":"Ja, beide erfüllen unterschiedliche Zwecke, daher wird empfohlen, beide zu setzen. <title> wird für den Titel in den Suchergebnissen und im Browser-Tab verwendet, während og:title für den Kartentitel beim Teilen in sozialen Medien verwendet wird. Viele Crawler greifen auf <title> zurück, wenn og:title fehlt, aber das Ergebnis entspricht dann möglicherweise nicht dem Gewünschten."}},{"@type":"Question","name":"Welchen Wert sollte ich für twitter:card wählen?","acceptedAnswer":{"@type":"Answer","text":"Für einen typischen Artikel oder Blogbeitrag wird summary_large_image empfohlen, da es ein großes Bild anzeigt. Wenn ein kleines Vorschaubild ausreicht, verwenden Sie stattdessen summary. app und player sind für App-Installationshinweise bzw. eingebettete Video-/Audioinhalte gedacht und für eine normale Webseite unüblich."}},{"@type":"Question","name":"Ich habe meine Meta-Tags korrigiert, aber die Vorschau in sozialen Medien wurde nicht aktualisiert. Warum?","acceptedAnswer":{"@type":"Answer","text":"Soziale Plattformen speichern die Ergebnisse ihres Crawlings zwischen, sodass eine veraltete Vorschau auch nach der Korrektur der Tags bestehen bleiben kann. Sie müssen mit dem Tool der jeweiligen Plattform – etwa dem Facebook/LINE-Sharing-Debugger oder dem Card Validator von X – ausdrücklich ein erneutes Crawling anfordern, um den Cache zu aktualisieren."}},{"@type":"Question","name":"Was passiert, wenn eine Seite überhaupt keine OGP-Tags hat?","acceptedAnswer":{"@type":"Answer","text":"Die meisten Crawler greifen dann auf <title> und meta description zurück, um eine Vorschau zu erstellen, aber es wird kein Bild angezeigt – das Ergebnis ist eine schlichte Vorschau aus Link und Text. Da dies die Klickrate beeinflusst, sollten Sie mindestens og:title, og:description und og:image setzen."}}]}</script> <div class="row mt-4 section-article"> <div class="col-md-12"> <div class="article-card"> <img src="https://toolbase.cc/img/toolkun.png" alt="Tool-kun" style="float:right;width:56px;margin:0 0 .5rem 1.25rem;opacity:.9"> <h2 class="h4">Übrigens – Warum es OGP gibt – Facebook hat es geschaffen, damit der „Gefällt mir"-Button funktioniert</h2> <p>Das Open Graph Protocol (OGP) wurde 2010 von Facebook entwickelt, um seinen „Gefällt mir"-Button zu popularisieren. Damals zeigte das Teilen einer Webseite auf Facebook kaum mehr als einen nackten Link und einen Titel, und die Klickraten litten darunter. Facebooks Lösung bestand darin, dass eine Seite selbst deklarieren kann, wie sie beim Teilen aussehen soll – durch einen neuen <code><meta property="og:xxx"></code>-Namensraum im gewöhnlichen HTML.</p> <p>Interessanterweise baut OGP auf <strong>RDFa</strong> auf, einer W3C-Spezifikation zum Einbetten strukturierter Daten in HTML. Durch die Wiederverwendung eines bestehenden Standards konnte Facebook die neue Funktion einführen, ohne auf die Mitarbeit von Browser-Herstellern oder anderen Unternehmen angewiesen zu sein – nur ein paar zusätzliche Meta-Tags auf bestehenden Seiten waren nötig. Dieser Ansatz „erweitern, ohne die Abwärtskompatibilität zu brechen" ging auf, und OGP wurde zu einem De-facto-Standard, der weit über Facebook hinaus übernommen wurde, etwa von Slack, LINE und Discord.</p> <p>Twitter übernahm OGP nie direkt, sondern schuf einen eigenen, separaten Namensraum: <strong>Twitter Cards</strong> (<code>twitter:xxx</code>). Das war wohl ebenso eine Wettbewerbs- wie eine technische Entscheidung – man wollte keine Spezifikation übernehmen, die vom Konkurrenten Facebook stammt. Das Ergebnis: Die meisten Websites müssen bis heute sowohl og:- als auch twitter:-Tags doppelt pflegen, weshalb Tools wie dieser Validator weiterhin nützlich sind.</p> <div class="related-trivia"> <p class="related-trivia-label"> <svg class="svg-icon-inline" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-books" > <path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M5 5a1 1 0 0 1 1 -1h2a1 1 0 0 1 1 1v14a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1l0 -14" /> <path d="M9 5a1 1 0 0 1 1 -1h2a1 1 0 0 1 1 1v14a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1l0 -14" /> <path d="M5 8h4" /> <path d="M9 16h4" /> <path d="M13.803 4.56l2.184 -.53c.562 -.135 1.133 .19 1.282 .732l3.695 13.418a1.02 1.02 0 0 1 -.634 1.219l-.133 .041l-2.184 .53c-.562 .135 -1.133 -.19 -1.282 -.732l-3.695 -13.418a1.02 1.02 0 0 1 .634 -1.219l.133 -.041" /> <path d="M14 9l4 -1" /> <path d="M16 16l3.923 -.98" /> </svg> Verwandte Wissenstexte lesen </p> <ul class="related-trivia-list"> <li> <a href="https://toolbase.cc/de/dev/seo/jsonld_validator"> <svg class="svg-icon-inline" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-chevron-right" > <path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M9 6l6 6l-6 6" /> </svg> <span>Übrigens – warum JSON-LD Microdata und RDFa abgelöst hat</span> </a> </li> <li> <a href="https://toolbase.cc/de/dev/server/security_headers_checker"> <svg class="svg-icon-inline" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-chevron-right" > <path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M9 6l6 6l-6 6" /> </svg> <span>Übrigens – securityheaders.com und die Geschichte der Clickjacking-Abwehr</span> </a> </li> </ul> </div> <div class="trivia-collection-link"> <a href="https://toolbase.cc/de/trivia"> <svg class="svg-icon-inline" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-library" > <path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M7 5.667a2.667 2.667 0 0 1 2.667 -2.667h8.666a2.667 2.667 0 0 1 2.667 2.667v8.666a2.667 2.667 0 0 1 -2.667 2.667h-8.666a2.667 2.667 0 0 1 -2.667 -2.667l0 -8.666" /> <path d="M4.012 7.26a2.005 2.005 0 0 0 -1.012 1.737v10c0 1.1 .9 2 2 2h10c.75 0 1.158 -.385 1.5 -1" /> <path d="M11 7h5" /> <path d="M11 10h6" /> <path d="M11 13h3" /> </svg> Alle Wissenstexte ansehen </a> </div> </div> </div> </div> </div> <div class="container"> <div class="row mt-4 section-related"> <div class="col-md-12"> <p class="related-tools-label">Nutzer, die dieses Tool angesehen haben, sahen auch</p> <div class="row g-3"> <div class="col-6 col-md-4 col-lg-2"> <a href="https://toolbase.cc/de/dev/seo/robots_txt" class="text-decoration-none tool-card-link" title="Fügen Sie den Inhalt Ihrer robots.txt ein, um die Syntax zu prüfen. Analysiert User-agent-, Disallow-, Allow- und Sitemap-Direktiven und visualisiert die Crawler-Zugriffsregeln."> <div class="card h-100 border shadow-sm tool-card"> <div class="card-body p-3"> <div class="d-flex align-items-start gap-2"> <span class="tool-card-icon flex-shrink-0" style="color:#6f42c1"> <svg class="tool-card-icon-svg" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-robot" > <path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M6 6a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v4a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2l0 -4" /> <path d="M12 2v2" /> <path d="M9 12v9" /> <path d="M15 12v9" /> <path d="M5 16l4 -2" /> <path d="M15 14l4 2" /> <path d="M9 18h6" /> <path d="M10 8v.01" /> <path d="M14 8v.01" /> </svg> </span> <div class="flex-grow-1 min-w-0"> <p class="mb-1 fw-semibold text-dark" style="font-size:.9rem">robots.txt Validator</p> <p class="mb-0 text-muted small">Fügen Sie den Inhalt Ihrer robots.txt ein, um die Syntax zu prüfen. Analysiert User-agent-, Disallow-, Allow- und Sitemap-Direktiven und visualisiert die Crawler-Zugriffsregeln.</p> </div> </div> </div> </div> </a> </div> <div class="col-6 col-md-4 col-lg-2"> <a href="https://toolbase.cc/de/dev/seo/sitemap_validator" class="text-decoration-none tool-card-link" title="Fügen Sie Ihre sitemap.xml ein, um sie gegen sitemaps.org zu prüfen: urlset-Namespace, erforderliches loc-Element, Format von lastmod/priority und Googles Limit von 50.000 URLs."> <div class="card h-100 border shadow-sm tool-card"> <div class="card-body p-3"> <div class="d-flex align-items-start gap-2"> <span class="tool-card-icon flex-shrink-0" style="color:#6f42c1"> <svg class="tool-card-icon-svg" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-sitemap" > <path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M3 17a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v2a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2l0 -2" /> <path d="M15 17a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v2a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2l0 -2" /> <path d="M9 5a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v2a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2l0 -2" /> <path d="M6 15v-1a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v1" /> <path d="M12 9l0 3" /> </svg> </span> <div class="flex-grow-1 min-w-0"> <p class="mb-1 fw-semibold text-dark" style="font-size:.9rem">Sitemap.xml-Validator</p> <p class="mb-0 text-muted small">Fügen Sie Ihre sitemap.xml ein, um sie gegen sitemaps.org zu prüfen: urlset-Namespace, erforderliches loc-Element, Format von lastmod/priority und Googles Limit von 50.000 URLs.</p> </div> </div> </div> </div> </a> </div> <div class="col-6 col-md-4 col-lg-2"> <a href="https://toolbase.cc/de/dev/seo/jsonld_validator" class="text-decoration-none tool-card-link" title="HTML oder rohes JSON-LD einfügen, um strukturierte Daten vom Typ FAQPage, BreadcrumbList und Article zu validieren. Fehlende Pflichteigenschaften und typische Fehler bei Google Rich Results werden sofort angezeigt."> <div class="card h-100 border shadow-sm tool-card"> <div class="card-body p-3"> <div class="d-flex align-items-start gap-2"> <span class="tool-card-icon flex-shrink-0" style="color:#6f42c1"> <svg class="tool-card-icon-svg" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-schema" > <path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M5 2h5v4h-5l0 -4" /> <path d="M15 10h5v4h-5l0 -4" /> <path d="M5 18h5v4h-5l0 -4" /> <path d="M5 10h5v4h-5l0 -4" /> <path d="M10 12h5" /> <path d="M7.5 6v4" /> <path d="M7.5 14v4" /> </svg> </span> <div class="flex-grow-1 min-w-0"> <p class="mb-1 fw-semibold text-dark" style="font-size:.9rem">JSON-LD-Validator für strukturierte Daten</p> <p class="mb-0 text-muted small">HTML oder rohes JSON-LD einfügen, um strukturierte Daten vom Typ FAQPage, BreadcrumbList und Article zu validieren. Fehlende Pflichteigenschaften und typische Fehler bei Google Rich Results werden sofort angezeigt.</p> </div> </div> </div> </div> </a> </div> <div class="col-6 col-md-4 col-lg-2"> <a href="https://toolbase.cc/de/dev/seo/ads_txt" class="text-decoration-none tool-card-link" title="Fügen Sie den Inhalt Ihrer ads.txt ein, um die Syntax sofort zu prüfen. Validiert die Felder DOMAIN, PUBLISHER_ID und RELATIONSHIP (DIRECT/RESELLER) zeilenweise und hilft Ihnen, die Datei korrekt einzurichten, die vor unautorisiertem Weiterverkauf von Werbeinventar (Domain-Spoofing) schützt."> <div class="card h-100 border shadow-sm tool-card"> <div class="card-body p-3"> <div class="d-flex align-items-start gap-2"> <span class="tool-card-icon flex-shrink-0" style="color:#6f42c1"> <svg class="tool-card-icon-svg" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-ad-2" > <path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M11.933 5h-6.933v16h13v-8" /> <path d="M14 17h-5" /> <path d="M9 13h5v-4h-5v4" /> <path d="M15 5v-2" /> <path d="M18 6l2 -2" /> <path d="M19 9h2" /> </svg> </span> <div class="flex-grow-1 min-w-0"> <p class="mb-1 fw-semibold text-dark" style="font-size:.9rem">ads.txt-Validator</p> <p class="mb-0 text-muted small">Fügen Sie den Inhalt Ihrer ads.txt ein, um die Syntax sofort zu prüfen. Validiert die Felder DOMAIN, PUBLISHER_ID und RELATIONSHIP (DIRECT/RESELLER) zeilenweise und hilft Ihnen, die Datei korrekt einzurichten, die vor un...</p> </div> </div> </div> </div> </a> </div> <div class="col-6 col-md-4 col-lg-2"> <a href="https://toolbase.cc/de/dev/seo/hreflang_validator" class="text-decoration-none tool-card-link" title="Fügen Sie die hreflang-Tags aus Ihrem HTML-<head> ein, um automatisch häufige mehrsprachige SEO-Fehler zu erkennen: fehlendes x-default, fehlende Selbstreferenz, ungültige Sprachcodes und doppelte Deklarationen."> <div class="card h-100 border shadow-sm tool-card"> <div class="card-body p-3"> <div class="d-flex align-items-start gap-2"> <span class="tool-card-icon flex-shrink-0" style="color:#6f42c1"> <svg class="tool-card-icon-svg" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-world-www" > <path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M19.5 7a9 9 0 0 0 -7.5 -4a8.991 8.991 0 0 0 -7.484 4" /> <path d="M11.5 3a16.989 16.989 0 0 0 -1.826 4" /> <path d="M12.5 3a16.989 16.989 0 0 1 1.828 4" /> <path d="M19.5 17a9 9 0 0 1 -7.5 4a8.991 8.991 0 0 1 -7.484 -4" /> <path d="M11.5 21a16.989 16.989 0 0 1 -1.826 -4" /> <path d="M12.5 21a16.989 16.989 0 0 0 1.828 -4" /> <path d="M2 10l1 4l1.5 -4l1.5 4l1 -4" /> <path d="M17 10l1 4l1.5 -4l1.5 4l1 -4" /> <path d="M9.5 10l1 4l1.5 -4l1.5 4l1 -4" /> </svg> </span> <div class="flex-grow-1 min-w-0"> <p class="mb-1 fw-semibold text-dark" style="font-size:.9rem">Hreflang-Tag-Validator</p> <p class="mb-0 text-muted small">Fügen Sie die hreflang-Tags aus Ihrem HTML-<head> ein, um automatisch häufige mehrsprachige SEO-Fehler zu erkennen: fehlendes x-default, fehlende Selbstreferenz, ungültige Sprachcodes und doppelte Deklarationen.</p> </div> </div> </div> </div> </a> </div> <div class="col-6 col-md-4 col-lg-2"> <a href="https://toolbase.cc/de/dev/seo/manifest_validator" class="text-decoration-none tool-card-link" title="Fügen Sie Ihre manifest.json ein, um zu prüfen, ob sie die Installationsvoraussetzungen für PWAs erfüllt. Prüft Pflichtfelder wie name, start_url, display und icons und weist in einer übersichtlichen Liste auf fehlende maskable-Icons hin."> <div class="card h-100 border shadow-sm tool-card"> <div class="card-body p-3"> <div class="d-flex align-items-start gap-2"> <span class="tool-card-icon flex-shrink-0" style="color:#6f42c1"> <svg class="tool-card-icon-svg" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-app-window" > <path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M3 7a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v10a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-10" /> <path d="M6 8h.01" /> <path d="M9 8h.01" /> </svg> </span> <div class="flex-grow-1 min-w-0"> <p class="mb-1 fw-semibold text-dark" style="font-size:.9rem">Web App Manifest (manifest.json) Validator</p> <p class="mb-0 text-muted small">Fügen Sie Ihre manifest.json ein, um zu prüfen, ob sie die Installationsvoraussetzungen für PWAs erfüllt. Prüft Pflichtfelder wie name, start_url, display und icons und weist in einer übersichtlichen Liste auf fehlende m...</p> </div> </div> </div> </div> </a> </div> </div> </div> </div> </div> </main> <footer> <div class="container mt-4"> <div class="row"> <div class="col-12"> <div class="d-flex align-items-center gap-3 my-3"> <hr class="flex-grow-1 m-0"> <img src="https://toolbase.cc/img/toolkun-up.png" alt="" style="height:40px; opacity:.75;"> <hr class="flex-grow-1 m-0"> </div> <p class="text-center text-secondary small mt-3 mb-3">Die Berechnungsergebnisse und Informationen auf dieser Website dienen nur als Referenz. Wir übernehmen keine Gewähr für Richtigkeit oder Vollständigkeit und haften nicht für Schäden, die durch deren Nutzung entstehen.</p> <p class="text-center mb-3"> <a href="https://toolbase.cc/de/about" class="text-muted small me-3">Was ist Toolbase?</a> <a href="https://toolbase.cc/de/feedback?tool=dev.seo.ogp_validator" class="text-muted small me-3">Feedback</a> <a href="https://toolbase.cc/de/terms" class="text-muted small me-3">Nutzungsbedingungen</a> <a href="https://toolbase.cc/de/privacy" class="text-muted small me-3">Datenschutzerklärung</a> <a href="https://toolbase.cc/de/licenses" class="text-muted small me-3">Open-Source-Lizenzen</a> <a href="#" onclick="showCookieSettings(); return false;" class="text-muted small">Cookie-Einstellungen</a> </p> <p class="text-center mb-3" style="font-size:.75rem;"> <a href="https://toolbase.cc/dev/seo/ogp_validator" hreflang="ja" class="text-muted">日本語</a> <span class="text-muted mx-1">|</span> <a href="https://toolbase.cc/en/dev/seo/ogp_validator" hreflang="en" class="text-muted">English</a> <span class="text-muted mx-1">|</span> <a href="https://toolbase.cc/zh/dev/seo/ogp_validator" hreflang="zh" class="text-muted">简体中文</a> <span class="text-muted mx-1">|</span> <a href="https://toolbase.cc/zh-Hant/dev/seo/ogp_validator" hreflang="zh-Hant" class="text-muted">繁體中文</a> <span class="text-muted mx-1">|</span> <a href="https://toolbase.cc/es/dev/seo/ogp_validator" hreflang="es" class="text-muted">Español</a> <span class="text-muted mx-1">|</span> <a href="https://toolbase.cc/pt/dev/seo/ogp_validator" hreflang="pt" class="text-muted">Português</a> <span class="text-muted mx-1">|</span> <a href="https://toolbase.cc/de/dev/seo/ogp_validator" hreflang="de" class="text-body fw-semibold">Deutsch</a> <span class="text-muted mx-1">|</span> <a href="https://toolbase.cc/fr/dev/seo/ogp_validator" hreflang="fr" class="text-muted">Français</a> <span class="text-muted mx-1">|</span> <a href="https://toolbase.cc/it/dev/seo/ogp_validator" hreflang="it" class="text-muted">Italiano</a> <span class="text-muted mx-1">|</span> <a href="https://toolbase.cc/ko/dev/seo/ogp_validator" hreflang="ko" class="text-muted">한국어</a> </p> <p class="text-center"> <a href="https://codebase.co.jp" target="_blank" class="text-muted" style="font-size:.75rem; opacity:.6;">Codebase Inc.</a> </p> </div> </div> </div> </footer> <div class="modal fade" id="toolSearchModal" tabindex="-1" aria-hidden="true" data-endpoint="https://toolbase.cc/de/search-index.json" data-error-message="Die Werkzeugliste konnte nicht geladen werden. Bitte prüfen Sie Ihre Verbindung und versuchen Sie es erneut."> <div class="modal-dialog modal-dialog-scrollable modal-dialog-centered"> <div class="modal-content"> <div class="modal-header border-bottom-0"> <div class="input-group"> <span class="input-group-text bg-white border-end-0"><svg class="svg-icon-inline text-muted" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-search" > <path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M3 10a7 7 0 1 0 14 0a7 7 0 1 0 -14 0" /> <path d="M21 21l-6 -6" /> </svg></span> <input type="text" id="toolSearchInput" class="form-control border-start-0" placeholder="Tools durchsuchen..." autocomplete="off"> </div> <button type="button" class="btn-close ms-2" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body p-0"> <ul id="toolSearchResults" class="list-group list-group-flush"></ul> <p id="toolSearchEmpty" class="text-muted text-center py-4 px-3 d-none mb-0">Keine passenden Tools gefunden</p> </div> </div> </div> </div> <div id="toastContainer" class="toast-container position-fixed bottom-0 end-0 p-3" style="z-index: 1090"></div> <link rel="modulepreload" as="script" href="https://toolbase.cc/build/assets/app-DJY5gZmy.js" /><link rel="modulepreload" as="script" href="https://toolbase.cc/build/assets/bootstrap.bundle.min-CYJJg-x7.js" /><link rel="modulepreload" as="script" href="https://toolbase.cc/build/assets/rolldown-runtime-DAXXjFlN.js" /><link rel="modulepreload" as="script" href="https://toolbase.cc/build/assets/favorites-CHkhC6V5.js" /><link rel="modulepreload" as="script" href="https://toolbase.cc/build/assets/toast-wr68XIKP.js" /><script type="module" src="https://toolbase.cc/build/assets/app-DJY5gZmy.js"></script> <link rel="preload" as="style" href="https://toolbase.cc/build/assets/index-CU7vBhfN.css" /><link rel="modulepreload" as="script" href="https://toolbase.cc/build/assets/index-BQgUPmBB2.js" /><link rel="modulepreload" as="script" href="https://toolbase.cc/build/assets/vue.esm-bundler-CZulxOyf.js" /><link rel="modulepreload" as="script" href="https://toolbase.cc/build/assets/rolldown-runtime-DAXXjFlN.js" /><link rel="modulepreload" as="script" href="https://toolbase.cc/build/assets/_plugin-vue_export-helper-BDNMzG2s.js" /><link rel="modulepreload" as="script" href="https://toolbase.cc/build/assets/csrf-DLdgo79t.js" /><link rel="stylesheet" href="https://toolbase.cc/build/assets/index-CU7vBhfN.css" /><script type="module" src="https://toolbase.cc/build/assets/index-BQgUPmBB2.js"></script></body> </html>