Showing posts with label facebook share button. Show all posts
Showing posts with label facebook share button. Show all posts

Friday, 10 January 2014

5 Facebook Marketing Hacks for Your Website

Is your website using Facebook to the fullest?
Are you wondering how you can get the most out of Facebook for your business?
To learn how to use Facebook to your advantage, this episode of the Social Media Marketing podcast goes deep into the subject.

More About This Show

Social Media Marketing Podcast w/ Michael Stelzner

The Social Media Marketing podcast is a show from Social Media Examiner.
It’s designed to help busy marketers and business owners discover what works with social media marketing.
The show format is on-demand talk radio (also known as podcasting).
In this episode, you’ll discover 5 Facebook hacks you can employ on your website to help drive more traffic and exposure.
Share your feedback, read the show notes and get the links mentioned in this episode below!

Listen Now

You can also subscribe via iTunesRSSStitcher or Blackberry.
Here are some of the things you’ll discover in this show:

Facebook Marketing Hacks

#1: Use the Correct-Size Images on Your Website

You have probably noticed on Facebook that some posts have large images at the top, and underneath there is a URL, the website name and a small description.
If you have content on your website that you want seen in the news feed, then you can alter the size of the image, which will lead to more exposure and click-throughs to your website.
Facebook update
Here’s an example of a shared link with a small image in the Facebook news feed.
Facebook update
Here’s an example of how a large image appears in the Facebook news feed.
Facebook queries all of the actual images that are on your website and will choose to display the image with the largest dimensions. Facebook only allows users to select three images.
To see how this works, check out my friend Jon Loomer’s guide on Facebook Link Thumbnail Image Dimensions.
The aspect ratio of your image is the critical factor. The aspect ratio is 1.91:1. This calculates out to about 1200 pixels wide by 627 pixels deep. The ideal size is 400 pixels wide by 209 pixels deep.
You need to make sure that at least one of your images inside the article is larger than all of the others. It should be in the 1.91:1 aspect ratio.
Listen to the show to find out what happens when an image is deeper than it is wide and how it can appear in the Facebook news feed.

#2: Implement Facebook Open Graph Tags

Facebook has its own language called Open Graph. This allows you to tell Facebook certain kinds of attributes, which include the image it should use as a default on a page, where it should pull text from and what the description should be. This kind of information helps your content appear more appropriately in the news feed.
You can discover all of the data behind Open Graph and find everything you need to know about how it works. It’s a great guide even for the non-techie.
open graph get started
To learn more about Open Graph, check out the Get Started tutorial.
If you are on WordPress, Open Graph is easy to implement with a plugin called WP Open Graph. It allows you to set data on a macro-level and on a post-by-post basis. It’s a great way to control what shows up when people share your articles on Facebook.
The best way to keep your shared content up to date on Facebook is to use Facebook’s Debugger. It’s a great tool to stop Facebook from pulling in information that’s no longer relevant.
Listen to the show to find out how the Debugger tool works, and how it will help you with your Open Graph.

#3: Add a Facebook Share Button to Your Website

When you add a Facebook Share button to your website, you need to make sure that you use the code from Facebook or the WordPress plugin, which was developed by Facebook.
It doesn’t matter if your website is WordPress or not, you can visit here and paste in the URL you want to share and choose the different layouts for your button.
facebook share button info
There are many different Share buttons to choose from.
You’ll discover the best Share button to use for social proof on your website.
If you use WordPress, it’s easy to use their default plugin. This plugin allows you to do the same as the Facebook one, but it does everything automatically for you.
When it comes to the placement of the Share button on your website, many people like to put it at the top of a blog post. This way, users can see how many people have shared the article, which incites them to read it too. Others like to put the button at the bottom of the post.
placement of facebook share button
You can also use a plugin like Digg Digg, which allows the Share buttons to float down the side of the article as people scroll through.
Listen to the show to learn why I’m a big fan of having a Share button at the top andthe bottom of an article.

#4: Leverage Google Analytics

Although a lot of you may already have Google Analytics installed on your website, you may not know that you can use Google Analytics to analyze your traffic that comes from Facebook.
When you log into Google Analytics, you need to click on Acquisition. Underneath Acquisition is a category called Social. When you click on Social, it will show you all traffic that comes from all of the different social channels.
social network google analytics
You can view your social traffic sources with Google Analytics.
You can click on a social network—Facebook, for example—and it will show you which URLs Facebook drives the most traffic to. You can narrow it down to a specific day or over a certain time period.
You’ll discover how to see the traffic source for your sales pages and why this is great for comparative analysis.
Listen to the show to hear how you can use Google Analytics to see if there are any increases or decreases in traffic trends from Facebook.

