Como Fazer Um Site Profissional Do ZERO e Passo a Passo Para INICIANTES

mesa com 2 macbooks como fazer um site profissional
Reproduzir vídeo
mesa com 2 macbooks como fazer um site profissional
Reproduzir vídeo

Você Vai ver Nesse Post:

Se você é iniciante e quer criar seu primeiro site então estes conteúdo é exatamente o que você precisa. Neste post vamos criar um site profissional do zero passo a passo com explicações necessárias para você conseguir fazer seu primeiro site profissional. Vamos Lá?
Leia tudo e no final me diga o que achou. Posso contar com você? :)

Olá, seja muito bem vindo ao meu site. Eu me chamo Mesaque Mota e trabalho com sites desde 2014, seja na produção e também no ensino do mesmo.

Eu quero te mostrar neste post como é fácil e simples criar um Site Profissional do Absoluto zero, mesmo se você for um iniciante.

Conteúdo do Post

É possivel criar um site profissional sozinho?

Você duvida que é possível fazer um site profissional hoje mesmo?

Então se liga no conteúdo que está top e que vai te ajudar de verdade, sem balelas ou invenções. O que eu vou te mostrar aqui é o que realmente funciona e da forma mais econômica que existe.

Para você ter uma ideia um site que eu faço cobro em média 2 a 3 mil reais. Isso é a prova que eu vou te fazer economizar e muito ensinando como fazer um site profissional do zero.

Você pode pegar o valor que pagaria para um profissional fazer seu site e investir no seu negócio ou mesmo para divulgação.

Gostou do presente?

Bom, o site que você vai aprender a criar é um site profissional de verdade que você não vai ter vergonha de mostrar para todos.

Além disso um site pode te fazer ganhar mais dinheiro pois vai atingir pessoas de todo o Brasil e até do mundo.

O comércio eletrônico que são volvidos pelos sites cresceram de forma exponencial em 2019-2020 com isso abrindo um espaço gigantesco para esse mercado de sites.

Com isso seu negócio de fato precisa de um site e não ter um site hoje em dia é perder dinheiro literalmente.

Vou te ensinar como criar um site do zero sem gastar quase nada, mesmo. Será um site limpo, moderno e bem estruturado.

Fique comigo e tire suas próprias conclusões.

Bom, então vamos começar a criar nosso site profissional para imprimir sua marca ou empresa na internet?

O que é preciso para criar um site profissional

Primeiro de tudo precisamos de alguns itens importantes e que são fundamentais para que seu site seja criado de forma profissional.

1. Domínio (Endereço Eletrônico)

O domínio nada mais é que o endereço do seu site na web. Por exemplo, este site que você está tem o domínio www.mesaquemota.com.br.

Exemplos de domínios:

  • www.youtube.com;
  • www.globo.com;
  • www.google.com.br;

Domínios de sites, são endereços que substituem (mascaram) o IP do servidor em que o site está hospedado. Não vou entrar nesse detalhe pois não vai mudar em nada sua vida, vou focar no método de criação, ok?

O domínio é obrigatório e existem registradoras de monte por aí, porém eu vou indicar a mesma que usei para criar este site, que é a melhor custo vs. benefício que já experimentei.

Um domínio custa bem menos que muitos pensam. Um domínio .com, por exemplo, gira em torno de 50 a 60 reais por ano, isso mesmo por ano.

Agorinha chegaremos lá.

2. Hospedagem de Sites

A hospedagem de sites é, na forma mais simples de dizer, o computador (servidor) onde ficam armazenados os arquivos do seu site.

É um computador preparado e programado para hospedar sites de todos os tipos e custam bem pouco considerando o valor de que um site pode ter.

Existem, assim como as registradoras de domínios, milhares de empresas de hospedagem de sites pelo Brasil e no mundo.

Eu uso poucas, até porque não tive oportunidade de testar todas. Estou muito satisfeito com a hospedagem de sites que eu uso hoje em dia.

O bom é que com esta hospedagem de sites que vou te indicar, além de boa e rápida, é muito barata.

Inclusive você vai ganhar um domínio por um ano se usar o link especial que vou deixar para você.

Pra mim é o melhor custo vs. benefício hoje em dia e como prova disso este site está hospedado lá.

Uma hospedagem de sites além de ser responsável pelo armazenamento também permite você criar e-mails profissionais com seu próprio domínio, por exemplo:

contato@mesaquemota.com.br;

Isso deixa seu negócio ou empresa com uma cara bem mais profissional, já fica a dica.

3. Gerenciador de Conteúdo CMS

Você vai precisar de um CMS (Content Management System ) que nada mais é que um Gerenciador de Conteúdos.

Vou explicar melhor.

Como não somos programadores vamos precisar desta ferramentas que vai automatiza o back-end (área de criação e produção do conteúdo).

É simples, precisamos de uma página, vai bastar, estando logado, clicar em “criar nova páginas”. Se precisarmos criar um novo conteúdo (post) basta clicar em “novo post”.

Com isso o gerenciador faz a mecânica automaticamente e você só precisa criar o conteúdo que é o que vai preencher a página.

Assim também como algumas opções estruturais como links, mídias e etc…

Em resumo, vai nos ajudar a não quebrar a cabeça.

Mas se você pensou que ia ter que desembolsar para ter um gerenciador poderoso e muito fácil de usar se enganou.

Vamos usar o CMS WordPress que vai nos permitir ter liberdade de criação e produção do nosso site de forma bem fácil.

O WordPress é o CMS mais usado no mundo inteiro e melhor, é de graça.

Não se engane pelo fato de o WordPress ser gratuito, pois é poderoso e permite a instalação de plug-ins que vão turbinar ainda mais nosso site.

4. Um Page Builder (Elementor)

Aqui é onde muitos sofriam pois pagavam horrores para web designs deixar o site bonito e bem desenhado.

Mas com o plug-in elementor tudo isso deixou de ser um mistério e se tornou simples ao ponto de qualquer pessoa com um pouco de dedicação e vontade conseguir criar páginas e sites incríveis e muito bonitos.

Digo isso sem medo de errar você vai ver na prática como é simples desenhar um site com o elementor.

Uso o Plugin elementor a anos e o porque está logo abaixo:

  • É gratuito;
  • É o mais completo para personalização de páginas web;
  • É muito fácil de usar, intuitivo;

5. Tema Para WordPress

O WordPress exige por padrão um tema. O tema nesse sentindo trata-se de uma estrutura lógica de um site feito com o WordPress.

Um site precisa de modelos específicos:

  1. Modelo de listagem de posts (blog);
  2. Modelo para o conteúdo do post;
  3. Modelo para o conteúdo das páginas;
  4. Modelo de página não encontrada (404);
  5. Modelo de arquivos (para buscas, categorias, tags, autor e data);
  6. Header (cabeçalho);
  7. Footer (Rodapé).

E um tema WordPress tem tudo isso já pré-definido para que você somente personalize coisas do tipo: menus, cores, layouts, sidebars, tipografia e etc.

Mas não se preocupe, você vai ver que é muito mais simples que parece.

Existem milhares de temas grátis para uso livre assim como também pagos.

Mas como vamos usar o Elementor não vamos precisar de muita coisa para deixar nosso site profissional

Para nossa alegria existem alguns temas WordPress que são preparados e 100% compatíveis com o elementor.

Mas vamos usar um em específico que é muito versátil e muito bonito além de ter uma vasta gama de opções de modelo prontos.

Isso mesmo, vamos praticamente construir um site inteiro automaticamente com poucos clicks.

Eu vou te mostrar esta mágica.

Depois você vai precisar somente mudar as informações das páginas para a as da sua empresa, negócio ou produto.

O tema WordPress que vamos usar é o Tema Gratuito Neve (o nome até diz qual a sua proposta, rsrsr).

6. Ação (por a mão na massa, praticar)

Exatamente o que o título diz. Você vai precisar, além de todo conhecimento até aqui adquirido, praticar.

E o que tal começar de uma vez por todas a criar seu próprio site WordPress do absoluto zero e passo a passo aqui comigo?

Os passos exatos necessários para criar um site profissional

Passo N.01 – Contratar Hospedagem e Domínio

Bom como já explique no início vamos usar a melhor hospedagem de sites que eu já pude experimentar e que suporta muito bem todos meus sites.

Esta hospedagem de sites é a Hostgator.

Com ela vamos criar nossos sites, criar nosso e-mail profissional e instalar gratuitamente o WordPress além de Plugins como o elementor.

No link abaixo você terá um desconto bem maior e ainda vai ganhar um domínio por um ano.

