3 maneiras fáceis de configurar rapidamente um site de teste do WordPress

Apesar de o YouTube parecer fácil, o desenvolvimento da Web é um desafio completo. Para minimizar problemas em seu site ativo, é uma boa ideia testar todas as alterações com antecedência. Configurar um site de teste do WordPress é uma ótima maneira de fazer isso.

Um site de teste permite que você transfira tarefas mundanas e que possam interromper o site para uma cópia do seu site. O site ao vivo permanecerá online e livre de erros. Enquanto isso, você pode trabalhar no que precisar e enviar as alterações ao vivo quando estiver pronto.

Este post explorará o teste do WordPress e algumas maneiras fáceis de configurá-lo.

Excitado? Vamos começar!

Confira nosso guia em vídeo para configurar um site de teste do WordPress

O que é um site de teste do WordPress?

Um site de teste é uma cópia exata do seu site ativo que não é visível ao público. É muito parecido com uma festa ou área de palco de eventos - oferece uma maneira de configurar seu site como você deseja em um ambiente de baixo estresse. A partir daí, você pode pegar esses elementos e transplantá-los para o site ao vivo, geralmente com um único clique.

Em um site, o processo de transplante é simples quando você tem as ferramentas certas. Muitos hosts da Web oferecem uma maneira de um clique para preparar seu site e enviar as alterações novamente:

Você já pode usar um ambiente de desenvolvimento local e há algumas semelhanças. Para começar, ambos são cópias do seu site ao vivo. A partir daí, eles divergem, no entanto. Normalmente, um site de teste geralmente é mais flexível em relação ao que você pode puxar e empurrar. Ele também pode permitir que você trabalhe com elementos interativos do site que precisam de um servidor ativo.

Falaremos mais sobre esses elementos (e mais) a seguir.

Deixar de testar as alterações em seu site antes de colocá-lo no ar é uma receita para o desastre Saiba como evitar erros de última hora neste guia Click to Tweet

Por que configurar um site de teste do WordPress?

Mesmo se você usar um ambiente de desenvolvimento local, recomendamos o uso de um site de teste também. Há muitas razões para fazê-lo. Em primeiro lugar, já explicamos como você pode trabalhar em elementos específicos do site sem afetar seu site ao vivo.

Um dos problemas significativos e essenciais com o staging é trazer elementos específicos do seu site sem tocar em outro conteúdo dinâmico.

Por exemplo, considere os comentários do site.

Os comentários representam conteúdo dinâmico baseado em tempo que você não deseja "congelar". Se você o fizesse, a atividade em seu site ativo entre o momento em que você o encena e o momento em que o envia desapareceria.

Além disso, seu site de teste pode atuar como um banco de testes para a configuração do seu servidor. Um excelente ambiente de desenvolvimento local muitas vezes pode simular uma configuração de servidor.

No entanto, não há substituto para o próprio servidor ao vivo. Um site de teste pode mostrar como seu site reage e dar a você a chance de mudar as coisas, se necessário, antes que isso afete seus visitantes.

Isso está relacionado a alguns outros bons motivos relacionados para usar um site de teste do WordPress:

• Você pode testar novas funcionalidades longe do público. Esse recurso é vital para seus números de tráfego, taxa de rejeição e análises gerais. Em um nível mais fundamental, você pode atualizar o núcleo do WordPress, seus temas e seus plugins enquanto corrige quaisquer problemas que surjam.
• Não há tempo de inatividade para seu site ativo ao usar um ambiente de teste. Mais uma vez, manter seu tempo de atividade alto não é bom apenas para o seu servidor – também é ótimo para suas métricas.

Um efeito indireto de todos esses benefícios é que você usará menos recursos potenciais em geral. Também é ótimo para manter seus desenvolvedores felizes! Falaremos mais sobre como um site de encenação ajuda no clima a seguir.

A importância de desenvolver usando um site de teste

Em primeiro lugar, vamos dar-lhe alguns conselhos. Se você é proprietário de um site e deseja trabalhar em seu site sem a ajuda de um profissional, pedimos que reconsidere. Pelo menos, pense em obter algumas informações de terceiros sobre a aparência e a execução do seu site.

