The 10 most common mistakes of blogger outreach

Henry Elliss

As both a blogger and a marketer, I’ve spent a long time contemplating whether or not to write this post. Many of my fellow bloggers (with whom I regularly discuss this subject) take the view that we should count ourselves lucky that brands want to work with us at all, and should avoid upsetting the proverbial apple cart.

Nobody likes a whistle-blower, and many bloggers believe that if they speak-up or “name and shame” they will be marked out as trouble-makers, blacklisted from all the best blogger lists and identified in “do not work with” posters on PR department desks across the land. 

I’m more than happy to take one for the team though, for several reasons. First up, my position as a marketer gives me a fairly unique perspective – I work with bloggers as part of my job (indeed, it was one of the reasons I started blogging in the first place – to experience it “from the other side”) and I blog myself.

Secondly, the chance of me ever carving a living from my blogging is slim-to-none – so if I DO get blacklisted and marked out as a trouble-maker, it won’t make much of a dent in my future (I hope!). So I’m making a stand and calling a spade a spade. 

The following list is accompanied by 10 genuine, real emails which I (as a blogger) have received in the past year. I get these emails at a rate of probably one a week – but knowing other FAR more popular bloggers, I can tell you that these things come in thick and fast when you have a popular blog.  

Wherever possible I have anonymised the emails I’m quoting. Whilst crappy pitches really drive me to despair, I also believe in a little bit of karma – so naming and shaming isn’t in my plans quite yet. If any of you reading this are the authors behind these approaches, I hope you will forgive me for using your words – trust me, I’m TRYING to do this for everybody’s benefit.

I actually LOVE blogger engagement as a marketing discipline, and when it’s done right it can be an absolute joy. But the people who do it badly are giving all of us a bad name, and the sooner it stops, the better.

So, here are 10 painful examples of blogger engagement done badly – accompanied by some tips that might help you to do it better.

1. Don’t expect something for nothing

[Boring details about a boring piece of research removed] Feel free to share this information with your readers if you think it would be of value to them. Thanks for reading and have a great day.

This is probably the most common cruddy approach bloggers get at the moment – the “something for nothing” message. If we were that desperate for content to put on our blog, we’d do research for ourselves.

I personally use Google Alerts and social bookmarks to help me find relevant content to blog about (if I don’t have ideas of my own to hand). I don’t sit at my desk waiting for an amazing piece of research or a dull article to drop in my inbox.

You might think you’re getting something for nothing (as I’m sure there are some bloggers who DO respond well to this – otherwise why do you bother?) but you’re actually ruining your chances of ever developing a real and useful relationship with bloggers and influencers – and probably ending up on hundreds of email blacklists to boot.

2. Don’t pretend it’s not about SEO

Hi there! Nice to “meet” you! I am an aspiring writer looking to gain more experience and boost my portfolio by contributing to travel sites such as yours. I loved the articles on your site, and would love to be able to contribute some of my work! I love writing about travel and cultures from around the world.

Bloggers get these on a daily basis – they’re the scourge of our inboxes. Unless you manage to catch a brand-new blogger who is as fresh as the driven snow, NOBODY is falling for this BS.

Trying to trick us into posting your SEO content under the guise of “boosting your portfolio” or practising your writing skills is both patronising and niaive – if you’re stupid enough to mention the client you want to write about in that first email too, I’ll quite happily call out the client in question and explain to them how lazy their SEO people are. 

3. Don’t just send us press releases

Dear Henry, We are a small company […] and have a product we genuinely believe could help kids, and so be of interest to parents, hence why we are approaching you. You may have read in the last few days that the UK has one of the worst literacy and numeracy levels in the developed world…

If you feel that you HAVE to send us your press release content to make your approach make sense, don’t stick it all at the front of your message. I haven’t got time to read great reams of content before you decide to get to the point – if you want to offer me an opportunity, tell me upfront and save the waffle for later in the message.

As much as bloggers are news and information sources for many people, we AREN’T the same as journalists. We don’t have pages we’ve got to fill or deadlines to meet, so we don’t want to spend hours wading through press releases – save them for somebody else.

4. Don’t be sloppy or lazy

Hi Henry, I hope you are well. I am contacting you regarding my current project which concerns [REDACTED] and I thought it might prove to be an interesting feature for “Blog name”. With the rising costs of…

Look, we all know you don’t always have time to personalise every single approach – and frankly, as some of these other examples show, sometimes it’s best just to be honest anyway.

