Como redesenhar seu site WordPress (e manter seu SEO)

O redesenho do site pode ser emocionante e desafiador para as empresas. Não há pouca quantidade de grande esperança para o redesenho, mas esse é um empreendimento monumental. Um redesenho pode resolver seus problemas existentes, dando a você a chance de retirar um site e construí -lo novamente.

Pegue isso de alguém que fez muitas reconstrutas do WordPress - vale a pena, mas definitivamente requer algum trabalho.

Por que redesenhar seu site?

É necessário um redesenho quando seu site parece preso. Isso vem de muitas formas diferentes, mas aqui estão alguns que justificam uma grande mudança:

Se você estava acenando com a cabeça sim para qualquer um deles, um redesenho pode ser do seu interesse.

Etapas para redesenhar um site WordPress

Há um processo infalível para qualquer redesenho de site. Mas, sem surpresa, recomendamos começar com um plano.

1. Planeje suas necessidades de redesenho

A definição de metas é uma parte importante de um redesenho de site. É um projeto muito grande demais para flutuar sem rumo. Pense no que você quer realisticamente.

Objetivos comuns para um redesenho de site geralmente incluem coisas como:

• Melhores pontuações principais da Web Vitals (sites mais rápidos são melhores para todos)
• Taxas de conversão aprimoradas (sejam envios de formulários, compras de produtos ou qualquer outra ação -chave em seu site)
• Melhor engajamento do usuário, medido por coisas como tempo de permanência e taxas de salto
• Criando um sistema de design escalável que simplifica a criação futura de conteúdo
• Adicionando nova funcionalidade para aprimorar a experiência do usuário (como análises de clientes, check -out mais rápido, melhor maneira de mostrar vídeo ou navegação mais fácil)

Alguns desses objetivos, como as pontuações principais da Web, os pontos vitais ou as taxas de conversão, são facilmente mensuráveis, rastreando métricas. Outros, como criar um sistema de design melhor, podem ser mais sobre alcançar um certo sentimento ou nível de eficiência. O importante é garantir que seus objetivos estejam bem definidos e escritos antes de você começar.

2. Crie um site de preparação

Nunca trabalhe em um site ao vivo. Configure um site de preparação. Use suas ferramentas de hospedagem para clonar seu site WordPress. Se você não fizer isso, corre o risco de quebrar seu site enquanto os visitantes ainda tentam acessá -lo. Além disso, um site de encenação retira a pressão mantendo o site atual. Eu também não recomendo o uso de uma página em construção em um site ao vivo, a menos que o site original seja um negativo. Apenas espere até que o site reprojetado esteja pronto.

O Siteground oferece uma das maneiras mais fáceis de criar um site de encenação a partir do seu site existente.

Um site de encenação é um clone do seu site que "vive" em um URL temporário. Está completamente separado do seu site ao vivo, portanto não há interferência entre os dois.

No seu site de estadiamento, você desejará desencadeá-lo temporariamente para que o Google não nogue até pressioná-lo como seu site ao vivo. Para fazer isso, vá para “Configurações> Reading ”, depois verifique a caixa que diz: “ Desencoraja os mecanismos de pesquisa da indexação deste site ”. Você confundirá o Google se deixá -lo indexar seu site de estadiamento, além do seu site ao vivo.

3. Preserve o SEO e os detalhes técnicos

Um redesenho pode afetar seu SEO. Os mecanismos de pesquisa criam seus índices com base na estrutura do site existente. Mudar demais fará com que o Google retire as páginas de seu índice e inicie o processo novamente. É por isso que recomendo a realização de uma auditoria completa do seu site existente. Use o Google Search Console para identificar páginas de alto desempenho, erros de rastreamento e classificações de palavras-chave. A exportação desses dados o ajudará a estabelecer benchmarks para comparar seu site reprojetado e impedir muito de alterar os fundamentos do seu site.

Certifique -se de fazer cada um deles para cada redesenho:

1. Preserve URLs existentes. Acompanhe todas as páginas e publique em seu site, incluindo páginas criadas pelo CMS (pense em taxonomias e páginas de loja). Eu gosto de ter uma planilha de tudo isso. Você pode olhar para seus sitemaps para 95% das páginas do seu site.
2. Configure 301 redirecionamentos para qualquer página com uma alteração de URL (muito importante - alguns plugins farão isso automaticamente).
3. Em relação aos 301s, mantenha seus redirecionamentos anteriores intactos. Você também pode limpar os 301s necessários (404s não são ruins, mas use um 301 se uma página se mover).
4. Migre suas tags de título e meta descrições. Você pode alterá -los, mas certamente não quer perdê -los se não o fizer.
5. Mantenha qualquer esquema adicional usado em suas páginas (mais do que o que é criado por padrão do seu plug -in de SEO). É uma dor recriar o esquema quando você simplesmente esqueceu de salvá -lo (use a planilha para isso também).
6. Mantenha sua estrutura de cabeçalho intacta porque os mecanismos de pesquisa o usam para o contexto. Você tem permissão para fazer alterações no conteúdo, mas saiba que elas podem afetar seu SEO anterior.

