IMPROVEYOURCLICKTHROUGHRATE
IMPROVEYOURCLICKTHROUGHRATETAILORCONTENTFOREACHSOCIALNETWORK
IMPROVEYOURCLICKTHROUGHRATETAILORCONTENTFOREACHSOCIALNETWORKGAINADDITIONALREALESTATE&EXPOSURE
IMPROVEYOURCLICKTHROUGHRATETAILORCONTENTFOREACHSOCIALNETWORKGAINADDITIONALREALESTATE&EXPOSURECANLOOKMESSY IFNOTUSED
No METATakes <title> and the first 200characters of page content.Basic META DataTakes <title>, META descriptionand random ...
Available TagsThis is still in infancy. There are4 tags to consider here:• Type• Title• Image• Description – up to 200char...
Facebook’s Open Graph is vastTwitter have just widened their own structured dataGoogle+ will soon follow suit.They may wid...
No METATakes <title> and 2nd paragraph(1st was only 5 words).Basic META DataTakes <title>, META descriptionand random imag...
Available TagsFor more hardcore devs you maywant to look into the full OpenGraph section of Facebook. TodayI will only tal...
There’s more to Open GraphJust like schema.org, Facebook’s Open Graph isvast. More complex development is required tobuild...
Normal TweetDoes nothing but outputtweet text and link.Tweet Using Twitter CardsUses Twitter Card Data toform the Title, D...
They’re Used inother AppsTwitter Card datais used within theAndroid App andTweetdeck
Available TagsHere are the standard Twittersummary card tags:• Site – twitter username ofthe website• Creator – twitter us...
Available Twitter CardsThere are 6 types of Twitter Card• Summary Card: Default card, including a title, description,thumb...
Photo CardThe photo doesn’thave to be locatedat the shared URL
Gallery CardThe 4 images don’t have to belocated at the shared URL
Player CardNotice that I can set animage unrelated to thevideo itself
Product CardThis is fairly flexible, as Ihave been able to definelabels to provide nichedata as an app
App CardThis card is not available togenerate in the validator,and does not validate byURL
You need to apply for the Twitter card service.This may take a while…
Estudio 34 Presents Social structured data is your friend brighton SEO april2013-
Estudio 34 Presents Social structured data is your friend brighton SEO april2013-
Estudio 34 Presents Social structured data is your friend brighton SEO april2013-
Estudio 34 Presents Social structured data is your friend brighton SEO april2013-
Estudio 34 Presents Social structured data is your friend brighton SEO april2013-
Estudio 34 Presents Social structured data is your friend brighton SEO april2013-
Estudio 34 Presents Social structured data is your friend brighton SEO april2013-
Estudio 34 Presents Social structured data is your friend brighton SEO april2013-
Upcoming SlideShare
Loading in …5
×

Estudio 34 Presents Social structured data is your friend brighton SEO april2013-

695 views

Published on

