Bridging the Gap: How to Integrate Social Media Into Your Website

Your website is the home base for your company. It’s where you turn visitors into leads and prospects into paying customers.

Social media sites are outposts for your company. They’re where you go to find your customers and prospects and maintain an ongoing dialog with them in the places where they live online.

All too often, however, companies treat their web development and social media efforts as separate and distinct initiatives when, in fact, they should be working together seamlessly to promote the growth of your business.

Here’s how to maximize your online exposure by bridging the gap between your home base and social media outposts:

Start with the basics.

Make sure you have obvious links to every social media site where you maintain an active presence in a prominent location on your website. The header or footer is a good spot for these links because they then become a universal element of your website that every visitor will see no matter which page they might happen to land on first, last or in between.

You don’t have to use the standard logo for these social media sites, either. Instead, you can style these buttons in ways that reflect the look and feel of your own site.

Keep in mind, too, that the point of these links is to entice web visitors to “like” or follow you on these social media networks so that you can continue your conversation with them long after they’ve left your site. Therefore, it’s important that you include links only to those sites where you maintain an active presence. Don’t add a link to any site where you are not a frequent participant because there will be no incentive for that prospective customer to want to continue engaging with you on that platform.

It’s also smart to have these links open in a new tab so that you don’t risk losing your hard-earned visitor to other distractions on Facebook or Twitter.

Empower your advocates.

Today’s culture of the Web thrives on people finding great stuff and passing it along to others.

Make sure it’s easy for your customers and fans to share the stuff they like on your site with their own circles of friends and followers.

Again, use some discernment here and don’t include sharing options for every social site ever invented. Just pick a few key options like Facebook, Twitter and Google+ so that these buttons can be large enough to be easily seen.

Also, don’t plop these buttons on every page. Make sure they’re present on every product page and blog post. But what are the chances someone is really going to share your About or Contact page with the world?

Finally, pay attention to how links look when they’re shared. For example, Facebook’s API displays page titles and meta descriptions for shared links, so make sure these elements that live in the underpinnings of your site are formed strategically so that the shared content is presented in the most advantageous way for your brand.

Use social media to feed your website.

If you regularly use social media networks to keep your customers and prospects apprised of special promotions or events, you might consider plugging a Facebook Like Box or Twitter widget into your website.

However, don’t exercise this option just because it’s there and it’s trendy. Think carefully about whether the content you share on Facebook or Twitter actually pertains to and is appropriate for your average website visitor.

Also, while it’s almost always best for your blog to be an integral part of your own website, if you do maintain your blog on a third-party platform like Blogger or Tumblr, make sure you pull an RSS feed from your blog into your website so customers can discover your great content.

Get visual.

If you have a helpful how-to video or a series of photos from your latest event that you want to feature on your website, consider posting them to social sharing sites like YouTube or Flickr and embedding them in your site from there.

This approach makes your content accessible to the millions of users who search these social platforms for videos and images, making it that much easier for potential new customers to discover your website and your brand.

For example, Pink Cake Box, a gourmet cake shop located in New Jersey, reports that about 10 percent of their website traffic each month comes from Flickr, where they regularly post photos of unique cakes.

Just make sure when you post your photos or videos that you include a link back to your site in the description so users have a clear path to reach your home base.

Get social with service.

It’s standard practice to give your customers the option to contact your company via an email address or by submitting a form on your website.

However, many companies are now encouraging customers to get in touch via Twitter or Facebook as well.

There are several benefits to this approach. First, it gives the person who wants to reach you a quick, convenient way to do so. It also gives your company the opportunity to field both praise from happy customers and complaints from dissatisfied buyers in the public eye.

While you might be nervous about the idea of having complaints aired publicly, consider this: these people are going to be talking about you anyway. It’s best to give them an outlet to do so in a way that allows you to provide a positive resolution to the problem at-hand while demonstrating to the world that your company cares about your customers and is dedicated to providing the best possible experience for them.

If you go this route, just make sure that you’re prepared to monitor and reply to any communication directed at you via social media right away. If a question or complaint lingers unanswered, it will reflect poorly on your brand. Also ensure that anyone who is tasked with responding behalf of your brand is well trained in how to handle any imaginable scenario in a way that demonstrates strong values and a commitment to providing excellent customer service.

By bridging the gap between your activities on social media networks and your own website, you’ll create an even stronger promotion engine for your business that will help you capture and convert more customers.

---

Seven Ways to Shed Weight Fast!...For Your Website

