Explorando os elementos da página do Gerador de sites de carreiras

Estas são algumas das marcas de uma página inicial:

• Cabeçalho
• Exibir perfil (links para o perfil do candidato)
• Funcionalidade de pesquisa (colocada em destaque)
• Funcionalidade Assinar (colocar em destaque)
• Vagas em destaque (páginas de categoria)
• Mapa de vagas
• Rodapé

As páginas de categoria têm os seguintes recursos:

• As páginas de categoria são normalmente usadas para destacar posições difíceis de preencher e de alto volume.
• Os sites padrão do Gerador de sites de carreiras incluem 10 páginas de categoria.
• Você pode utilizar páginas de categoria para representar categorias de cargo, marcas, localizações, etc.
• Você pode exibir jobs em mais de uma página de categoria.
• Limite a quantidade de conteúdo nas páginas de categoria para reduzir a quantidade de rolagem que os candidatos precisam fazer para chegar à tabela de vagas.

As principais práticas incluem:

• É prática principal para cada página de categoria usar o mesmo layout, embora diferentes componentes possam ser usados para diferentes páginas de categoria.
• É também a principal prática para o cliente fornecer cópia única (texto) e uma imagem ou vídeo para cada página de categoria.
• A prática principal é usar campos de dados específicos do sistema de rastreamento de candidatos (ATS), como Departamento, Unidade de negócios ou Função, para determinar quais cargos são mapeados para essas páginas.

Quando o Modelo de dados unificado está ativado, as categorias podem ser definidas usando palavra-chave e/ou localização, ou filtrando de qualquer objeto na requisição de vaga.

Nenhuma vaga está incluída nessas páginas. Em vez disso, essas páginas contêm informações sobre a cultura da empresa, benefícios, diversidade, programas universitários e estágios, etc.

Um contrato de implementação CSB padrão inclui 14 páginas de conteúdo e/ou de categoria.

Os links para essas páginas podem ser incluídos em um menu suspenso na página inicial, no corpo da página inicial ou no rodapé.

Os clientes podem atrair candidatos em um público-alvo específico por meio de compras de publicidade online que vinculam os candidatos a uma landing page criada especificamente para eles.

Exemplos da utilização de páginas de chegada incluem o seguinte:

• Anuncie uma Feira de Carreira no LinkedIn.
• Lance uma campanha no Facebook para atrair as recentes graduações universitárias.
• Anuncie sobre carreiras com a empresa no Indeed, não para um anúncio de emprego específico.
• Adquira o Google AdWords.

Quando o Modelo de dados unificado está ativado, os clientes podem configurar todos os elementos da página de resultados da pesquisa e os cartões de resultados de job para cada marca. Além disso, eles podem configurar os campos nos quais os candidatos podem refinar seus resultados de pesquisa.

Estas são algumas das marcas de uma página de vagas do Gerador de sites de carreiras:

• Navegação de cabeçalho e rodapé
• Pesquisar por funcionalidade de palavra-chave, que pesquisa toda a coleção de vagas
• Ícones de compartilhamento social
• Link para participar da Comunidade de talentos
• Botões Aplicar agora na parte superior e inferior

O objetivo do cabeçalho é permitir que o candidato alcance uma navegação consistente no site. Incluir links que apoiam os principais objetivos: candidatar-se a vagas e ingressar na Comunidade de talentos.

As práticas principais para cabeçalhos incluem os seguintes pontos:

• Sobre nós (use a lista suspensa para ver todas as páginas de conteúdo)

• Vagas em destaque (use a lista suspensa para ver todas as páginas de categoria)

• Locais (mapa de vagas do Google)

• Iniciar sessão

• Junte-se à Comunidade de Talentos (frequentemente encontrada em "Não encontrar um emprego?")

• Seletor de idioma (para sites com várias localidades)

Inclua o logotipo do cliente no canto superior esquerdo, que é vinculado à página inicial quando o usuário está em outras páginas na plataforma.

Quaisquer links ("chamadas para ação") encontrados na página inicial devem ser replicados no cabeçalho para facilitar a navegação.

As práticas principais para rodapés incluem os seguintes pontos:

• Página inicial de carreiras

• Corporate Home (comunica credibilidade e qualidade aos motores de busca)

