Tecnologiadezembro 9, 2021por

Prepare-se para lançar seu website: Não se esqueça destas 10 coisas!

Quais são as coisas que você ainda precisa fazer em seu site antes de lançá-lo?

Você comprou um domínio web e criou um site - bravo! Antes de apertar o botão de lançamento e divulgar as notícias sobre seu novo website, certifique-se de verificar as seguintes coisas para dar ao seu projeto a melhor chance.

Abaixo estão alguns dicas de monitoramento, otimização e segurança para ajudar seu tráfego a crescer e proporcionar a melhor experiência para os visitantes de seu site:

  1. Google Analytics
  2. Console de Busca do Google
  3. Nuvem de segurança e velocidade
  4. Certificado SSL para segurança e confiança dos visitantes
  5. Caching para o desempenho
  6. Otimização e compressão de imagem
  7. Mineração de scripts
  8. Verificação de links quebrados
  9. Verificação do link canônico
  10. Cópia de segurança

Vamos explicar cada ponto com mais detalhes:

1. Google Analytics para monitoramento de tráfego

Uma solução analítica é muito fácil de adicionar a qualquer site e permite monitorar o tráfego em todas as páginas de seu site: ela registra quantos visitantes você tem, de onde eles vêm, de que sites eles vieram até você, que páginas eles visitam, quanto tempo eles gastam em cada página e muito mais!

Lançamento de um website sem uma solução analítica de tráfego é como dirigir um carro vendado: você está na estrada, mas não tem idéia para onde está indo. Você não sabe como seu tráfego está se comportando, se os artigos e conteúdos que você publica estão tendo algum efeito, ou o impacto de suas campanhas publicitárias.

Sem uma solução analítica, você não sabe sequer se seus esforços de SEO estão tendo efeito.

Uma das soluções mais populares e fáceis de instalar é o Google Analytics - e é gratuito!

2. Console de Busca do Google (antigas Ferramentas para Webmaster)

Google Search Console permite que você meça o desempenho de seu motor de busca Google

Se o Google Analytics lhe disser o que está acontecendo com os visitantes de seu site, o Google Search Console (antigo Webmaster Tools) lhe diz onde seu site está classificado no Google em termos de buscas. Ele informa quantas páginas do seu site o Google indexou, com que palavras os visitantes o encontram, com que freqüência você aparece nos resultados e quais páginas do seu site são as mais populares em termos de tráfego orgânico.

O Google Search Console também permite que você diga ao Google onde encontrar o mapa de seu site para ajudá-lo a descobrir e indexar as páginas de seu site.

No lado técnico, assim que você autorizar e adicionar seu site ao Google Search Console, você começará a receber várias notificações e alertas sobre a "saúde" de seu site, tais como quando o Google encontrar erros em seu servidor ou se descobrir vírus e código malicioso em seu site.

Ele lhe dá dicas para ajudar a tornar seu site mais fácil de navegar em dispositivos móveis e lhe mostra quais sites estão colocando links para seu site.

O Google Search Console também pode ser ligado ao Google Analytics, para ver relatórios mais detalhados diretamente na interface de análise de tráfego.

O Google Search Console é uma ferramenta muito valiosa e eu recomendo que você a aproveite.

3. Nuvens para velocidade e segurança

Cloudflare é uma empresa que oferece muitos serviços voltados para a segurança de websites, transferência de conteúdo, velocidade e muito mais.

Você pode ativar o Cloudflare em seu site gratuitamente, sem nenhuma alteração no site, diretamente no Nível DNS. Uma vez ativado (leva cerca de 10 minutos), o Cloudflare toma conta da zona DNS e das solicitações DNS.