But if you ARE going to use a mail-merge or some sort of automated mailing program, make sure the bloody thing works before you use it. Getting an email telling me how much you love my blog, “Blog name”, is amusing for me but doesn’t look at all good for you OR the brand you’re working for. Don’t do it. 

5. Don’t patronise us  

I noticed your interest with regards to finding out whether books we enjoy here in the UK are also enjoyed elsewhere in the world. I also enjoyed reading your blog about using reading to prepare your children for starting school. I’m also aware you value a creative and fun environment for your children from your multiple posts that centre on toys and lego.

Aside from the slightly sloppy English, this person is attempting to show what an avid reader of my blog they are. In reality, what they’ve done is read the titles of the most recent three blog posts on my blog – they haven’t even read the posts, as is evident in the fact that the second example bears no similarity to what the post was actually about.

As I mentioned in the previous example, personalising your approach CAN be useful – but it can also backfire on you. I find this patronising and lazy, and will probably put me off more than if you just got to the point straight away. Honesty is often the best policy, after all.

6. Do your research first

Dear Henry, I just wanted to get in touch to let you know about a competition that may be of interest to you and your children, in particular Sam.

The painful nature of this approach (an approach which had me crying with laughter) may not be immediately obvious, but if it’s not clear I’ll give you a clue: I have two children, one named Robert and one named Freddie. So who ‘Sam’ is remains a mystery to me!

This may be the result of a bad mail-merge or mass send out, or could be a genuine mistake. Either way, it makes you look rubbish and doesn’t make me want to work with you! 

7. Don’t treat us like a second-class journalists

I hope you’re well today. I was looking at your blog and wanted to get in touch. Sorry it’s bit late in the day but I just wanted to check if you might be free to attend an afternoon tea this Wednesday with [REDACTED] 

If you think I’m good enough to attend your event, invite me in the first place. Don’t wait until all your “real” journalists have declined the invite and send me a desperate plea the day before the event, in a hope that you can make up the numbers.

Or if you ARE going to do that, at least be honest about it.

8. Don’t sign us up to other stuff

Thanks for joining our mailing list…

Just because I reply to your email approach – or even if we work together – doesn’t mean I wanted to be signed-up to yours and your client’s mailing lists.

There are rules about that these days and the last time I checked “being nice” wasn’t the same as opting-in to a mailing list. Don’t do it.

9. Don’t go back on your word

Hi Henry, Sorry for the slow response. I am on to the client about product reviews. I can’t guarantee anything but I need to show some stats for your blog. Can you email me some?? thanks,

There’s very little more annoying to a blogger than a PR who offers them something, then goes back on their word.

Telling me that you love my blog, that your client is DESPERATE to work with me and that everything is ready – THEN telling me you have to review my site (once I’ve expressed an interest) to check I qualify as a good enough blogger? Screw you – you dangled a carrot at me and then snatched it away.

You end up looking like an arse, your client comes out badly and I shall add you to my spam-senders list.

10. Don’t ask us to do your work for you 

Sorry about that – my client need bigger reach, and your blog just doesn’t have enough followers yet. If you know any other bloggers who might like it though, I’d love it if you could pass on my details to them…

This one follows-on from the above example – and I’ve experienced this on several occasions. If I don’t meet your criteria as a blogger, fine – I’m grown-up enough to know that my blog isn’t all-powerful yet.

But to then add insult to injury and expect me to pass your details on to my other blogger friends, so you can toy with them as well? Are you having a laugh?

In conclusion…

As you can see, I’ve dealt mainly with the process of communicating with bloggers and influencers. Whilst I was tempted to include my thoughts on incentives, reviews, payments and freebies, the truth is that most bloggers will have different preferences in these areas.

You’re only going to know what a blogger likes or doesn’t like in terms of the above is by talking to them – and hopefully, if you learn from the mistakes listed in this blog, those conversations will be a little more fruitful!

New and Improved Custom Reports Added to Moz Analytics

Miranda.Rensch

Posted by Miranda.Rensch

Hello everyone! Miranda here. I’m a Product Manager at Moz and I’m excited to announce that we’ve added custom, automated reporting to Moz Analytics. This is something that already existed in PRO (the predecessor to Moz Analytics), but the new version has some cool upgrades I’d like to point out, so here goes a quick walk-through.

Walk-through of the new custom reports

With the new version of custom reports, you can select (almost) any visualization or data list from within Moz Analytics to be included in a custom PDF and emailed regularly.

