Pelland Blog

Website Design Considerations

December 1st, 2020

Part 1
The Basics

I recently presented a webinar titled “Best Practices: Website Design Considerations” before members of several state campground associations. Although my company has been building campground websites since 1998, it was not my intention to promote my company in that webinar, nor is it my intention to do so in this column. What I would like to share is objective advice on how to make the right decisions when it comes to what is almost certainly the single most important tool to market your business both today and in the years ahead.

Let me start with some history. In the early days, websites were built to be viewed on computers, usually with small monitors and slow dial-up modems. Until Apple introduced the first iPhone in 2007, what was a smartphone? Websites were designed to fit narrow computer monitors and limited bandwidth. As time went on, cutting edge sites used Macromedia Flash, later acquired by Adobe. Flash is no longer supported on iOS (meaning any Mac or Apple device), Android devices (in other words, no mobile devices, which are two-thirds of the market), and will see the final nail driven into its coffin at the end of December. Websites now need to be built so that they present full content across all platforms and devices. If you have a narrow website that is not mobile-friendly, and perhaps uses animated GIFs and maybe Flash animation, you are probably wondering what happened to that Blockbuster store where you rented your VHS videotapes.

Mobile-Friendly

Just like we have both lifelong friends and recently made casual acquaintances, there have been many approaches to the presentation of mobile-friendly website content. In the early days (in this case, 2005), as website designers were feeling their way around in the dark, there was a proliferation of separate websites that were intended for smaller displays and limited bandwidth, typically with stripped down content and a .mobi URL. This was sort of like having a car that you drove in the summer and a separate vehicle that you could drive on snowy mountain roads in the winter. When somebody visited a website, they would encounter a link that said “Click here for a mobile version of this site.”

That was inefficient, and the search engines hated it. There were essentially two websites to maintain. Fortunately, these were soon replaced by adaptivewebsites, where the website did its best to detect the device being used and then presented one of two alternate versions of content. There were still two versions of content to maintain. This was sort of like having a big SUV where, when the roads got sloppy, you had to get out and turn the hubs on the front wheels and then engage the transfer case to drive in four-wheel drive.

Finally, responsivewebsite design came along, where one website was designed to detect the device being used and then present content that was scaled to the size of the display, whether it was a phone, a tablet, a laptop computer, or a big monitor. This is essentially the all-wheel drive of websites and could have been the brainchild of Subaru. This is the standard today, and Google and Bing love it.

There are no simple fixes or upgrades to turn an old website into a new responsive site. It is an entirely different framework, and it requires the construction of an all-new site. When a responsive site is being built, there are different approaches: Some website designers tend to first design for mobile devices then let the chips fall where they may on larger displays. Others tend to first design for larger displays, and then optimize the fluid content for smaller displays. Others yet, with no real design experience, rely on templates to do the job for them. In my opinion, due to the small display, almost any responsive website is going to look fine on a phone. Looking really impressive on a larger display, on the other hand, requires a more sophisticated level of design skills that go far beyond just making a bigger version of the content that appears on a phone.

The End User Experience

When you want a customer to get from point A (your site’s point of entry, usually its Home page) to point B (the call to action, the reservation request), you do not want to send them through a maze. This is the same reason that there is a consistent clockwise traffic pattern in almost every major supermarket, where you enter into the produce, fresh bakery, and prepared foods departments; proceed to the deli, meats, dairy and frozen foods; then find the impulse items like candy bars and the National Enquirer at the checkout stands.

Navigating the supermarket aisles is an intuitive process that has been carefully crafted and fine-tuned to maximize sales. The same sort of formulas should apply to your website. People expect to find the navigation either at the top of the page or the left-hand column, floating so they do not have to scroll back up for access. The content should be presented intuitively, organized in a logical fashion that translates into page structure, and nobody should have to search or click to access essential contact information.

The Easiest Approaches

Most small business owners have been convinced in recent years that a content management system (CMS) is essential, giving them the ability to directly maintain their website content. Most have been persuaded that CMS is their key to escaping dependence upon webmasters who charge exorbitant fees and take forever to make changes, a situation which may be far from truthful. Another temptation is to use one of the many “free” website building tools that can be found online. One claims that you will “make a website in minutes … (with) zero code or design skills required”. If you do not quite want to do-it-yourself, another company claims that it will “build you a stunning website in 48 hours” for only $400 per year, including hosting and a domain name. In both instances, try to find a “contact” link on their websites with an address in the United States (or anywhere, for that matter). Then, before getting burned, do a Google search with one of those companies’ names followed by the word “complaints”.

