under the hood with social metadata - sempdx feb 2014
DESCRIPTION
My presentation from Under the Hood: Advanced Markup for SEO & Social Media. Full deck will be uploaded tonight.TRANSCRIPT
Social MetaThe other semantic markup
#socialmetadata @mike_arnesen
Understanding Social metadata
can define our content
#socialmetadata @mike_arnesen
Social networks need our sharing
#socialmetadata @mike_arnesen
beautiful & engaging Social shares that are
#socialmetadata @mike_arnesen
Friends don’t let friends leave social display to chance
#socialmetadata @mike_arnesen
#socialmetadata @mike_arnesen
Add social metadata for free & attractive screen real estate
#socialmetadata @mike_arnesen
What is? Social metadata?
Social metadata lives in your <head>.
#socialmetadata @mike_arnesen
Great social shares for Facebook, Twitter, & Google+
#socialmetadata @mike_arnesen
What is? Social metadata?
Why do we care? We’re Search Marketers
#socialmetadata @mike_arnesen
Better SEO Social signals
can give us
#socialmetadata @mike_arnesen
for organic It’s social proof
#socialmetadata @mike_arnesen
for organic and paid It’s social proof
#socialmetadata @mike_arnesen
Search bots are hungry for social signals
This is big data #socialmetadata @mike_arnesen
for a better understanding of quality & resource
#socialmetadata @mike_arnesen
Social knowledge
Yet there must be a filter…
#socialmetadata @mike_arnesen
Why use social metadata?
#socialmetadata @mike_arnesen
We win now. We win more later. #socialmetadata @mike_arnesen
The Time is NOW
#socialmetadata @mike_arnesen
We win now. We win more later.
Getting started #socialmetadata @mike_arnesen
Social metadata is easy to add
#socialmetadata @mike_arnesen
OpenGraph
Basics • og:title • og:type • og:image • og:url Good to have • og:description Optional • og:site_name • article:published_time
#socialmetadata @mike_arnesen
OpenGraph
#socialmetadata @mike_arnesen
Twitter Cards
Summary Card • twitter:card • twitter:title • twitter:description • twitter:image Bonus • twitter:creator • twitter:site
#socialmetadata @mike_arnesen
Twitter Cards Product Card • twitter:card • twitter:title • twitter:description • twitter:image • twitter:data1 • twitter:label1 • twitter:data2 • twitter:label2
#socialmetadata @mike_arnesen
Rich Pins
All Types • og:title • og:site_name • og:image • og:url • og:description
#socialmetadata @mike_arnesen
Rich Pins Place Pins • og:type • place:location:latitude • place:location:longitude • place:street_address • place:locality • place:region • place:postal_code
Product Pins • og:type • og:price:amount • og:price:currency • og:availability
Article Pins • og:type
Recipe Pins Only supported when using schema.org & hRecipe • itemprop=“name” • itemprop=“ingredients” • itemprop=“image” • itemprop=“prepTime” • itemprop=“cookTime” • itemprop=“totalTime” • itemprop=“recipeYield” • itemprop=“description”
#socialmetadata @mike_arnesen
Rich Pins
#socialmetadata @mike_arnesen
Interactive Posts
Button fields • Content URL • Client ID • Prefill Text • Call to Action Label • Call to Action URL
#socialmetadata @mike_arnesen
Interactive Posts
<head><!--OpenGraph and Rich Pins--><meta property='og:site_name' content='Your Site'/><meta property='og:type' content='article'/><meta property='og:title' content='A Title Optimzed for Social Engagement'/><meta property='og:description' content='Social metadata you say? Click here to read more.'/><meta property='og:url' content='http://www.yoursite.com/blog/social-metadata/'/><meta property='og:image' content='http://www.yoursite.com/blog/social-metadata.jpeg'/><!--Twitter Cards--><meta name="twitter:card" content="summary"/><meta name="twitter:site" content="@brand"/><meta name="twitter:creator" content="@personal_handle"/><meta name="twitter:description" content="Social metadata you say? Click here to read more."/>
</head><body>
<!—Google+ Interactive Post--><button class="g-interactivepost" id="myBtn" data-contenturl="http://www.yoursite.com/blog/social-metadata/" data-clientid="XXXXXXXXXXX.apps.googleusercontent.com" data-cookiepolicy="single_host_origin" data-prefilltext="Check out this post on social metadata and DOWNLOAD this whitepaper!" data-calltoactionlabel="DOWNLOAD" data-calltoactionurl="http://www.yoursite.com/lead-gen-form/"> <span class="icon"> </span>Share this post on Google+!</button>
</body>#socialmetadata @mike_arnesen
implementation Streamlining
#socialmetadata @mike_arnesen
Yoast’s WordPress SEO Plugin (OpenGraph, Twi<er Cards) h<ps://yoast.com/wordpress/plugins/seo/ Drupal Metatag Module (OpenGraph, Twi<er Cards) h<ps://drupal.org/project/metatag Google+ InteracJve Posts WordPress Plugin h<p://blog.paulnshapiro.com/new-‐google-‐plus-‐interacJve/
Don’t leave a void when you can put your best foot forward
#socialmetadata @mike_arnesen
We can start today for free & attractive screen real estate
#socialmetadata @mike_arnesen
#socialmetadata @mike_arnesen
…and gain tomorrow as social becomes more valuable to SEO.
Your ROI will continue to grow!
#socialmetadata @mike_arnesen
#socialmetadata @mike_arnesen
Structured data Semantic markup Social metadata
#socialmetadata @mike_arnesen
Structured data Semantic markup Social metadata
#socialmetadata @mike_arnesen
Structured data Semantic markup Social metadata
This is Semantic SEO #socialmetadata @mike_arnesen
Structured data Semantic markup Social metadata
This is The Future. #socialmetadata @mike_arnesen
Structured data Semantic markup Social metadata
Thank you! Preso download spath.us/sempdx14Link Bundle bit.ly/social-metadata
Mike Arnesen @mike_arnesen
@swellpath