To access the new reports, just go into any campaign and click “Custom Reports” in the top right and then click “Create / Schedule Report” to get started.

Next, you’ll begin filling in the details of your report. You can give it a name and a description to appear at the top of the PDF:

In the “Add Modules” step you use a left navigation similar to the normal Moz Analytics experience so you can quickly navigate to your favorite data / visualizations and click the + sign to select them. In the next step you’ll be able to organize them and add notes.

In the “Design Report” step, you can re-order your modules, add notes, and if you have access to branded reports, add your brand logo to be printed on the PDF.

In the next step you can preview your report. Click “Generate PDF Report” to view and save as an actual PDF.

Finally, you can schedule the report to be emailed regularly to you and any others that you specify. You can now also customize the text of the email that gets sent out!

When you’ve finished setting up your report, you can see all active reports on the main Custom Reports page. From there you can see the next scheduled send date and edit your reports.

Other new stuff in Moz Analytics

While we’re at it, we’d like to mention a few other improvements in Moz Analytics:

Crawl diagnostics updates

We made some improvements to the design to make it easier to find the issues exposed by our custom crawler. You can now see a breakdown of your top High, Medium, and Low priority issues at the bottom of the Crawl Diagnostics overview page.

You will also see the issue counts included in the issue drop-down.

We’ve also made sure that all of the crawl data is included in the .csv export. We are still working on making views of duplicate pages and titles visible outside of the .csv.

Keyword opportunities improvement

With this smaller update, we added a button to the keyword opportunities report in the rankings section, allowing you to quickly add an attractive keyword to your list for rank tracking.

Fresh Web Explorer alerts

In case you missed it, we also recently released a big update to Fresh Web Explorer that lets you create and save custom alerts. Use it to get prompt alerts when someone publishes content mentioning your brand, your competitors, or even discover interesting link and outreach opportunities. Cyrus even wrote a whole blog post about it.

What’s next for Moz Analytics?

Here are some of the projects that are currently in-progress and up next for Moz Analytics. This is just the top of our list, but we’d love to know what you think! Please let us know in the comments or on our feature request forum.

  • Monthly timeframes: We are still working on adding monthly timeframe options into custom reports and the rest of the Moz Analytics app. We hope to have that in by the end of the year. Also, we are aware that there are some issues currently with monthly custom reports in PRO causing them to be delayed. We hope to build these monthly reports into the new version of custom reports in a more scalable way and we apologize for the issue in PRO.

  • Lots of bug / UX fixes: We’re working on continually responding to feedback and bugs in the new application. We’ve gotten to many, but not all of them. Thank you for your patience!

  • Contextual help: We’re working on ways to bring help guides and videos directly into the app so that when you need help you can find it quick.

  • Add individual keyword history to Custom Reports: There are a couple of modules that can’t be added to custom reports yet—Analyze a Keyword (individual keyword history), Grade a Page, and Analyze Page Issues. We hope to make those available in the next few months as well.

  • Per-page PDF downloads: We are currently working on allowing PDF downloads of any page in the app. We hope to have that done in the next month or so.

  • Customized timeframe options: We’re in the process of researching our ability to provide more customized timeframe options. It’s a bit complicated due to the variety of data we include in our app, but we’re looking at our options.

  • Multi-user accounts: We’re working on supporting multiple users per account.

  • You tell us! If you have any other feedback or ideas for how this software could be better and save you more time, please let us know on our feature request forum!

That’s all! If you have any questions or comments, chances are other people will too, so why not ask it on the Moz Q&A forum! Looking forward to hearing your feedback. If you’d like to volunteer a half-hour to give more in-depth feedback about this section or reporting in general, please email miranda@moz.com.

Happy reporting!
Miranda Rensch
Product Manager @ Moz

Sign up for The Moz Top 10, a semimonthly mailer updating you on the top ten hottest pieces of SEO news, tips, and rad links uncovered by the Moz team. Think of it as your exclusive digest of stuff you don’t have time to hunt down but want to read!

Usability & Conversion

How we built a Checkout Page we’re proud of

Thijs de Valk

Our checkout page caught our attention, because it simply looked shit. There was no clarity, no images, not anything to make it look anything close to appealing. It was basically just a bunch of text. So that’s the first thing we wanted to change. We wanted to make it actually look like a cart and…

How we built a Checkout Page we’re proud of is a post by on Yoast – The Art & Science of Website Optimization.

