Criar e personalizar páginas

No HubSpot, você pode criar páginas e landing pages para seu site. Você pode personalizar o conteúdo e as configurações da página e otimizar as páginas para os mecanismos de pesquisa. 

Antes de começar

• Verifique se você tem a permissão de Gravação  para o tipo de página que deseja criar. Para publicar páginas, você também precisará de permissão para Publicar. 
• Verifique se seu domínio de página está conectado ao HubSpot para publicação. Se estiver usando as ferramentas gratuitas da HubSpot, sua conta incluirá um domínio com a marca da HubSpot que está pronto para publicação.
• Entenda os diferentes tipos de modelo de página disponíveis na HubSpot:
  
  • Modelos de tema são compatíveis com recursos de edição de arrastar e soltar, módulos de tema exclusivos e estilos de tema personalizáveis.
  • Os modelos personalizados são criados no gerenciador de design, no editor de layout ou usando um código personalizado. Os recursos de edição de arrastar e soltar só estão disponíveis em modelos personalizados com áreas de arrastar e soltar. 

• Acesse seu conteúdo:

  • Páginas do site: Na sua conta da HubSpot, acesse Conteúdo > Páginas do site.
  • Landing pages: Na sua conta da HubSpot, acesse Conteúdo > Landing pages.
• No canto superior direito, clique em Criar. 
• Na caixa de diálogo, especifique um nome e um domínio para a página: 
  • Clique no menu suspenso Site e selecione um domínio para a URL da página. Se você não tiver nenhum domínio conectado, o domínio padrão do sistema será a única opção.
  • No campo Nome da página insira um nome interno para a página. 
  • Clique em Criar página. 

• Na tela de seleção de modelos, os modelos do seutema ativo serão exibidos na parte superior da página, enquanto todos os outros modelos estarão na seção Outros modelos na parte inferior. Se você não selecionou um tema ativo, passe o cursor do mouse sobre um tema e clique em Definir como tema ativo. 
• Passe o cursor sobre um modelo e clique em Visualizar modelo para abrir uma visualização, ou Selecionar modelo para prosseguir para o editor de conteúdo.

• No editor de conteúdo, as opções de edição disponíveis dependem do tipo de modelo da página e dos módulos usados. Saiba mais sobre como editar páginas usando modelos de tema, conteúdo global abrangendo várias páginas, áreas de arrastar e soltar e módulos de rich text ou imagem. 

Personalizar configurações da página

Depois de editar o conteúdo da página, você pode personalizar os atributos da página, como o URL, a meta descrição e o idioma. 

Personalizar configurações básicas da página

• Acesse seu conteúdo:

  • Páginas do site: Na sua conta da HubSpot, acesse Conteúdo > Páginas do site.
  • Landing pages: Na sua conta da HubSpot, acesse Conteúdo > Landing pages.
• Clique no nome da página. 

• Clique no menu Configurações e selecione Geral. 
• Na caixa de diálogo, insira um nome interno no campo Nome interno da página. Este nome não será visível aos visitantes. 
• No campo Título da página, insira um nome externo para a página. Esse nome aparecerá na guia, no canto superior do navegador da Web do visitante, quando a página for carregada. 
• Na seção URL da página, clique no menu suspenso Domínios e selecione o domínio onde a sua página será hospedada. Em seguida, insira um slug de URL no campo Slug de conteúdo. Saiba mais sobre como editar um URL de página. 
• No campo Meta descrição, insira uma descrição do conteúdo da página que aparecerá nos resultados de pesquisa abaixo do título da página. 

• Se você tiver uma assinatura do Marketing Hub Professional ou Enterprise, poderá associar a página à campanha:
  • Para associar a página a uma campanha existente, clique no menu suspenso Campanha e selecione uma campanha.
  • Para associar a página a uma nova campanha, clique no menu suspenso Campanha e em Criar campanha. Em seguida, continue a configurar a sua campanha. 

• • Se você nunca criou uma campanha antes, clique em Criar uma campanha. Em seguida, continue a configurar a sua campanha. 

Definir a imagem em destaque

Para adicionar uma imagem em destaque a ser incluída quando a página for compartilhada nas mídias sociais:

• Acesse seu conteúdo:

  • Páginas do site: Na sua conta da HubSpot, acesse Conteúdo > Páginas do site.
  • Landing pages: Na sua conta da HubSpot, acesse Conteúdo > Landing pages.
• Clique no nome da página. 
• Clique no menu Configurações e selecione Imagem em destaque. 
• Na caixa de diálogo, clique para ativar o botão Imagem em destaque ativada.
• Clique em Upload para selecionar uma imagem do seu computador ou em Procurar imagens para selecionar uma imagem da ferramenta de arquivos.
• Para aumentar a acessibilidade, insira uma descrição da sua imagem no campo de texto alternativo da imagem. 

