Social Meta Tags For the Search Marketer

4,258 views

Published on

This presentation was given at SMX West 2014. Take your knowledge as a Search Marketer and make it work for Social as well. Implement these tags in your code to make social sharing as awesome as your SEO.

Published in: Social Media
3 Comments
15 Likes
Statistics
Notes
No Downloads
Views
Total views
4,258
On SlideShare
0
From Embeds
0
Number of Embeds
593
Actions
Shares
0
Downloads
24
Comments
3
Likes
15
Embeds 0
No embeds

No notes for slide

Social Meta Tags For the Search Marketer

  1. 1. Social Meta Tags For the Search Marketer Jennifer Sable Lopez! Director of Community at Moz! @jennita!
  2. 2. The SEO Mind Mmmm, SERPs! Keywords! Title Tags! Meta Description!
  3. 3. Keyword Rich Title Tag
  4. 4. Missing Meta Description Google pulls from content instead, ! based on your keywords!
  5. 5. How does this look on Social?
  6. 6. @jennita #SMX #23D ! Facebook Not too bad, eh?
  7. 7. @jennita #SMX #23D ! Pinterest Oooh! Pretty picture
  8. 8. @jennita #SMX #23D ! Google+ Ouch.
  9. 9. @jennita #SMX #23D ! Twitter Snooze...
  10. 10. Social ≠ Search
  11. 11. Let’s fix sharing!
  12. 12. @jennita #SMX #23D! Nutella SERP
  13. 13. @jennita #SMX #23D! Sharing Nutella on Facebook
  14. 14. OpenGraph http://ogp.me!
  15. 15. @jennita #SMX #23D! Facebook
  16. 16. @jennita #SMX #23D! OpenGraph - http://ogp.me ! <!-- Open Graph data -->! <meta property="og:title" content="Title Here" />! ! <meta property="og:type" content="article" />! ! <meta property="og:url" content="http://www.example.com/" />! ! <meta property="og:image" content="http://example.com/ image.jpg" />! ! <meta property="og:description" content="Description Here" />! !
  17. 17. @jennita #SMX #23D! Facebook Debugger https://developers.facebook.com/tools/debug!
  18. 18. Twitter Cards https://dev.twitter.com/docs/cards!
  19. 19. @jennita #SMX #23D! Summary Card (default)
  20. 20. @jennita #SMX #23D! Summary Card - Large Image
  21. 21. @jennita #SMX #23D! Twitter Card Code ! <!-- Twitter card data -->! <meta name="twitter:card" content="summary">! ! <meta name="twitter:site" content="@twitterhandle">! ! <meta name="twitter:creator" content="@AuthorTwitter”> ! ! <meta name="twitter:title" content=”Title specific to Twitter – short works great!">! ! <meta name="twitter:description" content=”Remember this is being shared on Twitter, make it enticing to the FB user.">! ! <meta name="twitter:image" content=”image URL for the image you want to display">! !
  22. 22. @jennita #SMX #23D! Twitter Card Validator https://dev.twitter.com/docs/cards/validation/validator!
  23. 23. @jennita #SMX #23D! Add Your Site
  24. 24. @jennita #SMX #23D! Twitter Card Analytics
  25. 25. Pinterest – Rich Pins https://developers.pinterest.com/rich_pins/!
  26. 26. @jennita #SMX #23D! Regular Pin
  27. 27. 
 http://mz.cm/1hD5c8H!
  28. 28. @jennita #SMX #23D! Rich Pin !
  29. 29. @jennita #SMX #23D! Rich Pin !
  30. 30. @jennita #SMX #23D! Rich Pin = Schema.org
  31. 31. @jennita #SMX #23D! Rich Pins Validator https://developers.pinterest.com/rich_pins/validator/!
  32. 32. Checklist þ þ þ þ þ Check for OpenGraph/Twitter Cards/Schema! Add default OpenGraph tags to blog/content! Add basic Twitter card to blog/content! Ensure image sizes used are correct per platform! Modify settings for social win!! !
  33. 33. Jennifer Sable Lopez ! Director of Community at Moz! @jennita! jen@moz.com! Thank You

×