Marcação semântica
Cabeçalho, navegação, artigo e rodapé com o significado correto — a base para busca, acessibilidade e manutenção.
Método YveTech de Web · Etapa 03
Construção e otimização
O protótipo aprovado vira código. E velocidade não é ajuste de fim de projeto: é decisão tomada em cada arquivo, medida a cada entrega e conferida antes de a página entrar no ar.
Velocidade não se conserta no fim
Quase todo site lento ficou assim por acúmulo de decisões pequenas — cada uma defensável isoladamente.
Um site demora a abrir porque carregou uma fonte que ninguém usa, uma biblioteca inteira para animar dois elementos, um vídeo de fundo em resolução de cinema e nove imagens no formato que a câmera gerou. Nenhuma dessas escolhas parece grave sozinha. Somadas, elas colocam três segundos entre o visitante e a sua primeira frase.
A construção começa pelo texto e pela estrutura: marcação semântica, um título por página, hierarquia correta de subtítulos, imagens com descrição. É o mesmo cuidado que faz o site ser entendido pelo buscador e ser navegável por quem usa leitor de tela — acessibilidade e SEO cobram, em boa parte, exatamente as mesmas coisas.
Depois vem o que costuma ser esquecido: imagem servida no tamanho da tela e em formato moderno, fonte carregada sem apagar o texto, script que espera a página abrir, cache configurado com o cabeçalho correto. Medimos antes e depois de cada entrega, em conexão lenta e aparelho modesto — não no computador de quem desenvolveu.
Um segundo a mais de carregamento não faz o visitante esperar um segundo. Faz uma parte dele ir embora antes de ver qualquer coisa.
O que fazemos nesta etapa
Seis frentes que correm em paralelo, do primeiro arquivo até a véspera da publicação.
Desempenho medido
Carregamento, estabilidade visual e resposta ao toque acompanhados a cada entrega, em rede lenta.
Acessibilidade
Navegação por teclado, contraste, foco visível e descrição de imagem. Alvo declarado: WCAG 2.1 nível AA.
SEO técnico
Títulos, descrições, dados estruturados, sitemap, endereço canônico e indexação conferida no buscador.
Imagens e mídia
Formato moderno, tamanho por tela, carregamento sob demanda e espaço reservado para não haver salto no layout.
Segurança da página
HTTPS obrigatório, cabeçalhos de proteção, formulários validados dos dois lados e defesa contra envio automatizado.
O que acompanhamos enquanto construímos
Os painéis que ficam abertos durante a etapa — e que você pode olhar junto a qualquer momento.
Como a etapa acontece
Três a seis semanas conforme o porte, com ambiente de homologação aberto desde a primeira semana.
Base e componentes
Traduzimos o sistema do protótipo em componentes de código reutilizáveis. Feito uma vez, vale para todas as páginas — inclusive as que você criar depois.
Páginas e conteúdo
As páginas sobem no ambiente de homologação à medida que ficam prontas, já com o conteúdo real. Você acompanha pelo link, sem esperar o fim.
Integrações
Formulários, WhatsApp, analytics, meios de pagamento, chat, CRM ou ERP — cada integração testada com dado real antes de valer.
Otimização e conferência
Rodada final de desempenho, acessibilidade e SEO técnico, com relatório do antes e do depois e a lista do que ficou de fora e por quê.
Onde a maior parte dos sites perde velocidade
Os quatro culpados que encontramos com mais frequência nas auditorias.
- Imagem no tamanho errado — foto de 4000 pixels exibida num espaço de 400.
- Biblioteca inteira por um efeito — centenas de kilobytes para animar dois blocos.
- Rastreadores demais — cada pixel de campanha cobra o seu pedaço do carregamento.
- Fonte que apaga o texto — a página abre em branco esperando o arquivo da fonte.
O que fica medido e registrado
Números do antes e do depois, entregues por escrito.
- Nota de desempenho — medida em rede lenta e aparelho modesto, não no melhor caso.
- Relatório de acessibilidade — o que passa, o que falha e o que é limitação conhecida.
- Checagem de SEO técnico — títulos, dados estruturados, sitemap e indexação conferida.
- Mapa de redirecionamentos — cada endereço antigo apontando para o novo, quando há migração.
As medidas que perseguimos
São as mesmas que o Google usa para avaliar experiência de página. O alvo vale para o celular, que é o caso mais difícil.
| Medida | O que ela mede | Alvo que perseguimos |
|---|---|---|
| Maior conteúdo visível (LCP) | quanto tempo até aparecer o elemento principal da tela | até 2,5 segundos no celular |
| Estabilidade visual (CLS) | o quanto a página pula enquanto carrega | abaixo de 0,1 — nada de botão que foge do dedo |
| Resposta à interação (INP) | a demora entre o toque e a reação da página | até 200 milissegundos |
| Peso da primeira tela | quanto o navegador precisa baixar para mostrar algo | abaixo de 1 MB, imagens já incluídas |
| Acessibilidade | contraste, foco, teclado e descrição de imagem | WCAG 2.1 nível AA nas páginas principais |
| SEO técnico | estrutura, dados estruturados e indexação | nota 95 ou mais na auditoria automatizada |
Compromissos desta etapa
O que combinamos antes de começar — e cobramos de nós mesmos durante o projeto.
3–6 sem.conforme o número de páginas e integrações
< 2,5 salvo de carregamento no celular
WCAG AAalvo de acessibilidade nas páginas principais
Homologaçãoaberta para você desde a primeira semana
Perguntas frequentes sobre construção e otimização
As dúvidas que mais aparecem nesta etapa. Sobre prazo, forma de cobrança e contrato, veja as perguntas frequentes da YveTech.
Vocês usam WordPress ou fazem do zero?
Depende do que o site precisa fazer. Quando a sua equipe vai publicar muito conteúdo e o site é sobretudo institucional e blog, um WordPress bem configurado resolve e barateia a manutenção. Quando há integração pesada, catálogo grande ou exigência de velocidade extrema, uma base sob medida sai melhor. A escolha é justificada por escrito, não por preferência nossa.
Site rápido precisa ser sem graça?
Não. Precisa ser feito com critério: animação leve em vez de biblioteca inteira, vídeo comprimido e servido só quando faz sentido, imagem no tamanho da tela. O que abandonamos é o efeito que ninguém nota e custa meio segundo — não o cuidado visual.
Como fica o meu posicionamento atual se eu trocar de site?
Isso se protege aqui. Mapeamos todos os endereços do site antigo e criamos redirecionamento permanente para os novos antes de virar a chave. Site refeito sem esse cuidado perde de uma vez o histórico de busca que levou anos para construir — é o erro mais caro e mais comum de uma migração.
Eu consigo acompanhar antes de o site ir ao ar?
Consegue, desde a primeira semana. O ambiente de homologação fica aberto para você e para quem você quiser, com endereço próprio e bloqueado para buscadores. As páginas aparecem lá conforme ficam prontas.
Seu site atual demora a abrir?
Fazemos uma auditoria de desempenho e SEO técnico do que existe hoje, com a lista do que mais pesa. Conte o seu cenário e retornamos em até 1 dia útil.
Continue explorando
As quatro etapas do método e os três recortes da operação — cada uma com o seu próprio detalhamento.
Criação de SitesVoltar à visão geral da área
Estratégia e conteúdoA jornada de quem compra virando a estrutura do site
Design e protótipoO layout navegável aprovado antes de existir código
Publicação e evoluçãoA virada de chave e os ajustes guiados pelos primeiros meses
Responsivo de verdadeComo testamos cada entrega em aparelho e rede reais
Layout adaptativoUm só projeto atendendo desktop, tablet e celular
Ambiente de Criação de SitesDomínio, hospedagem, certificado e backup — tudo no seu nome