There isn’t a single larger-sized business in America where the owner pretends to be his own webmaster. Can you imagine Jeff Bezos or Elon Musk working on his own website? Recognize the value of having professional guidance and valid marketing advice incorporated into your website. Probably the most important factor is hiring one of the many reputable companies with both an extensive and an intimate understanding of the campground industry. Your business depends upon making the right decision.

Part 2
The Acronyms

Continuing on the theme, allow me to address some of the acronyms that you will want to implement either on your existing website or its successor. These ideas apply whether your site has been built by a company that understands your business and industry, a computer-savvy kid down the road, or that person who you see in your mirror every morning.

CTA

No, not the Chicago Transit Authority, CTA in this instance stands for call to action, a marketing term that references the next step that you want your website visitors to take in order to finalize the intended transaction. Typically, this means guiding people from their point of entry on your site’s Home page to your reservation process. Without smooth navigation and an intuitive end user experience, there can be a disconnection that breaks that intended path from point A to point B. A call to action tends to present an incentive, whether real or perceptual, that keeps people on track and focused.

In an e-commerce environment, that incentive often takes the form of a limited-time discount, a purchase bonus, or free shipping. Another e-commerce incentive that applies to campgrounds takes the form of limited inventory. When somebody wants to camp on the Fourth of July, it is a safe assumption that the demand for campsites will far exceed the available supply. Subtly stress how people should “avoid disappointment” by making their reservations early, with an accompanying “click here to reserve now” link. If they need more information or would like to communicate with you first, be sure that every means of direct contact is immediately accessible, whether they would like to call, email, or send you a private message on a social media site. Both on your website and in any direct communication help them to visualize the difference between everything that your park has to offer versus staying home and dipping their toes in the inflatable kiddie pool in their back yard.

SEO

Whether or not they really understand how it works or what it means, every website owner is at least vaguely familiar with the concept of search engine optimization. Although SEO is treated as a profit opportunity by many website development companies, it is essential if you want your website to be found and highly indexed in online searches. Beware of companies (often contacting you via spam email or telemarketing calls) who promise you #1 search engine placement on Google. 99% of those are scams. You know those telemarketing calls. The caller ID probably shows a local phone number, you answer the phone, wait a second, then hear a “bloop” sound, followed by somebody from a boiler room in Bangalore who tells you his name is Michael. The same people might be calling you another day, pretending that they are from the “Windows Help Desk” or “Apple Care”, telling you that your Windows computer or iCloud account has been compromised and that they are coming to your rescue.

There are no magic wands or shortcuts to effective SEO. Some people try to automate the process, typically using website plug-ins, but there is nothing like carefully incorporating it into the construction of the site. Important components are a carefully written page title, description, proper alt tags behind photos and graphics, open graph content, and a data feed for search engine robots. Most importantly, carefully written text where keywords are king. Many people comment that few people read text these days. Well, my answer is that the 10% of people who still care to read will appreciate the text on your site, and search engine robots devour every word. Make them count!

GMB

Another very important SEO factor is your listing on Google My Business. Your Google My Business profile is extremely important and under your full control. Start by claiming your Business Profile if you have not done so already. Then check that all of the contact information is correct. This includes the name of your business; your correct address, phone number, and website address; and your hours. Your campground is open 24 hours a day, so don’t let potential guests see the word “Closed”. Of course, update these hours in your off-season.

Choose the most appropriate category for your business, if it is not already showing, then choose appropriate secondary categories. There are over 3,000 categories to choose from, so be specific. The most obvious choices are “campground” and “RV park”. You have little control over the description that Google shows; however, you can write a “from the business” description. Select attributes (such as “free Wi-Fi” or LP gas) listing any of the full range of your park’s amenities. Be sure to add (and update!) photos on a regular basis, showcasing only the best available images. You can even add videos and Google 360 videos, all of which help to create greater engagement. Speaking of engagement, ask your best customers to write reviews; post questions and answers; and set up messaging.

KISS