Em troca, você recebe:

  • Proteção: Como a zona DNS será controlada pelo Cloudflare, o endereço IP do seu site será escondido e ninguém poderá descobrir o endereço do seu servidor. Seu site funcionará sem problemas porque o Cloudflare encaminha o tráfego para o servidor sem revelar sua identidade e, portanto, bots, pessoas mal-intencionadas verão o endereço do Cloudflare. Desta forma, ele o protege de certos ataques que são direcionados diretamente para o servidor. O Cloudflare também o protege de ataques DDoS (um tipo de ataque que sobrecarrega um servidor ao enviar milhares de solicitações por segundo).
  • Velocidade: O Cloudflare oferece cache gratuito para seu conteúdo estático (imagens, HTML, CSS, código Javascript) diretamente em sua rede de distribuição (CDN). Isso significa que você verá uma economia significativa de banda - porque suas imagens e outros conteúdos estáticos estão em servidores Cloudflare em muitas regiões do planeta, seus visitantes poderão acessar esses recursos muito mais rapidamente, de um servidor próximo a eles, e seu servidor será livre e descontraído. Ao escrever este artigo, tenho mais de 50 websites no Cloudflare e a maioria tem economia de largura de banda de 50% ou mais. Eu administro muitos sites de comércio eletrônico e todos eles têm milhares de imagens de produtos. A economia de largura de banda é enorme!
  • Segurança: O Cloudflare oferece um certificado SSL gratuito para todo o domínio que se renova automaticamente. Tudo que você precisa fazer é ativá-lo na interface administrativa e voilá! Seu site pode ser acessado com https://. Por que isso é uma coisa boa? Para começar, seus visitantes estarão mais confiantes ao ver que seu site é acessado através de uma conexão segura. Então, desde 2017, o Google disse que dará mais peso aos sites seguros nos resultados, e desde 2018 até exibe uma etiqueta no navegador Chrome ao lado de sites sem SSL: site não seguro. Portanto, sendo livre, você não precisa nem pensar nisso! Você não precisa nem mesmo instalar nada em seu servidor!

4. Certificado SSL para segurança

Como mencionado acima, o Google começou a preferir sites que possuem certificados de segurança SSL, e exibe um rótulo "não seguro" nas páginas de resultados ao lado de sites que não possuem SSL. Não parece bom, mas também é um risco de segurança continuar sem SSL em seu site, especialmente quando você pode ter um de graça.

Sem mais desculpas em 2019 por não ter SSL! E se você não migrar para o Cloudflare, você pode obter um certificado SSL gratuito com a maioria das empresas de hospedagem usando certificados gratuitos da Let's Encrypt. Você pode instalá-los com alguns cliques de seu host, ou se você estiver no Windows, por exemplo, você pode baixar um pequeno software que o instalará facilmente.

É claro que ninguém está impedindo você de comprar um certificado SSL de um revendedor autorizado (tal como GoDaddyetc.) e instalá-lo.

Uma vez configurado o SSL, não esqueça de redirecionar todas as páginas com a versão http:// para a versão segura https://. Você geralmente consegue isso adicionando regras de redirecionamento em seu servidor ou, se você usar o Cloudflare, verifique o "Use sempre https" na seção Crypto na interface Cloudflare.

5. Caching para velocidade do local

Você pode aliviar a carga em seu servidor, aproveitando os benefícios do cache. Se seu site for construído com WordPress, há muitos módulos de cache que você pode instalar que podem salvar a CPU (Total Cache, WP Rocket, etc.), salvar seu banco de dados muitas consultas, etc.

O cache funciona em muitas camadas, mas o princípio básico é que a primeira vez que um visitante acessa uma página que tem cache ativo, o servidor gera essa página consultando o banco de dados, gerando código HTML e servindo a página para o visitante. Mas, ao mesmo tempo, o plugin de cache cria uma cópia estática da página já gerada e a armazena em disco (ou na memória do servidor). Quando a página é visitada novamente (pelo mesmo visitante ou por outro visitante), o plugin encontra a página em cache e o serve a partir daí, evitando que o servidor tenha que trabalhar novamente para gerar a página.

Este é o princípio básico e, dependendo da complexidade de suas páginas, pode fazer com que o site pareça estar voando!

Este processo acontece em segundo plano, você só tem que se preocupar com a configuração inicial e o cache é automaticamente atualizado quando você faz alterações nas páginas ou quando elas expiram.

6. Otimização e compressão de imagens

É sempre uma boa idéia planejar e preparar suas imagens no início da fase de construção do site - isto lhe poupará muito tempo quando for a hora de lançar seu site. Você deve sempre carregar as imagens otimizadas, no tamanho certo para o local em que as está usando. Não é bom fazer o upload de uma imagem enorme para o servidor e página web se você só precisar dela para cobrir um quarto da página.

Também é uma boa idéia para pré-optimizar e comprimir as imagens antes de carregá-los para garantir que tenham a melhor relação tamanho/tamanho. Há muitos plugins para WordPress que irão otimizar e comprimir imagens depois de adicioná-las ao site, mas é melhor quando você tiver uma idéia de onde cada imagem será usada, qual o tamanho que precisa ser e carregá-la nesse tamanho desde o início.