Colaborar com um desenvolvedor irá ajudá-lo de algumas maneiras. Uma das grandes razões é porque você pode usar seus métodos testados e comprovados de obter um site do seu cérebro para a internet com o mínimo de barulho.

Um desenvolvedor geralmente terá alguns pontos críticos de seu processo, alguns dos quais você pode não ter considerado:

• Muitas vezes há um estágio de planejamento pesado, em vez de simplesmente improvisar no site ao vivo.
• A pilha de software é essencial, pois determina a funcionalidade que você pode acessar. Ele se estende até o desempenho e a escalabilidade do seu site.
• Haverá uma fase de revisão e correção de bugs, que pode ser tediosa, mas crucial para manter a qualidade do seu site alta.

Um site de teste é uma parte vital de cada etapa do processo. O primeiro aspecto será colocar seu site ao vivo em teste para realizar alguns “testes de estresse”. Saber disso lhe dá espaço para o desafio à frente.

Além disso, o desenvolvedor pode migrar aspectos para outras opções de software. Por exemplo, você pode substituir o jQuery por JavaScript vanilla, ou você pode testar a mudança para React. A preparação oferece ao desenvolvedor uma maneira de testar o que é possível em um ambiente quase ao vivo.

A correção de bugs e o polimento de layout também são ótimos usos para um site de teste. O desenvolvedor pode enviar versões do site para você e corrigir quaisquer problemas gritantes, enquanto você pode comentar sobre aspectos que podem ter passado despercebidos.

Um ambiente de desenvolvimento local trabalha para aprofundar os detalhes de um site sem usar nenhum recurso do servidor. Um site de teste é um ponto crucial na cadeia entre sites locais e ao vivo. Ele também fornece insights que você não pode obter em nenhum outro lugar.

Quando usar um site de teste

Dado o que dissemos até agora, não é surpresa que a preparação seja algo que você desejará usar na maior parte do tempo ao desenvolver seu site. Colocar seu site ao vivo para teste é algo que deve se tornar um hábito para que você nunca faça nenhuma alteração no seu site ao vivo.

Mesmo assim, existem algumas situações específicas em que você deseja utilizar um ambiente de teste do WordPress:

• Atualizações simples, como temas, plugins e o núcleo do WordPress, devem ser tentadas primeiro se apresentarem problemas de quebra de site.
• A instalação de plugins e temas deve ser feita no staging para que você possa testar a funcionalidade e os recursos sem impactar os usuários ativos. Além do mais, dá-lhe tempo e espaço para mexer nas minúcias antes de tornar públicas as alterações.
• Se você tiver alterações significativas baseadas em código, elas sempre devem ser aplicadas primeiro ao site de teste. Como observamos, um site de teste atua como o “intermediário” entre seu site ao vivo e o ambiente local, evitando confusão e estresse para você e seus visitantes ativos.

Vale ressaltar que muitas vezes você pode se safar atualizando temas, plugins e o próprio WordPress diretamente em seu site ao vivo. No entanto, não recomendamos. Também é duplamente importante preparar seu site se você pretende atualizar plugins “esquisitos” conhecidos ou instalar uma versão principal do WordPress.

Cuidar e ter cuidado com a estabilidade do seu site é fundamental. Em geral, prepare seu site sempre que seu trabalho puder impactar ou confundir os usuários.

O que considerar ao usar um site de teste

Decidir usar um site de teste do WordPress não é uma decisão impulsiva na maioria dos casos, independentemente de haver uma opção de teste de um clique disponível em seu host.

Ajudaria se você se fizesse muitas perguntas sobre como planeja usar seu site de teste. Aqui estão apenas alguns:

• Você pode usar todas as funcionalidades do seu site ao vivo no site de teste?
• Você é capaz de enviar elementos específicos ao vivo enquanto mantém outros aspectos intactos (por exemplo, comentários do site)?
• Você pode puxar esses elementos específicos para o seu ambiente local e trabalhar longe do seu servidor?

