Frustration does not sell your product. If visitors to your site cannot easily reach what they're looking for, they'll shop elsewhere. Yet a great many e-commerce sites still fail to meet basic navigation needs.

Update your site map
A table of contents or site map with links to all content areas speeds navigation and serves as a "panic button" for visitors who have lost their bearings. Modify your site map to reflect any new content. Also be sure to include a link to your site map on any added pages.

Use descriptive titles in your <strong>tags</strong> <br />Users rely on their browser's back and forward buttons, so furnish unique, descriptive titles for each page - that's what is shown in the back/forward button drop-down menus. A page title like "Page 3," for example, probably won't offer much help for navigation. On the other hand, "Ordering and Shipping Information" tells visitors exactly what they'll find.</p> <p> <strong>Use the</strong> <ALT> <strong>attribute</strong> <br />Many people, especially those with slow Internet connections, surf the Web with the image-viewing capacity of their browser turned off. Make sure that graphics-free visitors aren't missing important navigation elements or other critical content. Example:</p> <blockquote> <p><IMG SRC="monkey.gif" ALT="This is a picture of a monkey."></p> </blockquote> <p>Viewers with graphics capability see your image (but not the text). Those who have graphics viewing turned off see only the text. Make sure the text description is adequate for making navigation easy.</p> <p> <strong>Don't overdo your design</strong> <br />Don't go overboard with colors, images, and other display elements, but don't be afraid of them either. If your pages seem a little bland, consider using a different background color. A color can be set for the entire page with the <BGCOLOR> attribute inside the <BODY> tag:</p> <blockquote> <p><BODY BGCOLOR="white"></p> </blockquote> <p>If you are using tables, the entire table or each individual cell in the table can be set to unique colors:</p> <table cellspacing="2" cellpadding="2"> <tr> <td bgcolor="#66FF99"> <code><TABLE BGCOLOR="lime"></code> </td> <td bgcolor="#99FFFF">Sets the background color of the entire table</td> </tr> <tr> <td bgcolor="#D63194"> <code><TR BGCOLOR="fuchsia"></code> </td> <td bgcolor="#99FFFF">Sets the background color of a table row</td> </tr> <tr> <td bgcolor="#FF0000"> <code><TD BGCOLOR="red"></code> </td> <td bgcolor="#99FFFF">Sets the background color of a table cell</td> </tr> </table> <p>Copyright 1995-1999 Pinnacle WebWorkz Inc. All rights reserved. Do not duplicate or redistribute in any form.</p> <p><img alt="logo" src=''/></p></div> </div> <div class="ArticleVideo ArticleVideoBottom hidden"></div> </div><!-- close .splitArticleUpperContainer --> <div class="splitArticleLowerContainer"> <div class="bottom-of-article"> <div class="PubdateArea updated inc_editable_area"><div class="Pubdate inc_editable" data-editor-class="ArticleDates" data-label="Dates" data-content-type="article" data-content-id="1389"><span class="PubdateContent">Published on: Dec 14, 1999</span></div></div> </div> </div><!-- close .splitArticleLowerContainer --> </div><!-- close .articlecontent --> <div class="belowArticleContentUpperContainer"> <div class="morearticles" mid="1389"><p class="readmorehead">MORE:</p> <p class="readmoreitem"><a slot="1" more="81971" href="">10 Innovative Products for Office Workers</a></p> <p class="readmoreitem"><a slot="2" more="82274" href="">Want to Raise Resilient Kids? A Navy SEAL Says Always Do This</a></p> <p class="readmoreitem"><a slot="3" more="80923" href="">4 Tips on How to Thrive When Everybody Else Is Crashing</a></p> <p class="readmoreitem"><a slot="4" more="81564" href="">8 Morning Rituals of the Most Successful People</a></p> <p class="readmoreitem"><a slot="5" more="82798" href="">Want to Lead a Truly Exceptional Life? A Navy SEAL Says Always Do These Things</a></p> </div> <div class="articlefooter"> </div> <div id="ShareContainerLower" class="ShareContainerLower ShareContainer"></div> <div class="Comments"></div> <div class="socialFollowBanner"></div> <div class="middlepromo"></div> </div><!-- close .belowArticleContentUpperContainer --> </div> </div><!--end maincolumn--> <div class="sidebar"> <div class="sidebar_inner"> </div> </div> </div> <div class="SectionFooter"> <div id="bottompromo"></div> <script type="text/javascript">$(window).scroll(function() { setTimeout('name = "";',3000);});</script> </div> <div class="ReccomendedVideoContainer forArticle-1389"> <div class="native-trigger-container"> <div id="firstNativeTrigger" class="nativetrigger"> <script> type='text/javascript'>inc.adManager.displayAdSlot('scroll0','nativeTrigger','firstNativeTrigger');</script> </div> </div> </div> <div class="WideAdContainer article-bottom-WideAdContainer"> <div class="SmallAdSubContainer"> <div class="AdContainer SectionMobileAdContainer"> <div id="first-article-bottom-widead" class="sectionMobileRectangle Ad article-bottom-widead"> <script type="text/javascript">inc.adManager.displayAdSlot('scroll2','sectionMobileRectangle','first-article-bottom-widead');</script> </div> </div> </div> <div class="padvertlabel">Advertisement</div> </div> </section><!--end Section--> <div class="container-bottom"> </div> <div id="container-footer"> </div> </div><!--end contentcontainer--> </div><!--end wrappercontainer--> </div><!--end siteinnercontainer--> <div id="siteContainerModalWrapper" class="ModalWrapper hidden"> <div class="ModalWrapperBackground"></div> </div> <!-- Start Chartbeat integration --> <script type="text/javascript"> var _sf_async_config={uid:2768,domain:""};_sf_async_config.sections = "Online Business";_sf_async_config.authors = "";_sf_async_config.path = "/articles/1999/12/16022.html"; (function(){ function loadChartbeat() { window._sf_endpt=(new Date()).getTime(); var e = document.createElement('script'); e.setAttribute('language', 'javascript'); e.setAttribute('type', 'text/javascript'); e.setAttribute('src', (("https:" == document.location.protocol) ? "" : "http://") + ""); document.body.appendChild(e); } var oldonload = window.onload; window.onload = (typeof window.onload != 'function') ? loadChartbeat : function() { oldonload(); loadChartbeat(); }; })(); </script> <!-- End Chartbeat integration --> <div id="posttrack"></div> <script language="javascript"> function postload() { var op = 'article'; var incSitePage = ''; var txt = ''; if(op!='home' && incSitePage!='col.livechat') { if (Math.random() < 0.5) { txt += '<script src=""></scr' + 'ipt>'; } else { txt += '<script language="javascript" src=""></scr' + 'ipt>'; } } txt += '<script type="text/javascript" src=""></scr' + 'ipt>'; <!-- Default Insight Tag --> var _bizo_data_partner_id = "632"; var _bizo_p = (("https:" == document.location.protocol) ? "https://sjs." : "http://js."); txt += unescape("%3Cscript src='" + _bizo_p + "" + _bizo_data_partner_id + "' type='text/javascript'%3E%3C/script%3E"); return txt; } $(document).ready(function() { document.getElementById("posttrack").innerHTML=postload(); }); </script> <script type="text/javascript"> <!-- function sharedlinkedin(url) { likeintercept('LinkedIn'); } function sharedtwitter(intent_event) { if (intent_event) { likeintercept('Twitter'); }; } function sharedfacebook(url) { likeintercept('Facebook'); } function sharedgoogle(jsonParam) { likeintercept('Google'); } function likeintercept(service) { var s=s_gi(s_account); s.linkTrackVars='eVar22,events'; s.linkTrackEvents='event3'; s.eVar22=service;'event3';,'o','Social Share: '+service); $.post("", { incid: "1389", sharedtype: service} ); } //--> </script> <script> $(document).on('click', '.FacebookShareButton', function() { trackEvent('facebook',null); }); $(document).on('click', '.TwitterShareButton', function() { trackEvent('twitter',null); }); $(document).on('click', '.GooglePlusShareButton', function() { trackEvent('google',null); }); $(document).on('click', '.LinkedInShareButton', function() { trackEvent('linkedin',null); }); $(document).on('click', '.RedditShareButton', function() { trackEvent('reddit',null); }); $(document).on('click', '.StumbleuponShareButton', function() { trackEvent('stumbleupon',null); }); $(document).on('click', '.MailShareButton', function() { trackEvent('mail',null); }); $(document).on('click', '.PreviousButton', function() { trackEvent('prevarticle',null); }); $(document).on('click', '.NextButton', function() { trackEvent('nextarticle',null); }); $(document).on('click', '.CommentInfoTop', function() { trackEvent('writecommenttop',null); }); $(document).on('click', '.ShareBoxExtras', function() { trackEvent('writecommentbottom',null); }); $(document).on('click', '#TopNavOverlaySocial ', function() { trackEvent('socialfollow',null); }); $(document).on('click', '.TwitterShareButton', function() { trackEvent('twitter',null); }); $(document).on('click', '#leftMenuButtonInnerContainer', function() { trackEvent('menu',null); window.menuopened=true; }); $(document).on('click', '#SearchInput', function() { trackEvent('search',null); }); $(document).on('click', '#incFixedLogoInnerContainer', function() { trackEvent('logo',null); }); $(document).on('click', '.submitInputContainer', function() { trackEvent('newsletter',null); }); $(document).on('click', '.menuListRightRegionContainer', function() { if(window.menuopened==true) { trackEvent('mainmenu',null); } }); $(document).on('click', '.Secondary', function() { trackEvent('secondarymenu',null); }); $(document).on('click', '.incMastheadPromo', function() { trackEvent('promo',null); }); $(document).on('click', '#RightMenuButton', function() { trackEvent('login',null); }); $(document).on('click', '.navBtnSubscribe', function() { trackEvent('subscribe',null); }); $(document).on('click', '.channel-article-header', function() { trackEvent('channelheader',null); }); $(document).on('click', '.article-body a', function() { trackEvent('inlinelink',null); }); $(document).on('click', '.readmoreitem', function() { trackEvent('readmore',null); }); $(document).on('click', '.reccomendedVideoBox', function() { trackEvent('recommended',null); }); $(document).on('click', '.scroll-for-more', function() { trackEvent('clickscroll',null); }); $(document).on('click', '.socialFollowBanner .facebook', function() { trackEvent('socialfooter',1); }); $(document).on('click', '.socialFollowBanner .flipboard', function() { trackEvent('socialfooter',2); }); function trackEvent(eventtype,instance) { if($(window).width()>759) { platform = 'desktop'; } else { platform = 'mobile'; } $.ajax({ type: "POST", url: "/rest/track.php", data: { incid: 1389, usrid: usrid, tempid: getCookie('incrnd'), abgrp: getCookie('incab'), eventtype: eventtype, instance: instance, platform: platform } }); } </script> <script type="text/javascript"> <!-- window.fbAsyncInit = function() { FB.init({appId: '139291179414843', channelUrl: '', status: true, cookie: true, xfbml: true}); FB.Event.subscribe('edge.create', function(response) { likeintercept('Facebook'); }); }; (function(d){ var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0]; if (d.getElementById(id)) {return;} js = d.createElement('script'); = id; js.async = true; js.src = "//"; ref.parentNode.insertBefore(js, ref); }(document)); //--></script> <script>(function() { var _fbq = window._fbq || (window._fbq = []); if (!_fbq.loaded) { var fbds = document.createElement('script'); fbds.async = true; fbds.src = '//'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(fbds, s); _fbq.loaded = true; } _fbq.push(['addPixelId', '842808275803047']); })(); window._fbq = window._fbq || []; window._fbq.push(['track', 'PixelInitialized', {}]); </script> <noscript><img height="1" width="1" alt="" style="display:none" src="" /></noscript> <script type="text/javascript"> (function() { var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = ''; po.parsetags = 'explicit'; po.onload = _.bind(inc.gapiLoaded,inc); var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })(); </script> </div><!--end sitecontainer--> <!--<script src=""></script>--> </body> </html>