15 Important Web Design Tips

15 Important Web Design Tips

Here are 15 important website design tips that you might not be aware of or have overlooked. Consider taking advantage of them if you haven’t already done so…

1. Custom 404 Pages

Create a custom 404 web page, so that any time your website visitor mistypes or misspells a URL on your site, they will still be provided with navigation options for your site (instead of getting nothing but a “Page Not Found” error message, which is neither friendly or helpful).

2. Redirect Non-www. To www.

Website visitors will often leave out the “www.” portion when they type a URL or link to your website. Set the website up so that it automatically redirects any non-www version of your domain urls (http://domain.com) to the www version (http://www.domain.com) of your website.

3. Properly Sized Graphics

Size and define all graphics and images on your web pages properly and correctly. Web pages will load quicker if the graphics contained on each page are properly defined so they don’t require the web browser to re-size them. Properly sized and defined images can reduce the web browser workload and speed up the page loading time.

4. Favicon

Add a Favicon (favorite icon) to your website, so that your company or product logo appears in the URL box. This icon will also show up in a bookmark list, and gives the web site an added level of professionalism.

5. Include RSS Auto-Discovery

If you offer an RSS feed for any content on your website, be sure to include auto-discovery code in the header of your website. This will allow many browsers and RSS readers to automatically detect the presence of an RSS feed and alert the visitor that it is available.

6. Alternate Domains

Domain names are relatively inexpensive, so you should register multiple domain versions and extensions in order to protect your brand. The varied domains can be parked on the main website, simply to prevent others from obtaining them. Registering alternate domain versions will help protect your brand.

7. Consistent Navigation

Navigation should remain consistent on a website. As a website visitor moves through the website, the navigation bar should remain in the same place on each page. This will make it easier for visitors to navigate your website, and become more comfortable as they move through your site.

8. Home Goes Home

The main graphic, company logo, or “header” at the top of the site should be included on every page in the site, and should always return the visitor to the home page of the website. This has become a web standard, and most visitors now expect to return to the main page of the site simply by clicking on the main top graphic from any page within the site.

9. Copyright Notice

Include a copyright notice on the bottom of each page contained on the website, and keep it current! It may seem trivial, but an out-of-date copyright notice can send a message to your visitors that the website and its content may be out-of-date as well.

10. Meaningful File Names

Use meaningful file names for any files, graphics, or web pages. Many search engines look at file names as part of their search algorithm, and using keywords in file names may help to improve search engine rankings.

11. Hyphens vs Underscores

When naming files and webpages, use hyphens (i.e. web-page.html) rather than underscores (i.e. web_page.html) for the file names. It is much easier for search engines to separate and index the keywords when hyphens are used.

12. Alt Tags

Use ALT tags to describe what images represent on web pages. ALT tags not only assist visually-impaired visitors in knowing what the images are, but they also help with search engine ranking.

13. Spell Check

Use a spell-check feature on the text of all web pages in a website. A website that contains mistyped or misspelled words just shouts “unprofessional”. Take the extra few minutes necessary to check the spelling of text on each page of your website.

14. Test

After making changes to a website, test it! Many times, a webmaster will upload changes, confident in their abilities, only to later discover that in their attempt to fix one thing, they have “broken” something somewhere else. Make testing a habit after making even the most minor changes!

15. Keep It Simple

Simple is good. Remove unnecessary clutter and distractions from a website and navigation menu.

Articles Source:

http://www.articlecity.com/articles/web_design_and_development/article_2062.shtml


Idol Design Out Now

Hi,

After a week of designing and coding Idol Design is now out for download, Do enjoy!

Preview: Preview of idol

Link to download: http://www.awesomestyles.com/phpbb3-styles/demo/idol

Enjoy!


10 SEO Tips

The following tips are not necessarily in order of importance, but are in the order you should consider when building a new website from scratch. My top 10 tips ranked by order of importance for high rankings are displayed elsewhere.

1. Know your geographic market and ensure your domain has the correct TLD.
If your primary market is the UK it is important to use a .UK TLD and ideally have your domain hosted on UK based servers.

2. Include keyword in Domain name (using hyphens if necessary).
This doesn’t mean having a domain name like keyword-keyword-keyword-keyword.com try to stick to the one hyphen and not read as spammy. A good example is a site that sells wheelchair ramps with the URL of the site being www.wheelchair-ramps.co.uk

3. Create as much content about your products or subject as you can.
After doing this divide in to 4 or 5 sections (this will help later when creating your navigation structure)

4. AFTER you have your site content start keyword researching
There are tools you can use for keyword research; Wordtracker and The Google AdWords Keyword Tool to name but two. I personally use a combination of the Google Keyword Tool, Google LSI and T.J. Common Sense.

5. Decide on 4 or 5 primary keywords to use as main sub-sections
Ideally have an idea of 4 or 5 main keywords, call them your Primary Keywords and then try to position secondary keywords with the Primary Word most closely associated with it.

6. Sit down and sketch out your navigation system
Put a lot of time in to this and play around until it is right, use Primary Keyword as headers for 5 main Sub-sections and use secondary keywords as headers for content pages under each Primary Keyword

6. The above diagram shows the early stages of constructing a navigation system. The green section (Sub-1) shows how all other sub sections will be. The Home page, All 5 Sub-section, About us, Terms, Contact, Privacy, Resources and Sitemap pages are always interlinked with each other forming 12 strong pages (more about this later)

7. Re-write content using knowledge previously gained about keywords and phrases
This doesn’t mean totally re-writing and stuffing the page with keywords, it requires writing paragraphs ensuring the right phrases are in the right places but isn’t obvious that the phrases are written for the search engines. Do not write too much information on each page and do not stray of in to writing about something else.

8. Structure each individual page
With your content rich, keyword balanced page written, you now have to create the page structure. Each page should be seen as an individual website.

Starting from the top,

* Page title should reflect the content of the Page ensuring you use the primary keyword for that Page

* Meta keyword tags, (although not overly important), should list 4 or 5 individual keywords related to the Page you have created.

* Meta Description tags, this should be a short concise description describing what the Page is about.

This is very important as a selling point as you can manipulate the search engines in to displaying this when the person searches for the keyword used in the description.

A favorite of mine is “Provides information about the latest KEYWORD now in stock and available online” or words suitable for the product.

* Avoid bloated code by using external style sheets and minimum coding.

* Main page layout was previously discussed whilst sketching the navigation system, but it is important that all links are seen by the engines and are using the correct anchor text related to the pages they are pointing too. Avoid using javascipt for links and if you have to use images ensure you use the correct alt attributes.

If the page has too many links on it and looks messy this can be overcome by using a combination of css and javascript to create drop down boxes, but should only be used if you know what you are doing. If you have the opposite problem, and want to include links on the page but not necessarily have search engines follow them, this can be achieved using drop down option boxes.

* With the general layout and your linking structure sorted you should now sort out your headings.

The main page heading of the page should use your Keywords and be in H1 Tags, this should be followed by your most important paragraph, ideally working down the page you should use secondary headers from h2 to h4 (always using the keywords if possible)

* If you have used images on your page ensure keywords in the Alt attributes, this doesn’t mean keyword stuff them but just describe the image using the keyword.

9. Proof read your completed page and get a 2nd opinion
With your page completed try and get someone to check it for you to see if it reads to spammy and to see if you have missed out any obvious key phrases that should be on the page.

10. Construct your site.
With the previous procedure completed for all pages it’s now time to put the site together. Simply use the previously devised linking structure, group similar pages together under appropriate sub headings and ensure all links are active and using correct anchor text.

Source: uk small business directory


Quick update & Whats to come…

We have many tutorials on the way and of course lot’s of good content, but I have been very busy with college and university applications, once I have some time I’ll get them tutorials sorted.

Tutorials to come..

- How to install a phpbb3 style.

- How to make color edits on prosilver text.

- How to have profiles on view topic on the left (Prosilver).

- How to add corner images to your fixed width forum.

Of course more will come very soon, thanks for reading.


Idol phpbb3 style coming soon…

Our new phpbb3 style “Idol” is coming very soon, we wanted to create something very different from all the other phpbb3 styles and we have done it; here’s a list of some of the things this style will include…

  • Custom sidebar menu.
  • Css styled form’s.
  • Custom view_topic layout.

and much more coming soon, just for now I’ll provide one preview for everyone to see..

This is the custom sidebar menu!

More about this style coming soon.

1 Comment more...

Make prosilver fixed width…

Have you ever wanted to make your phpbb3 forum a fixed width and centered like them other forums you have seen? Well in this tutorial I will show you how to do exactly that…

First go in styles\prosilver\theme then open common.css

Find –

#wrap {
   padding: 0 20px;
   min-width: 650px;
}

and replace with…

#wrap {
width: 900px;
margin-left: auto;
margin-right: auto;}

Remember you can edit the width bit to make it any width you like, all you have to do now is refresh your style and there you have it a fixed width style!

More tutorials coming soon!


Planetstyles.com blog is now online!

You may remember planetstyles.com was a design company creating custom designs, I have now decided that I would rather have it as a blog. On the planetstyles.com blog you will be able to access the latest news in website design and phpBB3 designs.

I will also be writing many tutorial on how to create websites and phpbb3 styles in the hope that many will benefit from my knowledge of website design and phpbb3 design.

I hope everyone finds this blog useful and come back many times for the updated content daily!


Planetstyles.com
iDream theme by Templates Next | Powered by WordPress