Friday, April 29, 2011

Useful Links for Webmasters

I spend a lot of time crawling the Internet for information and come across many useful websites that I feel will benifit other webmasters.

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 ChannelGoogle‘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.

SEARCH ENGINE FRIENDLY DESIGNING


Search Engine Optimization – the process of making the site “search engine friendly” is also termed as SEO – is probably the most important aspect of website design.


  • Pick good Domain Name: This step is not very important - but every little bit helps. For the perfect domain name match-up in a search engine so that a page of our website comes up #1 in the search results.

  • Pick a good Web Hosting Company: This can be very important to the search engines. Free website hosting is usually bad for search engine rankings, for several reasons. The most important factor is that your website should have its own "static" IP address.

  • Clear hierarchy & Text links: Every page should be reachable from at least one static text link. The most important thing to know about search engines is that SEARCH ENGINES ONLY INDEX TEXT. They don't index images well. Keep the links on a given page to a reasonable number. Create a useful, information-rich site, and write pages that clearly and accurately describe your content.

  • Images: Don't embed text inside images. Search engines can't read text embedded in images. If you want search engines to understand your content, keep it in regular HTML. Give your images detailed, informative file names. The file name can give Google clues about the subject matter of the image. The alt attribute is used to describe the contents of an image file.

  • Anchor Text: External anchor text (the text pages use to link to your site) reflects how other people view your pages. This improves the user experience and helps the user understand the link's destination.

  • Tags & Phrases: You need to make a short list of 1 or 2 key word phrases for each page of the site you want to optimize. Each phrase should be no more than three or four words. Longer phrases are less effective. Single words are often useless.

  • Sitemaps: Offer a site map to your users with links that point to the important parts of your site. If the site map has an extremely large number of links, you may break the site map into multiple pages.

  • Copyright: Think about the best ways to protect your images. Make your images available under a license that requires attribution such as a creative commas license that requires attribution.

  • Broken Links: Also known as dead links; links that are not working. These results in:

  • 404 error: means web server responding but the specific page not found.

  • DNS error: when server that hosts the target page stops working or relocates to new domain pages.

  • Dynamic Pages: If you decide to use dynamic pages (i.e., the URL contains a "?" character), be aware that not every search engine spider crawls dynamic pages as well as static pages. It helps to keep the parameters short and the number of them few. Don’t use dynamic URL because it don’t contain keywords so its not search engine friendly. If you are using any script which shows dynamic pages then make sure at least it should include one keyword.

  • W3C Validation: W3C stands for World Wide Web Consortium, and they are an organization who develops standards for code on the web. Validating your site means you are comparing the code you have written to the rules laid out by the W3C. Code which validates usually stands a better chance of working on different browsers and different operating systems. You can validate your web site at http://validator.w3.org/

  • Use Cascading Style Sheets (CSS): Using tables to structure pages is fast becoming a search engine unfriendly way to build pages. An HTML/CSS coded site also boasts a fast loading time, as much of the code is in separate style sheets. Using ID’s to create CSS ‘hooks’ allows you to keyword load your page.

  • Root Domain Pages: Keep your pages as close to the root domain as possible Too many levels down - search engines will find it difficult to find and index pages this far down.

  • Page Load Time: Make sure your site loads fast and rarely go down. Keep size of your Web Pages less than 50KB so it is downloaded fast and visitors don’t have to wait for long. For good SEO site page size ideal should be 15KB.

  • Renaming of Pages: Never rename your web page unless your site is new.

  • Naming as per Keywords: Use keywords for folder names and file names. Try to include your most important keyword in hyper-linked text and text that immediately precedes or follows the hyperlink.

  • Unique Title: Each page should have its own unique page title.

  • Overuse of Ajax: A lot of developers are trying to impress their visitor by implementing massive Ajax features (particularly for navigation purposes), but did you know that it is a big SEO mistake? Because Ajax content is loaded dynamically, so it is not spiderable or indexable by search engines. Another disadvantage of Ajax - since the address URL doesn't reload, your visitor can not send the current page to their friends.

  • Versioning of Theme Design: For some reason, some designers wants to version their theme design into sub level folders (I.e.domain.com/v2, v3, v4) and redirect to the new folder. Constantly changing the main root location may cause you to lose backlink counts and ranking.

  • Click Here” Link Anchor Text: People put up just a big banner image and a link "Click here to enter" on their homepage. If you want to tell the search engine that your page is important for a topic, than instead of using “Click here”, “Learn More”, use topic/Keyword in your link anchor text.

  • Flash/Videos/Splash Pages: Flash sites are similar to sites built in frames, in which visitors cannot bookmark individual pages. This prevents visitors from being able to locate and re-visit specific pages of interest and may prevent a conversion or sale. Also, your visitors may not have the latest version of the Flash plug-in installed or may not have any version at all. This forces your user to download and install software they may not want in order to properly view some or your entire site. Flash sites are also slow to load, depending on your visitor's connection.


  • Non-Spiderable Flash Menus: Many designers make this mistake by using Flash menus such as those fade-in and animated menus. They might look cool to you but they can’t be seen by the search engines; and thus the links in the Flash menu will not be followed.