| |
| |
|
Web Design |
|
|
|
All about Web design.Whats Wrong With My Website?
I ask myself that question about once a month.My website looks fine to me, but what are otherpeople seeing? And what are the Search Enginesseeing? Here's a checklist of 10 ways to optimizeyour website for peak performance: 1. Browser Compatibility The first thing is to look at your website throughother people's browsers. I do this regularly and I'vesometimes been shocked at what I saw! ANYBROWSERhttp://www.anybrowser.com 2. Broken Links About 5% of all links on the Internet are broken. Asite that contains broken links gives a bad impressionto visitors and is a frequent cause of lost sales.Also, the major Search Engines and Directories will notlist your page if it contains any broken links or missingimages. Here are some free link validators: LINK SCANhttp://www.elsop.com/linkscan/quickcheck.html NET MECHANIChttp://www.netmechanic.com/maintain.htm WEBSITE GARAGE DEADLINK CHECKhttp://websitegarage.netscape.com/O=wsg/tuneup_plus/index.html 3. Web Safe Colors Are the colors on your web site displaying properly onother people's browsers? You may have a beautifulshade of lilac on your index page but it could lookvery strange on someone else's computer. There are only 216 colors that you can safely use onthe Web. These colors display solid and consistent onany computer monitor or web browser that is able todisplay at least 8-bit color. The Web Safe Palette contains six groups of colorswith 36 colors per group. These 216 web safe colorscan have any combination of the following RGB (RedGreen Blue) values: 0, 51, 102, 153, 204, 255 (eachRGB value must be divisible by 51). Here's a good palette of web safe colors: WEB-SOURCE SAFE COLORShttp://www.web-source.net/216_color_chart.htm 4. ALT Tags ALT Tags allow you to give an alternative to peoplewho have the 'view images' function turned off intheir browser. Let's say the navigation system on yourwebsite is a series of buttons that link to otherpages on your site. If you don't have ALT Tags, peoplewho have the 'view images' function turned off willbe unable to navigate through your site - in placeof your button they will just see an empty space. But an ALT Tag allows you to tell those people whatthat button does. For example, if the button is a linkto your 'Site Map' you could insert the following ALTTag: ALT Tags also allow you to raise your keyword density.For every image that is not hyperlinked you couldinsert your main keywords. For example: 5. Meta Tags Meta Tags are so important they deserve a wholearticle on their own. The most important Meta Tags arethe Title Tag, the Keywords Tag and the Description Tag. The Title Tag should be no more than 64 characters(longer than that and it will be cut off in someSearch Engines). The Keyword Tag should contain about 5 to 10 keywordsthat appear on your page. Never include words that donot appear on that page - in some Search Engines your websitewill be penalized for this. Do not repeat the same keyword - this is called 'keyword stuffing' and is also frowned upon bythe Search Engines. Separate your keywords with spaces (not commas). Thisallows the Search Engines to combine your keywords into phrases,for people who do 'phrase searching'. The Description Tag should be no more than 200 characters.Include as many of your keywords as you can. Remember also thatyour Description Tag must be enticing - it must make peoplewant to visit your site. Here are some programs that will generate your MetaTags for you: WEBSITE GARAGEhttp://websitegarage.netscape.com/turbocharge/metatag/ META MEDIChttp://www.northernwebs.com/set/setsimjr.html MULTI-META-MAKERhttp://www.multimeta.com/tools/multimetamaker.html 6. Load Time A slow-loading index page is one of the main reasonsfor lost sales. The generally accepted maximum timefor a page to load is around 15 seconds. Here is afree service that tells you how long your web pagetakes to load: NETMECHANIChttp://www.netmechanic.com/cobrands/FutureQuest/load_check.htm Your pages should be no more than about 30Kb in size. To calculate the size of your web page, highlight theHTML document and then click on 'File' and'Properties' and note down the file size. Then do thesame for any graphics you have on that page. Then addthose figures together to get your page size. If your page is less than 30Kb and takes more than 15seconds to load, the problem is most likely with yourweb host. The solution is to change web host. Here are2 services that will check the speed of your web host'sserver and compare it with other web hosts: HOST COMPAREhttp://www.hostcompare.com/testtools.htm CNET WEBSERVICEShttp://webservices.cnet.com/ping/ 7. GIF (or JPEG) Cruncher Shrinking the size of your images is one of the bestways to get a faster-loading web page. You can usuallyreduce a GIF or JPEG image by 40% to 50% withoutlosing any significant definition or sharpness. SPINWAVEhttp://www.spinwave.com/crunchers.html 8. HTML Optimizer Another way to make your page load faster is tocompress (or optimize) your HTML code. An HTMLOptimizer removes all blank spaces in your HTML codeand also removes certain unnecessary tags. On average, an HTML optimizer will reduce the size ofyour page by 15% to 20%. That percentage may not seemmuch, but the saving in load time is much higher, asyour visitor's browser will parse your page much moreefficiently. A word of caution: in most HTML Optimizers you willfind an 'Options' menu that tells the program toignore certain parts of your code. Make sure yourOptimizer does not compress embedded script tags - ifthey get compressed, the script will usually not work. ADVANCED HTML OPTIMIZERhttp://www.pcbit.com/htmlopt/ 9. WIDTH, HEIGHT and BORDER Tags The WIDTH, HEIGHT and BORDER attributes are essentialfor each image that you have on your website. When youhyperlink an image, always make sure that the BORDERattribute is set to zero (BORDER=0). If you don't dothis, your hyperlinked image will have an ugly blueborder around it. The WIDTH and HEIGHT attributes allow your page toload faster, as the browser knows in advance howmuch space the image requires. To find out the widthand height of any image, just double click on theimage file. This will automatically open 'MicrosoftPhoto Editor' - your image will appear, with the widthand height of your image (in pixels) displayed on thetool bar. 10. HTML Validator Always check the validity of your HTML. Some SearchEngines give lower rankings to pages that have poorquality HTML (such as incorrect nesting of elements). Here are some free online validators: HTML HELPhttp://www.htmlhelp.org/tools/validator/ BOBBYhttp://www.cast.org/bobby/ WATSONhttp://watson.addy.com/ ------------------------------------------------------------
MORE RESOURCES:
Web-Design - Google News |
|
|
|
RELATED ARTICLES
How to Design a Search Engine Friendly Web Site Many web site designers don't design their sites for thesearch engines. This is a huge mistake because they missout on attracting lots of free traffic. Design With Purpose If your website is falling through the cracks, the chances are that the site has no message, no central core to build traffic or a core readership. Websites that try to do everything usually fail. Design Matters in our Visual Culture FIRST IMPRESSIONS. First impressions often leave lasting impressions. Keep It Simple, Stupid: The Beauty of a Clean Cut Website Don't knock it; "Keep It Simple, Stupid" is a great rule to live by. Nobody likes a website to "yell" at them, with blaring colors and flashing lights. Introduction To CGI Scripts Using CGI scripts to add automation to your web site may seem a little daunting, but once you have incorporated a few into your web site, they become easier.The best way to start is to add a simpler script. Colorblind People, Can They Really Read Your Web Site? I once created a notepad-like editor. It is possible with this editor to write Russian text on a western Windows without using a Cyrillic keyboard in front of your computer. Get FASTER Download Times By Making BIGGER Web Pages! As a webmaster you already know how important it is that your web pages download fast. In a nutshell, if your pages are slow, then you're losing visitors. How to Design Website Which Google Likes Are you going to design or redesign new website or thinking for it, then first read below given points, which google likes in a website, Google Information for Webmasters.There are more than 80 factors of your website that are taken into consideration when determining the ranking of your website, Following these guidelines will help Google find, index, and rank your site. Facts You Should Know About Web Site Design and Search Engine Optimization 1. Web site File Structure / File NamingMost search engines do not recognize beyond two directory levels. Using Server Side Includes to Simplify Your Web Design An "include" file is a piece of code that can be put into a seperate file -- for example -- your navigation bar -- and then "included" in a number of other pages. This has the very useful advantage of allowing you to retain consistency over a very large number of pages, and then make changes to all of those pages by just changing the include file. Business Opportunity for Graphic Designers As a graphic designer, you are sitting on a gold mine. Youhave a skill other people do not have, and you can use thatskill to earn a good living. Get Rid of Your Frames A few years ago a lot of websites utilized frame technology.A website that uses this frame technology is apparent when the left hand or top of the screen stays the same and the inner part changes when links are clicked on. Freelancers Bite Back! The Internet has seen an explosion in so called 'lance' sites. Their service are a sort of go between to bring together clients requiring projects with freelancer seeking work. Converting Print Advertising For Use On The Web - A How-To Contrary to the beliefs of some, advertising for web and print are very different. Converting print ads for use on the web is very tricky. Creating Personal Web Sites (Part 2) This is the second part of a two-part article about creating a web site on the Internet and the tools that you will need to do it.Some basic terminology that you should take a look at before proceeding further:Web Page: A document that contains information created with the help of HTML. Differences between XP Icons and MAC Icons The icons in an application are the soul of the application; they give it the modern and dynamic look the application has. Also, if the icons are intuitive - the end user will easily remember the task behind the icon - easy to memorize then the end users will definitely choose the respective application against one with clogged and strange icons. Website Registration Roadmap - How to Create Your Own Website in 7 Easy Steps Creating your own website is actually easy in today's world of affordable and free web hosts and website building software. Fortunately, even if you have no Internet experience at all you can simply follow directions and build your own website in seven easy steps. 4 Things That Make A Web Site Great First you need original content. Content is the heart beat of any exceptional Web site. Click Here See, works every time. Seriously now, for some reason people keep leaving your website and you can't figure out why. Choosing A Color Scheme When you begin the design of your Web site, one of the first things you need to do is decide on a color scheme. Although choosing colors seems like a relatively easy proposition, it's not easy at all.
|
|
Web Design Articles Home Page | Web Design Articles Site Map | 1AFMhosting.com Trafficfish | EZmatic | GetSonic |
| © 2006 |
