Criação de Sites em WordPress

Institucional, catálogo e loja virtual não dão o mesmo trabalho

A palavra "site" cobre projetos que não custam o mesmo esforço nem se comportam do mesmo jeito depois de publicados. A escolha do formato vem antes de qualquer conversa sobre layout, porque é ela que define o que o site processa sozinho e o que vai exigir alguém da sua equipe toda semana.

A diferença prática está no que a página precisa executar. Um institucional entrega informação e um formulário. Um catálogo entrega busca, filtro e comparação entre itens, mas a negociação continua fora do site. Uma loja virtual entrega a transação inteira: carrinho, cadastro de cliente, cálculo de frete, meio de pagamento, controle de estoque e e-mail automático de pedido, e cada uma dessas peças é mais um ponto para configurar, testar e acompanhar depois que o site está no ar.

• Institucional: empresa, serviços, equipe, contato e blog opcional. É o formato da maior parte dos projetos que entregamos, de escritórios como Teixeira Advocacia, RM Advogados e Rodolfo Pimenta Advocacia a consultórios como o do Dr. Fernando Borges.
• Catálogo: produtos ou serviços em fichas próprias, com busca e filtro, sem venda pelo site: o visitante encontra o item e a conversa termina por telefone, WhatsApp ou proposta.
• Loja virtual: venda direta, com carrinho, pagamento, frete, estoque e pedido. É o formato que mais exige acompanhamento depois de publicado, e não porque o layout seja maior.
• Landing page: página única para receber campanha; esse formato é tratado em criação de landing page.

Tema pronto, construtor visual ou tema desenhado: o que muda por dentro do WordPress

Dois sites em WordPress podem parecer iguais na tela e ser completamente diferentes por dentro, e a diferença aparece depois: na velocidade, na facilidade de atualizar e no que acontece quando a empresa quer mudar alguma coisa. O que decide isso é como o layout foi construído.

O tema pronto comprado em loja traz dezenas de opções para servir a qualquer negócio, e o site carrega o código de todas elas, mesmo usando poucas. O construtor visual, aquele em que se arrasta bloco na tela, dá liberdade de edição e costuma acrescentar camadas de estilo e script em cada página, além de amarrar o conteúdo ao próprio construtor: trocar de ferramenta depois costuma significar refazer as páginas. O tema desenhado para o projeto carrega só o que o site usa.

O próprio WordPress mudou nesse caminho. A versão 5.0, de dezembro de 2018, trouxe o editor de blocos, que permite montar páginas com blocos nativos sem plugin de terceiro, e a 5.9, de janeiro de 2022, trouxe os temas de bloco e o editor do site, que levam esse modelo para cabeçalho, rodapé e modelos de página. Na prática, boa parte do que antes exigia um construtor pago hoje se faz com recurso da própria plataforma, que é atualizado junto com ela.

• Tema pronto: rápido de começar, pesado para carregar e difícil de diferenciar da concorrência
• Construtor visual: edição livre, mais código por página e dependência da ferramenta
• Tema desenhado para o projeto: carrega só o necessário, com edição pelos blocos nativos do WordPress

O domínio, os acessos e o código do site ficam com você

O domínio precisa ser registrado no CNPJ ou no CPF da sua empresa, não no da agência que fez o site. O titular no Registro.br é o dono do domínio, e os contatos cadastrados nele também podem mexer em configurações como os servidores de DNS, por isso titular e contatos precisam ser pessoas da própria empresa. Site bem feito em domínio registrado no nome de terceiro é um ativo que você não controla, e isso só fica evidente no dia em que a relação com o fornecedor acaba.

O mesmo vale para o que está dentro dele. O WordPress é software livre: arquivos e banco de dados podem ser exportados e levados para qualquer servidor compatível. Você recebe o acesso de administrador no treinamento de entrega e passa a publicar conteúdo sem depender de ninguém. Não trabalhamos com construtor fechado: aquele em que o site só existe enquanto a mensalidade da ferramenta está paga e não há nada para levar embora se você decidir sair.

Sete perguntas que dimensionam o projeto antes do orçamento

Duas empresas pedem "um site de dez páginas" e recebem propostas muito diferentes, porque o que dimensiona o trabalho não é a contagem de páginas: é quantos layouts distintos precisam ser desenhados e quantas tarefas o site executa sem ninguém junto. As perguntas abaixo são as que fazemos no primeiro contato. Levá-las respondidas a qualquer fornecedor é o que torna duas propostas comparáveis entre si.

