0
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,491

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,491
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

Transcript of "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.

×