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 do modelo de página inicial

Objective

After completing this lesson, you will be able to crie o modelo de página inicial.

Página inicial

Você pode configurar páginas iniciais para cada localidade e marca ativas. Comece configurando a marca padrão.

Para adicionar componentes à página inicial, selecione o botão Adicionar componente.
Use os botões para cima e para baixo para controlar a localização do componente na página.
Se você não quiser que o componente seja exibido em todos os dispositivos (desktop, tablet, celular), desmarque o campo de seleção para esse dispositivo.
Selecione o próprio componente para ajustar o estilo, a aparência e o conteúdo.

Configure as páginas iniciais para cada localidade e marca ativas. Comece configurando a marca padrão.

Criar a página inicial

Esse vídeo mostra como criar páginas iniciais.

Exemplo empresarial

Você começa a criar a página inicial para a marca padrão Best Run adicionando e configurando os componentes e adicionando metadados para a página. Em um exercício posterior, você adicionará recursos adicionais à página e duplicará a página para a Marca Vermelha.

Referencie esta tabela ao carregar imagens.

Componente	Arquivo de imagem	Texto alternativo	Tipo de imagem	Posição da imagem*
Formulário de assinatura	Subscribe.jpg	Mulher em escritório ocupado	Não modificado	Superior central
Três colunas	3-1_engineering.jpg	Bump de punho
Três colunas	3-2_sales.jpg	3 pessoas conversando em uma mesa
Três colunas	3-3_management.jpg	Duas pessoas fazendo anotações
Texto: job de sonho	green_background.jpg	fundo verde	Não modificado	Meio do meio
Imagem grande	work_remotely.jpg	Homem na cozinha	Não modificado	Superior central

* A Posição da Imagem é sempre definida para o ponto focal na imagem, por isso permanece na tela para todos os pontos de parada: Desktop, Tablet e Celular.

Tarefa 1: Adicionar e configurar componentes

Etapas