O SEO é frequentemente uma reflexão tardia com reprojetos. Embora o SEO possa ser uma das últimas coisas para as quais você otimiza um novo site para (dentro do motivo), deve ser uma das primeiras coisas em que você pensa em uma reformulação . Se o seu site existente obtiver tráfego atual, você não quiser voltar uma etapa (ou vários).

4. Use Divi para o seu redesenho WordPress

Embora mudar um tema possa mudar drasticamente um site, a boa notícia é que toda a sua mídia e CPTs permanecem intactas. Suas imagens e vídeos carregados terão o mesmo caminho de URL que em todos os tipos de postagens personalizados que você criou (embora os loops de consulta e os elementos na página precisem ser reconstruídos e sua paginação possa mudar). Isso deve lhe dar mais confiança com um redesenho, porque você não está começando de zero.

Agora, você tem centenas de opções ao escolher um tema para um redesenho do WordPress. No entanto, não há ninguém melhor para projetar um site do que o Divi. Eu não vi um construtor de páginas para o WordPress dar aos usuários como muitas opções de design (sejam elas iniciantes ou não muito proficientes no CSS).

O Divi é uma máquina de design e, se você está realmente se comprometendo com um redesenho , sugiro que você não escolha uma ferramenta que o levará a outro gargalo de design . Em primeiro lugar, o Divi é uma ferramenta de design. Isso significa que ele possui todos os recursos e funções que você precisa para reconstruir seu novo site.

Se você precisar de um pouco mais de ajuda, o Divi possui sites iniciais projetados por nossa equipe de web designers profissionais. Você também pode usar nosso construtor de sites de IA comprovado para algo mais personalizado. A melhor parte das duas opções é que todo design é compatível com o Divi, o que significa que tudo é editável no editor da Divi.

Com um orçamento apertado? O Divi está na verdade entre as ferramentas de web design mais acessíveis do mercado. Você obtém uma ferramenta de design completa, armazenamento em nuvem, assistente de IA, suporte VIP (e mais do que estou disposto a enfiar nessa frase) por US $ 7,42 por mês.

Obtenha divi para o seu redesenho

5. Projete suas páginas e modelos

Comece configurando suas cores e fontes globais . Você pode estabelecer sua paleta de cores primária e pares de fontes nas opções de temas Divi ou no personalizador de temas do WordPress.

Em seguida, comece a trabalhar com o sistema predefinido da Divi. As predefinições criam estilos de design reutilizáveis ​​para todos os seus elementos comuns do site. Pense em coisas como botões, títulos, diferentes estilos de texto, campos de formação e assim por diante. As predefinições são cruciais para garantir a consistência do projeto em todo o seu site. Começo com uma página com elementos que sei que vou usar em todo o site - outros gostam de começar com a página inicial para isso.

Em seguida, trabalhe em seus modelos de cabeçalho e rodapé usando o construtor de temas da Divi. Crie modelos globais de cabeçalho e rodapé que serão aplicados em todo o seu site (ou em seções específicas, se necessário). Além disso, crie os modelos de página dinâmica necessários. Os modelos de página dinâmica são usados ​​para conteúdo aplicado a um modelo automaticamente (como postagens do seu blog, páginas de arquivo de categoria e páginas de produtos).

Depois disso, acho melhor terminar projetando páginas estáticas principais. Comece com suas páginas estáticas mais críticas, como sua página inicial, sobre página, página de contato, página de serviços, etc. Ao projetar essas páginas, aplique seus estilos e predefinições globais para manter a consistência visual. Concentre-se na criação de layouts claros com as denúncias eficazes em cada página.

6. Otimize seu site para desempenho

Não vou belaborar esse ponto, pois você pode ler em profundidade sobre como melhorar sua pontuação de velocidade da página do Google e quais plugins você deve usar para otimização de velocidade. Mas aqui estão as coisas que eu teria em qualquer um dos meus próprios reprojetos concluídos:

Divi

Uma versão anterior do divi 5 alfa que reduziu o tempo de carregamento da página por um fator de quatro