A good WordPress blog needs good hosting, you don’t want your blog to be slow, or, even worse, down, do you? Check out my thoughts on WordPress hosting!

Channel: Local Google Earth Google: Android Google: Maps & Local Google: Mobile Search Engine Land Uncategorized

The Return Of Pegman And Other New Google Maps Features

Greg Sterling

The new full-screen Google Maps were announced this summer at Google’s developer conference. However the company is still rolling it out to users. Today on the Google LatLong blog a number of new (or returning) features were introduced. Among them, the “Pegman” Street View icon is…

Please visit Search Engine Land for the full article.

Channel: Local Google Place Pages Google: Android Google: Maps & Local Search Engine Land Top News Uncategorized

Google Places Listings Get Integrated Into Android’s Phone App — And They’re Terrible

Danny Sullivan

A big change in Android 4.4 is that those using Google’s new mobile operating system, nicknamed “KitKat,” can search for businesses right from within the Phone app. How’s it work? For me, it’s awful. Google+ Invades The Android 4.4 “KitKat” Phone App: What It Means For…

Please visit Search Engine Land for the full article.

Must-Have Social Media Meta Tag Templates for Improved Sharing and SEO

Cyrus-Shepard

Posted by Cyrus-Shepard

At Moz, we strive to include social media metadata in all new pieces of content that we publish. This allows us to optimize for sharing Twitter, Facebook, Google+ and Pinerest by defining exactly how titles, descriptions, images and more appear in social streams.

Think of it as conversion rate optimization for social exposure.

The implications for SEO are also significant. We know from experience and studies that the right data, including optimized images, helps content to spread, which often leads to increased links and mentions. We also know from correlation studies that content with higher social metrics exhibits many of the same qualities as content that performs well in search results.

Knowing exactly which social meta tags to include can be confusing even to experienced webmasters. This post by Micheal King is a huge help, and Wordpress publishers who use Yoast’s SEO plugin are well ahead of the game.

For the rest of us, consider the different structures supported by the major social platforms:

  • Twitter Cards: Summaries, Images, Galleries, Apps, Video, Audio, and Products
  • Pinterest Rich Pins: Products, Recipes, Movies, and Articles
  • Google+: Articles, Blog, Book, Event, Local Business, Organization, Person, Product, and Reviews
  • Facebook: Articles, Photos, Audio, Video, and more

To help ease this problem, I created four social media tag templates that you can fill out, customize for your own use, and share with your team and others.

How to use these templates

Simply copy and paste the template into the text editor of your choice. Make sure to replace any orange or green text with your own data, and customize, eliminate or add any tags you find necessary.

The first three of these templates are optimized using a typical “article” markup and data, ideal for blog posts and most written content. The final template contains markup for product pages.For other post types, such as book or recipes, refer to documentation linked at the end of this post for reference on what to customize.

When you are done, don’t forget to test and apply for approval.

1. The Minimal Template

This slimmed back version runs lean and fast. It contains a bare minimum of data for optimized sharing across Twitter, Facebook, Google+ and Pinterest.

Title tags and meta descriptions are included even though they aren’t technically social media meta tags. This is because they can be used by Google+ and other social media platforms, and it is best practice to include them on every page you publish.

Minimum Social Media Tag Template: Article

<!– Place this data between the <head> tags of your website –>
<title>Page Title. Maximum length 60-70 characters</title>
<meta name=”description” content=”Page description. No longer than 155 characters.” />

<!– Twitter Card data –>
<meta name=”twitter:card” value=”summary”>

<!– 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” />

2: The Standard Template

The standard template represents a more robust implementation of social tags and is meant to work across all platforms. In addition to all of the features of the mimimal template above, the standard template includes the following:

  • The basic Twitter Summary card
  • Twitter thumbnail image
  • Facebook Page Insights

Standard Social Media Tag Template: Article

<!– Place this data between the <head> tags of your website –>
<title>Page Title. Maximum length 60-70 characters</title>
<meta name=”description” content=”Page description. No longer than 155 characters.” />

<!– Twitter Card data –>
<meta name=”twitter:card” content=”summary”>
<meta name=”twitter:site” content=”@publisher_handle“>
<meta name=”twitter:title” content=”Page Title“>
<meta name=”twitter:description” content=”Page description less than 200 characters“>
<meta name=”twitter:creator” content=”@author_handle“>
<– Twitter Summary card images must be at least 200x200px –>
<meta name=”twitter:image” content=”http://www.example.com/image.jpg“>

