{{ searchResult.published_at | date:'d MMMM yyyy' }}

Loading ...
Loading ...

Enter a search term such as “mobile analytics” or browse our content using the filters above.

No_results

That’s not only a poor Scrabble score but we also couldn’t find any results matching “”.
Check your spelling or try broadening your search.

Logo_distressed

Sorry about this, there is a problem with our search at the moment.
Please try again later.

Last week Facebook announced on the Developer blog that it would be rolling out new designs for the infamous Like and Share buttons.

According to Facebook, these buttons are “viewed over 22bn times daily across more than 7.5m websites”. 

Having active social sharing buttons on your website is most definitely a simple, yet effective way of allowing users to share your content, which in turn can result in sometimes significant amounts of traffic returning to those pages from people within their networks.

And it’s highly likely for most website owners that it will be the Like or Share button that is getting the most shares and driving the most traffic back. A recent study by Shareaholic of 200,000 publishers revealed that referral traffic from Facebook has grown by 58.81% from September 2012 to 2013.

So it’s not much of a surprise that Facebook has looked to change them, but what are the differences and how can they used?

What do they do?

Outside of the digital industry it could be argued that users may not actually be aware of the difference between the Like and Share buttons – in essence when you ‘like’ something you are sharing it to your timeline anyway.

Here’s what the main differences are:

  • Like. This ‘likes’ webpages and shares them onto a user’s timeline.
  • Share. This is more advanced and allows users to add some personalised text to the links before they are shared on their timeline, a friend’s timeline, in a Facebook group, on a page they manage or in a private message

What’s new?

The key changes are in the actual look of the buttons. Both designs are now a royal blue with white font, instead of the classic blue font and blue outline.

They stand-out much more and you could argue that this is intentional from Facebook to get even more people clicking.

There are four main variations of layout for both of these buttons:

  1. Single button, no number count.
  2. Single button with number count to the right.
  3. Single button with number count above.
  4. Both buttons together (with the options above).

Facebook Like and Share button layouts

The new designs are available now to implement, but if you already have these on your site then you will notice them change over the next few weeks.

What about ‘Send’?

Many websites have chosen to display a ‘Send’ button in addition to the Like button on their content pages. This useful feature allowed users the ability to privately send content to one or more friends, either via a Facebook message, to an email address or share it with a Facebook group.

This is particularly useful on websites that have published content users may not want to share publicly on their Facebook timelines, for example a job that they have found on a recruitment site they want to ‘bookmark’ for themselves or perhaps a house for sale on a property site they want to send their partner.

As part of the announced changes to the Share button, Facebook have stated that this will now replace the Send button and will automatically be upgraded when ready.

This does however mean that there will no longer be the ability to ‘send’ the link to more than one friend or to an email address.

Facebook sharing checklist

At the same time, Facebook has provided developers with a ‘Sharing Checklist’; a seven point guide about how to optimise your website or app to increase traffic. Although posted on the Developer blog, this information is also really useful for marketers looking for best practice.

Here’s a summary of the seven points to check:

  1. Display both the Like and Share buttons together. This echoes all of the above information, but basically gives your users a choice of how to share.
  2. Use images that are at least 1200x620 pixels. This means that pictures will look much better when displayed on high resolution devices. A minimum suggested size for images is 600x315 pixels in order for them to display in the large format. Any smaller and it will display, but not have the same impact.
  3. Use proper Open Graph tags. These HTML tags mean that you can control how content displays in previews when it is shared. There are a number of basic tags that should be used, plus optional tags can be chosen as well which can improve distribution and engagement.
  4. Use the Open Graph debug tool. This handy tool quickly scans your site URLs and shows how they are seen by the Facebook crawler. Any errors are spotted and can then be fixed more easily.
  5. Use Insights to uncover popular content. Facebook’s page Insights tool allows you to see which of your posted stories are popular
  6. Implement JavaScript event tracking to follow plugin use in real time. By doing this you can look to track what interactions are being made on your site in real time
  7. Use built-in translation support. This is great for sites that are multi-lingual, as will translate the text on the plugins for the local language

It’s well worth going through this checklist, plus ensuring the placement of your buttons is optimal – don’t hide them away at the bottom of your content, place them near the titles and you will notice an increase in shares made.

Take advantage of the potential benefits that Facebook sharing can deliver your site by embracing yourself with these changes, plus ensure you’re looking out for anymore that come in the future.

David Somerville

Published 12 November, 2013 by David Somerville

David Somerville is head of inbound marketing at Fresh Egg and a contributor on Econsultancy. You can connect on TwitterLinkedIn or Google Plus

4 more posts from this author

Comments (4)

Avatar-blank-50x50

Rahul Sharma

nice way to explain and great post. i would like to thanks for this post keep sharing our knowledge.

about 3 years ago

Avatar-blank-50x50

Johnw

Thanks David to share such nice information on facebook like and share buttons.

about 3 years ago

Dipu Krishnankutty

Dipu Krishnankutty, Mobile Solutions Consultant at Infosys

Good one.

Any idea, why Facebook restricts it to just like and share? I would have expected options like acknowledge. Like is one feeling, but what is the mode of expressing other feelings?

about 3 years ago

Avatar-blank-50x50

Carolyn Durrant

Thanks for the update, nice article

about 3 years ago

Comment
No-profile-pic
Save or Cancel
Daily_pulse_signup_wide

Enjoying this article?

Get more just like this, delivered to your inbox.

Keep up to date with the latest analysis, inspiration and learning from the Econsultancy blog with our free Daily Pulse newsletter. Each weekday, you ll receive a hand-picked digest of the latest and greatest articles, as well as snippets of new market data, best practice guides and trends research.