Alterar o modelo da página

• Acesse seu conteúdo:

  • Páginas do site: Na sua conta da HubSpot, acesse Conteúdo > Páginas do site.
  • Landing pages: Na sua conta da HubSpot, acesse Conteúdo > Landing pages.
• Clique no nome da página. 
• Clique no menu Configurações e selecione Modelo.
• Na caixa de diálogo, para selecionar um modelo diferente, clique em Usar um modelo diferente. Se você estiver alternando o modelo de uma página publicada, certifique-se de clicar em Atualizar para ativar quaisquer alterações não publicadas. Caso contrário, essas alterações podem ser perdidas quando você mudar o modelo.
• Na tela de seleção de tema, selecione um tema.
• Na tela de seleção do modelo, selecione um modelo.
• Visualize como sua página ficará com o novo modelo e clique em Usar modelo para concluir a troca do modelo ou em Voltar para selecionar um modelo diferente. 

Definir o idioma da página

• Acesse seu conteúdo:

  • Páginas do site: Na sua conta da HubSpot, acesse Conteúdo > Páginas do site.
  • Landing pages: Na sua conta da HubSpot, acesse Conteúdo > Landing pages.
• Clique no nome da página. 
• Clique no menu Configurações e selecione Idioma.
• Na caixa de diálogo, clique no menu suspenso Idioma da página e selecione um idioma. Saiba mais sobre como gerenciar páginas de vários idiomas. 

Definir visibilidade da página

• Acesse seu conteúdo:

  • Páginas do site: Na sua conta da HubSpot, acesse Conteúdo > Páginas do site.
  • Landing pages: Na sua conta da HubSpot, acesse Conteúdo > Landing pages.
• Clique no nome da página. 
• Clique no menu Configurações e selecione Acesso do público.
• Na caixa de diálogo, selecione uma opção de acesso do público: 
  • Selecione Público para disponibilizar o conteúdo da página para qualquer visitante.
  • Selecione Privado - Senha obrigatória para adicionar uma senha obrigatória para os visitantes acessarem o conteúdo da página.
  • Em uma conta do Content Hub Enterprise, também é possível selecionar Privado - Registro necessário para exigir que os visitantes se registem no seu site para visualizar este conteúdo. 
  • Em uma conta do Content Hub Enterprise, você pode selecionar Privado - O logon único (SSO) é obrigatório para exigir que os visitantes façam login com um provedor de identidade, como o Google ou o Okta. 

Definir opções avançadas da página

• Acesse seu conteúdo:

  • Páginas do site: Na sua conta da HubSpot, acesse Conteúdo > Páginas do site.
  • Landing pages: Na sua conta da HubSpot, acesse Conteúdo > Landing pages.
• Clique no nome da página. 
• Clique no menu Configurações e selecione Avançado.
• Para tornar esta página uma página dinâmica, clique no menu suspenso Fonte de dados na caixa de diálogo e selecione uma tabela do HubDB ou uma propriedade. Saiba mais sobre como trabalhar com páginas dinâmicas. 
• Para adicionar snippets de código ao HTML de cabeçalho ou rodapé da página, clique no campo HTML de cabeçalho ou HTML de rodapé e insira seu snippet de código. Para adicionar snippets de código em todas as páginas de um domínio, acesse as configurações do site. 
• Para adicionar uma URL canônica personalizada, insira a URL no campo Personalizar URL canônica. Saiba mais sobre como usar URLs canônicos.
• Para gerenciar diferentes tipos de folhas de estilo anexadas à página: 
  • Folhas de estilo de domínio: essas folhas de estilo são anexadas a todas as páginas de um domínio nas configurações do site. Para desativar as folhas de estilo do domínio de uma página específica, clique no menu suspenso e selecione Desativado. Saiba mais sobre como trabalhar com folhas de estilo do domínio.
  • Folhas de estilo de modelo: essas folhas de estilo são definidas pelo modelo da página. Para desativar as folhas de estilo do modelo para uma página específica, clique no menu suspenso e selecione Desativado. Esta seção não será exibida para as páginas que usam modelos de tema. 
  • Folhas de estilo de página: essas folhas de estilo serão aplicadas apenas a esta página. Para anexar uma folha de estilo de página, clique no menu suspenso Anexar uma folha de estilo e selecione uma folha de estilo. Se as folhas de estilo do domínio e do modelo também forem usadas, o estilo deles terá prioridade. 

Publicar páginas

Depois de personalizar o conteúdo e as configurações da página, você poderá publicá-la ou programá-la para publicação futura:

• Acesse seu conteúdo:

  • Páginas do site: Na sua conta da HubSpot, acesse Conteúdo > Páginas do site.
  • Landing pages: Na sua conta da HubSpot, acesse Conteúdo > Landing pages.
