Eine vollständige Anleitung zu Twitter Cards

Veröffentlicht: 2016-01-20

Twitter Cards sind ein Protokoll, mit dem Sie aussagekräftige Fotos, Videos und andere interaktive Medien an Tweets anhängen können, um den Traffic auf Ihrer Website zu steigern. Twitter stellt eine Vielzahl unterschiedlicher Cards zur Verfügung. Außerdem können Twitter Cards mit wenigen Zeilen HTML in Ihre Webseite integriert werden. Benutzer, die mit einem Tweet auf Ihre Inhalte verlinken, erhalten eine Karte, die dem Tweet hinzugefügt wird und für alle ihre Follower sichtbar ist.

Twitter Cards sind ein großartiger Partner für Ihre SEO-Strategie, da sie dazu beitragen, das Engagement zu steigern, die Klickrate und die Conversions zu erhöhen. Twitter Cards können somit Ihre Content-Reichweite in sozialen Medien verbessern und Ihr Branding und lokales SEO entwickeln.

Verstehen der verschiedenen Arten von Twitter Cards

Es gibt 5 Arten von Twitter Cards:

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

Übersichtskarte

Die Zusammenfassungskarte kann für Blogbeiträge, Nachrichten, Produktseiten oder andere Wirtschaftsnachrichten verwendet werden. Diese Karten zielen darauf ab, eine Inhaltsvorschau anzubieten, indem sie Ihren Titel, Ihre Beschreibung und ein Miniaturbild anzeigen.
Anforderungen:

  • Titel: 70 Zeichen
  • Beschreibung: 200 Zeichen
  • Bild: mindestens 120×120 Pixel und nicht mehr als 1 MB

Um es zu Ihrer Website hinzuzufügen, müssen Sie diesen Code in den HTML-Code Ihrer Webseite einfügen:

<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="@yoursite" />
<meta name="twitter:title" content="Ihr Titel" />
<meta name=“twitter:description“ content=“Ihre Beschreibung.“ />
<meta name="twitter:image" content="https://wo-ihr-bild-gehostet wird/name.jpg" />

Übersichtskarte mit großem Bild

Diese Karten funktionieren bis auf die Größe des Bildes genauso wie die vorherige. Es ermöglicht ein überzeugenderes Bild in voller Breite, um die Besucher Ihrer Website besser anzuziehen.
Anforderungen:

  • Titel: 70 Zeichen
  • Beschreibung: 200 Zeichen
  • Bild: mindestens 280 x 150 Pixel und nicht mehr als 1 MB

Fügen Sie diesen HTML-Code hinzu, um diese Art von Twitter Cards einzurichten:

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@yourwebsite">
<meta name="twitter:creator" content="@yourtwitterhandle">
<meta name="twitter:title" content="dein Titel">
<meta name=“twitter:description“ content=“deine Beschreibung.“>
<meta name=“twitter:image“ content=“ https://wo-ihr-bild-gehostet wird/name.jpg “>

App-Karte

App Cards können verwendet werden, um mobile Apps auf Twitter zu bewerben und die Anzahl der Installationen zu erhöhen. Diese Karte hebt einen Namen, eine Beschreibung, ein Symbol, eine Bewertung und einen Preis hervor. Twitter kann Ihre App-IDs verwenden, um einige dieser Informationen abzurufen.
Anforderungen:

  • Titel: sortiert nach App-ID
  • Beschreibung: 200 Zeichen
  • Bild: App-Logo sortiert nach App-ID – Bild sollte mindestens 800 x 320 Pixel groß sein und kann im JPG-, JPEG-, PNG- oder GIF-Format vorliegen. Bilder unter 1 MB werden bevorzugt

Wenn Ihre App nicht im App Store verfügbar ist, kann Twitter diese Informationen nicht erfassen. Wenn sich Ihre App nicht im US-Store befindet, geben Sie im Meta-Tag twitter:app:country an, woher sie stammt. Wenn Ihr Link direkt auf den App Store oder Google Play verweist, erstellt Twitter automatisch eine App Card.

Hier ist der Code, den Sie eingeben sollten:

<meta name="twitter:card" content="app">
<meta name="twitter:site" content="@yourwebsite">
<meta name="twitter:description" content="deine Beschreibung">
<meta name="twitter:app:country" content="dein Land wie USA">
<meta name=“twitter:app:name:iphone“ content=“Name Ihrer iPhone-App“>
<meta name="twitter:app:id:iphone" content="Ihre iPhone-App-ID">
<meta name="twitter:app:url:iphone" content="Ihre iPhone-App-URL">
<meta name=“twitter:app:name:ipad“ content=“Name Ihrer iPad-App“>
<meta name="twitter:app:id:ipad" content="Ihre iPad-App-ID">
<meta name="twitter:app:url:ipad" content="Ihre iPad-App-URL">
<meta name="twitter:app:name:googleplay" content="Ihr Googleplay-App-Name">
<meta name=“twitter:app:id:googleplay“ content=“Ihre Googleplay-Add-ID“

