Bem vindo ao
Blog da FULL.

Aprenda, crie e cresça seu negócio na internet.

Encontre conteúdos, dicas, tutoriais e novidades sobre as principais ferramentas Wordpress

Como mover seu site HTML estático para o WordPress

Você está em:

Como mover seu site HTML estático para o WordPress

Com o WordPress se tornando cada vez mais popular a cada dia, é óbvio que mais pessoas entrarão no movimento. Embora a adoção do WordPress seja uma ótima jogada, isso significa que você terá que dar adeus ao seu site HTML? Você realmente precisa começar tudo de novo quando migrar para o WordPress? Bem não. Você pode migrar seu site HTML para o WordPress facilmente, mantendo o conteúdo, o design e até mesmo as classificações de SEO. Parece bom.

Antes de levá-lo para lá, gostaria de defender uma coisa: se você não tiver um motivo forte (como adicionar um blog, etc.) Caso contrário, sinta-se à vontade para adotar o WordPress e aproveitar todos os ótimos recursos pelos quais a plataforma é mais conhecida. Isso fora do caminho, o post de hoje abordará tópicos sobre como migrar um site HTML para o WordPress. Analisaremos o planejamento e a migração do seu site para o WordPress.

Movendo seu site para o WordPress: o plano

wordpress-post-agendamento

Através da experiência, aprendi uma lição inestimável na vida: nada é bem-sucedido sem um plano sólido. Para migrar seu site HTML para o WordPress, portanto, você precisa de um ótimo plano. A seguir estão alguns dos pontos a ter em mente ao elaborar seu plano:

  • Você manterá seu nome de domínio existente ou criará um nome separado? Dica:  Você também pode instalar o WordPress em um subdiretório, ou seja,  seudominio.com/wordpress/  e depois apontar o domínio para o diretório
  • Sua estrutura de URL atual mudará? Isso acontece o tempo todo, então prepare-se para redirecionar seus URLs antigos após a migração
  • Quanto conteúdo (páginas, posts, imagens, arquivos JavaScript etc) você vai mover para o novo site? Baixos volumes de conteúdo podem ser movidos manualmente, mas você precisará de ferramentas específicas para mover grandes volumes de conteúdo
  • Seu site HTML atual utiliza serviços externos? Existem plugins do WordPress para esses serviços? Como você integrará serviços de terceiros após a migração?
  • Você precisará transferir as ferramentas administrativas existentes ou existem ferramentas equivalentes no WordPress?
  • Você vai mudar os hosts da web? É comum que os proprietários de sites alterem os hosts da Web ao migrar para o WordPress. Certifique-se de que seu host irá acomodar suas necessidades do WordPress. Usamos, amamos e recomendamos a hospedagem WordPress gerenciada do WPEngine .

No final do dia, seu plano de missão deve detalhar como você irá:

  1. Crie um domínio ou subdiretório de teste
  2. Instalar o WordPress
  3. Importar conteúdo do site HTML existente
  4. Projete o novo site WordPress (Escolher um tema WordPress ou redesenhar do zero são algumas das opções disponíveis)
  5. Instale os plugins WordPress necessários
  6. Faça backup de seus sites (HTML e WordPress)
  7. Lidar com links quebrados
  8. Ir ao vivo

Antes de começarmos, lembre-se de fazer backup do seu site HTML (apenas como precaução), e observe que não recomendamos mexer no seu site HTML ativo se você não se sentir confortável com o que está fazendo. Além disso, você deve ter uma familiaridade passageira com o WordPress para maximizar seus benefícios com este tutorial. Palavras e frases como redirecionamentos permanentes, CMS, .htaccess etc não devem assustá-lo. Faça uma pesquisa se for necessário . Agora desenhe seu plano em uma folha de papel, ou no Evernote – em qualquer lugar, e prepare-se para a próxima parte.

Como mover seu site para o WordPress

Com um plano básico em mãos, é hora da parte prática. Flexione os dedos e vamos começar configurando o WordPress.

Configurando o WordPress

Versão do WordPress 4.0 Benny

Esta é a parte mais fácil, esteja você instalando o WordPress localmente ou com seu provedor de hospedagem. Siga o guia vinculado na declaração anterior para instalar o WordPress localmente. Instalar o WordPress com um host é simples e direto, não espero que você tenha problemas. A maioria dos hosts tem opções fáceis de instalação com um clique ou, no caso de hospedagem gerenciada do WordPress, eles já instalaram o WordPress para você. Se você ficar preso, não hesite em entrar em contato com seu host.

