| |
Add Value to The Internet - Don't Just Repeat What Is Already There |
| |
If All You Want to do is Put Your Brochure On-Line - Don't Expect Results - It's Better than Nothing, But Not Much.
|
| |
|
The Rule of Thumb is 80% Education, Information and Entertainment, and No More Than 20% Marketing. (Utilitarian and Pure Customer Service Websites Excepted) |
| |
Make It Intuitive:
|
| |
|
Try to Avoid Such Things as "Click Here To ..." It Should Be Obvious Where To Click and What Will Happen When You Do. |
| |
Unless You Can't Avoid It, No Single Page, Larger than 128K, Including
All Images |
| |
Unless You Can't Avoid It, No Single Graphic Bigger than 32K |
| |
Use the ALT="description" and the HEIGHT/WIDTH Attributes In All Image Containers |
| |
|
The HEIGHT and WIDTH Attributes "Reserve" Space For Your Images, and Make the Text Portion of The Page Load Quickly. |
| |
|
DON'T Use them to make big images small, it's still a big file! |
| |
|
The ALT Attribute Tells Visitors What Is There If They Have Graphics Disabled, and Permits Some Assistive Technology to "Speak" Your Web Page. iow .. The ALT Attribute Helps Make Your Site Accessable By Those With Visual Impaiirments and may be a legal requirement in some situations. |
| |
Use the <META...> Tag to Help the Search Engines Index Your Site |
| |
ADDENDUM: 6 June 2005
META-KEYWORD Tags are no longer as important for the major search engines. Google, for example, no longer uses them. The DESCRIPTION tag, however, is still as important as ever. |
| |
|
- Meta tags provide information about your Web page to some search engines and other programs.
- There are meta tags for page title, page description, and page keywords.
- Some search engines include page-title and page-description meta tags in your listing.
- If your Web page lacks a title tag, the some search results display the phrase "No Title" or "Untitled" in the first line of your listing.
- To control the title that appears with your listing, add a <TITLE> tag with the title you want to appear. For example:
- <TITLE>Employee Benefit Information</TITLE>
- If your Web page lacks a description meta tag, search engines that use META tags generally display the first few words on the page as your listing description. To control the description that appears with your listing, add a meta tag with the keyword "description" and the phrase you want to appear. For example:
- <META NAME="description" CONTENT="Listing of Acmecorp Benefit Programs.">
- These tags also influence the ranking of your page for specific search terms.
- Be sure that your meta tags are within the HEAD of your HTML Document. (ie between the (<HEAD> & </HEAD> tags)
- Note - The TITLE is also what appears in the visitor's Browser Title Bar when they visit your page and what appears in their Favorites file when they bookmark it. Therefore, always use a descriptive and unique title. For Example:
- <TITLE>Acme Corporation - Widget Home Page</TITLE> (NOT just "Our Home page")
|
| |
Put a Mail To Button On All Pages - NO LONGER RECOMMENDED |
| |
|
The basic Mailto Tag looks like this:
<A HREF="mailto:you@you.xxx">you@you.xxx</A>
This, however, exposes your E-Mail address to the automated address harvesting robots used by Spammers. |
| |
|
To reduce the exposure of your address to such scum, it is best to design a FEEDBACK FORM for users to use in contacting you. If properly designed, your E-Mail will be completely shielded from the Net at large. |
| |
Use Subdirectories to Organize The Content of your Server for Ease of Site Management |
| |
Use Descriptive File Names - All Lower Case, No Spaces and No Punctuation Except the Underscore ( _ ) Character. |
| |
|
MAC USERS NOTE - NO SPACES and YES the .jpg, .html and other file extensions are required. |
| |
|
Remember, UNIX/LINUX Is CAse seNSitive |
| |
Provide an HTML Only Site Map. |
| |
If Your Site Relies on Flash Menus or Image Maps, Be Certain to Provide Text Only Alternative Menus. |
| |
There are a Lot of Old Browsers Out There. |
| |
|
Avoid Making Your Site Dependent on Flash, JAVA or Active-X Controls. If you want to add spice, do so by all means, but don't let it interfere with delivery of content if the visitor doesn't have, or want to turn on some specific browser feature.
For a real test, hit your site with LYNX, a text only browser. |
| |
Know When to Use .GIF and When To Use .JPG and .PNG |
| |
|
.GIF For Simple Graphics |
| |
|
.JPG For Images With More Than 256 Colors, Or Very "Busy" Images |
| |
|
When In Doubt, Save Both Ways and See Which is Smaller/ Better |
| |
Portable Net Graphics (.PNG) are fairly well supported by current browsers. Use them when appropriate. They provide many of the advantages of JPG plus transparency. |
| |
Use The Transparency (GIF89a) Property of .GIF Files To Avoid Ugly Borders. Ditto with .PNG Files |
| |
Interlace Your .GIFs and Save JPEGs as Progressive JPEG Files |
| |
|
They Appear to Load Faster |
| UPDATED INFORMATION |
| |
Keep The Color Palette as Small as Possible On All .GIF Files and use Websafe colors. |
| |
|
For a Chart of Web Safe Colors See This Link |
| |
The original Web Safe color concept was intended for those with 16 bit displays, limited to only 256 colors.
While there are still a few users out there in that category they represent fewer than 2% of the total clients. (Mostly
schools from which many companies do not or should not solicit nor encourage traffic.) |
| |
|
| |
Avoid "Busy" Backgrounds |
| |
|
It's Truly Frustrating To Try to Read Fine Text on a Heavily Patterned Background |
| |
1%+ of the Population (Mostly Male) Is Color Blind |
| |
|
Use Red, Green and Blue Properly
Red on Black is particularly troublesome.
Keep Your Colors Contrasting. Look at your page in Greyscale. If you have trouble reading it, people printing it in Black and White might have trouble as well. |
| |
PLEASE PLEASE PLEASE - Don't Use Anything |
| |
PLEASE Forget That The <u> </u> (Undeline)Tag Exists. |
| |
|
NEVER EVER Underline Anything. Use Bold, Italic Color and/or Size to Emphasize Things, NOT Underlining.
Underlining Makes Text Look Like There Is Something To Click When There Isn't! (Teasing your visitors) |
| |
Don't "Force" Visitors to Listen to A Sound File Before the Page Loads |
| |
|
Give Them the OPTION to Listen - and
Link to it rather than Embedding it. Business sites launching a sound file when a visitor hits a page are just plain rude! You know Murphy's Law don't you? At the precise instant your Website starts playing that cute little jingle, your visitor's boss will walk by their cubicle and think they are playing games! |
| |
Use Small Thumbnail Images as "Gateways" to a Larger Image |
| |
All Images Should Be 96dpi (approximately) Better yet ... FORGET The Concept of DPI Altogether- Start Thinking Absolute Pixels and Percentage of screen size. |
| |
Will Wireless, PDA and Cell Phone users need to access your site? |
| |
Don't Use Multi-column Documents Unless They Fit On A Single Screen. It makes the visitor have to scroll down, then
back up to continue reading. (Browser Bounce) |
| |
Don't Use The Headline (Header) Tag <H1>....<H6> Merely To Change Font Sizes |
| |
|
Headers Have a Purpose, to Divide Your Site Into a Logical Outline Format. If You Have an <H4> It Should Be Assumed That There is an <H1>, <H2> and <H3> |
| |
If You Use Anything but the Default Fonts, Make Certain that Mac, PC amd UNIX/Linux Visitors Can View Your Page The Way You Intended. |
| |
|
- Macs Don't Come with the Windows Font Set, They Have Their Own.
- If You Want a Sans Serif Font, Cover All Your Bases By Including Both the Windows Standard (ARIAL) and the Mac Standard (HELVETICA) and a Generic Font Style.
- This is done in the <FONT ...> Tag as Follows:
- <FONT FACE="HELVETICA, ARIAL, SANS-SERIF">
|
| |
Don't Use <FONT ... > Tags. |
| |
|
They are being phased out in preference to Inline Styles and Cascading Style Sheets. |
| |
Avoid Using Visible Hit Counters Without a Specific Need |
| |
|
- Counters Can Break
- They Can Be Very Inaccurate
- They Can Slow Down Page Loading
- Who Cares!
The last time you went into a department store, theatre or gas station, did you run up and ask, "how many other people have been in here today?"
- If You ABSOLUTELY MUST Use a Counter, Get One That Will Do More Than Count Hits. such as the service at WEBTRENDS
|
| |
Do people REALLY care how many Awards you have won? (Unless You are "In The Business") |
| |
Give Everything the "Why Am I Doing This, and Why Is This Here?" Test |
| |
|
If you can't come up with a good answer, take it off! |
| |
Keep the User Oriented - Have a "Return Home" Button on Every Page |
| |
If you use Image Maps and Other Graphical Navagation Tools, Provide a Text Only Alternative. |
| |
Avoid "Cutsie" Scrolling Banners in the Status Window |
| |
|
- Some Browsers Have "Memory Leaks," and Those Scrolling JavaScript Banners Can Cause Out of Memory Errors After a Time.
- These Banners Also Interfere With the Status Messages and Link Displays In The Status Bar.
|
| |
Avoid Needless Animations |
| |
|
- See Above
- They Also Tend to Slow Everything Down
|
| |
Get Rid of Anything (or as much as possible) Standing Between the Visitor and What They Came There to Get. |
| |
|
A Prime Example: Tacky, time-wasting, animated, "Welcome To Our Site: Click Here To Enter" Splash
Screens. |
| |
Don't Use Frames |
| |
|
- Frames are not going to be included in the latest HTML5 standard and should be phased out as soon as possible.The same effect can be achieved, with more control using CSS and DHTML.
|
| |
If There is No Compelling Reason To Do It - Don't! |
| |
There are exceptions to all rules, don't make it a life goal to peck them out and inflict them on others. |
| |
Know When To Use Tools Other Than The Web |
| |
|
Mailing Lists, List Servers, E-Mail Auto-Responders and Fax Back often provide faster, less expensive and more widely distributed services than The World Wide Web. |
| |
Test Your Site |
| |
|
Use NetScape, Internet Explorer, Opera, WEB-TV, Safari, Mozilla and Chrome Browsers to make certain that
all visitors can at least navigate your website and access critical content. If Available, Use The UNIX Browser LYNX,
to test your site. LYNX is a text only browser, used by some who access the Net from shell accounts, TTY Terminals
and in SOME third-world countries. |
| |
Keep It Fresh |
| |
|
If It Never Changes, Folks Abandon You - Update Weekly If Possible |
| |
Keep It Organized |
| |
Keep It Interesting |
| |
|
Your Ultimate Goal is To Wind Up In the Visitors Bookmark File |
| |
Keep It Interesting |
| |
|
Your Ultimate Goal is Many Repeat Visitors |
| |
Announce Your Site |
| |
|
- Build a Field And They Will Come .... Not So With a Website.
- Send Properly Formatted Site Announcements to the Appropriate Mailing Lists
- Use Social Media like MySpace, FaceBook and Twitter to help drive traffic to your site.
- Send Properly Formatted Site Announcements To The Proper Usenet Newsgroups.
- PLEASE PLEASE PLEASE Read the FAQ or Charter for Any Newsgroup On Which You Plan to Advertise!
|
| |
|
|
NOTE: Almost all of the "We Submit Your Site to a Bazillion Engines, Directories, etc." are pretty "Generic." That's not to say that they have no use, they are usually just not worth the money. Once your site is open the major search engines will find it.
You should visit the HELP section of Google™, Yahoo™, Bing™ and other indices of interest to find their requirements for optimum indexing.
Create Site Maps
Create a pure HTML or XML Site Map, with links to every critical page or section of your site. Name these sitemap.html and/or sitemap.xml and place them in your sites' root folder.
These two documents will help ensure that the search engines find and index as many of your documents as possible.
Create a robots.txt File
A properly formatted robots.txt file in the root folder of your site will keep the major search engines from indexing the contents of files or folders that you don’t want included in the listings. These might be items that are still under development or that you do not want indexed and available to the World.
NOTE: The large, commercial search services are called "well-behaved" and will respect your robots.txt exclusions. Respecting this file is voluntary, so read their fine print to be sure.
Some poorly behaved robots, like the ones that scrape E-Mail addresses from websites, will attempt to explore any nook and cranny that they can find. Keep your confidential files away from your publicly accessible web folders.
|
|
| |
Integrate Your Internet Presence Into Your Overall Marketing and Support Programs |
| |
|
- Make Certain that Your URL and E-Mail Addresses are Included in Your Print, Television and Radio Ads.
- Don't forget to plug the PBS show you sponsor on the website, and plug the website in the announcement.
|
| |
Keep Announcing Your Site |
| |
|
Resubmit Your Site to The Proper Indices When Major Revisions or Additions are Made |
| |
Do It NOW! |
| |
|
- If you build it by adding a major new item every week, visitors will get in the habit of checking back frequently.
- Don't wait for your site to be complete before announcing it.
|
| |
Test your site on someone elses computer, under someone elses account, on a dial up connection and clear the browser cache before you do it. |
| |
|
This will help ensure that all file protections are properly set, all references are working, and that the speed will be adequate. |
| |
 |
| When your business is at stake, it's best to hire a specialist. |
|
You Can Improve Your Chances of Success By Using a Pro!
- Free medical care by high school anatomy class.
- Corporate annual reports designed -- free (Grad students need experience)
- "Hey, let Uncle Ernie shoot your daughter's wedding, he just got that fancy camera!"
- "I heard Bobby got a computer for his birthday, see if he'll set up our network."
- "Jo Anne went to that Internet seminar last year, let her supervise the Web project."
- "Gee -- thanks boss, I always wanted to do a Website!"
Sound absurd? It happens every day -- in all walks of life.
If Your Website Will Be Business Critical ...
While it's a fact that anyone can learn to "Write Basic Web Pages," you will need more than a "web pages done dirt cheap" service. You Need an Internet Publisher and a Partner.
When Selecting an Internet Publisher,
Keep These Facts and Suggestions in Mind
- The Internet is more than the Web -- It's E-Mail, E-Commerce, Auto-responders, Interactive Mailing Lists, Discussion Groups, Collaborative Computing and more.
- Your Internet Publisher is more than a mere "writer of web pages, they are strategic partners on your communications team.
- Your Internet Publisher should be prepared to establish a long-term, win-win relationship, and be willing to "go the extra mile" to help ensure your success.
- Your Internet Publisher should share their expertise, and be willing to assist you with a transition to in-house maintenance and design if needed. This includes designing your Internet presence for ease of maintenance and update.
- Your Internet Publisher should invest their time to learn about your industry, your business, your marketing and communications plans and your customer base.
- Your Internet Publisher should have experience in a variety of business arenas -- including your industry.
- Your Internet Publisher should have experience with "traditional" media, including print and broadcast. This ensures your Internet presence both complements and is complemented by your other marketing and customer support efforts.
- Your Internet Publisher must be fanatic about quality, and keep an eye on the bottom line.
- The only "surprises" should be pleasant ones.
Hiring a pro is especially important when you enter the world of ecommerce design.
|
|