Möchten Sie Ihrer WordPress-Site Twitter Cards hinzufügen? Twitter Cards sind Bilder und Beschreibungen, die auf Twitter erscheinen, wenn jemand Ihre Inhalte teilt.
Es hilft dir, zu steuern, wie deine Tweets auf Twitter aussehen, durch automatisches Einfügen deines Namens in den Tweet gutgeschrieben zu werden und das Nutzerengagement zu steigern.
In diesem Artikel zeigen wir dir, wie du Twitter Cards in WordPress hinzufügst, damit deine Tweets auffallen.
Warum Twitter-Karten in WordPress verwenden?
Mit Twitter Cards kannst du deinem Tweet einen Titel, eine Zusammenfassung, ein Bild und eine Video- oder Audiodatei hinzufügen. Auf diese Weise ist es wahrscheinlicher, dass Sie mehr Klicks und Retweets erhalten.
Sie können ein Live-Beispiel sehen, indem Sie zu unserem gehen Twitter-Seite.
Der größte Vorteil von Twitter Cards besteht darin, dass die Anzahl der Personen, die Ihren Twitter-Konten durch Inhaltszuordnung folgen, erhöht wird. Oft twittern Leute über Ihre Links, ohne Ihnen die richtige Anerkennung zu geben.
Zum Beispiel retweetet @syedbalkhi einen Beitrag von @wpbeginner ohne Namensnennung und andere Leute retweeten @syedbalkhi. Dann folgen Benutzer, die diese Retweets sehen, eher @syedbalkhi als @wpbeginner.
Inhaltskuratoren tun dies oft, um die Tweet-Längen kurz zu halten und Retweets ihrer eigenen Tweets zu gewährleisten.
Mit Twitter Cards wird dieses Problem gelöst, da Sie von jedem Tweet, der Ihren Artikel erwähnt, auf Ihre Site eine Gutschrift erhalten.
Da Sie nun die Vorteile von Twitter Cards kennen, schauen wir uns an, wie Sie sie in WordPress implementieren.
Methode 1: Verwenden Sie das AIOSEO-Plugin, um Twitter-Karten hinzuzufügen
Der einfachste Weg, Twitter Cards zu Ihrer Website hinzuzufügen, ist die Verwendung der All-in-One-SEO (AIOSEO) Plugin für WordPress. Es ist das beste WordPress SEO-Plugin und wird von über 2 Millionen Websites verwendet.
Zuerst müssen Sie das AIOSEO-Plugin installieren und aktivieren. Weitere Informationen finden Sie in unserer Schritt-für-Schritt-Anleitung zur Installation eines WordPress-Plugins.
Du kannst den … benutzen kostenlose Version von AIOSEO da es eine Funktion zum Einrichten von Twitter Cards auf Ihrer WordPress-Website bietet.
Nachdem das Plugin aktiv ist, gehen Sie zu Ihrem WordPress-Administrationsbereich und navigieren Sie zu All in One SEO » Soziale Netzwerke. Klicken Sie dann auf die Registerkarte „Twitter“ und stellen Sie sicher, dass die Option „Twitter-Karte aktivieren“ aktiviert ist.
Sobald Sie Twitter Cards aktiviert haben, können Sie ihr Aussehen mit verschiedenen Einstellungen ändern.
Mit AIOSEO können Sie den Standardkartentyp für Ihre Inhalte auswählen. Das Plugin legt „Zusammenfassung“ als Standardkartentyp fest, der den Titel, die Zusammenfassung und das Miniaturbild für Ihren Inhalt anzeigt.
Sie können es jedoch im Dropdown-Menü in „Zusammenfassung mit großem Bild“ ändern und Twitter zeigt Ihren Tweet mit einem großen Bild an.
Danach müssen Sie die Standard-Post-Image-Quelle auswählen. Es ist das Bild, das Sie in Ihren Twitter Cards anzeigen möchten.
Über das Dropdown-Menü stehen verschiedene Optionen zur Auswahl. Sie können beispielsweise ein Standardbild hochladen oder auswählen, das auf der Twitter-Karte angezeigt wird, oder das vorgestellte Bild, das angehängte Bild, das erste Bild im Inhalt usw. auswählen.
Als nächstes fügen Sie ein Standard-Post-Twitter-Image hinzu, das als Backup verwendet wird, falls Ihr Inhalt kein Bild enthält.
Wenn die Bildquelle Ihres Beitrags beispielsweise ein vorgestelltes Bild ist, dem Beitrag jedoch ein vorgestelltes Bild fehlt, verwendet Twitter stattdessen das Standardbild.
Abgesehen davon bietet AIOSEO mehr Optionen, um zusätzliche Daten wie den Autor des Beitrags und die Zeit, die zum Lesen eines Artikels benötigt wird, anzuzeigen.
Es gibt auch eine Option zum Festlegen der Bildquelle für den Standardbegriff, aber Sie müssen AIOSEO Pro oder eine höhere Lizenz um diese Funktion zu nutzen.
Wenn Sie jetzt nach unten scrollen, sehen Sie die Startseiteneinstellungen für Twitter. Das Plugin zeigt eine Vorschau davon, wie Ihre Homepage in einer Twitter-Karte aussehen wird.
In diesem Abschnitt können Sie den Kartentyp ändern und ein Startseitenbild hinzufügen. Es ähnelt den Schritten, die wir zuvor gezeigt haben, aber der einzige Unterschied besteht darin, dass diese Einstellungen für Ihre Startseite gelten.
Geben Sie als Nächstes einen Titel und eine Beschreibung der Startseite ein, die auf der Twitter-Karte angezeigt werden.
Klicken Sie anschließend auf die Schaltfläche „Änderungen speichern“.
Abgesehen davon können Sie mit AIOSEO auch die Twitter Card-Einstellungen für einzelne Beiträge und Seiten ändern.
Bearbeiten Sie dazu einen beliebigen Blogbeitrag oder eine beliebige Seite und scrollen Sie dann im Inhaltseditor nach unten zu den AIOSEO-Einstellungen. Klicken Sie nun auf den Reiter „Social“ und wählen Sie „Twitter“.
Das Plugin zeigt eine Vorschau der Twitter Card Ihres Beitrags an und bietet Ihnen die Möglichkeit, Daten aus dem Facebook-Tab zu verwenden. Außerdem können Sie den Twitter-Titel und die Beschreibung bearbeiten.
Sie können einen neuen Titel und eine neue Beschreibung schreiben oder Smarttags verwenden. Wenn Sie beispielsweise das Tag ‚+ Post Title‘ unter Twitter Title verwenden, verwendet AIOSEO automatisch den Titel Ihres Posts in der Twitter Card.
Scrollen Sie anschließend nach unten und wählen Sie die Bildquelle für Ihre Twitter-Karte aus. Verwenden Sie das Dropdown-Menü, um das Bild auszuwählen, das Sie für Ihren Beitrag anzeigen möchten, z. B. ein vorgestelltes Bild, ein angehängtes Bild, das erste Bild im Inhalt usw.
Schließlich können Sie den Twitter-Kartentyp aus dem Dropdown-Menü auswählen. Standardmäßig setzt AIOSEO es auf ‚Zusammenfassung‘, aber Sie können es auf ‚Zusammenfassung mit großem Bild‘ ändern.
Als nächstes aktualisieren oder veröffentlichen Sie Ihren Blogbeitrag. Sie haben Twitter Cards nun erfolgreich zu Ihrer WordPress-Website hinzugefügt.
Methode 2: Twitter-Karten in WordPress hinzufügen (Code-Methode)
Diese Methode erfordert das Hinzufügen von Code zu Ihren Design- oder untergeordneten Designdateien. Öffnen Sie einfach die Datei header.php und fügen Sie diesen Code kurz vor dem hinzu </head>
Schild.
<?php #twitter cards hack if(is_single() || is_page()) { $twitter_url = get_permalink(); $twitter_title = get_the_title(); $twitter_desc = get_the_excerpt(); $twitter_thumbs = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), full ); $twitter_thumb = $twitter_thumbs[0]; if(!$twitter_thumb) { $twitter_thumb = 'http://www.gravatar.com/avatar/8eb9ee80d39f13cbbad56da88ef3a6ee?rating=PG&size=75'; } $twitter_name = str_replace('@', '', get_the_author_meta('twitter')); ?> <meta name="twitter:card" value="summary" /> <meta name="twitter:url" value="<?php echo $twitter_url; ?>" /> <meta name="twitter:title" value="<?php echo $twitter_title; ?>" /> <meta name="twitter:description" value="<?php echo $twitter_desc; ?>" /> <meta name="twitter:image" value="<?php echo $twitter_thumb; ?>" /> <meta name="twitter:site" value="@libdemvoice" /> <? if($twitter_name) { ?> <meta name="twitter:creator" value="@<?php echo $twitter_name; ?>" /> <? } } ?>
Wenn Sie nicht wissen, wie Sie mit PHP arbeiten oder Probleme mit Methode 2 haben, verwenden Sie bitte Methode 1.
Testen und validieren Sie Ihre Twitter-Karten
Bevor Links von Ihrer WordPress-Site anfangen, Twitter Cards anzuzeigen, müssen Sie sie zuerst im Twitter Card Validator überprüfen.
Gehen Sie einfach zum Kartenprüfer Seite auf der Twitter-Entwickler-Website. Geben Sie die URL eines beliebigen Beitrags von Ihrer WordPress-Site ein und klicken Sie auf die Schaltfläche für die Vorschaukarte.
Twitter zeigt Ihnen eine Vorschau Ihrer Twitter-Karte.
Aktualisieren: Bisher musste man sich für die Teilnahme an den Twitter Cards bewerben. Twitter hat jedoch ein System implementiert, das Domänen automatisch auf die Whitelist setzt, wenn Sie sie mit dem Validator testen oder einfach eine URL auf Twitter teilen.
Wir hoffen, dieser Artikel hat Ihnen geholfen, Twitter-Karten in WordPress hinzuzufügen. Vielleicht möchten Sie auch unsere Liste der besten Twitter-Plugins für WordPress und unsere Expertenauswahl der WordPress-Plugins sehen, die Sie für das Wachstum Ihrer Website benötigen.