<!– 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” />
<meta property=”og:site_name” content=”Site Name, i.e. Moz” />
<meta property=”fb:admins” content=”Facebook numeric ID” />

3: The Full Monty

This is the monster! In addition to all the data contained in the standard template, the full template contains:

  • Google Authorship and Publisher Markup. Although this data doesn’t change your content appearance in Google+, it potentially add links to your Google+ pages in search results.
  • Schema.org article markup
  • Twitter Summary card with large image
  • Expanded Open Graph article data

Full Social Media Tag Template: Article

<!– Update your html tag to include the itemscope and itemtype attributes. –>
<html itemscope itemtype=”http://schema.org/Article”>

<!– Place this data between the <head> tags of your website –>
<title>Page Title. Maximum length 60-70 characters</title>
<meta name=”description” content=”Page description. No longer than 155 characters.” />

<!– Google Authorship and Publisher Markup –>
<link rel=”author” href=”https://plus.google.com/[Google+_Profile]/posts”/>
<link rel=”publisher” href=â€�https://plus.google.com/[Google+_Page_Profile]“/>

<!– Schema.org markup for Google+ –>
<meta itemprop=”name” content=”The Name or Title Here“>
<meta itemprop=”description” content=”This is the page description“>
<meta itemprop=”image” content=”http://www.example.com/image.jpg“>

<!– Twitter Card data –>
<meta name=”twitter:card” content=”summary_large_image”>
<meta name=”twitter:site” content=”@publisher_handle“>
<meta name=”twitter:title” content=”Page Title“>
<meta name=”twitter:description” content=”Page description less than 200 characters“>
<meta name=”twitter:creator” content=”@author_handle”>
<!– Twitter summary card with large image must be at least 280x150px –>
<meta name=”twitter:image:src” content=”http://www.example.com/image.html“>

<!– 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” />
<meta property=”og:site_name” content=”Site Name, i.e. Moz” />
<meta property=”article:published_time” content=”2013-09-17T05:59:00+01:00” />
<meta property=”article:modified_time” content=”2013-09-16T19:08:47+01:00” />
<meta property=”article:section” content=”Article Section” />
<meta property=”article:tag” content=”Article Tag” />
<meta property=”fb:admins” content=”Facebook numberic ID” />

Bonus: The Product Template

For merchants, product markup is very popular, and usually easy for developers to implement in their shopping cart software. The product template differs from article markup in only a few ways:

  • Modified <html> tag to reflect schema.org product data
  • Twitter Product Card includes required data labels
  • Open Graph data includes price and currency data

Product Social Media Tag Template

<!– Update your html tag to include the itemscope and itemtype attributes. –>
<html itemscope itemtype=”http://schema.org/Product”>

<!– Place this data between the <head> tags of your website –>
<title>Page Title. Maximum length 60-70 characters</title>
<meta name=”description” content=”Page description. No longer than 155 characters.” />

<!– Schema.org markup for Google+ –>
<meta itemprop=”name” content=”The Name or Title Here“>
<meta itemprop=”description” content=”This is the page description“>
<meta itemprop=”image” content=”http://www.example.com/image.jpg“>

<!– Twitter Card data –>
<meta name=”twitter:card” content=”product”>
<meta name=”twitter:site” content=”@publisher_handle“>
<meta name=”twitter:title” content=”Page Title“>
<meta name=”twitter:description” content=”Page description less than 200 characters“>
<meta name=”twitter:creator” content=”@author_handle”>
<meta name=”twitter:image” content=”http://www.example.com/image.html“>
<meta name=”twitter:data1″ content=”$3“>
<meta name=”twitter:label1″ content=”Price“>
<meta name=”twitter:data2″ content=”Black“>
<meta name=”twitter:label2″ content=”Color“>

<!– 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” />
<meta property=”og:site_name” content=”Site Name, i.e. Moz” />
<meta property=”og:price:amount” content=”15.00” />
<meta property=”og:price:currency” content=”USD” />

Tools for testing and approval

A. Twitter Validation Tool

https://dev.twitter.com/docs/cards/validation/validator


Before your cards show on Twitter, you must first have your domain approved. Fortunately, it’s a super-easy process. After you implement your cards, simply enter your sample URL into the validation tool. After checking your markup, select the “Submit for Approval” button.

B. Facebook Debugger

https://developers.facebook.com/tools/debug