Essas são preocupações gerais que todo proprietário de site deve se perguntar. Pode ser que você tenha perguntas específicas relacionadas à sua configuração. Claro, você deve fazer encontrar as respostas para eles uma prioridade. O blogueiro do WordPress, Chris Lema, tem uma ótima reflexão e um tutorial sobre como decidir a abordagem certa para você.

Você também pode ter perguntas específicas de nicho sobre o uso de um site de teste. Por exemplo:

• Sites de comércio eletrônico: você pode usar todo o processo de checkout em seu site de teste? Esse fator será essencial para determinar como os usuários se movem pelo seu site.
• Plugins e temas: como plugins como o Jetpack funcionam em sites de teste? Além disso, o Jetpack, em particular, tem recursos limitados em ambientes locais porque precisa de acesso ao servidor.
• Vídeo e streaming: você obtém funcionalidade completa em seu site de teste? Como você pode determinar se o vídeo que você vê em seu site de teste representa seu site ao vivo?

Conforme observamos, essas perguntas serão específicas para seu ambiente, local e necessidades. Portanto, é outra boa razão para trabalhar com um desenvolvedor, pelo menos na fase de planejamento. Eles podem trazer sua experiência para o seu projeto e fazer algumas dessas perguntas antes de saber que você precisa das respostas.

Como configurar um site de teste do WordPress (3 maneiras)

Nas seções a seguir, veremos como configurar um site de teste do WordPress usando alguns métodos diferentes. Ordenamos do mais fácil ao mais difícil, mas a definição é vaga.

Você pode gravitar para uma solução específica mais do que para as outras. Sinta-se à vontade para pular e dar uma olhada em qualquer método que você goste.

1. Construa um site de teste usando seu host

Nosso primeiro método é aquele que nem todos os hosts da web oferecem. A funcionalidade de teste dedicado geralmente é o domínio de hosts WordPress de alta qualidade porque eles conhecem o valor de um site de teste. Por exemplo, Kinsta oferece teste de um clique, e mostraremos isso com mais detalhes posteriormente.

Onde um host oferece teste integrado, geralmente há dois elementos em vigor:

• Como observamos, o teste com um clique é popular porque representa a maneira mais rápida de preparar seu site ao vivo.
• Um site de teste do WordPress residirá em um subdomínio do seu domínio principal. Discutiremos isso de várias maneiras ao longo do artigo.

Se você é um cliente Kinsta, discutimos a preparação do WordPress em detalhes em nossa base de conhecimento. Consulte essa parte para percorrer os detalhes de como fazer isso. Dito isso, vale a pena resumir todo o processo:

Assine a newsletter

Quer saber como aumentamos nosso tráfego em mais de 1000%?

Junte-se a mais de 20.000 pessoas que recebem nossa newsletter semanal com dicas privilegiadas do WordPress!

Inscreva-se agora

1. Escolha seu site na lista do MyKinsta.
2. Altere o ambiente de "Ao vivo" para "Encenação".
3. Clique no botão para implementar seu site de teste do WordPress.
4. Aguarde até 15 minutos para que o site de teste seja preenchido.

Seu ambiente de teste terá seu próprio subdomínio e também carregará suas configurações de Secure Sockets Layers (SSL).

Você pode até restaurar um backup do site para teste e enviar seu site de teste ao vivo a partir do painel MyKinsta:

Achamos que nossa funcionalidade de teste é inigualável. Mesmo assim, há uma cobertura para o bolo de três camadas, cortesia de DevKinsta, que discutiremos a seguir.

Como o DevKinsta pode ajudá-lo a criar um site de teste

O painel MyKinsta tem quase todos os recursos e funcionalidades que você precisa para criar e gerenciar seu site ao vivo. Se preferir trabalhar em um ambiente local, você pode usar o DevKinsta.

DevKinsta é nosso ambiente de desenvolvimento local para todos os desenvolvedores web e proprietários de sites, embora tenha funcionalidades específicas para clientes Kinsta:

É um aplicativo completo (e gratuito) para ajudá-lo a criar novos sites WordPress com um mínimo de cliques. Além disso, tem muito na caixa para ajudá-lo a preparar as coisas para um servidor real. Cobrimos isso em outro lugar no blog Kinsta, mas há uma configuração que queremos focar um pouco mais - a opção Push to staging:

Esse recurso permite que você escolha um site de destino e transfira seu site local para seu ambiente de teste. Isso também significa que você tem uma maneira de permanecer inteiramente dentro do ecossistema Kinsta durante toda a jornada de desenvolvimento.

A primeira etapa do processo é importar seu site da Kinsta no DevKinsta:

Depois que seu site estiver hospedado no DevKinsta, você poderá levar o tempo necessário para fazer as alterações necessárias. A partir daí, você clicará no botão Push to staging e o enviará de volta ao seu servidor de hospedagem. Quando você estiver pronto para lançar seu site no mundo, o botão Push to Live no painel MyKinsta fará o trabalho.

2. Instale um plug-in para ajudá-lo a criar um site de teste do WordPress

Mencionamos que alguns hosts não permitem que você crie um site de teste do WordPress. Obviamente, recomendamos mudar de provedor se isso se aplicar a você, mas ainda há maneiras de criar um ambiente de teste, se você não puder.

Dado que o ecossistema de plugins do WordPress é robusto, não é surpresa que os plugins de teste também existam. Para quem não sabe, um plug-in de teste oferece quase paridade em funcionalidade como um host, mas manipulado a partir do painel do WordPress. Dito isso, vale a pena notar que existem algumas diferenças entre os plug-ins de teste e outros plug-ins de duplicação de sites, como o Duplicator.

Para começar, o Duplicator não é para encenação. É um plugin poderoso para clonar um site, mas não possui o pseudo controle de versão que um ambiente de teste possui.

Vimos plug-ins de duplicação de sites recomendados como uma maneira ideal de criar um site de teste. Não recomendamos! É discutível se o uso de um plug-in como o Duplicator está no mesmo nível de uma ferramenta de desenvolvimento local dedicada, como o DevKinsta.

Em vez disso, existem soluções mais robustas, como WP Stagecoach e WP Staging:

Os benefícios de usar uma solução como o WP Staging são inúmeros:

• Você pode clonar seu site rapidamente.
• Tudo acontece dentro de um painel de aparência familiar.
• Você pode excluir tabelas e pastas de banco de dados específicas.
• Você pode escolher quais arquivos e tabelas são enviados ao vivo.

Todo o processo de usar um plugin parecerá familiar. Com relação ao WP Staging, você instalará o plugin em seu site da maneira usual. Observe que há uma versão gratuita com funcionalidade limitada e uma versão premium que oferece toda a gama de recursos.

Quando o plug-in estiver no seu site, você irá para a página WP Staging > Sites / Start e clique no botão Create New Staging Site :

Clicar nele o levará à seção Digitalização . Há três partes aqui que você deve considerar, além de inserir um nome para seu site de teste:

• Tabelas de banco de dados: Esta é uma lista de todas as suas tabelas de banco de dados, e você pode selecionar as que deseja preparar.
• Arquivos: você pode escolher quais pastas copiar aqui, junto com quaisquer diretórios extras que deseja copiar.
• Configurações Avançadas / Pro: Existem muitas configurações aqui. Por exemplo, você pode copiar seu site de teste para um banco de dados separado, para um diretório personalizado, e também pode fazer um “link simbólico” dos uploads do site de produção.

Depois de clicar para continuar, você iniciará o processo de clonagem e teste:

Quando o plug-in terminar, você verá os detalhes necessários para trabalhar em seu site de teste:

Quando você acessar seu site de teste, a barra de ferramentas ficará laranja brilhante - um impedimento caso você faça o impensável:

A partir daqui, você pode enviar suas alterações de volta à produção e gerenciar seu site de teste no painel do WordPress.

3. Crie um site de teste manual do WordPress

Nosso método final para configurar um site de teste do WordPress é o mais difícil e não tão funcional. Somos pressionados a recomendá-lo em todos os casos de uso mais extremos e de nicho.

