Optimierung Webseite: Twitter Cards, Open Graph, Rich Snippets

Optimierung Ihrer Webseite Teil 3: Twitter Cards, Open Graph und strukturierte Daten (Rich Snippets)

Mit unseren günstigen Webhosting-Paketen und preiswerten Domains haben Sie bereits optimale Voraussetzungen geschaffen, um Ihre Webseite bestmöglich nutzen zu können.

Im dritten Teil unserer Serie geht es heute darum, wie Sie Ihre Webseite mit Twitter Cards, Open Graph und strukturierten Daten (Rich Snippets) optimieren.

Twitter Cards

Was sind Twitter Cards und warum sollte ich diese auf meiner Webseite nutzen?
Twitter Cards sind Bilder und kurze Beschreibungen von Inhalten, die bei Twitter z.B. als Tweets geteilt werden können. Twitter Cards sollen bei Ihren Followern mehr Aufmerksamkeit erzeugen, da diese einen kleinen Anreissertext und ein Bild anzeigen (anstatt üblich nur reinen Text).

Durch den Klick auf eine Twitter Card gelangt der Twitter-Nutzer auf die hinterlegte Quelle (z.B. Ihre Webseite oder Ihr Blogbeitrag).

Wenn Sie Twitter aktiv nutzen, sollten Sie auf Twitter Cards nicht verzichten!

Erstellung einer Twitter Card
Bei einer Twitter Card sollten Sie als erstes überlegen, welche Art von Twitter Card Sie nutzen wollen. Unter folgenden Links können Sie die möglichen Arten einsehen:

Ryte Wiki
Twitter Developer

Nachdem Sie sich für eine Art entschieden haben, können Sie die entsprechenden Meta-Tags für die Nutzung der Twitter Card erstellen. Hilfe hierzu finden Sie unter folgenden Links:

Ryte Wiki
ContentKing
Twitter Developer

In diesem Blogbeitrag sieht unsere Twitter Card z.B. so aus:

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@Rainbow_Web_com">
<meta name="twitter:title" content="Optimierung Ihrer Webseite Teil 3">
<meta name="twitter:description" content="Optimieren Sie mit unseren günstigen Webhosting-Paketen und preiswerten Domains Ihre Webseite.">
<meta name="twitter:image" content="https://www.rainbow-web.com/images/blog/optimierung-webseite.jpg">

Twitter Card in Ihre Webseite einbinden
Nach der Erstellung Ihrer Twitter Card muss diese jetzt noch in Ihre Webseite integriert werden. Anleitungen hierzu finden Sie unter folgenden Links:

Ryte Wiki
Twitter Developer

Twitter Card testen
Nach der Integration in Ihre Webseite, sollten Sie die korrekte Anzeige Ihrer Twitter Card testen. Dieses können Sie unter folgenden Links:

Twitter Card Validator
iframely Debugger

Open Graph Protocol

Wenn Sie noch andere Social Media Plattformen nutzen (z.B. Facebook oder LinkedIn) sollten Sie sich auch das "Open Graph Protocol" anschauen. Einige Anleitungen hierzu finden Sie unter folgenden Links:

Ryte Magazine
XOVI SEO Blog
ogp.me

In diesem Blogbeitrag nutzen wir z.B. folgende Open Graph Tags:

<meta property="og:image" content="https://www.rainbow-web.com/images/blog/optimierung-webseite.jpg">
<meta property="og:title" content="Optimierung Ihrer Webseite Teil 3: Twitter Cards, Open Graph und strukturierte Daten (Rich Snippets)">
<meta property="og:url" content="https://www.rainbow-web.com/blog/post-optimierung-webseite-teil3">
<meta property="og:type" content="article">

Open Graph testen
Nach der Integration in Ihre Webseite, sollten Sie die korrekte Anzeige Ihrer Open Graph Daten testen. Dieses können Sie unter folgenden Links:

LinkedIn Post Inspector
Facebook Sharing Debugger
iframely Debugger

Strukturierte Daten (Rich Snippets)

