• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Social structured data is your friend   brighton seo april 2013
 

Social structured data is your friend brighton seo april 2013

on

  • 7,177 views

 

Statistics

Views

Total Views
7,177
Views on SlideShare
2,549
Embed Views
4,628

Actions

Likes
16
Downloads
28
Comments
1

26 Embeds 4,628

http://www.danielbianchini.co.uk 1569
http://www.allthingsweb.co.uk 695
http://www.trafficoptimiser.com 659
http://3doordigital.com 579
http://www.adrenalina.es 285
https://twitter.com 179
http://firecask.com 126
http://storify.com 119
http://edlab.tc.columbia.edu 77
http://www.noporkpies.com 71
http://www.stateofsearch.com 68
http://seopodcast.co.uk 66
http://3dddev.co.uk 63
http://carlesduarte.com 24
http://www.scoop.it 16
http://wiki.just-eat.com 13
http://nppdigital.com 5
http://pinterest.com 3
http://nedpoulter.soup.io 3
http://www.newsblur.com 2
http://localhost 1
http://tweetedtimes.com 1
http://getpocket.com 1
https://www.google.com.au 1
http://feeds.feedburner.com 1
http://www.pinterest.com 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

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

11 of 1 previous next

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
  • This is SUCH a great presentation @alexmoss, so glad I got to see it when you presented it at #brightonSEO. Still serves as THE go to reference point when discussing or recommending the implementation of social structured data. Thank you!
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Social structured data is your friend   brighton seo april 2013 Social structured data is your friend brighton seo april 2013 Presentation Transcript

    • IMPROVE YOUR CLICK THROUGH RATE
    • IMPROVE YOUR CLICK THROUGH RATE TAILOR CONTENT FOR EACH SOCIAL NETWORK
    • IMPROVE YOUR CLICK THROUGH RATE TAILOR CONTENT FOR EACH SOCIAL NETWORKGAIN ADDITIONAL REAL ESTATE & EXPOSURE
    • IMPROVE YOUR CLICK THROUGH RATE TAILOR CONTENT FOR EACH SOCIAL NETWORKGAIN ADDITIONAL REAL ESTATE & EXPOSURE CAN LOOK MESSY IF NOT USED
    • 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.
    • Available Tags Example Code <meta itemprop="name" content="Title specifically for Google+">This is still in infancy. There are <meta itemprop="description"4 tags to consider here: content="This is exactly 200 characters of filler text specifically catering for GOOGLE+. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed• Type ultricies consectetur turpis vel ultrices. 1 more sentence">• Title <meta itemprop="image" content="http://3doordigital.com/ogtest/t• Image humbnail.png">• Description – up to 200 Or… characters <h1 itemprop="name">Title</h1> <img itemprop="image" src=“http://url.to/image.png" />If no G+ data is set, it will look <p itemprop="description">Description</p>for Facebook OG data and ifthat’s missing will usestandard META data
    • Facebook’s Open Graph is vast Twitter have just widened their own structured data Google+ will soon follow suit.They may widen their own META dataset or use rich snippet data that is already implemented onsite.
    • 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.
    • Available Tags Example Code <meta property="og:title" content="TitleFor more hardcore devs you may specifically for Facebook"/> <meta property="og:description"want to look into the full Open content="This is a longer version of theGraph section of Facebook. Today META description of a whopping 300I will only talk about the standard characters for FACEBOOK. Only this social network allows 300 where Twitter andFacebook Like button. Google+ only allow 200. Not sure why but Facebook provides more news feed real estate for the shared URL. 1 more• URL sentence should do the trick for max 300."/>• Title <meta property="og:url"• Image –at least 200x200 px content="http://3doordigital.com/ogtest/3 .html"/>• Description – up to 300 <meta property="og:image" characters content="http://3doordigital.com/ogtest/t humbnail.png"/>• Site Name <meta property="og:type"• Type content="article"/> <meta property="og:site_name" content="3 Door Digital"/>
    • There’s more to Open Graph Just like schema.org, Facebook’s Open Graph is vast. More complex development is required to build 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/
    • 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
    • They’re Used inother AppsTwitter Card datais used within theAndroid App andTweetdeck
    • Available Tags Example Code <meta name="twitter:card" content="summary">Here are the standard Twitter <meta name="twitter:site"summary card tags: content="@3doordigital"> <meta name="twitter:title" content="Title specifically for Twitter">• Site – twitter username of <meta name="twitter:description" content="This is exactly 200 characters the website of filler text specifically catering for TWITTER. Lorem ipsum dolor sit• Creator – twitter username amet, consectetur adipiscing elit. Sed of the author/owner of ultricies consectetur turpis vel ultrices. 1 more sentence"> that page <meta name="twitter:creator"• Title content="alexmoss"> <meta name="twitter:image:src"• Image –at least 200x200 px content="http://3doordigital.com/ogtest/t humbnail.png">• Description – up to 200 <meta name="twitter:domain" characters content="3doordigital.com">
    • 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 a collection 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.
    • Photo CardThe photo doesn’thave to be locatedat the shared URL
    • Gallery CardThe 4 images don’t have to be located at the shared URL
    • Player CardNotice that I can set animage unrelated to the video itself
    • Product CardThis is fairly flexible, as Ihave been able to define labels to provide niche data as an app
    • App CardThis card is not available to generate in the validator, and does not validate by URL
    • You need to apply for the Twitter card service. This may take a while…