Aprenda a criar um site para sua empresa usando WordPress, Elementor e Astra. Todas essas são ferramentas 100% gratuitas que eu uso pessoalmente.
Neste tutorial de como fazer um site 2019, mostrarei mais do que apenas como criar um site, também ensinarei como otimizar seu site com SEO e como gerar leads a partir dele.
Este tutorial é abrangente, meu tutorial mais longo sobre como criar um site. Espero que você goste.
Coisas que você precisa:
- Hospedagem. Eu recomendo SiteGround.
- Um nome de domínio.
- Tema WordPress. Para este tutorial, usamos o Astra Theme gratuito.
- Construtor de páginas do WordPress. Para isso, usamos o construtor de páginas gratuito Elementor.
Vamos começar!
O que um site de negócios deve incluir?
Um bom site de negócios informa o público sobre o negócio e os motiva a aprender mais. Mas isso não é tudo.
Aqui está o que eu acho que um site de negócios deve incluir se quiser atingir seus objetivos:
Pagina inicial
Uma página inicial é onde as pessoas geralmente acessam quando pesquisam sua empresa on-line.
É uma parte essencial do site da sua empresa por dois motivos. Um, informa o público sobre o negócio, e dois, inclui categorias, links e menus para redirecioná-los para o que procuram.
Uma página inicial bem projetada inclui imagens de alta qualidade, elementos e layouts responsivos, uma frase de chamariz, cabeçalho e rodapé atraentes e um objetivo claro.
Página de serviços
Então, como o seu negócio beneficia as pessoas? Que serviços oferece? Qual é a disponibilidade, horário, local e processo?
Uma página de serviço informativo inclui as informações que os visitantes precisam para avaliar se devem trabalhar com você, comprar de você ou entrar em contato com você.
Inclua o máximo de detalhes necessário para despertar a curiosidade e, em seguida, direcione os leitores para páginas de serviço dedicadas, onde você pode entrar em muito mais detalhes.
Página Sobre Nós
Como surgiu a ideia de começar o seu negócio? Quem são os funcionários que oferecem esses serviços? Quais são as visões e objetivos do seu negócio?
A página sobre nós é sua oportunidade de fazer uma conexão humana. Para contar sua história e comunicar sua personalidade e abordagem a clientes em potencial.
Página de Depoimentos
Você ou sua empresa são confiáveis? Você cumpre suas promessas? Oferece valor ao dinheiro? O que seus clientes anteriores têm a dizer sobre você?
Os depoimentos são necessários para construir confiança e credibilidade e fornecer prova social.
A página de depoimentos inclui comentários e avaliações de seus clientes anteriores. Isso ajuda você a humanizar sua marca e aumentar as conversões por meio de (espero) respostas positivas de pessoas que fizeram negócios com você no passado.
Página de perguntas frequentes
A página de perguntas frequentes resume perguntas comuns e fornece respostas para cada uma. Economiza tempo fornecendo respostas selecionadas em resposta a dúvidas ou consultas populares.
As perguntas frequentes são uma chance de realizar um pouco de marketing extra, mostrar que você aprecia os pontos problemáticos do leitor e ter uma resposta para eles.
É também uma oportunidade importante para lidar um pouco com as objeções, abordando as barreiras comuns à compra em um formato acessível.
Página de contato
Uma página de contato é onde você inclui todos os seus detalhes de contato. Idealmente, deve incluir seu número de telefone, conta de mídia social e endereço comercial.
Se você tiver um endereço físico, pode ser útil incluir um mapa e talvez as direções.
Também é importante incluir um formulário de contato para que os visitantes possam contatá-lo facilmente.
Que melhor maneira de aumentar o número de visitantes e ter uma conversa bidirecional do que um blog?
Você pode contar sua história, destacar produtos e serviços, oferecer conselhos, responder a perguntas e interagir com seu público em geral. É a oportunidade perfeita para ser visto como um especialista em seu campo e, ao mesmo tempo, ganhar a confiança de que você precisa para ter sucesso como empresa.
Etapa 1: compre uma hospedagem na web e um nome de domínio.
A parte mais importante do site da sua empresa é a hospedagem. A hospedagem vai determinar a rapidez com que seu site carrega, o que é um fator muito importante que afeta a geração e a conversão de leads. O Google também prefere sites mais rápidos com baixas taxas de rejeição, portanto, um site mais rápido aumenta suas chances de classificação no Google.
Uma coisa que gostaria de apontar é evitar as empresas EIG e GoDaddy o máximo possível. EIG significa Endurance International Group e controla mais de 60 empresas de hospedagem. Ele despede sua equipe interna de suporte e consolida tudo sob o mesmo guarda-chuva. O que acontece é que o suporte ao cliente, a qualidade da hospedagem e a qualidade geral do serviço sofrem.
Aqui estão algumas das empresas EIG conhecidas:
hostgator
BlueHostName
iPage
arvixe
Vaca gorda
HostMonster
O GoDaddy também tem muitas críticas ruins em relação à qualidade e atendimento ao cliente, e os sites que eles hospedam carregam muito devagar.
Você também vai querer evitar hosts “papais” porque eles não têm recursos para usar tecnologias avançadas de hospedagem que darão vantagem ao seu site.
Você também deseja escolher uma hospedagem que forneça certificados SSL gratuitos. Sem um certificado SSL, seu site terá este rótulo feio “Não seguro” no topo:
Segurança
Se você é um negócio, pode praticamente se despedir de clientes em potencial com esse rótulo. Se a sua hospedagem não fornecer certificados SSL gratuitamente, um certificado SSL pode custar de US$ 50 a US$ 100 por ano por site.
Você também deseja um serviço que permita atualizar para algo chamado PHP7, o que tornará seu site muito mais rápido.
SiteGround, meu serviço de hospedagem preferido
Um serviço de hospedagem que encontrei que atende a todos esses critérios é o SiteGround. O SiteGround oferece certificado SSL gratuito, permite atualizar para PHP7, possui hospedagem de qualidade e suporte ao cliente incrível. Realmente é o melhor que existe.
Aqui estão os principais recursos do SiteGround:
Certificado SSL Gratuito
Suporte qualificado FAST
Ambiente de preparação do WordPress
Migrações gratuitas de sites
30 dias de backups
Fiz um acordo incrível com eles para dar um desconto de 70% para quem se inscrever usando este link . Então se você quer economizar na sua hospedagem, clique neste link e adquira já a sua hospedagem.
Para comprar sua hospedagem no SiteGround, clique neste link . Depois de acessar a página inicial, você verá quatro tipos diferentes de hospedagem:
Escolha a hospedagem WordPress e clique em Começar. Você verá três planos de preços:
preços de hospedagem wordpress do siteground
Escolha um de acordo com suas necessidades e orçamento. Você também pode conferir a comparação de cada plano de hospedagem para poder decidir qual deles atende às suas necessidades de negócios.
Depois de escolher um plano, clique em Obter plano. Você será levado para a próxima etapa que é escolher um domínio. Se você já possui um nome de domínio, selecione “Já tenho um domínio” . Mas se você não tiver um, selecione “Registrar um novo domínio” para poder comprar um domínio diretamente no SiteGround. Isso custa $ 15,95 por ano.
Escolha um domínio
Lembre-se de que se o nome de domínio que você deseja comprar não estiver mais disponível, SiteGround o avisará e você terá que escolher outro. Assim que tiver um nome de domínio, clique em Continuar.
A próxima etapa para concluir sua compra é fornecer seus dados pessoais e de cobrança precisos. Feito isso, clique em Pagar agora. Agora você tem uma hospedagem confiável e um nome de domínio.
Passo 2: Instale o WordPress.
O WordPress é a ferramenta de criação de sites que usaremos para criar o site da sua empresa. É totalmente gratuito, muito fácil de usar, mas muito poderoso. Ele vem com milhares de plugins e temas que permitem que você faça o que quiser com seu site.
Na verdade, o SiteGround vem com uma instalação do WordPress com um clique que instalará rapidamente o WordPress para você.
Depois de concluir a compra da sua hospedagem, você verá uma tela com um link dizendo “Avançar para Área do Cliente” . Clique nele e você será levado a uma página onde poderá configurar sua nova conta de hospedagem. Em Configurar seu site, selecione Iniciar um novo site.
Você verá uma lista de software que pode instalar. Selecione WordPress .
Instalar wordpress
Para concluir o processo, você terá que fornecer detalhes de login de administrador (endereço de e-mail, nome de usuário e senha) para o seu site. Estes são os detalhes que você usará para acessar o back-end do seu site, portanto, certifique-se de mantê-los seguros.
Feito isso, clique em Confirmar > Concluir configuração. E agora você tem um site WordPress auto-hospedado ao vivo.
Passo 3: Instale o Certificado SSL.
Antes de mais nada, quero primeiro mostrar a você como instalar um certificado SSL para se livrar do rótulo Não seguro que mostrei antes. Em Minhas contas, clique em Ir para o cPanel.
ir para cpanel
CPanel é onde você pode instalar diferentes softwares e ferramentas para o seu site. Se você rolar até o fim, verá uma seção chamada Segurança. Nesta seção, clique em Let’s Encrypt.
Selecione o domínio no qual deseja instalar o certificado SSL, selecione Let’s Encrypt SSL e clique em Instalar.
Agora é hora de fazer login no seu novo site. Clique em Minhas contas novamente na parte superior e clique na guia Instalações . Aqui você verá o nome de domínio que você registrou. Do outro lado, há um botão verde Ir para o Portal do Administrador . Clique neste botão para ir para a página de login do WordPress.
vá para o painel de administração do wordpress
As páginas de login do WordPress geralmente seguem estes formatos: yourdomain.com/wp-admin e yourdomain.com/wp-login . O seu pode ser diferente. Mas você deve lembrar ou anotar o URL da página de login para que, da próxima vez, possa acessá-lo digitando diretamente o URL na barra de endereço e sem precisar mais fazer login no Siteground.
A página de login do WordPress fica assim:
Digite seu nome de usuário e senha aqui para fazer login no seu site pela primeira vez.
Uma vez dentro, a primeira coisa que você precisa fazer é informar ao WordPress que você possui um certificado SSL. Isso é bem simples de fazer.
Na barra lateral esquerda, vá para Configurações > Geral. Na tela, você verá duas caixas com o nome do seu domínio: Endereço do WordPress (URL) e Endereço do Site (URL). Você deve digitar a letra “s” depois de “http” e antes dos dois pontos “:” para ambas as caixas.
Adicionando certificado ssl no wordpress
Quando terminar, clique em Salvar alterações. Seu site agora deve ter um ícone de cadeado ao lado do nome de domínio:
Agora, a última coisa que precisamos fazer para o certificado SSL é garantir que as pessoas que digitarem “http” em seus endereços sejam redirecionadas para sua URL “https”. Precisamos de um plugin para fazer isso.
Para instalar um plug-in, vá para Plug- ins > Adicionar novo. Na barra de pesquisa no canto superior direito, procure o plugin Really Simple SSL. Instale e ative-o.
Você verá esta mensagem pop-up em seu painel:
Clique no azul Vá em frente, ative o SSL! botão. Você será desconectado e, assim que fizer login novamente, o plug-in Really Simple SSL estará em pleno vigor.
Passo 4: Instale o Astra e o plug-in Starter Templates
A Astra oferece modelos de negócios exclusivos para iniciantes para iniciar sua jornada de criação de sites.
Esses modelos são criados com grande velocidade, capacidade de resposta e recursos e são totalmente compatíveis com o construtor de páginas Elementor.
Com certeza você encontrará o tema perfeito para o seu negócio com o Astra, incluindo um dos seguintes.
Negócio local
Modelo de demonstração de negócios locais Astra
O modelo Local Business é tudo o que você precisa para oferecer uma presença online visualmente atraente.
O modelo oferece um layout azul vibrante com fontes brancas em negrito e uma frase de chamariz. Você pode mostrar seus serviços, exibir formulários de contato e chamar a ação. Ele usa espaço em branco para definir seu negócio e atrair visitantes.
Empresa de consultoria de negócios
Site de demonstração da empresa de consultoria de negócios Astra
O modelo de empresa de consultoria de negócios oferece uma bela imagem de fundo com rolagem parallax e um botão de chamada para ação. Faz excelente uso de espaço em branco e imagens para apresentar sua empresa da melhor maneira possível.
O modelo oferece páginas responsivas e um elegante rodapé preto para mostrar detalhes de contato. É uma excelente opção para qualquer negócio!
blog de negócios
Site de demonstração do blog de negócios Astra
O template Business Blog é perfeito para notícias de negócios. Possui um layout minimalista em caixa com belos layouts para apresentar seu site da melhor maneira possível.
Se você deseja compartilhar notícias, críticas ou criar um negócio em torno de eventos atuais, este modelo é tudo de que você precisa.
Etapa 5. Escolhendo elementos de design.
Seu site agora parece impressionante, mas você deseja torná-lo seu. Para fazer isso, você precisa de seu próprio esquema de cores, tipografia e logotipo.
Vamos começar com sua paleta de cores. Se você já tem a cor da sua marca, isso vai ser mais fácil.
Escolhendo uma paleta de cores
Um site normalmente tem um conjunto de 2 a 3 cores: a cor primária, de destaque e pop. A cor primária é a cor dominante do seu site e provavelmente a cor da sua marca. Essa é a cor com a qual você deseja que as pessoas se lembrem da sua marca.
Ao escolher sua cor primária, você deve pesquisar a psicologia das cores ou como as cores afetam a percepção ou o comportamento das pessoas. Certas cores fazem as pessoas sentirem algo, por exemplo, o vermelho as deixa apreensivas, então você precisa considerar essas coisas ao escolher sua cor primária.
A cor de destaque geralmente é usada para destacar certos elementos do resto, como cabeçalhos ou títulos de postagens.
Por fim, a cor pop contrasta com o restante das cores para destacar elementos importantes do site, como botões de chamada para ação ou formulários de geração de leads.
Existem duas ferramentas que gosto de usar na escolha de uma paleta de cores. O primeiro é o Coolors.co , um site onde você pode navegar por diferentes paletas de cores para obter ideias ou inspiração. Se você vir algo de que gosta, pode copiar rapidamente o código Hex para usá-lo no WordPress.
Se você clicar em Explorar no cabeçalho, verá esta vasta coleção de paletas:
Paletas de cores coolers
Se você vir uma paleta de que gosta, passe o mouse sobre ela, clique em Exibir e você será levado a uma nova janela onde verá os códigos hexadecimais de cada cor.
Códigos hexadecimais de paletas de cores
Esses códigos Hex são o que você precisa para usar essas cores em seu site. Mais tarde, mostrarei como usar esses códigos Hex no back-end do WordPress.
Outra ferramenta legal é o Colorzilla. Esta é uma extensão do Google Chrome que permite obter o código Hex de qualquer cor que você vê em qualquer site, apenas clicando nele.
Se você deseja obter a extensão Colorzilla, clique aqui . Em seguida, clique em Adicionar ao Chrome.
Agora, se você quiser saber o código hexadecimal de uma cor que viu em um site, basta clicar neste ícone e depois clicar na cor que deseja copiar. O código Hex será copiado automaticamente. Você pode colar este código Hex em áreas específicas no WordPress.
Você também deseja usar sua própria tipografia que corresponda à identidade da sua marca e ajude seu site a se destacar. Os sites normalmente têm 2-3 fontes. Assim como com as cores, você terá uma fonte primária que são fontes para manchetes ou menu. Você também precisa de uma fonte de corpo para parágrafos de textos e também uma “ fonte pop ” extra para ajudar a destacar alguns textos.
Assim como as cores, você precisa de uma tipografia que permaneça fiel à sua marca, seja agradável aos olhos e envie a mensagem certa sobre sua marca.