5 Ways to Really Speed-Up Your Page Load Times

It’s been known for quite a while now that one of the factors Google uses to rank websites is page load time. Faster loading pages will generally rank higher than pages that load slowly, provided other factors like content and a crawlable site are the same.

Fast loading pages aren’t important for just web rankings – if a page is loading slowly or times out, how many will hang around to wait for the page to load?

Whatever the reason for a slow loading page – antiquated server, extra coding, improperly formatted images – having one (…or several) will certainly cause you to lose visitors and more importantly, customers. To see how important this is to the average web user, check out this page load graphic courtesy of Blue Compass Interactive and our friends at Planet Ocean.


So how can I speed up my page’s load time? And what’s the recommended page load time for both search engines and web users?

For the best results, it’s recommended all pages on your website load within three seconds.

If your pages are taking longer to load, the following 5 tips will help optimize page load time and ensure your rankings (…and customers) will not slip by the way side due to slow loading pages.

1. Use an image editing program that provides a “Save for Web” setting

Images are by their very nature pretty big. If your webpage is loading images as-is it can dramatically lower your page load time. A “Save for Web” setting will export your image in a compressed file size. Also, don’t forget to specify the original file size in your HTML code (i.e. 500 pixels x 300 pixels). Not specifying these dimensions means your web browser will have to work harder to display the image, thus increasing page load time dramatically.

2. Keep HTML coding to a minimum

Many webmasters, perhaps you, use WYSIWYG (…what you see is what you get) type HTML editors. These programs though add a lot of unnecessary code to your page and thus, slow page load time down tremendously. Examples of unnecessary coding include “comment” lines and “date stamps” to name a few. One program you can use to compress your coding is the GZip HTML Compression tool.

3. Consolidate Cascading Stylesheets (CSS) and JavaScript

These days, every page has at least one cascading stylesheet (CSS), third-party application or JavaScript file to load before the page will function properly. This can slow even the smallest of web pages. Therefore, it’s best to force the browser to fetch as little external information as possible. Consolidate your CSS sheets down to one if possible and embed them at the HEAD of the individual page.

4. Control how your site content is ‘cached’

Demarking and controlling how your site’s content is cached by the search engines will dramatically speed up your page load time. How you do this depends on the type of server you’re hosting your site on.

For an Apache server, you can physically adjust the “Expires” or “Cache control” header attributes. The process for a Windows server is similar and involves manipulation of the HTTP ‘client cache’ element. And if your site is hosted through WordPress, download and install the WP Super Cache plug-in which serves up static HTML pages to the majority of your audience and dramatically boosts page load time.

5. Reduce the amount of cookies

Consider downloading and installing a free ad-on like View Cookies for Mozilla Firefox to monitor the amount of cookies being exchanged between you and your site’s visitors. Review these cookies and see which ones you can reduce in size or eliminate altogether. If you can’t recognize the cookie, then you probably don’t need it. The fewer cookies your page has, the faster it will load.

As we always say, one ranking factor alone won’t determine the success or failure of your site in the search engines. With that said, on-site technical improvements are a sound way to securing long-term rankings. Therefore, if you find your site’s load time is a bit lagging, make sure you pay close attention to the above metrics.

10 Most Common Web Design Mistakes

From a usability perspective, the design of your site’s web pages has to be easy for users to follow. One common rule we follow is the ‘7-second rule,’ meaning your visitor has to be able to figure out what you’re about and what you offer in 7 seconds or less.

But once you’ve grabbed their attention, you’ve got to keep them there.

Bad site design from a usability perspective will certainly kill your site’s good will. How many websites didn’t have easy to follow navigation or otherwise made it difficult to find what you needed?

Sadly, this is more common than anyone wants to admit.

Below is a list of the 10 most common web design mistakes compiled by usability expert Jakob Nielsen. Of course, there are other design issues from an SEO perspective you need to consider. But these following 10 mistakes will kill the experience for your visitors, which will depress the number of visits and conversions you ultimately receive.

#1 Most Common Web Design Mistake – Bad Search

When site visitors can’t find what they’re looking for through the site’s navigation, they turn to search. Some just jump right to the search bar and type in their query. However, many online users don’t have a keen sense of grammar and spelling. If your site’s search functions are overly literal, this could hurt you.

Be sure your search functions are able to handle typos, plurals, hyphens and other variations of important terms on your site’s materials.

