social meta tags for the search marketer
DESCRIPTION
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.TRANSCRIPT
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 !
Not too bad, eh?
@jennita #SMX #23D !
Oooh! Pretty picture
@jennita #SMX #23D !
Google+
Ouch.
@jennita #SMX #23D !
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!
@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" />! !
@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 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">!!
@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 Twitter card to blog/content!
Ensure image sizes used are correct per platform!
Modify settings for social win!!!