As imagens aumentam muito o tempo de carregamento de seu website e podem consumir mais largura de banda do servidor do que o necessário. Se sua conta de hospedagem tem um limite de largura de banda (quantidade de dados transferidos em um mês), você pode usar a largura de banda muito mais rapidamente com apenas algumas imagens a mais, dependendo de quanto tráfego seu site recebe.

Se você utiliza principalmente imagens JPEG, que é um formato comprimido (com perdas), determinamos que, ajustando a compressão/qualidade muito ligeiramente, você pode conseguir uma economia significativa de largura de banda.

Recentemente estudei esta relação tamanho x qualidade em alguns poucos sites de comércio eletrônico que criei e encontrei um bom valor para as imagens dos produtos (que em alguns sites podem chegar a milhares).

Veja abaixo a diferença no tamanho do arquivo ao variar a compressão da imagem (qualidade), de 90 (padrão), para 70 e depois para 50.

Embora o tamanho da imagem fosse muito pequeno nos produtos, o valor de 50 resultou em imagens de qualidade visual muito baixa e por isso o aumentei para 70. Mas mesmo com 70 de qualidade, a largura de banda consumida pelas imagens caiu quase pela metade! Se você multiplicar isso por milhares de produtos, a economia feita e a diferença no tempo de carregamento de páginas é enorme.

Como você pode ver abaixo, uma vez que você passa para 70 qualidade, o tamanho da imagem aumenta drasticamente. E para o salto de qualidade de 50 para 90, o tamanho do arquivo de imagem mais do que duplica!

Tamanho em qualidade 90 (em KB) Tamanho em qualidade 70 (em KB) Tamanho em qualidade 50 (em KB)
35.6 20.0 15.0
34.4 19.3 14.5
35.8 20.1 15.0
24.7 13.3 9.9
37.3 22.0 16.9
27.4 15.3 11.5
27.1 15.2 11.4
61.2 34.9 26.3
Total: 283,5 Total: 160,1 Total: 120,5

 

7. Minimização para reduzir o tamanho do roteiro

A minimização é o processo de reduzir o tamanho dos arquivos de script (Javascript, folhas de estilo CSS) que seu website precisa para que eles sejam carregados mais rapidamente.

Você pode ter arquivos CSS (para estilo) ou arquivos Javascript (para adicionar animação ou funcionalidade e interação dinâmica). Quando você trabalha no site, estes scripts geralmente têm código bem organizado com recuos, abas, espaços, múltiplas linhas, nomes de variáveis longas para facilitar a edição, mas os navegadores não precisam destes para interpretar os arquivos corretamente e exibir a página.

Ao minimizar, você pode remover automaticamente esses espaços, abas, linhas vaziassubstituir nomes de variáveis por nomes curtos sem afetar a funcionalidade. Este processo de minimização pode tornar os arquivos muito menores e, consequentemente, mais rápidos de carregar.

Para eficiência, este processo de minimização pode ocorrer no servidor (existem plugins para WordPress para minimização), mas também pode ser feito no programa/plataforma que você usa ao desenvolver o site. Se seu site tem Cloudflare, ele pode minerar arquivos diretamente do servidor, no momento do acesso, sem que você tenha que fazer nada.

A minimização de scripts dá um aumento na pontuação quando testes como o Google Page Speed, GTMetrix ou YSlow analisam seu site. O Google também utiliza a velocidade de carregamento do site ao determinar o quão bem seu site deve ser classificado nas páginas de resultados de busca. Um site que carrega rapidamente é bem visto pelo Google e seus visitantes ficarão encantados.

Aqui está um exemplo da configuração em Cloudflare que minimiza automaticamente os arquivos estáticos em seu site:

exemplo de mineração de nuvens

8. Verificar se há links quebrados

Às vezes eu fico desorganizado quando trabalho no local. Eu crio a maioria das páginas como rascunhos, em branco, e depois as retrabalho e coloco conteúdo nelas. Muitas vezes deixo links temporários no conteúdo que não vão a lugar algum, com a intenção de voltar mais tarde e substituí-los antes do lançamento do site. Mas às vezes esqueço e posso acabar com links quebrados no site.

Outras vezes, eu não recebo todo o conteúdo dos clientes e crio páginas em branco com links temporários, apenas para poder continuar com meus negócios. É claro, muitas vezes o cliente muda de idéia ou eu os esqueço.

Independentemente do motivo, todo site pode ter links quebrados e páginas em falta. Não fica bem nas primeiras impressões e não é uma boa idéia deixá-las assim, do ponto de vista da experiência do visitante, mas também do ranking dos motores de busca.