Spielerkarte

Die Player Cards wurden erstellt, um Streaming-Medien wie Video- oder Audioplayer in Ihrem Tweet zu bewerben. Dies ist beispielsweise perfekt, um Vines oder Podcasts zu pushen.
Anforderungen:

  • Beschreibung: 200 Zeichen
  • Bild: Wird anstelle des Players auf Plattformen angezeigt, die keine iFrames oder Inline-Player unterstützen. Gleiche Maße wie deine
  • Spieler; nicht mehr als 1 MB
  • Video: H.264, Baseline-Profil, Level 3.0, bis zu 640 x 480 Pixel bei 30 fps.
  • Audio: AAC, Profil mit geringer Komplexität

Karte zur Lead-Generierung

Lead Generation Cards eignen sich hervorragend, um mit potenziellen Kunden in Kontakt zu treten. So können Sie Informationen über Interessenten sammeln. Personen können Interesse an Ihrem Unternehmen bekunden, ohne ein Formular ausfüllen oder ihren Twitter-Account verlassen zu müssen. Normalerweise sind ihr Name, ihr Twitter-Handle und ihre E-Mail-Adresse bereits eingetragen, sodass sie sie nicht ausfüllen müssen.
Anforderungen:

  • Titel: 50 Zeichen
  • Aufruf zum Handeln: 20 Zeichen
  • Post-Submit-Nachricht (optional): 100 Zeichen
  • Bild: mindestens 800 x 200 Pixel mit einem Seitenverhältnis von 4:1 und nicht mehr als 3 MB

Um Ihre Lead-Generierungskarte schön einzurichten, müssen Sie sich bei Ihrem Twitter Ads-Konto anmelden (auch wenn die Karte kostenlos ist):

  • Melden Sie sich bei Twitter an
  • Klicken Sie auf das Einstellungssymbol und wählen Sie Twitter Ads aus dem Dropdown-Menü aus
  • Klicken Sie im oberen Navigationsmenü auf den Tab Creatives und wählen Sie Karten aus
  • Klicken Sie auf Karten zur ersten Lead-Generierung erstellen
  • Klicken Sie nach der Einrichtung auf die Registerkarte „Tweets“ und dann auf die blaue Schaltfläche „Tweet verfassen“ in der oberen rechten Ecke
  • Verfassen Sie Ihren Tweet und klicken Sie auf Karte an diesen Tweet anhängen, wenn Sie fertig sind
  • Wählen Sie die Karte aus, die Sie anhängen möchten, und senden Sie dann Ihren Tweet

Wie integriert man diese Twitter Cards in ein CMS?

Wenn Ihre Website unter WordPress läuft, möchten Sie vielleicht diese Twitter Cards in Ihr System integrieren, um Zeit zu sparen. Wenn wir uns auf WordPress konzentrieren, gibt es drei Plugins, die Sie installieren können:

  • Jetpack
  • JM Twitter-Karten
  • SEO von Yoast

Twitter bietet eine schöne Anleitung zum Einrichten Ihres CMS mit Twitter Cards, also sollten Sie unbedingt einen Blick darauf werfen.

Sobald dies gut eingerichtet ist, sollten Sie überprüfen, ob es auf Twitter funktioniert. Verbinden Sie sich mit dem Twitter Card Validator und Sie werden sehen, ob alles so aussieht, wie es sein sollte. Wir haben das Beispiel unseres letzten Artikels genommen:

Wie können Sie die Leistung Ihrer Twitter Cards überprüfen?

Um weiter zu gehen, möchten Sie vielleicht einen Blick auf das Verhalten Ihrer Twitter-Karten werfen. Wir haben kürzlich eine neue Funktion entwickelt, mit der Sie die Leistung Ihrer Twitter Cards (und übrigens auch Open Graphs) ganz einfach überprüfen können. Sie können die Verteilung und Eigenschaften Ihrer Twitter Cards analysieren, Einblicke erhalten und auf URL-Details zugreifen. Dies ist ein großartiger Partner für Ihre SEO-Strategie, da es Ihre Social-Sharing-Reichweite, Klickrate und Conversions verbessert.

Starten Sie Ihre kostenlose Testversion