Como testar seu site corretamente antes de lançar

Shutterstock / Chaosamran_Studio

Lançar o seu site pode ser estressante, então você vai querer ter certeza de que tudo está para causar uma boa primeira impressão. Exporemos tudo que você precisa verificar antes de abrir a loja.

Teste a compatibilidade do navegador e do celular

Você provavelmente usa apenas um navegador, mas o resto da Internet usa uma grande variedade de navegadores. Você deve testar seu site no Chrome, Firefox, Edge e Safari. Certifique-se de que seu site tenha a mesma aparência, pois alguns navegadores podem lidar com CSS de maneira diferente. Por exemplo, intrínseco & tamanho extrínseco (largura: conteúdo adequado) tem alguns bugs no Firefox, então você deve ter certeza de ter substitutos caso o navegador não saiba como lidar com isso.

Depende de você se deseja oferecer suporte a 2% de usuários presos no IE 11, já que muitos recursos CSS e JavaScript modernos podem estar corrompidos e podem exigir soluções alternativas ou substitutos para o IE. Você pode usar o CanIUse para verificar a compatibilidade de recursos de diferentes idiomas. Por exemplo, a consulta de mídia prefere-esquema de cores usada para temas escuros automáticos em sites é compatível com a versão mais recente do Chrome e Firefox, mas não é compatível com IE, Opera ou Chrome para Android.

O suporte móvel é outro grande problema e requer mais trabalho do que o suporte do navegador. Mas isso vai além de apenas garantir que ele funcione no seu telefone — você vai querer ter certeza de que o seu site tem uma boa aparência em todas as resoluções. Isso é chamado de design responsivo e é uma grande parte do desenvolvimento moderno da web. O Chrome tem ferramentas muito boas para testar isso; você pode abri-los clicando com o botão direito em qualquer lugar do seu site e escolhendo “ Inspecionar ”. Em seguida, selecione o ícone de dispositivos móveis no canto superior esquerdo e selecione “ Responsivo ”:

Você pode arrastar as alças ao redor de seu site para alterar o tamanho da área de trabalho, que pode ser visto em termos de pixels na parte superior. Além disso, você pode selecionar diferentes dispositivos móveis para ver como ficará nessa resolução.

Você ainda deve testar em navegadores móveis reais em dispositivos reais, pois eles têm propriedades diferentes e agentes de usuário diferentes. Além disso, você deve verificar seu site em uma VPN para que possa alterar seu país de origem. Certifique-se de que nada de estranho esteja acontecendo com os anúncios em particular, pois eles podem depender da região.

Teste de velocidade

As pessoas são incrivelmente preguiçosas e seu site precisa ser o mais rápido possível para chamar a atenção deles rapidamente. Mesmo que seu site leve apenas três segundos para carregar, 53% dos usuários de celular já deixaram seu site.

Você pode usar o testador PageSpeed ​​Insights do Google para testar a velocidade do seu site. Ele analisará seu site e fornecerá uma lista de recomendações para computadores e dispositivos móveis sobre como corrigir seus problemas de velocidade.

Sua velocidade afeta diretamente suas classificações em mecanismos de pesquisa como o Google, por isso é importante ficar em pé de igualdade com a concorrência.

Deixe o Google feliz (SEO)

SEO é um assunto complicado, mas aqui estão algumas dicas para ajudar na classificação do seu site.

• Você pode testar seu SEO manualmente com a ajuda de serviços como Moz, Ahrefs e Screaming Frog. Eles rastrearão seu site e monitorarão suas análises para que você saiba como está seu desempenho. Você também deve verificar se há links quebrados com uma ferramenta de aranha, pois eles podem afetar negativamente o seu SEO.
• Você deve ter um mapa do site XML para o seu site. Isso atua como um diretório para ajudar o Google a indexá-lo. No entanto, você não precisa fazer isso manualmente; existem plug-ins WordPress como Google XML Sitemap e muitos geradores online. Em seguida, você pode enviá-lo online ou disponibilizá-lo através da diretiva Sitemap: em seu arquivo robots. txt.
• Por falar nisso, verifique seu arquivo robots. txt para ter certeza de que você não está impedindo que mecanismos de pesquisa rastreiem seu site. Opcionalmente, você pode desabilitar certas rotas como / wp-admin que os mecanismos de pesquisa devem ignorar.
• Seus metadados sociais devem ser definidos corretamente. Isso é particularmente importante para dizer a outros sites como incorporar suas páginas, seja como um artigo, vídeo ou website geral. Você pode usar uma ferramenta online para gerá-los.
• Você deve dar uma olhada nos recursos de dados estruturados do Google, pois eles podem melhorar muito a sua presença nas pesquisas. Por exemplo, se sua página for um artigo, você pode incluir os dados estruturados como JSON para informar ao Google quais são a imagem principal, o título e o lede, para que possa exibi-los no Google Notícias. Existem todos os tipos de conteúdo, então você tem certeza de que se encaixará em algum lugar.
• Se você estiver usando as Accelerated Mobile Pages do Google, certifique-se de que são válidas. Você pode usar o testador on-line para testar a versão AMP do seu site. O principal requisito para as páginas AMP é que o JavaScript não é permitido, exceto o amp-script experimental.
• É uma boa ideia validar seu HTML para garantir que não haja grandes problemas, embora a validação W3C perfeita seja muito estrita e você não precise obedecê-la completamente (a maioria dos sites não &’ t)

Verifique se ele está acessível

Pessoas com deficiência também usam a Internet, portanto, você deve garantir que seu site possa ser acessado por meio de um leitor de tela. Normalmente, isso significa adicionar texto alternativo às imagens, marcando adequadamente os pontos de referência do seu site, garantindo que a navegação do teclado funcione corretamente e que os rótulos estejam definidos corretamente.

Você pode usar o script de usuário tota11y da Khan Academy para depurar os problemas do seu site. Isso exibirá um botão no canto que permite verificar itens como contraste, ordem de título e problemas de rotulagem, e mostrará como um leitor de tela verá seu site. Você pode ler nosso guia completo sobre como corrigir problemas de acessibilidade para saber mais.

Instale uma ferramenta de análise

Ferramentas de análise monitoram e registram o tráfego em seu site. É importante ter um funcionando desde o início, coletando dados em segundo plano. Mesmo algo tão simples como o Google Analytics para coletar dados de tráfego permite que você saiba como está o desempenho de seu site.

Após o lançamento, você também pode usar os testes A / B para chegar a um design que é otimizado e atinge seu objetivo com a maior frequência possível. Isso é particularmente importante nas páginas de destino, mostradas aos usuários que chegam ao seu site a partir dos seus anúncios, pois melhorar a taxa de conversão significa que você obtém mais receita por dólar gasto em publicidade. Você pode ler nossa revisão de algumas ferramentas de análise populares para saber o que é certo para você.