Jul 22, 2008

Webdesign, SEO & Coding With Rythm

I don't like rap. At all. Is not my rythm, believe me.

But I have to make an exception in this case, because the lyrics got almost everything right and it is very funny to see all the basics of webdesign and SEO in this format...


video


The video seems to be some months old, but the only thing that has changed so far is that now Google can index better Flash animations. Everything else still holds true!

In case you have trouble with the lyrics, they go (more or less) like this:

"Your site design is the first thing people see,
it should be reflective of you and the industry.
Easy to look at, with a nice navigation,
when you can't find what you want it causes frustration.
A clear "Call to action" to increase the temptation,
use appealing graphics they create motivation.
If you have animation
please use with moderation ,
cause search engines can't index the information.

Display the logos of all your associations,
highlight your contact info that's an obligation!
Create a clean design, you can use some decoration
but try to prevent any client hesitation.
Every page that they click should provide an explanation,
should be easy to understand, like having a conversation.
Create a design style, you can use your imagination
but make sure you use correct color combinations.

Do some investigation, look at other organizations
but don't duplicate or you might face a litigation.
You're done, congratulations!
It's time to start construction, when you move into production
please follow these instructions:
your photoshop functions, slice that design,
do your layout with divs, make sure that it's aligned
please don't use tables, even though they work fine
when it come to indexing, they give searches a hard time.

Make it easy for the spiders to crawl what you provide
remove font type, font color and font size.
No background colors, keep your coding real neat,
and tag your look and feel on a separate style sheet,
better results with xml and css.
Now you making progress, a lil' closer to success,
describe your doctype so the browser can relate,
make sure you do it great or it won't validate.

Check in all browsers, I do it directly
gotta make sure that it renders correctly.
Some use IE, some others use Flock
some use AOL, I use Firefox.
Title everything including links and images
don't use italics, use "emphasis"
don't use bold, please use "strong"
if it you use bold that's old and wrong!

When you use CSS, you page will load quicker,
your client will be satisfied like they eating on a snicker.
They'll stuck on your page like you made it with a sticker,
and then they convert now that's the real kicker.
Make you a lil richer, your site a lil slicker,
design and code right, man, I hope you get the picture!
What I'm telling you is true man, it should be a scripture,
if it's built right you'll be the pick of the litter!

Everyone will want to follow you like twitter
competition will get bitter and you'll shine like glitter.
If you're trying to grow your company will get bigger
design and code right, man, can you get it, will you?"

IMHO the basics are all there. Or does someone has anything else to add?

Via

3 comments:

taylorv said...

yikes!

Ricardo said...

I just visualize you listening this song 100 times to transcript the lyrics... anyways as you said: all the basics are covered...

congratulations for the blog!

Anonymous said...

I dont agree with the whole thing.


Webdesign