Was sind strukturierte Daten (Rich Snippets) und warum sollte ich diese auf meiner Webseite verwenden?
Strukturierte Daten (Rich Snippets) sind zusätzliche Informationen (z.B. News-Artikel, Bewertungssterne, Bilder oder Videos) die von Suchmaschinen (z.B. Google) zusätzlich unter einem Suchergebnis angezeigt werden.

Durch diese Optimierung kann Ihre Webseite den Suchmaschinen zusätzliche Informationen bereitstellen und so strukturierte Daten (Rich Snippets) anzeigen lassen. Dadurch sollen die Klicks auf das Suchergebnis erhöht und zusätzliche Besucher auf Ihre Webseite generiert werden.

Erstellung von strukturierten Daten
Bei der Erstellung von strukturierten Daten gibt es einiges zu beachten. Unter folgenden Links finden Sie Erklärungen und Tools für die korrekte Erstellung von strukturierten Daten:

Google Developers
clickworker
Google Markup-Hilfe
Schema Markup Generator (JSON-LD)

In diesem Blogbeitrag sehen unsere strukturierten Daten (Rich Snippets) z.B. so aus:

<script type="application/ld+json"> 
{
  "@context": "https://schema.org",
  "@type": "NewsArticle",
  "mainEntityOfPage": {
   	"@type": "WebPage",
   	"@id": "https://www.rainbow-web.com/blog/post-optimierung-webseite-teil3"
  },
  "headline": "Optimierung Ihrer Webseite Teil 3: Twitter Cards, Open Graph und strukturierte Daten (Rich Snippets)",
  "image": ["/images/blog/optimierung-webseite.jpg"],
  "datePublished": "2020-01-10T16:00:00+01:00",
  "author": {
  	"@type": "Organization",
  	"name": "Rainbow-Web.com"
  },
  "publisher": {
  	"@type": "Organization",
  	"name": "Rainbow-Web.com",
  	"logo": {
  	"@type": "ImageObject",
  	"url": "/images/logo.png"
  	}
  },
  "description": "Optimieren Sie mit unseren günstigen Webhosting-Paketen und preiswerten Domains Ihre Webseite. Im dritten Teil unseres Blog-Beitrags geht es um Twitter Cards, Open Graph und strukturierte Daten (Rich Snippets)."       
} 
</script>

Strukturierte Daten in Ihre Webseite einbinden
Nach der Erstellung Ihrer strukturierten Daten müssen diese jetzt noch in Ihre Webseite integriert werden. Den generierten Code fügen Sie in Ihre Webseite wie folgt ein:

<head>
Hier der Code Ihrer strukturierten Daten
</head>

Strukturierte Daten testen
Nach der Integration in Ihre Webseite, sollten Sie die korrekte Anzeige Ihrer strukturierten Daten testen. Dieses können Sie unter folgendem Link:

Google Testtool für strukturierten Daten

Wir hoffen, Sie haben mit diesem Beitrag einige hilfreiche Informationen und Tipps für Ihre Webseite erhalten. In Teil 4 geht es demnächst weiter mit Tipps, um den Erfolg Ihrer Webseite zu messen (z.B. Tracking).

Sie sind noch kein Kunde bei Rainbow-Web.com und möchten auch ein einfaches und preiswertes Webhosting-Paket, um Twitter Cards und strukturierte Daten optimal nutzen zu können? Nutzen Sie jetzt unseren sensationellen Sale:

Zusätzlich erhalten Sie weitere Domains (.de, .com, .eu und .net) mit bis zu 40% Rabatt.

Zu den aktuellen Angeboten

Werden auch Sie noch heute ein zufriedener Kunde und profitieren Sie von unseren über 20 Jahre Erfahrung und Know-How. Die Zufriedenheit unserer Kunden zeigt die ständige Präsenz in den TOP20 der besten Hosting Unternehmen bei hosttest.de und unsere vielen positiven Bewertungen (z.B. bei Trustpilot , Hosttest oder Google ).

Ihr Team von Rainbow-Web.com