Como criar uma página da Web sem código no Notion: um guia passo a passo

Como criar uma página da Web sem código no Notion: um guia passo a passo
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 encontrá-lo.





MAKEUSEDO VÍDEO DO DIA

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.





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 Envio , Link , ou Unsplash e siga as instruções da Notion.
  Adicionar opção de imagem no software de anotações

Mesmo que você não tenha um visual que represente a marca de 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.



  Adicionar menu de imagem no software de anotações

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ê.

  Layout de texto em software de anotações

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.





  Barra de ferramentas de formatação de texto em software de anotações

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.

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:example@makeuseof.com. Certifique-se de testá-lo e verifique se você digitou corretamente.

  Opções de link de e-mail no software de anotações

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.

e vídeo para 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.
  Adicione opções de imagem no software de anotações

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

  Compartilhar opções para uma página no software de anotações

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.

como fazer uma imagem com fundo transparente
  Exemplo de site em um navegador da web