• Quantos layouts diferentes o site tem? Uma página de serviço que se repete dez vezes é um layout, não dez.
• É institucional, catálogo ou loja? Se tem itens, quantos são, e as fotos e descrições já existem?
• Com o que o site precisa conversar: agendamento, ERP, emissão de nota, meio de pagamento, chat, CRM?
• Vai existir área logada, cadastro ou formulário com regra de negócio por trás?
• Haverá versão em outro idioma? Já entregamos projetos para os Estados Unidos, o México e a França, e versão em outro idioma é conteúdo novo, não tradução automática colada no layout.
• Os textos e as fotos já existem e estão aprovados, ou serão produzidos dentro do projeto?
• Existe um site no ar cujo histórico de endereços precisa ser preservado?

Quem escreve os textos e de onde vêm as fotos

O que costuma travar um projeto de site não é decisão técnica. É chegar ao fim do layout sem que ninguém tenha definido quem escreve os textos e de onde vêm as imagens. Layout aprovado com texto de exemplo não é site pronto: ele entra no ar quando alguém escreveu a descrição de cada serviço, conferiu telefone e endereço, listou as unidades e revisou o que a empresa pode afirmar publicamente.

Foto de banco de imagem também cobra o seu preço. O visitante percebe que aquela sala, aquela equipe e aquele produto não são os da empresa, e em consultório, escritório e loja isso pesa mais do que qualquer detalhe de design. Vale reservar uma sessão de fotografia do espaço e das pessoas. Reunir textos, fotos, logotipo em arquivo vetorial e a lista de contatos antes do briefing é, de longe, o que mais encurta a construção.

Parte de quem contrata site aqui trabalha em profissão regulada, e nesses casos a norma do conselho influencia o que pode existir como página, o assunto é tratado a fundo em marketing para advogados, marketing para clínicas e médicos e marketing para dentistas.

Trocar um site que já está no ar sem perder o que ele acumulou

Refazer um site publicado há anos não é a mesma coisa que criar o primeiro. O site antigo acumulou endereços que o Google já conhece, páginas que continuam recebendo visita e, muitas vezes, contas de e-mail no mesmo domínio. Publicar o novo por cima, com estrutura de endereços diferente e sem tratamento, apaga esse histórico de uma vez só.

Por isso o inventário vem antes de desligar qualquer coisa: quais endereços recebem acesso, quais páginas continuam com a mesma URL, quais mudam de endereço e precisam de redirecionamento permanente para o novo destino. Contas de e-mail no domínio pedem cuidado à parte, porque a troca de servidor mexe no DNS e a caixa não pode ficar fora do ar durante a propagação. Analytics, Search Console e o link do Perfil da Empresa no Google acompanham a mudança, para que a medição não recomece do zero.

O que é conferido antes de o site entrar no ar

Site publicado sem conferência vira chamado na semana seguinte. Antes de virar a chave existe uma lista fixa, e ela é a mesma para projeto grande e para projeto pequeno.

A entrega termina com o treinamento do painel: quem vai cuidar do conteúdo aprende a mexer em texto, imagem e página, não em código. É o que separa um site que envelhece bem de um que fica parado porque ninguém dentro da empresa sabe onde clicar.

• Formulário enviado de verdade, com a mensagem chegando na caixa que vai responder, não apenas o aviso de "enviado" na tela.
• Título e descrição próprios em cada página, para o resultado de busca não repetir o nome da empresa em todas elas.
• Leitura em celular real, e não só na simulação do navegador: menu, telefone clicável, mapa e formulário.
• Peso das imagens, que é o que mais derruba o tempo de carregamento de um site recém-publicado.
• Página de erro 404 que devolve o visitante para dentro do site em vez de deixá-lo sem saída.
• Endereço abrindo em https, sem conteúdo misto vindo do site antigo.
• Sitemap enviado, medição instalada e indexação liberada, a caixa que bloqueia buscadores esquecida marcada é a falha mais silenciosa de todas.

Imagens no WordPress: o que a plataforma já faz e o que depende de quem publica

Imagem é o que mais pesa num site de empresa, e o WordPress resolve parte do problema sozinho. Desde a versão 4.4, de dezembro de 2015, ele gera versões da mesma imagem em vários tamanhos e indica ao navegador qual usar conforme a tela, para o celular não baixar a foto do tamanho de um monitor. A versão 5.8, de julho de 2021, passou a aceitar WebP, e a 6.5, de abril de 2024, o AVIF, dois formatos que costumam deixar a imagem bem mais leve que o JPG com qualidade parecida.

O que a plataforma não resolve é a decisão de quem publica. Foto enviada direto da câmera, com milhares de pixels e vários megabytes, continua ocupando espaço e gerando cópias grandes. Texto importante escrito dentro da imagem não é lido por leitor de tela e fica fora do HTML da página, dependendo de o buscador interpretar a imagem. E o texto alternativo, que descreve a imagem para quem não a vê, fica em branco se ninguém escrever.

