Posts Tagged ‘web masters’

Ten Tips to a Better Web Design

September 18th, 2009

Introduction to Site Design
It has been said for ages that “first impressions last a lifetime”, and as we enter the information age, this old saying still rings true. In today`s dynamic, competitive Internet world, creating a base of regular visitors is one of the keys to success, and the design of your site is extremely important because it is, in a very real sense, the first impression you make on millions of Internet users worldwide. An attractive, user-friendly site design can be the difference between success and failure, and therefore a good amount of time should be devoted to making your site as good as possible. Designing a good site, however, is a lot more difficult than merely dragging and dropping some pictures and text onto a page and arranging it to look nice. Successful sites must try to come up with the perfect marriage of form and function, making sure that neither component is lacking or in excess.

Tip One: What is Your Site About?
Perhaps the most important thing to keep in mind when designing your site is that there is by no means one site design that is best. In fact, the nature of your site, its content, and its theme should all be carefully considered in order to ensure that your site has the look and feel you desire, without sacrificing the user-friendliness that will keep the hits streaming in. So before you open up Dreamweaver and start creating tables, and inserting text blocks and images, sit back and think about what it is you want your website to portray, and how you want visitors to feel when they visit your site. If your site is a personal website, think in terms of how you can exhibit your personality and style. If your site is a commercial website, think in terms of how you want your customers to feel about your products and services. A good deal of planning beforehand will allow you to choose the correct theme for your website, saving you the headache of going back and trying to get it right afterwards.

Tip Two: Research, Research, Research
After you have come up with the look and feel that you feel is most appropriate for your website, the next step is to research what other websites with similar objectives have done. Spend some time looking at existing websites, and make notes of their respective positives and negatives; then think of how your site can incorporate the positives, while avoiding the negatives. You can learn a lot about what works and what doesn`t by looking at the layout, color scheme, text, and images of other websites, and then use that knowledge to get the most out of your site.

Tip Three: Planning
Once you have completed your research, and come up with an idea of what you want your site to look like, the next step is to plan your site. The best way to do this is to start by drawing a sitemap, covering all of the pages you plan to create. By drawing a sitemap, you will be able to see clearly exactly how your site will work, and which links you will have to create to make it work the way you planned. Drawing a site map is easy and will save you a lot of time in the long run. For an example of a site map, please see below

Tip Four: User Friendliness
Regardless of how beautiful your site is, if users can not navigate it, they will simply find another site. Try to lay out your site in a clear, logical manner, and avoid using image-based mouseover links. This will help ensure that your site is easy to navigate, and will still leave you plenty of room to add your personal design touches

Tip Five: Images/Page size
As we all know, images add a lot to a website, but it is important to understand that they also add a lot of size to web pages, size which can increase loading time. As a result of this fact, you should try to use the minimum amount of images on each page. Try to limit your pages to a total of 30kb, including text, background images, and images. This will ensure that all pages will be loaded in about 5 seconds, even if the user happens to be using a dial-up connection.

Another thing to consider when deciding the amount of images to use on your web pages is that each file on a web page requires a separate HTTP request to the server. What this means is that using a lot of small images, which add up to less than 30kb is still going to slow down your site considerably.

Tip Six: Tables
When using tables in the creation of your site, it is important to make sure that you do not use one table for the majority of your site. If you do use one table, users will not be able to see any of your content until the entire table has been loaded. In order to avoid this problem, break your page into at least two tables. The top table should contain your page header and some links, while the bottom table should contain the remaining content. This will allow the user to see part of your page quickly, so that they do not get discouraged by a long wait.

Tip Seven: Browsers
When you have finished designing your site, be sure to take a look at it in several different browsers. Sometimes your “perfect” design will look atrocious when viewed with a different browser, which means you will have to go back and fix your errors. Still, it is much better to catch your own errors before your visitors do.

Tip Eight: Navigation Bars
One of the most helpful trends in web design that has gained popularity in the last few years is the in-site navigation bar, which helps users know exactly where they are in your site. Typically a navigation bar looks something like this:

You are at: Home>My Hobbies>Sports

This means that you are currently in the Sports page of the My Hobbies Section of your site. Navigation bars are by no means essential to a good website, but are a helpful tool to make your site more user-friendly to users.

