HTTPS no Github Pages com Custom Domain

github

Neste post, você aprenderá a configurar HTTPS para seu site no GitHub Pages usando um domínio personalizado e o Cloudflare. Melhorando a segurança, SEO e a confiança dos usuários.

Introdução

Com a crescente preocupação com a segurança na internet, utilizar HTTPS se tornou uma prática recomendada para qualquer site, independente do seu propósito. Nesse post, vou te mostrar como configurar HTTPS para o seu site hospedado no GitHub Pages utilizando um domínio personalizado.

Por que usar HTTPS? Isso não era só para ecommerce?

HTTPS, ou HyperText Transfer Protocol Secure, é uma versão segura do HTTP. Ele utiliza criptografia SSL/TLS para proteger a comunicação entre o navegador do usuário e o servidor. Inicialmente, o HTTPS era mais comum em sites de e-commerce para proteger informações sensíveis, como dados de cartões de crédito. No entanto, hoje em dia, seu uso é essencial para qualquer site, por várias razões:

  • Segurança: Protege dados sensíveis e garante que a comunicação entre o usuário e o site não seja interceptada por terceiros.
  • SEO: Motores de busca como o Google dão preferência a sites seguros, o que pode melhorar o seu ranking.
  • Confiança do Usuário: Sites com HTTPS passam mais confiança aos visitantes, que se sentem mais seguros ao navegar.

Como fazer?

Vamos seguir um passo a passo para adicionar HTTPS ao seu site hospedado no GitHub Pages com um domínio personalizado.

Adicionando SSL via Cloudflare

  1. Configurar Cloudflare: Primeiro, crie uma conta no Cloudflare e adicione o seu domínio. Cloudflare irá buscar automaticamente suas configurações DNS existentes.

  2. Atualizar DNS: Depois de adicionar seu domínio, vá até a seção de DNS no painel do Cloudflare. Adicione um registro CNAME apontando seu domínio (por exemplo, www.seudominio.com) para seudominio.github.io. Também adicione um registro A apontando o domínio raiz (seudominio.com) para os endereços IP do GitHub Pages (você pode encontrá-los na documentação do GitHub).

  3. Configurar SSL/TLS: No painel do Cloudflare, vá para a seção de SSL/TLS. Selecione "Full" ou "Full (strict)" para garantir que a conexão entre Cloudflare e GitHub Pages também seja segura.

  4. Forçar HTTPS: Na seção de "SSL/TLS", habilite a opção "Always Use HTTPS" para garantir que todos os visitantes sejam redirecionados para a versão segura do seu site.

Certifique-se de usar links canônicos no seu site para evitar problemas de conteúdo duplicado e melhorar seu SEO. Adicione a seguinte tag no <head> do seu HTML:

<link rel="canonical" href="https://www.seudominio.com" />

Disqus

Se você utiliza o Disqus para comentários no seu site, certifique-se de atualizar a configuração do seu domínio no painel do Disqus para refletir o novo URL HTTPS.

Conclusão

Adicionar HTTPS ao seu site no GitHub Pages com um domínio personalizado é uma excelente maneira de aumentar a segurança, melhorar o SEO e ganhar a confiança dos usuários. Utilizando serviços como o Cloudflare, o processo se torna simples e acessível para qualquer desenvolvedor. Espero que este guia tenha sido útil para você!