Far from being unique to website, the acronym for “Keep it simple, stupid” should influence most aspects of marketing. Some people seem to think that, when it comes to websites, the more pages the merrier. Not true. Keep it simple and as concise as possible, with navigation that is consistent from page to page, that is located at the top of the page or the left-hand column, and is highly intuitive. Don’t make people guess because there is a chance they will guess wrong, and that is a source of frustration. For example, if the navigation says “Map”, does that mean your park’s Site Map, travel directions on Google Maps, or the “sitemap” of your website. Don’t waste clicks and your visitors’ time. Put your contact information on every page, without forcing people to click on a “Contact Us” link to access that information. Instead of just linking to your social media content, embed it into your Home page. Understand your target market, and ensure that your website is designed to appeal to those demographics – rather than missing the mark. Think smart!

This post was written by Peter Pelland

Ten Common Website Mistakes to Avoid

July 29th, 2019

The biggest mistake that many small business owners might make would be to build and maintain their own website. Sure, companies like GoDaddy, Wix, Weebly, and Vistaprint make it look like an easy task that anybody can handle, but do you simply want a website or do you want a website that can effectively compete online? Playing part-time webmaster when your business is at stake is clearly an example of being penny wise and pound foolish.

The next temptation is to hire one of the thousands of amateurs who hang out a “webmaster” shingle simply because they can navigate their way around the basic use of a CMS website building platform. That might be the computer repair shop in town that is trying to keep itself busy or even a family member or that “nice kid who knows a lot about computers” down the road. Inevitably, these people know very little about how to generate effective online buying decisions, and they absolutely understand zero about your particular business and its competitive environment.

Whether you insist on building your own site, or whether you simply want to keep an eye on your webmaster, there are a few common mistakes that you will want to avoid. Usually these mistakes are errors of omission, but they can also be reflections of careless work habits.

  1. Ignoring Mobile Devices: Checking the Google Analytics of two client websites in recent days, I was astounded to see that over two-thirds of traffic was now coming from users of smartphones, with conventional desktop and laptop computers coming in third to tablets. If your site is not mobile-friendly, you are turning away a tremendous portion of your market. Do not be deceived by the fact that almost any website may be viewed on a smartphone. There is a big difference between being able to view a site and actually engaging in a non-frustrating experience. Has your site abandoned the use of Flash (a popular way to present dynamic website content until support was dropped by iOS and Android devices), is content scaling down to the size of the display, does the navigation work with pudgy fingers, and can users tap a phone number displayed on your site to initiate a phone call?
  2. Google Analytics: Yes, that comes next on the list. One of the biggest mistakes that can be made is to have a website without the advantage of running Google Analytics. It is a free tool, it is easy to install, and it provides a wealth of extremely valuable information regarding the visitors to your site, traffic sources, and much more.
  3. Using Templates and Ignoring META Content: I am amazed at how many website titles display as “Just another WordPress site” because the webmaster did not take the minimal time and effort (or perhaps did not have the knowledge) to substitute an appropriate keyword-based title for the default template setting. A site’s title tag is critically important in organic search, and nobody is ever going to search for the term “just another WordPress site campground”, so it should be clear that having that as your site’s title will put your park at a severe disadvantage. Without naming names, I just found campgrounds suffering from exactly this failure located in Wisconsin Dells, WI; Marcellus, MI; Crossville, TN; Antonito, CO; Fletcher, NC; and Calvert City, KY.
  4. ADA Compliance: Many of the factors that determine whether or not a website is ADA compliant involve the same META content that search engine robots love. These include image ‘alt’ tags and a site’s language tag. Other factors are part of a site’s mobile-friendliness, including scalable text. Your site should also maintain a proper contrast ratio between text and background colors, the site should be navigable by keyboard, and videos should be captioned. Very importantly, let people know about any accessible accommodations and facilities at your park.
  5. Orphans: I am not talking about Mickey Rooney and Boys Town. I am talking about pages on a website that fail to link back to the other pages of the site. Sort of like a dead end in a corn maze or a hall of mirrors, orphan pages are very frustrating to site visitors.
  6. Broken Links: Formula 409 is a well-known cleaning and degreasing product that has been around since the 1950’s, but 404 error messages on a website are about as popular as a “door-buster” item at Walmart that is out of stock the moment the store opens and the sale begins. People see these frustrating messages when they click on a broken link, typically because a page has been deleted without updating its incoming links.
  7. Unencrypted E-Mail Links: You would not display your credit card number on a poster in Times Square, and you would certainly not hand out keys to your home or automobile to total strangers, so why would you display an unencrypted e-mail address on your website? Without encryption, the message to e-mail address harvesting spam robots is “Here I am. Come get me!”
  8. Broken Graphics: One of the telltale signs of a beginning webmaster is broken graphics. If graphics are linked to files on a local computer, they will appear normally, but only on that computer. Anybody accessing the page from any other device anywhere in the world will see a broken graphic link.
  9. Slow Loading Images: Have you ever visited a website, only to watch images slowly loading, as if they were being slowly painted onto your screen? Almost inevitably, it is because the person maintaining the site has used enormous photos on the pages then has those images being scaled down to size by the browsers of end users. The enormous files are being needlessly downloaded, then resized, when properly sized and optimized images would have loaded immediately.
  10. Out of Date Content: You would not buy a gallon of milk that was past its expiration date, would you? Well, why would you expect people to “buy” what you are selling on your website if its content looks like it is way past its “best used by” date? Specifically, rates and schedules should show the current year. Particularly when it involves pricing, nobody wants to make a buying decision when there is pricing uncertainty.

