Introduction

In this era of technology enhancement, Internet has become the major source of information. If we need any kind of information, we usually consult from the Search Engines (particularly Google). Why? Because of the reason, Search Engine’s increased searching capabilities.

Thus every website owner wants now online visibility on top search engines. And for this you need to follow search engine guidelines. These are the guidelines which are helpful in the Search engine optimization of your website.

URL Rewriting is one of the good techniques followed in Search Engine Optimization. Consider more understanding of URL Rewriting and its importance:

Static URLS Vs Dynamic URLS

Static URL’s are more to be recognizable than dynamic URL’s for the number of reasons:

1. Static URL’s generally rank better in Search Engines.
2. Search Engines Crawls the Content of the static URLs much faster as compare to the dynamic URL.
3. Static URL looks pretty or friendlier to the end-user.

Consider the Example of Static URL’s Vs Dynamic URL’s:

Static URL/Pretty URL:

http://www.design.com/web design/custom web design

Dynamic URL:

http://www.example.com/web design.aspx?design=custom&ID=2065

The above mentioned Dynamic URL has the following problems discussed below:

• When this URL is crawled by the Search engine, it will have very less chance to become on top ranks because the URL do not defines what the page is all about, thus cannot become visible for any keyword.
• The type of URL exposes the underlying technology; in this case it is Asp.net.  This can give clue to the potential hackers about what data they should send along with query string for a front door attack to the website. So technology extensions should keep hide from the web pages.
• The type of URL contains the sticky elements like question mark & ampersand. Those special characters included in the URL are problematic in the case when another website owner will link to your website using this URL it can have issues with their xHTML.
• Some of the Search engines do not crawl or index those pages whose URL’s are dynamically generated.  They’ll see the question mark in the URL and just turned back if they found it.

URL Rewriting Methods:

Readable URL’s are not only demanded by the Search Engines but by the humans as well. The reason is Search Engines are made for human beings not for Machines.

Consider the Example of How URL can be Rewrite for the Search Engines Optimization of your website:

Case to consider:

http://www.yourdomain.com/profile.php?mode=view&u=7

There are two ways by which this dynamic URL can be rewrite:

URL Rewriting in PHP

There are the following requirements for Rewriting the URL in php:

Consider the Five different aspects of URL Rewriting Examples:

1. Rewriting the test.php to test.html

Add the following code into the .htaccess file.

Options +FollowSymlinks

RewriteEngine on

RewriteRule ^(.*)\.htm$ $1.php [nc]

After placing the code, when the URL like http://localhost/test.htm is called in address bar it calls the file test.php.

Here:

$1=First regular expression of the part of the RewriteRule

[nc]= not case sensitive

2. Rewriting product.php?id=12 to product/ipod-nano/12.html

In this technique, you can smartly place the keyword in the url. Like in the above mentioned url, ipod-nano is the product name which is placed in the url after rewriting.

RewriteEngine on

RewriteRule ^product/([a-zA-Z0-9_-]+)/([0-9]+)\.html$ product.php?id=$2

3. Redirecting without  www URL to www URL

Sometimes you might have noticed that when you type yahoo.com, you will be redirected to the www.yahoo.com. If you want this type of URL Redirection you can use the following code:

RewriteEngine On

RewriteCond %{ HTTP_HOST} ^optimaxwebsolutions\.com$

RewriteRule (.*) http://www.optimaxwebsolutions.com/$1 [R=301,L]

4. Rewriting yourdomain /user.php?username=xyz to yourdomain.com/xyz

By the code mentioned below, you can rewrite your URL according to the Method of Directory type as mentioned above in the heading URL Rewriting Methods.

RewriteEngine On

RewriteRule ^([a-zA-Z0-9_-]+)$ user.php?username=$1

RewriteRule ^([a-zA-Z0-9_-]+)/$ user.php?username=$1

5. Redirecting the domain to a new subfolder of inside public_html.

Consider the case: If you want to redevelop your site, you can place the new site into the folder named new. It means all the files of redeveloped site is placed inside the root directory of folder named new. Here you need to understand that there can be a mess to paste all the files in the root folder (or can be a hectic process), so we don’t have this option. It means now your website can only be assess by “http://www.test.com/new”. So after placing the following code into the .htaccess file , you can access “www.test.com”, whose files are actually placed in the new folder.