You don’t need prior approval for your meta information to show on Facebook, but the debugging tool they offer gives you a wealth of information about all your tags and can also analyze your Twitter tags.

C. Google Structured Data Testing Tool

http://www.google.com/webmasters/tools/richsnippets


Webmasters traditionally use the structured data testing tool to test authorship markup and preview how snippets will appear in search results, but you can also use see what other types of meta data Google is able to extract from each page.

D. Pinterest Rich Pins Validator

http://developers.pinterest.com/rich_pins/validator/

Like Twitter, Pinterest requires an approval process to enable Rich Pin functionality. Use the Rich Pin Validator tool to test your data markup and apply for approval at the same time.

Tips and best practices

Optimizing for images

The image you link to in your social data does not actually have to be on the page, but it should represent your content well. The image allows you to controll what people see when they share your content, so it’s important to use quality images.

Every social platform has different standards for sizing. Typically, it’s easier to keep it simple and choose one image size that will work for all services.

  • Twitter thumbnail: 120x120px
  • Twitter large image: 280x150px
  • Facebook: Standards vary, but an image at least 200x200px works best. Facebook recommends large images up to 1200px wide.

In short, larger images offer you the most flexibility. When in doubt, test each page using the appropriate tool below to see exactly how your images will appear in snippits.

The importance of Open Graph data

If you could choose only one type of meta data to include, your best bet is Open Graph. That’s because all the platforms can use it as a fallback, including Twitter to a large degree.

Facebook page insights

The meta property “fb:admins” requires that you enter your numeric Facebook id number, and gives you access to analytics about how your website content is shared on Facebook. Read more about Page Insights, including how to set it up and discover your numeric id.

Further resources

Use these templates as a starting point, but you can customize them in millions of ways. A few valuable resources to aid your journey:

What are your best tips for optimizing your content for sharing? Let us know in the comments below.

Sign up for The Moz Top 10, a semimonthly mailer updating you on the top ten hottest pieces of SEO news, tips, and rad links uncovered by the Moz team. Think of it as your exclusive digest of stuff you don’t have time to hunt down but want to read!

Essential Social Media Tag Templates for Improved Sharing and SEO

Cyrus-Shepard

Posted by Cyrus-Shepard

At Moz, we strive to include social media metadata in all new pieces of content that we publish. This allows us to optimize for sharing Twitter, Facebook, Google+ and Pinerest by defining exactly how titles, descriptions, images and more appear in social streams.

Think of it as conversion rate optimization for social exposure.

The implications for SEO are also significant. We know from experience and studies that the right data, including optimized images, helps content to spread, which often leads to increased links and mentions. We also know from correlation studies that content with higher social metrics exhibits many of the same qualities as content that performs well in search results.

Knowing exactly which social meta tags to include can be confusing even to experienced webmasters. This post by Micheal King is a huge help, and Wordpress publishers who use Yoast’s SEO plugin are well ahead of the game.

For the rest of us, consider the different structures supported by the major social platforms:

  • Twitter Cards: Summaries, Images, Galleries, Apps, Video, Audio, and Products
  • Pinterest Rich Pins: Products, Recipes, Movies, and Articles
  • Google+: Articles, Blog, Book, Event, Local Business, Organization, Person, Product, and Reviews
  • Facebook: Articles, Photos, Audio, Video, and more

To help ease this problem, I created four social media tag templates that you can fill out, customize for your own use, and share with your team and others.

How to use these templates

Simply copy and paste the template into the text editor of your choice. Make sure to replace any orange or green text with your own data, and customize, eliminate or add any tags you find necessary.

The first three of these templates are optimized using a typical “article” markup and data, ideal for blog posts and most written content. The final template contains markup for product pages.For other post types, such as book or recipes, refer to documentation linked at the end of this post for reference on what to customize.

When you are done, don’t forget to test and apply for approval.

1. The Minimal Template

This slimmed back version runs lean and fast. It contains a bare minimum of data for optimized sharing across Twitter, Facebook, Google+ and Pinterest.

Title tags and meta descriptions are included even though they aren’t technically social media meta tags. This is because they can be used by Google+ and other social media platforms, and it is best practice to include them on every page you publish.

Minimum Social Media Tag Template: Article

<!– Place this data between the <head> tags of your website –>
<title>Page Title. Maximum length 60-70 characters</title>
<meta name=”description” content=”Page description. No longer than 155 characters.” />

<!– Twitter Card data –>
<meta name=”twitter:card” value=”summary”>

