Preparação para uma implementação do Gerador de sites de carreiras do SAP SuccessFactors
Criação do site de carreiras
Conclusão da configuração inicial do sistema de recrutamento
Criação do site de carreiras
Movendo o site de carreiras para produção
Envolvendo potenciais candidatos
Implementar relatórios de origem
Sucesso como consultor

Criação dos cabeçalhos

Objective

After completing this lesson, you will be able to crie os cabeçalhos.

Cabeçalhos

De AparênciaEstilosCabeçalhos, configurações são feitas para cada idioma e marca. Várias opções são configuradas na página Detalhes.

Escolha se o cabeçalho deve ser sempre exibido em dispositivos de desktop, selecione onde o logotipo é exibido e determine se o cabeçalho deve estender a largura total do site ou centralizado.

Em Estilo de cabeçalho, você pode optar por configurar um cabeçalho personalizado. Os detalhes são incluídos posteriormente nesta seção.

Se um cabeçalho personalizado não estiver selecionado, você também ativará o sinal no widget e no seletor local.

Se um cabeçalho personalizado não estiver selecionado, na página Detalhes, ative o sinal no widget e as opções de seletor local.
Exemplo de uma página da Web com uma lista suspensa Idioma, exibindo as opções Deutsch (Deutschland), English (United States) e Espanol (Espana).

Logotipo do cabeçalho

Na página Logotipo, carregue o logotipo para o cabeçalho.

Quando um candidato clica no logotipo, ele deve ser retornado à página inicial do site de carreiras. Para o campo URL de clique (href), recomendamos a utilização do link relativo (/) para representar a "Página inicial".

Na tag Logotipo, carregue o logotipo para o cabeçalho, dê um título e um texto alternativo.

Menu de cabeçalho

Na página Menu, crie os links para o cabeçalho.

Na guia Menu, crie os links para o cabeçalho com uma funcionalidade de arrastar e soltar.

Dica

Para reordenar os links, arraste e solte.

Links de cabeçalho

Para adicionar os links de cabeçalho, clique em Adicionar e selecione o tipo de link que você deseja adicionar:

  • Link de categoria – Links para páginas de categoria existentes.

  • Conteúdo – Links para páginas de categoria existentes.

  • Gerenciador de consentimento de cookie – abre o Gerenciador de consentimento de cookie.

  • Externo – Links para sites externos ou outras páginas no site de carreiras.

  • Página inicial – Links para a página inicial existente. Quando as marcas estão ativadas, o link da página inicial leva o usuário para a página inicial dessa marca.

  • Lista – exibe um link suspenso.

  • TC Join – Links para a página de inscrição (Juntar-se à Comunidade de Talentos).

  • Principais vagas – usado apenas no rodapé. A página Principais vagas contém páginas geradas pelo sistema que correspondem às principais pesquisas de vagas que direcionaram os usuários para o site de carreiras.

  • Visualizar todos os jobs – A configuração predefinida só é usada no rodapé.

Na caixa de diálogo Configuração de link, selecione um tipo de link na lista suspensa.

Tipos de link externo

Use o tipo Externo para vincular a um site externo ou a outras páginas do site do Gerador de sites de carreiras.

Ao vincular a um site externo, selecione sempre SIM para Nova sessão, de modo que a página seja aberta em uma nova janela.

Para vincular a outra página no site de carreiras do CSB, selecione NÃO para Nova sessão. Consulte mais informações em Visualizar todos os jobs.

Na caixa de diálogo Configuração de link, ative o comutador Nova sessão para permitir a visualização de cabeçalhos de job na nova guia.
Na caixa de diálogo Configuração de link, desative o comutador Nova sessão para visualizar Todos os links de cabeçalho de jobs não abertos em uma nova guia.

Links relativos

Ao vincular a outra página no site de carreiras, use links relativos sempre que possível para que a URL não precise ser substituída ao mover o site de Estágio para Produção.

Alguns exemplos de links relativos incluem o seguinte:

  • / = Páginas iniciais: muitas vezes usado para cabeçalhos, rodapés e logotipos, quando colocados em uma página de marca diferente.

    • /Red/ = Página inicial da marca Red

  • /search/ = Visualizar todas as vagas: Usado no componente Cabeçalho, Vagas em destaque

    • /Red/search/ = Visualizar todas as vagas apenas para a marca vermelha

Na caixa de diálogo Configuração de link, especifique links relativos (/ ou /Red/).

A primeira captura de tela na figura acima mostra como criar um link de cabeçalho para a página inicial Marca padrão. A segunda tela mostra como vincular à página inicial vermelha.

Observe que a localidade é pegajosa, o que significa que a localidade não precisa ser chamada ao usar um link relativo.

Tipo de link de lista

Quando você seleciona o tipo de link Lista, uma lista de opções é exibida no cabeçalho. Você pode escolher qualquer link de Tipo para adicionar abaixo desta lista.

Por exemplo, adicione "Oportunidades de carreira" como um link de cabeçalho usando o tipo Lista, clique em +Adicionar e selecione o link Tipo de categoria. Todas as páginas de categoria são exibidas e podem ser adicionadas à lista suspensa.

Outro exemplo é para um link da lista Por que trabalhar aqui. Quando você seleciona +Adicionar e seleciona o tipo Conteúdo, todas as páginas de conteúdo existentes são exibidas na lista para seleção.

