| There are several main reasons why putting | | | | along with other elements of the web site. |
| your software manual on-line is necessary. | | | | Such dynamic redirection works for real |
| It makes your web-site attractive for search engine | | | | visitors but doesn't work for web spiders |
| crawlers and therefore brings you targeted | | | | that will crawl your online help pages. |
| traffic from Google, Yahoo!, MSN, | | | | Most of them cannot parse JavaScript |
| and other search engines. A good online | | | | code and therefore cannot access menus |
| manual makes your product serious and | | | | to jump to other pages of your manual. |
| credible. Moreover, if a user faces difficulty | | | | For search engines your online manual's |
| using your software and asks for | | | | pages will look like separate files that are |
| technical support, you may easily resolve | | | | not linked to each other, or to the corporate |
| the issue by referring that user to a certain | | | | web site. As a result, your help |
| page of your online help. Simply give the | | | | pages will receive lowest page rank and |
| page's URL. With just one click the user | | | | will be shown in the end of the list when |
| will see screenshots and explanations | | | | someone is looking for related info on a |
| which will help them to settle the case. | | | | search engine. Almost all SEO and web |
| | | | design gurus recommend avoiding frames |
| Many software vendors, from large | | | | and put both menu and content into a |
| companies to independent developers, | | | | single HTML file. |
| clearly understand these reasons. They | | | | |
| made their help systems a part of their | | | | Use direct links, not redirect scripts |
| web sites by aiming to attract more prospects | | | | |
| and to generate more sales. But | | | | Like frames, using JavaScript in menu is |
| even a sketchy analysis of a dozen manuals | | | | another no-no for creating an online |
| available online discloses a bunch of | | | | manual for your software. Using regular |
| common mistakes which may reduce the | | | | URLs in menu links instead of JavaScript |
| effect of this very powerful tool. The | | | | redirecting helps web crawlers properly |
| main reason of the mistakes is incorrectly | | | | index your online manual and rank its |
| considering an online manual as a | | | | pages higher. |
| standalone document that user can download | | | | |
| or read on the web site. The right | | | | Assign unique addresses to help pages |
| approach is to make your help a part of | | | | |
| your web site. This is a pretty simple task | | | | And the third important technical aspect |
| if you follow these rules: | | | | of online help authoring is page address |
| | | | format. One of key rules of search engine |
| Make pages! Not a file | | | | optimization (SEO) implies to use static |
| | | | pages with unique permanent addresses |
| The most common mistake I noticed on | | | | without parameters in them. A page with |
| many software vendors' web sites is that | | | | address installation.htm is usually ranked |
| they offer their manual in a single file: | | | | higher than the same page with address |
| PDF, CHM, RTF, etc. Certainly it may be | | | | page.php?id=348. Take this fact into |
| very convenient for users to download a | | | | account. |
| product manual file and use it on the | | | | |
| desktop, especially if the manual is too | | | | Give screenshots |
| large to be included in the software setup | | | | |
| package. But having an online manual is | | | | Although one of your aims is to attract |
| not the same as having a manual online. | | | | search engine's web robots that like |
| Feel the difference! | | | | words you should not forget about real |
| | | | visitors who like pictures. A picture is |
| It's very smart to allow users to | | | | worth a thousand words. Give as many |
| download a complete manual as a single | | | | juicy screenshots of your software as |
| file. However a file may attract just a few | | | | possible. This will help current users |
| new visitors from search engines, even if | | | | understand better how your software |
| their crawlers are able to index your PDF | | | | works and will help prospects to see how |
| or RTF. Also the file is almost useless for | | | | it looks before downloading a trial or |
| your technical support needs. For instance, | | | | demo copy. Make your screenshots clear. |
| you may not point users to certain | | | | Explain what each window does and how |
| sections of your help system by simply | | | | its controls and elements work. Use |
| giving them direct URL links. | | | | callouts, balloons, and special marks. Try |
| Hence to get the maximum effect out | | | | to stuff as much info into the screenshots |
| of your help system you should make it a | | | | as possible. A reader must look at them |
| part of your web site. Split the manual | | | | and say "Great! Now I know how it |
| into many pages and convert them into | | | | works." |
| HTML. Almost all serious help authoring | | | | |
| software allows exporting your help file | | | | Make pages printable |
| into HTML format. Each page must | | | | |
| contain a certain section or a chapter of | | | | Most likely users would like to print out |
| your manual. Many pages which are | | | | a certain part of your online help. Sometimes |
| relatively small are easier for reading, | | | | design that looks great on the display |
| navigation, and bookmarking. You nevertheless | | | | is awful when printed even on a |
| must keep the balance. Don't | | | | good printer. Make sure that your manual's |
| make a lot of little dinky pages that people | | | | pages are printable in black and |
| must roam through to make up a | | | | white at least on the two most popular |
| required solution. Each page should | | | | paper sizes: A4 and Letter. Check if there |
| completely cover a certain topic enough | | | | are no big pictures, no color background, |
| to solve a certain task. Furthermore, a | | | | the fonts are easy to read, all the content |
| page with topical content is perfect bait | | | | fits the page width, and so on. |
| for search engine crawlers. | | | | |
| | | | Make your help easily reachable |
| Follow common style | | | | |
| | | | So you have your help pages completed |
| Well, you have exported your help file | | | | and even uploaded to the web server. |
| into a set of HTML pages and are ready | | | | How to make them visible to web spiders |
| to upload them to your server. Stop! | | | | and to live visitors of your web site? |
| Check the look of the pages. The set must | | | | Most of the software vendors make the |
| follow the common style identified by the | | | | same mistake. They thought that the |
| corporate identity. | | | | manual is something unimportant that |
| | | | nobody needs. They hide the help section |
| The modern help authoring tools | | | | so deep in the website that a visitor has to |
| allow customizing appearance of pages | | | | make a dozen clicks to reach the help |
| by means of CSS or visual template collections. | | | | index page. This is wrong! Your manual |
| The online manual must correspond | | | | is important and must be reachable in two |
| to your web site style. Use the | | | | to three clicks. The best approach is to |
| same color themes, fonts, and corporate | | | | place several links to your manual in |
| graphics. Otherwise, the whole project | | | | different sections of your web site: on |
| will look like a patchwork quilt. This is | | | | product description page, on support |
| not good; it's far better to look steady, | | | | page, and on download page. These are |
| well-managed, and consistent. | | | | the pages where users expect to find an |
| | | | online help most of all. Show them your |
| "Where am I?" or don't ignore navigation | | | | help-authoring masterpiece. |
| | | | |
| Following common style is not just using | | | | Make your online manual searchable |
| the same colors and fonts. To plug manual's | | | | |
| pages into the web site structure you | | | | If your software is complicated and its |
| must add the top level navigation into | | | | help includes hundreds or even thousands |
| them. Use the same top level menu that | | | | of pages then you must add search capabilities |
| you use on all pages of the site. | | | | to your online manual. From a |
| | | | user's point of view it's more convenient |
| There are two key benefits of this | | | | to search a required topic by keywords |
| technique. First, this also makes your web | | | | rather than to look through the endless list |
| site appear solid, consistent, and | | | | of topics in menu. The easiest way is |
| well-thought-out and therefore works for | | | | adding a third-party search script to your |
| your business credibility. Secondly, the | | | | online manual. For instance, Google |
| top level navigation menu will bring new | | | | offers Free WebSearch script that you can |
| targeted leads from your manual pages to | | | | copy-paste into your HTML code to |
| your product main pages. The prospects | | | | allow people searching within your site. |
| that have come from search engines are | | | | However you won't have full control over |
| likely looking for specific task solutions | | | | the third-party scripts and their search |
| that probably are described in your online | | | | results may confuse you and your users. |
| help. Then they will want to know more | | | | It's better to write your own search script |
| about the product that offers that solution. | | | | on which you will have total control. You |
| Put under their nose direct links to the | | | | can customize it according to your needs |
| software description page, to the trial | | | | at any moment. This top-notch technique |
| download area, to the pricing and ordering | | | | requires significant efforts and may cost |
| info, and to the main page of your | | | | some money if you decide to outsource it. |
| web site. Let them know more about your | | | | But the result is that you will have a |
| company. Let them know about your | | | | powerful information resource that will |
| software. Let them download it. Let them | | | | effectively work for you and for your |
| buy it. | | | | business. |
| | | | |
| Besides offering prospects a toplevel | | | | Create a word map of your help |
| menu, you must provide them with | | | | |
| an easy way to navigate among sections | | | | Make a special Index page that contains |
| of the manual itself. People feel more | | | | all the significant words with direct links |
| secure if they see the table of contents | | | | to the pages where these words are encountered. |
| along with the page content. Through this | | | | The Index page has two main |
| internal menu they may easily realize | | | | functions. Firstly, it simplifies the topic |
| where they are and what related topics | | | | search by keyword for users. Secondly, |
| exist, and easily jump there. | | | | the Index page will serve as a map of |
| | | | your online help for web spiders and will |
| Avoid frames | | | | assist them to crawl all the pages of your |
| | | | manual. |
| At first glance, using frames seems the | | | | |
| perfect way to organize the internal menu | | | | Make your help extendable |
| of the help. Certainly frames are convenient | | | | |
| for web site programming and | | | | You may be surprised but the online help |
| maintenance because you may keep your | | | | may be live. You can make it a center of |
| menu in a single file and show it in a | | | | an online community. Just allow your |
| separate frame. Nevertheless, there are | | | | software users to extend your help pages |
| several disadvantages to using frames in | | | | themselves. A good example is PHP |
| your online help. When a visitor comes | | | | online documentation. It allows users to |
| from a search engine to one of your help | | | | post their comments, code samples, and |
| pages, they will see only that page's | | | | recommendations. Each page contains |
| content but will see neither top-level | | | | tons of valuable information contributed |
| navigation nor online manual menus | | | | by users. This is a perfect example of |
| because they were intended to be shown | | | | how boring documentation may form a |
| in other frame windows. So the people | | | | live community and promote the product |
| who come from external pages will fail to | | | | accordingly. |
| easily jump to other sections of your web | | | | |
| site and to read about your products and | | | | To summarize the above tips: You |
| related services. | | | | must consider your manual as an important |
| | | | part of your business model. This is |
| If you still prefer to use frames then | | | | just a set of general recommendations |
| you must use a workaround. One of the | | | | how to get the maximum effect out of |
| approaches is to plug a special JavaScript | | | | your online help. Most of the techniques |
| code into every page of your web site. | | | | are pretty easy to implement if you use |
| The script will determine if the page is | | | | good help authoring software. Apply this |
| showing in the frame or in the browser's | | | | advice and make your customers feel |
| main window. If there is no frame detected | | | | happy, increase your web site visibility, |
| then the script will build the frame | | | | attract new prospects, and generate new |
| structure, will load the menu pages in the | | | | sales.Dennis Crane, the author of Dr. Explain |
| corresponding frames and will finally | | | | software, specializes in vertical markets software |
| reload the current page in the appropriate | | | | development. |
| frame. So the user will see the target page | | | | |