#2 Most Common Web Design Mistake – Over-use of PDF Files

Adobe PDF files are generally reserved for extensive e-books and other information that’s better off being printed. If a user encounters a PDF while browsing, it breaks their flow and leads to a bit of frustration. Also, layouts for these documents aren’t meant for the web and usually display in very small fonts that are difficult for users to handle on-screen.

Therefore, only use PDF for manuals, e-books and other large chunks of content that need to be printed. Convert any information that should be browsed or read on-screen into a real webpage.

#3 Most Common Web Design Mistake – Not Changing the Color of Visited Links

Understanding where you’ve been helps you better understand where you’re going, both in life and on websites. For the web, links are the key component in this navigation process. Knowing which links you’ve already visited keeps you from unintentionally revisiting the same page again. Testing has shown if sites do not change the color of a link once it’s been clicked, much disorientation and frustration among users will result.

Therefore, be sure you setup your links to change color once the visitor has clicked on it. This will help your visitors avoid visiting the same page twice, or three times.

#4 Most Common Web Design Mistake – Non-Scannable Text

A big mistake among web copywriters and designers – not having copy that’s scannable makes it look intimidating to readers. Boring and painful are other metaphors that can describe one’s feeling when they run into non-scannable text.

Use bullet points, sub-headings, bold-print, short paragraphs and a simple writing style to make your copy more inviting. Remember, most users scan, they don’t actually read everything word for word.

#5 Most Common Web Design Mistake – Fixed Font Size

Web design platforms like CSS (Cascading-Style Sheets) provide an option to allow you to disable a web browser’s change font function(s). The default most of the time, 95% of the time in fact, sets the font-size kind of small, reducing readability. This can be especially frustrating for users over 40 or with poor eye sight.

Respect users’ choice and allow them to easily resize the font to a level needed for them…to make it easier, express font-size in relative terms rather than pixel size.

#6 Most Common Web Design Mistake – Page Titles with Low Search Engine Visibility

Your site’s <title> tag is a very important element of your website. It’s what search engines will display in your site’s listing, which is what users first see about your business and will click on if they’re searching on Google or Bing. It’s also the default setting if users bookmark your site. Many sites though say ‘Welcome to’ or begin their <title> tag with ‘the.’ Also, many sites don’t have different <title> tags for each page.

For your homepage, begin your <title> tag with your company’s name followed by a brief, keyword-rich description of what you do. Search engines though only display the first 66 characters but you can have a few more if you need them. For other pages’<title> tag, include important details of the page’s content using keywords you’re targeting.

#7 Most Common Web Design Mistake – Advertisements (…or things that appear as one)

As the web has developed, users have become quite keen on avoiding anything that looks like an advertisement – or anything that interrupts their ‘goal-driven navigation’ as stated by Nielsen. Text-ads in search results are an exception to this rule of course. Unfortunately, many good design elements have similarities to ads and get ignored as well.

It’s therefore best to avoid any design elements that look like advertisements. Banners, pop-ups and overly aggressive animations can all potentially pose frustrations for users. If you have them, it’s more likely they’ll be ignored. Pop-ups in particular may in fact draw scorn from users.

#8 Most Common Web Design Mistake – Violating Design Conventions

One of Jakob Nielsen’s laws of usability – “users spend most of their time on other sites”

Meaning, users have certain expectations already set before they reach your site, which are formed by their experiences on other sites. Consistency is therefore an important principle – when users know what to expect, they feel in control. When expectations are broken, many will feel insecure and leave your site.

Stick with common design conventions in order to maintain consistency with what’s commonly done on most other sites. You can of course, and should, make yours unique from your competitors. But with certain navigation and design elements, you want to maintain some form of consistency.

#9 Most Common Web Design Mistake – Opening New Browser Windows

If you’re like me, having a new window or ‘pop-up’ just come up on the screen can be frustrating as all get out. Considering systems can freeze up, loading a user’s machine with more ‘junk’ can in fact lead to a lot bad feelings. Besides adding pressure on their systems, new browser windows disable the ‘back’ button, which is what a vast majority of users use to navigate away from a page.

Links should therefore only replace the current page with new content. If a user wants to open the page in a new window, they can easily do so by right-clicking on their mouse.

#10 Most Common Web Design Mistake – Not Answering Questions

