Docstoc

SEO for Ajax, HTML, CSS and Web 2.0

Document Sample
SEO for Ajax, HTML, CSS and Web 2.0 Powered By Docstoc
					SEO for the Web 2.0 Site
Tony Adam
October 7th, 2008

The Web 2.0 User Experience
• Web 2.0 is all about “sleek” looking interfaces

• When does AJAX really need to be implemented? • Think about the User (Experience) • There is a dilemma for Search Engines if the right techniques aren’t used

-2-

Yahoo! Confidential

Web 2.0 Dilemmas for Search Engines
• Content controlled by JavaScript is not Search Friendly • When JavaScript is unavailable, there needs to be a Graceful Fail • AJAX URLs can be problematic

• Hacked up code or a non-strategic approach to building websites

-3-

Yahoo! Confidential

iFoods.tv Tabs Interaction
• http://ifoods.tv

-4-

Yahoo! Confidential

iFoods.tv Tabs Interaction…turning the lights off...
• http://ifoods.tv

• The content within the tabs interaction is completely missing

• Since this isn’t accessible by Search Engines, it leads to:
– Loss in possible keyword density – No Deep Links to Content – No Internal Link Equity passed to deep content

-5-

Yahoo! Confidential

iMedix – Tabs Interaction
• http://imedix.com

-6-

Yahoo! Confidential

iMedix – Tabs Interaction – Whose the big winner!?
• http://imedix.com

• Same Experience. Same Content. Same Links!

-7-

Yahoo! Confidential

Getting geeky for a second...you know you want to!
• Be Strategic in the AJAX Implementations • Implement using Progressive Enhancement
– Separates content from presentation and interactions built using scripting languages.

• Work with Standards or Platform teams to build Standard interactions.

-8-

Yahoo! Confidential

The SEO’s Handy Dandy Toolkit
• Web Developer Toolbar
– You can use the Web Developer toolbar to see what your content looks like to a Search Engine. https://addons.mozilla.org/en-US/firefox/addon/60

• User Agent Switcher
– See what Search Engine Robots see on your website. https://addons.mozilla.org/en-US/firefox/addon/59

-9-

Yahoo! Confidential

I Can Haz AJAX URLs…kthxbai!
• URL Issues within AJAX
– Ugly “#” (hash tags) within the url structure Ex: http://icanhazuglyurl.com/webpage.php#foo32 – HIJAX can turn “#” tags into indexable unique URLs. Ex: http://icanhazhijaxedurl.com/webpage.php?foo32 – Rewriting URLs are preferred as they create the cleanest URL structure, accessible trim points, and can leverage keywords in the URLs. Ex: http://icanhazrewrittenurl.com/ webpage/foo32/
- 10 Yahoo! Confidential

We’re Open for Business!
• Partner with the following teams:
– Marketing – Web Development, Engineering, & Web Standards Experts – Accessibility Leads – User Experience and Usability

• Get buy in by showing people areas of improvement. • Get involved in company processes, site reviews, etc.

- 11 -

Yahoo! Confidential

“To-Go” bag of Web 2.0, AJAX, and SEO Hotness
• Jeremy Keith - Progressive Enhancement with AJAX:
– http://domscripting.com/presentations/xtech2006/

• Jeremy Keith – Article on Hijax:
– http://domscripting.com/blog/display/41

• Google Webmaster Central - A spider’s view of Web 2.0:
– http://googlewebmastercentral.blogspot.com/2007/11/spidersview-of-web-20.html

• Learn about Progressive Enhancement:
– http://en.wikipedia.org/wiki/Progressive_enhancement

- 12 -

Yahoo! Confidential

Shameless Self Promotion (You had to know it was coming!)
• My Blog: http://tonyadam.com • Follow me on twitter: http://twitter.com/tonyadam • Anything Social: tonyadam

- 13 -

Yahoo! Confidential


				
DOCUMENT INFO
Shared By:
Tags: ajax, web2.0
Stats:
views:752
posted:3/17/2009
language:
pages:13