What is the javascript SEO problem?

What do javascript frameworks offer?

AngularJS, Ember.js, Backbone.js, and other javascript frameworks have taken off because they let you have your javascript and eat it too. With modern javascript techniques, it is possible to load data and render it quickly as the user interacts with the site. This is a huge advantage over the old click-and-wait websites of the past, and we're just scratching the surface of what is possible.

All this interactivity is achieved by building the html in the client instead of on the server. As the users interact with the webpage, logic on the page is morphing the very structure of the page. This allows you to refresh part of a page without reloading the rest of the page, or rearrange data without making any requests to the server.

They left you with a new set of problems.

This new problem is actually the flip side of the benefit. These frameworks are using the browser to build the actual content of the page. When Google crawls your site, it just reads the raw pages. It doesn't open them in a browser and it doesn't run the javascript. So, it doesn't see the content, it just sees an empty page. Obviously, this isn't good for your Google rankings. Google can't direct users to your page if it can't even tell what your page is about.

It's ok, you have options.

You're not the first person to run into this problem. In general, there are two ways around it: duplicate some code or run a headless browser.

Regardless of the technology, if you are focused on making the best experience possible for your users, then you're on the right track. In this particular case, that may mean you'll need to figure out how to fix this SEO problem. Don't worry. The two options above will both work. If you have any questions, don't hesitate to ask. Just email chad@brombone.com. I'll be glad to point you in the right direction whether you want to use our service or not.