CSS transition have been finally made available on Firefox (3.7, pre-alpha2). With this feature developers will finally be able to apply movement to CSS elements, quite a good alternative to the more common use of Javascript. Here’s the developers Firefox version if you want to have a try.
// HTML
<ul>
<li id="long1">Long, gradual transition...</li>
<li id="fast1">Very fast transition...</li>
<li id="delay1">Long transition with a 2-second delay...</li>
<li id="easeout">Using ease-out timing...</li>
<li id="linear">Using linear timing...</li>
<li id="cubic1">Using cubic-bezier(0.2, 0.4, 0.7, 0.8)...</li>
</ul>
// CSS
#delay1 {
position: relative;
-moz-transition-property: font-size;
-moz-transition-duration: 4s;
-moz-transition-delay: 2s;
font-size: 14px;
}
#delay1:hover {
-moz-transition-property: font-size;
-moz-transition-duration: 4s;
-moz-transition-delay: 2s;
font-size: 36px;
}
February 20, 2009
•
SEO
•
seo code mistakes at semwired.com
While working on different SEO projects, I noticed several common development mistakes which can seriously affected rankings on the SERPS. I’ll go through a quick list of coding mistakes, general code structure and scripts.
1. Title tag not the first one inside the head tag
Considering how the title tag is important in SEO I wonder why loads of developers still make this mistakes. The right order of tags should be <head> and right after that <title>. Recently I bumped into a website on developed on .net and IIS in which the very first tag in the <head> section was a <script> linked to a external Javascript. In this case search engine might overlook the title tak and focus on the java link which will end up for being 100% useless since does not have any meaning to them. Needless to say fixing the <head> tag will be one of the top priorities for this site seo strategy.
Moreover the majority of the SEO tools available (IBP and WebCEO) usually point this out in their optimization page scan: there’s no way to miss this one really.
2. Stop words
To be honest, I’m not advocating the complete purge of stop words. Just like any other average user I’m not really into weird nonsensical machine tipe of titles but sometimes avoiding them may reveal an helpful trick especially when it comes to gain more space to include keywords or relevant words into titles. Less stop words means more keyword sometimes.
3. Keyword at the end of tag title or not present
Title and other tags have to be generally optimized thinking of the keyword we want a peg to be ranked for. What’s the point of working on a title tag without a relevant keyword to be stick on it?
4. Full-length embedded Javascript
I know sometimes javascript has to be there but why not putting a link to an external file instead of copy the whole thing? It’s kind of obvious that search engine cannot process java, otherwise we would not need to download a java virtual machine… Moreover Javascripts increase page size and do not increase keyword values since it’s code and has not semantic value.
5. Images with weird / random names and random ALT tags
People usually underrates ALT tags and image filenames in Google. Since my main focus on SEO is using even the tiniest piece of code to embed references and relevant keywordsg (not excessing though), ALT tags provide a priceless chance to embed some more words. So why not filling it up with your favourite keyword? Well, too many underestimate the power of alt tags… Same applies to images filenames which help drive traffic from Google Images and Windows Live. Since I’m talking about development mistakes, I’m not expecting coders to be SEO-minded and fill ALT tags with relevant keywords. However it would be nice to have tags filled up.