<!– 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” />

2: The Standard Template

The standard template represents a more robust implementation of social tags and is meant to work across all platforms. In addition to all of the features of the mimimal template above, the standard template includes the following:

  • The basic Twitter Summary card
  • Twitter thumbnail image
  • Facebook Page Insights

Standard Social Media Tag Template: Article

<!– Place this data between the <head> tags of your website –>
<title>Page Title. Maximum length 60-70 characters</title>
<meta name=”description” content=”Page description. No longer than 155 characters.” />

<!– Twitter Card data –>
<meta name=”twitter:card” content=”summary”>
<meta name=”twitter:site” content=”@publisher_handle“>
<meta name=”twitter:title” content=”Page Title“>
<meta name=”twitter:description” content=”Page description less than 200 characters“>
<meta name=”twitter:creator” content=”@author_handle“>
<– Twitter Summary card images must be at least 200x200px –>
<meta name=”twitter:image” content=”http://www.example.com/image.jpg“>

<!– 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” />
<meta property=”og:site_name” content=”Site Name, i.e. Moz” />
<meta property=”fb:admins” content=”Facebook numeric ID” />

3: The Full Monty

This is the monster! In addition to all the data contained in the standard template, the full template contains:

  • Google Authorship and Publisher Markup. Although this data doesn’t change your content appearance in Google+, it potentially add links to your Google+ pages in search results.
  • Schema.org article markup
  • Twitter Summary card with large image
  • Expanded Open Graph article data

Full Social Media Tag Template: Article

<!– Update your html tag to include the itemscope and itemtype attributes. –>
<html itemscope itemtype=”http://schema.org/Article”>

<!– Place this data between the <head> tags of your website –>
<title>Page Title. Maximum length 60-70 characters</title>
<meta name=”description” content=”Page description. No longer than 155 characters.” />

<!– Google Authorship and Publisher Markup –>
<link rel=”author” href=”https://plus.google.com/[Google+_Profile]/posts”/>
<link rel=”publisher” href=â€�https://plus.google.com/[Google+_Page_Profile]“/>

<!– Schema.org markup for Google+ –>
<meta itemprop=”name” content=”The Name or Title Here“>
<meta itemprop=”description” content=”This is the page description“>
<meta itemprop=”image” content=”http://www.example.com/image.jpg“>

<!– Twitter Card data –>
<meta name=”twitter:card” content=”summary_large_image”>
<meta name=”twitter:site” content=”@publisher_handle“>
<meta name=”twitter:title” content=”Page Title“>
<meta name=”twitter:description” content=”Page description less than 200 characters“>
<meta name=”twitter:creator” content=”@author_handle”>
<!– Twitter summary card with large image must be at least 280x150px –>
<meta name=”twitter:image:src” content=”http://www.example.com/image.html“>

<!– 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” />
<meta property=”og:site_name” content=”Site Name, i.e. Moz” />
<meta property=”article:published_time” content=”2013-09-17T05:59:00+01:00” />
<meta property=”article:modified_time” content=”2013-09-16T19:08:47+01:00” />
<meta property=”article:section” content=”Article Section” />
<meta property=”article:tag” content=”Article Tag” />
<meta property=”fb:admins” content=”Facebook numberic ID” />

4. The Product Template

For merchants, product markup is very popular, and usually easy for developers to implement in their shopping cart software. The product template differs from article markup in only a few ways:

  • Modified <html> tag to reflect schema.org product data
  • Twitter Product Card includes required data labels
  • Open Graph data includes price and currency data

Product Social Media Tag Template

<!– Update your html tag to include the itemscope and itemtype attributes. –>
<html itemscope itemtype=”http://schema.org/Product”>

<!– Place this data between the <head> tags of your website –>
<title>Page Title. Maximum length 60-70 characters</title>
<meta name=”description” content=”Page description. No longer than 155 characters.” />

<!– Schema.org markup for Google+ –>
<meta itemprop=”name” content=”The Name or Title Here“>
<meta itemprop=”description” content=”This is the page description“>
<meta itemprop=”image” content=”http://www.example.com/image.jpg“>

<!– Twitter Card data –>
<meta name=”twitter:card” content=”product”>
<meta name=”twitter:site” content=”@publisher_handle“>
<meta name=”twitter:title” content=”Page Title“>
<meta name=”twitter:description” content=”Page description less than 200 characters“>
<meta name=”twitter:creator” content=”@author_handle”>
<meta name=”twitter:image” content=”http://www.example.com/image.html“>
<meta name=”twitter:data1″ content=”$3“>
<meta name=”twitter:label1″ content=”Price“>
<meta name=”twitter:data2″ content=”Black“>
<meta name=”twitter:label2″ content=”Color“>