• Principais vagas (links para as principais páginas de resultados de pesquisa para ajudar a garantir que elas sejam indexadas por mecanismos de pesquisa)

• Visualizar todas as vagas (links para as páginas da categoria para ajudar a garantir que elas sejam indexadas pelos mecanismos de pesquisa)

Ao incluir links sociais, faça o seguinte:

• Escolha apenas links de redes sociais específicos de candidatos à vaga.

• Apresentar links sociais no rodapé ou próximo à parte inferior da página.

  

O componente Vagas em destaque permite exibir vagas de alto perfil ou de alta importância nas páginas do Gerador de sites de carreiras.

O componente Jobs em destaque tem três guias de configuração: Detalhes, Menu e Estilos.

O Texto de cabeçalho é inserido na ficha de registro Detalhes. Você também pode adicionar um botão opcional que pode ser vinculado a todas as vagas, a outras partes do site de carreiras ou a páginas externas da web.

Adicione os links às páginas de categoria na guia Menu. Os links são exibidos em três colunas dentro do componente; isso não é configurável.

Na guia Estilos, configure a cor dos links, o texto do cabeçalho e o plano de fundo do componente.

Para que as vagas sejam exibidas no componente Mapa de vagas do Google, os dados de localização devem ser configurados corretamente. Algumas das opções disponíveis são mostradas na figura abaixo.

Observe também que o Google Maps aplica um viés padrão para o comportamento do aplicativo em relação aos Estados Unidos. Se seu cliente quiser alterar o modo como o mapa é apresentado, altere o Código da região. Consulte o texto de ajuda no CSB para obter detalhes.

O componente Carrossel de imagens exibe somente imagens, sem texto.

Na figura abaixo, a empresa incluiu seus muitos links para sites sociais em um carrossel.

O componente Carrossel de imagem e texto permite que você adicione uma galeria de imagens em formato de slide em uma página do site de carreiras, com texto de acompanhamento.

O foco automático coloca o foco no carrossel de imagens quando os slides avançam. Quando o intervalo de exibição é definido como maior que 0 e Foco automático está ativado, o foco reposiciona você no carrossel ativo, independentemente de onde você está na página.

O componente Formulário de Informações e Inscrição exibe uma imagem ou informações sobre a empresa, lado a lado com o Formulário de Inscrição da Comunidade de Talentos.

As imagens carregadas no Gerador de sites de carreiras estão hospedadas na rede de entrega de conteúdo (CDN) da Akamai, que usa servidores em todo o mundo para reduzir o tempo de carregamento da página.

Dependendo do componente, para adicionar uma imagem à página, selecione Selecionar imagem ou +Adicionar. Normalmente, isso é encontrado na guia Estilos.

Você pode optar por adicionar uma imagem a partir de uma lista de imagens que você adicionou anteriormente.

Para adicionar uma nova imagem, execute as seguintes etapas:

1. Selecione Carregar imagem.
2. Selecione Selecionar imagem.
3. Procure e selecione a imagem desejada e clique em Adicionar.
4. Selecione a seta Voltar.
5. Selecione Editar texto alternativo, insira o texto e clique em Salvar.
6. Selecione a seta Voltar e clique em Selecionar.

Ao adicionar uma imagem, selecione o Tipo de imagem e a Posição da imagem desejados, como mostrado na figura abaixo.

Este recurso permite que um "ponto focal" para uma imagem esteja sempre visível, independentemente do tipo de navegador e dispositivo que está sendo usado pelo candidato. Por exemplo, uma pessoa na imagem estará sempre centrada em cada dispositivo.

Se a imagem não for exibida como desejado em todos os dispositivos, você pode adicionar vários componentes com imagens de tamanhos diferentes para exibir em cada tipo de dispositivo.

Ao adicionar imagens, considere o seguinte:

• Dependendo do componente, para adicionar uma imagem à página, selecione Selecionar imagem ou +Adicionar, normalmente na guia Estilos.
• Você pode optar por adicionar uma imagem de uma lista de imagens que adicionou anteriormente.
• Se o cliente precisar de ajuda para fornecer imagens prontas para a Web, recomendamos que a equipe de web design da SAP prepare seus arquivos de imagem. O tempo precisará ser faturado.