Você pode optar por instalar o WordPress em um domínio separado ou em um diretório próprio – a escolha é sua. Vá para  Configurações -> Lendo  na tela de administração do WordPress e marque (marque)  Desencorajar os mecanismos de pesquisa de indexar este site  na  seção Visibilidade do mecanismo de pesquisa . Você não quer que os mecanismos de pesquisa (e clientes) encontrem seu site WordPress enquanto ainda estiver em desenvolvimento. Quando o WordPress estiver funcionando (o que significa que você pode ver seu novo site WordPress em um navegador), você estará pronto para a próxima parte: trazer seu conteúdo.

Importando conteúdo

Isso é um pouco complicado, mas ainda viável. Importar seu conteúdo existente para sua nova plataforma WordPress com sucesso depende de vários fatores:

  • Seu site HTML atual é executado em um CMS também conhecido como Sistema de Gerenciamento de Conteúdo?
  • Existem ferramentas de importação (ou scripts) disponíveis para você e sua situação específica ou você importará o conteúdo manualmente?
  • Você vai importar um grande volume de conteúdo? Importar um grande volume de conteúdo manualmente pode criar muito espaço para erros humanos.

Vejamos as opções que temos. Se o seu site HTML for executado em um CMS disponível comercialmente, você pode ter uma ferramenta de importação à sua disposição. Tudo o que você precisa fazer é encontrar a ferramenta, clicar em alguns botões aqui e ali e seu trabalho está feito! Para obter detalhes específicos sobre a importação de conteúdo de qualquer CMS específico, confira a postagem de importação de conteúdo no WordPress Codex .

P: Meu site HTML tem um CMS, mas não há ferramentas de importação disponíveis. O que fazer?

R: Ligue para o desenvolvedor de back-end para mover o conteúdo se você não tiver ideia do que fazer.

P: Meu site HTML não funciona em um CMS. Isso significa que minha aventura termina aqui?

R: Não. Significa apenas que você terá que importar seu conteúdo manualmente. Copiar e colar tradicionalé útil aqui.

P: Meu site HTML não funciona em um CMS e tenho um grande volume de conteúdo. O que vou fazer?

R: Arregace as mangas e mãos à obra. Você estará copiando e colando por um tempo, então pegue uma grande caneca de café também. Ou morda a bala e contrate um freelancer para fazer o trabalho. Hoje em dia, há muito trabalho freelance por aí, então você deve estar coberto a esse respeito. Apenas fique atento – estamos falando do seu site aqui, seu fluxo de renda.

Ao importar o conteúdo manualmente, certifique-se de usar o  botão Colar como Texto Simples  para copiar o conteúdo para o WordPress ou colar no lado “Texto” de cada postagem para não transferir acidentalmente qualquer formatação antiga. Além disso, esteja preparado para fazer algum trabalho de reformatação. Aproveite esta chance para adicionar ou subtrair do seu conteúdo, se necessário. Você sabe, racionalize, consolide ou reutilize conteúdo antigo. Lembre-se também de que importar conteúdo manualmente exigirá que você crie primeiro as páginas correspondentes no WordPress (página inicial, blog, sobre, etc.). Além disso, você precisará carregar todas as imagens e outros arquivos relevantes do seu computador.

Observação:  acompanhe todos os URLs novos e existentes. Você terá que redirecionar (ou editar) URLs antigos para manter seus rankings de SEO e fornecer uma experiência livre de erros 404 com seu novo site WordPress. Você pode acompanhar todos os URLs usando um simples documento de planilha.

Após migrar seu conteúdo, crie um menu de navegação usando o recurso Menu do WordPress disponível em  Aparência –> Menus. Isso deve ser fácil e divertido. Estou assumindo que o seu é um pequeno site com algumas páginas, portanto, baixo volume de conteúdo. A importação de conteúdo, portanto, não leva dias, mas alguns segundos. A próxima parte envolve projetar visualmente seu novo site WordPress.

Projetando seu site WordPress

escolhendo-um-novo-tema-wordpress

Com o conteúdo em sua nova plataforma WordPress, é hora de dar uma boa aparência ao seu site. Se você deseja mudar seu design, este é o momento em que você deseja fazê-lo. Existem vários caminhos abertos para você:

De longe, o método mais fácil é encontrar um tema que você goste e instalá-lo. Desenvolver seu próprio tema personalizado pode não ser sua melhor opção se esta for sua primeira vez usando o WordPress. Supondo que seu design esteja pronto e funcionando, é hora de restabelecer todas as funcionalidades. É aqui que entram os plugins do WordPress.

Instalando os plugins necessários do WordPress

Plugins WordPress para adicionar código

