So fügen Sie X (Twitter)-Karten zu Ihrer Website hinzu (Schritt-für-Schritt-Anleitung)

Wenn Sie daran arbeiten, Ihr Unternehmen, Ihren Blog oder Ihre Online-Präsenz auszubauen, nutzen Sie wahrscheinlich soziale Medien, und X (Twitter) gehört wahrscheinlich dazu.

Als Experte für digitales Marketing weiß ich, dass es ein ständiges Ziel ist, dafür zu sorgen, dass die eigenen Inhalte auf Plattformen wie X wahrgenommen werden.

Wenn du auf X einen Link zu deiner Website teilst, möchtest du, dass er auffällt und die Aufmerksamkeit der Nutzer auf sich zieht. Hier kommen X (Twitter)-Cards ins Spiel. Sie verwandeln deine normalen Tweet-Links in aussagekräftige Vorschauen, oft mit Bildern, Titeln und Beschreibungen.

Wenn Sie die Links auf Ihrer Website auf X effektiver und optisch ansprechender gestalten möchten, sind Sie hier genau richtig.

In dieser Schritt-für-Schritt-Anleitung zeige ich Ihnen genau, wie Sie X Cards zu Ihrer Website hinzufügen können. Ich werde Ihnen den einfachen Vorgang vorstellen, mit dem ich X Cards in WordPress eingerichtet habe, damit Sie jeden Website-Link, den Sie auf X teilen, noch effektiver für sich nutzen können.

In diesem Artikel

Warum Sie X (Twitter)-Karten für Ihre Website nutzen sollten

Wenn Sie mit Ihrer Marke viele neue Menschen erreichen möchten, kann X (Twitter) ein fantastischer Ort dafür sein.

Schließlich hat X laut unseren Untersuchungen zu Statistiken im Bereich Social-Media-Marketing über 330 Millionen Nutzer – es handelt sich also um eine riesige Social-Media-Plattform mit unzähligen potenziellen Kunden.

Der Einstieg bei X kann jedoch schwierig sein – vor allem, wenn Ihre Marke noch nicht über eine große Fangemeinde in den sozialen Medien verfügt.

Eine einfache und effektive Möglichkeit dafür ist das Einbinden von X-Karten auf Ihrer Website. So können die Besucher Ihrer Website ganz einfach Ihre Tweets ansehen und Ihnen folgen.

Hier sind noch ein paar weitere Möglichkeiten, wie Sie X Cards für Ihre Website nutzen können:

• Indem Sie relevante Tweets einbetten, können Sie die Aufmerksamkeit der Besucher wecken und sie auf Ihrer Website halten.
• Sie können Tweets mit den neuesten Nachrichten und Ankündigungen über Ihre Marke veröffentlichen und Ihre Besucher auf einfache Weise informieren.
• Wenn du deine X-Timeline anzeigst, zeigst du anderen außerdem, dass du aktiv auf X postest, was bedeutet, dass sie sich dort wahrscheinlich bei dir melden werden. Das hilft dir zudem dabei, mehr Retweets zu erhalten.
• Wenn Sie Ihren Umsatz steigern möchten, können Sie mit X Cards Bewertungen Ihrer Produkte einbinden und so mehr Menschen zum Kauf bewegen

Und das ist erst der Anfang. X Cards können eine fantastische Möglichkeit sein, in das Social-Media-Marketing einzusteigen, Ihre Follower zu begeistern und Ihr Unternehmen auszubauen.

Schauen wir uns einmal an, wie Sie am einfachsten damit beginnen können, X-Inhalte auf Ihrer Website anzuzeigen.

So fügen Sie X (Twitter)-Karten zu Ihrer Website hinzu (auf einfache Weise)

Wenn Sie den Besuchern Ihrer Website X Cards anzeigen möchten, ist die Verwendung eines WordPress-Plugins die beste Lösung.

Auf diese Weise kannst du so viele X-Inhalte (Twitter) einbinden, wie du möchtest – ganz ohne Programmierkenntnisse.

Und das beste Plugin, um Tweets auf Ihrer Website anzuzeigen, ist „X (Twitter) Feed Pro“.

