Social Meta Tags
For the Search Marketer
Jennifer Sable Lopez!
Director of Community at Moz!
@jennita!
The SEO Mind
Mmmm,
SERPs!
Keywords!
Title Tags!
Meta
Description!
Keyword Rich Title Tag
Missing Meta Description
Google pulls from content instead, !
based on your keywords!
How does this look on
Social?
@jennita #SMX #23D !
Facebook
Not too bad,
eh?
@jennita #SMX #23D !
Pinterest
Oooh! Pretty
picture
@jennita #SMX #23D !
Google+
Ouch.
@jennita #SMX #23D !
Twitter
Snooze...
Social ≠ Search
Let’s fix sharing!
@jennita #SMX #23D!
Nutella SERP
@jennita #SMX #23D!
Sharing Nutella on Facebook
OpenGraph
http://ogp.me!
@jennita #SMX #23D!
Facebook
@jennita #SMX #23D!
OpenGraph - http://ogp.me
!
<!-- Open Graph data -->!
<meta property="og:title" content="Title Here" /...
@jennita #SMX #23D!
Facebook Debugger
https://developers.facebook.com/tools/debug!
Twitter Cards
https://dev.twitter.com/docs/cards!
@jennita #SMX #23D!
Summary Card (default)
@jennita #SMX #23D!
Summary Card - Large Image
@jennita #SMX #23D!
Twitter Card Code
!
<!-- Twitter card data -->!
<meta name="twitter:card" content="summary">!
!
<meta ...
@jennita #SMX #23D!
Twitter Card Validator
https://dev.twitter.com/docs/cards/validation/validator!
@jennita #SMX #23D!
Add Your Site
@jennita #SMX #23D!
Twitter Card Analytics
Pinterest – Rich Pins
https://developers.pinterest.com/rich_pins/!
@jennita #SMX #23D!
Regular Pin


http://mz.cm/1hD5c8H!
@jennita #SMX #23D!
Rich Pin
!
@jennita #SMX #23D!
Rich Pin
!
@jennita #SMX #23D!
Rich Pin = Schema.org
@jennita #SMX #23D!
Rich Pins Validator
https://developers.pinterest.com/rich_pins/validator/!
Checklist
þ
þ
þ
þ
þ
Check for OpenGraph/Twitter Cards/Schema!
Add default OpenGraph tags to blog/content!
Add basic T...
Jennifer Sable Lopez !
Director of Community at Moz!
@jennita!
jen@moz.com!
Thank You
Social Meta Tags For the Search Marketer
Upcoming SlideShare
Loading in...5
×

Social Meta Tags For the Search Marketer

3,537

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
3,537
On Slideshare
0
From Embeds
0
Number of Embeds
8
Actions
Shares
0
Downloads
22
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
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×