Social Meta Tags For the Search Marketer

Post on 27-Aug-2014

3,206 views 2 download

Tags:

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 !

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" />!!<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!!!

Jennifer Sable Lopez !Director of Community at Moz!

@jennita!jen@moz.com!

Thank You