Exemplo de links de cabeçalho em um site da Best Run e na página Configuração de links onde foram criados.

Tipo de link Exibir todas as vagas

Observe que o tipo de link Visualizar todos os jobs só é usado no rodapé. Para adicionar um link para visualizar todas as vagas no cabeçalho ou na página inicial, como o botão Visualizar todas as vagas em um componente de Texto ou Vagas em destaque, use um link externo, não a opção Exibir todas as vagas. Não abra em uma nova sessão e use o link relativo /search/.

Exemplo de link Visualizar todos os jobs em um site e na página Configuração de link onde foi configurado.

Links da página de chegada

A maioria dos clientes não vincula páginas de chegada em seu site de carreiras a partir do site. Por esse motivo, um tipo de link não é fornecido para páginas de chegada, por isso você não poderá usar um link relativo. Utilize o tipo de link Externo e link diretamente para o URL da página de chegada.

Link para uma página de chegada indicada no campo Origem.

Nota

Ao mover o site para a produção, você precisará substituir manualmente quaisquer links não relativos do ambiente de fase, por exemplo, links para páginas de chegada.

Cabeçalhos personalizados

Os clientes podem selecionar opções de personalização adicionais para o cabeçalho, selecionando Estilo de cabeçalho: personalizado na página Detalhes. Um layout de cabeçalho diferente pode ser configurado para cada marca e localidade e para desktop e para dispositivos móveis. Os clientes podem ter uma mistura de estilos de cabeçalho personalizados e padrão em seu site de carreiras.

Para selecionar opções de personalização adicionais para o cabeçalho, selecione Estilo de cabeçalho – Personalizado na página Detalhes.

Neste exemplo, o cliente solicitou que o logotipo apareça na parte superior esquerda com as opções de menu à direita. Abaixo disso, uma linha foi adicionada em toda a largura da página. Abaixo da linha, uma caixa de texto foi adicionada no centro da página com o componente Iniciar sessão e idioma à direita.

O exemplo de cabeçalho personalizado da empresa Best Run.

Para criar esse cabeçalho personalizado, foram adicionadas três linhas. Cada linha pode conter no máximo quatro componentes. Para este exemplo, o menu Cabeçalho foi expandido para preencher três slots, a Linha abrange todos os quatro slots e o componente Texto abrange os dois slots do meio. Uma vez criadas, atualmente, as linhas e os componentes não podem ser movidos, portanto, planeje o cabeçalho com cuidado antes de começar a configurar.

Visualize a figura, Editor de cabeçalho personalizado: layout de desktop, para ver como o exemplo foi configurado.

Editor de cabeçalho personalizado: layout de desktop como explicado acima.

Configuração de cabeçalho personalizado

Os componentes que podem ser adicionados a um cabeçalho personalizado são os seguintes:

  • Imagem

  • Linha

  • Menu

  • Início de sessão e idioma

  • Texto

Adicionar componentes a um cabeçalho personalizado. Escolha entre Imagem, Linha, Logotipo, Menu, Início de sessão e Idioma e Texto.

O componente Iniciar sessão e idioma é obrigatório. Alguns componentes têm um menu Estilos. Consulte a figura, Cabeçalho personalizado: Estilos, que exibe as opções disponíveis no menu Estilos para o componente Menu.

O logotipo para um cabeçalho personalizado pode ser adicionado a partir do componente Logotipo ou do componente Imagem. Para usar um logotipo otimizado para diferentes configurações de exibição (como desktop e móvel), use o componente Logotipo.

Em Cabeçalho personalizado, guia Estilos, as opções disponíveis.

Síntese

  • Onde os cabeçalhos são configurados e as configurações principais: Em Aparência → Estilos → Cabeçalhos, os cabeçalhos são configurados por idioma e marca. Na página Detalhes, você escolhe opções como visibilidade da área de trabalho, posicionamento do logotipo e se o cabeçalho é de largura total ou centralizado; se você não usar um cabeçalho personalizado, poderá ativar o widget de Início de sessão integrado e o seletor de localidade.
  • Logotipo + links de menu e melhores práticas de URL: carregue o logotipo e defina o URL de clique para a página inicial do site de carreiras usando o link relativo /. Crie links de navegação de cabeçalho (arrastar e soltar para reordenar) usando tipos de link como Categoria, Conteúdo, Externo, Página inicial, Lista (menu suspenso), Junção TC, Gerenciador de consentimento de cookies; use links relativos (por exemplo, /, /Red/, /search/, /Red/search/) para evitar alterações ao passar do estágio para a produção e porque a localidade é "pegajosa". Abrir sites externos em uma nova sessão, mas manter links internos na mesma sessão.
  • Cabeçalhos personalizados e limitações: a seleção de Estilo de cabeçalho: Personalizado permite que você crie diferentes layouts de cabeçalho por marca/localidade e desktop/celular usando linhas (máximo de 4 componentes por linha). Os componentes incluem Imagem, Linha, Menu, Texto, Início de sessão e Idioma (obrigatório); planeje com cuidado, uma vez que as linhas/componentes não podem ser movidos após a criação. Para logotipos otimizados por dispositivo, use o componente Logotipo (ou Imagem para um logotipo simples).