Get on page one of Google with jQuery

in Blog, Connect, Internet Marketing, Local SEO,, Search Engine Optimization, Video, Web Design This article was originally published by Julian Gude on The Remarkable Blog from

Episode 24 | Local Knowledge

There’s a new way to get on page one of Google search results by using a jQuery web design.

How do you design attractive websites for people while feeding Google the text it needs to improve your search engine rankings?

Recently I talked about how designing your website in Flash is a disaster from a search engine optimization standpoint even it if looks great from a web design perspective. People like the look of Flash web designs but Google can’t read the content of Flash movies (like video) so Google can’t rank your website for relevant keywords. The end result is poor search engine rankings.

The opposite end of the spectrum is a text-centric web design. Google eats ups the keywords like a pig takes to mud but the text heavy website design leaves people cold.

text-centric web designs rank well with Google but perform badly with people. What's the alternative?

For years website designers and SEO experts have tried myriad techniques to produce a pleasing uncluttered visual design with a text-centric SEO friendly design for Google. In the last couple of years a new web programming language has emerged called jQuery and it is quickly becoming popular for good reason. Many designs using jQuery mimic the interesting visual effects of Flash but with one key difference. All the text within jQuery effects are 100% accessible to search engines. This is great news.

jQuery is the holy grail of web design and search engine optimization

With jQuery effects you can combine text headlines with keyword rich text descriptions and break up the text with design elements, video and pictures. This chunking of website content allows you to feed manageable amounts of information to people so they get the point of what you’re saying without becoming overwhelmed.

Click on the image to see an interactive demo of a jQuery slider panel

Click on the image above to see an interactive demo of a jQuery slider panel

Let’s consider an example. A popular jQuery effect is called the slider. It features a panel that slides to reveal more content. While the person looking at the website is getting nicely chunked information, the search engine is able to read (or index) 100% of the text from ALL the panels contained within the jQuery slider panel. Take a look at the Delegate design made by WooThemes (one of many jQuery designs available in our Percolator Package) . Make sure to click on the picture of the Delegate WordPress theme to see the demo and then scroll through the slider panels to see the content rotate through the design.

jQuery has many effects that can be used to chunk text heavy content into visual design that’s more manageable. For example, we used jQuery expanding panels on a website magazine design that shows multiple blog posts on one page, an action that would normally leave a person scrolling down the website page for days.

Instead we featured the article headline and a visual call-to-action for the user to read the post by simply clicking a plus sign. As soon as you click the plus sign you see the entire blog post. When you’re done reading, you click on the minus key to put the post content away and move on to the next headline. What would have been page after page of dense text has been reduced to a few inches of precious screen real estate.

Click on the image above to see a demo of the jQuery expander (look for the plus signs)

Click on the image above to see a demo of the jQuery expander (look for the plus signs)

Page one of Google Search Results

jQuery is a design and SEO powerhouse and one you can’t afford to ignore if you want to appear on page one of Google search results while still having a great looking design!

Julian E. Gude, ed LOCAL Na8ion

iTunes, QuickTime, iPhone or iPod download

Comments are closed.