Since web users are inherently ‘goal-driven,’ not answering important questions about your products or services is a big failing of many websites. Not providing any specifics or burying them deep beneath a bunch marketing jargon will make users think what you offer can’t help them. One of the best examples of this is price – how much does it cost?

Ecommerce sites generally don’t make this mistake but a lot of B2B sites do unfortunately. But many B2C ecommerce sites too may leave the price out of lists like category pages or search results, which can lead to user frustration and reduced conversions.

One principle we always like to remember and urge you to think about – “people buy things from people, not websites.” Therefore, their experience must be enjoyable and not rife with uncertainty and errors. It should move along flawlessly – each flaw reduces good will and ultimately conversions.

 

34 Things You Must Do When Redesigning your Website

Every so often, it’s a good idea to give your organization’s website a fresh new design. Doing so makes your company look active and dedicated to giving your customers the most advanced products and services.

But considering the fact many websites contain hundreds, maybe even thousands of pages, it can be a daunting task regardless of how careful you are. Proper planning helps ensure it all goes smoothly…no or very little planning can turn it all into a big nightmare.

Pages can get mixed up, deleted or otherwise not be available on the new site, which can end up costing your company thousands of dollars.

To avoid this calamity, you need to consider the following factors before, during and after. Continue reading to learn about all of these considerations you need to keep in mind when redesigning your website.

Before doing anything though, you need to get some baseline information and backup your old site just in case something goes awry. Load time, conversion rates, search rankings, bounce rates for your top landing pages and a list of important inbound links is information you need to have in-hand before you even get started.

Once you have all of this, it’s time to start your site re-design. Taking the following 34 steps during this process will ensure it all goes smoothly and you begin reaping the benefit of a new website as quickly as possible.

Prior to New Site Launch

1.       Have the old site available to put back online immediately if something goes wrong.

2.       Retain your existing URL structure if possible so you can minimize impact on search rankings.

3.       Address methods to eliminate duplicate content to prevent it from occurring in the first place.

4.       If you’re unable to keep existing URL structures, have a plan on how you will handle switching to the new file structure, including 301 re-directs, updating links, marketing materials and PPC ads.

5.       Keep a copy of the old site on-hand just in case.

6.       Use a link checker utility like Xenu to scan your new site and find any broken links.

7.       Take a moment to review titles and meta descriptions on your new site.

8.       Before launching, check your new site manually using multiple web browsers (Internet Explorer, Firefox, Safari and Chrome). Many differences exist between these browsers.

9.       Update XML and HTML sitemaps so search engines can easily crawl your new site.

10.   Verify all web forms and other interactive features are working properly.

11.   Protect your site from competitors and search engines during development. The best way to accomplish this is to develop the site locally and internally to your firm.

12.   Review existing RSS feeds

13.   Verify your new site will work properly with traffic tracking codes like Google AdWords and Google Analytics.

14.   Develop a plan to add current analytics tracking to your new site before launch.

During new site launch

15.   Did you back up your old site? If not, now is your last chance.

16.   Update your .htaccess and robots.txt files so any 301 redirects will work properly.

17.   Be sure AdWords and PPC campaign pages are updated and working properly.

18.   Update payment gateways or other important sites if your server’s IP address changes.

19.   Test all email address and make sure they’re working properly.

20.   Remove any temporary no-index tags, robots.txt and be sure any other robot control tags are updated in case you had something blocked off during the development process.

After new site launch – catching any mistakes

21.   Run your spider/link finder once again to catch any broken links you may have missed.

22.   Test your new site’s load time. Google has claimed load time is now a big ranking factor.

23.   Make double-sure you put tracking codes/scripts on your new pages

24.   Check server logs for any 404 or other server errors.

25.   Look at your Google Webmaster Tools and Bing Webmaster accounts to see if the search bots are spotting any errors.

26.   Update any broken inbound links at the source of the link or through a 301 re-direct.

27.   Verify PPC ads are still correct.

28.   Make sure your XML sitemap is up-to-date.

29.   Compare bounce rates for the new site vs. the old one.

30.   Monitor how newly indexed (…or re-indexed) pages are ranking.

31.   Now that your site is live online, test it once again with all web browsers and even a mobile smartphone if you’re able to.

32.   Manually test all web forms and other interactive scripts.

33.   Check where your site is in the search results after the search engines have indexed it once again.

34.   Go to Google and Bing and type “site:yourdomain.com” in the search bar to see if the number of pages indexed has improved over your previous numbers.