É por isso que, antes de lançar (e em intervalos regulares após o lançamento), eu verifico em meu site a existência de links quebrados. Você pode fazer isso manualmente se não tiver muitas páginas, mas pode acidentalmente omitir alguns links.

É melhor usar uma ferramenta de software chamada "crawler" - software que visitará a página principal do site, identificará todos os links daquela página, depois visitará cada link e fará o mesmo em cada um deles até esgotar todas as páginas e links. Depois de digitalizar o site inteiro, ele lhe dá um relatório dos resultados e lhe permite saber se você tem algum link quebrado para que você possa consertá-los.

Minhas ferramentas favoritas para verificar se você tem links quebrados são:

  • Xenu Link Sleuth - um programa Windows gratuito que verificará qualquer link em seu site - não apenas páginas, mas imagens, quadros, plugins, fundos, folhas de estilo e assim por diante. Ele gera relatórios em tempo real enquanto escaneia, e no final, você pode salvar o relatório ou enviá-lo por e-mail. Ele também funciona em sites protegidos por https. O programa é muito pequeno e funciona em todas as versões do Windows a partir de 95.
  • Sapo gritante - uma ferramenta on-line que oferece mais do que apenas a verificação de links quebrados. A versão gratuita escaneia até 500 URLs (o que pode até ser suficiente se você não tiver um site grande). Ela também ajuda você com algumas dicas e ferramentas de otimização para mecanismos de busca, como identificar conteúdo duplicado, analisar meta e tags de título, gerar mapas de sites XML e muito mais.

Aqui está um exemplo de um relatório gerado a partir de Xenu Link Sleuth:

exemplo xenu

9. Verificar URLs canônicas

Se você tem uma página em seu site que pode ser acessada com mais de uma URL, ou se você tem páginas diferentes com URLs diferentes, mas conteúdo idêntico, você tem "conteúdo duplicado". Os mecanismos de busca também identificam esse conteúdo e isso pode afetar negativamente o desempenho de seu site nos mecanismos de busca.

Por exemplo, digamos que você tenha uma página de contato, acessível no endereço a seguir:

http://www.mysiteexample.com/contact

E a mesma página em:

http://mysiteexample.com/contact

Você poderia dizer: mas é o mesmo endereço! É a mesma página!

Sim, é de fato a mesma página, mas você pode acessá-la na versão de domínio com "www" e sem "www". Para o Google, esta é uma página duplicada. A "WWW" é apenas um subdomínio e é considerada um endereço diferente.

Se você não disser ao Google exatamente qual é a versão preferida (canônica ou oficial) de suas páginas, o Google escolherá por si mesmo, considerando uma "canônica" e ignorando a outra, ou pior, considerando ambas de igual importância. Neste caso, o "valor" de SEO que a página canônica receberia divididos em dois - para cada versão, um lado de cada vez. Isto faz com que a importância da página seja diminuída devido aos diferentes links, acabando com suas páginas competindo com elas mesmas.

É aqui que o link "canônico" vem a calhar - mesmo que seu site tenha várias páginas com o mesmo conteúdo, acessíveis em URLs diferentes, você pode especificar na seção das páginas qual versão você prefere (a versão "canônica"), como esta:

<link rel=”canonical” href=”http://mysiteexample.com/contact” />

Esta etiqueta é suficiente para indicar aos motores de busca que você prefere que a página considere a versão sem o "www" como "oficial".

Além disso, se você tiver o Console de Busca do Google configurado, você também deve ir lá e especificar qual versão você prefere para que os relatórios recebidos lá sejam para a versão apropriada.

Você pode ler mais aqui sobre URLs canônicas e outros tópicos relacionados a melhorar seu site e tornar o mais fácil possível para os mecanismos de busca indexar e entender.

Se você usa WordPress em seu site, uma ótima ferramenta para os aspectos de otimização dos mecanismos de busca é o Plugin de leveduraque, além das funções de otimização, análise de artigos, análise de palavras-chave, etc., gera automaticamente estas URLs canônicas em todas as páginas.

10. Backup do site

Todo o trabalho que você colocar em seu site pode ir por água abaixo se você não tiver um solução de backup criado. Você carregou as imagens, criou as páginas, configurou os plugins e mais tarde algum hacker ganha acesso a ele, o servidor trava ou você mesmo quebra alguma coisa - se você não tiver um backup recenteVocê tem uma noite ou duas a perder, ou corre o risco de não recuperar nada!

É por isso que é recomendado que você tenha um backup antes de lançar o site. É bom ter este direito desde a fase de construção.

