Download - Website best-practices
![Page 1: Website best-practices](https://reader033.vdocuments.mx/reader033/viewer/2022051516/55b6dd15bb61eb12598b4705/html5/thumbnails/1.jpg)
![Page 2: Website best-practices](https://reader033.vdocuments.mx/reader033/viewer/2022051516/55b6dd15bb61eb12598b4705/html5/thumbnails/2.jpg)
We don’t
read pages.
We scan
them.
![Page 3: Website best-practices](https://reader033.vdocuments.mx/reader033/viewer/2022051516/55b6dd15bb61eb12598b4705/html5/thumbnails/3.jpg)
We don’t
make optimal
choices
We satisfice
![Page 4: Website best-practices](https://reader033.vdocuments.mx/reader033/viewer/2022051516/55b6dd15bb61eb12598b4705/html5/thumbnails/4.jpg)
We don’t
figure out
how things
work
We muddle
through
![Page 5: Website best-practices](https://reader033.vdocuments.mx/reader033/viewer/2022051516/55b6dd15bb61eb12598b4705/html5/thumbnails/5.jpg)
Conventions are
our friends
![Page 6: Website best-practices](https://reader033.vdocuments.mx/reader033/viewer/2022051516/55b6dd15bb61eb12598b4705/html5/thumbnails/6.jpg)
Web Site Conventions
They are useful. Conventions only become conventions if they work.
Designers are reluctant to use conventions, they like to reinvent the wheel.
Innovate when you KNOW you have a better idea, but use conventions when you don’t.
![Page 7: Website best-practices](https://reader033.vdocuments.mx/reader033/viewer/2022051516/55b6dd15bb61eb12598b4705/html5/thumbnails/7.jpg)
Web Site ConventionExamples
Navigation appearing along the top or running down the left side of the page.
Logo located in the upper left corner.
Hyperlinks are underlined.
![Page 8: Website best-practices](https://reader033.vdocuments.mx/reader033/viewer/2022051516/55b6dd15bb61eb12598b4705/html5/thumbnails/8.jpg)
Keep the
noise
down
to a
dull roar
![Page 9: Website best-practices](https://reader033.vdocuments.mx/reader033/viewer/2022051516/55b6dd15bb61eb12598b4705/html5/thumbnails/9.jpg)
What Defines
A Good
Small Business
Web Site?
![Page 10: Website best-practices](https://reader033.vdocuments.mx/reader033/viewer/2022051516/55b6dd15bb61eb12598b4705/html5/thumbnails/10.jpg)
A Good Web Site Has:
A tagline that clearly identifies what you do.
Consistent design and navigation on all pages.
Clear hierarchy of information.
Footer links at the bottom of every page.
Keywords that identify your business.
Easy-to-find contact information.
A means to gather user data.
![Page 11: Website best-practices](https://reader033.vdocuments.mx/reader033/viewer/2022051516/55b6dd15bb61eb12598b4705/html5/thumbnails/11.jpg)
Things to Avoid
Splash or Intro Pages. Slow loading pages. Large blocks of text on the main site
pages. White text on color background. Too much Flash and Music. Incomplete pages.
![Page 12: Website best-practices](https://reader033.vdocuments.mx/reader033/viewer/2022051516/55b6dd15bb61eb12598b4705/html5/thumbnails/12.jpg)
![Page 13: Website best-practices](https://reader033.vdocuments.mx/reader033/viewer/2022051516/55b6dd15bb61eb12598b4705/html5/thumbnails/13.jpg)
Information Architecture
Create Usable Navigation System Easy to learn Consistent throughout the site Minimum number of clicks to destination.
What is the mission or purpose of the site.
Who are the intended audiences. Determine the organizational structure
Hierarchy of information Narrow and deep or broad and shallow.
Create a site map or blueprint of the site.
![Page 14: Website best-practices](https://reader033.vdocuments.mx/reader033/viewer/2022051516/55b6dd15bb61eb12598b4705/html5/thumbnails/14.jpg)
3 Important Concepts Require Your Attention
What the audience wants from you.
What you want to say.
How you arrange the content to best meet your audience’s needs.
![Page 15: Website best-practices](https://reader033.vdocuments.mx/reader033/viewer/2022051516/55b6dd15bb61eb12598b4705/html5/thumbnails/15.jpg)
Break up pages into
clearly defined areas
![Page 16: Website best-practices](https://reader033.vdocuments.mx/reader033/viewer/2022051516/55b6dd15bb61eb12598b4705/html5/thumbnails/16.jpg)
Make it obvious what
is clickable
![Page 17: Website best-practices](https://reader033.vdocuments.mx/reader033/viewer/2022051516/55b6dd15bb61eb12598b4705/html5/thumbnails/17.jpg)
Important Considerations
A clear, concise mission, vision, and values statement.
Include photographs to add visual meaning to the site.
All photos should be captioned to increase comprehension & SEO.
![Page 18: Website best-practices](https://reader033.vdocuments.mx/reader033/viewer/2022051516/55b6dd15bb61eb12598b4705/html5/thumbnails/18.jpg)
Important Considerations
FAQ’s- improves users understanding of the information presented and reduces demand on your staff.
Site Map—Helps users navigate and search your site.
Page Footers offer the user a set of links to other pages in addition to essential data about the site.
![Page 19: Website best-practices](https://reader033.vdocuments.mx/reader033/viewer/2022051516/55b6dd15bb61eb12598b4705/html5/thumbnails/19.jpg)
Site Marketing
Your Web site should be an integral part of all marketing campaigns and corporate communications programs, and the URL for the site should appear on every piece of correspondence and marketing collateral.
![Page 20: Website best-practices](https://reader033.vdocuments.mx/reader033/viewer/2022051516/55b6dd15bb61eb12598b4705/html5/thumbnails/20.jpg)
![Page 21: Website best-practices](https://reader033.vdocuments.mx/reader033/viewer/2022051516/55b6dd15bb61eb12598b4705/html5/thumbnails/21.jpg)
Site Navigation
Gives us something to hold on to.
It tells us what’s inside.
It instructs us how to use the site.
Consistent Navigation allows users to adapt easily and predict with confidence the location of information.
![Page 22: Website best-practices](https://reader033.vdocuments.mx/reader033/viewer/2022051516/55b6dd15bb61eb12598b4705/html5/thumbnails/22.jpg)
![Page 23: Website best-practices](https://reader033.vdocuments.mx/reader033/viewer/2022051516/55b6dd15bb61eb12598b4705/html5/thumbnails/23.jpg)
Omit Needless Words
Reduces noise level of the page.
Makes useful content more prominent.
Makes pages shorter, reduces scrolling.
![Page 24: Website best-practices](https://reader033.vdocuments.mx/reader033/viewer/2022051516/55b6dd15bb61eb12598b4705/html5/thumbnails/24.jpg)
Kill the Happy Talk
Happy talk is like small talk, visitors to your site are not interested.
Contains no useful information.
![Page 25: Website best-practices](https://reader033.vdocuments.mx/reader033/viewer/2022051516/55b6dd15bb61eb12598b4705/html5/thumbnails/25.jpg)
Chunk It Few Web users spend time reading long
passages of text on-screen.
Chunking can help organize and present information in a uniform format.
Concise chunks of information are better suited to the computer screen. Long pages tend to disorient readers and require users to scroll long distances.
![Page 26: Website best-practices](https://reader033.vdocuments.mx/reader033/viewer/2022051516/55b6dd15bb61eb12598b4705/html5/thumbnails/26.jpg)
Stock Photography Google Images is NOT a source of
photos for your web site.
Royalty Free: Pay fee for variety of usage.
Rights Managed: Pay fee for very specific, one-time usage.
ShutterStock, Getty Images, FotoSearch offer affordable plans for Royalty Free Stock Images.
![Page 27: Website best-practices](https://reader033.vdocuments.mx/reader033/viewer/2022051516/55b6dd15bb61eb12598b4705/html5/thumbnails/27.jpg)
![Page 28: Website best-practices](https://reader033.vdocuments.mx/reader033/viewer/2022051516/55b6dd15bb61eb12598b4705/html5/thumbnails/28.jpg)
![Page 29: Website best-practices](https://reader033.vdocuments.mx/reader033/viewer/2022051516/55b6dd15bb61eb12598b4705/html5/thumbnails/29.jpg)
Design is Devine The design of your site should offer
relief to the eye by striking a balance between text and graphic elements.
![Page 30: Website best-practices](https://reader033.vdocuments.mx/reader033/viewer/2022051516/55b6dd15bb61eb12598b4705/html5/thumbnails/30.jpg)
![Page 31: Website best-practices](https://reader033.vdocuments.mx/reader033/viewer/2022051516/55b6dd15bb61eb12598b4705/html5/thumbnails/31.jpg)
Design Your Own Site WordPress and Joomla are two CMS
products that use templates so you can build your own Web Site and manage the content.
CMS allows you to add/edit and delete pages from your site
![Page 32: Website best-practices](https://reader033.vdocuments.mx/reader033/viewer/2022051516/55b6dd15bb61eb12598b4705/html5/thumbnails/32.jpg)
Benefits of DIY Web Sites
Saves you money.
Template driven, plug-ins available to add functionality.
Provides content management system (CMS) that archives content and allows you to easily upload new content to the site.
Manage site content via a Web browser.
![Page 33: Website best-practices](https://reader033.vdocuments.mx/reader033/viewer/2022051516/55b6dd15bb61eb12598b4705/html5/thumbnails/33.jpg)
![Page 34: Website best-practices](https://reader033.vdocuments.mx/reader033/viewer/2022051516/55b6dd15bb61eb12598b4705/html5/thumbnails/34.jpg)
Social Media Drives traffic to your web site.
Improves SEO with keyword rich content.
Gain better understanding of clients’ perceptions of your business.
Increased awareness of your business.
![Page 35: Website best-practices](https://reader033.vdocuments.mx/reader033/viewer/2022051516/55b6dd15bb61eb12598b4705/html5/thumbnails/35.jpg)
What Should You Post? Industry Content – trending topics, lists,
tutorials, news.
Engaging Questions – create a dialogue.
Quotes – Inspirational quotes get lots of shares. Quotes from industry leaders appeal to your target audience.
Statistics – useful and interesting
Promotion – latest products and deals.
![Page 36: Website best-practices](https://reader033.vdocuments.mx/reader033/viewer/2022051516/55b6dd15bb61eb12598b4705/html5/thumbnails/36.jpg)
80% of what you share should be interesting and valuable to
your audience.
20% should be promotional items about your business.
![Page 37: Website best-practices](https://reader033.vdocuments.mx/reader033/viewer/2022051516/55b6dd15bb61eb12598b4705/html5/thumbnails/37.jpg)
Grow Your Audience Add links to your social profiles
everywhere: your website, your blog, your email signature, your e-newsletter.
Engage with as many people as possible on each network.
![Page 38: Website best-practices](https://reader033.vdocuments.mx/reader033/viewer/2022051516/55b6dd15bb61eb12598b4705/html5/thumbnails/38.jpg)
Rules of Engagement Twitter:
Search for discussions by keyword/hashtags and reply using your business profile.
Facebook: Use your page to comment on other posts by other Facebook pages in your industry (not your competitors).
LinkedIn: Use your professional profile to join and participate in groups within your industry.
![Page 39: Website best-practices](https://reader033.vdocuments.mx/reader033/viewer/2022051516/55b6dd15bb61eb12598b4705/html5/thumbnails/39.jpg)
Rules of Engagement Google+
Use your page to comment on posts on other Google+ pages and communities in your industry.
Instagram & Pinterest: Comment on other people’s shares using your business account.
YouTube:Comment on other people’s videos using your business channel.
![Page 40: Website best-practices](https://reader033.vdocuments.mx/reader033/viewer/2022051516/55b6dd15bb61eb12598b4705/html5/thumbnails/40.jpg)
Success Factors
Facebook – 1 to 4 p.m.
Twitter – 1 to 3 p.m.
LinkedIn – 7 to 9 a.m. or 5 to 6 p.m.
Google+ – 9 to 11 a.m.
Pinterest – 2 to 4 p.m. or 8 p.m. to 1 a.m.
Know when the highest percentage of your audience is eavesdropping on your social
networks
![Page 41: Website best-practices](https://reader033.vdocuments.mx/reader033/viewer/2022051516/55b6dd15bb61eb12598b4705/html5/thumbnails/41.jpg)
![Page 42: Website best-practices](https://reader033.vdocuments.mx/reader033/viewer/2022051516/55b6dd15bb61eb12598b4705/html5/thumbnails/42.jpg)
Success Criteria Top of Mind Awareness within Marketplace.
Content is relevant, informative, and addresses the needs of the visitor.
Information is easy to find and read.
Increase unique visitor traffic to site.
Reduce demand on staff when handling inquiries.
Capture user data for future marketing.
Connectedness–link to other Web properties.
More product inquiries—MORE BUSINESS!
![Page 43: Website best-practices](https://reader033.vdocuments.mx/reader033/viewer/2022051516/55b6dd15bb61eb12598b4705/html5/thumbnails/43.jpg)
Social Media Evaluation Engagement Metrics – How many
people like your posts? Are they being shared?
Conversion Rate – Are the posts doing what you want? Landing Pages.
Branding Success – How successful you are at branding your business.
![Page 44: Website best-practices](https://reader033.vdocuments.mx/reader033/viewer/2022051516/55b6dd15bb61eb12598b4705/html5/thumbnails/44.jpg)
Web Site Evaluation Number of unique visits.
Average duration of a visit.
Top referring web sites.
Top entry and exit pages.
Top referring URL’s.
Average number of users per day.
Most active day of the week.
![Page 45: Website best-practices](https://reader033.vdocuments.mx/reader033/viewer/2022051516/55b6dd15bb61eb12598b4705/html5/thumbnails/45.jpg)
A free service offered by Google that generates detailed statistics about the visitors to your web site.
Shows you how people found your site, how they explored it, and how you can enhance their visitor experience.
![Page 46: Website best-practices](https://reader033.vdocuments.mx/reader033/viewer/2022051516/55b6dd15bb61eb12598b4705/html5/thumbnails/46.jpg)
![Page 47: Website best-practices](https://reader033.vdocuments.mx/reader033/viewer/2022051516/55b6dd15bb61eb12598b4705/html5/thumbnails/47.jpg)
Quality Update The key to creating a great website is
to create the best possible experience for your audience with original and high quality content.
More valuable and useful than other sites.
Engaging: Bring color and life to your site by adding images of your products, your team, or yourself.
![Page 48: Website best-practices](https://reader033.vdocuments.mx/reader033/viewer/2022051516/55b6dd15bb61eb12598b4705/html5/thumbnails/48.jpg)
Important Tools https://www.google.com/alerts
http://www.google.com/analytics
http://www.keywordspy.com/
https://archive.org/web/
https://moz.com/local
http://www.seoquake.com/
http://www.seomofo.com/snippet-optimizer.html
http://www.copyscape.com/
https://www.xml-sitemaps.com/
![Page 49: Website best-practices](https://reader033.vdocuments.mx/reader033/viewer/2022051516/55b6dd15bb61eb12598b4705/html5/thumbnails/49.jpg)