34

Website best-practices

Embed Size (px)

DESCRIPTION

http://www.repmedia.co Discover the best practices you can use the help you site rank higher in the search engine.

Citation preview

Page 1: Website best-practices
Page 2: Website best-practices

http://repmedia.co

James Foster
Mike -- This preso will be very image heavy. Please visualize the visuals as you're reading the text...
Page 3: Website best-practices

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

Typography & Design

Page 5: Website best-practices

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

• 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
Page 8: Website best-practices

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

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
Page 11: Website best-practices

“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

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
Page 14: Website best-practices

Site Content

Page 15: Website best-practices

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
Page 17: Website best-practices

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

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
Page 20: Website best-practices

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

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

Visual

• Put photos of your team on your about page; people like doing business with real people

Page 23: Website best-practices

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

UsabilityCall Omar Now! 347-357-1763

http://www.repmedia.co

Page 25: Website best-practices

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

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

Contact Info

• Include your phone number and address on your homepage (and every other page)

Page 28: Website best-practices
Page 29: Website best-practices

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

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

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

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

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

Questions?

Call Omar Now! 347-357-1763

http://www.repmedia.co