Search Engine Optimization

<div style="box-sizing: border-box; font-family: 'Open Sans', Arial, sans-serif; font-size: 14px; line-height: 24px; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;">
One of the simplest methods to improve your search engine optimization is to look at the way you name your files. Before writing this tutorial, we did a lot of research on file-names and found that search engines like Google give too much importance to file names. You should think what you want put in your web page and then give a relevant file name to this page.</div>
<div style="box-sizing: border-box; font-family: 'Open Sans', Arial, sans-serif; font-size: 14px; line-height: 24px; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;">
Just try giving any keyword in Google search engine and you will find file names highlighted with the keyword you have given. It proves that your file name should have appropriate keywords.</div>
<h2 style="box-sizing: border-box; color: #121214; font-family: 'Open Sans', Arial, sans-serif; font-size: 1.7em; font-weight: normal; left: 0px; letter-spacing: -1px; line-height: 1.5em; margin: 0.2em 0.2em 0.2em 0px; padding: 0px; position: relative; text-shadow: rgb(204, 204, 204) 1px 1px 2px;">
File Naming Style</h2>
<ul class="list" style="box-sizing: border-box; color: #313131; font-family: 'Open Sans', Arial, sans-serif; font-size: 14px; line-height: 22px;">
<li style="background-attachment: initial; background-clip: initial; background-image: url(http://www.tutorialspoint.com/images/icon-bullet.png); background-origin: initial; background-position: 0px 4px; background-repeat: no-repeat; background-size: initial; box-sizing: border-box; color: black; line-height: 24px; list-style: none; margin-bottom: 5px; padding: 0px 0px 0px 19px;"><div style="box-sizing: border-box; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;">
The filename should preferably be short and descriptive.</div>
</li>
<li style="background-attachment: initial; background-clip: initial; background-image: url(http://www.tutorialspoint.com/images/icon-bullet.png); background-origin: initial; background-position: 0px 4px; background-repeat: no-repeat; background-size: initial; box-sizing: border-box; color: black; line-height: 24px; list-style: none; margin-bottom: 5px; padding: 0px 0px 0px 19px;"><div style="box-sizing: border-box; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;">
It is always good to use same keywords in a filename as well as in page title.</div>
</li>
<li style="background-attachment: initial; background-clip: initial; background-image: url(http://www.tutorialspoint.com/images/icon-bullet.png); background-origin: initial; background-position: 0px 4px; background-repeat: no-repeat; background-size: initial; box-sizing: border-box; color: black; line-height: 24px; list-style: none; margin-bottom: 5px; padding: 0px 0px 0px 19px;"><div style="box-sizing: border-box; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;">
Do not use filenames such as <i style="box-sizing: border-box;">service.htm</i> or <i style="box-sizing: border-box;">job.htm</i> as they are generic. Use actual service name in your file name such as <i style="box-sizing: border-box;">computer-repairing.htm</i>.</div>
</li>
<li style="background-attachment: initial; background-clip: initial; background-image: url(http://www.tutorialspoint.com/images/icon-bullet.png); background-origin: initial; background-position: 0px 4px; background-repeat: no-repeat; background-size: initial; box-sizing: border-box; color: black; line-height: 24px; list-style: none; margin-bottom: 5px; padding: 0px 0px 0px 19px;"><div style="box-sizing: border-box; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;">
Do not use more than 3-4 words in file names.</div>
</li>
<li style="background-attachment: initial; background-clip: initial; background-image: url(http://www.tutorialspoint.com/images/icon-bullet.png); background-origin: initial; background-position: 0px 4px; background-repeat: no-repeat; background-size: initial; box-sizing: border-box; color: black; line-height: 24px; list-style: none; margin-bottom: 5px; padding: 0px 0px 0px 19px;"><div style="box-sizing: border-box; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;">
Separate the keywords with hyphens rather than underscores.</div>
</li>
<li style="background-attachment: initial; background-clip: initial; background-image: url(http://www.tutorialspoint.com/images/icon-bullet.png); background-origin: initial; background-position: 0px 4px; background-repeat: no-repeat; background-size: initial; box-sizing: border-box; color: black; line-height: 24px; list-style: none; margin-bottom: 5px; padding: 0px 0px 0px 19px;"><div style="box-sizing: border-box; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;">
Try to use 2 keywords if possible.</div>
</li>
</ul>
<h2 style="box-sizing: border-box; color: #121214; font-family: 'Open Sans', Arial, sans-serif; font-size: 1.7em; font-weight: normal; left: 0px; letter-spacing: -1px; line-height: 1.5em; margin: 0.2em 0.2em 0.2em 0px; padding: 0px; position: relative; text-shadow: rgb(204, 204, 204) 1px 1px 2px;">
File Name Example</h2>
<div style="box-sizing: border-box; font-family: 'Open Sans', Arial, sans-serif; font-size: 14px; line-height: 24px; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;">
Listed below are some filenames which would be ideal from the users' point of view as well as SEO.</div>
<pre class="prettyprint notranstlate" style="background-color: #eeeeee; border-radius: 0px; border: 1px solid rgb(214, 214, 214); box-sizing: border-box; color: #313131; font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; font-size: 12px; line-height: 16px; margin-bottom: 10px; overflow: auto; padding: 5px; width: 604px;">slazenger-brand-balls.html
wimbledon-brand-balls.html
wilson-brand-balls.html
</pre>
<div style="box-sizing: border-box; font-family: 'Open Sans', Arial, sans-serif; font-size: 14px; line-height: 24px; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;">
Notice that the keywords are separated by hyphens rather than underscores. Google sees good filenames as follows:</div>
<pre class="prettyprint notranstlate" style="background-color: #eeeeee; border-radius: 0px; border: 1px solid rgb(214, 214, 214); box-sizing: border-box; color: #313131; font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; font-size: 12px; line-height: 16px; margin-bottom: 10px; overflow: auto; padding: 5px; width: 604px;">seo-relevant-filename as seo relevant filename(good)
</pre>
<div style="box-sizing: border-box; font-family: 'Open Sans', Arial, sans-serif; font-size: 14px; line-height: 24px; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;">
Filenames with underscores are not a good option.</div>
<pre class="prettyprint notranstlate" style="background-color: #eeeeee; border-radius: 0px; border: 1px solid rgb(214, 214, 214); box-sizing: border-box; color: #313131; font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; font-size: 12px; line-height: 16px; margin-bottom: 10px; overflow: auto; padding: 5px; width: 604px;">seo_relevant_filename as seorelevantfilename (not good)
</pre>
<h2 style="box-sizing: border-box; color: #121214; font-family: 'Open Sans', Arial, sans-serif; font-size: 1.7em; font-weight: normal; left: 0px; letter-spacing: -1px; line-height: 1.5em; margin: 0.2em 0.2em 0.2em 0px; padding: 0px; position: relative; text-shadow: rgb(204, 204, 204) 1px 1px 2px;">
File Extension</h2>
<div style="box-sizing: border-box; font-family: 'Open Sans', Arial, sans-serif; font-size: 14px; line-height: 24px; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;">
You should notice that <b style="box-sizing: border-box;">.html, .htm, .php</b> and any other extension do NOTHING for your visitors, and they are simply a means of offloading some of the work of configuring your webserver properly onto your visitor's. In effect, you are asking your site visitors to tell your webserver HOW to produce the page, not which one?</div>
<div style="box-sizing: border-box; font-family: 'Open Sans', Arial, sans-serif; font-size: 14px; line-height: 24px; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;">
Many Web masters think that it is a good idea to use filename without using extension. It may help you, but not a whole lot.</div>
<h2 style="box-sizing: border-box; color: #121214; font-family: 'Open Sans', Arial, sans-serif; font-size: 1.7em; font-weight: normal; left: 0px; letter-spacing: -1px; line-height: 1.5em; margin: 0.2em 0.2em 0.2em 0px; padding: 0px; position: relative; text-shadow: rgb(204, 204, 204) 1px 1px 2px;">
URL Sub-Directory Name</h2>
<div style="box-sizing: border-box; font-family: 'Open Sans', Arial, sans-serif; font-size: 14px; line-height: 24px; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;">
From Search Engine Optimization point of view, URL sub-directory name hardly matters. You can try giving any keyword in any search, and you will not find any sub-directory name matching with your keywords. But from the user's point of view, you should keep an abbreviated sub-directory name.</div>
<h2 style="box-sizing: border-box; color: #121214; font-family: 'Open Sans', Arial, sans-serif; font-size: 1.7em; font-weight: normal; left: 0px; letter-spacing: -1px; line-height: 1.5em; margin: 0.2em 0.2em 0.2em 0px; padding: 0px; position: relative; text-shadow: rgb(204, 204, 204) 1px 1px 2px;">
Guru Mantra</h2>
<div style="box-sizing: border-box; font-family: 'Open Sans', Arial, sans-serif; font-size: 14px; line-height: 24px; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;">
Keep the following points in mind before naming your files:</div>
<ul class="list" style="box-sizing: border-box; color: #313131; font-family: 'Open Sans', Arial, sans-serif; font-size: 14px; line-height: 22px;">
<li style="background-attachment: initial; background-clip: initial; background-image: url(http://www.tutorialspoint.com/images/icon-bullet.png); background-origin: initial; background-position: 0px 4px; background-repeat: no-repeat; background-size: initial; box-sizing: border-box; color: black; line-height: 24px; list-style: none; margin-bottom: 5px; padding: 0px 0px 0px 19px;"><div style="box-sizing: border-box; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;">
Keep the web page filename short, simple, descriptive, and relevant to the page content.</div>
</li>
<li style="background-attachment: initial; background-clip: initial; background-image: url(http://www.tutorialspoint.com/images/icon-bullet.png); background-origin: initial; background-position: 0px 4px; background-repeat: no-repeat; background-size: initial; box-sizing: border-box; color: black; line-height: 24px; list-style: none; margin-bottom: 5px; padding: 0px 0px 0px 19px;"><div style="box-sizing: border-box; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;">
Try to use a maximum of 3-4 keywords in your filename, and these keywords should appear on your web page title as well.</div>
</li>
<li style="background-attachment: initial; background-clip: initial; background-image: url(http://www.tutorialspoint.com/images/icon-bullet.png); background-origin: initial; background-position: 0px 4px; background-repeat: no-repeat; background-size: initial; box-sizing: border-box; color: black; line-height: 24px; list-style: none; margin-bottom: 5px; padding: 0px 0px 0px 19px;"><div style="box-sizing: border-box; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;">
Separate all keywords with hyphen rather than with underscore.</div>
</li>
<li style="background-attachment: initial; background-clip: initial; background-image: url(http://www.tutorialspoint.com/images/icon-bullet.png); background-origin: initial; background-position: 0px 4px; background-repeat: no-repeat; background-size: initial; box-sizing: border-box; color: black; line-height: 24px; list-style: none; margin-bottom: 5px; padding: 0px 0px 0px 19px;"><div style="box-sizing: border-box; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;">
Keep your sub-directories name as short as possible.</div>
</li>
<li style="background-attachment: initial; background-clip: initial; background-image: url(http://www.tutorialspoint.com/images/icon-bullet.png); background-origin: initial; background-position: 0px 4px; background-repeat: no-repeat; background-size: initial; box-sizing: border-box; color: black; line-height: 24px; list-style: none; margin-bottom: 5px; padding: 0px 0px 0px 19px;"><div style="box-sizing: border-box; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;">
Restrict the file size to less than 101K because Google chops almost everything above that.</div>
</li>
</ul>

Relevant Filenames

One of the simplest methods to improve your search engine optimization is to look at the way you name your files. Before writing this tutor...