With the holiday season and all of its excesses in the rearview mirror, for many of us, our thoughts turn next to resolution-making, specifically vowing to shed the extra pounds that are the collective result of any number of regrettable dietary choices made over the course of past months, from digging into the kids’ trick-or-treating bags to raiding the fridge for Thanksgiving leftovers to a daily egg nog latte habit. But while we’re in resolution-making mode, we’d do well to think not only about how to trim our waistlines but also how to slim down our websites. Why? Just like all those little culinary indulgences add up to extra pounds on our bodies, the small additions you might have made here and there on your website can weigh it down and leave its performance in the same type of sluggish slump as you might feel after one too many pieces of grandma’s pumpkin pie.

The problem

Today’s websites have become bloated, with the average web page tipping the scales at over 2 megabytes. That may not sound like much in an era when we’re well accustomed to talking in terms of gigabytes and even terabytes. However, when it comes to the Web, even 2 megabytes is too much, especially for visitors using low bandwidth or mobile devices, who are likely to leave your site rather than wait for a too-slow page to load, leaving you in the perilous position of losing their business altogether. Hefty page weight and poor performance can also have a negative impact on your site’s search ranking, as Google and other search engines now include these elements as key factors in their algorithms. As a result, streamlining the size of your web pages is certainly a best practice, but where do you begin? Just as shedding pounds requires you to make changes in multiple aspects of your lifestyle, there are a number of aspects of your website that you can examine to find ways to trim the unnecessary dead weight that’s detrimental your site’s performance.

Your seven-step plan for website weight-loss success

1. Optimize images.

As giant, screen-spanning images have become a popular trend in website design, pages have gotten heavier and heavier over the years. One way you can make a drastic reduction in the weight of your web pages is to ensure that the images on your site are properly optimized for the Web and that you’re not serving unnecessarily large images to mobile devices with small screen sizes.

2. Retool HTML files.

HTML files also impact the download size of a page, so look for ways to optimize the code to reduce the overall size of the file. Although these savings are likely to be small, remember that even small changes can add up to measurable improvements.

3. Streamline style sheets.

Because CSS files must be downloaded in order for a user to view your site, poorly formatted files or loading of unnecessary styles can increase the size of downloads. Requiring multiple style sheets can also have a negative impact on performance, since each one will require a separate HTTP request to fetch that file.

4. Ditch JavaScript where possible.

Using JavaScript files or libraries is a common practice in modern website design, but when it comes to optimizing page download size, there are a few drawbacks to this approach. First, requiring an entire library for just one effect (like an animated carousel of images) is not the best use of bandwidth. It can also lead to a critical user experience fail if your website does not work as intended because a visitor has elected to disable JavaScript in their browser. In some cases, JavaScript may be necessary, but be sure to make the distinction between when it is truly a must-have versus when it is simply a nice-to-have feature.

5. Use Web fonts sparingly.

The rise of Web fonts has given designers much more flexibility in their application of typography on the Web. Instead of being forced to select from only a handful of Web-safe fonts, Web fonts allow new typefaces to be included with a site’s files or linked from a third-party resource, such as Google Fonts or Adobe’s Typekit service. While these solutions have greatly increased the options available to designers, they can also significantly impact the performance of a web page. Font files must be downloaded with the page, so it is important to keep these to a minimum. Requiring three or four different weights of one font may be attractive from a visual standpoint, but it will be brutal from a file size perspective.

6. Eliminate external feeds whenever possible.

Content that is pumped in from other sites, including social media feeds and ads from by a third-party provider, will absolutely slow a website down, as external feeds are notorious bandwidth hogs. While these resources are sometimes necessary, their use should be limited as much as possible.

7. Check for CMS dependencies.

If your site uses a content management system, there are likely to be aspects of that CMS and how it is configured that play a role in performance. Since CMS platforms draw their content from a database, the calls to that database can slow the download speed of your page if there are too many of them or if they are not configured properly.

Know your numbers

Just as you need a scale to help you gauge your progress toward your target weight, you also need tools to help you measure the impact the steps you’ve taken above have made in improving the performance of your website. The Website Speed Test from Dotcom Monitor is a great tool that allows you to “instantly test your website speed in real browsers from 23 locations worldwide.” This application will not only tell you how large your page is but also measure its load time and reveal which elements contribute most to its size (similar tests are also available from Google). Armed with this data, you can charge forth with confidence, knowing that your website will soon be a leaner, meaner business growth machine – no fad diets or gym memberships required!

---