Twitter Card Validator: Aktualisieren Sie Twitter Cards mit dem Validator Tool

Veröffentlicht: 2022-08-10
Inhaltsverzeichnis
  • Was ist eine Twitter-Karte?
  • Arten von Twitter-Karten
  • Wie können Sie Twitter-Karten verwenden?
  • Erstellen von Twitter Cards für Ihre Website
  • Twitter-Karten-Meta-Tags
  • Warum Twitter Cards verwendet werden
  • Fazit

Social-Media-Plattformen haben die Art und Weise, wie wir interagieren und Geschäfte machen, verändert. Plattformen wie Twitter fügen weiterhin neue Funktionen hinzu, die darauf abzielen, die Benutzererfahrung zu verbessern. Wenn Sie auf Twitter sind, haben Sie Tweets mit YouTube-Videos gesehen, einen Artikel gelesen oder eine Werbung angesehen, alles durch Tweets eines Benutzers. All dies sind Twitter-Karten in Aktion.

Eine Twitter-Karte enthält Tweets mit diesen Videos und Bildern, die dazu beitragen, Nachrichten an ein bestimmtes Publikum zu übermitteln. Ein Twitter-Kartenvalidierungstest führt die URL aus, die Sie auf Ihrer Karte verwenden möchten. Das Validator-Tool gibt Ihnen auch eine Vorschau, wie die Twitter-Karte aussehen wird.

Dieser Artikel zeigt Ihnen , wie Sie Twitter-Karten erstellen und das Twitter-Kartenvalidierungstool verwenden, um Twitter-Karten zu aktualisieren . Beginnen wir mit der Beschreibung einer Twitter-Karte.

Was ist eine Twitter-Karte?

Twitter-Karten sind mit Medien angereicherte, die sich von anderen Tweets abheben. Diese Karten fördern das Engagement und lenken den Traffic auf Websites.

Normale Tweets sind auf 140 Zeichen beschränkt . Mit Twitter-Karten können Sie dieses Limit umgehen und mehr Informationen an Ihr Publikum weitergeben. Dies ist möglich, indem Sie Ihrer Webseite ein paar Zeilen HTML-Code hinzufügen.

Arten von Twitter-Karten

Es gibt vier verschiedene Arten von Twitter-Karten:

  • Übersichtskarte
  • Übersichtskarte mit großem Bild
  • App-Karte
  • Spielerkarte

Der Kartentyp vermerkt die vier unterschiedlichen Strukturen des Tweets. Eine typische Übersichtskarte enthält einen Titel, ein kleines Foto und eine kurze Zusammenfassung des Inhalts. Dies ist das gleiche Setup, das für Übersichtskarten mit großen Bildern verwendet wird, mit der Ausnahme, dass ein größeres Bild anstelle eines kleinen verwendet wird.

Wie der Name schon sagt, spielt eine Spielerkarte automatisch ein Video ab und hat einen Link zu Ihrer Website am Ende des Tweets. App-Karten verlinken mit Ihrer App aus dem App Store oder Play Store.

Wie können Sie Twitter-Karten verwenden?

Basierend auf der Art der Nachricht, die Sie an Ihr Publikum weitergeben möchten, können Sie eine der vier Arten von Twitter-Karten auswählen und verwenden. Wenn Sie beispielsweise Benutzer anweisen möchten, Ihre App herunterzuladen, sollten Sie die App-Karte verwenden .

Übersichtskarten sind die beste Wahl für Blogger , die Updates zu neuen Blogbeiträgen oder Artikeln bereitstellen möchten. Diese Karte enthält ein attraktives Miniaturbild, einen Titel, eine Beschreibung und einen Link zum Blog.

Erstellen von Twitter Cards für Ihre Website

Das Erstellen von Twitter-Karten ist ein einfacher Vorgang, wenn Sie ein wenig Programmierkenntnisse haben – HTML. Dieser Code wird dem Header-Abschnitt Ihres HTML-Codes hinzugefügt. Sie können dann den Kartentyp auswählen, den Sie verwenden möchten, und dann die URL- und Meta-Tags hinzufügen. Sie können diese Meta-Tags mit dem Twitter Validator-Tool testen.

Sie geben den Kartentyp an, den Sie verwenden möchten, indem Sie Meta-Tag-Markup verwenden. Für die Übersichtskarte sieht das Meta-Tag-Markup folgendermaßen aus:

 <meta name="twitter.card" content="summary">

Verwenden des Validator-Tools

Testen Sie den Code mit dem Twitter Card Validation Tool.

Kopieren Sie die URL mit den Meta-Tags in das Tool und fügen Sie sie wie unten gezeigt unter der Kopfzeile der Karten-URL ein:

Dies ist der Schritt-für-Schritt- Prozess:

  • Rufen Sie das Twitter-Validator-Tool auf . Sie müssen sich bei Ihrem Twitter-Konto anmelden, um auf das Tool zugreifen zu können.
  • Geben Sie die URL der Seite ein, für die Sie die Twitter-Karte erstellen
  • Klicken Sie auf die blaue Schaltfläche Vorschaukarte . Das Kartenvorschaufenster wird mit aktualisierten Metadaten gefüllt. Wenn Fehler vorhanden sind, werden diese ebenfalls angezeigt
  • Sie können erneut auf die Schaltfläche Vorschaukarte klicken, wenn beim ersten Klicken nicht alle Metadaten gelesen wurden

Die Kartenvorschau sollte Ihnen eine Vorschau zeigen, wie Ihre Karte in Twitter-Feeds erscheinen wird – wenn Sie alle oben genannten Schritte ausführen und keine Fehler auftreten.

Spielerkarten müssen für die Whitelist genehmigt werden. Klicken Sie im Validierungstool auf die Schaltfläche „Genehmigung anfordern“ , um eine Genehmigung anzufordern.

