Saturday, December 31, 2011

Web Design Trends in 2012

It’s that time of year again, where we look into our crystal ball to see what will be the hot trends in web design for the upcoming year. It’s no secret that trends come and go, with some hanging around longer than they should. (Yes, splash page, I’m talking about you.) But trends are a necessity in the development and growth of our craft. Trends are born, improved upon, and often spawn other trends. So as a web designer, when you apply trends to your projects, challenge yourself to expand upon them and make them your own.
As you read this article, keep in mind that the shift in trends from one year to the next may be subtle, and you will probably recognize some of these trends already. But it’s our estimation that the concepts we mention below will grow and become even bigger in 2012.

1. Responsive Web Design

I believe eventually, we’ll all stop talking about responsive web design – not because it will go away, but because it will become what’s expected. However, I don’t think this will happen in 2012. It’s still too new of a concept, and there are many web designers that are not familiar with it at all.
320 and up boilerplate - responsive design
The continued introduction and adoption of more an more mobile devices is what will make 2012 the year of the responsive web site. Web designers and developers will move to the use of fluid layouts instead fixed width, and media queries will find their way into many more stylesheets – allowing more sites to easily be viewed across multiple screens sizes and devices.

2. Fixed-Position Navigation

We have all run into this technique at some point, mostly on personal websites or individual blogs. I have seen a large drop in this trend during 2010-2011, but a resurgence has been appearing over the last few months.
If your website doesn’t have a lot of main navigation then you only need to provide a few small links. So why not keep these visible to each user at all times? This can dramatically improve website performance and even blend into the overall page layout with ease. The concept idea is to keep the navbar and internal links/logo locked in place as your visitors scroll through the content.
Ryan Scherf main portfolio page
jQuery has allowed for very rapid prototyping of this effect. And even without JavaScript enabled you can apply some fancy CSS code to replicate the sticky nav effect. Most of the static navigation bars in 2011 have followed the user’s movement around from page to page. Yet in the example below Simon Wuyts has taken fixed navigation into a new level.
net onwerp web design - fixed position menu
You never consider keeping your webpage content set into a slideshow-like panel for easy display. Not only does this remove the worry of screen resolution, but the navigation system is easy to work with and carries over nicely into mobile browsers. You may seriously consider this technique and all the major benefits during a 2012 site layout re-design.

3. Circles

This trend has actually been noticeable in web design for a bit, yet it recently had died down to lay low for a couple years. During the web 2.0 boom designers were focusing more on desktop-based trends such as drop shadows and rounded corners. But with CSS3 it’s now easier than ever to create these fancy box effects.
Additionally you can design circles and shapes without the need for any images. The impact of these features has caused designers to look at photos in another light entirely. I constantly check out portfolios for web designers and have noticed a dramatic increase in circular-shaped elements. These archetypes can be setup as navigation links, footer icons, or even displaying important portfolio works as seen below.
Mickael Larcheveque personal portfolio website
But the most extreme examples aren’t always the best. Circular shapes are smooth and encourage eye contact from your visitors. Use these to single out specific areas in your design such as listings to helpful resources and pages. Just the shape itself is pleasing enough to be dropped into the background and still hold a delightful effect.
Column Five Media footer area

4. Big Vector Art

The goofy oversized mascots you can spot throughout websites have begun to claim a brand of their own. Just a few years ago you could not find very much illustration work tied into web branding. But the quality of individual designer’s talent has improved greatly. And I can think of no better marketing brand than a lovable vector-based creature.
mailman vector art for Thunderbird software
The many faces attributed to Mozilla and Firefox are just the tip of the iceberg. MailChimp is another great example which has set the bar higher than ever before. The infamous mailman monkey is featured all throughout the website and also throughout their iOS and Android apps.
Freelance Switch freelancers design blog
Additionally the small businessman found throughout Freelance Switch really sticks in my mind. There are a slew of unique vector dudes to be found in their layout. This kind of practice has adapted into a whole new realm of website aesthetics. And if the year 2011 has shown anything it’s that 2012 will be chock-full of these adorable vector logos!

5. Multi-Column Menus

Contrary to our previous example, there are times when a website consists of way too many links to handle. Reasonably the standard type of navigation gets too messy and congested unless you move links into the sidebar. But user experience testing has shown very good results in keeping core links towards the top of pages.
Neuarmy multi-column nav menu
This new year of trends offers designers a new chance at rebuilding. Ideas are often so black and white, but there is a whole realm of creativity waiting to be tapped into. Multi-column layouts are elegantly brilliant in their own regard. You can easily display numerous links to your visitors and keep this section fitted squarely around your logo.
Best Made Company home webpage
The best way to get comfortable with this style is practice. Check out some recent articles on the topic to educate yourself about trends in web navigation. Designers are eagerly jumping into the testing arena with new ideas every year. Clearly the reform of standard navigation is a big one on everybody’s plate.

6. jQuery/CSS3/HTML5 Animation

I have always recommended jQuery effects when applied in small portions. Web design must encompass the whole user experience as well as fancy aesthetics and bonus animations. Luckily advances in the jQuery library as well as CSS3 specifications allow for some really outstanding effects with much fewer lines of code than ever before.
In just this past year alone I have run into some educational tutorials to be found all over the web. jQuery is the master of frontend browser effects but unfortunately doesn’t boast 100% major support. Thus using a fallback method tied into CSS means your website is compatible with mostly all visitors and still provides an exceptional experience. I can only imagine what developers are planning for new ideas to roll out as we move closer into 2012.

7. Ribbons & Banner Graphics

This is one design element which I had begun noticing a lot more in 2011. Designers began to write simplified tutorials for creating page ribbons, banners, bookmarks, or other types of display badges. Because of the massive emergence of free information more designers have begun jumping into the trends, too.
Letter Learner App for iPhone and iPad
You would be surprised how many websites have included this style of design in just 6 short months. Beta testers often use these ribbons to classify the current release version of software and mobile apps. Additionally you’ll find banners wrapped around free downloads or featured articles in blogs. I’ve collected a few of my favorite ribbon PSD downloads below, so check them out and be sure to keep your eyes peeled for additional freebies in the coming months.

8. Custom Font Faces

