#Produto

Dicas essenciais para construir seu site com o Pages Beta

30/abr/2019 9:56:29 por Nayara Alves

Cópia de Imagens blog (2)-1

No final do ano passado, com a release fluig Liquid lançamos o Pages Beta, uma solução que veio para facilitar a criação das páginas públicas em sua empresa. Em poucos cliques e longe de complexidades, qualquer pessoa pode criar páginas, sem a necessidade de conhecimentos técnicos ou programação.

Pensando nisso, separamos aqui 10 boas práticas para você agilizar a publicação das suas páginas e deixar o seu site ainda mais atrativo. Confira!

  1. Preste atenção na URL
    Forneça um URL¹ que seja facilmente interpretável pelo usuário, utilizando palavras chaves;
    Complemente os 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 separar as palavras;
  2. Identifique sua página com o logo
    Muitos usuários navegam com várias guias abertas, então sua página precisa se diferenciar! Utilize um logo personalizado para o seu site, procure incluir uma imagem 48x48px no formato .ico;
  3. Atente-se aos conteúdos externos
    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 de um URL. Por exemplo: o URL de um ponto no Google maps, você pode utilizar um encurtador de URLs para simplificá-lo.
    Verifique se o URL que você deseja inserir possibilita o uso em outro contexto.
    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.
  4. 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.
  5. Identifique-se no rodapé
    Insira os direitos de marca registrada com o nome de sua empresa;
    Insira os links de suas redes sociais, para demonstrar maior representatividade na web.
  6. Utilize galeria de imagem
    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 na galeria de imagem deverá comportar nas resoluções recomendadas, assim a mesma não perderá qualidade.
  7. 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;
    Já ouviu falar que uma imagem vale mais que mil palavras? Então 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²; Procure ferramentas de otimização de imagem para evitar que fique pesado carregá-las dentro do slide;
    Personalize a cara 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.
  8. Utilize parágrafos para incluir textos relevantes
    Escolha títulos sucintos;
    Ao inserir a imagem, sempre escolha uma opção que represente bem e chame a atenção para o parágrafo;
    Dê preferência para imagens com proporção 4:3 para manter a qualidade da imagem;
    Ao informar a descrição, opte por textos que instiguem o leitor a saber mais sobre aquele assunto;
  9. Organize o menu do seu site
    A função do menu é facilitar a navegação pelos conteúdos do seu site, por isso, dê preferência em utilizar palavras objetivas e evite inserir mais que dez itens de menu.
    Evite colocar logos muito grandes - a imagem usada no logo do menu deve ter no máximo 50px de altura.
  10. Utilize seções para dividir os conteúdos
    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;
    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 bacana de profundidade ao percorrer a página.

Gostou das dicas?

Esperamos que essas dicas sejam muito úteis para te ajudar a montar a sua página!
Trouxemos neste post algumas dicas sobre como utilizar o Pages Beta para promover seu negócio em tempos de Carnaval. Visualize abaixo um exemplo de página temática seguindo as boas práticas que você conheceu hoje.


Carnaval


Aproveitando, acesse o hotsite da release fluig Liquid e dê o seu feedback sobre o Pages Beta! Contamos com a sua ajuda para sempre aprimorar os recursos da plataforma :)

¹ (Uniform Resource Locator)
² (Proporção 16:9)

Nayara Alves

Nayara Alves

Graduada em Sistemas da Informação. Possui vivência na área de qualidade de software, atualmente atuando como agile master na equipe de portais.