Meta-Tag-Generator

Baut Titel, Beschreibung, kanonischen Link, Open-Graph-Tags und X-Card-Tags für eine Seite.

Welche Tags geschrieben werden

Eine Seite braucht einen Titel, eine Beschreibung, eine kanonische URL, Open-Graph-Tags und eine X-Card. Diese Seite schreibt diese Tags und zählt Titel und Beschreibung.

So wird sie benutzt

  1. Füllen Sie Titel und Beschreibung. Die Zählung steht neben jedem Feld und aktualisiert sich mit Beim Tippen aktualisieren.
  2. Kanonische URL, Bild-URL, Bild-Alternativtext, Seitenname, og:type, og:locale, X-Card und X-Site sind optional. og:type startet als website. X-Card startet als summary_large_image.
  3. Umwandeln aktualisiert die Tags. Beispiel anzeigen setzt den Titel auf Ada Lovelace notes, die Beschreibung auf Short notes on the analytical engine, with a portrait and a canonical page, die kanonische URL und das og-Bild auf https://example.com/ada und https://example.com/ada.jpg, den Alternativtext auf Portrait of Ada, die Site auf Example, og:type auf article, og:locale auf en_US, die Card auf summary_large_image und die X-Site auf @example.
  4. Dieses Ergebnis enthält ein title-Element, name="description", rel="canonical", og:title, og:description, og:url, og:image, og:image:alt, og:site_name, og:type content="article", og:locale content="en_US", twitter:card content="summary_large_image", twitter:title, twitter:description, twitter:image und twitter:site content="@example".
  5. Alles löschen leert die Felder, setzt og:type auf website zurück und die Card auf summary_large_image. Ergebnis kopieren kopiert die Tags.

Zählungen und leere Felder

Die Titelzählung und die Beschreibungszählung werden immer gezeigt. Ab 60 Zeichen warnt die Titelzeile. Ab 160 Zeichen warnt die Beschreibungszeile. Die Tags werden trotzdem geschrieben.

Ein leeres optionales Feld entfällt. Anführungszeichen im Text werden maskiert. og:type ist website oder article. Der X-Card-Wert ist summary oder summary_large_image.

Wo man es nutzt

  • Die head-Tags für einen Artikel entwerfen.
  • Sehen, dass ein Titel 60 Zeichen überschritten hat, bevor er veröffentlicht wird.
  • Die Card zwischen summary und summary_large_image umschalten.

Fragen

Wird ein langer Titel hier abgeschnitten?

Die Warnung ist eine Zählung. Das title-Element enthält weiter den vollen Text.

Warum steht twitter: an einer X-Card?

Der Meta-Name der Card im head der Seite ist weiterhin twitter:card.