Mit diesem Plugin können Sie ganz einfach X Cards zu Ihrer Website hinzufügen und Ihre Besucher im Handumdrehen ansprechen.

X (Twitter) Feed Pro ist das beste X (Twitter)-Feed-Plugin für WordPress. Es wurde entwickelt, um die Darstellung Ihrer ansprechenden X-Inhalte zu vereinfachen und das Interesse Ihrer Website-Besucher an Ihrer Social-Media-Präsenz aufrechtzuerhalten. Dabei unterstützt es Sie bei Ihren Bemühungen, Ihre X-Strategie zu verbessern, beispielsweise durch den Einsatz von X-Karten.

Mit nur wenigen Klicks können Sie einen Feed mit X-Karten erstellen, anpassen und in Ihre Website einbinden.

Genauso wie die Einrichtung von X Cards unkompliziert ist, geht auch der Einstieg in X (Twitter) Feed Pro schnell und einfach. Für beides ist keine komplizierte Programmierung erforderlich.

Außerdem stehen dir unzählige Optionen zur Auswahl, wenn es darum geht, welche Art von X-Inhalten du zeigen möchtest.

Sie können Tweets aus den Timelines der Nutzer anzeigen, ausgewählte X-Hashtags einbetten, X-Suchergebnisse anzeigen und vieles mehr.

Und das Beste daran? Ihre X-Karten passen sich mithilfe des Plugins automatisch an das Design Ihrer Website an. So fügen sich die X-Inhalte nahtlos in Ihr Branding ein.

Eine Sache, die ich an X (Twitter) Feed Pro besonders schätze, ist der visuelle Feed-Konfigurator.

Damit können Sie ganz einfach festlegen, wie Ihr X-Feed (Twitter) aussieht und welche Inhalte darin angezeigt werden. So haben Sie die volle Kontrolle über die X-Integration Ihrer Website – genau wie Sie mit X Cards das Erscheinungsbild Ihrer Links steuern.

Mit nur wenigen Klicks können Sie Ihr Layout, Farbschema, Schaltflächendesign, Kopfzeilenstil und vieles mehr festlegen.

Außerdem wird dieses Plugin von einem Team von WordPress-Experten unterstützt, die immer bereit sind, Ihnen zu helfen.

Wie Sie sehen können, ist „X (Twitter) Feed Pro“ wirklich das beste Plugin, um X-Inhalte in Ihre Website einzubinden.

Einige der größten Marken der Welt nutzen Smash Balloon, um Social Media Feeds in ihre Websites einzubinden.

Möchtest du X-Karten zu deiner Website hinzufügen? Hol dir hier deine Version von X (Twitter) Feed Pro.

Schauen wir uns nun an, wie Sie das Plugin nutzen können, um X Cards zu Ihrer Website hinzuzufügen.

Schritt 1: Lade das Plugin „X (Twitter) Feed Pro“ herunter

Laden Sie sich zunächst das Plugin „X (Twitter) Feed Pro“ herunter und installieren Sie es anschließend auf Ihrem Computer.

Danach können Sie das Plugin einfach auf Ihrer Website installieren und aktivieren.

Wenn Sie dabei Hilfe brauchen, schauen Sie sich diese Anleitung an, in der Schritt für Schritt erklärt wird, wie man ein WordPress-Plugin installiert.

Sobald Sie das Plugin installiert und aktiviert haben, können Sie mit Schritt 2 fortfahren.

Schritt 2: Einen neuen X-Feed (Twitter) erstellen

Nachdem Ihr Plugin nun fertig ist, können Sie es nutzen, um einen neuen X-Feed (Twitter) auf Ihrer Website zu erstellen.

Mit diesem Feed kannst du unzählige X (Twitter)-Karten auf einmal anzeigen.

Navigieren Sie in Ihrem Dashboard zum Menü „X (Twitter)-Feed“ » „Alle Feeds“ , um loszulegen.

Erstellen Sie nun einen neuen Feed, indem Sie auf die Schaltfläche Neu hinzufügen klicken.

Anschließend kannst du auswählen, welche Art von X-Inhalten (Twitter) du auf deinen Karten anzeigen möchtest. Hier sind die Optionen, aus denen du wählen kannst:

• Benutzer-Timeline: Eine X-Timeline in Ihre Website einbetten
• Hashtag: X Beiträge mit einem ausgewählten Hashtag anzeigen
• Startseite Zeitleiste: Anzeige der Tweets von Ihrer Homepage
• Suchen: Wählen Sie einen Suchbegriff und betten Sie Tweets mit diesem Begriff ein
• Erwähnungen: Tweets anzeigen, die Ihr Profil markieren
• Listen: X-Listen auf Ihrer Websiteeinbetten

Wählen Sie aus dieser Liste die von Ihnen bevorzugte Option aus und klicken Sie auf die Schaltfläche Weiter .

In diesem Beispiel verwenden wir den Feed-Typ "Benutzerzeitleiste ".

Wie Sie sehen, können Sie mit diesem Plugin mit nur wenigen Klicks einen X-Feed (Twitter) erstellen,

In Schritt 3 können Sie diesen Feed mit X verknüpfen, damit X-Karten auf Ihrer Website angezeigt werden können.

Schritt 3: Verbinden Sie Ihr X (Twitter)-Konto

Um X (Twitter)-Karten einzubetten, kannst du diesen neuen Feed mit deinem X-Konto verknüpfen.

Klicken Sie dazu auf die Schaltfläche Verbinden , um loszulegen.

Das Plugin öffnet dann X, damit Sie die Verbindung Ihres Kontos herstellen können. Dazu können Sie dem Plugin einfach Lesezugriff gewähren.

Auf diese Weise ist Ihr X-Konto vollkommen sicher, da das Plugin lediglich X-Daten einsehen kann und keinerlei Änderungen vornehmen kann.

Um dein X-Konto zu verknüpfen, klicke hier auf „App autorisieren “.

Nachdem Sie nun Ihr X-Konto verknüpft haben, ist es an der Zeit, die Quelle hinzuzufügen.

Als Quelle kommen das X-Profil, Hashtags, Listen, Suchbegriffe und benutzerdefinierte X-Inhalte in Frage, die Sie auf Ihrer Website anzeigen möchten.

Hier haben wir das @starbucks X-Profil als Quelle hinzugefügt. Dadurch werden X-Karten aus dem Profil dieses Nutzers angezeigt.

Nachdem Sie die Quelle in das Popup eingegeben haben, klicken Sie auf die Schaltfläche Weiter .

Damit können Sie zu Schritt 4 übergehen und das Erscheinungsbild Ihrer X-Karten auf Ihrer Website anpassen.

Schritt 4: Passen Sie Ihren X-Feed (Twitter) an

Zu Beginn können Sie ein vorgefertigtes Design für Ihre X (Twitter)-Karten importieren. Hier sind die 6 Optionen, aus denen Sie wählen können:

• Standard
• Mauerwerk-Karten
• Einfaches Karussell
• Einfache Karten
• Schaukasten-Karussell
• Letzter Tweet
• Widget

Nachdem Sie die Vorlage ausgewählt haben, klicken Sie auf Weiter, um fortzufahren.

Anschließend leitet Sie X (Twitter) Feed Pro zum Live-Feed-Editor weiter. Von dort aus können Sie das Layout, die Farben, das Design der Schaltflächen, die Lightbox, das Design der Kopfzeile und vieles mehr für Ihre X Cards anpassen.

Rechts sehen Sie eine Live-Vorschau, die zeigt, wie die X-Karten auf Ihrer Website aussehen werden.

Um mit der individuellen Anpassung zu beginnen, können Sie das Layout der X-Karten auf Ihrer Website ändern.

Klicken Sie dazu auf die Option Feed-Layout.

Anschließend können Sie zwischen drei Layouts für Ihre X-Karten wählen: „Liste“, „Masonry“ und „Karussell“.

Schauen wir sie uns im Folgenden an:

Mit dem Listenlayout können Sie Ihre X-Karten in einer einzigen Spalte anzeigen – genau wie auf der offiziellen Website von X (Twitter).

Auf diese Weise ist jede X-Karte auf Ihrer Website gut sichtbar.