Acesse aqui o link da Hostgator + desconto + domínio grátis

Você vai para uma página igual ou parecida com a abaixo.

Planos-Hostgator-hospedagem-de-sites-p-

Atualmente tem 3 planos:

PLANO P – Básico para um site: se você não pretende criar muitos sites ou só está fazendo para aprender, este é o melhor e mais barato.

PLANO M – Básico para múltiplos sites: Para quem pretende criar mais de um site e adicionar mais domínios.

PLANO TURBO: Avançado para múltiplos sites: Parecido com o plano M porém com mais processamento.

Com certeza se você está começando não vai precisar mais que o plano P, vai por mim ele é suficiente. O mais legal é que independente do plano que você escolher já estará incluso o SSL (Secure Socket Layer) que é um Certificado de Segurança que todos os site agora devem ter. 

Caso futuramente queira criar outros sites ou mesmo aumentar a capacidade pode fazer upgrade facilmente através do suporte da Hostgator.

Ao clicar em qualquer um dos planos mencionados você verá a seguinte página:

hospedagem-hostgator-com-dominio-gratis-por-um-ano

Como indicado basta clicar em 1 ano para garantir o domínio grátis pela Hostgator.

Não indico 3 anos pois 1 ano já é suficiente para este primeiro momento.

Perceba que os preços são reajustados.

Depois clique em continuar.

Uma tela como a de baixo vai ser exibida. Basta você escolher o nome do seu domínio, no meu exemplo foi meusiteprofissional.com.

escolhendo-dominio-gratis-na-hostgator-plano-de-hospedagem

Clique em vou registrar um novo domínio para abrir as opções;

digite no campo o nome do domínio do seu projeto (site);

Escolha o TLD (terminação), sugiro .com ou .com.br para garantir a gratuidade;

Clique em buscar para verificar se está disponível para aquisição o domínio escolhido. Caso não, escolha um parecido.

DICA EXTRA

Sempre procure usar um nome que faça referência ao seu projeto e que seja pequeno e fácil de lembrar. Tenho certeza que esta dica é digna de um like!

Após escolher o domínio vai ficar exibido e um adicional de R$9,90 pode surgir. Esse acréscimo não é obrigatório e trata-se de privacidade do informações do proprietário, no caso, você. Clique no X para remover.

Logo abaixo verá um formulário de cadastro, este é obrigatório para você ter acesso ao seu Painel De Gerenciamento da Hostgator. Use informações verdadeiras pois trata-se de algo sério. Terá também a forma de pagamento que pode ser feita via boleto, Paypal ou cartão de crédito. Eu sempre indico usar cartão de crédito porque é rápido e mais prático. Boletos podem levar até 72h para serem confirmados o pagamento.

Bom, depois de fazer todo esse processo verá na direita o resumo onde terá:

  • O que está adquirindo, no caso a hospedagem;
  • O que está adquirindo, no caso a hospedagem;
  • Valores e renovações;
  • Também a aplicação do cupom de desconto (atenção o cupom sozinho não terá efeito, deverá clicar no link que indiquei, assim o cupom é aplicado automaticamente);
  • Também o domínio que está incluso gratuitamente.

Você deverá receber alguns e-mails, na verdade são 2 os que importam mais.

Com informações do acesso e da propagação do seu domínio que pode levar algumas horas; Com um link para você confirmar os dados de propriedade do domínio;

Pronto, agora sim você já vai estar apto a logar na conta de cliente da Hostgator e começar a criar seu primeiro site.

Acessando o Painel do cliente Hostgator

Acesse o link http://financeiro.hostgator.com.br/ verá uma área de login, basta adicionar as credencias criadas a pouco na contratação.

Você deverá receber alguns e-mails, na verdade são 2 os que importam mais.

  1. Com informações do acesso e da propagação do seu domínio que pode levar algumas horas;
  2. Com um link para você confirmar os dados de propriedade do domínio;

Pronto, agora sim você já vai estar apto a logar na conta de cliente da Hostgator e começar a criar seu primeiro site.

Acessando o Painel do cliente Hostgator

Acesse o link http://financeiro.hostgator.com.br/ verá uma área de login, basta adicionar as credencias criadas a pouco na contratação.area-de-login-hostgator

OBS. Esta tela pode mudar mas terá sempre o formulário de login.

Agora você está dentro do Painel de Controle da sua hospedagem de sites e verá todos as ferramentas e também seus pagamentos e produtos adquiridos.