#5: Use the Facebook Like Box for Pages to Grow Your Facebook Fan Base

If you have a website that has a lot of traffic, then it’s important to put up a Facebook Like box for pages.
When someone visits your site and they are already logged into Facebook, they will see their friends who are already fans of your page. They can become a fan with the click of a button without leaving your website.
facebook like box for pages
The Facebook Like box on Social Media Examiner.
It’s a great way to grow a healthy following for your Facebook page, just with the traffic that comes to your website.
Listen to the show to find out why this type of button works better than a Like Us on Facebook one.

This Week’s Social Media Questions

Question #1: John, whose wife is interested in starting a new lifestyle-type business online, asks, “In regards to a strategy for launching this new idea, my thoughts would be that she would start with Facebook and then Twitter, based on the fact that there is already foot traffic. Once she achieves a certain level on these two channels, then she would have an official announcement or launch of her new website. Is this a good strategy? If not, does it make more sense to launch all three simultaneously? In regards to Twitter and Facebook, what specific strategy could you give us for how to get valuable content for Twitter?”
I think it’s more important for you to launch something that you own first and then launch a community. You should start with a website, then a social channel. The reason is because you rent open ground with a social channel and there are no assurances that your content will be seen. To acquire fans, you need to have a hub or destination for them to go to.
You’ll hear how the team at Social Media Examiner uses Twitter and Facebook to find interesting articles to share with our audience.
Check out our Getting Started With Social Media: Resource Guide, which contains a number of resources to help bring you up to speed.
Question #2: Adam, the owner of Fresh Idea Websites that helps a lot of small businesses build WordPress websites and also provides social media community management, asks, “What tools do you find are the most helpful for managing multiple business pages for different brands, and why do you like those tools?”
fresh idea websites
Fresh Idea Websites.
At Social Media Examiner, we have two primary pages. One for Social Media Examinerand one for My Kids’ Adventures. To manage Facebook, we use the built-in tools.
We like to use Facebook’s tools to schedule posts because in the past, Facebook has penalized people who use third-party tools. For the most part, Facebook is a very manual process. I’m not in a position like you are with many different clients to manage, so there isn’t really a tool I can recommend.
If you want to check out some of the tools that are out there, you can visit our Tools category.
You’ll discover why we use SocialOomph and HootSuite to schedule tweets ahead of time.
Question #3: Amanda Skidmore is marketing director for a startup company calledCEU Central, an online education website where health professionals can take the continuing education courses they need to renew their professional license.
Amanda is currently trying to develop a marketing plan and asks, “Do we need a separate Facebook, Twitter, blog, etc., for each of our divisions, since the professionals we serve have such vastly different interests?”
ceu central
CEU Central.
Unfortunately there is no simple answer to this.
It really comes down to resources. In an ideal world, you should have separate social channels for each of the primary audiences that you are trying to reach. If you have different products with different audiences, then it does make sense to begin to develop different communities. Having said that, it can become a management nightmare.
I would encourage anyone who has gone through this to let Amanda know what your thoughts are in the comment section below.
Question #4: Greg Elwell, host of the Expert Interviews podcast, asks, “How can you have two instances of a blog on a single WordPress site? For example, on Social Media Examiner you’ve got your home page, which is where all of your blog articles are and then you have a Podcast menu item, which contains all of your podcasts. Is there a simple way to do this in WordPress, where you can have separate instances or pages and RSS feeds configured on a single WordPress website?”
expert interviews podcast
Expert Interviews podcast.
All you have to do is create a separate category inside of WordPress. We have a category called Podcasts, where every podcast is tagged with that particular category. So when you go to www.socialmediaexaminer.com/podcast it will only show you the blog posts that are tagged “podcast.” All we did was create a forwarding URL that takes users to www.socialmediaexaminer.com/category/podcast-episodes.
You can create any category you want. These categories can have their own RSS feed. In the end, it’s how you can create what appears to be a customized subsection of your website.
You’ll hear why we hired a developer to create a special code for the podcast category.
Question #5: Lucy from Lucy’s Web Designs creates websites for clients and teaches them how to keep them up to date.
Lucy asks, “On one of your podcasts, you said to put content where the client is. I’m just wondering how that affects SEO, as I have heard you are not supposed to duplicate content on websites. For instance, if I were to put a blog post onto Google+ and then onto Tumblr and Facebook, how would that work given the fact that it’s already residing on my blog or my client’s blog?”
lucys web designs
Lucy’s Web Designs.
I know that some people copy and paste their entire article onto social platforms, and I’m not necessarily an advocate of that. When I talk about sharing content across social networks, I’m not talking about republishing or redistributing your content, I’m actually talking about linking back to your content.
The idea is to drive as much traffic back to your website as possible. You can take a portion of your content, such as the first couple of paragraphs, and put it on the different social networks and have a Click Here to Read More option.
You’ll hear the disadvantages of when you publish your content elsewhere and why Google will penalize you.
Question #6: Mike Haldas, co-founder of AppBurst, develops content-driven applications for businesses and events. Mike shares his concern for competitors’ ability to use tools to research and find social media connections on every major platform.
app burst
AppBurst.
Mike asks, “Let’s say that I’m a company that’s really good at connecting with my customer base through social media platforms and I build up a large following. Isn’t that kind of risky, because in a way, I just exposed part of my customer base or leads to any competitor that knows how to watch and track this? Does this concern ever come up in your circles, and what do you think about it?”
I don’t think this is a huge concern. For example, we have 230,000 email subscribers and 210,000 Facebook fans. There isn’t necessarily a correlation between the Facebook fans and the email subscribers. I’ve learned over the years that different people want to consume content in different ways.
For example, a lot of our email newsletter subscribers are now probably following us on Facebook instead, because they don’t want to get our emails anymore. In addition, there are people who discover us on Facebook who have no idea that we have an email newsletter list.
More importantly, there’s no way for me to know who all of our fans are on Facebook very easily, let alone our competitors.
Facebook likes to keep this information private. I believe only LinkedIn groups allow the administrator to download this type of information.
You’ll find out why it’s more important to grow a following on these social networks and how you can use this to move people into your lead funnel.
Call in and leave your social media–related questions for us and we may include them in a future show.
Listen to the show to learn more and let us know how this works for you.