RewriteEngine On

RewriteCond %{HTTP_HOST} ^test\.com$ [OR]

RewriteCond %{HTTP_HOST} ^www\.test\.com$

RewriteCond %{REQUEST_URI} !^/new/

RewriteRule (.*) /new/$1

POPULARITY LEVEL: More than 80 %

Please Leave your Comments About the Post!

Company Profile:

We as a Leading Web Design Company Offers Best and Cost effective Web solutions to our clients in USA, UK and Canada. I being as a Project Manager: Kaitlyn Em is available for your support, you can drop me an email at kaitlyneml​y@aim.com, And can Call Us by visiting our website http://www.cyberdesignz.com/clients/

We implement your needs and requirements with the use of latest web trends and technologies in an effective way.

Introduction

Web Browser is the most important Applications to Access website or web application launched over the web. The task of the web browser is to display and render HTML given by the Web Server as a Response of client Query.

In this era, where every website is based on different technologies, thus Browsers need to be updated with these technology changes in order to display web pages perfectly fine. There are many browsers which internet visitors may use of different versions either old or updated which can effect in displaying websites.

When we talk about Mozilla Firefox it has become the most popular and famous web browser among all just because it has given many useful add-ones for the developers, designers and for normal visitors.

Following are the Mozilla Firefox Add-ones for designers or developers:

1. Web Developer Add-one

Overview:

• Web Developer is the most functional add-one of the Browser Firefox.
• It provides the extensive support about different parameters of web development like CSS, HTML, screen resolution, CSS validation, and HTML validation from the w3c website.
• Following are the few important list items of the web developer toolbar that are added right after its installation as mentioned below:

2. Firebug Add-one

Overview:

• Firebug is the most famous web development tool of the Mozilla Firefox web Browser.
• You can inspect your web page HTML and modify style and layout in the real-time. This helps you in taking vision of how your web pages look with different HTML/CSS attribute values.
• You can accurately manage the network usage and performance.
• You can get valuable information about your web page Dom, JavaScript and HTML.

Firebug is categorized in to four main features and this further categorization of each feature.

3. Live HTTP Headers:

Overview:

The main objective of the add-one is to get useful information about HTTP headers of the specified domain. HTTP headers form the two core elements that are HTTP request and response. HTTP headers define various characteristics of data that is requested and data that has been provided.

Request HTTP Headers:

Response Http Headers:

How to Use Http Live Header (Mozilla Add-one):

You can use this add-one for viewing http information about any website from the following two ways:

1. First Method: Right Click on required web page, select “View page info” and on the last tab “L Symbol for Live headers”, after clicking it will give you all information about that specified domain.
2. 2. Second Method: Click on the Tool menu bar and then on live headers, And view all information about the relevant website.

Benefits of using HTTP Live Header Add-one:

1. It can help in debugging web application.

2. You can see what Web server the remote site is using.
3. Can see the cookies send by the Remote site.

4. ColorZilla Add-one

Overview:

• Colorzilla assists web developers and designers to inspect colors (visually) from anywhere in the web page.
• Colorzilla gives color characteristics in RGB, Hex decimal or X and Y axis specified values. With these values you can use the specified color in any editor which is color Palette supported.
• Along with the colors, Colorzilla provides you information about each & every element in the web page just by passing the cursor on the web page.
• Quickly adjust this color and paste it into another program.

5. Image zoom Add-one

Overview:

• With the Image zoom add-one of the Firefox you can zoom any picture displayed in the Browser individually.
• Provides the following Zooming options:

1. Zoom Image/ Zoom Out
2. Rotate Image (+90°, – 90°, +180°, Reset)
3. Custom Zooming
4. Custom Dimensions
5. Zoom in Percentage Ratio

• It is helpful in roaming about for the images into the web. With the real time image zooming option you can check images without downloading it into the computer.

6. Fireshot Add-one

Overview:

• Fire shot is an advanced screen capture add-one of Firefox
• It captures, edits, annotates, organize, exports and prints screen shots of your web pages.
• It’s not like that you cannot take a screen shot from the windows utility, but taking screen shot from the print screen cannot take the whole web page image, as it is longer than a browser window. So you need a fire shot.
• You can insert graphical text into your images quickly which is really helpful for web designers and content reviewers.
• Screen shots can be saved into any image formats like (PNG, JPEG, GIF, and BMP), copied into clip board, printed into hard copy & emailed to anyone.