These are only 10 common mistakes that webmasters frequently make. The overall best advice is to avoid working with that webmaster in your mirror (or that clever kid down the road) and to choose one of several professional companies that understand the campground industry and with reputations you can trust. You have better things to do than look for mistakes on your website … or to deal with the consequences of those mistakes.

This post was written by Peter Pelland

Mobilegeddon?

May 13th, 2015

No doubt you heard the cries of alarm a few weeks ago, when so-called experts warned of the end of Internet search as we knew it, effective April 21, 2015. Perhaps you have also noticed the eerie silence since the uneventful passing of that date.

This past winter, the national news media spent two days ignoring real news events to warn of the impending “storm of the century” that was headed toward my home base in Western New England. We were in the bullseye of the forecast map, with a prediction of 30 or more inches of snow. After all was said and done, I believe that we received 6 or 7 inches. A few local meteorologists apologized for the inaccurate forecast that was fed to them by the National Weather Service. Other than that, the “story” was dropped – for obvious reasons – like a hot potato.

I am embarrassed that so many of my peers jumped on the sensationally-named “Mobilegeddon” bandwagon. It was particularly disturbing when the dire warnings were used by companies that were in a position to exploit the fear that was generated by the spread of this misinformation. Let’s face it: If his midnight ride was based upon unconfirmed rumors that “the British were coming”, Paul Revere would be long forgotten as a little-known Boston tinsmith.

As I pointed out at the time, many self-proclaimed “experts” cited a Google blog post, a comment reportedly made by a Google employee, and a speculative article that had appeared in Entrepreneur Magazine as the bases for a warning that was an outright exaggeration. What the new Google algorithm means is that sites that are mobile-friendly will gradually gain an edge over sites that are not mobile-friendly, being flagged as “mobile friendly” alongside mobile search results. This rise in the ranking of mobile-friendly sites will come at the expense of sites that are not deemed mobile-friendly, but it does not mean that those latter sites are suddenly going to be dropped from being indexed. Mobile-friendliness is only one – although a very significant one – of over 200 ranking signals that Google employs to determine the best search results.

Using historical – and factual – Google Analytics data that I drew from actual client websites, I was able to draw the following conclusion: If we presume that 35% of the traffic to a website comes from search engines, and that 50% of that traffic comes from Google, and that 50% of THAT traffic comes from users of mobile devices, it would mean that a site that was not mobile-friendly would lose approximately 9% of its traffic if the website was totally dropped from mobile search results on Google (something that was not going to happen and did not suddenly happen on April 21, 2015.)

According to statements made in a live stream on Google’s Webmaster Central on May 8th, the search giant realizes there are “small businesses who (sic) don’t have the time or the money (to have built a mobile-friendly site yet) … that are still fairly relevant in the search results, so we need to keep them in there somehow.” For example, if you run one of the leading campgrounds in Sturgis, South Dakota, Google is not going to drop your website from mobile search results just because your website is not deemed mobile-friendly. That would run totally contrary to the delivery of accurate and comprehensive search results, the overall basis for Google’s commanding success in the search market. A non-mobile site will still rank highly if it presents the content that users seek.

