Skip to content

Exponha os dados da sua aplicação SPA para os motores de busca, sem necessidade de refatoração

Notifications You must be signed in to change notification settings

luccas33/static-data

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Static Data

Exponha os dados da sua aplicação SPA para os motores de busca, sem necessidade de refatoração.

Por Quê?

O Google não precisa acessar a mesma aplicação que o usuário. Enquanto uma aplicação SPA oferece a melhor experiência para o usuário, páginas com dados estáticos são melhores para mecanismos de busca e não precisam de toda a complexidade de uma SPA.

Como Funciona?

  • Esta ferramenta gera um "front-end" apenas com dados estáticos para serem encontrados pelos mecanismos de busca.

  • Quando o usuário acessa uma página estática, é redirecionado para a página correspondente na SPA.

  • Esta ferramenta é executada no backend, para que as páginas estáticas estejam sempre atualizadas. Portanto, pode ser utilizada em conjunto com qualquer framework front-end.

Tutorial

Informe os dados de acordo com o seguinte modelo:

{
    path: 'path da página estática (nome da pasta)',
    redirectPath: 'página da aplicação SPA/{{id}}', // {{id}} identificador do item na URL da SPA
    itens: [
        {
            id: '1',
            title: 'Título da página do item',
            description: 'Descrição geral do item',
            remove: false // opcional

            // Objeto opcional contendo informações separadas do item
            infos: {porp1: 'prop1', porp2: 'prop2', ...etc}
        }
    ]
}

Configurações

staticDataConfigs.baseDir = 'diretório base onde as páginas estáticas serão geradas'

staticDataConfigs.baseRedirectUrl = 'URL base da aplicação SPA'

staticDataConfigs.baseStaticUrl: 'URL base do site estático'

Como Executar

// Simplesmente execute essa função passando os dados das páginas
processPages(pages)

Agregar Links

Caso queira gerar uma página agregadora de links

let indexPage: PageDataItem = {
    title: 'Company Index Page',
    description: 'Index Page for Search Engine Optimization'
};

processPages(pages, indexPage);

A página agregadora de links é util para agilizar a indexação do seu site, pois informa aos motores de busca de uma só vez todos os links estáticos. Você pode utilizá-la para indexar seu site manualmente.

About

Exponha os dados da sua aplicação SPA para os motores de busca, sem necessidade de refatoração

Topics

Resources

Stars

Watchers

Forks