Website best-practices
-
Upload
omar-jackson -
Category
Business
-
view
75 -
download
2
description
Transcript of Website best-practices
![Page 1: Website best-practices](https://reader035.fdocuments.in/reader035/viewer/2022081519/5555d820d8b42a711f8b4d63/html5/thumbnails/1.jpg)
![Page 2: Website best-practices](https://reader035.fdocuments.in/reader035/viewer/2022081519/5555d820d8b42a711f8b4d63/html5/thumbnails/2.jpg)
http://repmedia.co
![Page 3: Website best-practices](https://reader035.fdocuments.in/reader035/viewer/2022081519/5555d820d8b42a711f8b4d63/html5/thumbnails/3.jpg)
Why bother?
• Websites play an integral part in the branding and marketing of every company
• It’s really easy to make small changes that have a big impact
• Most SMBs neglect their websites, so it’s easy to stand out from the competition!
![Page 4: Website best-practices](https://reader035.fdocuments.in/reader035/viewer/2022081519/5555d820d8b42a711f8b4d63/html5/thumbnails/4.jpg)
Typography & Design
![Page 5: Website best-practices](https://reader035.fdocuments.in/reader035/viewer/2022081519/5555d820d8b42a711f8b4d63/html5/thumbnails/5.jpg)
Typography
• Make your copy scannable• Break up text with sub-headings, bulleted
lists, highlighted words• Optimize for F-shaped reading patterns
![Page 6: Website best-practices](https://reader035.fdocuments.in/reader035/viewer/2022081519/5555d820d8b42a711f8b4d63/html5/thumbnails/6.jpg)
• Increase the font size to improve readability
• Make sure your line height is sufficient• Go to: pearsonified.com/typography/
Optimize your type settings
![Page 7: Website best-practices](https://reader035.fdocuments.in/reader035/viewer/2022081519/5555d820d8b42a711f8b4d63/html5/thumbnails/7.jpg)
![Page 8: Website best-practices](https://reader035.fdocuments.in/reader035/viewer/2022081519/5555d820d8b42a711f8b4d63/html5/thumbnails/8.jpg)
Best Practices
• Use no more than two different fonts for your body copy
• Use web-safe fonts like Arial, Georgia, Verdana, Lucida, and/or Tahoma
• Remove underlines on all non-hyperlinked text (because you don’t want to confuse/annoy visitors by creating faux links)
![Page 9: Website best-practices](https://reader035.fdocuments.in/reader035/viewer/2022081519/5555d820d8b42a711f8b4d63/html5/thumbnails/9.jpg)
Design
• Place your name and logo on every page and make the logo a link to the homepage
• Use a consistent navigational structure across all of your pages (sales/landing pages excepted)
![Page 10: Website best-practices](https://reader035.fdocuments.in/reader035/viewer/2022081519/5555d820d8b42a711f8b4d63/html5/thumbnails/10.jpg)
![Page 11: Website best-practices](https://reader035.fdocuments.in/reader035/viewer/2022081519/5555d820d8b42a711f8b4d63/html5/thumbnails/11.jpg)
“Users form their expectations for your site based on what's commonly done on most other sites. If you deviate, your site will be harder to use and users will leave.” – Jakob Nielsen, usability expert
Don’t re-invent the wheel
![Page 12: Website best-practices](https://reader035.fdocuments.in/reader035/viewer/2022081519/5555d820d8b42a711f8b4d63/html5/thumbnails/12.jpg)
Best Practices
• Improve your site’s photography• Don’t use distorted or grainy images• Avoid using stock photography whenever
possible; hire a local photographer or enlist a creative colleague, family member
![Page 13: Website best-practices](https://reader035.fdocuments.in/reader035/viewer/2022081519/5555d820d8b42a711f8b4d63/html5/thumbnails/13.jpg)
![Page 14: Website best-practices](https://reader035.fdocuments.in/reader035/viewer/2022081519/5555d820d8b42a711f8b4d63/html5/thumbnails/14.jpg)
Site Content
![Page 15: Website best-practices](https://reader035.fdocuments.in/reader035/viewer/2022081519/5555d820d8b42a711f8b4d63/html5/thumbnails/15.jpg)
Content
• Include your company tagline next to your logo on every page
• Make sure your homepage has a clear, benefit-focused headline of what your company offers (and to whom)
![Page 16: Website best-practices](https://reader035.fdocuments.in/reader035/viewer/2022081519/5555d820d8b42a711f8b4d63/html5/thumbnails/16.jpg)
![Page 17: Website best-practices](https://reader035.fdocuments.in/reader035/viewer/2022081519/5555d820d8b42a711f8b4d63/html5/thumbnails/17.jpg)
Copywriting (Basics)
• Use short, easy-to-understand words and phrases
• Avoid long paragraphs and sentences• Use the (free) Readability Test tool
(read-able.com) to check your site’s readability; make sure it’s under grade 8
![Page 18: Website best-practices](https://reader035.fdocuments.in/reader035/viewer/2022081519/5555d820d8b42a711f8b4d63/html5/thumbnails/18.jpg)
Calls to action (CTA)
• Make sure your site has calls to action that are prominent, compelling, and relevant–Write CTAs that appeal to visitors’ self-
interest– Position them in high-profile areas of your
site– Ask for varying levels of commitment–Make it easy for visitors to take action
![Page 19: Website best-practices](https://reader035.fdocuments.in/reader035/viewer/2022081519/5555d820d8b42a711f8b4d63/html5/thumbnails/19.jpg)
![Page 20: Website best-practices](https://reader035.fdocuments.in/reader035/viewer/2022081519/5555d820d8b42a711f8b4d63/html5/thumbnails/20.jpg)
Links
• Add links to your social media profiles, as well as calls to action to follow/friend/connect with your business
• Add an e-newsletter sign-up form– “If you don't have a newsletter, then
publishing one is probably the single-highest ROI action you can take to improve your Internet presence.” – Jakob Nielsen
![Page 21: Website best-practices](https://reader035.fdocuments.in/reader035/viewer/2022081519/5555d820d8b42a711f8b4d63/html5/thumbnails/21.jpg)
Copywriting (Advanced)
• Apply the inverted pyramid structure to your copy, starting with the general/essential information and moving into greater (non-essential) detail
![Page 22: Website best-practices](https://reader035.fdocuments.in/reader035/viewer/2022081519/5555d820d8b42a711f8b4d63/html5/thumbnails/22.jpg)
Visual
• Put photos of your team on your about page; people like doing business with real people
![Page 23: Website best-practices](https://reader035.fdocuments.in/reader035/viewer/2022081519/5555d820d8b42a711f8b4d63/html5/thumbnails/23.jpg)
About Page
• Pay special attention to your about page• Include any conversion points (like an
opt-in form/newsletter sign-up) on your about page
![Page 24: Website best-practices](https://reader035.fdocuments.in/reader035/viewer/2022081519/5555d820d8b42a711f8b4d63/html5/thumbnails/24.jpg)
UsabilityCall Omar Now! 347-357-1763
http://www.repmedia.co
![Page 25: Website best-practices](https://reader035.fdocuments.in/reader035/viewer/2022081519/5555d820d8b42a711f8b4d63/html5/thumbnails/25.jpg)
Usability
• Identify the top goals that users have when they visit your site (e.g. getting directions, learning about your products, etc.); optimize your content and site architecture accordingly
![Page 26: Website best-practices](https://reader035.fdocuments.in/reader035/viewer/2022081519/5555d820d8b42a711f8b4d63/html5/thumbnails/26.jpg)
Links
• Use color to distinguish visited and unvisited links; this sounds innocuous, but it’s one of the few universally agreed upon standards among usability experts
![Page 27: Website best-practices](https://reader035.fdocuments.in/reader035/viewer/2022081519/5555d820d8b42a711f8b4d63/html5/thumbnails/27.jpg)
Contact Info
• Include your phone number and address on your homepage (and every other page)
![Page 28: Website best-practices](https://reader035.fdocuments.in/reader035/viewer/2022081519/5555d820d8b42a711f8b4d63/html5/thumbnails/28.jpg)
![Page 29: Website best-practices](https://reader035.fdocuments.in/reader035/viewer/2022081519/5555d820d8b42a711f8b4d63/html5/thumbnails/29.jpg)
Search?
• Get rid of your search feature if it doesn’t perform well (if you have fewer than 10 pages on your site, get rid of it regardless)
![Page 30: Website best-practices](https://reader035.fdocuments.in/reader035/viewer/2022081519/5555d820d8b42a711f8b4d63/html5/thumbnails/30.jpg)
Say no to PDFs
• Limit links to PDF documents; users don’t like to toggle between web pages and PDFs
![Page 31: Website best-practices](https://reader035.fdocuments.in/reader035/viewer/2022081519/5555d820d8b42a711f8b4d63/html5/thumbnails/31.jpg)
Best Practices
• Get rid of any Flash elements• Embed a Google map on your contact
page; include your exact address• Make sure that each page on your website
has a unique and accurate title tag and meta description
• Update your website with fresh content on a regular basis
![Page 32: Website best-practices](https://reader035.fdocuments.in/reader035/viewer/2022081519/5555d820d8b42a711f8b4d63/html5/thumbnails/32.jpg)
Finally…
• Make sure your site loads quickly!• Get a mobile version of your site if you are
in an industry where mobile search is common
![Page 33: Website best-practices](https://reader035.fdocuments.in/reader035/viewer/2022081519/5555d820d8b42a711f8b4d63/html5/thumbnails/33.jpg)
Parting Words
• You don’t have to do these things all at once
• Make incremental improvements over time• Contact us at anytime if you need
assistance
![Page 34: Website best-practices](https://reader035.fdocuments.in/reader035/viewer/2022081519/5555d820d8b42a711f8b4d63/html5/thumbnails/34.jpg)
Questions?
Call Omar Now! 347-357-1763
http://www.repmedia.co