Other Show Mentions

My Kids’ Adventures
I want to bring you up to speed on My Kids’ Adventures. This is a project I have been working on for the last 5½ months.

Watch this video to get a feel for the vision for My Kids’ Adventures.
The reason why I started this website was because as a busy parent, I felt like I wasn’t spending enough time with my kids. At the end of the workday, I didn’t have enough creative juices to think of something fun and exciting to do with them.
So I brought together a lot of creative minds, and at present we publish fun and adventure-themed activities three times a week.
Some of the articles include:
Since our launch in mid-July last year, we have had more than 142,000 unique visitors to the site and the video above has been viewed 9,300 times. These figures are awesome.
I’m trying to make a huge impact in the world and I could use your help. The first thing that you can do is to head over to My Kids’ Adventures and take advantage of all of the great free resources.
There is also a Resource Guide where you will find activities in every category you can imagine.
The other way you can help with My Kids’ Adventures is to apply to become a writer. If you are really creative and do fun stuff with your kids, we would love to hear from you.
If you can help us get the word out, visit here.
Social Media Marketing World 2014
SMMW logoSocial Media Marketing World 2014 is our physical mega-conference, which is set to return to San Diego, California on March 26, 27 and 28.
The conference features more than 60 sessions in four major tracks: social tactics, social strategy, community management and content marketing.
The excitement for this conference is building like nothing we’ve experienced before.
The average temperature in San Diego is 72°, so why not bring your family and make a vacation out of your business trip? There are some awesome attractions in San Diego, including the world-famous San Diego Zoo, the Safari Park, SeaWorld and LegoLand.
Check it out and make sure you click on the Travel section to see all that San Diego has to offer.

Key takeaways mentioned in this episode:

Help Us Spread the Word!
Please let your Twitter followers know about this podcast. Simply click here now to post a tweet.
Ways to subscribe to the Social Media Marketing podcast:
What do you think? What are your thoughts on these 5 Facebook marketing hacks for your website? Please leave your comments below.

Wednesday, 18 December 2013

How to Customize Your Social Share Buttons for Increased Traffic


Are you happy with how social share buttons work on your website?
Do they auto-populate with information that makes your brand look good on social networks?
To maximize the benefits of social sharingon your website, you need to make sure  your social share buttons contain customized messaging that’s easy for your readers to use and benefits your brand.
In this article, I’ll focus on how to optimize the top social share buttons for your website.

What’s an Optimized Share Button?

