Browsing:

Understanding On-line Marketing Tools

Examples of Link-Bait Content

Those of you who are paying attention will remember our quick and easy guide to link baiting – it was quick, and fairly easy, but didn’t really roll it’s sleeves up and tell you the types of content you might consider creating for link-baiting. Fret not, Econsultancy have published 15 types of content for link-baiting, which is well worth a read if you’re responsible for creating content for a web site.

The types of content they suggest are:

  1. Lists
  2. Create a great infographic
  3. Have an argument
  4. Say something controversial
  5. Be a contrarian
  6. Build tools
  7. Launch a competition
  8. Get an exclusive
  9. Release a whitepaper
  10. Be helpful
  11. Amuse an dentertain
  12. Involve the crowd
  13. Say something bad about Apple
  14. Write killer headlines
  15. Do something new

While the list delivers some great food for thought, it is just that – food. Sorry, I mean thought. These are ideas on how your content could become great link-bait material, not the final content itself. Some of these ideas should be used almost all the time (choose one of: Be helpful, Amuse and entertain, Write killer headlines), whilst others may not fit into your own site’s content strategy. That’s fine, you don’t need them all, you just need to make sure whatever content your site is producing is relevant to your products or services, and it’s interesting. If you can’t do that, say something controversial.

If you’re struggling for content ideas, hopefully you’ll find something useful to dislodge that writers block…

[Quote] Give a person a fish…

Give a person a fish and you feed them for a day; teach that person to use the Internet and they won’t bother you for weeks.

Author Unknown

How we made bpodr.co.uk 33% faster!

Last week I wrote how site speed was starting to play a greater role in Google Rankings. I wrestled with myself a little over whether or not to publish that post because I knew that the bpodr site wasn’t as well optimised for speed as it could have been (WARNING: Low flying excuses incoming…) The site had only recently been re-launched under tight timescales, we have a lot of client work on at the moment, and the page speed of bpodr.co.uk wasn’t as important as getting the site up-and-running, and publishing useful content. However, the speed of a website is important, and this website is no different.

I decided to post it anyway, and use it as an opportunity to ease my embarrassment about bpodr.co.uk’s speed issues – I’d set myself a 7-day challenge: Improve the speed and performance of bpodr.co.uk.

I knew what I needed to do, I knew how to do it, but I was struggling to find the time. A public announcement that I was going to improve things seemed the perfect piece of pressure, and it proved to be exactly what was needed (of course, there’s also the danger that I could have failed miserably, and shattered any trace of credibility I may have). Anyway, here’s the results of my 7-day page speed challenge:

bpodr.co.uk: Now 60% Slimmer and 33% Faster!

How we did it…

The last post outlined a few techniques for improving the speed of a website, so I started my speed improvements there. I decided to implement these small changes to the bpodr.co.uk home page, and ensured none of the changes affected the look or the content on the page. I documented the size of the page, and the number of objects (images, files, scripts) that are requested when the page is loaded, at the start of the challenge and after each round of changes. This showed me what gains (or losses) I made for each speed enhancement.

N.B. I didn’t measure the speed after each change – it’s a fair conclusion that speed, although relative to each user (based on their computer speed, browser used, connection speed, etc), would improve as the page got lighter, and the number of images downloaded decreased.

Before we started…

Firstly, I wanted to know how things were before I started making changes, so I benchmarked the speed and size of bpodr.co.uk using Browsermob.com.

The results were: Size: 431kb, Average Speed: 2.30 seconds, Number of Objects:32.

bpodr site speed - 15th July 2010

Compared to Google’s published web averages, this made us about 25% larger than the average website waddling around in cyberspace, with a few extra objects being loaded. A little bloat around MY waist I can handle, but I’m not prepared to accept it on a website of mine, and so I needed to draw up a plan to shed those extra kilobytes, and take bpodr.co.uk from overweight to fighting weight (cue rocky music…)

The website weight loss programme begins…

1. Combine JS and CSS files

I started with a quick win: Reduce the number of files that the browser has to load for the page to work correctly. A lot of sites call multiple Javascript files, some of which are hosted externally to the site that’s loading, as well as multiple CSS files (CSS files control the way your web site looks). By reducing the number of files that need to be loaded, there’s less trips between the server and the user’s browser, saving precious nano-seconds! I managed to reduce the number of files on bpodr.co.uk from 5 to 2, and also moved a file from loading on an external server to our own server.

Before After Gained
Size: 431kb 417kb

+ 3.25%

Files: 5 2

+ 60%

images: 19 19

+/- 0

2. Compress Image Sizes

