Anfängerhandbuch zum Hinzufügen von Twitter-Karten in WordPress

Anfängerhandbuch zum Hinzufügen von Twitter-Karten in WordPress / Tutorials

Möchten Sie Twitter-Karten zu Ihrer WordPress-Site hinzufügen? Mit Twitter Cards können Sie Rich Media mit Tweets verknüpfen, die mit Ihren Inhalten verknüpft sind. Dies ähnelt dem Freigeben eines Links auf Facebook, der automatisch eine Vorschau mit Titel, Zusammenfassung und Miniaturansicht Ihres Seiteninhalts anzeigt. In diesem Artikel zeigen wir Ihnen, wie Sie in WordPress Twitter-Karten hinzufügen.

Wie funktionieren Twitter-Karten??

Wenn Ihr Tweet einen Link zu einer Website hat, auf der Twitter-Karten aktiviert sind, können Sie die Zusammenfassung anzeigen. Immer wenn ein anderer Benutzer auf den Tweet klickt, wird diese Zusammenfassung wie in der Abbildung unten angezeigt. Das Live-Beispiel finden Sie auf unserer Twitter-Seite.

Der größte Vorteil von Twitter-Karten besteht darin, dass durch die Inhaltszuordnung die Anzahl der Personen erhöht wird, die Ihren Twitter-Konten folgen. Oft twittern Leute Ihre Links, ohne Ihnen die richtige Zuordnung zu geben.

Wir haben dies speziell von einigen beliebten Kuratoren für Inhalte festgestellt. Sie werden unsere Artikel ohne @wpbeginner oder RT @wpbeginner twittern. Dies ist ihr Recht, aber wir / Sie als Publisher versäumen es besonders, wenn andere Personen Ihre Inhalte mit den Attributen anderer veröffentlichen.

Zum Beispiel sendet @syedbalkhi einen Beitrag von @wpbeginner ohne Zuschreibung zurück, und andere senden @syedbalkhi erneut. Nutzer, die sich diese Retweets ansehen, folgen eher @syedbalkhi als @wpbeginner.

Kursteilnehmer tun dies oft, um die Länge des Tweets kurz zu halten und Retweets ihrer eigenen Tweets sicherzustellen. Mit Twitter-Karten wird dieses Problem gelöst, da Sie von jedem Tweet, der Ihren Artikel erwähnt, Gutschriften für Ihre Website erhalten. Hinweis: Wir wählen keine Inhaltskuratoren aus. Dies ist ein Fehler von 140 Zeichen, und Twitter hilft, ihn mit Twitter-Karten zu beheben.

Als Annie zum Beispiel unseren Artikel twitterte, erwähnte sie @wpbeginner nicht. Durch die Integration unserer Twitter-Karten haben wir jedoch volle Bonität und Bekanntheit erhalten. Beachten Sie auch, wie es einen Ein-Klick-Button gibt.

Nun, da Sie die Vorteile von Twitter-Karten kennen, können Sie einen Blick auf die Implementierung in WordPress werfen.

Hinzufügen von Twitter-Karten in WordPress

Es gibt zwei Möglichkeiten, Twitter-Karten in WordPress hinzuzufügen. Schauen wir uns beide an.

Methode 1: Yoast SEO-Plugin

Wenn Sie WordPress SEO by Yoast plugin verwenden, haben Sie Glück. Yoast verfügt über eine integrierte Integration für Twitter-Karten, sodass das Einschalten nur wenige Klicks erfordert.

Gehen Sie einfach zur "Social" -Seite der Yoast SEO-Einstellungsseite. Geben Sie Ihren Twitter-Benutzernamen ein und speichern Sie die Änderungen.

Danach klicken Sie auf die Registerkarte Twitter. Auf der Registerkarte "Twitter" müssen Sie das Kontrollkästchen "Metadaten der Twitter-Karte hinzufügen" aktivieren. Wählen Sie einen Standardkartentyp zur Auswahl. Sie können die Zusammenfassung oder die Zusammenfassung mit einem großen Bild anzeigen.

Das nächste, was Sie tun müssen, ist zu gehen Benutzer "Mein Profil Seite. Für Ihren Twitter-Benutzernamen wird ein neues Feld unter "Kontaktinformationen" angezeigt. Geben Sie dort Ihren Twitter-Benutzernamen ein.

Wenn Sie eine Website mit mehreren Autoren betreiben, empfehlen Sie Ihren Autoren, diesen Teil in ihrem Profil auszufüllen. Auf diese Weise erhält jeder einzelne Autor auch Anerkennung für seine Arbeit. Siehe das Beispiel unten:

Das ist alles, was Sie erfolgreich Twitter Cards-Metatags zu Ihrer WordPress-Site hinzugefügt haben.

Diese Methode ist bei weitem die einfachste Methode. Da wir WordPress SEO von Yoast auf allen unseren Websites verwenden, verwenden wir diese Methode.

Methode 2: Hard Code selbst

Diese Methode erfordert, dass Sie Ihrem Design oder den untergeordneten Designdateien Code hinzufügen. Öffnen Sie einfach die Datei header.php und fügen Sie diesen Code unmittelbar vor dem ein Etikett.

 ID), voll); $ 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'));?>          

Quelle: Ryan Cullen @artesea

Wenn Sie nicht wissen, wie Sie mit PHP arbeiten oder Probleme mit Methode 2 haben, verwenden Sie bitte Methode 1.

Letzter Schritt: Testen und bestätigen

Bevor Links von Ihrer WordPress-Site mit dem Anzeigen von Twitter-Karten beginnen, müssen Sie sie zunächst in Twitter Card Validator überprüfen.

Besuchen Sie einfach die Card Validator-Seite auf der Entwickler-Website von Twitter. Geben Sie die URL eines Beitrags von Ihrer WordPress-Site ein und klicken Sie auf die Schaltfläche "Vorschau".

Twitter zeigt Ihnen eine Vorschau Ihrer Twitter-Karte.

Aktualisieren: Zuvor mussten Sie sich für die Teilnahme an den Twitter Cards anmelden. Twitter hat jedoch ein System implementiert, das Domänen automatisch Whitelists hinzufügt, wenn Sie diese mit dem Prüfer testen oder einfach eine URL auf Twitter freigeben.

Wir hoffen, dass dieser Artikel Ihnen beim Hinzufügen von Twitter-Karten in WordPress geholfen hat. Vielleicht möchten Sie auch unsere Liste der 10 meistgesuchten Twitter-Hacks und Plugins für WordPress sehen.

Wenn Ihnen dieser Artikel gefallen hat, abonnieren Sie bitte unsere Video-Tutorials für unseren YouTube-Kanal für WordPress. Sie finden uns auch auf Twitter und Facebook.