Apress Web Design And Marketing Solutions For Business Websites Aug 2007 ISBN 1590598393 pdf

  Kevin Potts WRITE STRONG WEB CONTENT MAXIMIZE YOUR SEARCH ENGINE MARKETING LEARN HOW ACCESSIBILITY AND WEB STANDARDS APPLY TO CORPORATE SITES

  Web Design and Marketing Solutions

for Business Websites

  Kevin Potts

Web Design and Marketing Solutions for Business Websites

  

Copyright © 2007 Kevin Potts

All rights reserved. No part of this work may be reproduced or transmitted in any form or by any means,

electronic or mechanical, including photocopying, recording, or by any information storage or retrieval

system, without the prior written permission of the copyright owner and the publisher.

  

ISBN-13 (pbk): 978-1-59059-839-9

  

ISBN-10 (pbk): 1-59059-839-3

Printed and bound in the United States of America 9 8 7 6 5 4 3 2 1

Trademarked names may appear in this book. Rather than use a trademark symbol with every occurrence

of a trademarked name, we use the names only in an editorial fashion and to the benefit of the trademark

owner, with no intention of infringement of the trademark.

Distributed to the book trade worldwide by Springer-Verlag New York, Inc., 233 Spring Street, 6th Floor,

or

  New York, NY 10013. Phone 1-800-SPRINGER, fax 201-348-4505, e-mail

visit

  

For information on translations, please contact Apress directly at 2855 Telegraph Avenue, Suite 600,

Berkeley, CA 94705. Phone 510-549-5930, fax 510-549-5939, e-mail

or visit

The information in this book is distributed on an “as is” basis, without warranty. Although every precaution

has been taken in the preparation of this work, neither the author(s) nor Apress shall have any liability to

any person or entity with respect to any loss or damage caused or alleged to be caused directly or

indirectly by the information contained in this work.

The source code for this book is freely available to readers at

Downloads section.

  

Credits

Lead Editor Assistant Production Director

  

Matthew Moodie Kari Brooks-Copony

Technical Reviewer Production Editor

  

Brian Warren Laura Esterman

Editorial Board Compositor

  Steve Anglin, Ewan Buckingham, Dina Quan Gary Cornell, Jonathan Gennick, Jason Gilmore, Jonathan Hassell,

  Artist Chris Mills, Matthew Moodie, April Milne Jeffrey Pepper, Ben Renow-Clarke,

  Dominic Shakeshaft, Matt Wade, Proofreader

  Tom Welsh Linda Seifert Project Manager Indexer

  Katie Stence Julie Grady Copy Editor Interior and Cover Designer

  Damon Larson Kurt Krames

Manufacturing Director

  

Tom Debolski

  

There are many things in life where the simplicity of the final product

belies the intense process of creation. Making sausage is one, writing a

book is another. Web Design and Marketing Solutions for Business

  Websites is the culmination of not only my time, but my family’s as

well, which was largely spent wondering where I’d gone to for a year.

  

This book was only possible with their love. My wife, who has dubbed

the project “the other woman in my life,” has been supportive beyond the call of duty. My three children, who are my sun and air, have shown a patience that is beyond their young years, even when

demanding their evening bottle or asking to watch Cars with them for

th the 912 time. I love you all, and this book—in its own technical, nerdy, plotless way—is dedicated to each one of you.

CONTENTS AT A GLANCE

  About the Author . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Acknowledgments . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

   Chapter 2: Content . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

   Chapter 3: Accessibility . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

   Chapter 4: Architecture and Navigation . . . . . . . . . . . . . . . . . . . . . . . . . . . .

   Chapter 5: The Homepage . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

  

  Chapter 7: Products and Services . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

CONTENTS . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . About the Author

   . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . About the Technical Reviewer . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Acknowledgments . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Introduction . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

  

  Marketing . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Selling a tangible product . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Promoting services . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . The whole branding thing . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Home as advertisement . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

  Support . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Providing extended information . . . . . . . . . . . . . . . . . . . . . . . . . . . . . The community. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Customer love . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

  Corporate information . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . News and press releases. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Contact information . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . The corporate blog . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

  Redesigning your site . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Redesign justification. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

  Internal pressure . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Shiny new technology . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . The branding mind-meld. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

  Planning the redesign . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Primary objectives . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Secondary objectives . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Tertiary objectives . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12 Selling the redesign . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . The research . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . The cold hard facts . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . The timeline . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . The cost . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

  Website platforms . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . HTML vs. Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Content management systems . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

  Insist on copy—refute lorem ipsum . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Typography considerations . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

  Accessibility benefits everyone . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Keep the doors open . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Stay out of the courtroom . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Optimize for search engines . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Karma . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

  Visual impairment . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Mobility impairment . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Hearing impairment. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Learning disabilities . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Epilepsy . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

  

  Chapter 3: Accessibility . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

  Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

  To serif or to sans? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Use common typefaces . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Consider contrast . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

  Examples of clarification . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Design considerations for content . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

  WordPress . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Textpattern . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Drupal . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ExpressionEngine . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Vignette . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

  Write for your audience, not your ego . . . . . . . . . . . . . . . . . . . . . . . . . . . Provide the whole story . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Short paragraphs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Bullets . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Reading level . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

  Avoiding corporate speak . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Have mercy on the thesaurus . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

  To be found, you need to say something . . . . . . . . . . . . . . . . . . . . . . . . . . . . Writing better copy for the Web . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

  

  Chapter 2: Content . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

  Hosting considerations . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

  C O N T E N T S