The free online font library Typekit provides a free trial for any interested web designers. With this tool you embed a bit of JavaScript which allows you to write any custom font into CSS styles. In 2011 this trend has shot up in popularity, especially among WordPress designers trying to keep their blogs unique from the rest.
Typekit was however a buggy system with very little support up until a few years ago. Now Google Web Fonts has been giving them a run for their money, and it appears to be more popular than ever! You simply go through a library of supported fonts and Google will output the code you need to include. Then you simply reference each font by name when declaring CSS font-family properties on an HTML element.
Google Web Fonts - Dynamic CSS Typography
What I find so exciting about this trend is how recently it has shot into the mainstream. It seems now even developers are creating free plugins to make custom fonts just that much easier to install. There is no uploading of fonts required, no stress involved and very little to go wrong. Bloggers should take notice of this and check out some of the alternative fonts available to them.

9. Infographics

This trend certainly doesn’t affect the overall web design, but as for user experience and content presentation infographics have blown the roof off new-age media. Never before has information been presented in such an easy-to-consume manner. Even if you barely understand the topic most infographics provide data, charts, and supporting imagery so that a 5 year old child could follow along.
Instagram infographic fun facts
Depending on the type of website you may find this trend not all too useful. It can take a lot of practice and time spent slaving away in Photoshop to perfect these works of art. Yet if you have the talent or drive to teach yourself I say go for it! Now more than ever before the Internet has become a place we can all gather and share information. Infographics have expedited this process using the World Wide Web as a presentation medium.

10. Focus on Simplicity

Ultimately the goal of any website is to get your visitors from point A to B as quickly as possible. Simple, intuitive interfaces are the way of our future. In just the past 5 years I have noticed most of the popular design trends stemming from minimalism. This idea is not ill-founded, as the lesser number of page elements to distract visitors will naturally keep them focused on their goal(s).
We can provide so many examples of this, and there are so many areas to cover. Earlier this May we covered a fine gallery of minimalist websites which pose as examples to perfection. Depending on the type of website you have there may be too many required interface pieces to coordinate a simplistic overtone.
Evening sunset over Japanese Houses
But to rearrange a layout into a clean setup doesn’t require minimalism at the heart of it all. Spend some time writing and drafting out ideas for your navigation, page hierarchy, headings, content area etc. I find that a little bit of pre-planning can go a long way towards simplifying everything.


These design trends are just some of the few to keep up with as we move forwards into 2012. The year is unpredictable and nobody can say for sure what to expect. I think the facts are obvious that your average web designer has been learning much quicker in recent years than ever before in history. As such we could only expect plenty of innovation and new semantics ushering us into a golden age of technology and massive Internet awareness.

About the Author

Jake Rocheleau is a social media enthusiast and Internet entrepreneur. He can be followed on twitter - @jakerocheleau His presence on the web can be found at

Monday, December 26, 2011