O WordPress vem com um ótimo sistema de plugins que oferece muitas opções e funcionalidades para sobrecarregar qualquer site. Você pode replicar qualquer funcionalidade em seu site HTML facilmente usando um plugin do WordPress. Existem muitos deles (plugins), gratuitos e premium, mas se você não conseguir exatamente o que está procurando, crie um e compartilhe-o com o mundo. Venda-o, dê-o de graça – tanto faz. Embora suas necessidades possam variar dependendo do seu site e preferência pessoal, aqui estão mais de cem (100) plugins do WordPress para colocá-lo em funcionamento:

Lembrete:  instale apenas plugins que você baixou de uma fonte confiável para ajudar a diminuir o tempo de carregamento da página do WordPress . Plugins mal codificados podem deixar seu site mais lento, o que é uma verdadeira chatice.

Seu novo site WordPress está quase pronto para ser lançado. Só temos mais alguns passos. Antes de prosseguir, vamos garantir que todos os links estejam funcionando. Não queremos que os clientes em potencial acabem em páginas de erro 404 nem percam os preciosos rankings do Google.

Redirecionando Links no WordPress

redirecionamentos 301 simples

Com seu conteúdo no WordPress, funcionalidade restaurada e seu novo site WordPress com ótima aparência, você só pode encontrar outro problema: links quebrados. Links quebrados podem roubar toda a alegria do seu processo de migração e enviar clientes em potencial mais tarde, então você deve ter muito cuidado. Recomendamos o uso de um plugin de redirecionamento. Isso torna o processo praticamente indolor. Algumas boas opções incluem o Simple 301 Redirect ou o plugin Redirection . Depois de redirecionar todos os seus links, é hora de verificar se eles estão funcionando. Quão? Use o plugin WordPress Verificador de Link Quebrado . Temos um ótimo guia para usar este plugin que mostra como remover links quebrados para sempre .

Se você realmente quiser se aprofundar em seu novo site, você pode redirecionar seus links manualmente editando o arquivo .htaccess (mas isso pode ser complicado, especialmente se você tiver muitas páginas). No entanto, se você realmente quiser seguir o caminho .htaccess, aqui está o código de redirecionamento que você adicionaria ao seu arquivo .htaccess:

Redirect 301 /about.html http://yourdomain.com/about/

Redirect 301 /contact.html http://yourdomain.com/contact/

Redirect 301 /example.html http://yourdomain.com/example/

Lembre-se de que seu URL de origem precisa ser o nome do arquivo da página e o URL de destino precisa ser o URL completo, incluindo http://. E não se esqueça de incluir o nome do subdiretório se você tiver páginas em um subdiretório. Por exemplo:

Redirecionar 301 /pasta/página.html http://seudominio.com/página/

Apontando seu domínio para o novo site WordPress

Qual é a utilidade de passar horas a fio migrando seu site se ninguém o verá? Vamos apontar seu domínio para o novo site. Não entrarei em detalhes, pois o WordPress Codex tem um ótimo artigo sobre o uso de uma instalação de subdiretório pré-existente – use este guia se você instalou o WordPress em um subdiretório.

Se você instalou o WordPress em um domínio separado ou mudou de host, precisará atualizar seus servidores de nome para seu domínio. Se você usar um CDN de terceiros, como Cloudfare, precisará atualizar seus registros DNS. Isso geralmente envolve a edição de seus registros A, um processo tão fácil quanto o ABC.

Varredura final…

Afirmativo!

Antes de finalmente lançar seu novo site com WordPress para o mundo, verifique se há links quebrados novamente, revise suas páginas principais para garantir que elas estejam formatadas corretamente e verifique se todas as funcionalidades foram restauradas (por exemplo, sua loja, fórum, etc.). Configure seus permalinks (Vá para Configurações -> Permalinks) , análises, torne seu site visível para os mecanismos de pesquisa e faça backup do seu site HTML antigo. Este post é um guia geral para migrar um site HTML existente para o WordPress. A postagem não se destina a sites extremamente grandes. Se você tiver dúvidas ou quiser contribuir, sinta-se à vontade para usar a seção de comentários abaixo!

Deseja converter modelos HTML em temas do WordPress? Confira nossa série de tutoriais sobre como criar um tema WordPress a partir de HTML .

Aprenda com a FULL.

Junte-se a mais de 50 mil pessoas que recebem em primeira mão as principais ferramentas e tecnologia para desenvolvimento web

O meu carrinho
🎁 Faltam 300,00 para liberar o Cupom Secreto
O seu carrinho está vazio.

Parece que ainda não tomou uma decisão.