Criar e personalizar páginas
Ultima atualização: Março 19, 2024
Disponível com qualquer uma das seguintes assinaturas, salvo menção ao contrário:
Todos os produtos e planos |
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 tem a permissão Write para o tipo de página que pretende criar. Para publicar páginas, também é necessária a permissão Publicar.
- Certifique-se de que o domínio da sua página está ligado 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:
-
- Os modelos para iniciantes incluem edição de arrastar e largar funcionalidades e opções para personalizar tipos de letra, cores e estilos de botões. Não são compatíveis com conteúdo inteligente, módulos personalizados, personalização, acesso ao código-fonte nos módulos de rich text, páginas protegidas por senha ou opções avançadas, como a troca de modelos e o acesso ao HTML do cabeçalho.
- Modelos de tema suportam edição de arrastar e largar funcionalidades, módulos de tema únicos e estilo de tema personalizável.
- 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.
- Saiba o número de landing pages e sites que você pode criar e quais modelos pode utilizar. Isso é determinado pela sua assinatura do Marketing Hub e do CMS Hub:
Sem assinatura do Marketing Hub | Marketing Hub Starter | Marketing Hub Professional/Enterprise | ||
Sem assinatura do CMS Hub |
Landing pages: até 20 páginas com a marca HubSpot, apenas modelos Starter Páginas Web: até 25 páginas Web com a marca HubSpot, todos os modelos |
Landing pages: até 10.000 páginas, apenas modelos Starter Páginas Web: até 25 páginas Web com a marca HubSpot, todos os modelos |
Landing pages: até 10.000 páginas, todos os modelos Páginas Web: até 25 páginas Web com a marca HubSpot, todos os modelos |
|
CMS Hub Starter |
Landing pages: até 20 páginas com a marca HubSpot, apenas modelos Starter Páginas Web: até 50 páginas, todos os modelos |
Landing pages: até 10.000 páginas, apenas modelos Starter Páginas Web: até 50 páginas, todos os modelos |
Landing pages: até 10.000 páginas, todos os modelos Páginas Web: até 50 páginas, todos os modelos |
|
CMS Hub Professional/Enterprise |
Landing pages: até 10.000 páginas, todos os modelos Páginas Web: até 10.000 páginas, todos os modelos |
Landing pages: até 10.000 páginas, todos os modelos Páginas Web: até 10.000 páginas, todos os modelos |
Landing pages: até 10.000 páginas, todos os modelos Páginas Web: até 10.000 páginas, todos os modelos |
Criar páginas
-
Acesse seu conteúdo:
- Páginas do site: Na sua conta HubSpot, navegue até Marketing > Site > Páginas do site.
- Landing Pages: Na sua conta da HubSpot, navegue até Marketing > Landing Pages.
- No canto superior direito, clique no menu suspenso Criar e selecione Página do site ou Landing page.
- Na caixa de diálogo, especifique um nome e um domínio para a página:
- No ecrã de seleção de modelos, os modelos do seu tema ativo aparecem no topo da página, enquanto todos os outros modelos aparecem na secçã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 utilizando modelos starter ou theme, global content abrangendo várias páginas, drag and drop areas, e rich text ou image modules.
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 HubSpot, navegue até Marketing > Site > Páginas do site.
- Landing Pages: Na sua conta da HubSpot, navegue até Marketing > Landing Pages.
- Passe o cursor do mouse sobre uma página e clique em Editar.
- 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 a edição de uma 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 tiver uma subscrição Marketing Hub Professional ou Enterprise, pode associar a página a uma campanha:
- Para associar a sua página a uma campanha existente, clique no menu pendente Campanha e seleccione uma campanha .
- Para associar a sua página a uma nova campanha, clique no menu pendente Campanha e clique 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 HubSpot, navegue até Marketing > Site > Páginas do site.
- Landing Pages: Na sua conta da HubSpot, navegue até Marketing > Landing Pages.
- Passe o cursor do mouse sobre uma página e clique em Editar.
- 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 HubSpot, navegue até Marketing > Site > Páginas do site.
- Landing Pages: Na sua conta da HubSpot, navegue até Marketing > Landing Pages.
- Passe o cursor do mouse sobre uma página e clique em Editar.
- 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 HubSpot, navegue até Marketing > Site > Páginas do site.
- Landing Pages: Na sua conta da HubSpot, navegue até Marketing > Landing Pages.
- Passe o cursor do mouse sobre uma página e clique em Editar.
- 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 HubSpot, navegue até Marketing > Site > Páginas do site.
- Landing Pages: Na sua conta da HubSpot, navegue até Marketing > Landing Pages.
- Passe o cursor do mouse sobre uma página e clique em Editar.
- 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 CMS 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 CMS Hub Enterprise ou do Marketing 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 HubSpot, navegue até Marketing > Site > Páginas do site.
- Landing Pages: Na sua conta da HubSpot, navegue até Marketing > Landing Pages.
- Passe o cursor do mouse sobre uma página e clique em Editar.
- 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 utilizando 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 trabalhar com folhas de estilo de 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 secção não aparecerá nas páginas que utilizam os 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 HubSpot, navegue até Marketing > Site > Páginas do site.
- Landing Pages: Na sua conta da HubSpot, navegue até Marketing > Landing Pages.
- Passe o cursor do mouse sobre uma página e clique em Editar.
- 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 HubSpot, navegue até Marketing > Site > Páginas do site.
- Landing Pages: Na sua conta da HubSpot, navegue até Marketing > Landing Pages.
- Passe o mouse sobre a página e clique em Editar.
- 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, pode pré-visualizá-la em diferentes tipos de dispositivos e testar conteúdos inteligentes e personalização. Os links de pré-visualização foram concebidos para serem partilhados internamente com outros utilizadores da sua conta; não é recomendável partilhá-los com visitantes externos.
-
Acesse seu conteúdo:
- Páginas do site: Na sua conta HubSpot, navegue até Marketing > Site > Páginas do site.
- Landing Pages: Na sua conta da HubSpot, navegue até Marketing > Landing Pages.
- Passe o mouse sobre a página e clique em Editar.
- 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 partilhar esta página de pré-visualização com os utilizadores da sua conta, clique em Copiar link na página de pré-visualização. Se a página estiver alojada num domínio do sistema HubSpot , os utilizadores devem ter sessão iniciada no HubSpot para ver esta pré-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.