• Clique no nome da página. 
• Para publicar a página imediatamente, clique em Publicar no canto superior direito.
• Para programar uma página para publicação posterior: 
  • No canto superior direito, clique no menu suspenso ao lado do botão Publicar e selecione Opções de publicação. 
  • Na caixa de diálogo, marque a caixa de seleção Programar publicação para mais tarde. 

• • Clique no campo de e selecione a data em que a página será publicada. 
  • Clique no menu suspenso hora e selecione a hora em que a página será publicada. 

• • Clique em Programar ou clique em Programar e continuar editando para programar a publicação da página e retornar ao editor de conteúdo. 

• Para configurar a página para não ser publicada automaticamente no futuro:
  • No canto superior direito, clique no menu suspenso ao lado do botão Publicar e selecione Opções de publicação. 

• • Na caixa de diálogo, clique na guia Programar cancelamento de publicação. 
  • Marque a caixa de seleção Programar cancelamento de publicação. 
  • Clique no campo de data e selecione a data em que a publicação da página será cancelada. 
  • Clique no menu suspenso hora e selecione a hora em que a publicação da página será cancelada. 
  • Clique no menu suspenso Quando ocorrer o cancelamento de publicação da página, redirecione os visitantes para e selecione uma página. Para usar um URL de destino externo, clique no menu suspenso e selecione Inserir um URL externo. Na caixa de diálogo, insira o URL e clique em Salvar. 
  • Clique em Atualizar agora.

Otimizar páginas para os mecanismos de pesquisa

Na guia Otimizar da barra lateral do editor, você pode ver as recomendações de SEO de uma página ou anexá-la a um tópico. 

• Acesse seu conteúdo:

  • Páginas do site: Na sua conta da HubSpot, acesse Conteúdo > Páginas do site.
  • Landing pages: Na sua conta da HubSpot, acesse Conteúdo > Landing pages.
• Clique no nome da página. 
• No editor de conteúdo, clique no ícone Otimizar gauge na barra lateral esquerda. 
• Para anexar o conteúdo a um tópico: 
  • Para adicionar um tópico existente, clique no menu suspenso Tópico e selecione um tópico para sua página.
  • Para criar um novo tópico, clique no menu suspenso Tópico e selecione Adicionar tópico principal. Na caixa de diálogo, insira o tópico e clique em Salvar
• Para anexar a página a uma palavra-chave de subtópico:
  • Marque a caixa de seleção Esse conteúdo é de apoio?.
  • Clique no menu suspenso Palavra-chave de subtópico e selecione uma palavra-chave de subtópico.
  • Para criar uma nova palavra-chave, clique no menu suspenso Palavra-chave de subtópico e clique em Adicionar palavra-chave de subtópico. Na caixa de diálogo, digite a palavra-chave de subtópico e clique em Salvar. 

• Para ver as recomendações de SEO incompletas, clique em uma categoria com um círculo vermelho. Cada recomendação concluída terá uma marca de verificação verde. Cada recomendação incompleta terá uma marca de verificação cinza. Saiba mais sobre como trabalhar com recomendações de SEO. 

Visualizar páginas

Antes de publicar uma página, você pode visualizá-la em diferentes tipos de dispositivos e testar o conteúdo inteligente e a personalização. Os links de visualização foram criados para serem compartilhados internamente com outros usuários na sua conta; não é recomendado compartilhá-los com visitantes externos. 

• Acesse seu conteúdo:

  • Páginas do site: Na sua conta da HubSpot, acesse Conteúdo > Páginas do site.
  • Landing pages: Na sua conta da HubSpot, acesse Conteúdo > Landing pages.
• Clique no nome da página. 
• No editor de conteúdo, clique em Visualização no canto superior direito. 
• Para acessar uma visualização de página inteira, clique em Abrir em uma nova guia no canto superior direito. Para compartilhar esta página de visualização com usuários na sua conta, clique em Copiar link na página de visualização. Se a página estiver hospedada em um domínio do sistema da HubSpot, os usuários devem estar conectados no HubSpot para ver esta visualização.
• Para visualizar a página em um dispositivo diferente, clique no ícone de dispositivo móvel mobile no canto superior direito da página de visualização. 

• Para visualizar a personalização ou o conteúdo inteligente, clique no menu suspenso Visualizar como: 
  • Selecione Contato para visualizar a personalização da página. Em seguida, clique no segundo menu suspenso e selecione um contato para visualizar como a página apareceria para esse contato. 
  • Selecione a Regra inteligente para visualizar o conteúdo inteligente da página. Em seguida, clique no segundo menu suspenso e selecione uma ou mais regras inteligentes para visualizar como a página apareceria para um visitante que correspondesse a essas regras. 
  • Para retornar à aparência padrão da página, clique em Redefinir.