Useful Webdesign Tutorials

  1. Website Design Tutorial | How to Design a Website
    The most comprehensive website design tutorial. ... Before you proceed, if you need a website designed. ... (Check out that link, it's my portfolio and pricing. ...
  2. 160+ Amazing Web Design Tutorial Collection - tripwire magazine
    31 Oct 2011 – More than 160 high quality Web Design Tutorials that guides you in building ... Navigation menus can vary from ordinary text links to the most ...
  3. Beginners Web Design Tutorial -
    Beginners web design video tutorial. Learn modern CSS and HTML 4 based web design.
  4. W3Schools Online Web Tutorials
    At you will learn how to make a website. We offer free tutorials in all web development technologies. Select a tutorial ... Make your own Website » ...
  5. Web Design Tutorial Links
    If you would like to see a site added, or to repot a broken link then please e-mail us. WEB DESIGN TUTORIAL FOR BEGINNERS A beginner's tutorial on how to ...
  6. Design a Beautiful Website From Scratch | Nettuts+
    29 Apr 2009 – Have you ever wanted to design a beautiful website but just didn't know how? To be ... Through this tutorial, I will point out these tiny details which make a ... I used Arial for navigation links, all caps and Antialias set to “none”. ...
  7. How to Create a Website - Free Tutorial for Beginners
    Lisa Irby
    by Lisa Irby · in 636 Google+ circles · More by Lisa Irby
    A free tutorial site that teaches beginners how to create a website. Includes WordPress tutorials, web design tips and more.
  8. Website Design Tutorials: HTML and CSS Explained in Plain English
    html tutorials, web design help, css tutorials, free web graphics, diy search engine optimization ... Absolute Links: All you need to know about server paths. ...
  9. Tizag Tutorials
    We have... A Beginner tutorial - For those just starting to learn to make web pages. HTML Tutorial - Begin your web designing with a solid background in HTML. ...
  10. Mike Markel's Web Design Tutorial
    This tutorial presents a brief overview of the process of creating a Web site, introduces you to important design principles to consider ... However, links to a number of excellent how-to guides are presented at appropriate points in this tutorial. ...
  11. Create a Dream Design with 3D Typography – Graphic design ...
    Hello, my name is Alex Beltechi, a designer that is currently studying in college and ... And in case you'd like to find me on the web, you can read my tutorials on ..... ...

Sunday, December 25, 2011

SEO Tips and Tricks for Powerful Search Engine Optimization

Things You Should and Shouldn't Do for SEO
Ninety-five SEO tips and tricks you should and should not be doing on your Web pages to make them rank higher in search engines. This list looks at more than just meta tags and the basics of SEO, so even if you've got some of the factors, you may not have everything. Scroll to the end of the list to look at the things you should never be doing, as well as the things you should always do at the beginning.

Write great content (HIGH PRIORITY)

Great content is where it all starts. You can have all the keywords in the world, but if your content is no good, people won't stick around on your site and search engines won't find your site valuable.

Write unique content (HIGH PRIORITY)

Unique content is important too. You need to provide content that has different information than what is on other sites and other Web pages.

Add new content all the time (HIGH PRIORITY)

Sites that have new content added on a regular basis are seen as more reliable than sites that rarely do. This also helps you to increase the amount of relevant content on your site, which also improves your rankings.

Create a great keyword phrase (HIGH PRIORITY)

The first thing you should do when working on search engine optimization is find a great keyword phrase for that page. You shouldn't try to optimize your entire site to one keyword phrase - instead focus on writing pages for specific keywords and phrases.

Choose a phrase that is popular, but not too popular (HIGH PRIORITY)

When trying to decide on a keyword phrase, you want to find one that is popular but not extremely popular. This may seem counter-intuitive, but the reality is that extremely popular keywords are very desirable and so very competitive. It's better to try to optimize for keywords that you can rank higher. You'll get more pageviews from a less popular keyword when you're on the first or second page of the search engines, than from a super popular keyword that you only make it to page 50 of search engines.

Write an accessible site (HIGH PRIORITY)

Accessible HTML is accessible to both search engine spiders and screen readers. The more accessible you make your pages, the easier it will be for search engines to read and rank your pages.

Use the keyword phrase in your title tag (HIGH PRIORITY)

The title tag is one of the most important tags on your Web page. And placing your keyword phrase in the title tag, preferably at the beginning, is very important to get that phrase into the search engines. Plus, that puts your keyword phrase as the link in the search engine index.

Get a domain with your keyword phrase (HIGH PRIORITY)

Putting your keyword phrase in your domain name is a great way to optimize for that phrase.

Use the keyword phrase in your URL (HIGH PRIORITY)

Even if you can't get your keywords into your domain name, you can put them into your URLs. Search engines read the URLs and assign value to the text they find there.

Use your keyword phrase a lot, but not too much (HIGH PRIORITY)

The ratio of your keywords to the rest of the text on your page is called the keyword density. It's important to repeat your keywords in your document, but not too much. Keyword density should be between 3 and 7% for your primary keyword phrase and 1-2% for any secondary keywords or keyword phrases.

Use your keyword phrase in headlines (HIGH PRIORITY)

Headline tags (h1, h2, h3, etc.) are a great place to use your keyword phrase and secondary keywords. Search engines recognize that headlines are more important than the surrounding text, and so assign greater value to keywords found there.

Use your keyword phrase in anchor text of links (HIGH PRIORITY)

Link text is another great place to put your keyword phrase. Links stand out on most Web pages, and so are given higher priority than surrounding text.

Ask other people for links to your page (HIGH PRIORITY)

A great way to get inbound links is to simply ask for them. But remember that excessive cross-linking can be viewed as spammy, so be careful about trading links or otherwise buying links on external sites.

Try to get your keyword phrase inside incoming links (HIGH PRIORITY)

Inbound links are a great way to improve your page rank. But you can't really control how people link to your pages. Chances are they won't use a phrase that has anything even remotely close to your keyword phrase. Remember that they are doing you a favor by linking to you. If it makes sense, you can ask them to change the text of the link, but be careful, as people can be very touchy, and you might just get your link removed.
Another way to get your keyword phrase in inbound links is to provide your customers with the link text ready-made. For example:
Please link to this page: <a href="">SEO Tips and Tricks</a>

Try to get links from reputable sites (HIGH PRIORITY)

Reputable sites that link to you will increase your reputation. After all, if a reputable site feels that your site is valuable enough to link to, that means that your page has more value. You can tell if a site is considered reputable both by how high it appears in search engines and it's Google PageRank. Also, .edu sites have a higher reputation because they represent schools and universities.

Try to get links from similar sites (HIGH PRIORITY)

Inbound links from sites similar to your own are important as well. This indicates that your site does have content related to that topic. Plus, it indicates that your competition finds your site valuable, and that gives your site more credibility.

Try to get links from .edu, and .gov sites (HIGH PRIORITY)

Sites that are on .edu and .gov top-level domains have a large amount of credibility because they are very difficult to get. So if you can get the designers of those sites to link to you, that gives your site more credibility as well.

Create as much content as you can (MEDIUM PRIORITY)

Content is king. The more content you have on your site, the more there is to be indexed and appear in search engines.

Keep your site content inside one theme (MEDIUM PRIORITY)

The theme or topic of your entire site is important as well. If you have a lot of pages all around one basic theme, that will lend more credibility to each page that follows that same theme.

Keep your site live as long as possible (MEDIUM PRIORITY)

Older pages (at the same domain) will rank higher than newer ones.

Create a sitemap (MEDIUM PRIORITY)

Search engines love sitemaps - not necessarily for ranking, but for finding links on your site. It's not critical that you create an XML sitemap or Google sitemap, plain HTML sitemaps work just as well.

Create an XML sitemap or Google sitemap (MEDIUM PRIORITY)

Search engines love sitemaps - not necessarily for ranking, but for finding links on your site. It's not critical that you create an XML sitemap or Google sitemap, plain HTML sitemaps work just as well.

Use 301 redirects for permanent redirects (MEDIUM PRIORITY)

When you redirect your pages, you should always use a 301 http server redirect. This tells the search engines that the redirect is permanent and that they should change their index to use the new URL. Spammers use other types of redirects (HTTP 302 redirects and meta refresh), so they are not a good idea to use.

Use 302 redirects only for long or ugly URLs (MEDIUM PRIORITY)

HTTP 302 redirects are for temporary redirects. The only time you should use them is for redirecting ugly URLs to more user-friendly ones. This tells the search engine that the ugly URL should not be removed from the index, because the user-friendly URL is just to make the URL palatable. Keep in mind that many spammers use 302 redirects to fool search engines. So be judicious in your use of them.

Get as many inbound links as you can (MEDIUM PRIORITY)

Links are important, especially from sites other than your own. These are called inbound links. And if you get a lot of inbound links, that will help your page ranking. Remember that 1-2 links from high-reputation sites are better than 10 links from link farms.

Put your keyword phrase in the first paragraph (MEDIUM PRIORITY)

Repetition of your keyword phrase is important in your content. But it's especially important in the first one or two paragraphs of text. And if you can repeat it once in the first paragraph that will help up it's priority.

Put your keyword phrase at the top of the HTML (MEDIUM PRIORITY)

More than just the first paragraph, you should try to move your content towards the top of the HTML document. And that includes your keyword phrase.

Put your keyword phrase in alternative text (MEDIUM PRIORITY)

Images are a great place to put your keyword phrase - in the alternate text. This is a way to add your keyword phrase into your document without being repetitive to your readers. But be careful not to overdo it - as you don't want to appear to be keyword stuffing. That could get your site banned.

Increase the font size of your keyword phrase (MEDIUM PRIORITY)

Search engines understand that fonts that are larger than the standard font size on the page indicate text that is more important. Use CSS or the font tag. Apply font size changes to headline tags as well.

Format your keyword phrases to stand out (MEDIUM PRIORITY)

Use <strong> and <em> where appropriate to make your keyword phrases stand out. Search engines can read those tags, and will recognize that text that is emphasized is often more important than the surrounding text.

Write a descriptive meta description (MEDIUM PRIORITY)

Search engines use the description meta tag as the description in their index. So it's important to describe your pages accurately. This helps customers find your pages, and search engines to index them.

Link to your page from within your site (MEDIUM PRIORITY)

Links are important, and linking from one page to another on your own site is a very easy way to get links. They aren't as important in search engine ranking as links from external sites, but they do help. If nothing else, they help the search engine spider find all the pages on your site.

Put up links that flow within the text (MEDIUM PRIORITY)

Links that make sense within the context of the document (whether from external or your own site) will rank higher than lists of links or other forms of artificial links. This is because search engines value content and links that make sense within the context of the content are more definitely related to that content than links that are inside lists.

Keep asking for inbound links (MEDIUM PRIORITY)

The older the links are the better. If you get 100 links added all at once, it appears to the search engines that you are buying link placement, and that can be construed as spamming.

Get linked in DMOZ and Yahoo! (MEDIUM PRIORITY)

DMOZ and Yahoo! and other directories show that your page is related to the contentin that section of the directory.

Periodically check your outbound links for pagerank (MEDIUM PRIORITY)

Whenever you add an external link on your site, you run the risk that it changes from the site you linked to into a link farm or "bad neighborhood". By periodically checking the PageRank of the external sites you link to, you can remove links that have gotten bad. This will help you make sure that your page's credibility is not reduced by who you are linking to.

Link all major images (MEDIUM PRIORITY)

It's important to always link images because people click on images. And search engines value content that has been linked. The key is to always include alternative text, so that the search engine has text to rank. Any image that your customer can see on the page should be linked.

Keep your pages up-to-date (MEDIUM PRIORITY)

Pages that are regularly updated are given priority over pages that are older and ignored. But you should do more than simply fix typos or make small changes, regular, extensive updates are more effective than minor updates.

If you must use frames, always use the noframes tag (MEDIUM PRIORITY)

Frames and search engines don't mix well. But if you must use frames, then you should always include an extensive noframes version of your site. And by extensive, the best way to get your site indexed in search engines is to completely rewrite it in your noframes version.

If you must use Flash, always include alternative text (MEDIUM PRIORITY)

Flash and search engines don't mix well, but if you must use flash you should include alternate text that describes exactly what the Flash element includes. And if you use Flash for your entire site, you should always do an alternate version of the complete site in HTML so that search engines and non-Flash browsers can view it as well.

Use Flash for non-critical pieces of a page (MEDIUM PRIORITY)

The best use of Flash on websites is as small portions of the site, preferably non-critical portions. Search engines can't view Flash, they see them as images. According to Google Webmaster Central, sites that effectively use Flash "use Flash for rich media but rely on HTML for content and navigation."

Keep your pages close to the root directory (LOW PRIORITY)

The higher your pages are in your sub-directories, the better they will rank in search engines. This is because pages that are listed right off the root directory are typically more important than pages that are found four or five levels deep in the site.

Use the meta keywords tag and include your keyword phrase (LOW PRIORITY)

Meta tags are a very popular way to improve search engine results, but the fact of the matter is that some major search engines don't use them at all, and others only use them a little. It won't hurt to include your keyword phrase and any secondary keywords in the meta keywords tag, but don't expect it to work wonders.

Keep your kewords together (LOW PRIORITY)

Search engines rank keywords in pages regardless of where they are found. But if you're trying to rank well for a specific keyword phrase, keeping the keywords together will insure that the search engines recognize that they are related.

Use your keyword phrase in your meta description (LOW PRIORITY)

Most search engines use the meta description field as the description in their search results. So it's important to have a good description. Including your keyword phrase in the meta description tag is one more place that the search engines can see your keywords. This isn't a magic bullet, but it is a good idea.

Set your language meta keyword (LOW PRIORITY)

If your page is in a language other than English, you should set the language meta tag so that search engines (and other user agents) know what language it's in. Most search engines have other ways of telling what language the page is written in, but they do use that tag, and it could help you rank higher in searches in that language.

Optimize for a few secondary keywords (LOW PRIORITY)

Once you have a keyword phrase, you can choose one or two other keywords to optimize for as well. But be careful with these - make sure that the density of your secondary keywords is no more than 1-2%. Any higher and you risk confusing the search engine and diluting the power of your primary keyword phrase.

Use your keyword phrase in named anchors (LOW PRIORITY)

A named anchor (also called a bookmark) is a useful tool for creating navigation within a Web page. But for search engines, it also indicates that the text defined by and following the anchor has more significance. If you use your keyword phrase in some of your named anchors, that will give that text more prominence.

Use different forms of words for your keyword phrase (LOW PRIORITY)

This is also called stemming. Most search engines recognize that one word stemmed from another is really the same word. For example, plural versions of nouns (dog and dogs), gerunds and active verbs (dig and digging), and so on. By using different forms of your keywords, you can make your page more interesting for your readers, while still optimizing for search engines.

Use synonyms for your keywords (LOW PRIORITY)

Synonyms, like keyword stemming is another way to mix up your text for your readers while still optimizing for search. Most modern search engines have a powerful synonym library and so recognize that words like "dog" and "canine" mean the same thing. Be careful using this technique on non-English pages, however. Most search engines were developed in English-speaking countries, and have more extensive English vocabularies than other languages. Also, you should remember that tools like keyword density readers often don't recognize synonyms, so your page may be denser in keywords than they report if you use a lot of synonyms.

Don't link a lot to external sites (LOW PRIORITY)

Linking to sites not on your site is a good idea, but don't fill up your pages with them. At best, you will dilute the effectiveness of your page in the search engines, and at worst your page will look like a list of links and get slightly penalized by search engines. Also, when you have lots of external links, you have more to check on a regular basis, to make sure that those pages don't go bad or turn into "bad neighborhoods".

Register a separate domain instead of a sub-domain (LOW PRIORITY)

Subdomains are a nice way to create new websites without needing to register a new domain. This site is a subdomain of - But subdomains are not as recognized by search engines (or customers for that matter) as separate sites. For example, most people who link to my site link to it with a title of "" But if you were to go to, you'd get a very different impression of my site than the true URL of The other problem with subdomains is that most people think that URLs should start with "www". Sometimes will work, but sometimes it won't.
If you can, you should move all sites that are on a subdomain onto a real domain name of their own.

Register a .com domain over a .biz or .us domain (LOW PRIORITY)

Trying to find a good domain name can be challenging, especially on the .com top-level domain (TLD). But finding a good .com domain will rank higher than a similar domain on the .biz or .us TLDs. And if you can get a .edu domain (because you're a school or university) your site will have more credibility instantly. Some SEO services feel that a .org TLD is better than a .com, but they aren't any more difficult (in general) to get than a .com domain, and while search engines might give them some priority now, they will probably lessen that as .org domains become more common.

Use hyphens to separate words in domains (LOW PRIORITY)

When you're putting keywords in your domain and URLs, you should consider separating them with hyphens (-) rather than mashing them all together or using underscores (_). Search engine spiders can't tell where a word ends and begins without cues like hyphens, and most computers recognize hyphens as the end of a word, but see underscores as part of the word.

Use hyphens or underscores to separate words in URLs (LOW PRIORITY)

Just like your domains, you should separate words in your URLs with hyphens (-) or underscores (_). Hyphens are better, but outside of the domain, underscores can work. Hyphens work better because many search engine spiders recognize hyphens as the end of a word, but see underscores as part of the word. Also, underscores can be seen as a space by your customers (because the underline of the link and the underscore merge together), and they will then get frustrated if they try to type the URL with a space and can't get to the page.

Write short pages (LOW PRIORITY)

The shorter your page is, the fewer times you need to repeat your keyword phrase and keep the density just right. Plus, short pages load more quickly, and so your readers will appreciate it. Keep pages under 30KB in size. Split long pages into multiple pages and optimize each page.

Use JavaScript with care (LOW PRIORITY)

As long as your scripts are valid and don't break your HTML, most search engines will ignore them. But don't rely on JavaScript to improve your rankings - most search engines ignore content inside JavaScript.

Include text transcripts of podcasts and sound files (LOW PRIORITY)

Like images and Flash, search engines can't index the content of sound files including podcasts. By including a transcript of your sound files and podcasts, you give search engines more text to index.

Don't host your site with a host that allows spammers (AVOID)

This means any type of spammers, but especially search engine spammers. If you don't know what your host's policy is towards spammers, find out. There should be something in their terms and conditions about malicious activity. If your IP is blacklisted, you'll be blacklisted right along with it, even if your site is completely innocent.

Don't host your site with a host that is down a lot (AVOID)

While search engines won't deliberately discriminate against a site that is down, if they can't get to your URL because it's down, they can't index it. And if your site is down several times when the spider tries to access it, it could be flagged as gone, and then the spider won't come at all. Find out from your hosting provider what their uptime rates are and what they guarantee. Less than 97-98% uptime is bad.

Don't write your content with JavaScript (AVOID)

While search engines won't penalize a site for using JavaScript, they don't typically index the contents of the scripts. So if your pages use JavaScript to display the contents, it will be harder to get high ranks for those pages. This includes pages that use scripts to show and hide text and pages that use Ajax for the content.

Don't omit alt text for images especially images inside the text (AVOID)

Images inline with your text can dress up your Web page, but if you leave off the alternative text (alt text) search engines won't pick up the content relevance. Also keep in mind that the heavier your page is with images, the less likely that search engines will rank it highly. Text is what gets ranked in most search engines, and alt text is a poor alternative.

Don't use images instead of text links (AVOID)

Search engine optimization is all about text, and if you use images instead of text, even if you have good alt text, search engines will have a harder time ranking your site. This is especially true for navigation. Search engine spiders crawl through your site by following links, and links on images can be more difficult for them to follow or rank than text links. Using images instead of text makes your pages slower for your customers too. You're better off styling your text with CSS, than using images.

Don't misspell your keywords in your content (AVOID)

It can be very tempting to try to optimize your site for misspellings. And while it won't hurt your site in the search engine rankings - especially if you decide to use the misspelled version as your keyword phrase to optimize on. It will hurt your credibility with your customers. For every one person who misspells the word, there are at least two to three who know the correct spelling. And if they end up on your page for some reason, they will just think you are unprofessional. Plus, many browsers and search engines have spell checkers built into the forms, so the popularity of misspellings will continue to lessen as time goes on.

Don't try to optimize for more than 2-3 keywords and phrases (AVOID)

This is called keyword dillution. If you have too many topics on a given page, it will be hard for both search engines and your customers to determine what you're talking about. If you have a lot to say on several topics, it's better to write multiple short pages on each topic, than to try to cram them all into one long page.

Don't use your keyword phrase too much (AVOID)

Keyword stuffing is the practice of repeating your keywords or keyword phrases over and over in a page until there is nearly no other text than the keyword phrase. Check your keyword density to determine if you have used it too much. 10% or higher is too much.
If you are too blatant about stuffing keywords, you could get your site banned from search engines.

Don't rely on links from domains on the same IP (AVOID)

While Google doesn't discriminate against domains that have the same IP (for example, domains that use virtual hosts), other search engines may. So it's best to avoid trying to increase your inbound links with links from other domains that you own. The same is true for domains hosted on the same hosting provider (coming from the same C-level IP address). Google doesn't penalize sites like this, but other engines might.
This is another situation where if it becomes apparent that you're doing it, you could get all your sites banned from search engines.

Don't have more than 10 words in your URL (AVOID)

While you want to have keywords in your URL (and domain if possible), longer URLs tend to look more spammy to both customers and search engines. However, this isn't a serious issue, and if you need to have 11 or 15 words in your URL, it shouldn't be a problem, as long as you aren't doing it all the time.

Don't use URL parameters if you can avoid it (AVOID)

Parameters on URLs make them long and hard for anyone to read. And search engines can get confused by them, especially if the parameters are meant to hold customer information, and not indicate a separate Web page. Also, as I mentioned elsewhere, search engines don't always rank dynamic pages as high as static pages, and most dynamic pages use parameters on the URL to indicate the correct page. If you must use parameters, you might want to consider doing a URL rewrite to static URLs, at least for your most important pages.

Don't use dynamic URLs (AVOID)

In general, spiders tend to prefer static URLs to dynamic ones. It is possible to rank high with a dynamic URL, but it's easier if you redirect dynamic URLs to shorter, static URLs.

Don't use session IDs (AVOID)

Like dynamic URLs, search engines don't tend to like URLs with session IDs on them. In fact, session IDs seem to cause even more problems with search engine spiders than plain dynamic URLs. The problem is that every time the spider comes to a site with session IDs it can index that site as a completely new URL - even though the content is identical. This can lead to the search engine thinking you are trying to spam them with identical content, and could even get your site banned if it got bad enough. Google guidelines now state that id= URL parameters are okay, but that doesn't mean that other search engines won't choke on them.
on AdSense to boost your rankings (AVOID)
AdSense is a way to earn money on your website. But contrary to popular believe, having AdSense ads won't improve your ranking in search engines, even Google. They won't hurt your rankings either. It's perfectly fine to use them, but don't expect them to improve your search rankings.

Don't rely on AdWords to boost your rankings (AVOID)

AdWords is a way to advertise your sites on Google. While you can pay to get high rankings in advertising venues, having an AdWords account won't help your rankings in natural (non-paid) search, even in Google. It won't hurt your rankings either. You can use AdWords to get more clicks to your website, but they will appear only in paid search locations, not in the natural search.

Try to get your site off link farms (AVOID)

You should never link to a link farm. And while search engines state that they don't discriminate against sites that are linked to from link farms, it's a good idea to try to keep your site off of them, if only to avoid contamination by association.

Don't link to link farms (AVOID)

Google refers to spamming sites as "bad neighborhoods" and if you link to them, you will end up with a lower PageRank. If you suspect that a site you want to link to is a "bad neighborhood", check their PageRank and see if they commit any obvious SEO no nos. If they do, or you think they might, then you shouldn't link to them.

Don't create pages of links (AVOID)

Pages of links are boring both for your customers and for search engines. Most search engines value links that are in context and appear related to the page as a whole. Note, however, that many social networking sites (like Digg and tend to favor pages that are lists of links, so sometimes it can be advantageous to write them anyway, just don't expect them to rank high in search engines.

Don't link to and from the same site repeatedly (AVOID)

This is also called link spamming. At best, search engines will look at the links you have on your page, and only count the first one or two towards optimization. And at worst, your site might appear to be a spammer, even if you're not linking to a "bad neighborhood" or are in a cross-linking scheme. You want to avoid looking like you are paying for links.

Don't get into link circles (cross-linking) (AVOID)

When several sites have links set up in a circular (or more complex) pattern (site A links to site B links to site C links to site A), it can look like you're paying for links. Don't assume that because your average customer won't notice the pattern, the search engine won't either. Since search engines give some priority for links, they want to reward "honest" links, or links that are not paid for. If it looks like you might have paid for the links (even if you haven't) your ranking could be penalized slightly.

Don't have broken links on your site (AVOID)

Broken links make your site look bad, and they imply that you don't manage your site very much. Search engines want to have only the highest quality results, so they may penalize sites with lots of broken links. Use a link checker periodically to make sure that your links are still valid.

Don't use the meta refresh tag to redirect users (AVOID)

It can be very tempting to set up redirects on your site with the meta refresh tag, but this can be a bad idea. Many spammers use them to try and fool search engines into thinking that a page is about one thing, and then refreshing to something completely different. Meta refresh also doesn't give information to the search engine about why the redirect is occurring. It's much better to set up a permanent HTTP 301 redirect when you need to redirect your customers to a new URL.

Don't use 302 redirects (AVOID)

A HTTP 302 server redirect is supposed to be used when a page is only temporarily moved from one location to another on a server. Spammers use 302 redirects because that gives them many more URLs to the same final page and thus many more ways to get to that page.
The only time you should use a 302 redirect is if you have ugly URLs with lots of parameters on them. The 302 redirect tells the search engine that this is not a permanent redirect, but rather an alternate URL. For all other redirects you should use a 301 redirect instead.

Don't make constant minor changes to content (AVOID)

While you want search engines to see that you update your content, making minor changes (like correcting spelling errors, or changing 10 or 20 characters) implies that you're just trying to get the updated date changed. This looks like you're trying to fool the search engines into thinking that you update your pages more than you actually do.
Do spend time updating your pages, but make the updates substantive.

Don't separate content artificially (AVOID)

Don't display different content based on IP, browser type or version, operating system or whatever. This is very tempting for most Web designers, as it's a way to show you know how to write JavaScript or another programming language. But it can look like you're trying to trick the search engine - showing it something other than you show your readers.
If you really must display alternate content based on some artificial measure, create separate Web pages for each, rather than using the same URL for all the content. Or, keep the content that is different as minimal as possible, don't build an entire new site for each IP or browser type.

Don't violate copyright or other laws (AVOID)

Most search engines have terms of service that ban sites that break the law. Copyright infringement is the easiest way to break the law on the Web. Don't assume that because something was posted to the Web it is legal for you to reprint it, get permission or link to the article instead of copying it. Search engines will ban your site if you regularly steal content or break other laws.

Don't duplicate content on your site (AVOID)

One trick that spammers like to use is to create one page and then post it in numerous locations, both on one domain and on others. The idea is that if there are enough copies of the page, it will get seen by more people. But search engines don't like duplicate content as it's a waste of space on their servers and does not provide good information to their customers. If a search engine suspects your site is spamming them with multiple copies, your site could be banned.

Don't use robots.txt to ban large portions of your site (AVOID)

In general, using a robots.txt file to keep certain areas of your site off-limits to spiders can be a good idea. But if you ban significant portions of your site (more than half), search engine spiders may mark your site as "forbidden" in general and simply stop spidering your site as often. And if your site is spidered less often, fewer pages will be added to the directory and updated in rank.

Don't write bad or incorrect HTML (AVOID)

Most search engines don't deliberately discriminate against badly coded pages, but if the spider can't read the page because the HTML is bad, then it won't get indexed. Make sure that you validate your HTML regularly and that any issues there are don't affect the page being viewed by a simple user-agent or screen reader.

Don't use frames (AVOID)

Frames and search engines are not a good combination. While search engines are getting much better at reading framed websites, they still don't tend to rank as well as non-framed sites. And even if you get decent ranking, you might not get the clicks because the search engine doesn't know what to display as a title or description of your page.

Don't create Flash splash pages (AVOID)

Search engines can't read images, and they see Flash as a giant image. Flash and search engines don't mix well. If you don't have extensive alternative HTML that displays when Flash is not enabled, then your site won't rank well in search engines. Be sure to test your site with a browser with Flash disabled to find out what the search engine sees. You might be unpleasantly surprised.

Don't write Flash-only sites (AVOID)

If you're going to use Flash on your site, you must have an HTML version that displays when Flash is enabled. It can be tempting to put in just a single line or two of HTML as your non-Flash alternative, after all, you've done so much work on the Flash site. But since the search engines only see the HTML, that's what they'll rank, and you won't rank high with just a tiny version of your site in HTML.
If you must use Flash as your site, and you want to rank well in search engines, you need to be prepared to write your site twice - once in Flash and once in HTML.

Never redirect to another domain (AVOID OR GET BANNED)

Redirecting to another domain is not a 100% guarantee that you'll be banned from search engines. But it is a very common spammer trick used in conjunction with doorway pages and cloaking. If you set up a redirect that goes to a new domain, you need to write it as a 301 HTTP redirect, not a 302 or meta refresh. This tells the search engine that this redirect is permanent, and they should change to the new domain in their directory.

Be Careful Redirecting to New Domains - You Could Be Banned

Since this trick is commonly used by spammers, it's a very good idea to avoid doing it. Search engines can be very hard to get back into if your site is banned by mistake.

Never link invisible images (AVOID OR GET BANNED)

Invisible images are images that are 1x1 pixels in size and cannot be seen by the naked eye on a Web page. Since links are given some priority in ranking a Web page, linking images that cannot be seen by your customers appears to be aimed only at search engine spiders.

Don't Link Single Pixel Images - Your Site Will Be Banned

This is similar to hiding text or displaying different content to search engines than to your customers. And don't assume that search engines can't read CSS or HTML tags that resize full-sized images. If you do this to optimize your pages, your site will be banned.

Never include invisible text on your pages (AVOID OR GET BANNED)

Hiding text by making it the same color as the background color may fool your customers, but it won't fool search engines. Another variation of this is where you make the font size so small that it's unreadable by the naked eye.

Don't Hide Text - Your Site Will Be Banned

Search engines understand CSS and font and background colors. They also recognize that a font-size of 1px is not going to be readable. Text that is hidden from your readers but visible to search engines is considered spam and will get your site banned.

Never create doorway pages (AVOID OR GET BANNED)

Doorway pages are very simple HTML pages that are written to optimize heavily on one or two keywords or keyword phrases. And they are programmed so that search engines spiders see them, but regular readers are taken to the real site.

Don't Use Doorway Pages - Your Site Will Be Banned

Doorway pages are designed to trick search engines into thinking that the site has a specific keyword relevance that it may or may not have and they are pages meant to be seen only by the search engine. So, most search engines will ban sites from their directory when they discover you use them.

Never display different content to a spider than customers (AVOID OR GET BANNED)

This is often called cloaking because it is an effort to cloak what your site delivers in something that might be seen as more palatable to search engines. It can be very tempting to use cloaking, but while it might give you better results at first, search engines don't like it.

Don't Cloak Websites - Your Site Will Be Banned

Search engines want to provide a resource of information that is real, not something that has been doctored to give artificial results. When they discover that your site is cloaking, it will be removed from the search directory.

Share Your SEO Tips

What SEO tips have you tried that have worked for you? Are there some SEO tricks that aren't on this list? Share your favorite techniques and how they netted you results.

Saturday, December 24, 2011

free website hosting services...

  1. Free Web Hosting with PHP, MySQL and cPanel, No Ads
    Provides free hosting services, no advertising, 1,5 GB of disk space, 100 GB of data transfer, cPanel control panel, PHP, MySQL, and website builder on ...
  2. Webs - Make a free website, get free hosting
    Make your own free website with photos, videos and ecommerce. Free web hosting. Website builder for personal, groups and small business.
  3. Free Web Hosting - Free PHP Hosting, MYSQL, FTP, Ad-Free and ...
    At Zymic we offer free web hosting, with a level of professionalism any paid web ...'s free web hosting is ideal for personal and business websites. ...
  4. - Home of the FREE website.
    Offers web site hosting services, including free trial.
  5. Web Hosting India | Web Hosting Space Unlimited | Unlimited ...
    Attractive Prices to all the web hosting people. This is most useful to all the internet people. Your service is good. Your offers are good and package of free is ...
  6. Free Website - Hosting your Homepage for free
    this service is for free! the usage is very easy - no need of programming knowledge! professional designs are already integrated; you get your own short domain ...
  7. Free Web Hosting Area
    Free Web Hosting Area provides unmetered traffic and free web space for domain or subdomain with php, mail, mysql, ftp support, no ads.
  8. FREE India Web Hosting Domain Registration Reseller cPanel ...
    FREE Linux Web Hosting. Hurry, limited quantities available. Join the thousands of Internet savvy customers who are enjoying worry-free, professional hosting at ...

Thursday, December 22, 2011

Free SEO Tools & Services

  1. Free SEO Services
    At, our goal is to provide you with free seo services to help you get your website ranked. You may be asking yourself why we are providing ...
  2. Free SEO Services, Search Engine Optimization from George Ajazi - United States
    I offer FREE SEO Services to small and mid-sized companies. Search engine optimization specialist George Ajazi can help you with SEO services, keyword ...
  3. Free SEO Tools
    We designed many free seo tools to help you in configuring your web site(s) for SEO optimization within the different search engines. Our Free SEO Services will ...
  4. Master Google: Free SEO Services and Website Optimization - United States
    We provide 100% Free SEO services for websites with Google Page Rank of one and above (1+). Claim your Free SEO today.
  5. Free SEO services | SEO Optimization Services | SEO Expert - United States
    Optimization SEO:Search Engine Express offers Search Optimization Services for high search ranking for your website. Contact our SEO Expert for Best SEO ...
  6. Free SEO Services for website including static and dynamic website ...
    Best Things in this world comes free and so is our SEO Services.. SEO Services is one the few services you see everywhere these days. Every website owner ...
  7. Don't Pay For SEO Services! Free SEO Report in Minutes!
    29 Dec 2010 – Free SEO Report Service… Have you guys heard of this new FREE SEO service released by Mr. Shoemoney? If you haven't you should go get ...
  8. best seo company india
    saiyom is the first SEO company offering page 1 rankings for SEO, SEO consultants ... If you wish to talk to someone sooner, please feel free to give us a call on + ... but high quality and reliable software solutions and services in areas like IT ...
  9. Free SEO Company and Services
    Get up to £4500 of completely FREE SEO Services to help your business compete online. We will take you well on your way to ranking success!
  10. Free SEO techniques - United States
    Free SEO Resources. SEO Services. We have gathered all the free Search Engine Optimization techniques to help the webmasters to optimize their websites ...

The 10 Best Free Web Editors for Windows

The 10 Best Free Web Editors for Windows

Free HTML Editors for Windows

By evaluation over 130 HTML editors for Windows against over 40 different criteria relevant to professional web designers and developers. The following editors are the 10 best free HTML editors for Windows, both WYSIWYG and text editors, in order from best to worst.
Each editor below will have a score, percentage, and a link to a more detailed review. All reviews were completed between September and November 2010. And this list was compiled on November 7, 2009.
If you’re still not sure which editor to choose, then fill in my questionnaire: Web Design Software: Which One is Right for You?
See all the free web editor reviews.

1. Komodo Edit

Komodo EditScreen shot by J Kyrnin
Komodo Edit is hands down the best free XML editor available. It includes a lot of great features for HTML and CSS development. Plus, if that isn't enough, you can get extensions for it to add on languages or other helpful features (like special characters). It's not the best HTML editor, but it's great for for the price, especially if you build in XML. I use Komodo Edit every day for my work in XML and I use it a lot for basic HTML editing as well. This is one editor I'd be lost without.
There are two versions of Komodo: Komodo Edit and Komodo IDE.
Version: 6.0.0
Score: 215 / 69%

2. Aptana Studio

Aptana StudioScreen shot by J Kyrnin
Aptana Studio is an interesting take on web page development. Instead of focusing on the HTML, Aptana focuses on the JavaScript and other elements that allow you to create Rich Internet Applications. One of the things I really like is the outline view that makes it really easy to visualize the DOM. This makes for easier CSS and JavaScript development. If you are a developer creating web applications, Aptana Studio is a good choice.
Version: 2.0.5
Score: 183 / 59%

3. NetBeans

NetBeansScreen shot by J Kyrnin
NetBeans IDE is a Java IDE that can help you build robust web applications. Like most IDEs it has a steep learning curve because they don’t often work in the same way that web editors do. But once you get used to it you’ll be hooked. One nice feature is the version control included in the IDE which is really useful for people working in large development environments. If you write Java and web pages this is a great tool.
Version: 6.9
Score: 179 / 58%

4. Bluefish

BluefishScreen shot by J Kyrnin
Bluefish is a full featured web editor for Linux. And the 2.0 release adds a lot of great new features. There are also native executables for Windows and Macintosh. There is code-sensitive spell check, auto complete of many different languages (HTML, PHP, CSS, etc.), snippets, project management, and auto-save. It is primarily a code editor, not specifically a web editor. This means that it has a lot of flexibility for web developers writing in more than just HTML, but if you’re a designer by nature you might not like it as much.
Version: 2.0.2
Score: 166 / 54%

5. CoffeeCup Free HTML Editor

CoffeeCup Free HTML EditorScreen shot by J Kyrnin
The CoffeeCup Free HTML editor is a text editor with a lot of potential. A lot of the features it has in the menus require that you buy the full version. The free version is a good HTML editor, but I would recommend you purchase the full version of the editor to get the real juice from this product. One important thing to note: many sites list this editor as a free WYSIWYG editor, but when I tested, you had to buy the full version to get WYSIWYG support. The free version is a very nice text editor only.
Version: 9.5
Score: 166 / 54%

6. HTML-Kit

HTML-KitScreen shot by J Kyrnin
HTML-Kit is a free text editor with a lot of features. It’s one of the more popular text editors available for Windows. It has tag completion and HTML and CSS validation and a lot of features you wouldn’t expect in free software. The only issue I have with it is that it doesn’t default to HTML, you have to convert your documents to that. Many of the Guides use HTML-Kit because it is so easy to extend and make macros for. It is also one of the only free editors I’ve found with support for accessibility validating.
Version: 292
Score: 164 / 53%

7. Eclipse

EclipseScreen shot by J Kyrnin
Eclipse is a complex development environment that is perfect for people who do a lot of coding on various different platforms and with different languages. It is structured as plug-ins so if you need to edit something, you just find the appropriate plug-in and go. If you are creating complex web applications, Eclipse has a lot of features to help make your application easier to build. There are Java, JavaScript, and PHP plugins, as well as a plugin for mobile developers.
Version: 3.6.1
Score: 157 / 51%

8. SeaMonkey

SeaMonkeyScreen shot by J Kyrnin
SeaMonkey is the Mozilla project all-in-one Internet application suite. It includes a web browser, email and newsgroup client, IRC chat client, and composer — the web page editor. One of the nice things about using SeaMonkey is that you have the browser built-in already so testing is a breeze. Plus it's a free WYSIWYG editor with an embedded FTP to publish your web pages.
Version: 2.0.8
Score: 139 / 45%

9. Alleycode

AlleycodeScreen shot by J Kyrnin
Alleycode is a free web editor that focuses on search engine optimization. There are a lot of built-in features and links to the Alleycode website so that you can check your site ranking, optimize your meta data, and otherwise improve your search rankings. While I don't recommend sites that “guarantee” top-level ranking like Alleycode does, that doesn't mean that their web editor isn't any good. One feature I really like is the conversion tool to convert HTML tags and text from upper to lowercase and back. Very handy.
According to their website: Alleycode will no longer be supported or upgraded after January 1, 2010.
Version: 2.21
Score: 136.5 / 44%

10. Amaya

AmayaScreen shot by J Kyrnin
Amaya is the W3C web editor. It also acts as a web browser. It validates the HTML as you build your page, and since you can see the tree structure of your web documents, it can be very useful for learning to understand the DOM and how your documents look in the document tree. It has a lot of features that most web designers won’t ever use, but if you’re worried about standards and you want to be 100% sure that your pages work with the W3C standards, this is a great editor to use.
Version: 11.3.1
Score: 135 / 44%