painel-de-gerenciado-da-hospedagem-hostgator

Na imagem acima você terá tudo o que precisa para criar, apagar e gerenciar de forma completa sua hospedagem.

Perceba que no menu a esquerda pode criar seu e-mail profissional e até um curso básico de usabilidade.

Mas não vou focar nele agora, vamos para o que interessa que é a criação do nosso site profissional WordPress.

Para aprender como criar um e-mail profissional, que é bem simples, veja este vídeo aqui.

PASSO 2 – Instalando WordPress

Agora vamos começar a criação do nosso site através do wordpress. 

Ao acessar o cPanel (painel de controle e criação) verá uma página com muitas ferramentas. Você vai simplesmente ignorar tudo e vai acessar na busca do topo por: “Softaculous”.

softaculous-cpanel-hostgator

Após acessar o instalador verá uma página com várias opções, escolha WordPress.

Depois terá um resumo da instalação e algumas informações, basta clicar em Instale Agora (geralmente um botão azul).

Uma nova janela se abrirá onde você deverá inserir informações do seu novo site.

Este é um passo muito importante e eu vou guiá-lo passo a passo.

Veja como eu preenchi na imagem abaixo.

softaculous-informações-da-criação-do-site-wordpress

Agora depois de preenchido completamente e corretamente basta clicar em “Instalar”.

OBS. Se algo estiver um pouco diferente não se preocupe, as vezes acontecem atualizações mas o processo segue na mesma lógica.

Pronto agora você já tem um site WordPress criado só precisa personalizar conforme desejar!

WordPress Instalado e Agora?

Vou dar continuidade  respondendo algumas perguntas bem convenientes:

1 – Porque criar um site profissional é uma ótima ideia?

Um site trás credibilidade e faz sua marca, produto e/ou empresa ter mais visibilidade, na verdade, o mundo todo pode acessá-lo estando público.

2 – Qual é a melhor estrutura CMS para implementar meu site?

Como mostrei neste post, o CMS que eu mais gosto e é simples de usar e tras um retorno muito bom é o WordPress.

3 – Onde vou hospedar meu site profissional?

Mostrei algumas dicas de hospedagem de sites para você escolher mas tem 2 que gosto e uso muito e são o melhor custo vs. benefício do mercado.

São elas a Hostgator e a Hostinger. Clique para conhecer. 

4 – O que é um domínio de site?

Domínio é a URL do site, por exemplo www.google.com.

5 – Preciso de um web design para deixar meu site atraente?

Não necessariamente, você pode construir seu próprio design ou usar temas prontos no WordPress.

6 – Não sei programar como posso fazer um site?

Simples, basta seguir este tutorial (como criar um site profissional) que vai se dar muito bem.

7 – Como é possível monetizar (capitalizar) meu site depois de pronto?

Essa é uma situação mais avançada e exige mais um post como este. Mas, basicamente você pode monetizar seu site vendendo qualquer coisa a partir dele, seja você o dono do produto ou mesmo como um Afilado.

8 – Qual a diferença entre um site e um blog?

Na verdade o Blog é uma parte do site. O site é tudo o que se vê e o blog são os posts (conteúdo) do site.

9 – Depois que meu site estiver pronto, o que devo fazer?

Divulgá-lo nas redes sociais, para os vizinhos, no seu trabalho e etc. Faça as pessoas conhecerem seu trabalho. Também existem técnicas de SEO para garantir visitas de desconhecidos que usam o Google para pesquisar sobre assuntos diversos. Com isso, se seu site estiver bem otimizado para mecanismos de buscas, então terá muitas visitas. Você também pode saber mais sobre como gerar visitas para seu site, através de tráfego pago. Recomendo este post sobre o assunto: Método Turbo Tráfego.

10 – Gostaria de aprender a criar sites do zero e profissionais através de tutoriais no Youtube, qual melhor canal sobre o assunto?

Sem dúvida o meu canal, Academia WordPress Pro X, Lá ensino de tudo um pouco e tudo passo a passo com tutoriais profundos sobre criação de sites WordPress profissionais.

Obrigado por ler até aqui e saiba que você é diferente pois termina o que começa e, com certeza, fará belos sites.

Compartilhe

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Esse site utiliza o Akismet para reduzir spam. Aprenda como seus dados de comentários são processados.