An optimized share button automatically generates a sharable message with custom information for your brand.
Here’s an example of a social share button tweet that’s not optimized with custom information.
non-custom-tweet
Here’s an example of a tweet that has not been customized.
While the product ID number shows in the URL, the tweet is missing the brand’s Twitter handle and hashtags. Including these items would help the brand increase followers, reach and engagement.
Here’s an example of a social share button tweet that’s optimized to auto-populate with the brand’s Twitter handle.
custom-tweet
This tweet has been customized to display the product name and color number within the URL, and includes the brand’s Twitter handle.
Notice the additional information included thanks to the customized URL in the tweet above.
Customized share buttons let your readers share useful information and help you control brand messaging at the same time.

Installing Social Share Buttons

Each social channel handles share buttons differently and allows for various levels of customization. All channels offer options for look and feel, size, share count, connection annotations and what metadata is automatically pulled through the widget.
Below, I cover share buttons for Twitter, LinkedIn, Google+, Pinterest, Facebook and email.
I’ll explain which buttons let you add your username or include hashtags; how URLs, images and page summaries are rendered; and how to best install and customize each button.
If you have a basic familiarity with HTML, the buttons are relatively easy to install. You can also send this to the person who does your technical web support.

#1: Twitter Share Button

Have you ever wanted to retweet something from someone you wanted to network with, but couldn’t find his or her Twitter handle in the automated tweet? Did you look for a Twitter handle to include in the retweet? Or did you abandon your networking endeavors?
In the example below, the Tweet button on ModCloth’s blog automatically pulls through the blog title, a custom shortened URL and their Twitter handle.
mod-cloth-tweet-button
This is an example of a tweet from a customized Tweet button.
mod-cloth-tweet-live
Here’s how the message looks when tweeted.
Here’s how you can customize the Twitter Share button:
Step 1: Go to Twitter Buttons and select the “Share a link” button you like best.
Complete the form fields in Options and make sure to include your Twitter username in the Via and/or Recommend section.
Select “Use the page URL” for share URL and “Use the title of the page” for tweet text.
custom-twitter-share-button
Customize your Twitter Share button with your Twitter handle and any relevant hashtags.
Step 2: Click the Tweet button to preview how your tweets will display.
twitter-share-button-preview
Preview the auto-populated message to see how it looks with your customizations.
Step 3: When you’re satisfied with how the tweet looks, copy and paste the code into the HTML for your site in the location you’d like the button to display.
Save the change to your site and you have a customized Tweet button.

#2: Google +1 Button

The Google +1 button attributes include the page title, URL, image and recommendations.
simple-google-plus-button
Simple’s Google +1 buttons automatically pull through article titles and images.
You can also select from advanced options, including how the +1 button loads, to better fit the needs of your website. For example, select Asynchronous JavaScript loading to improve page load time by allowing the browser to load the page and the +1 button code at the same time.
Google+ pulls information to auto-populate in one of four ways, in this order:
To ensure the best rendering of the share message and create the most eye-catching message, I recommend you implement both Schema and Open Graph on your site.
Visit the Google Developers page and follow the instructions below to customize your Google+ button.
Step 1: Select the desired button size, annotation format (meaning where the share count displays) and width.
google-plus-button-customization
Customize the size and format of your Google +1 button.
Step 2: Select the appropriate advanced options.
simple-google-plus-button-advanced-options
Advanced Google +1 button options allow you to choose how the button loads on the page, impacting render time.
Step 3: Now that you’ve formatted your button, click “Want to customize your snippet?” below the preview and code to customize the share message.
google-plus-button-snippet-customization
Here’s where you can customize the message that is auto-populated for the Google +1 button.
Step 4Copy the snippet code and the button code from step 2, and paste them where you want the button to appear.
google-plus-button-code
Preview the share button and copy your code here.
Just like that, you have an optimized Google+ button on your site.

#3: LinkedIn Share Button

LinkedIn’s Share button is more basic than those for other social media networks. And it isn’t for every brand, but should be included if you deliver B2B content.
The LinkedIn Share button not only pulls through your title, description and image from the page, it also lets users edit the post.
linkedin-open-forum-share-button
The target audience for American Express’s Open Forum blog is entrepreneurs and SMB owners; therefore, it makes sense that LinkedIn is the first button in their share options.
To install the LinkedIn Share button, visit the LinkedIn Share Button generator and follow instructions below.
Step 1: Leave the URL to be shared blank and it will default to pulling the current page. Select how you want the share count to display.
linkedin-open-forum-share-button-customization
Select your preferred format for the LinkedIn Share button.
Step 2: Preview your button. If you’re satisfied, click “Get Code,” then copy and paste it where you want the button to display.
linkedin-open-forum-share-button-code
Copy the code generated for your LinkedIn Share button.
That’s it! Your optimized LinkedIn Share button is ready to go to work.

