Home Site Maintenance SE Optimization Top 10 Common Mistakes to Avoid when you are Planning to Build a Website

Top 10 Common Mistakes to Avoid when you are Planning to Build a Website


1. Domain Name

Top 10 Common Mistakes to Avoid when you are Planning to Build a WebsiteMany companies start off by choosing to buy a domain name very close to the name of their business. For example e.g. if you setup a UK company called 'Smith & Co' providing supplies for printers you would probably go ahead and buy the domain name www.smithandco.co.uk for your business.

You might think to yourself that there is nothing wrong by registering your company name as your domain name. However, It is much better for the search engines if you buy a domain name for your website that includes your company name and a key phrase that is relevant to your products or services.

A more suitable domain name (providing it is available) to buy would be www.smith-printer-supplies.co.uk. As you can see from looking at the domain name it tells you straight away the name of your business 'Smith' and the type of products you sell online 'printer supplies'. This domain name will help your website achieve higher search engine rankings if someone searches for the phrase 'printer supplies'.

With any domain name age plays a very important factor in search engine rankings. The age of a domain gives the appearance of longevity and therefore will give you a higher relevancy score in Google. Please do not think you will achieve top positions straight away as you will need to allow your domain name to grow with age. With a successful SEO marketing campaign in place, you will be on the right track to achieving higher search engine rankings by choosing the correct domain name for your website.

2. 302 re-direct

When you sign up to use an internet service provider (ISP) - they will offer you free web space for you to create your own personalised page or website. The problem with this -your domain name and web hosting are stored in two different locations.

There is an easy solution to fix this problem by setting up frame forwarding on your domain name. If a visitor types your web address into their browser they will now be re-directed to the free web space to view your website. I hear you say 'perfect', however the search engines will see this as a 302 temporarily re-direct and this will cause problems for the search engine spiders visiting your site because of the frames.

I would advise buying your domain name and web hosting from the same company to sort out this problem. I understand in some circumstances this will not be possible and you will have your domain name bought from one company and your web hosting by another. I would advise updating the DNS settings on your domain name registrar account with the name server settings provided by your hosting company.

3. Frames

HTML frames are occasionally used by the web designer to organise the design of a website by loading the pages into a frameset. Search engines or software on the web have trouble in reading frames. The main problem is that many search engine spiders do not follow the frames sources from the frameset page. Those that do follow will end up at a page that is not located within the frameset.