Taking these all important steps helps ensure your site transition goes as smoothly as possible. Also, they help you spot any errors and allow you to make those corrections before any negative consequences arise.

Double, perhaps even triple check your site to make sure everything is working properly. If not, you’re certain to suffer devastating setbacks in the search engines as well as eroding good will of your site visitors.

Remember what Thomas Edison once said – “Good fortune is what happens when opportunity meets with planning.”

7 Things Google’s Farmer Update Penalized Sites For – and What You Can Do About It

google-farmerAs promised (…a little later than I first said, sorry), here’s an overview of what Google penalized sites for in their Farmer (a.k.a. Panda) update. It’s called ‘Farmer’ because many of the sites penalized were what many consider to be ‘content farms.’

Specifically and technically speaking, this particular update was algorithmic rather than manual in nature. All told, it affected over 12% of search queries in the U.S.

That adds up to some pretty significant numbers so therefore, it’s logical to see how more than just ‘content farm’ type sites were affected…many sites with good, high-quality sites were affected to. Many forums back this up as some sites say they lost as much as 50% of their U.S. based traffic from Google.

So what exactly were the issues surrounding Google’s Panda update and how do they affect my site?

While many of these affected sites claim they generated 100% original content, a deeper examination yielded of some of the example sites shown on forums and articles weren’t quite 100% original.

Specifically, sites affected by the update included one or more of the following 7 criteria:

(There were many more actually but these were the 7 most common)

1. Incorrectly or failing to use a canonical tag – especially common among e-commerce sites as Google would index two identical URLs

2. Excessive use of RSS feeds

3. Not providing unique content – as decided by Google. Essentially, they decide if your site is ‘authoritative’ enough and if they trust it

4. Optimizing for search engines rather than your audience

5. Using boilerplates too much and across too many pages

6. Having too many ads ‘above the fold’

7. Any site previously blocked manually by Google Chrome Personal

It’s safe to say sites undeserving of these kinds of penalties got caught in the cross-fire…Google even setup a Webmaster forum on the topic and has even admitted that it’s possible considering the fact this update was algorithmic rather than manual in nature.

Google says in reply to questions on its forum that since the Panda update was completely algorithmic in nature, Google cannot make any individual exceptions.

So basically what they’re saying is tough luck, too bad or whatever euphemism you can come up with to describe the situation. rich-poorConsidering this fact, it won’t do you much good to appeal to Google but if you find other, non-content related issues, then we suggest (…and our friends at Search Engine News do too) you contact Google about those issues.

To address these problems, we want you to remember this one important axiom – content is king!

It’s likely there are specific pages in your site that’s causing you to lose traffic. Isolate those pages and see if they fit any of the 7 criteria mentioned above. Either way, you should ensure those pages have 100% unique content.

If you’re an e-commerce site, generate product descriptions starting with your big products and working your way down. Not only does this prevent negative impacts from these updates, it will position your site for better long-term rankings.

“Don’t Make Me Think” Illustrations Now Online

Well, it took a little effort but I was finally able to get some illustrations from Don’t Make Me Think to help you understand points outlined in the book easier. Apologies all around for not having this sooner but an email glitch prevented me from getting the final illustrations.

These various pictures and examples can help you easily visualize the concepts author Steve Krug outlines in his book. See an example of a tagline and welcome blurb. See an illustration of how designers view web pages they create and how people out in the real world view them.

Having these illustrations better explains the usability concepts outlined in Don’t Make Me Think and make it more interesting to read. We all like pictures and charts, right?

So if you’ve already read our review on Don’t Make Me Think but would like to see some illustrations to help you understand web usability further, by all means check out parts I, II and III again. And if you haven’t read the book review, start by reading the intro and basic concepts of web usability in part I.

Of course, to really understand web usability fully, we suggest you purchase a copy of Don’t Make Me Think today. It’s available on Amazon at a really good price (…w/ free shipping too!!)

One more note – thank you to Steve Krug for providing these wonderful illustrations from his book. We definitely feel they give our book review the added appeal to make it really useful for burgeoning web marketers.

From Don’t Make Me Think: A Common Sense Approach to Web Usability. © 2006 Steve Krug. Used by permission

From Don’t Make Me Think: A Common Sense Approach to Web Usability. © 2006 Steve Krug. Used by permission