Compressing image sizes takes a little longer than reducing the number of scripts loaded on a page. The benefit here is in reducing the size of each image your page is loading (as long as you’re not compromising the quality of the images). There were 10 images that were in need of a good compression on the bpodr.co.uk site…

Before After Gained
Size: 417kb 222kb

+ 46.7%

Files: 2 2

+/- 0

images: 19 19

+/- 0

3. Turned images to Sprites

Creating sprite images can be a time-consuming task – it’s basically converting multiple background images from a page into just one image. That one image then loads once, but displays a different portion of itself to show the various images contained within it (uncross your eyes now!). The page benefits from having to load less separate images from the server – less trips to the server = faster loading, yippee!

Before After Gained
Size: 222kb 172kb

+ 22.5%

Files: 2 2

+/- 0

images: 19 12

+ 36.8%

There are other compression techniques that were already implemented on the bpodr.co.uk site, such as file compression, and some caching of files and images. If I hadn’t implemented these on the site during the build, I’m confident we would have seen some extra improvement to the size and
speed of the site.

The Total Site Improvement…

We already know that I reduced the waistline of the page by around 60%, but let’s see it in a fancy table:

Before After Gained
Size: 431kb 172kb

+ 60.1%

Files: 5 2

+ 60%

images: 19 12

+ 36.8%

So what was the final result on the speed test?

From 2.30 seconds to 1.53 seconds average loading time: a 33% increase in speed! It also means we’ve got a significantly smaller size, and less images loading than the web’s page average (according to Google). So the page is now slimmer and faster, and better than your average page – a true athlete amongst web pages. bpodr.co.uk snr would be proud.

These improvements show us that big gains can be made to the size of a site, and therefore it’s size, using some fairly basic techniques. We can draw some conclusions from this 7-day challenge:

  • The biggest size reduction came from compressing images,
  • All of the above activity improved the size of the site,
  • Less visits to the server and smaller file sizes equals faster loading times for sites.

How optimised is your site for speed? Remember, if it’s not well optimised, and below the ‘Google average’ you could be doing your site rankings some harm. It’s not going to result in jail time, but it may mean your site isn’t working as hard as it could be.

Why not set your web developer the 7-day page speed challenge, and trim some weight off of your web pages…

The facebook 500 (million)

Facebook has reached a mammoth milestone: 500 million (active) users.

I was going to create a fantastic infographic about facebook‘s rate of growth, it’s virtual population size compared to some of our biggest countries, and some big yellow images about how many new users are signing up per day, but, Pingdom had beaten me to it with a great infographic celebrating facebook’s 400 millionth user back at the start of February. Not being one to reinvent wheels (plus Pingdom’s infographic was a damn sight sexier than any effort I might produce), I decided to, ahem, ‘update’ their infographic myself…

facebook grows to 500

So, there you have it. 500,000,000 people worldwide now use facebook – are they talking about your business or service?

BONUS: 10 fun facts about facebook, courtesy of mashable.

[Quote] Fire The Committee…

Fire the committee.
No great website in history has been conceived of by more than three people.  Not one.  This is the dealbreaker.

Seth Godin

A quick and easy guide to Link Bait (and why you should care)

What is Link Baiting?

Links are an essential currency online. the more you have, the higher you rank. But how do you get links? Link Baiting is a technique that can help.

Link Baiting is the process of creating content for your site that stands a good chance of attracting links from other sites. It’s hard work going ‘door-to-door’ for links: knocking down site owner’s doors, asking nicely for links is arduous and it takes a long time (and a lot of effort) if you’d like hundreds or thousands of links. Putting that effort into creating content which attracts links all by itself is much smarter. Your content acts like ‘bait’. That’s Link Bait.

Not just any old content makes great link bait, though. Content that attracts links from other site owners, bloggers, publishers, and so on, has to be compelling, interesting, useful, funny, informative, or all of these things (this post doesn’t lay claim to be any of those things – I deliberately left badly written off the list). Link Bait content has to be great.

Why should I care about great content?

Great content attracts links (didn’t you read what I said just know?). Links equal better rankings, which equals more traffic. This is why great sites care about producing great content, and why you should too.

Just take a look and see how great content can act as link bait:

Power of Link Baiting

Infographic courtesy of ElliancePower of Link Baiting Infographic

What types of content could I use as Link Bait?

What types of content would your customers enjoy or find useful?  What would you enjoy writing about, talking about, or singing about? Use that type of content. It could be an article, a rant, a video, a full blown west-end musical. But it has to be amusing, interesting or useful.

Types of Link BaitInfographic courtesy of EllianceType of Link Bait Infographic