<!– 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” />
<meta property=”og:site_name” content=”Site Name, i.e. Moz” />
<meta property=”og:price:amount” content=”15.00” />
<meta property=”og:price:currency” content=”USD” />

Tools for testing and approval

A. Twitter Validation Tool

https://dev.twitter.com/docs/cards/validation/validator


Before your cards show on Twitter, you must first have your domain approved. Fortunately, it’s a super-easy process. After you implement your cards, simply enter your sample URL into the validation tool. After checking your markup, select the “Submit for Approval” button.

B. Facebook Debugger

https://developers.facebook.com/tools/debug


You don’t need prior approval for your meta information to show on Facebook, but the debugging tool they offer gives you a wealth of information about all your tags and can also analyze your Twitter tags.

C. Google Structured Data Testing Tool

http://www.google.com/webmasters/tools/richsnippets


Webmasters traditionally use the structured data testing tool to test authorship markup and preview how snippets will appear in search results, but you can also use see what other types of meta data Google is able to extract from each page.

D. Pinterest Rich Pins Validator

http://developers.pinterest.com/rich_pins/validator/

Like Twitter, Pinterest requires an approval process to enable Rich Pin functionality. Use the Rich Pin Validator tool to test your data markup and apply for approval at the same time.

Tips and best practices

Optimizing for images

The image you link to in your social data does not actually have to be on the page, but it should represent your content well. The image allows you to controll what people see when they share your content, so it’s important to use quality images.

Every social platform has different standards for sizing. Typically, it’s easier to keep it simple and choose one image size that will work for all services.

  • Twitter thumbnail: 120x120px
  • Twitter large image: 280x150px
  • Facebook: Standards vary, but an image at least 200x200px works best. Facebook recommends large images up to 1200px wide.

In short, larger images offer you the most flexibility. When in doubt, test each page using the appropriate tool below to see exactly how your images will appear in snippits.

The importance of Open Graph data

If you could choose only one type of meta data to include, your best bet is Open Graph. That’s because all the platforms can use it as a fallback, including Twitter to a large degree.

Facebook page insights

The meta property “fb:admins” requires that you enter your numeric Facebook id number, and gives you access to analytics about how your website content is shared on Facebook. Read more about Page Insights, including how to set it up and discover your numeric id.

Further resources

Use these templates as a starting point, but you can customize them in millions of ways. A few valuable resources to aid your journey:

What are your best tips for optimizing your content for sharing? Let us know in the comments below.

Sign up for The Moz Top 10, a semimonthly mailer updating you on the top ten hottest pieces of SEO news, tips, and rad links uncovered by the Moz team. Think of it as your exclusive digest of stuff you don’t have time to hunt down but want to read!

Channel: SEO Google: SEO Google: Web Search Google: Webmaster Central Search Engine Land Top News Uncategorized

Image Mismatch: The Latest Google Webmaster Tools Manual Action Penalty

Barry Schwartz

Google has a new manual action penalty within their guidelines named image mismatch. Image mismatch is when the images on your web site do not match what is shown in the Google search results. Google words it as “your site’s images may be displaying differently on Google’s search results…

Please visit Search Engine Land for the full article.

Channel: Consumer Google Google: User Interface Google: Web Search Search Engine Land Uncategorized

Google Testing Site Name & URL In Search Result Snippets

Barry Schwartz

Last month we saw Google testing displaying the site name in place of the URL in the snippets of the search results. Now, Rubén reports Google testing a nicer approach, showing both the site name and the URL in the snippet. So when you search for this site, it will show “Search Engine Land…

Please visit Search Engine Land for the full article.

Channel: SEO Google Google: Mobile Google: SEO mobile mobile seo Search Engine Land SEO: Mobile Search Top News Uncategorized

Google’s Matt Cutts: Don’t Worry About An SEO Down Side To Responsive Design, There Is None

Barry Schwartz

In a video released today by Google’s head of search spam, Matt Cutts, he said you don’t have to worry about there being a down side, related to SEO, when using a responsive design approach for mobile web sites. The question posed to him was: Is there an SEO disadvantage to using…

Please visit Search Engine Land for the full article.