Social Meta Tags For the Search Marketer

  • 3,197 views
Uploaded 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 …

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.

More in: Social Media
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
No Downloads

Views

Total Views
3,197
On Slideshare
0
From Embeds
0
Number of Embeds
8

Actions

Shares
Downloads
22
Comments
3
Likes
14

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Social Meta Tags For the Search Marketer Jennifer Sable Lopez! Director of Community at Moz! @jennita!
  • 2. The SEO Mind Mmmm, SERPs! Keywords! Title Tags! Meta Description!
  • 3. Keyword Rich Title Tag
  • 4. Missing Meta Description Google pulls from content instead, ! based on your keywords!
  • 5. How does this look on Social?
  • 6. @jennita #SMX #23D ! Facebook Not too bad, eh?
  • 7. @jennita #SMX #23D ! Pinterest Oooh! Pretty picture
  • 8. @jennita #SMX #23D ! Google+ Ouch.
  • 9. @jennita #SMX #23D ! Twitter Snooze...
  • 10. Social ≠ Search
  • 11. Let’s fix sharing!
  • 12. @jennita #SMX #23D! Nutella SERP
  • 13. @jennita #SMX #23D! Sharing Nutella on Facebook
  • 14. OpenGraph http://ogp.me!
  • 15. @jennita #SMX #23D! Facebook
  • 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. @jennita #SMX #23D! Facebook Debugger https://developers.facebook.com/tools/debug!
  • 18. Twitter Cards https://dev.twitter.com/docs/cards!
  • 19. @jennita #SMX #23D! Summary Card (default)
  • 20. @jennita #SMX #23D! Summary Card - Large Image
  • 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. @jennita #SMX #23D! Twitter Card Validator https://dev.twitter.com/docs/cards/validation/validator!
  • 23. @jennita #SMX #23D! Add Your Site
  • 24. @jennita #SMX #23D! Twitter Card Analytics
  • 25. Pinterest – Rich Pins https://developers.pinterest.com/rich_pins/!
  • 26. @jennita #SMX #23D! Regular Pin
  • 27. 
 http://mz.cm/1hD5c8H!
  • 28. @jennita #SMX #23D! Rich Pin !
  • 29. @jennita #SMX #23D! Rich Pin !
  • 30. @jennita #SMX #23D! Rich Pin = Schema.org
  • 31. @jennita #SMX #23D! Rich Pins Validator https://developers.pinterest.com/rich_pins/validator/!
  • 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. Jennifer Sable Lopez ! Director of Community at Moz! @jennita! jen@moz.com! Thank You