Nach dem Testen mit dem Twitter Validator-Tool können Sie die URL twittern, um zu sehen, dass die Karte unter Ihrem Tweet erscheint. Das Validator-Tool validiert einfach Ihre Twitter-Karten, bevor Sie sie auf Twitter verwenden können.

Twitter-Karten-Meta-Tags

Wir haben Meta-Tags als eine der Anforderungen im Erstellungsprozess der Twitter Card besprochen. Wenn Sie noch nie HTML-Code verwendet oder geschrieben haben, sind Meta-Tags ein seltsamer Begriff für Sie.

Dies ist jedoch einfach zu implementieren, Sie müssen nur die richtige Stelle zum Platzieren der Meta-Tags kennen, die sich im Kopfbereich Ihrer HTML-Seite befindet . Wenn dies für Sie immer noch zu technisch oder schwierig klingt, zeigen wir Ihnen nach diesem Abschnitt einfache Möglichkeiten, Twitter-Karten-Meta-Tags zu erstellen, ohne Code schreiben zu müssen.

Meta-Tags werden verwendet, um zu beschreiben, was sich auf der Webseite befindet. Im Fall von Twitter-Karten-Meta-Tags teilen sie Suchmaschinen mit, was in den Karten enthalten ist. Die Tags beschreiben nicht nur den Kartentyp, den Sie verwenden, sondern auch den Twitter-Benutzernamen der Website. Es gibt auch Meta-Tags für die ID des Twitter-Benutzers.

Hier ist ein vollständiges Beispiel, das zur Implementierung bereit ist:

In den Meta-Tags der Twitter-Karte oben gibt die erste Codezeile – Nummer 1 – den Typ der zu erstellenden Twitter-Karte an, in diesem Fall eine einfache Übersichtskarte. Die zweite Zeile gibt die Identität des Artikelautors an. Die dritte Zeile enthält die Twitter-ID oder den Benutzernamen der Website.

Meta-Tags hinzufügen, ohne Code zu schreiben

Sie müssen kein Programmierer sein, um Twitter-Karten zu implementieren. Es ist möglich, Twitter-Karten zu erstellen, ohne Code über SaaS-Produkte wie carrd.co und WordPress schreiben zu müssen. Diese Plattformen verfügen über Plugins zum Hinzufügen von Metadaten, ohne dass Sie Code berühren oder schreiben müssen.

Twitter empfiehlt drei Plugins, die Sie in WordPress verwenden können, um Twitter-Karten zu erstellen:

  • Jetpack
  • JM Twitter-Karten
  • WordPress-SEO von Yoast

Wir werden Jetpack als Beispiel verwenden, um das Hinzufügen von Meta-Tags zu demonstrieren, ohne Code zu schreiben.

Navigieren Sie nach der Installation des Jetpack-Plug-ins zum Abschnitt „Soziale Netzwerke“ . Hier können Sie Ihr Twitter-Handle validieren und Twitter-Karten aktivieren. Jetpack scannt automatisch Ihre Inhalte, um den besten Kartentyp zu ermitteln – Zusammenfassung, Zusammenfassung mit großem Bild, App oder Player.

Die beiden anderen Plugins verwenden fast ähnliche Prozesse mit einigen Unterschieden. Nachdem Sie die Twitter-Karten mit einem der Plugins erstellt haben, nehmen Sie die URL der Website oder des Blogs, auf der Ihre Karte angezeigt werden soll, und führen Sie sie durch das Twitter Card Validator Tool .

Empfohlene Bildgrößen für Twitter Cards

Die bevorzugte Bildgröße für eine Twitter-Zusammenfassungskarte beträgt mindestens 120 x 120 Pixel und weniger als 1 MB . Bei einer Übersichtskarte mit einem großen Bild beträgt die kleinste Fotogröße 280 x 150 Pixel – und weniger als 1 MB.

App-Karten sollten 800 x 320 Pixel haben. Spielerkarten haben Level 3.0, spielen 30 Bilder pro Sekunde und haben Abmessungen in 640 x 480 Pixel.

Warum Twitter Cards verwendet werden

Twitter-Karten haben den zusätzlichen Vorteil, dass sie mehr Informationen enthalten als der typische Tweet mit 140 Zeichen. Über Karten können Sie Bilder, Videos und mehr Rich Media verwenden , um die Tweets nicht nur ansprechend zu gestalten, sondern auch Links zu enthalten, die Benutzer zu Ihrer Website oder App leiten können.

Twitter-Karten sind nützliche Tools, um Interaktionen auf der Plattform zu fördern.

Twitter-Karten sind auch nützlich, um Ihrem Twitter-Publikum zu ermöglichen, sich für Ihre Newsletter anzumelden, ohne dass es Twitter verlässt. Darüber hinaus reproduziert jeder, der Ihre Twitter-Karten teilt oder retweetet, denselben medienreichen Inhalt, der für seine Follower zugänglich ist.

Mit Twitter-Karten können Sie auch einprägsame Titel anpassen, um die Art von Publikum anzuziehen, die Sie zu Ihrer App oder Website führen möchten. Die Beschreibung erlaubt es Ihnen, bis zu 200 Zeichen zu schreiben, mehr als 140 Zeichen bei normalen Tweets.

Fazit

Das Twitter Card Validator Tool ist ein entscheidendes Tool bei der Erstellung von Twitter Cards. Der Tool-Test führt Ihre URL aus, um Ihre Meta-Tags zu überprüfen, und gibt Ihnen eine Vorschau darauf, wie die Twitter-Karte in den Twitter-Feeds aussehen wird. Es ist völlig kostenlos, Twitter Cards zu erstellen und das Twitter Card Validator Tool zu verwenden.