O componente suporta o que os web designers chamam de imagens hero-tipo em um site: uma imagem é exibida em toda a página. Selecione a Posição da imagem e a Altura.

O componente Barra de pesquisa é uma configuração global que é adicionada no nível do componente, mas não editada aí. O layout da barra de pesquisa reflete o que é selecionado para a localidade e marca específicas em Pesquisa→de estilos globais.

A prática principal é o local de destaque da barra de pesquisa, ou seja, "acima da dobra" (não requer rolagem).

Use uma cor de fundo forte.

Na figura abaixo, o modelo de dados unificado está ativado no ambiente do cliente. A ativação da pesquisa de localização é opcional.

O componente Formulário de inscrição adiciona um formulário de inscrição de e-mail para a Comunidade de talentos.

O Formulário de Inscrição é um elemento de página menor dentro de uma caixa que é a largura total da página. Você não pode alterar a orientação do Formulário de Inscrição dentro da caixa ou do tamanho do formulário.

Na guia Detalhes, insira um título para o formulário e o corpo do texto desejado. O Formulário de assinatura também contém um campo para o usuário inserir seu endereço de e-mail.

O Formulário de Inscrição sempre inclui um botão para se inscrever na Comunidade de Talentos. Você não pode ocultar esse botão, mas pode configurar o texto exibido no botão usando o campo Texto do botão. Você também pode especificar se o texto é exibido acima das caixas de entrada ou como texto fantasma dentro das caixas.

Na guia Estilos, selecione a imagem de fundo e a cor do cabeçalho e do corpo do texto.

Para obter uma caixa quase transparente, como neste exemplo, use o controle deslizante inferior de Fundo do corpo de→estilos.

O componente Texto é uma única coluna de texto. Você não pode modificar o tamanho ou a orientação deste componente.

Na guia Detalhes, insira o texto e, se desejado, um link ou botão incorporado.

Na guia Estilos, defina a cor do texto e do plano de fundo ou, se desejado, adicione uma imagem de plano de fundo.

No componente Texto, a configuração Remover preenchimento esquerdo e direito existente funciona em conjunto com Ativar espaçamento removendo os 20 pixels de espaçamento padrão acima e abaixo do texto, para que o cliente tenha mais controle sobre como o texto é exibido na página.

A figura, Imagens de três colunas com exemplo de legenda, é um exemplo de como imagens diferentes mais uma legenda podem aparecer.

O componente Imagem de três colunas com legenda usa um layout definido para informações no site de carreiras.

Cada uma das três colunas neste componente tem várias funcionalidades disponíveis. Em cada uma das colunas, você pode efetuar o seguinte:

• Carregue uma imagem.
• Insira o texto do cabeçalho e o corpo do texto.
• Exiba um link ativando a opção Mostrar link. Em seguida, você pode usar o menu Editar link para escolher o tipo de link que deseja adicionar e o texto que será exibido para o link.

Você não pode ajustar a largura das colunas no componente ou o tamanho das imagens.

Use as guias Estilos e Estilos de fonte para ajustar cores e fontes.

Alguns clientes adicionam várias instâncias desse componente, como mostrado na figura abaixo.

O componente Duas colunas consiste em uma imagem e um texto.

O texto é inserido na guia Detalhes. Na guia Estilos, selecione a imagem e as cores do texto e do plano de fundo do componente. As opções para Posição da imagem normalmente se aplicam à largura total do componente. Por exemplo, se você selecionar Centro, a imagem será exibida centralizada na largura de ambas as colunas.

Mas se a configuração Refinar alinhamento de imagem estiver ativada, a imagem nunca se estenderá além de 50% da tela disponível, portanto, nunca será mais larga do que metade da página. Dependendo da sua configuração Posição da imagem, isso pode significar que a imagem aparece na metade esquerda ou direita da página, ou no centro de 50% da página. O texto é sempre apresentado à direita.

O componente Duas Colunas parece bom na exibição Desktop, mas é menos atraente na visualização Tablet. Na visão Celular, a imagem não é exibida, apenas a cópia.

O componente Vídeo permite adicionar vídeos às páginas do Gerador de sites de carreiras. Notas adicionais sobre o vídeo incluem o seguinte:

• Os vídeos podem ser incorporados a partir do YouTube, Vimeo e Wistia.

• Na guia Detalhes, selecione se o vídeo é de largura total ou alinhado à esquerda ou à direita com texto.

• Decida também se deseja que o vídeo seja iniciado automaticamente.

• Selecione as cores do plano de fundo e da fonte na guia Estilos.

Os formulários de captura de dados podem ser adicionados a páginas de chegada para capturar informações sobre o candidato, que são salvas no perfil do candidato. Se desejado, as páginas de chegada podem ser utilizadas por um período de tempo e, em seguida, desativadas ou excluídas. Por exemplo, crie uma página de chegada para estudantes universitários em maio e exclua-a em julho, assumindo que as necessidades de recrutamento da empresa foram atendidas.

Outras considerações incluem:

• Crie os formulários no Gerador de sites de carreiras e adicione-os a qualquer página de chegada.
• As páginas de chegada não são indexadas em mecanismos de busca (mapas do site).
• Duas colunas são suportadas em páginas de chegada CSB.

O componente Plug-in personalizado é ideal para introduzir componentes de layout únicos e independentes nas páginas. Ele permite que os clientes diferenciem a funcionalidade e o estilo de seu site de carreiras de outros sites.

Seguem-se exemplos de utilizações para o plug-in personalizado:

• Crie componentes de página com layouts diferentes dos componentes padrão do Gerador de sites de carreiras.

• Integre gadgets ou widgets personalizados e elementos interativos, como vídeos, controles deslizantes e animações.

• Forneça formulários personalizados.

• Personalize a barra de pesquisa incorporando-a em uma imagem de "herói" ou expanda as opções de pesquisa da lista de opções por padrão.
• Integre um aplicativo de terceiros para adicionar um chatbot ou feed do Twitter, integrar Qualtrics, ativar análises (rastreamento de pixels) e assim por diante.

Veja exemplos no blog, Quebra de sites de carreiras cortadores de cookies usando plug-ins personalizados, na Sala de aprendizagem de recrutamento em Conteúdo→6 Gerador de sites de carreiras (CSB).

O componente Plug-in personalizado não está previsto para as seguintes tarefas:

• Modificação do cabeçalho ou rodapé
• Substituindo o estilo CSS universal
• Funcionalidade da plataforma de reescrita

O desenvolvedor de terceiros que codifica o plug-in personalizado pode usar qualquer linguagem web padrão, como Java script e HTML.

Ativar controle de espaçamento permite personalizar o tamanho das margens do componente. Você pode selecionar Espaçamento pequeno, médio, grande ou personalizar o espaçamento inserindo o número de pixels desejados entre os componentes.

A página de exemplo foi criada com três componentes: Texto, Barra de pesquisa e Mapa de vagas do Google. Quando Ativar espaçamento está desativado, todos os componentes estão tocando.

No exemplo a seguir, Ativar espaçamento foi ativado para os componentes Texto e Mapa na guia Estilos. Ele foi definido como Médio para as margens superior e inferior, e Custom=0 para os lados direito e esquerdo.

Como resultado, observe o espaçamento que foi adicionado entre os componentes.

Você pode duplicar um componente para não ter que definir todas as configurações manualmente ao inserir um componente adicional do mesmo tipo na página. Isso é particularmente útil quando você quer criar uma experiência de usuário ligeiramente diferente entre as visões de desktop, dispositivo móvel e tablet da mesma página.

Outras notas incluem o seguinte:

• Alguns componentes contêm outras guias a serem configuradas, além das guias Detalhes e Estilos.

• As imagens de fundo, quando usadas, aparecem atrás da parte de texto do componente. Como alternativa, é possível selecionar uma cor de fundo para esta área.

• Quando Texto do rótulo está definido como Sim, o texto é exibido acima das caixas de entrada. Quando o controle está definido como Não, o texto é exibido como texto fantasma dentro das caixas, como mostrado na figura abaixo.

Se um componente padrão ou personalizado não atender aos requisitos do seu cliente, as opções de terceiros estarão disponíveis na SAP Store: https://store.sap.com/dcp/en/search/SAP%20SuccessFactors%20Recruiting