Als Nächstes gibt es das „Masonry“-Layout , mit dem X Cards in mehreren Spalten angezeigt werden können.

Das ist eine tolle Möglichkeit, jede Menge X-Karten auf einmal zu zeigen.

Sie können auch das Karussell-Layout auswählen und eine Diashow mit X-Karten in Ihre Website einbetten.

Mit diesem Layout können Sie Ihre Website noch interaktiver gestalten.

Nachdem Sie das Layout für Ihren X (Twitter)-Feed ausgewählt haben, klicken Sie oben auf die Schaltfläche „Speichern “.

Anschließend kannst du die Gestaltung deines X-Feeds (Twitter) weiter anpassen, indem du oben auf die Schaltfläche „Anpassen“ klickst.

Jetzt kannst du den Live-Feed-Editor nutzen, um die Farben deines X (Twitter)-Feeds anzupassen.

Klicken Sie auf die Option Farbschema auf der linken Seite, um zu beginnen.

Um Ihre Farben zu ändern, können Sie hier einfach zwischen 4 verschiedenen Farbschemata wählen:

• Vererben von Theme: Kopieren Sie die Farben Ihres WordPress-Themas
• Hell: Ein heller Hintergrund mit dunkler Schriftfarbe
• Dunkel: Dunkler Hintergrund über einer hellen Schriftfarbe
• Benutzerdefiniert: Wählen Sie manuell alle Farben selbst aus

Sobald Sie Ihr Farbschema ausgewählt haben, klicken Sie auf die Schaltfläche Speichern.

Mit den verbleibenden Anpassungsoptionen können Sie die Kopfzeile, das Design der Schaltflächen, die Größe des Feeds und vieles mehr mit nur wenigen Klicks ändern.

Klicken Sie abschließend auf die Schaltfläche „Speichern“ , um das neue Design Ihres X-Feeds (Twitter) zu bestätigen.

Anschließend können Sie zum letzten Schritt übergehen und mit der Einbindung Ihrer X-Karten auf Ihrer Website beginnen.

Schritt 5: Binden Sie Ihre X-Karten (Twitter-Karten) in Ihre Website ein

Nachdem Sie nun das Aussehen der X-Karten angepasst haben, ist es an der Zeit, sie in Ihre WordPress-Website einzubinden

Mit diesem Plugin können Sie das auf 2 Arten tun:

• X-Karten auf einer WordPress-Seite einbetten
• X-Karten in die Seitenleiste oder Fußzeile von WordPress einbetten

Schauen wir uns die beiden folgenden Methoden an.

X (Twitter)-Karten auf einer WordPress-Seite einbetten

Mit dem Live-Feed-Editor können Sie Ihre X-Cards ganz einfach mit wenigen Klicks einbinden – ganz ohne Programmierkenntnisse.

Klicken Sie oben auf die Schaltfläche Einbetten , um loszulegen.

Sobald Sie das getan haben, erscheint ein Popup-Fenster, in dem Sie den Speicherort für Ihre X-Karten auswählen können.

Klicken Sie hier auf Zu einer Seite hinzufügen , um fortzufahren.

Als Nächstes wird eine Liste aller WordPress-Seiten Ihrer Website angezeigt. Sie können nun die Seite auswählen, auf der Sie die X Cards einbetten möchten.

Klicken Sie anschließend auf Hinzufügen, um fortzufahren.

X (Twitter) Feed Pro öffnet diese Seite nun im WordPress-Editor. Hier können Sie einen neuen Inhaltsblock hinzufügen, indem Sie auf das Plus-Symbol (+) klicken.

Gib „X (Twitter) Feed“ in die Suchleiste oben ein, um hier nach dem passenden Inhaltsblock zu suchen.

Klicken Sie anschließend in der Liste der Optionen unten auf den Block „X (Twitter)-Feed “.

Klicken Sie abschließend auf die Schaltfläche „Aktualisieren“ , und Ihre X-Karten werden auf Ihrer Website angezeigt.

Um zu sehen, wie es aussieht, können Sie einfach Ihre Website öffnen und sich selbst davon überzeugen.

