2481 posts Premium Scripts, Plugins and Themes
  • Bought between 10 and 49 items
  • Elite Author
  • Envato Studio (Microlancer) Beta Tester
  • Exclusive Author
  • Has been a member for 7-8 years
  • Interviewed on the Envato Notes blog
  • Referred between 200 and 499 users
+1 more
LucidStudios says

Scenario:
We are developing an interactive application in jQuery and WordPress in which the data is assembled in an array and passed to the application’s initializer function (of course a javascript function) and based on that array the entire UI of the application is generated.

Question:
Will our application be SEO friendly if we generate the entire UI with jQuery?

We can go the other way that is to generate the UI with php but if SEO is not going to be a problem with jQuery generated UI then we will go with jQuery for now because of time limitations.

3069 posts
  • Has been a member for 6-7 years
  • Won a Competition
  • Sold between 50 000 and 100 000 dollars
  • Bought between 10 and 49 items
  • Referred between 50 and 99 users
  • Exclusive Author
  • Romania
wickedpixel says

The ideal design is to have a UI that works without js, then make it more fancy by adding js/jQuery on top.

If it’s an application and not a classic website… then, probably, the user interaction needs to be the main target in the design.

607 posts
  • Envato Staff
  • Senior Reviewer
  • Blog Editor
  • Repeatedly Helped protect Envato Marketplaces against copyright violations
  • Forum Moderator
  • Author had a File in an Envato Bundle
  • Envato Studio (Microlancer) Beta Tester
  • Sold between 10 000 and 50 000 dollars
+9 more
Siddharth Reviewer says

Why do applications need SEO ? The application’s website, landing page and other hoopla need SEO , not the app itself.

Or is it an interactive page and we’re getting confused over semantics?

1234 posts
  • Bought between 50 and 99 items
  • Elite Author
  • Exclusive Author
  • Has been a member for 5-6 years
  • Referred between 50 and 99 users
  • Sold between 50 000 and 100 000 dollars
  • United States
MBMedia says

Search engines parse any HTML data in the text served from the server, not any HTML data created by JS/JQuery within the browser. So in all likelihood the answer to your question is no.

I’m sure some of the more advanced search engines (aka: Google) have a small amount of JS processing they do when they fetch the page and index, but nothing at the level you’re talking about.

That said, these guys are right, there’s no point in re-doing it. Just make the PHP output a div with all the relevant data listed out and you’ve got your SEO , then have jQuery replace that div and do the same stuff it does now so your user has their GUI

122 posts
  • Bought between 10 and 49 items
  • Envato Staff
  • Exclusive Author
  • Has been a member for 7-8 years
  • United Kingdom
ian Staff says

There are a few things you can do to make sure your application is still indexable by search engines.

Make use of meta tags in your HTML head, those should be static and not generated by JavaScript.

I suggest you read up on the Unobtrusive JavaScript paradigm and view, controller, model separation.

For example, to help search engines you’ll want as much indexable content in static HTML .. so instead of doing something like this:

var li = $("<li>Home</li>");
li.click(function() { ... });
$("#nav ul").append(li);

Do something like:

<div id="#nav">
  <ul>
    <li class="home">Home</li>
  </ul>
</div>

...

$("#nav ul li.home").click(function() { ... });

That’s a very basic example, but as a general rule of thumb try and keep as much of the logic for how your application will look in HTML and CSS . Then use JavaScript for changing how it behaves.

122 posts
  • Bought between 10 and 49 items
  • Envato Staff
  • Exclusive Author
  • Has been a member for 7-8 years
  • United Kingdom
ian Staff says

This will also lead to a much cleaner, more maintainable code base.. which is arguably more important than SEO .

2481 posts Premium Scripts, Plugins and Themes
  • Bought between 10 and 49 items
  • Elite Author
  • Envato Studio (Microlancer) Beta Tester
  • Exclusive Author
  • Has been a member for 7-8 years
  • Interviewed on the Envato Notes blog
  • Referred between 200 and 499 users
+1 more
LucidStudios says

thanks guys for the advice and now we know what should we do.

The application in question is exact replica of my flash calendar http://activeden.net/item/dynamic-xml-flash-events-calendar-as-30-version/14232

by
by
by
by
by
by