SEO para SPA

It’s going to depend on what your particular area is, what the topic is, and what kind of layout you come out with. But if it works for you and for users to have that all on one page, for the most part, it should work for Google as well.

What does Google think of single-page websites? - Google Webmasters

O surgimento de bibliotecas e frameworks Javascript trouxe um novo formato para sites e aplicações web, o Single-Page Application (SPA).

Por conta de seus inúmeros benefícios, muitos desenvolvedores têm optado por utilizá-lo. O grande problema é que a parte de Search Engine Optimization (SEO) fica bastante comprometida.

Apesar dos benefícios serem a chave principal para uma boa escolha, existe um grande problema, a parte de SEO fica bastante comprometida.

O problema

Os Search engines se evoluem mas ainda não conseguem analisar e tampouco indexar o conteúdo que se encontra dentro de um arquivo Javascript. Sendo assim o conteúdo do seu site não estará visível na busca orgânica.

A Solução

A "fallback page" (termo que utilizo para nomear esta técnica) é a solução para este problema.

A responsabilidade disto é fornecer ao Search Engine o principal atributo - o conteúdo. Para que isto seja possível precisamos construir uma página dinâmica que tem a mesma funcionalidade e conteúdo da aplicação web via Javascript, vindo diretamente do servidor.

Esta página não é destinada aos usuários, ela so é servida quando a "request" estiver vindo de um crawler.

Para desenvolver esta solução teremos que implementar uma nova aplicação utilizando, Node, PhantomJS e Nginx. Isto elimina todas as necessidades de alterações em nosso SPA.

Esta aplicação não tem limite de utilização, no entanto podemos ter vários sites se utilizando da mesma aplicação a fim de SEO.

Finalizando

Atualmente aplico este conceito para todos os SPA que desenvolvo e o resultado é muito satisfatório.

Para este post não ficar extenso, irei fazer a implementação do código em um post a parte. Aguarde, logo terei novidades para você...

Aproveite e leia algumas dicas importantes sobre otimização de sua página para os motores de busca aqui.