C O N T E N T S

  Consider accessibility from the beginning. . . . . . . . . . . . . . . . . . . . . . . . . . . . The accessibility landscape . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

  The W3C . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . WCAG 1.0 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Country-specific laws . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

  Real-world accessibility . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Standards-based development. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

  Valid HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Semantic markup . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

  Color considerations . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Contrast . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Using more than color to signify information . . . . . . . . . . . . . . . . . . . . .

  Supplemental navigation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Navigation aids . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Invisible navigation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Access keys . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Tab index . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

  Forms and tables . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Forms . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Tables . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

  Graphics and multimedia . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Graphics . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Multimedia . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Better Flash accessibility with SWFObject . . . . . . . . . . . . . . . . . . . . . . .

  The accessibility statement . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Common content . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

  Testing accessibility . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Validate the site . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Screen readers. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . User testing . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

  Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

  

  Determining the big buckets . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Visualizing the architecture . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

  Mind mapping . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Hierarchical diagrams . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Collecting the content . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

  Navigation design . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Navigation placement. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Best practices . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

  Design and development no-nos . . . . . . . . . . . . . . . . . . . . . . . . . . . . Drop-down menus . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Breadcrumb links . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Flash-based navigation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Smart labels . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . C O N T E N T S

  Site maps . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Linking to HTML site maps . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

  XML site maps for search engines . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

  Chapter 5: The Homepage

  

  Scope of the site . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Overview of the company . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Opportunities to learn more . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Goal conversions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . And, of course, branding . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

  Anatomy of the homepage . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Critical elements . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

  Navigation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Company description. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Search . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

  Options a la carte . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . The billboard . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Press releases and corporate news . . . . . . . . . . . . . . . . . . . . . . . . . . . The corporate blog . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Featured products or services . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Testimonials . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Newsletter sign-up . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Login . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

  A survey of company sites . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Design considerations for usability . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

  The fold. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . The F pattern. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . The introduction page. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

  Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

  Chapter 6: The About Section

  All about the About pages . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Linking to the About material . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Content options . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

  About the company . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . The grand overview . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Services/products overview . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Company history . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Principals, leaders, and the board of directors . . . . . . . . . . . . . . . . . . . . . . Company culture. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Philanthropy . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

C O N T E N T S

  Career opportunities . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . The job list . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . The job entry . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Resume submission . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

  Choosing the format . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . The e-mail link. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . The contact form . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

  Promoting job openings. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . News and press releases . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

  Listing press releases . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . The press release . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

  Investor relations . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . The stock . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

  The stock price . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Dividend and split history . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

  Enhancing the display of tabular data . . . . . . . . . . . . . . . . . . . . . . . . . . . . . The table ruler . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . SEC filings. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Zebra tables . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Sorting tables. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

  Beyond EDGAR . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Media and more . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

  The contact page . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . The right information . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

  Include everything reasonable . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Break up where necessary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

  Contact via the Web . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Asking the right questions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Choosing required fields . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Usability considerations. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

  Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . C O N T E N T S . . . . . . . . . . . . . . . . . . . . . . . . . .

  Chapter 8: Independent Validation

C O N T E N T S

  Locally installed platforms . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Movable Type . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Textpattern. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . WordPress . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Drupal . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ExpressionEngine . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

  Custom applications . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Implementation and architecture. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

  Adding the blog to the site menu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . The URL structure . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

  Archive pages . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Look and feel. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

  Blogging content . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Who writes the content? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

  Everyone in the company. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . A defined team . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . An interesting individual (including the CEO) . . . . . . . . . . . . . . . . . . . .

  Topics and themes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Original thoughts vs. reactionary writing . . . . . . . . . . . . . . . . . . . . . . . Best practices in content . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

  Comments and comment moderation. . . . . . . . . . . . . . . . . . . . . . . . . . . Moderating the human element . . . . . . . . . . . . . . . . . . . . . . . . . . . . Combating comment spam. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

  Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

C O N T E N T S

  Best practices in the support section. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Provide direct and helpful content. . . . . . . . . . . . . . . . . . . . . . . . . . . . . Adapt to customer needs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

  Keep content current . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Embrace new technology (the rise of mobile access) . . . . . . . . . . . . . . . . Break through language barriers. . . . . . . . . . . . . . . . . . . . . . . . . . . .

  Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