Navegue até Página→inicial→do CSB Página inicial→Inglês→Padrão da marca→.
Selecione o botão Adicionar componente.
Selecione Formulário de inscrição, Barra de pesquisa, Imagens de três colunas com legenda, Texto, Imagem grande, Mapa de vagas do Google e Vídeo.
Selecione fora da lista de Componentes. Se algum componente precisar ser reordenado, use os botões para cima e para baixo.
Selecione a caixa cinza que representa o Formulário de assinatura.
1. Na aba Detalhes, clique no ícone T ao lado do Texto de cabeçalho, altere a Cor para #FFFFFF e clique em Fechar. Se desejado, você também pode efetuar modificações no texto.
2. Selecione a guia Estilos.
3. Selecione Plano de fundo do corpo e clique em +Adicionar.
4. Em Etiqueta, insira azul semitransparente.
5. Na caixa Hex, insira 004990.
6. Para criar uma nova cor semitransparente para a caixa, insira 0,68 na caixa com o rótulo A.
7. Selecione fora da caixa Paleta de cores. Em seguida, para selecionar a nova cor, selecione Plano de fundo do corpo novamente e selecione a nova cor.
8. Selecione Corpo do texto e, em seguida, #FFFFFF.
9. Selecione Imagem de fundo e carregue a imagem listada na tabela acima. Para ver as etapas para carregar imagens, consulte as instruções Para adicionar uma nova imagem na unidade Práticas principais de design do site de carreiras.
10. Publicar e visualizar.
11. Na parte superior da janela, selecione a seta Voltar ao lado de Formulário de assinatura para retornar à parte superior da página inicial.
Role para baixo e selecione a caixa cinza para Imagens de três colunas com legenda.
1. Selecione a guia Coluna 1.
2. Para Mostrar link, clique em SIM. Adicionaremos links mais tarde.
3. Selecione Selecionar imagem e carregue a primeira imagem para este componente listado na tabela acima.
4. Selecione a guia Coluna 2.
5. Para Mostrar link, selecione SIM.
6. Selecione Selecionar imagem e carregue a segunda imagem para este componente listado na tabela acima.
7. Selecione a guia Coluna 3.
8. Para Mostrar link, selecione SIM.
9. Selecione Selecionar imagem e carregue a terceira imagem para este componente listado na tabela acima.
10. Selecione Publicar e visualizar.
11. Na parte superior da janela, selecione a seta Voltar ao lado de Imagens em três colunas com legenda.
Para distinguir os dois componentes de texto, role até o primeiro componente de Texto e clique na palavra Texto para renomeá-la.
1. Na caixa Nome, insira Trabalho de sonho e selecione Fechar.
2. Para editar o primeiro componente de Texto, selecione a caixa cinza.
3. Na guia Detalhes, para Texto de cabeçalho, insira Procurar job de sonho na Best Run.
4. Selecione o ícone T ao lado do Texto de cabeçalho e modifique o Tamanho para 18 e a Cor para #FFFFFF.
5. Para Body Text, digite Procurando sua próxima grande aventura? Explore as oportunidades de carreira da Best Run para os profissionais encontrarem um trabalho que seja empolgante, gratificante e flexível. Você vai até mesmo mudar o mundo.
6. Selecione o ícone T acima do Corpo do texto e modifique o Tamanho para 16.
7. Para Mostrar botão, clique em SIM. Adicionaremos o link do botão mais tarde.
8. Selecione a guia Estilos.
9. Selecione Corpo do texto e, em seguida, #FFFFFF.
10. Selecione Imagem de fundo e carregue a imagem listada na tabela acima.
11. Selecione Publicar e visualizar.
12. Na parte superior da janela, selecione a seta Voltar ao lado de Texto.
Role até o segundo componente Texto e clique na palavra Texto para renomeá-la.
1. Na caixa Nome, insira Trabalho remotamente e selecione Fechar.
2. Para editar o segundo componente Texto, selecione a caixa cinza.
3. Na guia Detalhes, para Texto de cabeçalho, insira Procurando um job remoto?
4. Selecione o ícone T ao lado do Texto de cabeçalho. Modifique o Tamanho para 24 e a Cor para Azul Best Run. Selecione Fechar.
5. Para Mostrar botão, selecione SIM. Adicionaremos um link a uma página de categoria para trabalhos remotos mais tarde.
6. Selecione Publicar e visualizar.
7. Na parte superior da janela, selecione a seta Voltar ao lado de Texto.
Role para baixo e selecione a caixa cinza para Imagem Grande.
1. Selecione Selecionar imagem e carregue a imagem listada na tabela acima.
2. Depois de carregar, passe o mouse sobre a Imagem de fundo e observe que a altura é de 485 pixels.
3. Para evitar espaçamento extra entre o componente acima e abaixo, para Altura máxima da imagem, insira 485.
4. Para Ativar espaçamento, selecione SIM. Deixe as configurações padrão (Nenhuma).
5. Selecione Publicar e visualizar.
6. Na parte superior da janela, selecione a seta Voltar ao lado de Imagem Grande.
Role para baixo e selecione a caixa cinza para Mapa de vagas do Google.
1. Na guia Detalhes, para Opções predefinidas do Map Center, selecione EUA.
2. Selecione a guia Estilos e, para Corpo de água, selecione a cor de fundo do site.
3. Para Ativar espaçamento, selecione SIM e deixe as configurações padrão (Nenhuma).
4. Selecione Publicar e visualizar.
5. Na parte superior da janela, selecione a seta Voltar ao lado do Mapa de vagas do Google.
Role para baixo e selecione a caixa cinza para Vídeo.
1. Para URL ou ID devídeo, insira https://www.youtube.com/watch?v=l4v33pLEpe0. Observe que o Tipo de vídeo está definido.
2. Para Layout, selecione Alinhado à direita com texto.
3. Para Texto de cabeçalho, insira Você está pronto para trabalhar para um líder em serviços de consultoria de negócios?
4. Selecione o ícone T ao lado do Texto de cabeçalho. Altere a Fonte para Arial Black, Gadget, sans-serif, altere o Tamanho para 24 e altere a Cor para Azul Best Run. Clique em Fechar.
5. Para Corpo do texto, insira Você não fará melhor que Best Run!
6. Selecione o ícone T acima do Corpo do texto e modifique o Tamanho para 24.
7. Selecione a guia Estilos.
8. Para Texto do corpo, selecione Azul da Best Run.
9. Para Ativar espaçamento, selecione SIM. Para evitar que o texto esteja muito próximo da margem esquerda, para Esquerda, selecione Médio.
10. Selecione Publicar e visualizar.
11. Na parte superior da janela, selecione a seta Voltar ao lado de Vídeo para retornar ao topo da página inicial.

Tarefa 2: Adicionar metatags à página inicial

A melhor prática é preencher os metadados para cada página no CSB. Para as páginas iniciais, usaremos os mesmos metadados que inserimos globalmente.

Etapas

Navegue até Páginas→Página inicial→en_US→Página inicial→da marca padrão.
Selecione o botão de engrenagem próximo à parte superior esquerda e selecione Tags.
Insira as seguintes informações:
- Título da página e meta:vagas na Best Run
- Palavras-chave:Engenharia, Vendas, Recursos Humanos, Empregos de gestão
- Meta Descrição:Inscreva-se online para vagas na Best Run: empregos de engenharia, de vendas, de recursos humanos e muito mais
Selecione Confirmar.
Publicar.
Nota
Exercícios futuros não direcionam especificamente você para adicionar Meta Tags ou Image Alt Text, mas sim o hábito de fazer isso.

Síntese

Configure a Página inicial por localidade/marca (comece com a Marca padrão), adicione vários componentes, reordene-os com controles para cima/para baixo e defina quais dispositivos (desktop/tablet/celular) cada componente deve ser exibido.
Personalize o estilo e o conteúdo do componente: ajuste o tamanho/cor/fontes do texto, crie e aplique uma cor semitransparente, defina imagens de corpo/plano de fundo e publique/visualize após as atualizações.
Aplique as melhores práticas de SEO adicionando meta tags da página inicial (título, palavras-chave, descrição), depois confirme e publique – e desenvolva o hábito de também adicionar meta tags e texto alternativo de imagem em páginas futuras.

Next lesson