Um guia do SysAdmin para a galáxia da web

Existem muitos termos técnicos que você pode encontrar na web, e é essencial estar familiarizado com a maioria deles se você for um usuário da Internet. Esta postagem dará a você algumas dicas sobre a terminologia básica, fornecerá algumas orientações sobre como lidar com erros e ocorrências comuns em sites e, com sorte, tornará a Internet mais compreensível.

A Internet pode ser um lugar assustador, com muitas informações e terminologia que muitas vezes podem parecer arrogantes e estranhas. No entanto, existem algumas coisas com as quais qualquer pessoa que use a Internet como parte de seu trabalho deve se sentir confortável. Compilamos uma lista não exaustiva de termos e conceitos comuns abaixo.

O que é DNS?

DNS significa Sistema de Nomes de Domínio e, em termos simples, é o que informa ao navegador onde procurar um recurso remoto. É comumente gerenciado por um provedor de nome de domínio, como 123-Reg, GoDaddy, etc, ou um serviço de terceiros como CloudFlare, Sucuri e Office 365. É vital entender quem controla seus registros DNS, pois eles afetam muito aspectos do seu site, desde permitir que você acesse o seu site através de www. para autenticação de e-mail.

Como o DNS é distribuído globalmente, as alterações em seu DNS demoram um certo tempo para serem alteradas. Isso é comumente conhecido como Time To Live (TTL). A maioria dos provedores tem seus registros atualizados a cada quatro horas. Em termos práticos, isso significa que quando você muda para um novo site, pode levar até 48 horas até que todos na internet possam vê-lo normalmente.

Aqui está um artigo que fornece mais detalhes sobre os registros DNS: O que é DNS.

O que é cache?

Cache é um conceito de computação que se refere aos dados armazenados para uso futuro. Isso é feito principalmente por dois motivos: velocidade e economia de recursos. Por exemplo, sem o cache, o servidor teria que criar uma nova versão desta página toda vez que você atualizasse seu navegador. Este é um grande desperdício de recursos, pois não haverá nenhuma atualização em tempo real após a publicação. Além disso, seria relativamente lento, pois o servidor teria que processar muitas coisas antes de gerar a própria página. Com o cache habilitado, na primeira vez que alguém acessa esta postagem do blog, o servidor a gera e salva, de forma que todos os visitantes subsequentes receberão essa versão.

Os servidores não são as únicas coisas que armazenam informações em cache: a maioria dos navegadores também armazena informações em cache. Depois que você acessar uma página uma vez, o servidor salvará e lembrará algumas das informações na página, portanto, quando você visitar novamente a mesma página da web, a menos que o cache tenha sido invalidado, o navegador pode fornecer ativos de sua máquina local em vez de contando com a rede. Normalmente, se algo não está sendo atualizado instantaneamente, é por causa de algum mecanismo de cache.

Caching explicado com uma série de slides: Caching Explained.
Como limpar o cache: Limpe o cache do navegador da web.

O que é SSL / meu site é seguro?

Os certificados SSL são arquivos que confirmam a identidade de um site e criptografam as comunicações entre o servidor e o cliente. Nem todos os sites exigem um certificado SSL, especialmente no passado. No entanto, com as mudanças recentes e as crescentes preocupações com a segurança, é altamente recomendável ter um. O Google Chrome já começou a sinalizar sites como inseguros quando não estão usando um certificado SSL.

A verdade é que, se você simplesmente tem um site na maior parte estático, com um blog ou feed de notícias sem comentários e um número de telefone e endereço, você realmente não precisa de um. Como o cliente não forneceria nenhum dado ao site, você não precisa criptografar nada. No entanto, não há razão para um site não ter um certificado SSL. Existem organizações que fornecem certificados SSL gratuitos como o Let's Encrypt. Lembre-se, entretanto, de que nem todos os certificados SSL são adequados para a mesma finalidade, pois seus padrões de criptografia são diferentes. Portanto, para um aplicativo como um e-shop, você deve usar um certificado SSL com uma criptografia mais forte, de preferência com um seguro vinculado a ele.

Uma explicação mais detalhada sobre SSL: O que é um certificado SSL.

Códigos de status HTTP

Como muitos outros protocolos, o HTTP tem um conjunto de códigos de status incorporados para relatar diferentes status. Na verdade, toda vez que você acessa um recurso por meio de http (s), um código 200 é retornado. Existem muitos códigos que você pode encontrar durante sua navegação diária, por isso é útil entender o que eles realmente significam.

• 404 Recurso não encontrado. Quando você está solicitando um recurso que não existe
• 403 Proibido. Você não está autenticado para acessar esse recurso específico
• 502 Gateway inválido. O servidor recebeu uma resposta inválida
• 503 Indisponível. Isso geralmente é retornado durante a manutenção do servidor ou tempo de inatividade
• 500 Erro interno do servidor. Algo está errado com a configuração do servidor
• 301/302 movido permanentemente / temporariamente