#4: Pinterest Pin It Button

Because Pinterest is image-based, the Pin It button only works on pages that include an image.
The Pin It button ignores any background images in your CSS and pulls any content within tags that are at least 80×80 pixels.
If your page has multiple images, they are listed in the order in which they are specified in the HTML file.
fab-pin-it-button
Fab.com coded their Pin It buttons to automatically show their brand name in the pin description.
Pin It buttons require a bit more advanced coding than other sharing buttons. Don’t be afraid to check with your web developer to make sure you’re using the correct URL, image and description. When you’re ready to build your button, visit thePinterest Widget builder to get started.

#5: Facebook Share Button

Facebook offers two types of buttons: Facebook Like and Facebook Share. Both buttons allow users to share your content on Facebook and create a story on their news feed. The difference is in how the news feed stories display and how much control the user has in crafting that story.
While both buttons allow users to add a comment and tag friends, the Facebook Like button doesn’t allow them to edit the headline, description or thumbnail image.
facebook-like-button
Here’s a Facebook Like button dialog box. Note that you’re unable to choose the thumbnail image or edit the title or description.
The Facebook Share button lets users make these changes. That means more exposure and engagement for you because the reader can personalize the post for their audience.
facebook-share-button
In this image you can see how the Facebook Share button allows the user to edit the description (highlighted in blue).
For this reason, I recommend you create a customized Facebook Share button for your website.
Follow these step-by-step instructions to add Facebook Share buttons to your site:
Step 1: Leave the URL field blank, as this will default to sharing the page that the button lives on. Enter the width that makes sense for your page design.
Then choose from six different layouts that combine different designs and share count displays. I recommend you use a version with share count to increase sharing—if readers see that others have shared something, they’re more likely to share it themselves.
facebook-share-button-customization
Customize and preview the Facebook Share button.
facebook-share-button-layout-options
Choose from six different layout options for the Facebook Share button.
Step 2: Click “Get Code” and choose between HTML5 and XFBML (iFrame and URL do not work with the Share button).
facebook-share-button-html5-code
Copy the code that Facebook generates for your Share button.
Step 3Copy and paste the code where you want the button to appear on the page.
Step 4Include the proper Open Graph (OG) tags in your page to allow for more appealing share messages. The basic OG tags to use are title, site_name, URL, description, image and app_id (this tells Facebook what the site is and allows Insights to work).
An OG tag for a page title looks like this:
Depending on your business’s industry and the type of content being shared, you can also include other OG tags like media type (this defaults to the website if no media type is specified), locale, author and publisher. It may seem complicated, but know that OG is just meta-tags and your web developer should be familiar with them. Learn more about Facebook Open Graph.
Once the code is copied and saved to your site, the Facebook Share button is installed.

#6: Email This Button

True, email is not considered a social media network. However, according to research by The Atlantic, emails, instant messages and other “dark social” channels account for 69% of the sharing that occurs online.
These objects are considered “dark social” because they’re untrackable throughGoogle Analytics as people typically copy and paste a direct link, which shows as direct traffic in analytics.
Email buttons differ based on whether you’re using HTML, CSS or another programming language. Regardless of which language was used to build your site,make sure the title pulls through as the email subject line, and the URL renders correctly in the body copy so that the recipient can easily click on the link to visit the source from any email platform and device.
Work on your own or with a designer to develop a button that matches the look and feel of your site. Then add this code, which will open up the user’s default email client and create a new message:
mailto:email@domain.com?subject=page title”>email button

How to Measure and Enhance Performance

Google Analytics shows activity on these buttons within the Social Plugins section. You can also use Event Tracking to see how many users click on each social share button.
Keep an eye on the volume of shares for each button.
If you find that one button isn’t generating any shares, your audience simply may not use that social media channel. Consider removing the button to make room for others that perform well.
Conclusion
Facebook, Twitter, Google+, LinkedIn and Pinterest are arguably the top 5 social networks today. While you should make it easy for your readers to share your content on these networks, you should also make it a priority to control how your content looks when it’s shared.
Take advantage of the custom attributes each platform’s share button provides to helpensure that your brand messaging stays intact when your content is shared.
What do you think? How do you use social sharing on your site? Which buttons have you seen the most success with? Share your experiences in the comments below.