Já cobrimos como o Divi é um tema fantástico que não coloca limites para a liberdade e o controle do design. Mas também está entre os temas do WordPress mais rápidos e mais executivos do mercado. Se você está instalando o Divi pela primeira vez durante esse redesenho, eu recomendo que você procure o Divi 5 - uma versão completamente reconstruída do nosso construtor de sites que é muito, muito mais rápido e que já tem mais novos recursos do que a versão mais antiga do Divi . Se você estiver redesenhando uma loja WooCommerce, a versão antiga é a sua melhor aposta no momento, mas na maioria dos outros casos, o Divi 5 será o que você deseja usar.

Obtenha divi para o seu redesenho

CloudFlare CDN

O CloudFlare é uma rede de entrega de conteúdo (CDN) que armazena e serve os ativos estáticos do seu site em servidores em todo o mundo, reduzindo os dados de distância que viajam para seus usuários (tornando -os mais rápido). Muitas vezes usei a versão gratuita para sites menores. No entanto, a próxima ferramenta é o que eu usaria para um site em que dependia da receita da minha empresa.

Obtenha Cloudflare

Nitropack

A Nitropack é uma plataforma tudo em um para tornar os sites muito, muito rápidos. Oferece sites WordPress Smart Caching, entrega de recursos otimizados por meio de sua própria CDN e otimização impressionante de imagem. Ele também lida com imagens preguiçosas de carregamento e conversão em Webp. Com o WordPress, você costuma consertar uma série de plugins e ferramentas de terceiros, mas a Nitropack é realmente uma loja única. Trate -se com este incrível conjunto de ferramentas integradas - você vai me agradecer mais tarde.

Obtenha Nitropack

7. Siga uma lista de verificação de pré-lançamento

Uma lista de verificação de pré-lançamento está lá para que você não perca alguma coisa acidentalmente. Há literalmente centenas de coisas que você pode verificar, mas aqui estão seis categorias principais de coisas para verificar:

• Revise todo o conteúdo : verifique se há erros de digitação, erros gramaticais e qualquer coisa que exija um olho próximo para capturar (eu gosto de usar a IA aqui para pegar certas coisas).
• Revisão de imagem e mídia : Verifique se todas as imagens e vídeos são exibidos corretamente e otimizados.
• Teste móvel : teste todas as páginas em dispositivos e tablets móveis para garantir que o design responsivo funcione conforme o esperado. Vivemos bem no século XXI, por isso também teste exibições ultra largas.
• Teste de navegador cruzado : teste seu site em diferentes navegadores (Chrome, Firefox, Safari, Edge) para garantir a compatibilidade.
• Execute um rastreamento do site : se puder, use a versão gratuita do ScreamingFrog para rastejar seu site e ver se algum erro óbvio precisa ser abordado antes do lançamento.
• Instale a análise : logo antes de um lançamento ser um ótimo momento para configurar o Analytics. Certifique -se de definir eventos de conversão para que você possa realmente ver como está o seu site reprojetado.

8. Vá ao vivo

O momento da verdade chegou! Depois de testar rigorosamente seu site reprojetado em seu ambiente de encenação e está confiante em sua estabilidade e desempenho, é hora de ir ao ar. Neste ponto, você construiu algo que funciona bem, satisfaz seus usuários finais e cumprirá suas metas de negócios.

Se você estiver usando o Siteground, poderá fazer o seu site de estadiamento ao vivo usando as ferramentas do site. Assim como o Siteground criou seu ambiente de preparação com um clique, ele trocará o site de preparação para o ambiente ao vivo.

Leva apenas alguns momentos para que isso aconteça. Eu amo como isso lida com a alteração do URL de preparação em todo o site para o seu domínio personalizado. Isso costumava ser uma dor, mas agora é realmente fácil.

WordPress Redesign feito certo

Frequentemente, ouvimos os usuários dizerem que desejavam ter mudado para o Divi com anos de antecedência, especialmente aqueles que querem maior controle de design do que o que um tema típico do WordPress oferece. Divi faz um redesenho de WordPress um prazer. Seu construtor de arrastar e soltar , configurações de design global e opções avançadas de estilo permitem redesenhar seu site para refletir sua marca e objetivos. Não corte cantos e obtenha um tema WordPress que você acabará substituindo em alguns anos.

Tente divi

Depois de ter o tema certo, concentre -se em adicionar novos recursos ao seu site, manter (e melhorar) seu SEO e construir com velocidade e capacidade de resposta desde o início.

Pegue -o para ir

O repouso é muito trabalho, mas a maneira como fazemos isso usando essas ferramentas facilita muito. Recomendamos qualquer uma dessas ferramentas abaixo para hospedagem, design e otimização do seu site.