Você pode ler mais sobre os códigos de status HTTP aqui: Código de status HTTP da Wikipedia.

O que é um arquivo .htaccess?

Um nome de arquivo comum que você deve ter ouvido é htaccess. Este é um arquivo que permite configurar servidores Apache e é o local mais comum para conter os redirecionamentos necessários para a execução de um site. Semelhante aos arquivos htaccess, há também web.config e nginx.config para servidores Windows e Nginx, respectivamente. Embora alguns sistemas CMS exponham esses arquivos por padrão ou por meio de um plug-in, é muito importante estar atento ao fazer qualquer alteração, pois isso pode deixar o servidor offline se não for manuseado corretamente.

O que é .htaccess: www.htaccess-guide.com.
Compreendendo a configuração do Nginx: DigitalOcean
Como criar arquivos Web.config: MSDN.

O que é um servidor web?

O termo “servidor da web” pode se referir a uma ampla gama de componentes que incluem componentes de hardware e software. No nível do hardware, um servidor web é uma máquina que armazena o software, os arquivos da aplicação web e sua configuração, de forma que aceita conexão externa com o objetivo de distribuir seus recursos. Pode ser uma máquina de servidor especializada ou um simples laptop. O software que pode ser usado para executar um servidor web varia de acordo com o uso, mas um dos tipos mais comuns de servidores web é o Apache.

No entanto, nem todos os servidores da web são capazes de executar todos os tipos de sites. Por exemplo, se você tiver um site em execução no DNN, construído com ASP.net, ele não será executado em um servidor Apache.

O que é um servidor web? developer.mozilla.org.

Encontrar erros em um site

Como um site ou aplicativo da web é essencialmente um produto vivo, em constante mudança durante o curso de sua vida, eventualmente alguns erros serão encontrados. O mais importante é não entrar em pânico e tentar reconhecer o erro. Como existem regulamentações contra isso, os administradores e desenvolvedores do sistema não podem rastrear a jornada de um usuário em sua totalidade. Reconhecer o erro, tentar fazer a triagem e escrever um relatório de erro informativo permitirá que seus desenvolvedores ajudem você.

Em alguns casos, o erro encontrado é específico do sistema e não seria possível replicá-lo em outro sistema. No entanto, existem muitos erros comuns que você pode encontrar na web. Aqui está uma breve lista de erros, juntamente com as possíveis causas e soluções:

• Não vendo mudanças: se você espera ver alguma mudança que não se reflete imediatamente, por exemplo, você adicionou uma nova postagem de blog ao seu site e ela não está aparecendo no feed de notícias da sua página inicial, nem adicionando conteúdo a uma página mas não está aparecendo na visualização, então é provável que isso seja devido a algum mecanismo de cache. Dependendo do sistema de cache usado com o seu site, é possível que o cache precise ser limpo manualmente no servidor ou no navegador.
• Estilos de página quebrados: quando você está visitando uma página e alguns dos estilos estão quebrados, por exemplo, tudo parece estar alinhado à esquerda e a fonte não está sendo carregada, existem alguns motivos pelos quais isso pode estar acontecendo. Isso pode ser causado pelo armazenamento em cache, especialmente se o código do seu site foi atualizado recentemente. Algumas das outras causas comuns podem ser os recursos não foram encontrados no servidor (um código de status 404 conforme mencionado anteriormente), ou sua rede ou navegador experimentou um erro ao carregar os recursos e a transferência foi cancelada. O último pode ser causado por más condições de rede, por exemplo, acessar um site de um dispositivo móvel com um sinal fraco. Sempre que você encontrar esse tipo de problema, certifique-se de tentar acessar o site de um navegador diferente.
• Chegando a uma página diferente da esperada: neste caso, pode haver um redirecionamento que força todas as solicitações para uma página da web específica a serem redirecionadas para outra. Isso pode acontecer devido a uma configuração específica do site, um redirecionamento intencional ou código malicioso. O WordPress, por exemplo, usa redirecionamentos para permitir que os usuários usem URLs diferentes dos padrões. Por padrão, todas as postagens e páginas do WordPress são acessadas em www.example.com/?p=123. No entanto, isso pode mudar, então, em vez de p = 123, ele está usando o nome da postagem real. Em parte, isso se deve a redirecionamentos. Um redirecionamento malicioso seria em um site hackeado e todo o seu propósito seria redirecionar todo o tráfego para o site do hacker e geralmente é feito por meio de script in-page em vez de configuração de servidor. Como uma observação lateral, isso também pode ser causado pelo cache, uma vez que os navegadores tendem a redirecionar o cache. Isso fica realmente aparente quando você substitui um site existente pela primeira vez, pois muitas vezes seu navegador tentará redirecioná-lo para a versão anterior.
• Muitos redirecionamentos: Isso também pode ser atribuído ao cache. No entanto, na maioria das vezes, é causado por um loop infinito de redirecionamentos. Por exemplo, tentar redirecionar a página inicial do site para si mesmo.
• Sua conexão não é segura / privada: isso aparece quando você está tentando acessar um site por https: // e não há um certificado SSL em vigor ou o certificado SSL incorreto está instalado. Também existe uma causa mais incomum, usar um navegador desatualizado para acessar um site seguro. No entanto, para ser esse o caso, você teria que usar o Internet Explorer 8 ou outro navegador de meados dos anos 2000.
• Página em branco em branco: este é o pior tipo de erro e algo que a maioria dos desenvolvedores da web experimenta regularmente durante o desenvolvimento. Se for esse o caso, algo deu terrivelmente errado com o servidor e a conexão foi encerrada de alguma forma. Isso pode ser causado por um código de aplicativo com defeito ou configuração incorreta no arquivo htaccess. Isso não é algo que você normalmente veria em um site ao vivo e é algo que seu desenvolvedor teria que abordar de forma geral.

