This has lead me to use three of the top search engines in Google, Yahoo and Bing. Although Yahoo and Bing have announced their merger to try and take on the giant Google at the time on this writing Yahoo and Bing are still separate entities.

Using Bing however lead me to think how similar the new Bing’s SERP pages look and feel exactly the same as the traditional Google SERP pages most of us are used too. Surely Google have an issue with this blatant copying but is the fact that we are all used to that colour scheme and layout the reason for this?

Looking into the matter more however leads me to find that Google, Yahoo and Bing use each other’s ideas all the time. Like for example when Bing first came along they had their large image on the main search page which then lead Google to copy this exact idea.

This “copycat” way of working of course isn’t confined to just this industry, all companies see their competitors do something which leads them to do the same. For example the car industry is a prime example, if BMW release a car with 500bhp Mercedes will release one which 510bhp shortly after in an effort to remain competitive in what is a tough market.

In conclusion I don’t think that Bing is the only guilty party, it seems that all the major search engines look at the competition for ideas, perhaps when copying there’s a hint of “ooh that’s a good idea, get to it”. Then again there might be a simple explanation as to why they are similar.

I also thought it might be time to take a good look at HTML5 that everyone has been raving about so here is my first attempt at a template using HTML5 – basicHTML5:

As this is my first proper look into HTML5 I am sure that there might be a few issues or problems with it and make no guarantees that it is 100% correct in all particulars. However it has been checked against the W3C HTML5 validator and checks out OK.

Live Preview Download

Please take a look and comment about any changes or problems with it as I’m sure there will be many with more knowledge about HTML5.

Overall I’m excited about this and look forward to hopefully full browser compatibility in the near future, especially with Microsoft finally getting its act together (maybe!) with the release of IE9 which has full standards support for HTML5 – http://bit.ly/dALN6J

Anyway please let me know your thoughts and any problems, I will update the template as and when I come across issues and hopefully get a few more template designed and ready for download.

This certainly isnt the final list, I will be adding to this list as and when I need to so please check back for updated links.

If you have any useful links you feel should be on this list please post a comment at the bottom and I’ll look at adding it.

Search Engine Optimisation

Googles YouTube Webmaster Channel – Google’s SEO guru Matt Cutts answering questions from people the world over. It’s good to see advise from a Google perspective.

Web Design Blogs

Smashing Magazine – The first website I check each morning. Discussing a range of topics within the website design field. Excellent website.

Specky Boy – Another very good website design blog. With weekly website design inspirations.

CSS Tricks – Created by the talented Chris Coyier. Relating to all things CSS.

Line 25 – One of the latest blogs I’ve discovered. I especially like his “Sites of the Week” posts.

Web Design Ledger - Another regularly updated web design blog, includes some very nice posts about photography as well as all the usual website design posts.

Sohtanaka.com – A very talented web designer from Los Angeles, USA.

Website Tutorials

 Tutorialzine - Very useful website showing how to create a variety of beautifully designed scripts. Focusing mainly on jQuery and Ajax.

Nettuts – More advanced posts raised on this website. Looking a lot at higher level programming techniques.

WordPress

WP Hacks – Plenty of information about WordPress including some very useful hacks.

Pimp My WordPress – Another website with a lot of WordPress information.

It seems that Adobe have some strange mystical people working for them if they can create tools that can do this.

In a nutshell this new tool allows us to erase areas of images, which PhotoShop then automatically fills with the new background crafted from the rest of the image  using some very clever new algorithms created by the clever people at Adobe.

From a designers point of view this will save a lot of time. I don’t think I need to say more, just check out the video below but be aware that it might shock you!

www.youtube.com/watch?v=NH0aEp1oDOI

I’m really looking forward to the new release and trying out the new features =)

Black hat SEO uses the darker (hence the name) techniques mainly aimed at deceiving the search engines such as Google, Yahoo and Bing whereas white hat SEO of course uses the opposite. White hat SEO uses methods that are recommended by the search engines.

Is Black Hat For Everyone?

So why doesn’t everyone just adopt white hat methods? Well some believe that using these techniques alone won’t fully get the most out of optimising a website so they turn to black hat tricks to try and accelerate results in the SERPs (Search Engine Results Pages).

There are many different black hat techniques optimisers are using but in my own experience using white hat techniques are the safest option. Black hat techniques tend to give quicker results than their white hat alternatives but run the big risk of getting blacklisted by the search engines which could be fatal for many websites.

I certainly adopt white hat techniques (maybe some grey hat!) purely that over time I get the desired results in the search engine rankings and eliminate the risk of being removed from the SERPs.

The H1 tag is arguably a very big part of SEO when it comes to inserting keywords into a web page so surely it makes sense to be able to choose what the tag itself says.

With the help of the custom fields however there is an easy way:

Find: (in your page.php for example)

<h1><?php the_title(); ?></h1>

And replace with:

<h1><?php $thisPost = $post -> ID; if  (get_post_meta($thisPost, changeH1, true) !=null)
{ echo (get_post_meta($thisPost, changeH1, true)); }

else { the_title(); }
?></h1>

Next open up the page where you would like the custom header and in the ‘Custom Fields’ section enter the following details:

Name: changeH1
Value: Whatever you want!

Et voilà, you can now have any H1 that you need. This is very useful for SEO reasons … Trust me!