Link baiting is a very important part of building an online presence that works. There are a huge variety and type of content that can be used, the infographics above are a prime example – I thought they would be interesting and informative, so I’ve displayed them on my site, with a link back to the source site. You could choose to sing, dance, write, or tap-dance to create great content – it doesn’t matter, as long as it’s remarkable to some of your audience.

[I've added Link Baiting to the bpodr SEO glossary]

How Fast Is Your Site?

Site SpeedometerBack in the old days of the web (when everything was in black and white, and scrolling, blinking text was all the rage), use of graphics were deliberately kept to a minimum. Us web designers dare not risk including too many images on a web page for fear of the visitor having to wait 40 minutes while their 56k dial-up modem chocked and spluttered through the task of loading the page. Oh, how things change; the occasional animated gif has been replaced by high definition streaming video, and the occasional text hover colour change has been relegated to an amateur laughing stock, with javascript-driven slides, fades, drags, drops, and fireworks adding the glamour to today’s sites.

It seems widespread broadband and high-speed Internet has removed our page-loading time shackles. Maybe all this spare speed, though, has made us complacent…

Google want’s to make sure the web is fast. And what Google wants, the webmaster masses usually deliver, or they run the risk of being ignored by the King of on-line traffic. The speed of a site is now one of Google’s ranking factors (which means it takes speed into account when deciding the order of Search Engine Results Pages). The speed of a site is fast becoming important again.

Google seems to be on a site speed mission, and part of this mission has been to provide benchmarks for average site speed and size across the web. Google has published some data about a sample of pages (around 4.2 billion – that’s 4,200,000,000 – of them) from around the web:

  • The average page size is 320Kb
  • The average page has 29 images
  • Only about two-thirds of stuff on an average page is correctly compressed for speed

The average speed of a site will always vary, depending on the visitors Internet connection, computer speed, Browser version, and other factors, but we can look at averages for benchmarking purposes.

How do you compare to the ‘Average’ site?

Want to know how your site performs for speed? Try running a report on BrowserMob.com – their free website performance test is a great place to start: Type in your site address, click ‘Run Free Test’, and the size, loading time, and number of objects on the page are returned. Compare your site to Google’s findings above: If the size of your site is lower than 320Kb and the number of objects less than 29, give yourself a pat on the back – chances are, you have a better than average site speed. Higher than 320 and 29? Ouch. You could be losing out in the rankings  war with your competitors for no good reason – site speed is fairly straight-forward to put right.

So how do I make my site faster?

There are a lot of quick wins your web developer can implement to speed up your site, and if it’s not already in place you should really look at getting it done. It’s estimated that only about 1% of Google’s ranking factor depends on site speed, but that’s still 1% you can easily control and have working right – so there’s no excuse! Also, think of your site visitors: don’t they deserve a fast experience of your site, even on a slow connection?

Making your site faster doesn’t mean compromising on images, cutting out paragraphs of text, or regressing the design to 1998, there are a few key things that can be implemented to speed things up whilst keeping your site looking exactly the same. There’s no silver bullet, but small improvements quickly add up. Ask your webmaster how many of these tricks are implemented on your site:

  • Gzip Compression – make sure your site content, scripts, and images are being compressed correctly. This can make sites up to 50% lighter in size. Easy to implement – a true quick win.
  • Using CSS Sprites – CSS sprites is a cool (in a web geek kinda way) technique to reduce the number of images that need to be loaded onto a page by combining them into one file. Used by some of the largest sites on the web, it’s not a quick task, but delivers serious speed gains.
  • Combine JS and CSS files – The more files you load into a page, the longer it takes. Combine your scripts and CSS files into as few as possible, saving unnecessary load. A quick easy win.
  • Compressing Images – Most modern graphic packages feature clever techniques to reduce the size (in terms of Kb’s) of an image, without compromising it’s quality. Ensure your images are properly compressed for a quick speed gain. If you don’t use  agraphics package, you can always compress images on-line, for free, using Yahoo’s Smush It! tool. A time-consuming, but very worthwhile speed win.
  • Using a Content Delivery Network (CDN) – If you rely on lots of images, videos and large PDF or Word files, then think about hosting those on a CDN – it allows files to be loaded much quicker than your average host. It’s basically a network of server specifically tasked with serving files quickly to visitors. Amazon provides a fantastically cost-effective solution. Not free, not quick to implement, but if you need to serve big files, or a lot of images, a CDN can really help.

The bpodr Site Speed Challenge

As the saying goes, “The shoemakers children are all bare foot” (at least, that’s what I remember from the saying) – the point is: as web developers, it’s very easy for us to concentrate on our clients sites, and neglect our own. The number of web designers who’s sites have been in a permanent state of construction are testament to this, and we’re no different. We try and keep our site on the cutting edge, but don’t try nearly hard enough. We’re already improving our site messages, case studies, blogging, and SEO, now it’s time to speed things up. I’m sharing our site speed with you here now, and setting myself a one week deadline to improve things, to show how it can be done. This is how things stand at bpodr.co.uk today (15th July 2010):

bpodr site speed - 15th July 2010

Not great, but the site was always a ‘work-in-progress’ (for work-in-progress, read: excuse.) I’m going to be making the sort of tweaks we make for our clients on our site over the next 7 days, then I’ll report back here the improvements and speed gains we’ve managed to get. Bet you can’t wait for that!

Pay attention to the speed of your site…

Next time you’re frustrated by the time it’s taking for a site you’re visiting to load into your browser, make sure you have the peace of mind that your site isn’t inflicting a similar experience onto your visitors and/or potential customers. The speed of an average site is not going to cost much to put right, and with more to lose than you stand to save, make sure your site isn’t being lapped by your competition…

Introducing the bpodr ‘SEO-speak’ Translation Guide

If you’re wondering whether the PPC your SEO consultant has recommended is a marketing term or a type of swim-related strain injury, we’ve got just the thing for you: Our new SEO Glossary – written in Plain English.

There’s no requirement to understand everything that comes out of your web guru’s gob, but you need to make sure he’s not making up random terms to make himself look clever and justify all the money he’s charging you each month. Well, like the helpful chaps we are, we thought we’d put together a handy guide to the most common terms, words, phrases, and acronyms you’re likely to encounter when you kick off an SEO campaign. Not sure what SEO means? No worries, now you can look it up in our super-handy Glossary – what is: SEO. Think of our glossary as a handy little translation guide that you can refer to when the words your consultant is saying at you turn into one big blaaaaaah…

We think we’ve covered the important stuff, but if you hear a term that isn’t included in our glossary, don’t immediately sack your SEO company for lying and making up words; It may be we forgot to add it. Send us an email and we’ll gladly explain the term to you, and include it in our glossary.

So, without further ado – check out our super-handy, travel-sized, web-geek translation guide (or SEO Glossary, for short.)

SEO Glossary Word Cloud

Using Social Media Tools – The Right Way

You’ve heard about how far your marketing bucks could go on-line – higher rankings, more sales, phone ringing off the hook – but how should those bucks be spent?

If you’re in charge of marketing or advertising, knowing how best to use your budget on-line could be the deciding factor in whether you’re still in charge of marketing or advertising in a years time! Even if you employ an on-line marketing company to help you plot your way to success on the web, understanding which on-line tools can best achieve your goals gives you the peace of mind that you’re spending your time and money on the best route for your business. There are hundreds of social media sites and tools on the web for you to choose from, you couldn’t possibly use them all…

Of course, it will always boil down to setting on-line goals – but once you’ve done that, how do you know which tools best meet these goals?

Well, you owe CMO.com a big thanks – they’ve taken some of the main social tools that can be used in on-line promotion and created an easy-to-follow infographic which summarises what you can achieve with each tool: The CMO’s Guide to the Social Landscape. The infographic (below) gives a great overview of the strengths and weaknesses of social tools when used for on-line marketing campaigns. It’s also a fair indication of how the tools you use should reflect your on-line goals.

Here’s my summary of which tools to use for your on-line marketing campaigns

Well, it’s really my summary, of their summary:

  • When you’re looking at having communications with your customers, Twitter, Facebook, and YouTube are the tools to use.
  • If you’re looking to promote your brand around the web,Twitter, Facebook, YouTube, LinkedIn, and Digg can all lead to great exposure.
  • If you want to drive more traffic to your site, Digg and StumbleUpon are the tools you’re looking for.
  • When you need some SEO magic sprinkled over your site, Flickr, YouTube, Digg, StumbleUpon, and Del.icio.us can all share some much needed link juice.

Of course, you also need to make sure that the actual campaign you’re running is suitable for the tools you use (which means making sure your campaign is suitable for your audience), or you’re wasting time, money, and potential customer’s eyeballs.

Make sure you check that the tools you’re using for your current web promotions, and be sure they’re meeting your on-line goals. If you’ve got no on-line goals, STOP! Make sure you know what you’re trying to achieve before you set out your master plan – your results will be far greater…

You can check out the infographic below – The Social Landscape Guide – or read the original post over on CMO.com, where there’s also a downloadable PDF you can, er, download.

CMO's Guide to the Social Landscape