Under the Hood with Social Metadata - SEMpdx Feb 2014
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Under the Hood with Social Metadata - SEMpdx Feb 2014

on

  • 1,961 views

My presentation from Under the Hood: Advanced Markup for SEO & Social Media. Full deck will be uploaded tonight.

My presentation from Under the Hood: Advanced Markup for SEO & Social Media. Full deck will be uploaded tonight.

Statistics

Views

Total Views
1,961
Views on SlideShare
1,468
Embed Views
493

Actions

Likes
11
Downloads
9
Comments
2

4 Embeds 493

http://www.sempdx.org 452
https://twitter.com 37
http://www.google.com 3
http://www.linkedin.com 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

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…
  • Great presentation - thanks for pointing us in the right direction and putting it on!
    Are you sure you want to
    Your message goes here
    Processing…
  • Great presentation last night Mike!
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Under the Hood with Social Metadata - SEMpdx Feb 2014 Presentation Transcript

  • 1. Social Meta The other semantic markup #socialmetadata @mike_arnesen
  • 2. Social metadata can define our content Understanding #socialmetadata @mike_arnesen
  • 3. Social networks need our sharing #socialmetadata @mike_arnesen
  • 4. Social shares that are beautiful & engaging #socialmetadata @mike_arnesen
  • 5. Friends don’t let friends leave social display to chance #socialmetadata @mike_arnesen
  • 6. #socialmetadata @mike_arnesen
  • 7. Add social metadata for free & attractive screen real estate #socialmetadata @mike_arnesen
  • 8. What is? Social metadata?
  • 9. Social metadata lives in your <head>. #socialmetadata @mike_arnesen
  • 10. Great social shares for Facebook, Twitter, & Google+ #socialmetadata @mike_arnesen
  • 11. We’re Search Marketers What is? Why do we care? Social metadata? #socialmetadata @mike_arnesen
  • 12. Social signals can give us Better SEO #socialmetadata @mike_arnesen
  • 13. It’s social proof for organic #socialmetadata @mike_arnesen
  • 14. It’s social proof for organic and paid #socialmetadata @mike_arnesen
  • 15. Search bots are hungry for social signals This is big data #socialmetadata @mike_arnesen
  • 16. Social knowledge for a better understanding of quality & resource #socialmetadata @mike_arnesen
  • 17. Yet there must be a filter… #socialmetadata @mike_arnesen
  • 18. Why use social metadata? #socialmetadata @mike_arnesen
  • 19. We win now. We win more later. #socialmetadata @mike_arnesen
  • 20. The Time is NOW We win now. We win more later. #socialmetadata @mike_arnesen
  • 21. Social metadata is easy to add Getting started #socialmetadata @mike_arnesen
  • 22. OpenGraph #socialmetadata @mike_arnesen
  • 23. OpenGraph Basics •  og:title •  og:type •  og:image •  og:url Good to have •  og:description Optional •  og:site_name •  article:published_time #socialmetadata @mike_arnesen
  • 24. Twitter Cards #socialmetadata @mike_arnesen
  • 25. Twitter Cards Summary Card •  twitter:card •  twitter:title •  twitter:description •  twitter:image Bonus •  twitter:creator •  twitter:site Product Card •  twitter:card •  twitter:title •  twitter:description •  twitter:image •  twitter:data1 •  twitter:label1 •  twitter:data2 •  twitter:label2 #socialmetadata @mike_arnesen
  • 26. Rich Pins #socialmetadata @mike_arnesen
  • 27. Rich Pins All Types •  og:title •  og:site_name •  og:image •  og:url •  og:description Product Pins •  og:type •  og:price:amount •  og:price:currency •  og:availability Article Pins •  og:type Place Pins •  og:type •  place:location:latitude •  place:location:longitude •  place:street_address •  place:locality •  place:region •  place:postal_code #socialmetadata @mike_arnesen
  • 28. Rich Pins Recipe Pins Only supported when using schema.org & hRecipe •  itemprop=“name” •  itemprop=“ingredients” •  itemprop=“image” •  itemprop=“prepTime” •  itemprop=“cookTime” •  itemprop=“totalTime” •  itemprop=“recipeYield” •  itemprop=“description” #socialmetadata @mike_arnesen
  • 29. Interactive Posts #socialmetadata @mike_arnesen
  • 30. Interactive Posts Button fields •  Content URL •  Client ID •  Prefill Text •  Call to Action Label •  Call to Action URL #socialmetadata @mike_arnesen
  • 31. <head> <!--OpenGraph and Rich Pins--> <meta property='og:site_name' content='Your Site'/> <meta property='og:type' content='article'/> <meta property='og:title' content='A Title Optimzed for Social Engagement'/> <meta property='og:description' content='Social metadata you say? Click here to read more.'/> <meta property='og:url' content='http://www.yoursite.com/blog/social-metadata/'/> <meta property='og:image' content='http://www.yoursite.com/blog/social-metadata.jpeg'/> <!--Twitter Cards--> <meta name="twitter:card" content="summary"/> <meta name="twitter:site" content="@brand"/> <meta name="twitter:creator" content="@personal_handle"/> <meta name="twitter:description" content="Social metadata you say? Click here to read more."/> </head> <body> <!—Google+ Interactive Post--> <button class="g-interactivepost" id="myBtn" data-contenturl="http://www.yoursite.com/blog/social-metadata/" data-clientid="XXXXXXXXXXX.apps.googleusercontent.com" data-cookiepolicy="single_host_origin" data-prefilltext="Check out this post on social metadata and DOWNLOAD this whitepaper!" data-calltoactionlabel="DOWNLOAD" data-calltoactionurl="http://www.yoursite.com/lead-gen-form/"> <span class="icon">&nbsp;</span>Share this post on Google+! </button> </body> #socialmetadata @mike_arnesen
  • 32. Streamlining implementation Yoast’s  WordPress  SEO  Plugin  (OpenGraph,  Twi<er  Cards)   h<ps://yoast.com/wordpress/plugins/seo/   Drupal  Metatag  Module  (OpenGraph,  Twi<er  Cards)   h<ps://drupal.org/project/metatag   Google+  InteracJve  Posts  WordPress  Plugin   h<p://blog.paulnshapiro.com/new-­‐google-­‐plus-­‐interacJve/       #socialmetadata @mike_arnesen
  • 33. Don’t leave a void when you can put your best foot forward #socialmetadata @mike_arnesen
  • 34. We can start today for free & attractive screen real estate #socialmetadata @mike_arnesen
  • 35. …and gain tomorrow as social becomes more valuable to SEO. #socialmetadata @mike_arnesen
  • 36. Your ROI will continue to grow! #socialmetadata @mike_arnesen
  • 37. Structured data Semantic markup Social metadata #socialmetadata @mike_arnesen
  • 38. Structured data Semantic markup Social metadata #socialmetadata @mike_arnesen
  • 39. Structured data Semantic markup Social metadata #socialmetadata @mike_arnesen
  • 40. Structured data Semantic markup Social metadata This is Semantic SEO #socialmetadata @mike_arnesen
  • 41. Structured data Semantic markup Social metadata This is The Future. #socialmetadata @mike_arnesen
  • 42. Thank you! Preso download spath.us/sempdx14Link Bundle bit.ly/social-metadata Mike Arnesen @mike_arnesen @swellpath