Criar um site de teste manual do WordPress é o que parece: você criará todos os componentes necessários e implantará seu site sem automação na maioria das vezes. Existem algumas desvantagens graves com essa abordagem:

• Uma abordagem manual significa que há uma chance maior de erros se infiltrarem em seu fluxo de trabalho.
• Não há como sincronizar dados do site entre instalações.
• Você não pode enviar dados, tabelas ou arquivos selecionados entre instalações.

Em outras palavras, você está criando uma versão manual de um plugin como o Duplicator. Mesmo assim, você pode ver alguns benefícios se usar a abordagem a seu favor.

Por exemplo, você pode configurar um site de teste para testar uma gama restrita de recursos e funcionalidades (como uma atualização do núcleo do WordPress). Quando estiver satisfeito com o funcionamento do site de teste, você poderá aplicar as alterações ao site ativo.

Claro, você está duplicando o trabalho que precisa fazer, e essa é outra desvantagem no processo.

Apesar disso, sua situação e necessidades determinarão se um site de teste manual é para você. Em caso afirmativo, você precisará do seguinte:

• Um provedor de hospedagem que permite criar subdomínios.
• Acesso de administrador ao seu back-end de hospedagem.
• Conhecimento prático da linguagem SQL (não é tão crítica quanto as outras).

Depois de tê-los no lugar, certifique-se de ter realizado um backup completo do seu site. Criar um site de teste manual do WordPress é repleto de perigos, e você ficará grato por seu backup se o pior acontecer.

Há sete etapas gerais necessárias para configurar um site de teste manual:

1. Crie um novo subdomínio no painel de controle do seu host.
2. Configure uma conta SFTP (Secure File Transfer Protocol) dedicada para seu site de teste.
3. Carregue seus arquivos do WordPress para o servidor de teste. A melhor maneira é instalar uma nova versão do WordPress e, em seguida, enviar suas pastas de temas , plugins e uploads .
4. Exporte seu banco de dados do seu site ao vivo.
5. Crie um novo banco de dados para seu site de teste em seu painel de controle de hospedagem.
6. Importe o banco de dados para seu servidor intermediário usando um gerenciador SQL, como Adminer.
7. Atualize wp-config.php para refletir seu site de teste.

Como você alcança alguns desses aspectos depende de você e de seu anfitrião. Apesar da complexidade envolvida, cada método está dentro do escopo de um usuário iniciante. Dito isto, o tempo que leva para implementar pode não valer a pena.

Implante seu site de teste manual

Obviamente, se você configurar um site de teste manual do WordPress, também precisará implantá-lo. Geralmente, há uma opção de um clique com uma abordagem automatizada, que não está disponível neste caso.

Se você é um desenvolvedor de back-end com alta experiência em PHP e SQL, pode implementar a implantação automática, embora estejamos apostando que essa não é a sua situação aqui. Dessa forma, recomendamos replicar as alterações feitas em seu site de teste em vez de tentar "implantá-las".

PSA: Sempre use um site de teste para testar as alterações do site antes de colocá-lo no ar. Este guia tem tudo o que você precisa para começar Click to Tweet

Resumo

Encenação não é apenas para casamentos e festas! Seu site também pode se beneficiar da encenação. Um site de teste do WordPress pode ser uma ferramenta inestimável quando você precisa trabalhar em aspectos potencialmente prejudiciais ao site. Além disso, será mais fácil para um desenvolvedor ajudá-lo com qualquer funcionalidade, pois o site de teste estará bem longe de qualquer elemento ativo.

Ao longo deste post, discutimos a configuração de um site de teste do WordPress por meio de alguns métodos diferentes. Embora você possa criar um site de teste manual, é um pesadelo administrativo em potencial. Um plugin como o WP Staging é bom, mas um ambiente de teste baseado em host oferece bastante integração. Adicionar uma solução local como o DevKinsta ao seu fluxo de trabalho oferece uma maneira excelente de ir do local para o staging antes de colocar seu novo site no ar.

Você conhece o valor de um site de teste do WordPress e, se não, é algo que você implementará no futuro? Por favor, compartilhe seus pensamentos e opiniões conosco na seção de comentários abaixo!