Tip Nine: Plug-ins
Over the past years or so, a number of plug-ins have been developed allowing you to add advanced graphics and animation on to your website. Before you load up your site with these animated graphics, it is important to understand that most users do not have these plugins installed on their computers, nor do they have the patience to download them before viewing the site. The exception to this rule is Macromedia`s Shockwave Flash Plug-in, which is installed on most computers.

Tip Ten: Meta Tags
One of the most important things not to forget when designing your site is the importance of meta tags. Site description and keyword Meta tags are the most important factors in getting recognized by search engines, which will bring your site more hits. When writing your site description remember to keep it clear, concise, and to the point, and do not load it up with keywords, because it should make sense when displayed on a search engine results page.

Friendly URLs in Joomla

August 27th, 2009

The following tutorial will provide you with a basic overview to enabling the search engine friendly URLs for the latest release of Joomla 1.5

The Joomla! project team have introduced a number of improvements in Joomla 1.5 from an SEO prespective.

The following outlined below are just some of the improvements.

  • You can now enable search engine friendly URL’s without using Apache Mod_Rewrite
  • You can add a suffix (.html) to the URLs
  • The Global site name, global site meta description or global site keywords are no longer automatically added to each content item
  • Content titles, meta descriptions and keywords are unique to each content item

By default without enabling the search engine friendly URLs functionality Joomla! will generate URLs like this

As you can see above the default URL for the frontpage content item includes the long url with the component name and itemid

To change this and enable the search engine friendly url’s you have two options.

  • Enable the SEF url’s without using apache mod_rewite (for severs which do not support apache mod_rewrite)
  • Enable SEF url’s using apache mod_rewrite (for severs which do support apache mod_rewrite)

To enable the SEF functionaly for Joomla 1.5 you need to complete the following

  1. Login to the administrator area
  2. Choose the Global Configuration option
  3. You will now see the SEO settings as noted below where you can enable or disable specific SEO functionality for Joomla!

SEF Url’s without apache mod_rewrite

To enable SEF Url’s on a server which does not support apache mod_rewrite change the search engine friendly URLs checkbox from No to Yes so it looks like the image noted below.

Save the changes by selecting the SAVE button.

View your web site and the Urls will now look like this

As you can see the component name and itemid is now removed from the Url and replaced with the index.php/frontpage

SEF Url’s using apache mod_rewrite

A majority of hosting companies include mod_rewrite support as part of the web hosting package.

Using this option is the most common approach when using SEF Urls

To enable SEF Urls with Mod_Rewrite you need to complete the following.

  1. Using an FTP client login to web hosting space and access the directory where you have installed Joomla 1.5
  2. You will now see a file called htaccess.txt
  3. Before you enable the SEF Urls you need to rename the htaccess.txt file to .htaccess
  4. When renaaming the htaccess.txt file we recommend you do this using your FTP client and also dont foget to remove the .txt and add the . (dot) before the htaccess so the final will result will be .htaccess
  5. Now you have renamed the htaccess file log into the Joomla 1.5 administrator area and choose Global configuration and from here you will see the SEO settings.
  6. In the SEO settings change the radio buttons for both the search engine friendly URLs and Use Apache mod_rewrite from No to Yes
  7. The settings will look like the screen shot noted below

8. Now select the SAVE button to save your changes. Your URLs will now look like this

As you can see the component name, itemid and index.php extension is now removed from the Url’s providing you with a clean url title format which clearly reflects the content item.

Add Suffix to URLs

Joomla 1.5 also supports the option to add a suffix .html at the end of the content items.

To enable the suffix url option complete the following

  1. From the administrator select global configration and change radio button next to Add suffix to Urls from No to Yes

2.  View your web site again and your Urls will look like this

As you can see from the above the .html suffix is now added to the Url

Unique Meta description and keywords

As noted above the default global meta description or keywords are no longer added to each content item. To make each content item you create include a unique meta description and keywords complete the following.

  1. From the Joomla 1.5 administrator area select the Content menu and Article menu option
  2. Now open the content item
  3. On the right hand column you will see an option called Metadata Information
  4. Expand the Metadata Information box and you will now have the option to add a unique description and keywords which reflects the content you have created.
  5. After making the changes select the Save botton.

If you do not want the Global site name, global site meta description or global site keywords to appear in each content item you need to complete the above steps for each content item you create.

If you do not do this by default Joomla! will automatically add the meta description and keywords from the global settings to each content item.