Conclusion

We as a USA based web design company consider these kinds of latest technologies which support us in the field of web design and development. Web solutions are not that kind of easy task to just emerge the client requirements. There is an involvement of a complete process which needs excellence. Above mentioned Mozilla Firefox Add-ones are the great help for the web designing and web development process. Because it provides real time debugging and Error tracking for the code.

htaccess file is a configuration file which is run over Apache web server. It is used to configure different settings and functionality of the Apache server for a given website. These settings include URL rewriting, URL redirection, 404 Not Found page handling, etc. However, htaccess is quite sensitive configuration file and it may pose some problem including compromising over security of your website. Following are some of the point need to be considered while going with htaccess.

1. Careful about spellings
.htaccess is not conscious about spellings, so you have to be very careful about your spelling mistakes. Make sure, you don’t make any spell mistake.

2. Case sensitive
.htaccess is case sensitive. If something is shown in the examples with a capital letter, make sure it’s capitalized in your htaccess file. Don’t change the case of symbols and variables there.

3. Consider your caching
Considering your caching needs care before setting it up. If your site is almost entirely static, you can set longer cache times. If your site changes frequently then you should be able to identify only those files which are (not changed often) need to be cached and for how long. There’s nothing worse as a visitor than coming back to a site thinking there’s been an update and not seeing it.

4. Comment out your notes
Don’t forget to comment out your notes within the file. This is done by adding a # before the comment line.

5. Always test your site
Always test your sites immediately after making any changes to your htaccess file. One mistyped character could make the difference between your site working and being down for hours before you realize what has happened.

6. Backup you htaccess
On that note, always make sure you backup your htaccess file before making any changes. That is way, if there is a problem, you can easily swap back in the old file. Don’t forget to backup your htaccess file.

7. Cross Browser compatibility
Make sure any essential htaccess functions you’ve included are cross-browser compatible. There are certain things some browsers just won’t support.

8. Dont Forget to Secure
Remember when protecting a web directory with htaccess, that unless it’s restricted to https access, the password could be sniffed as your authentication will be done over an un-secure connection.

Website  design is kind of a window through which a company, firm, store or an individual represent their goods and services to the world. Being such an important investment, don’t ignore these 10 critical web design factors while designing and developing your website.

1. Know your website goals

Each website is designed with a different purpose. Some to earn profits and some for the purpose of information, some for creating brand recognition and some for pure entertainment. For maximum results, always get your website design revolving around these goals.

2. Usability of the website:

Make information easily available to the user. No matter if the design isn’t revolutionary, but if it’s clear and understandable, you’re going the right way.

3. Flawless Web Copy:

Though always underestimated, the biggest strength of a web copy is its power to induce prospects into action. So make the web copy error free, short, friendly and interesting.

4. Navigational Structure:

If you don’t want your visitors running off to your competitors, keep the navigational structure very simple and clear for the user to find exactly what they’re looking for.

5. Loading Time of Website:

The minimum the loading time, the better it is. Don’t make the user wait for your website or a certain page of your website load. In this respect, avoid flash and any other elements that slow down the website’s loading time.

6. Web Page Layout and Elements:

Avoid a busy layout with small print and too much text. Include white space, headers, and indentation carefully to make the site appear well for visitors. A balanced site, with just the right amount of organized elements can do the trick.

7. Cross Browser Compatibility:

Make sure your website runs in whatever browser visitors choose to navigate the site. You can ensure this through making the website WC3 compliant.

8. Professional Look:

Your website should instantly give a professional and credible feeling at first look. Half of the time visitors make a buying decision without concerning about the owner. You can do this by hiring professional web designers or web design services for the job.

9. Search Engine Optimization:

Optimize your website and web pages for the search engines. This will increase your chance to achieve higher exposure as well as higher amount of traffic. In order to be known on the web, you must take measures to make yourself visible to the internet users, and utilizing search engines for this purpose is the best method.

10. Privacy and Terms of Use:

This factor is critical to ensure user protection and safety, and must not be ignored by large corporations. If you’re an online shopping entity, adding this aspect to your website will considerably increase your credibility and sales.

To achieve accurate and profitable results from your website’s performance, keep the above given factors in mind the next time you design your website.