One of the important concerns to web designers is striking a balance between the creative aspect of a website in terms of style and media and being able to implement the design into an accessible and standards compliant site which can be read by search engines. Web technologies have come a long way in a short time in helping to achieve this with xhtml, css and javascript providing a more flexible way of realising ideas while maintaining clean, structured code and accessibility standards. More recently newer developments are becoming available which are pushing the possibilities of the web and raising the bar in the flexibility designers and developers have. As long as the ideas keep flowing on what we would like to achieve on the web, the technology will continue to advance inorder to match this.

CSS3

Css3 has been in development for a few years but is now beginning have some of its features supported better. There a number of interesting features which have been developed to meet design trends, so as to make the implementation of these stylings easier, though many of them are still currently unsupported by browsers, especially Internet Explorer. Some of the features include:

- Multi column allows the developer to position blocks of text in several columns similar to print.

- Rounded corners can be achieved on elements by setting a radius on the corner.

- Border images allow the developer to create custom shaped elements by setting graphics for each corner and sides of an element.These 3 features are only currently supported in Firefox and Safari 3.

- Border color allows gradient borders to be used though are currently only supported by Firefox.

- HSL colors have been introduced, which aswell as setting the colour also allows you to set the hue, saturation and lightness of colours, providing a lot more flexibility in colour schemes. So far this is supported by Opera 9.5, Safari 3, Konqueror and Mozilla.

- One of the most popular features of css3 is opacity. This can be set on different elements allowing a gradient effect to be achieved. This is supported by most browsers except Internet Explorer.

- Box sizing is an interesting one as previously padding and borders were always added to the width of an element but now can be added inside a div. Firefox and Safari support this with the prefix -moz- and -webkit- respectively though Opera simply works with box-sizing.

- Font-face was included in css2 but was only supported by Internet Explorer if an .eot font format was used but Safari 3.1 now allows Truetype or Opentype font to be implemented in designs.

Flash accessibility.

Flash has always been a blessing and curse to both developers and users. It can achieve unique interactive experiences for users and bring a site to life but with search engines unable to extract text or links from the file, it has made flash sites often inaccessible and difficult to index. In the last 6 months it was announced by Google and Adobe that the algorithm Google uses is dramatically changing which will allow text and links from flash files to be read and allow sites to be indexed better in search results. Adobe is developing a flash reader for search engines which will allows the files to be read. Another technology which employs Flash and provides developers with more flexibility in terms of typefaces on the web in Sifr. This is a type replacement technology which allows any typeface to be employed in a website. Its fully accessible with all major browsers and can be read by screen readers.

Bookmark This Post

Hide Sites

A major factor in achieving high search rankings is of course relevant inbound linking. Google analyses not only the quantity but the quality and relevance of the inbound links to your site to determine how important a result it is. This method, alongside keyword optimisation techniques has improved the relevance of search results greatly. Though as is the case with many aspects of the web, this system has in recent times been abused.

There are many websites which buy and sell inbound links to sites which disregard link quality and pass page rank, which has allowed the search results to be manipulated. However in 2007 Google made significant efforts to stamp down on this paid linking practice, enforcing penalties in terms of search ranking and page rank passing ability to the sites carrying it out. The result of this ongoing campaign by Google will be felt in 2008 as the websites who have worked to optimise their sites and legitimately gain quality, relevant links will begin to rise in the ranking and the sites which relied on paid links will begin to slip.

Quick Linking Tips

1. A good way to gain relevant links to your site is to get registered in appropriate online directories which are related to your business. Many of these directories request much the same information although have different limits on the number of characters available etc and registering can be a tedious process. An idea is to create a basic “submission kit” text file with brief promotional copy for your site in a few different formats including a one sentence description and 25, 30 and 70 word descriptions containing your keywords aswell as contact details and prewritten hyper links which can be pasted in quickly. A good directory to be on is Google’s Business Listings: http://www.google.com/local/add
2. Try writing informative and interesting articles which relate to your field of expertise and submit them regularly online. There are several quality article and blog sites where you can submit free articles. Be sure to include your necessary keywords in the article and make use of the hyperlinks the sites allow you to put in at the bottom. Use your keywords here aswell to link back to your site. Articles are especially useful for new sites looking to get spidered quickly. A good article submission site is : http://www.ezinearticles.com
3. Yahoo offers a reliable service which analyses which sites are providing inbound links to other sites. To look at this type “link:domain” into Yahoo’s search engine to get an idea who your competitors are being linked to by. This should provide ideas on where to look for acquiring quality inbound links which are relevant to your business. Yahoo’s version of this tool is more accurate than Google’s.

Bookmark This Post

Hide Sites