Alex Moss Presento El uso de Structured data y la importancia de usar Twitter cards para mejorar el CTR de tus interacciones sociales.

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
695
On SlideShare
0
From Embeds
0
Number of Embeds
362
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Estudio 34 Presents Social structured data is your friend brighton SEO april2013-

  1. 1. IMPROVEYOURCLICKTHROUGHRATE
  2. 2. IMPROVEYOURCLICKTHROUGHRATETAILORCONTENTFOREACHSOCIALNETWORK
  3. 3. IMPROVEYOURCLICKTHROUGHRATETAILORCONTENTFOREACHSOCIALNETWORKGAINADDITIONALREALESTATE&EXPOSURE
  4. 4. IMPROVEYOURCLICKTHROUGHRATETAILORCONTENTFOREACHSOCIALNETWORKGAINADDITIONALREALESTATE&EXPOSURECANLOOKMESSY IFNOTUSED
  5. 5. No METATakes <title> and the first 200characters of page content.Basic META DataTakes <title>, META descriptionand random image in the pageUsing Google+ META DataUses tailored Title, Descriptionand Thumbnail Image.
  6. 6. Available TagsThis is still in infancy. There are4 tags to consider here:• Type• Title• Image• Description – up to 200charactersIf no G+ data is set, it will lookfor Facebook OG data and ifthat’s missing will usestandard META dataExample Code<meta itemprop="name" content="Titlespecifically for Google+"><meta itemprop="description"content="This is exactly 200 charactersof filler text specifically catering forGOOGLE+. Lorem ipsum dolor sit amet,consectetur adipiscing elit. Sedultricies consectetur turpis velultrices. 1 more sentence"><meta itemprop="image"content="http://3doordigital.com/ogtest/thumbnail.png">Or…<h1 itemprop="name">Title</h1><img itemprop="image"src=“http://url.to/image.png" /><p itemprop="description">Description</p>
  7. 7. Facebook’s Open Graph is vastTwitter have just widened their own structured dataGoogle+ will soon follow suit.They may widen their own META dataset oruse rich snippet data that is alreadyimplemented onsite.
  8. 8. No METATakes <title> and 2nd paragraph(1st was only 5 words).Basic META DataTakes <title>, META descriptionand random image in the pageUsing Open GraphUses tailored Title, Descriptionand Thumbnail Image.
  9. 9. Available TagsFor more hardcore devs you maywant to look into the full OpenGraph section of Facebook. TodayI will only talk about the standardFacebook Like button.• URL• Title• Image –at least 200x200 px• Description – up to 300characters• Site Name• TypeExample Code<meta property="og:title" content="Titlespecifically for Facebook"/><meta property="og:description"content="This is a longer version of theMETA description of a whopping 300characters for FACEBOOK. Only this socialnetwork allows 300 where Twitter andGoogle+ only allow 200. Not sure why butFacebook provides more news feed realestate for the shared URL. 1 moresentence should do the trick for max300."/><meta property="og:url"content="http://3doordigital.com/ogtest/3.html"/><meta property="og:image"content="http://3doordigital.com/ogtest/thumbnail.png"/><meta property="og:type"content="article"/><meta property="og:site_name" content="3Door Digital"/>
  10. 10. There’s more to Open GraphJust like schema.org, Facebook’s Open Graph isvast. More complex development is required tobuild actions that manipulate verbs and nouns (eg“Alex listened to 99 problems by Jay Z on Spotify”).More info:https://developers.facebook.com/docs/opengraph/
  11. 11. Normal TweetDoes nothing but outputtweet text and link.Tweet Using Twitter CardsUses Twitter Card Data toform the Title, Descriptionand Thumbnail Imagehttps://twitter.com/alexmoss/status/321205663697092608
  12. 12. They’re Used inother AppsTwitter Card datais used within theAndroid App andTweetdeck
  13. 13. Available TagsHere are the standard Twittersummary card tags:• Site – twitter username ofthe website• Creator – twitter usernameof the author/owner ofthat page• Title• Image –at least 200x200 px• Description – up to 200charactersExample Code<meta name="twitter:card"content="summary"><meta name="twitter:site"content="@3doordigital"><meta name="twitter:title" content="Titlespecifically for Twitter"><meta name="twitter:description"content="This is exactly 200 charactersof filler text specifically catering forTWITTER. Lorem ipsum dolor sitamet, consectetur adipiscing elit. Sedultricies consectetur turpis velultrices. 1 more sentence"><meta name="twitter:creator"content="alexmoss"><meta name="twitter:image:src"content="http://3doordigital.com/ogtest/thumbnail.png"><meta name="twitter:domain"content="3doordigital.com">
  14. 14. Available Twitter CardsThere are 6 types of Twitter Card• Summary Card: Default card, including a title, description,thumbnail, and Twitter account attribution.• Photo Card: A Tweet sized photo card.• Gallery Card**: A Tweet card geared toward highlighting acollection of photos.• App Card**: A Tweet card for providing a profile of an application.• Player Card: A Tweet sized video/audio/media player card.• Product Card**: A Tweet card to better represent product content.** released 10 days ago (2nd April 2013)You should use the Summary Card at all times, and add the extra tagswhere needed.
  15. 15. Photo CardThe photo doesn’thave to be locatedat the shared URL
  16. 16. Gallery CardThe 4 images don’t have to belocated at the shared URL
  17. 17. Player CardNotice that I can set animage unrelated to thevideo itself
  18. 18. Product CardThis is fairly flexible, as Ihave been able to definelabels to provide nichedata as an app
  19. 19. App CardThis card is not available togenerate in the validator,and does not validate byURL
  20. 20. You need to apply for the Twitter card service.This may take a while…

×