Schauen wir uns nun eine weitere Möglichkeit an, wie Sie mit „X (Twitter) Feed Pro“ X-Karten zu Ihrer Website hinzufügen können.

X-Feeds (Twitter) in die WordPress-Seitenleiste oder Fußzeile einbetten

Mit dieser Methode können Sie X (Twitter)-Karten als X (Twitter)-Widget in Ihre WordPress-Seitenleiste oder Fußzeile einbinden.

Sie können dafür auch den Live-Feed-Editor verwenden.

Navigieren Sie zunächst in Ihrem WordPress-Dashboard zum Menü „X (Twitter)-Feed“ » „Alle Feeds “.

Anschließend wird eine Liste aller X (Twitter)-Feeds auf Ihrer Website angezeigt. Klicken Sie nun auf den X (Twitter)-Feed, den Sie einbetten möchten.

Dadurch wird der Live-Feed-Editor erneut geöffnet. Klicken Sie einfach auf die Schaltfläche „Einbetten“ , um mit der Einbettung Ihrer X-Cards zu beginnen.

Klicken Sie im Popup-Fenster auf die Schaltfläche Zu einem Widget hinzufügen , um fortzufahren.

Dadurch gelangen Sie zur Seite mit den WordPress-Widgets, auf der Sie Ihr X-Widget hinzufügen können.

Hier können Sie zwischen der Seitenleiste und der Fußzeile für Ihre X-Karten wählen.

Möchten Sie X Karten in der Seitenleiste Ihrer Website anzeigen?

Klicken Sie einfach auf das Feld Sidebar .

Oder Sie können festlegen, dass X Karten in der Fußzeile angezeigt werden.

Klicken Sie stattdessen auf ein Fußzeilenfeld.

Nun können Sie ein neues Widget hinzufügen, indem Sie auf das Plus-Symbol (+) am unteren Rand klicken.

Wählen Sie anschließend aus den Optionen das Widget„X (Twitter)-Feed“ aus.

Abschließend können Sie auf Aktualisieren klicken, um die Änderungen zu speichern.

Und schon haben Sie X Cards zu den Widget-fähigen Bereichen Ihrer Website hinzugefügt. Sie können sich das Ergebnis ansehen, indem Sie Ihre Website öffnen.

Alles in allem ist „X (Twitter) Feed Pro“ das beste Plugin, wenn Sie ganz einfach X-Inhalte auf Ihrer Website einbinden möchten.

Schauen wir uns nun an, wie Sie X Cards ohne Plugin einbetten können.

X (Twitter)-Karten manuell für Ihre Website hinzufügen

Sie können X Cards auch manuell zu Ihrer Website hinzufügen, ganz ohne Plugin.

Daher kann es deutlich zeitaufwändiger sein, wenn Sie sich für diese Methode entscheiden. Schließlich müssen Sie den X (Twitter)-Einbettungscode manuell erstellen und auf Ihrer Website einfügen.

Außerdem gibt es hier keine Anpassungsmöglichkeiten, sodass Ihre X-Karten möglicherweise nicht zu Ihrem Corporate Design passen.

Wenn Sie das Aussehen der X-Karten ändern möchten, müssen Sie den Code selbst anpassen oder einen Entwickler beauftragen.

Außerdem steht Ihnen kein Support-Team wie bei X (Twitter) Feed Pro zur Verfügung. Sollten beim Einfügen des Einbettungscodes auf Ihrer Website Fehler auftreten, können Sie kein Support-Team um Hilfe bitten.

Dann lassen Sie uns gleich loslegen und schauen, wie Sie X-Karten manuell für Ihre Website hinzufügen können.

Schritt 1: Besuchen Sie Twitter Publish

Um loszulegen, öffnen Sie publish.twitter.com in Ihrem Browser, um die Twitter Publish-Website aufzurufen.

Hier können Sie den Twitter-Card-Generator nutzen, um einen HTML-Einbettungscode für X-Inhalte (Twitter) zu erstellen.

Schritt 2: Wählen Sie Ihren Einbettungstyp

Wenn Sie nach unten scrollen, finden Sie 3 verschiedene Einbettungsoptionen:

• Twitter einbetten: Fügen Sie eine einzelne X (Twitter)-Karte zu Ihrer Website hinzu
• Eingebettete Zeitleiste: X Karten aus einer bestimmten Zeitleiste anzeigen
• Twitter-Schaltflächen: X-Schaltflächen (Twitter) einbetten

Für unser Beispiel wählen wir die Option " eingebettete Zeitleiste ".

Schritt 3: Füge deine X-URL (Twitter) ein

Anschließend erscheint ein Popup-Fenster mit dem Twitter-Karten-Generator. Dort kannst du einfach die URL der X-Timeline eingeben, die du einbetten möchtest.

Nachdem Sie die URL der X-Timeline in das Popup-Fenster eingefügt haben, klicken Sie auf die Schaltfläche „Vorschau“, um fortzufahren.

Schritt 4: Kopieren Sie den HTML-Code

Schließlich können Sie den HTML-Code für Ihre X (Twitter)-Karten einsehen. Außerdem können Sie sich eine Vorschau anzeigen lassen, wie die X-Karten auf Ihrer Website aussehen werden.

Um fortzufahren, klicken Sie auf die Schaltfläche Code kopieren .

Schließlich können Sie diesen Code verwenden, um die X-Karten im nächsten Schritt einzubinden.

Schritt 5: Hinzufügen des HTML-Codes zu WordPress

Sie können nun den HTML-Einbettungscode in Ihre WordPress-Seite oder Ihren Beitrag einfügen.

Um eine WordPress-Seite zu verwenden, klicken Sie in Ihrem Dashboard auf das Menü Seiten " Neu hinzufügen .

Sie können auch das Menü Beiträge " Neu hinzufügen in Ihrem Dashboard öffnen, um den WordPress-Beitrag zu verwenden.

In diesem Beispiel nehmen wir eine WordPress-Seite.

Fügen Sie nun einen Inhaltsblock auf der Seite oder im Beitrag hinzu, indem Sie auf das Pluszeichen (+) klicken.

Suchen Sie schließlich die Suchleiste am oberen Rand und schreiben Sie "custom html" hinein.

Wählen Sie dann den benutzerdefinierten HTML-Block aus den unten stehenden Optionen aus.

Jetzt können Sie den kopierten Einbettungscode für X (Twitter) in den HTML-Block einfügen.

Auf diese Weise werden die X (Twitter)-Karten auf Ihrer Website eingebettet.

Klicken Sie abschließend auf „Veröffentlichen“, um Ihre Änderungen zu speichern – schon sind die X-Karten online.

Öffnen Sie einfach Ihre Website, um zu sehen, wie die X-Karten aussehen.

Wenn Sie jedoch nur eine einzige X-Karte einbetten möchten, ist das etwas einfacher.

Kopieren Sie zunächst Ihre X-URL und kehren Sie dann zu Ihrer WordPress-Website zurück. Fügen Sie anschließend die URL einfach in Ihren Beitrag oder auf Ihrer Seite ein .

Klicken Sie wie zuvor auf „Veröffentlichen“, um Ihre Änderungen zu bestätigen, und schon ist Ihre neue X-Card online.

Und da haben Sie es!

Wie du siehst, ist es kinderleicht, mit einem WordPress-Plugin X-Karten auf deiner Website einzubinden. Mit „X (Twitter) Feed Pro“ kannst du mit nur wenigen Klicks X-Inhalte anzeigen – selbst wenn du noch ein WordPress-Neuling bist.

So können Sie Ihre Fangemeinde in den sozialen Medien vergrößern, die Besucher Ihrer Website ansprechen und Ihren Umsatz steigern.

Wenn Sie X für Ihre Marke optimal nutzen möchten, sehen Sie sich unsere Liste der besten Möglichkeiten an , mit X Geld zu verdienen.

Haben Sie eine Elementor-Website? Hier erfahren Sie, wie Sie einen X-Feed (Twitter) in Ihre Elementor-Website einbinden können.

Wenn dir dieses Tutorial weitergeholfen hat, folge uns aufFacebookundX, um weitere hilfreiche Tipps zum Social-Media-Marketing zu erhalten.