Conforme mencionado acima, comunicar os erros à sua empresa de TI é uma das partes mais importantes para resolvê-los. Quanto mais informações você puder incluir ao relatar um problema, mais rápida será a resolução, pois geralmente você estará reduzindo o tempo que o desenvolvedor teria de gastar para tentar replicar o problema; ou consulte os logs do servidor no momento em que você encontrou o problema.

Não há regra de ouro, mas aqui está um exemplo de lista de coisas que você deve fornecer em um relatório de bug:

• Quando você teve esse problema pela primeira vez?
• Uma captura de tela do problema
• O URL da página em questão
• Versão do seu navegador
• Sistema operacional
• Tipo de rede (WiFi / 4G)
• Seu endereço IP

Existem também ferramentas que podem ajudá-lo a fornecer todas essas informações, como este site: https://www.whatsmybrowser.org/ que também fornece uma URL compartilhável das informações do seu navegador.

Por que as imagens são importantes

A maioria das pessoas aprecia imagens legais em um site e gostaria de ver imagens de 4k de alta qualidade. No entanto, esta é uma péssima ideia quando se trata de sites, pelo menos em páginas que não são da galeria, pois causa uma série de problemas. Mais importante ainda, isso reduzirá muito a velocidade de carregamento do seu site, mesmo se você incluir uma única imagem grande em uma página. Por exemplo, se você adicionar uma imagem de 2 MB em uma página, pode esperar um atraso de dois segundos até que a imagem seja carregada.

Além disso, os layouts de sites são construídos com proporções de imagem específicas em sua maior parte. Portanto, se você estiver tentando usar uma imagem de paisagem em uma área que espera um quadrado, ela será cortada. As dimensões mínimas e máximas também devem ser consideradas, pois podem afetar alguns layouts se você usar uma imagem inadequada.

Por que os e-mails dos formulários de contato vão para a pasta de spam

Existem muitos motivos pelos quais um e-mail do seu site pode chegar à sua pasta de spam (ou nem mesmo entrar na sua caixa de entrada). A maioria desses casos é decorrente de um e-mail capturado por um filtro de spam. Muitas vezes, o remetente do e-mail precisará estar na lista de permissões de seu cliente de e-mail ou de seu provedor de e-mail. Outro erro comum é usar um endereço de e-mail diferente para enviar e-mails para aquele no domínio. Por exemplo, se você tentou enviar os e-mails dos formulários de contato do hallam.co.uk por meio de um endereço do Gmail, há uma grande chance de que não sejam entregues com sucesso.

Para resolver isso, geralmente uma das etapas abaixo deve ser executada:

• Altere o formulário de contato para que ele envie e-mails de um endereço correspondente ao domínio. Este não precisa ser um endereço “real” e normalmente um [email protected] é usado
• Adicione registros SPF ao seu domínio para verificar os e-mails enviados
• Use um endereço de e-mail e autentique-o antes de enviar o e-mail
• Use um serviço de entrega de correio externo, como MailGun

Por que os formulários de contato recebem tantos envios de spam

O spam pode ser gerado automática ou manualmente e nem sempre é um sinal de que seu site está comprometido. Muitas vezes, há bots procurando formulários de contato e enviando seus anúncios mapeando suas mensagens para campos comuns. Isso pode ser facilmente interrompido introduzindo um campo de honeypot que não enviará o formulário de contato se estiver preenchido.

Como isso não está impedindo o spam manual ou bots mais avançados, a alternativa é um teste “humano” que um bot não seria capaz de concluir. Atualmente, o padrão está implementando um reCAPTCHA. no entanto, vários métodos foram usados, como um teste de matemática simples.

De repente, a internet não parece mais tão assustadora, não é? Para ajuda com o design e desenvolvimento da web, entre em contato com nossos especialistas hoje mesmo.