Twitter Cards
Upcoming SlideShare
Loading in...5
×
 

Twitter Cards

on

  • 6,460 views

Vortrag zum Einsatz Twitter-spezfischer Metadaten auf Websites, sogenannten Twitter Cards, zur Erzeugung von erweiterten (expanded) Tweets. Er wurde als Session von Lars R. H. Müller auf dem BarCamp ...

Vortrag zum Einsatz Twitter-spezfischer Metadaten auf Websites, sogenannten Twitter Cards, zur Erzeugung von erweiterten (expanded) Tweets. Er wurde als Session von Lars R. H. Müller auf dem BarCamp am 16. August 2013 in Kiel gehalten.

Statistics

Views

Total Views
6,460
Views on SlideShare
6,421
Embed Views
39

Actions

Likes
1
Downloads
2
Comments
0

4 Embeds 39

https://twitter.com 26
http://www.sitepackage.de 10
http://storify.com 2
http://pinterest.com 1

Accessibility

Categories

Upload Details

Uploaded via as OpenOffice

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Twitter Cards Twitter Cards Presentation Transcript

    • Twitter Cards Referent: Lars R. H. Müller BarCamp Kiel 16. August 2013
    • Folie 2 Vorstellung Lars R. H. Müller  Gründer und Geschäftsführer  33 Jahre, verheiratet, zwei Töchter  Studienabbrecher, Autodidakt  Web- und Interfacedesigner  Fachgruppenleiter Online-Marketing DiWiSH  Blogger: Newsletter und Weizenbier
    • Wo fing das an? Was ist passiert? Und warum hast du recherchiert?
    • Folie 4
    • Folie 5
    • Folie 6 https://dev.twitter.com/docs/cards
    • Was sind Twitter Cards? Einmal im Schnelldurchlauf
    • Folie 8 Was sind Twitter Cards?  "Anhänge" für Tweets  Einfache Metadaten  Ergänzung des Open Graph  Eigener URL Crawler  Verbindung zu anderen Apps  Mehr Aufmerksamkeit  Noch nicht weit verbreitet
    • Folie 9 Twitter Card Typen  Summary Card summary  Large Image Summary Card summary_large_image  Photo Card photo  Gallery Card gallery  App Card app  Player Card player  Product Card product
    • (Large Image) Summary Card Geeignet für aktuelle Inhalte
    • Folie 11 Basics 1. Festlegen des Typen (Default = summary) <meta name="twitter:card" content="summary"> 2. Twitter-Account der Website / des Herausgebers <meta name="twitter:site" content="@sitepackage"> 3. Twitter-Account des Autors <meta name="twitter:creator" content="@larsicz">
    • Folie 12 Details vs. Open Graph 1. Titel der Seite (max. 70 Zeichen) <meta name="twitter:title" content=""> <meta property="og:title" content=""> 2. Kurzbeschreibung des Inhalts (max. 200 Zeichen) <meta name="twitter:description" content=""> <meta property="og:description" content=""> 3. URL eines repräsentativen Bildes (max. 120 px / 1 MB) <meta name="twitter:image" content=""> <meta property="og:image" content="">
    • Folie 13
    • Folie 14
    • Product Card Geeignet für Shops und E-Commerce
    • Folie 16 Beispiel Product Card 1. Festlegen des Typen <meta name="twitter:card" content="product"> 2. Übergabe des ersten Wertepaares (z.B. Preis) <meta name="twitter:data1" content="0,00 €"> <meta name="twitter:label1" content="Preis"> 3. Übergabe des zweiten Wertepaares (z.B. Farbe) <meta name="twitter:data2" content="türkis"> <meta name="twitter:label2" content="Farbe">
    • Folie 17
    • Nützliches Tests, Crawler-Kontrolle, weitere Quellen
    • Folie 19 https://dev.twitter.com/docs/cards/validation/validator
    • Folie 20 Crawler Der Twitterbot beachtet die robots.txt Beispiel User-agent: Twitterbot Disallow: User-agent: * Disallow: / Sperrt alle Bots außer Twitter aus
    • Folie 21 Weitere Quellen Open Graph Protocol http://ogp.me/ http://developers.facebook.com/docs/opengraph/ schema.org http://schema.org/ Rich Pins http://developers.pinterest.com/rich_pins/
    • Vielen Dank für eure Aufmerksamkeit Lars R. H. Müller mueller@webworx.de twitter.com/larsicz www.webworx.de