Árvore de páginas

Versões comparadas

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.

...

  • Forneça uma URL que seja facilmente interpretável pelo usuário, utilizando palavras chaves. Por exemplo: guia-da-marca.
  • Complemente as URLs com títulos para incentivar o usuário a clicar neles.
  • Utilize palavras curtas, porém superiores a três caracteres; . Evite utilizar caracteres especiais , (com exceção de hífens para hífen para separar as palavras). 

...

  • Os conteúdos externos são componentes de fora do Pages Beta, por exemplo: vídeos do YouTube, artigos, páginas de outro site, etc. Eles multiplicam os recursos do seu site.
  • Quando for integrado ao Forms Beta, é preciso atentar-se ao tamanho mínimo de altura, pois caso a altura não seja a adequada será inserido um scroll na página.
  • Evite colocar URLs com muitos parâmetros que comprometam o comportamento default padrão de uma URL. Por exemplo: para indicar a URL de um ponto no Google mapsMaps, você pode utilizar um encurtador de URLs para simplificá-lo.
  • Verifique se o a URL que você deseja inserir possibilita o uso em outro contexto.
  • Sempre que possível, procure inserir o conteúdo externo por último: o peso da página externa pode atrapalhar a montagem de sua página e afetar a experiência do usuário.

Capriche nos conteúdos de texto

...

  • A opção Habilitar container deve ser utilizada se você deseja que o seu componente preencha toda a largura da página.
  • Utilize imagens para chamar a atenção, mas prefira imagens com proporção 4:3 ou 4:4 para evitar que fiquem desconfiguradas.
  • Escolha títulos com palavras chaves, que atraiam a atenção de quem estiver fazendo uma leitura rápida.
  • Lembre-se que seu site pode ser acessado por diversos dispositivos. Então procure inserir no máximo 4 boxes de texto por componente, para evitar a quebra de linha devido à responsividade do layout.

...

  • Escolha títulos com palavras chave, e que combinem com todas as imagens da galeria.
  • Habilite o espaçamento entre as imagens, caso desejado.
  • Insira legendas nas imagens (por exemplo, os direitos autorais).
  • A imagem a ser anexada As imagens anexadas na galeria de imagem deverá devem comportar nas resoluções recomendadas, assim a mesma não perderá perderão qualidade ao serem publicadas.

Destaque conteúdos com os banners

...

  • Habilite as setas ou os bullets quando houver mais de um slide no banner, para aumentar a navegabilidade do usuário.
  • Deixe uma mensagem objetiva para o visitante, desse modo a leitura fica mais agradável atraindo a atenção para clicar.
  • Procure imagens que representem bem o que você quer dizer. Você pode optar por inserir um vídeo também. Mas lembre-se: tanto em imagens quanto vídeos, procure utilizar resolução superior à 720p e inferior a 1080p, com boa qualidade e proporções widescreen (16:9). Procure ferramentas de otimização de imagem para evitar que fique pesado carregá-las dentro do slide.
  • Personalize a aparência dos seus banners: configure o alinhamento do conteúdo e dos botões, insira uma máscara de cor caso não tenha contraste suficiente, para facilitar a leitura do texto.

...

  • Use títulos com palavras chave para chamar a atenção do usuário; insira subtítulos objetivos, que passem a mensagem em poucas palavras.
  • Procure uma imagem que represente o que você gostaria de passar para o usuário. Dê preferência a imagens com boa qualidade e nas proporções widescreen (16:9). A imagem a ser anexada no componente de seção deverá comportar nas resoluções recomendadas (720p e 1080p), assim a mesma não perderá qualidade.
  • Habilite o efeito parallax, uma funcionalidade que move a imagem do fundo, criando uma sensação de profundidade ao percorrer a página.

...