Leitores como você ajudam a apoiar o MUO. Quando você faz uma compra usando links em nosso site, podemos ganhar uma comissão de afiliado. Consulte Mais informação.

Se você precisa de uma página da Web simples e sem código, o Notion é o lugar certo. Além de ser um dos melhores softwares de produtividade e anotações disponíveis, você também pode usar essas mesmas ferramentas para criar uma página de destino e permitir que seus clientes ou seguidores saibam onde encontrar você.

E se você ainda não experimentou, é como usar um processador de texto comum. Curioso para saber como funciona? Siga este tutorial passo a passo para criar sua própria página da Web sem código no Notion.

Introdução à sua página da Web No-Code Notion

Para criar seu documento de página da web, vá para Nova página no canto inferior esquerdo da tela e selecione página vazia. Dê à sua página um título que reflita sobre o que é a sua página da web, por exemplo, o nome da sua empresa, produto ou serviço. Você pode retornar e alterá-lo mais tarde se pensar em algo diferente, mas quer que as pessoas saibam que estão no lugar certo.

instagram viewer

Adicionando uma imagem de capa à sua página de noção

As imagens de capa são uma excelente maneira de tornar sua página da Web reconhecível para seus seguidores ou clientes. Para adicionar um:

  1. Passe o cursor em qualquer lugar acima do título e a opção Adicionar capa vai aparecer.
  2. O Notion colocará uma imagem aleatória no topo da sua página.
  3. Mova o cursor sobre a imagem e selecione Mudar capa.
  4. No menu de capa, suas opções são adicionar um da galeria Notion, fazer upload do seu próprio, vincular a um ou encontrar um pesquisando no Unsplash.
  5. Se estiver usando um da galeria, clique na imagem, cor ou gradiente desejado.
  6. Caso contrário, vá para Carregar, Link, ou Unsplash e siga as instruções da Notion.

Mesmo que você não tenha um visual que represente a marca da sua empresa, pode escolher algo que corresponda ao seu esquema de cores ou criar algo em software gratuito de edição de fotos como o Canva. Se você achar que não quer nenhuma imagem, volte ao menu da capa e clique em Remover no canto superior direito.

Você pode voltar a isso mais tarde se não souber qual imagem usar.

Adicionando cabeçalhos e texto à sua página de noção

Ao criar uma página da Web, muitas vezes a tentação é colocar o máximo de informações possível em um só lugar. Mas pense em seus próprios hábitos de leitura. Se houver muita informação em uma página ou você estiver olhando para paredes de texto, será mais difícil encontrar a mensagem.

O objetivo é tornar sua página da Web passível de leitura e fornecer informações suficientes para que seus seguidores ou clientes possam dar o próximo passo. Também ajuda a organizar essas informações em cabeçalhos, para que possam localizá-las rapidamente. Você pode adicionar ênfase a textos importantes usando cores, negrito, itálico e Chamar ou Citar blocos. Além disso, você pode mude sua fonte no Notion se o padrão não funcionar para você.

Com o Notion, você pode facilmente adicionar texto em qualquer lugar apenas clicando em qualquer lugar da página e digitando. Para cabeçalhos, você pode usar comandos para alterar seu bloco para um cabeçalho antes de digitar ou destacar o texto depois e usar a barra de ferramentas de formatação para fazer a troca.

Para tamanho, suas opções são títulos 1, 2 ou 3, sendo H1 o maior e H3 sendo o menor. O tamanho do seu cabeçalho ajuda a mostrar a hierarquia da sua página da web. Como seu título principal e mais importante é H1, você deve usar H2 para títulos e H3 para legendas, para não competir com ele.

Além disso, se você tiver uma conta Personal Pro e decidir ativar Indexação do mecanismo de pesquisa, organizar informações usando cabeçalhos e usando apenas um cabeçalho H1 por página segue boas práticas de SEO.

Adicionando links à sua página de noção

Para adicionar links ao seu texto, destaque-o e clique Link na barra de ferramentas de formatação. Para gostar de um e-mail, digite mailto: e depois o seu endereço, assim ele abrirá o compositor do seu cliente em potencial e o colocará para ele. Por exemplo, mailto: [email protected]. Certifique-se de testá-lo e verifique se você digitou corretamente.

Alguns outros links que você pode querer adicionar são suas páginas de mídia social, páginas de portfólio ou outros lugares úteis que clientes ou seguidores em potencial podem encontrar na Internet.

Adicionando imagens e vídeos à sua página de noção

Construir uma página da web sem código não significa que ela precisa ser básica. Usando comandos, você pode inserir imagens e vídeos em qualquer lugar da sua página.

  1. Pressione a barra (/) no teclado e comece a digitar imagem ou vídeo, o que você quiser.
  2. Selecione-o no menu de blocos.
  3. Se você estiver adicionando uma imagem, escolha entre Upload, Embed Link ou Unsplash e siga as instruções do Notion.
  4. Se você estiver adicionando um vídeo, selecione Incorporar ou Carregar, e o Notion também o guiará pelo resto.

Assim que sua imagem ou vídeo estiver na sua página, você pode arrastá-lo e soltá-lo em qualquer lugar usando a alça - seis pontos à esquerda do seu bloco. Você também pode colocá-lo ao lado de outro bloco para criar uma coluna. Para redimensionar as colunas, passe o cursor sobre o bloco e use as guias de cada lado. Brinque com suas imagens e layout para ver o que você gosta.

Publicando sua página da Web No-Code Notion

Assim que sua página da Web estiver pronta, inicie-a acessando Compartilhar no canto superior direito da tela e ligando Compartilhar na web. Desative a edição e os comentários, bem como a duplicação, se não quiser que alguém use seu site como modelo. Agora, você pode usar o link para compartilhá-lo com quem quiser.

Verifique novamente sua página para ver se não deseja que outras pessoas tenham acesso, incluindo links para suas outras páginas do Notion.

Sugestões para páginas adicionais que você pode criar no Notion

Se você se sentir confortável em criar páginas sem código no Notion, algumas outras páginas que você pode considerar adicionar são:

  • portfólio
  • produtos
  • Serviço
  • História
  • Galeria
  • Avaliações
  • Notícias

Certifique-se de que cada página adicionada tenha uma finalidade, tenha uma mensagem e contenha informações relevantes e atualizadas. Menos é mais se aplica a mais do que apenas texto e imagens ao criar um site.

Construir uma página da Web sem código não precisa ser complicado

Você pode manter sua página da Web do Notion tão simples quanto desejar. O objetivo é compartilhar uma mensagem com seus clientes ou seguidores em potencial sobre quem você é e o que faz. Mantenha-o breve e organizado para garantir que eles recebam a mensagem.

E se você quiser continuar brincando com o layout e as imagens, pode duplicar a página clicando com o botão direito na barra lateral e trabalhando na cópia, para não perder o design anterior.