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
Tags: call to action, end-user experience, Google My Business, mobile-friendly, SEO Posted in Google Resources, Marketing Strategies, SEO & Organic Search, Website Development |
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.
- 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?
- 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.
- 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.
- 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.
- 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.
- 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.
- 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!”
- 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.
- 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.
- 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
Tags: ADA Compliance, CMS, Google Analytics, meta tags, mobile-friendly Posted in Uncategorized |
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
Tags: Google algorithms, mobile search, mobile search ranking, mobile-friendly, Mobilegeddon Posted in Business Ethics, Google Resources, SEO & Organic Search |
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”.
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
Tags: April 21, mobile search, mobile-friendly, search algorithms Posted in Google Resources, Scams, SEO & Organic Search |
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.
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
Tags: Google Analytics, mobile apps, mobile sites, mobile-friendly, responsive web design Posted in Google Resources, Marketing Strategies, SEO & Organic Search, Website Development |
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
Tags: cross-platform, fluid web content, mobile sites, mobile-friendly, responsive sites, responsive web technology. scalable web content Posted in Google Resources, Website Development |
|