Por isso o treinamento de entrega inclui a rotina de imagem: redimensionar antes de enviar, preferir WebP ou AVIF quando possível, dar ao arquivo um nome que descreva o conteúdo e escrever o texto alternativo dizendo o que a foto mostra. É uma rotina de um minuto por imagem que mantém o site rápido anos depois da entrega.

Acessibilidade não é item opcional do orçamento

Site que não pode ser usado por quem enxerga pouco, por quem não usa mouse ou por quem navega com leitor de tela está excluindo cliente, e no Brasil isso também tem peso legal: a Lei Brasileira de Inclusão trata a acessibilidade digital como obrigação, não como cortesia.

A parte que mais custa é a que menos aparece. Contraste suficiente entre texto e fundo, que se mede e não se opina. Navegação inteira pelo teclado, com o foco visível para quem não vê o cursor. Imagem com descrição que diga o que ela mostra, e não uma repetição de palavra-chave. Campo de formulário com rótulo associado de verdade, e não apenas texto cinza dentro da caixa que some quando alguém começa a digitar. Títulos em ordem, porque é por eles que o leitor de tela navega.

Nada disso encarece o projeto quando entra desde o início, e quase tudo isso encarece quando entra depois. Contraste é decisão de paleta, e trocar a paleta depois do site pronto significa refazer peça por peça. Ordem de título é decisão de estrutura. Rótulo de formulário é uma linha de código a mais na hora de escrever o campo.

Há um efeito colateral que interessa a quem pensa em busca: quase tudo que torna um site acessível também o torna mais legível para máquina. Título em ordem, imagem descrita e estrutura semântica são exatamente o que o rastreador usa para entender a página. Acessibilidade e busca não competem por orçamento, elas compartilham o mesmo trabalho.

Loja virtual: o que muda quando o site passa a receber dinheiro

Site institucional apresenta a empresa. Loja virtual movimenta pagamento, estoque e entrega, e cada um desses três traz uma decisão que não existe num site comum. Quem trata e-commerce como "site com carrinho" descobre a diferença depois de vender.

O pagamento é a primeira decisão. Existem dois caminhos: o cliente sai da loja e finaliza no ambiente do meio de pagamento, ou paga dentro da própria loja com o meio de pagamento operando por trás. O primeiro é mais simples de implantar e transfere quase toda a responsabilidade de segurança e de cobrança; o segundo tem taxa e integração mais trabalhosas, e costuma converter melhor porque não tira a pessoa do ambiente da marca. Não existe escolha certa em abstrato: existe a escolha certa para o volume e o ticket daquele negócio.

O estoque é a segunda, e é a que mais causa dor depois. A pergunta a responder antes de escolher plataforma é se o estoque da loja vai conversar com o sistema que a empresa já usa. Quando não conversa, alguém vai atualizar quantidade em dois lugares todos os dias, e o dia em que essa pessoa faltar é o dia em que a loja vende o que não tem. Integração custa dinheiro na implantação e economiza atrito todo mês.

A entrega é a terceira. Cálculo de frete por CEP, prazo exibido antes do fechamento e regra de frete grátis parecem detalhe e são responsáveis por boa parte do abandono de carrinho. Frete que só aparece no último passo é a forma mais eficiente de perder uma venda que já estava ganha.

Há ainda a parte que ninguém vê e que decide se a loja aparece na busca. Catálogo grande gera muitas páginas parecidas, variações do mesmo produto em cores e tamanhos, filtros que criam endereços diferentes para a mesma lista. Sem tratamento, isso vira concorrência interna: dezenas de páginas disputando a mesma consulta. O trabalho aqui é decidir qual versão é a oficial de cada produto e impedir que as demais sejam indexadas.

A obrigação legal também muda. Loja virtual precisa exibir em destaque o nome empresarial, o CNPJ, o endereço físico e eletrônico e as formas de contato, como pede o Decreto 7.962/2013, e informar de forma clara como exercer o direito de arrependimento de sete dias previsto no artigo 49 do Código de Defesa do Consumidor. Não é enfeite jurídico: é o que o consumidor procura antes de digitar o cartão, e a ausência disso derruba conversão mesmo em quem não conhece a regra.

Na prática, foi esse conjunto que organizou o projeto do Vulcão da Borracha, uma loja com mais de mil produtos cadastrados em borrachas, ferramentas, máquinas, lonas, EPIs e mangueiras. Catálogo desse tamanho torna a busca interna e a organização de categoria mais determinantes para a venda do que a página inicial.

Uma dúvida que aparece antes dessa decisão e merece resposta honesta: preciso de site se já tenho Instagram. A resposta curta é que os dois fazem trabalhos diferentes, e a longa explica o que cada um faz mal sozinho.

Antes de olhar escopo, vale entender de que o calendário depende, porque a resposta quase nunca é o tempo de execução: está em quanto tempo demora para fazer um site, que mapeia o dono de cada etapa.