Chapter 11: Contingency Planning 243 Redirects and error pages . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 244 Crash course in status codes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 245

  200 OK . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 404 Not Found . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

  Site search . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Search as a navigation complement . . . . . . . . . . . . . . . . . . . . . . . . . . . . The small but mighty search box . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

  Practice good HTML. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Page placement . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Advanced search pages . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

  Search results . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Handling errors in forms. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

  Take responsibility . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Common problems (and the errors that love them) . . . . . . . . . . . . . . . . . . .

  Error message design . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Error message content . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Positive reinforcement . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

  Printing web pages . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Separate print-ready web pages . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Printing with CSS. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

  Implementing the printer-friendly style sheet . . . . . . . . . . . . . . . . . . . . What stays, what goes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Sizing and measurement considerations . . . . . . . . . . . . . . . . . . . . . . .

  Doomsday page . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

  Chapter 12: Legalese

  Intellectual property . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Copyright . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

  Determining if copyright is owned. . . . . . . . . . . . . . . . . . . . . . . . . . . Work made for hire . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

  Registering a copyright . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Copyright infringement . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Adding a copyright notice . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

C O N T E N T S

  Terms of use . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Special licensing of content. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

  GNU Free Documentation License. . . . . . . . . . . . . . . . . . . . . . . . . . . Creative Commons . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

  Terms of use structure . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Privacy policy . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

  Chapter 13: Search Engine Optimization

C O N T E N T S

  Newsletter design . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Structure . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Images . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Styling . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Layout . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

  Publishing. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Publication schedule . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Newsletter archive . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Publishing platform . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

  Reporting and metrics . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Unique URLs for web analytics . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

  RSS feeds . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Prime content for syndication . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

  RSS for the website . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . RSS for marketing . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

  Implementation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Burn the feed . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Add the feed to the site . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

  Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

  C O N T E N T S . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

  Appendix: Resources

  General web design . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Books . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Websites . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

  Accessibility . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Articles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Books . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Websites . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Further resources . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

  Corporate Blogging . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Articles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Books . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Websites . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

  Search Engine Optimization . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Books . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Websites . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Further resources and tools . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

  Marketing . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Books on marketing . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Books on social behavior . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Websites . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

  Index

ABOUT THE AUTHOR

  Kevin Potts has been working on the Web for almost 11 years, hav-

  ing started his online journey designing his first employer’s website with Netscape and Notepad. He has spent the bulk of his design and development career working in small agencies, in-house design departments, and independently as a grizzled freelancer. His focus is usability, accessibility, and clarity. His portfolio contains work for businesses of all sizes in an array of industries, from Fortune 100 companies to sole proprietorships. His professional side is repre- and his unconventional and widely

ABOUT THE TECHNICAL REVIEWER

  Brian Warren has been designing for the Web for over ten years. He

  is living his dream, running his own web design firm, Be Good Not Bad, in Denver, Colorado. Brian also cofounded Method Arts, a cre- ative consortium of freelance web designers. He has a passion for improving his ninja skills, especially in the realm of CSS and HTML. Brian also enjoys photography, going on walks with his wife, and brewing his own beer. His website, which houses his blog and port- folio, is

ACKNOWLEDGMENTS

  Special thanks go to everyone involved in this book’s creation. The entire team at friends of ED has been especially helpful and knowledgeable, with fantastic support from the project management, editing, and production teams. You guys make a writer’s life easier. All of the companies that offered their support for the book—and ultimately allowed themselves to be represented—have been especially accommodating and supportive. And finally a very special thanks to Brian Warren for reviewing the technical aspects of the manuscript, which is always best left in the hands of a trained professional.

INTRODUCTION

  The Internet encompasses all types of websites, from social media monoliths to individual blogs, from Justin Timberlake fan sites to Fortune 500 businesses. Everyone has a voice, and the medium has become the ultimate level playing field for those seeking to interact with the world through an always-on, instantly available, nearly ubiquitous venue.

  Fewer benefit more than businesses. In this sense, the term business is encompassing; we’re talking about mom-and-pop stores, global giants, local nonprofits, churches, and more— anyone who seeks to create a conversation with customers, clients, patrons, members, and prospects. Web Design and Marketing Solutions for Business Websites was written to help make those websites better. Since the lifeblood of business is fostering customer relationships, it is imperative that a web- site serve that purpose unequivocally. From the very first contact with a prospect, to guiding them through the conversion funnel, to sustaining them with ample support material, to maintaining contact through proactive communication—all of this is designed to attract cus- tomers and keep them satisfied for the duration of the relationship with your company. This book covers the many facets of building a site that serves customers and maintains a positive marketing light on the company. First, the basics: content, accessibility, and architec- ture. Next, the guts of the website: the homepage, the About section, products and services, support, and the blog. After that, enhancing the website: testimonials, legal material, and strong contingency design. Finally, promoting the website: search engine optimization, cus- tomer newsletters, and advertising.

  A site that maintains a strong blend of all these aspects will serve the business well, and only help to complement the company’s other marketing goals.

Who this book is for

  This book is written for everyone involved in building a business website. Designers, copy- writers, developers, information architects, and marketing experts will all find the content interesting—and even applicable in most parts. The book is about web design for businesses, I N T R O D U C T I O N

  so whether you are a freelancer consulting with organizations or a member of an in-house team, this book is for you. If you are looking for hardcore code examples, in-depth explanations of deprecated tags in