Mobile search rankings have always been different that desktop search rankings, and that gap is going to gradually but continually widen over time for sites that are not mobile-friendly. According to a recent report by digital marketing agency Merkle|RKG, fully 46% of Fortune 500 companies and 29% of the Internet Retailer 500 businesses do not yet have mobile-friendly sites. Even among the Top 10 of the Fortune 500, there are companies that do not yet have mobile-friendly sites: Phillips 66 (# 6 on the list) and Valero Energy (# 10 on the list). On the other hand, Google reports that there was a 4.7% increase in the overall number of mobile-friendly sites that were introduced in the two months leading up to the April 21st algorithm update. You can expect the numbers to increase, along with the volume of mobile-based Internet access, by less proactive companies that slowly embrace the inevitable.

As of May 1, 2015, Google has confirmed that the new search algorithm has been fully rolled out, although the differences that have been measured by both major online marketing agencies and the people who earn a living by monitoring the inner workings of search engines have been almost immeasurably lackluster. This was not the “storm of the century”; however, to use another weather-related analogy, neither the presence of that storm nor the lack thereof would represent a reason to deny long-term global warming. In other words, the mobile-friendliness of your website is in the ultimate interest of your business. Just don’t panic.

This post was written by Peter Pelland

The Sky Is (Not) Falling

April 6th, 2015

Chicken Little was well-intentioned when he hysterically warned of impending disaster. The only problem was that his predictions were based upon conjecture rather than facts. Back at the turn of the millennium, modern-day Chicken Littles mongered fear over the impending “Y2K” disaster that, of course, never happened. More recently, there has been more than a bit of press about the implementation of the next round of Google search ranking algorithms that will only begin to be rolled out on April 21, 2015. Without doing any research of their own, many self-proclaimed “experts” are citing a Google blog post, a comment reportedly made by a Google employee, and a speculative article that recently appeared in Entrepreneur Magazine as the bases for their warnings of dire consequences for today’s typical website. Like grade school students spreading rumors in the schoolyard, it is time for some people to take a “time out”.

TheSkyIsFalling

Like the news networks that love to exaggerate stories and develop sensationalist headlines like “Stormageddon” and “Blizzard of the Century” (and, of course, the aforementioned “Y2K”), the new buzz word amongst the uninformed is “Mobilegeddon”. People using this type of terminology remind me of those who blindly share urban legends on Facebook, without taking a moment to first check the facts. The stories may generate excitement, but they lack credibility.

The fact is that Google will be rolling out a new set of search algorithms starting on April 21st; however, this does NOT mean that a website that is not deemed mobile-friendly will suddenly drop from the results of Google searches made from mobile devices. That is an outright exaggeration. What the new algorithms mean is that sites that are mobile-friendly will have an edge over sites that are not mobile-friendly, being flagged as “mobile friendly” alongside those search results. This rise in the rankings of mobile-friendly sites will come at the expense of sites that are not deemed mobile-friendly, but it does not mean that those latter sites are suddenly going to be dropped from being indexed.

Chicken Littles have suggested that half of a site’s traffic is suddenly going to disappear effective April 21st, if the site is not mobile-friendly. This is patently untrue. Using historical Google Analytics data that I have drawn from actual campground websites, let’s presume that 35% of the traffic to a website comes from search engines, and that 50% of that traffic comes from Google, and that 50% of THAT traffic comes from users of mobile devices. Do the math. That would mean that, if a website was totally dropped from mobile search results on Google (which is NOT going to happen at this time), that site would lose approximately 9% of its traffic. That is the reality, rather than conjecture and misguided speculation.

There are plenty of valid reasons why every business should be moving to replace a conventional website with a new mobile-friendly site, and to do so sooner rather than later. However, the people who are suggesting panic are doing a tremendous disservice by encouraging the jerking of knees rather than the exercise of a careful plan for execution that includes properly methodical planning and budgeting for the long-term investment in mobile-friendly technology.

In years past, many businesses were advised to buy into expensive mobile apps or separate mobile websites, in an attempt to capture the market for users of mobile devices. In retrospect, those dollars were generally not well spent. Today, the dust has settled and responsive website technology has taken its place as the mobile-friendly solution that Google and the other search engines prefer, with one site presenting full content that is optimized for every device. If your site is not currently mobile-friendly, make plans for the transition – as I have said, sooner rather than later. In the meantime, don’t panic. The sky is not falling, and the world is not about to end on April 21st.

This post was written by Peter Pelland

Mobile Is Not Just a City in Alabama

February 4th, 2015

Nobody needs to be convinced these days that their business needs to have a website. What surprises me is how many people think that the website that was built 4 or 5 years ago, before the commanding surge in the use of mobile devices, could be adequately serving their needs today. Let me simply say that times have changed.

SportsCar_HorseBuggy_600x137_100

Statistics compiled by Google, based upon the Google Analytics software that is running on websites around the world (and probably including your own) demonstrate that 50% of all website traffic is now mobile. In fact, this past holiday season, 22.5% of all online sales came through mobile devices (which are defined as either phones or tablets). Those numbers are impressive.

Google is now warning website owners if their sites fall short of being mobile-friendly … what they refer to as “critical mobile usability errors”, with the presumption being that these sites will soon be penalized in search results. Google is reportedly ready to begin downgrading those sites that are not configured for proper display on smartphones. The impact of that upon an older website could be tremendous, since the #1 source of new traffic to most websites is generated through organic searches on Google.

Taking steps in that direction, if you currently perform a Google search from your phone, the search engine results page will now label sites that are deemed to be mobile-friendly. Sites that fail that test typically display text that is too small to read on a phone, links that are too close together for fingers to navigate, or the lack of a mobile viewport (requiring users to pinch and zoom in order to view content). A site that is not mobile-friendly is not only at risk of losing out in its search ranking, it is losing its owner business today.

Let me demonstrate. I just performed a quick check of the Google Analytics on the conventional website of one of our clients, confirming that within the past 30 days, the lion’s share of the site’s traffic came from the users of mobile devices. The breakdown was 47.56% of visitors using smartphones, 14.98% using tablets, and only 37.45% using either a desktop or laptop computer. Keeping in mind that this is not a mobile-optimized site, the smartphone users visiting this site were spending only 60% of the amount of time on the site as the dwindling numbers of users of conventional computers. The bounce rate (the number of visitors who arrive at a site, then leave very quickly) was about 64% higher for smartphone users. Users of tablets, with larger displays, were somewhat more tolerant.

Nobody would have imagined this scenario a few years ago. Considering the fact that there is a direct correlation between the amount of time spent on a website and the likelihood of the user taking the intended course of action (in the instance of a campground, typically this means making a reservation request), these numbers are foreboding.

Before You Panic, Check Your Site

Fortunately, Google has provided a quick online test that will let you know whether or not your site is mobile-friendly. Go to the following link, where you may enter your URL:

https://www.google.com/webmasters/tools/mobile-friendly/

If your site passes the test, congratulations are in order. If it fails the test, it is time to at least think about budgeting for a replacement. The next question involves what type of mobile solution will best suit your needs. For all practical purposes, there are three choices.

  • Responsive Web Design: This is the option that is recommended by Google. A responsive website serves the same site content to all devices, with a fluid page layout that adapts to each device. These sites are easy to maintain, but they may be expensive.
  • Separate Mobile Site: This was the preferred option prior to the onset of responsive design. It involves the construction of separate mobile content. User’s devices are detected and shown content that is specifically built for that device, or they are redirected to a mobile-specific URL. These sites are more difficult to maintain (because content is duplicated among pages) and they do not present consistent content across all devices. For these reasons, this option is falling out of favor.
  • A Mobile App: This is a separate application that is built for mobile users. It must be downloaded and installed by the user, and it is often used in conjunction with a website. An app has a usability advantage for smartphone users, but the costs are both prohibitive and unnecessary for most small businesses, both upfront and when it is time to maintain and update content.

The bottom line is that, if you are concerned about mobile traffic to your site (and you should be concerned!), there are decisions to be made, and you probably do not want to indefinitely delay making those decisions. Your new site should adhere to a specific set of best practices. These include the avoidance of software that it not supported on most mobile devices, particularly Flash. (There are alternate ways of presenting animation, using CSS or JavaScript, that are mobile-friendly.) Your site should also not include text that is unreadable without zooming, content with a screen width that requires horizontal scrolling on small devices, or links that are not far enough apart for fat fingers to navigate.

There are new websites being launched every day that are based upon old methods. Investing in one of those today is roughly equivalent to going out to buy a new car but coming home with a horse and buggy instead.

This post was written by Peter Pelland

What Is All the Buzz About Responsive Websites?

July 10th, 2013

If you have been paying attention long enough, over the years you will have heard all kinds of Web design concepts touted as the newest answer to vanilla ice cream. One by one, they have either fallen by the wayside or are ready to follow the lemmings into that ditch. Progressive JPEG images, animated GIF images, and frames were early concepts that failed to stand the test of time. More recently, Flash animation was once considered the rage; however, as soon as support was dropped by Apple’s iOS (running iPhones and iPads), Flash became about as popular as a case of head lice.

Understandably, many people have grown a bit suspicious when they hear about anything that is marketed as the latest and greatest, so what is the story with responsive Web design? The best way to start answering that question is an explanation of what it is and how it works. Let me begin by saying that, in general, change is a good thing. As the Internet evolves, improvements tend to enhance and improve the user experience.

You may have seen the responsive Web design concept promoted by your local TV stations and similar businesses, usually along the lines of “One Address for Every Device”. Unlike a separate mobile website, responsive technology allows a single website to respond to each user device and display the site in the most appropriate form. Responsive sites are flexible and able to adjust, rearrange, and optimize content on a wide range of displays and input devices. The concept can be summarized in the word fluidity. Responsive sites are based upon the use of a fluid grid, fluid graphics and photos, fluid text, and a fluid background. The grid features a series of stops or fluid breakpoints, where the content switches from one representation to the next.

Unlike a mobile app, which needs to be downloaded and installed (and then may be rarely used), a responsive site is not limited to any one platform, avoiding duplication of expense for Android and Apple devices (with Blackberry, Windows Phone, Firefox OS, Kindle, Nook, and other upcoming mobile devices out of luck). Unlike a separate mobile-friendly website, which incurs a separate set of costs and often trims down the range of content that is presented to the users of mobile devices, a responsive website presents a consistent range of content that is optimized for every user’s device. This is a new way of building websites, and it is being quickly embraced both by top developers and savvy clients as a more future-proof, economical and elegant approach to delivering content across the expanding ocean of Web capable devices.

When visiting a responsive website using a desktop computer or laptop, you are presented with one version of the site. Using a tablet or smartphone, you are presented with alternate versions that are automatically optimized for the display size and touch-based input. When viewing a responsive website on a conventional desktop or laptop computer, you can actually resize your browsing window to see the content transform in real time as you reach the grid stops or breakpoints. Cool? Yes!

My own company’s first venture into responsive website design was the new website built for the Vermont Campground Association, the first responsive campground association website in the United States. The accompanying graphic shows the content as displayed on a variety of common devices.

Other than keeping up with technology and presenting your business in a savvy technological light, what are the other advantages of turning to responsive design for your next website? First of all, as I have already alluded, the total cost will probably be less than the cost of developing separate conventional and mobile sites. It is also no longer necessary to register a separate “mobile” domain name or even create a separate subdomain for your mobile content. In all likelihood, this will reduce your recurring hosting costs.

One big advantage presented by responsive technology is the consistency of branding that it allows. No longer do you have to wonder whether somebody is viewing your “full” website on a desktop computer or the abbreviated content on a mobile device. You also can eliminate those “Click here to view our mobile site” or “Click here to download our mobile app” links. A responsive site sends those links to the buggy whip museum!

Check the Google Analytics on your website. (If your website is not running Google Analytics, stop what you are doing, and get it installed!) I just checked the Google Analytics for one well-known campground website that we maintain, and the statistics are compelling. The site generates enough traffic for these statistics to be both meaningful and valid. Over the last 12 months, 28.1% of the visitors to their website were using a mobile device. Within the last month, that percentage shot up to 39.9%, and within the last week is up to 41.7%. Within the last 24 hours? It’s up to 42.3%. Do you see a trend?

Just as important, without either a responsive or a mobile website, visitors to this campground’s website who are using mobile devices are spending roughly two-thirds of the time that is spent by visitors using conventional computers, and the bounce rate is an astounding 85% higher. (The bounce rate represents visitors who reach a website and leave quickly.) Yes, people using mobile devices are prone to make quicker decisions, but these numbers simply represent lost traffic … and lost traffic means lost business.

Perhaps most importantly, responsive technology is good for your website’s SEO (search engine optimization). In fact, both Google and Bing have endorsed responsive Web design. Only one address needs to be indexed, and only one address needs to be checked when viewing your analytic reports. No longer will multiple versions of content be diluting the search engine ranking of your pages. Whatever form it takes, search engines have always hated (and penalized) duplicate content. It’s as simple as that!

Now that I have explained what it is, how it works, and its many advantages, are you ready to decide? Will your next website be built using yesterday’s technology or for tomorrow’s users?

 

Content for this article was also contributed by Joshua Pelland and Charles Davis, Pelland Advertising staff members.

This post was written by Peter Pelland