If your site uses frames to display your pages - I would recommend using the tag to display meaningful content with a list of links. This will help the search engine spiders to visit the rest of your pages more easily. Also remember to give each of your pages a page title to reflect the content being displayed on the page. </p> <p> As for accessibility, frames present a real challenge to users with disabilities and particular those who use screen readers to read your content online. I would strongly advise building a website using frames. </p> <h2>4. Splash Page </h2> <p> A splash page is often used as an introduction to show visitors a graphic or fancy flash animation before they enter the main part of your website. One major problem you face when trying to get your website listed within the major search engines using a splash page is that your page contains none or very little text (containing relevant key phrases) or the search engines spiders do not understand or can read Flash to follow the links to navigate around the site. </p> <p> The Search engines will treat the splash page as your main homepage and as a result will reduce the chances of your site achieving good search engine rankings. My personal advice would be to replace the splash page with your main page. This will allow you to optimise your homepage (main page) increasing the chances of your website being found for more key phrases relevant to your products or services. </p> <p> If you decide to keep your existing splash page for your website. I would recommend adding a paragraph of text underneath the graphic or flash animation on the page. The paragraph of text must contain a good keyword weight and prominence with a clear visible link for visitors to click on to enter your main page. </p> <h2>5. Homepage - Content </h2> <p> The homepage is the most important page of your website as this is generally the first page a visitor sees when clicking on your URL address. You need your visitors to be able to engage with the content being displayed on your pages. Why not tell your visitors about your Unique Selling Points (USPs)listed below. </p> <ul> <li>Who you are </li> <li>What products or services you provide </li> <li>Why should they buy from you </li> <li>What sets you apart from your competitors <strong> </li> </ul> <p> We recommend you place between 200-300 words of text on your homepage containing a good keyword weight and prominence of key phrases at the top, middle and bottom of the page. I would also recommend adding an alt tag to each image being displayed on the page. </p> <p> I would recommend taking a look at the keywords tool provided by Google to give you an idea on the most commonly searched keyword phrases visitors would search on to come across your products or services online. <a href="https://adwords.google.com/select/KeywordToolExternal" target="_blank">adwords.google.com</a> </p> <h2>6. Meta Tags </h2> <p> The meta tags are displayed within the <head> section on your page and are intended for use solely by the search engines. The page title is visible at the top of your browser above the title bar displaying your URL address. The description and keywords tag can be seen by viewing the source code at the top of the page. It is very important to have unique titles, descriptions and keyword tags on each of your pages to reflect the content being displayed on the page. </p> <p> The keywords tag is now redundant and is not used by the search engines. However I still like to use this tag to fill in the keywords I have optimised the page for as a reference guide. Each unique page title and description tag must contain relevant key phrases relating to the content being displayed on the page. </p> <h2>7. Heading Tags </h2> <p> I consider this to be one of the most important tags after the page title and description tags on the page. It is amazing how many websites do not display a heading tag to reflect the content being displayed on the page. For example a <h1> heading tag for the company 'Smith and Co' previously mentioned would look something like this. </p> <table border="0" cellpadding="0" cellspacing="0" width="99%" class="ForeCode"> <tr> <td> <h1>Great discount on all leading printer supplies </h1> </td> </tr> </table> <p> As you see the main key phrase 'printer supplies' is contained within the <h1> heading tag giving this phrase more weight on the page. There are a list of other heading tags <h1> to <h6> you can use on the page with the first one being the most important and the last one being the least important. </p> <p> When you first add a <h1> heading tag to the page you will notice the font is rather large on the page and it does not look particularly nice. Please do not panic as this font can be styled using a CSS stylesheet to blend in with the rest of page design. </p> <h2>8. Sitemaps </h2> <p> To make it easier for the search engines spiders and visitors to navigate on the site more easily. It is recommended to add a sitemap to your page containing a list of page links. It is recommended to add a link to your sitemap from your homepage either at the top or bottom of the page. </p> <p> There are still a number of website owners who do not have a XML sitemap uploaded to help the search engines crawl more easily. Please visit the following link <a href="http://www.xml-sitemaps.com" target="_blank">www.xml-sitemaps.com</a> to generate a sitemap and upload the file to the root of your directory. </p> <h2>9. Robots file </h2> <p> It is common practice for web owners to upload a robots.txt file to the root directory on the server. This will give you complete control over which directories you would like or not like the search engine spider to visit. </p> <p> A good example of the robots txt file would be to restrict the spider from visiting a web directory on your server containing private information. You would not want the search engine spider to visit this directory would you? </p> <h2>10. Content Management Systems (CMS) </h2> <p> A content management system is an interface that allows you to update the content on your pages more easily without relying on your webmaster or web company to do it for you. This can save you time and money as some companies may charge you for any additional site changes you would like them to make for you. </p> <p> One common mistake I come across using content management systems is the restriction not being able to have individual meta tags across the whole of your site. If this is the case it will restrict the rest of your pages to gain better SERP's (search engine rankings pages). </p> <p> I would advise asking the company who provides the CMS system - if it is possible to have unique page title, meta description and keyword tags across the whole of the site. </p><br/> </div> <br/> <div class="hr"></div> <div class="about-author"> <div style="float:left"> <!-- AddThis Button BEGIN --> <div class="addthis_toolbox addthis_default_style "> <a class="addthis_button_facebook_like" fb:like:layout="button_count"></a> <a class="addthis_button_tweet"></a> <a class="addthis_button_google_plusone" g:plusone:size="medium"></a> <script src="http://www.stumbleupon.com/hostedbadge.php?s=1"></script> </div> <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4e8aa3406316360c"></script> <!-- AddThis Button END --> </div> <div style="float:right;margin:0px 7px 0 0;">Author's URL: <a href="http://www.goarticles.com" class="blue" target="_blank">Paul Flaherty</a></div> <div class="clear"></div> </div> <div class="page-wrap" id="article-footer"> <span class="no_background"> <img align="top" alt="" src="/images/upl/web_promotion_icon.jpg"/> More SE Optimization Tutorials: <a href="/site-maintenance/se-optimization/epick/page-1.html">Featured Materials</a> | <a href="/site-maintenance/se-optimization/page-1.html">Fresh Materials</a> | <a target="_blank" href="http://www.websitetemplates.org/">Website Templates</a> </span> <div id="random_block"> <div class="hlf_blk"> <strong>10 Random Site Maintenance SE Optimization Tutorials:</strong> <ul> <li><a href="/site-maintenance/se-optimization/the-meta-magic-optimizing-your-meta-tags.8996.html">The Meta Magic : Optimizing Your Meta Tags</a></li> <li><a href="/site-maintenance/se-optimization/5-killer-seo-article-tips-for-home-internet-business-ideas.11925.html">5 Killer SEO Article Tips For Home Internet Business Ideas</a></li> <li><a href="/site-maintenance/se-optimization/what-are-the-best-ideas-for-search-engine-marketing.16044.html">What are the Best Ideas for Search Engine Marketing</a></li> <li><a href="/site-maintenance/se-optimization/five-reasons-why-you-need-seo-services.16051.html">Five Reasons Why You Need SEO Services</a></li> <li><a href="/site-maintenance/se-optimization/submitting-your-website-to-dmoz-what-you-need-to-know.16214.html">Submitting your website to DMOZ- What you need to know</a></li> </ul> </div> <div class="hlf_blk"> <div class="clear">&nbsp;</div> <ul class="brd_left"> <li><a href="/site-maintenance/se-optimization/google-local.16603.html">Google Local</a></li> <li><a href="/site-maintenance/se-optimization/you-should-choose-professional-seo-servicesabhinav-sidana.19232.html">You Should Choose Professional SEO Services</a></li> <li><a href="/site-maintenance/se-optimization/3-conversion-busting-banner-advertising-mistakes-to-always-avoid.20182.html">3 Conversion-Busting Banner Advertising Mistakes To Always Avoid</a></li> <li><a href="/site-maintenance/se-optimization/the-most-trusted-features-and-benefits-of-an-seo-company.20488.html">The Most Trusted Features and Benefits of an SEO Company</a></li> <li><a href="/site-maintenance/se-optimization/seo-packages-that-you-can-use.21098.html">SEO Packages that You Can Use</a></li> </ul> </div> <div class="clear"></div> </div> </div> <br/> <div style="margin:0 9px;"> <div id="disqus_thread"></div> <script type="text/javascript"> /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */ var disqus_shortname = 'wdlibrary'; // required: replace example with your forum shortname var disqus_identifier = 'wdlibrary_17009'; var disqus_url = 'http://www.webdesign.org/site-maintenance/se-optimization/top-10-common-mistakes-to-avoid-when-you-are-planning-to-build-a-website.17009.html'; var disqus_developer = 1; /* * * DON'T EDIT BELOW THIS LINE * * */ (function() { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true; dsq.src = 'http://' + disqus_shortname + '.disqus.com/embed.js'; (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); })(); </script> <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript> </div> <br/> <div class="clear"></div> </div> </div> </div> <div class="box" id="nav"> <div id="menu"> <ul class="menu-item"> <li><a id="m_1">Web Design Basics</a> <ul class="submenu-item"> <li><a id="m_2" href="/web-design-basics/design-principles/page-1.html">Design Principles</a></li> <li><a id="m_3" href="/web-design-basics/website-usability/page-1.html">Website Usability</a></li> <li><a id="m_5" href="/web-design-basics/color-theory/page-1.html">Color Theory</a></li> <li><a id="m_6" href="/web-design-basics/templates-tuning/page-1.html">Templates &amp; Tuning</a></li> <li><a id="m_74" href="/web-design-basics/web-design-jobs/page-1.html">Web Development Jobs</a></li> </ul></li> </ul> <ul class="menu-item"> <li><a id="m_99">CMS</a> <ul class="submenu-item"> <li><a id="m_100" href="/content-management-system/wordpress/page-1.html">Wordpress</a></li> <li><a id="m_102" href="/content-management-system/drupal/page-1.html">Drupal</a></li> <li><a id="m_103" href="/content-management-system/joomla/page-1.html">Joomla</a></li> </ul></li> </ul> <ul class="menu-item"> <li><a id="m_7">Photoshop</a> <ul class="submenu-item"> <li class="submenu-folder"><a id="m_8" href="/photoshop/tutorials-parent/page-1.html">Tutorials</a> <ul class="subsubmenu-item"> <li><a id="m_96" href="/photoshop/tutorials/page-1.html">All Tutorials</a></li> <li><a id="m_97" href="/photoshop/tutorials/epick/page-1.html">Editor's Pick</a></li> <li><a id="m_60" href="/photoshop/photoshop-basics/page-1.html">Photoshop Basics</a></li> <li><a id="m_61" href="/photoshop/special-effects/page-1.html">Special Effects</a></li> <li><a id="m_62" href="/photoshop/text-effects/page-1.html">Text Effects</a></li> <li><a id="m_63" href="/photoshop/3d-effects/page-1.html">3D Effects</a></li> <li><a id="m_64" href="/photoshop/textures-patterns/page-1.html">Textures &amp; Patterns</a></li> <li><a id="m_65" href="/photoshop/web-layout/page-1.html">Web Layout</a></li> <li><a id="m_66" href="/photoshop/drawing-techniques/page-1.html">Drawing Techniques</a></li> <li><a id="m_67" href="/photoshop/color-management/page-1.html">Color Management</a></li> <li><a id="m_68" href="/photoshop/photo-editing/page-1.html">Photo Editing</a></li> <li><a id="m_69" href="/photoshop/imageready-animation/page-1.html">ImageReady Animation</a></li> <li><a id="m_72" href="/photoshop/miscellaneous/page-1.html">Miscellaneous</a></li> <li><a id="m_81" href="/photoshop/photoshop-cs4-tutorials/page-1.html">Photoshop CS4 Tutorials</a></li> </ul></li> <li><a id="m_98" href="/photoshop/photoshop-cs5-tutorials/page-1.html">Photoshop CS5 Tutorials</a></li> <li><a id="m_105" href="/photoshop/photoshop-cs6-tutorials/page-1.html">Photoshop CS6 Tutorials</a></li> <li><a id="m_9" href="/photoshop/articles/page-1.html">Articles</a></li> </ul></li> </ul> <ul class="menu-item"> <li><a id="m_53">Vector Graphics</a> <ul class="submenu-item"> <li><a id="m_54" href="/vector-graphics/coreldraw/page-1.html">CorelDraw</a></li> <li><a id="m_55" href="/vector-graphics/adobe-illustrator/page-1.html">Adobe Illustrator</a></li> </ul></li> </ul> <ul class="menu-item"> <li><a id="m_12">Flash &amp; Swish</a> <ul class="submenu-item"> <li><a id="m_13" href="/flash-swish/flash-tutorials/page-1.html">Flash Tutorials</a></li> <li><a id="m_14" href="/flash-swish/articles/page-1.html">Articles</a></li> <li><a id="m_73" href="/flash-swish/swish-tutorials/page-1.html">Swish Tutorials</a></li> </ul></li> </ul> <ul class="menu-item"> <li><a id="m_18">3D Graphics</a> <ul class="submenu-item"> <li><a id="m_19" href="/3d-graphics/tutorials/page-1.html">Tutorials</a></li> <li><a id="m_20" href="/3d-graphics/articles/page-1.html">Articles</a></li> </ul></li> </ul> <ul class="menu-item"> <li><a id="m_21">HTML and CSS</a> <ul class="submenu-item"> <li><a id="m_22" href="/html-and-css/tutorials/page-1.html">Tutorials</a></li> <li><a id="m_45" href="/html-and-css/articles/page-1.html">Articles</a></li> </ul></li> </ul> <ul class="menu-item"> <li><a id="m_56">Web Programming</a> <ul class="submenu-item"> <li><a id="m_57" href="/web-programming/php/page-1.html">PHP</a></li> <li><a id="m_58" href="/web-programming/asp/page-1.html">ASP</a></li> <li><a id="m_59" href="/web-programming/javascript/page-1.html">JavaScript</a></li> </ul></li> </ul> <ul class="menu-item"> <li><a id="m_91">Raster Graphics</a> <ul class="submenu-item"> <li><a id="m_92" href="/raster-graphics/fireworks/page-1.html">Fireworks</a></li> <li><a id="m_93" href="/raster-graphics/gimp/page-1.html">Gimp</a></li> <li><a id="m_94" href="/raster-graphics/paint-shop-pro/page-1.html">Paint Shop Pro</a></li> </ul></li> </ul> <ul class="menu-item"> <li><a id="m_51">Site Maintenance</a> <ul class="submenu-item"> <li><a id="m_32" href="/site-maintenance/domain-registration/page-1.html">Domain Registration</a></li> <li><a id="m_33" href="/site-maintenance/hosting-services/page-1.html">Hosting Services</a></li> <li><a id="m_34" href="/site-maintenance/web-promotion/page-1.html">Web Promotion</a></li> <li><a id="m_75" href="/site-maintenance/se-optimization/page-1.html">SE Optimization</a></li> <li><a id="m_76" href="/site-maintenance/rss/page-1.html">RSS</a></li> </ul></li> </ul> <ul class="menu-item"> <li><a id="m_25">Showcase</a> <ul class="submenu-item"> <li><a id="m_26" href="/showcase/website-showcase/page-1.html">Web Design Showcase</a></li> <li><a id="m_28" href="/showcase/site-of-the-day/page-1.html">Site of the Day</a></li> <li><a id="m_29" href="/showcase/site-of-the-month/page-1.html">Site of the Month</a></li> </ul></li> </ul> <ul class="menu-item"> <li><a id="m_77">Free Stuff</a> <ul class="submenu-item"> <li class="submenu-folder"><a id="m_78" href="/free-stuff/design-accessories/page-1.html">Design Accessories</a> <ul class="subsubmenu-item"> <li><a id="m_82" href="/free-stuff/icons/page-1.html">Icons</a></li> <li><a id="m_83" href="/free-stuff/photos/page-1.html">Photos</a></li> <li><a id="m_84" href="/free-stuff/fonts/page-1.html">Fonts</a></li> <li><a id="m_85" href="/free-stuff/cliparts/page-1.html">Clipart</a></li> <li><a id="m_86" href="/free-stuff/logo/page-1.html">Logos</a></li> <li><a id="m_101" href="/free-stuff/photoshop-brushes/page-1.html">Photoshop Brushes</a></li> </ul></li> <li><a id="m_79" href="/free-stuff/sounds/page-1.html">Sounds</a></li> <li><a id="m_87" href="/free-stuff/flash/page-1.html">Flash Elements</a></li> <li><a id="m_80" href="/free-stuff/3d/page-1.html">3D Objects</a></li> </ul></li> </ul> <ul class="menu-item"> <li><a id="m_30">Miscellaneous</a> <ul class="submenu-item"> <li><a id="m_35" href="/miscellaneous/software-reviews/page-1.html">Software Reviews</a></li> <li><a id="m_50" href="/miscellaneous/web-design-interviews/page-1.html">Interviews</a></li> <li><a id="m_104" href="/miscellaneous/web-design-inspiration/page-1.html">Inspiration</a></li> </ul></li> </ul> </div> <div class="clear" style="height:2px;"></div> <div class="banner_button"> <img src="/images/submit_tutorial.gif" alt="submit tutorial"/> <div> <input type="button" onclick="location.href='/submit_material.php'" value="Submit now!" class="butenter"/> </div> </div> <div class="banner_button"> <img src="/images/get_newsletter.gif" alt="subscribe"/> <div> <input type="button" onclick="location.href='/newsletter.php'" value="Subscribe" class="butenter"/> </div> </div> <div class="banner_button"> <img src="/images/subscribe_rss.gif" alt="rss"/> <div> <input type="button" onclick="location.href='/rss.php'" value="Subscribe" class="butenter"/> </div> </div> <div class="banner_button"> <img src="/images/advertise.gif" alt="advertise"/> <div> <input type="button" onclick="location.href='/advertise.php'" value="Click here!" class="butenter"/> </div> </div> <div class="banner"> <a href="/website-promotion.php"> <img width="160" alt="website promotion banner" src="/images/catbanner/webpromotion_banner.gif"/> </a> </div> </div> <div class="box" id="sidebar" > <div style="margin:3px;height:117px;"> <img src="/images/social.png" /> <a href="https://twitter.com/webdesignorg" class="twitter-follow-button" data-show-count="false" data-show-screen-name="false">Follow @webdesignorg</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script> <iframe class="facebook-like" src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Fwebdesignorg%2F159564920822452&amp;send=false&amp;layout=button_count&amp;width=450&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font=tahoma&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:21px;" allowTransparency="true"></iframe> </div> <div class="partner-block" id="featured"> <div class="caption icon-featured">Featured Templates</div> <div class="rss-icon-right-column"> <a href="/rss/web_templates.rss" rel="nofollow"> <img alt="rss" src="/images/rss-icon.gif" border="0" /> </a> </div> <div class="featured-item"> <a onmouseover="showtrail('http://images.templatemonster.com/screenshots/39000/39033-wp-b.jpg','Template 39033',430,921)" onmouseout="hidetrail()" title="click to view this web template" rel="nofollow" target="_blank" href="http://store.templatemonster.com/wordpress-themes/39033.html"> <img border="0" alt="click to view this template" src="http://images.templatemonster.com/screenshots/39000/39033-m.jpg"/> </a> <div class="featured-links"> <a target="_blank" rel="nofollow" href="http://store.templatemonster.com/wordpress-themes/39033.html">Price : $ 67</a> &nbsp;|&nbsp; <a target="_blank" rel="nofollow" href="http://www.template-help.com/tuning/tuning.php?aff=wdl&amp;t_number=39033">Customize</a> </div> </div> <div class="featured-item"> <a onmouseover="showtrail('http://images.templatemonster.com/screenshots/39100/39182-wp-b.jpg','Template 39182',430,665)" onmouseout="hidetrail()" title="click to view this web template" rel="nofollow" target="_blank" href="http://store.templatemonster.com/wordpress-themes/39182.html"> <img border="0" alt="click to view this template" src="http://images.templatemonster.com/screenshots/39100/39182-m.jpg"/> </a> <div class="featured-links"> <a target="_blank" rel="nofollow" href="http://store.templatemonster.com/wordpress-themes/39182.html">Price : $ 67</a> &nbsp;|&nbsp; <a target="_blank" rel="nofollow" href="http://www.template-help.com/tuning/tuning.php?aff=wdl&amp;t_number=39182">Customize</a> </div> </div> <div class="featured-item"> <a onmouseover="showtrail('http://images.templatemonster.com/screenshots/38800/38867-bcss.jpg','Template 38867',430,558)" onmouseout="hidetrail()" title="click to view this web template" rel="nofollow" target="_blank" href="http://store.templatemonster.com/website-templates/38867.html"> <img border="0" alt="click to view this template" src="http://images.templatemonster.com/screenshots/38800/38867-m.jpg"/> </a> <div class="featured-links"> <a target="_blank" rel="nofollow" href="http://store.templatemonster.com/website-templates/38867.html">Price : $ 63</a> &nbsp;|&nbsp; <a target="_blank" rel="nofollow" href="http://www.template-help.com/tuning/tuning.php?aff=wdl&amp;t_number=38867">Customize</a> </div> </div> <div style="padding:5px"> <a rel="nofollow" href="/templates/"><img src="/images/more.gif" /></a> </div> </div> <script> function featured_scroll() { var window_top = parseInt($(window).scrollTop())+4; if ($featured_top < window_top) { if ($.browser.msie && ($.browser.version == '6.0')) { $featured_scroll.css({top:window_top+'px', width:'158px'}, 20); } else $featured_scroll.css({top:"4px", position:"fixed"}); } else { $featured_scroll.css({top:$featured_top+'px', width:'158px', position:'absolute'}); } } $(function(){ $('body').append('<div class="partner-block" id="featured_scroll" style="position:absolute;"></div>'); $featured = $('#featured'); $featured_scroll = $('#featured_scroll'); $featured_top = $featured.offset().top; $featured_scroll.css({top: $featured_top, left: $featured.offset().left-5}); $featured_scroll.html($featured.html()); $featured.parent().css('overflow', 'visible'); $featured.remove(); featured_scroll(); $(window).scroll(function () { featured_scroll(); }); $(window).resize(function () { $featured_scroll.css({left: $('#sidebar > div').offset().left-5}); }); }); </script> </div> </div> <script type="text/javascript">curr_cat="m_75";</script> <div id="footer"> <span> <a rel="nofollow" href="/">HOME</a> | <a rel="nofollow" href="/submit_material.php">SUBMIT MATERIAL</a> | <a rel="nofollow" href="/newsletter.php">NEWSLETTER</a> | <a rel="nofollow" href="/rss.php">RSS</a> | <a rel="nofollow" href="/link-to-us">LINK TO US</a> | <a rel="nofollow" href="/about.php">ABOUT US</a> | <a rel="nofollow" href="/contact.php">CONTACT US</a> | <a rel="nofollow" href="/advertise.php">ADVERTISE WITH US</a> | <a href="http://www.webdesign.org/templates/">WEBSITE TEMPLATES</a> </span> <br /> <b>Partners:</b> <a target="_blank" href="http://www.templatetuning.com/?aff=wdl " rel="nofollow">Templates Customization</a> | <a target="_blank" href="http://www.templatemonster.com" rel="nofollow">Professional Website Templates</a> |<a target="_blank" href="http://www.marketingquotes.co.uk/website-design/">Website Designers</a> <br /> <a rel="nofollow" href="/copyright.php">Copyright 2004-2011</a>© Jetimpex Inc. - web design articles and tutorials. Website maintained by Maestro Solutions LTD. </div><div id="popup_banner"></div> <script src="http://templatehelp.com/codes/popup/js/functions.js" type="text/javascript"></script> <!--[if lt IE 7]> <![if gte IE 5.5]> <script type="text/javascript" src="/js/fixpng.js"></script> <style type="text/css"> .iePNG, img { filter:expression(fixPNG(this)); } .popup_banner {padding-left:7px;height:188px;width:148px;} </style> <![endif]> <style type="text/css"> #roll_up_button { background-image:url(../images/popup/roll_up.gif); } #roll_up_button.down { background-image:url(../images/popup/roll_down.gif); } #close_button { background-image:url(../images/popup/close.gif); } </style> <![endif]--> <script type="text/javascript" src="/js/main.js"></script> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-2347512-1']); _gaq.push(['_trackPageview']); _gaq.push(['_trackPageLoadTime']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> <!-- Google Analytics Social Button Tracking --> <script type="text/javascript" src="/js/ga_social_tracking.js"></script> <script type="text/javascript" src="http://tcr.tynt.com/javascripts/Tracer.js?user=doLOtif6er3O7Xacn9QLxW&s=51"></script> <div style="display: none; position: absolute;z-index:110;" id="preview_div"> </div> <script src="/js/preview_templates.js" type="text/javascript"> </script> <link rel="stylesheet" type="text/css" href="/css/jquery-ui/facebook/jquery-ui-1.8.18.custom.css" /> <script type="text/javascript" src="/js/jquery-ui-1.8.18.custom.min.js"></script> <div id="lb-dialog" title=""> <link href='http://fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css'></link> <style> .fb-list li {background:url(/css/jquery-ui/facebook/images/check.png) no-repeat;list-style:none;list-style:none;padding-left:30px;line-height:20px;} .lb-header {padding-left:20px; letter-spacing:-1px;} .lb-footer {padding-left:20px; letter-spacing:-1px;} #lb-dialog h2 {font-family:'PT Sans'; padding-left:7px;margin-bottom:-5px; margin-top:10px;font-size:24px;font-weight:700;letter-spacing:-1px;} </style> <iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fwebdesignresource&send=false&layout=standard&width=390&show_faces=false&action=like&colorscheme=light&font=tahoma&height=35" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:390px; height:35px;" allowTransparency="true"></iframe> <h2>Like us to:</h2> <ul class="fb-list"> <li>get private discounts from dozens of our partners;</li> <li>get freebies handpicked from all over the web;</li> <li>know latest trends in web design industry;</li> <li>meet professional designers;</li> </ul> <br> <br></div> <style> .lb-header,.lb-footer {background:#3b5998;color:#ffffff;} </style> <script type="text/javascript"> function show_lightbox() { $('#popup_banner').remove(); $("#lb-dialog").dialog('open'); $.cookie("lb_show", 1, {path:"/"}); _gaq.push(['_trackEvent', 'lightbox', 'http://www.webdesign.org/site-maintenance/se-optimization/top-10-common-mistakes-to-avoid-when-you-are-planning-to-build-a-website.17009.html']); setTimeout('hide_lightbox()', 1000*40); } function hide_lightbox() { $("#lb-dialog").dialog("close"); } $(function(){ if ($("#lb-dialog").size()) { $("#lb-dialog:ui-dialog").dialog("destroy"); $("#lb-dialog").dialog({ width: 434, height: 340, autoOpen: false, modal: true }); $("#lb-dialog").after('<div class="lb-footer">Close and never show it again <a id="lb-close" href="#"></a></div>'); $(".ui-widget-header").replaceWith('<div class="lb-header">Become our <b>facebook</b> fan!</div>'); $(".lb-footer, #lb-close").live('click',function() { $.cookie("lb_disabled", 1, { path: "/",expires: 365}); $("#lb-dialog").dialog("close"); return false; }); } setTimeout('show_lightbox()', 1000*1); }); </script> <img style='position:absolute' src="http://www.templatemonster.com/spacer.gif.php?wdld=2012-05-26&wdlc=0442bc3a1d6bacf2682d097a54e6907e" width="1" height="1" /> <div id="networkBar" style="height:16px;width:100%;z-index:10; background-color:#006c99;position:absolute;top:0px;">&nbsp;</div> <div id="header" style="top:12px;"> <div id="logo"><a href="/"><img border="0" src="/images/logo.gif" alt="Web Design Library" /></a></div> <div id="search-form" class="header-form transparent"> <form method="get" action="/search.html"> <table> <tr> <td colspan="2"><input type="text" id="search-keyword" name="keywords" value="" title=" - Any Keyword(s) - "/></td> </tr> <tr> <td> <select id="category" name="category"> <option value="0" style="font-weight:bold;">- All categories -</option> <option value="-1" style="font-weight:bold;">Website Templates</option> <option value="1" style="font-weight:bold;" >Web Design Basics</option> <option value="2" >&nbsp;&nbsp;Design Principles</option> <option value="3" >&nbsp;&nbsp;Website Usability</option> <option value="5" >&nbsp;&nbsp;Color Theory</option> <option value="6" >&nbsp;&nbsp;Templates &amp; Tuning</option> <option value="74" >&nbsp;&nbsp;Web Development Jobs</option> <option value="99" style="font-weight:bold;" >CMS</option> <option value="100" >&nbsp;&nbsp;Wordpress</option> <option value="102" >&nbsp;&nbsp;Drupal</option> <option value="103" >&nbsp;&nbsp;Joomla</option> <option value="7" style="font-weight:bold;" >Photoshop</option> <option value="8" style="font-weight:bold;" >&nbsp;&nbsp;Tutorials</option> <option value="96" >&nbsp;&nbsp;&nbsp;&nbsp;All Tutorials</option> <option value="97" >&nbsp;&nbsp;&nbsp;&nbsp;Editor's Pick</option> <option value="60" >&nbsp;&nbsp;&nbsp;&nbsp;Photoshop Basics</option> <option value="61" >&nbsp;&nbsp;&nbsp;&nbsp;Special Effects</option> <option value="62" >&nbsp;&nbsp;&nbsp;&nbsp;Text Effects</option> <option value="63" >&nbsp;&nbsp;&nbsp;&nbsp;3D Effects</option> <option value="64" >&nbsp;&nbsp;&nbsp;&nbsp;Textures &amp; Patterns</option> <option value="65" >&nbsp;&nbsp;&nbsp;&nbsp;Web Layout</option> <option value="66" >&nbsp;&nbsp;&nbsp;&nbsp;Drawing Techniques</option> <option value="67" >&nbsp;&nbsp;&nbsp;&nbsp;Color Management</option> <option value="68" >&nbsp;&nbsp;&nbsp;&nbsp;Photo Editing</option> <option value="69" >&nbsp;&nbsp;&nbsp;&nbsp;ImageReady Animation</option> <option value="72" >&nbsp;&nbsp;&nbsp;&nbsp;Miscellaneous</option> <option value="81" >&nbsp;&nbsp;&nbsp;&nbsp;Photoshop CS4 Tutorials</option> <option value="98" >&nbsp;&nbsp;Photoshop CS5 Tutorials</option> <option value="105" >&nbsp;&nbsp;Photoshop CS6 Tutorials</option> <option value="9" >&nbsp;&nbsp;Articles</option> <option value="53" style="font-weight:bold;" >Vector Graphics</option> <option value="54" >&nbsp;&nbsp;CorelDraw</option> <option value="55" >&nbsp;&nbsp;Adobe Illustrator</option> <option value="12" style="font-weight:bold;" >Flash &amp; Swish</option> <option value="13" >&nbsp;&nbsp;Flash Tutorials</option> <option value="14" >&nbsp;&nbsp;Articles</option> <option value="73" >&nbsp;&nbsp;Swish Tutorials</option> <option value="18" style="font-weight:bold;" >3D Graphics</option> <option value="19" >&nbsp;&nbsp;Tutorials</option> <option value="20" >&nbsp;&nbsp;Articles</option> <option value="21" style="font-weight:bold;" >HTML and CSS</option> <option value="22" >&nbsp;&nbsp;Tutorials</option> <option value="45" >&nbsp;&nbsp;Articles</option> <option value="56" style="font-weight:bold;" >Web Programming</option> <option value="57" >&nbsp;&nbsp;PHP</option> <option value="58" >&nbsp;&nbsp;ASP</option> <option value="59" >&nbsp;&nbsp;JavaScript</option> <option value="91" style="font-weight:bold;" >Raster Graphics</option> <option value="92" >&nbsp;&nbsp;Fireworks</option> <option value="93" >&nbsp;&nbsp;Gimp</option> <option value="94" >&nbsp;&nbsp;Paint Shop Pro</option> <option value="51" style="font-weight:bold;" >Site Maintenance</option> <option value="32" >&nbsp;&nbsp;Domain Registration</option> <option value="33" >&nbsp;&nbsp;Hosting Services</option> <option value="34" >&nbsp;&nbsp;Web Promotion</option> <option value="75" >&nbsp;&nbsp;SE Optimization</option> <option value="76" >&nbsp;&nbsp;RSS</option> <option value="30" style="font-weight:bold;" >Miscellaneous</option> <option value="35" >&nbsp;&nbsp;Software Reviews</option> <option value="50" >&nbsp;&nbsp;Interviews</option> <option value="104" >&nbsp;&nbsp;Inspiration</option> </select> </td> <td>&nbsp;<input id="b_search" class="butenter header-button" type="submit" value="Search" /></td> </tr> </table> <div class="links"> <a href="/advanced-search/page-1.html">advanced search</a> <a href="#" id="search_bar">add to SearchBar</a> </div> </form> </div> <div id="header-banner"> <style> #header-banner { float: right; width: 260px; height: 88px; background: url(/img_articles/21136/wdl-banner-bg.png) no-repeat 0px 0px; margin: -14px -1px 0px 0px; padding: 1px; } #bannerHeadling { margin: 5px -50px 2px 83px; } #bannerHeadling a { color: #d8fba0; font-size: 13px; letter-space: 0px; font-family: sans-serif; letter-space: 0px; } #bannerHeadling a:hover { text-decoration: underline; color: #defaff; font-family: sans-serif; } #bannerList { list-style: none; font-size: 9pt; margin: 0 0 0 83px; font-family: tahoma, sans-serif; line-height: 19px; } #bannerList a { color: #defaff; } #bannerList a:hover { text-decoration: underline; color: #d8fba0; } #bannerList li { background: url(/images/catbanner/wdl-banner-arrow.png) no-repeat 0px 7px; padding: 0 0 0 10px; } </style> <h4 id="bannerHeadling"><a href="http://www.webdesign.org/templates/" target="_blank">WEB DESIGN TEMPLATES</a></h4> <ul id="bannerList"> <li><a href="http://www.webdesign.org/templates/website-templates-type/" target="_blank">HTML & CSS Templates</a></li> <li><a href="http://www.webdesign.org/templates/flash-templates-type/" target="_blank">Flash Templates</a></li> <li><a href="http://www.webdesign.org/templates/wordpress-themes-type/" target="_blank">Wordpress Themes</a></li> </ul> </div> </div> <div id="header-bottom"></div> <script type="text/javascript"> setTimeout(function(){var a=document.createElement("script"); var b=document.getElementsByTagName('script')[0]; a.src=document.location.protocol+"//dnn506yrbagrg.cloudfront.net/pages/scripts/0012/0919.js?"+Math.floor(new Date().getTime()/3600000); a.async=true;a.type="text/javascript";b.parentNode.insertBefore(a,b)}, 1); </script></body> </html>