Quase todas as empresas de hospedagem oferecem uma ou outra solução de backup, seja incluída no preço ou por um custo adicional, dependendo da assinatura que você tenha. Além disso, dependendo da empresa e de quanto você paga, a freqüência com que esses backups do site são feitos difere - diariamente, a cada poucas horas, ou semanalmente.

Ainda é uma boa idéia ter sua própria cópia em algum lugar. Você pode fazer backup de seu site via FTP, ou usando várias ferramentas de backup, tais como Syncback SE ou Syncback Pro (que eu utilizo há anos em todos os meus projetos).

Se seu site for construído com WordPress, uma solução de backup muito boa é fazer uma conta gratuita no ManageWP plataforma. Uma vez conectado ao ManageWP, você pode criar backups gratuitos (mensais) ou diários (por uma taxa). Dependendo de seu site e com que freqüência você atualiza o conteúdo, uma cópia de segurança por mês pode não ser suficiente.

A partir do ManageWP você pode restaurar seu site automaticamente, seja para o mesmo host que você teve na primeira vez, ou para outro host se você quiser mudar de empresa de hospedagem.

Como um serviço para profissionais com múltiplos locais, o ManageWP também tem outras características como controle centralizado de atualizações, comentários, instalação de módulos e muito mais.

Outra solução de backup que uso é o backup automático para o Amazon S3 (você pode usar o Syncback para isso), ou para outro servidor FTP. Há muitos plugins para wordpress que farão backup de seu site para serviços como Dropbox, Google Drive, OneDrive, etc.

É importante lembrar, entretanto, que para segurança e eficiência, o backup do site deve ser feito freqüentemente (pelo menos diariamente) e em um local separado de onde o próprio site é hospedado.

Pessoalmente, prefiro o backup ao Amazon S3, usando o Syncback Pro. Posso configurar o backup para rodar diariamente, diferentemente (apenas as mudanças são feitas com backup, não o site inteiro). E se for um site muito importante e eu quiser ter a flexibilidade de voltar para versões mais antigas, posso configurar 7 backups - um para cada dia da semana. Nesta variante, se algo indesejável acontecer e eu não perceber imediatamente (talvez o site tenha sido infectado e eu não tenha percebido, e o backup também tenha armazenado o script malicioso), eu posso voltar alguns dias atrás.

Para todos os meus clientes, eu tenho backups diários, completos, de banco de dados. Posso voltar para a versão de alguns meses atrás, se quiser. Grandes empresas armazenam até mesmo anos de backups de sites e bancos de dados. Tudo depende de quão importantes são os dados e quanta flexibilidade você quer ter ao recuperar os dados.

Bônus: Faça sua assinatura da newsletter

Esta última dica é mais na área de marketing ou estratégia do que técnico. Se você estiver lançando um website por qualquer outro motivo que não sejam fotos de gatos, você deve levar a sério a construção de um lista de correio.

Muitos proprietários de websites (inclusive eu), lamentam não ter começado mais cedo a coletar endereços de e-mail de clientes potenciais e visitantes do site. Alguns o fazem antes de o site ser lançado.

Se você começar a construir uma lista de e-mails agora, você construirá lentamente o SEU público - pessoas interessadas no SEU conteúdo, nas SUAS atualizações e no que VOCÊ tem a oferecer. O contato pessoal com seus fãs é muito eficaz.

Sem ser chato e intrusivo, você pode enviar atualizações, conteúdos valiosos, dicas, idéias e, por que não, promoções e fazer vendas diretamente via e-mail para clientes que tenham subscrito voluntariamente a sua lista de e-mail.

Uma maneira rápida de começar a construir uma lista de e-mails é se inscrever com um serviço de e-mail ou ESP (Provedor de serviços de e-mail) (há alguns gratuitos, alguns pagos), digite um formulário de assinatura no site, e voilá!

Conclusão

Há muitas outras coisas que você pode fazer para que seu website tenha o máximo impacto no lançamento, mas as descritas neste artigo estão entre as mais importantes e relativamente fáceis de implementar.

Recomendo que você não os deixe sem implementação 6 meses após o lançamento! Você não deve levar mais de 2 horas para passar por todas as etapas e implementá-las. Você ficará contente de tê-las feito.

PROCURANDO VENDER UM NEGÓCIO ON-LINE-3

Entrar

Cadastrar

Redefinir senha

Digite o seu nome de usuário ou endereço de e-mail, você receberá um link para criar uma nova senha por e-mail.