Como construir um site (blog) do zero: um guia passo a passo

Publicados: 2020-07-23

Antes de nos aprofundarmos nos aspectos técnicos da construção de um site, tente relembrar o melhor site que você viu até hoje.

Agora, tente pensar: por que você gostou daquele site?

As razões podem ser difíceis de identificar, mas podem incluir coisas como:

  • Velocidade de carregamento rápida do site
  • Design de site simples
  • Fácil acesso às informações desejadas

Um site funcional e focado em conversão tem várias camadas que proporcionam uma boa experiência do usuário, mas pode ser difícil descobrir todos esses fatores ao criar seu primeiro site .

Neste post, vamos guiá-lo pelas etapas específicas que você pode seguir para criar um site do zero.

Notícia importante

Este é um guia massivo de mais de 6500 palavras. No entanto, tentamos torná-lo o mais fácil e simples possível. Para isso, usamos uma barra lateral esquerda pegajosa (disponível apenas em telas largas) que permite pular rapidamente entre três etapas para construir um site e acordeões que você pode abrir para obter mais informações sobre subtópicos específicos (essas seções permanecem fechadas e não não interrompa sua experiência de leitura até que você os abra).

Se você tiver sugestões para melhorar ainda mais esta página, informe-nos em [email protected].

Vá para o Passo 1 >

Conteúdo
  1. Etapa 1: nome de domínio e hospedagem (para WordPress)
  2. Etapa 2: design e personalizações
  3. Etapa 3: adicionar recursos de site obrigatórios
  4. Antes da Lista de Verificação do Lançamento
  5. perguntas frequentes
  6. Conclusão
Por que os sites são importantes?

No mundo digital de hoje, as pessoas passam a maior parte do tempo online; na verdade, eles passam seis horas e 30 minutos por dia na internet , de acordo com uma pesquisa de 2019.

Tempo médio gasto pelos usuários na Internet
Fonte: Oberlo

Esta estatística significa que hoje existem infinitas oportunidades de negócios na internet .

Se você deseja fazer parte desse ambiente enorme e dinâmico e ganhar dinheiro de verdade, precisa alcançar e capturar sua parte do público da Internet e atender às suas necessidades.

Mesmo que você não queira receber algo em troca agora, você ainda pode criar um site para:

  • compartilhe sua paixão com os outros
  • ajude as pessoas
  • ou trabalhar em uma agitação lateral

Todo mundo deveria ter seu próprio lugar digital na Era Digital , e construir um site é tão fácil e barato hoje em dia que você não deveria ter que pensar duas vezes antes de começar.

Aumente a visibilidade dos negócios existentes

Você já tem um negócio offline?

Se a resposta for sim, então não há realmente nenhuma desculpa para não ter um site.

Com um site, você pode estar visível para milhares ou até milhões de clientes em potencial, em todo o mundo.

Por exemplo, suponha que você seja o proprietário de um salão de beleza na cidade de Nova York e alguns novos moradores estejam querendo cortar o cabelo, mas não conhecem nenhum bom salão nas proximidades.

O que eles farão?

Eles vão procurar o “ melhor salão perto de mim ” ou “ melhor salão [local] ” e visitar o site da empresa para verificar os serviços, custo e endereço, certo?

Resultados de pesquisa do Google
— Resultados de pesquisa do Google para a palavra-chave “melhores salões para sua cidade”

Mas se você não tiver um site, obviamente não aparecerá nos resultados de pesquisa do Google, o que provavelmente significará uma perda de receita direta para você.

Obviamente, você pode usar o Google Meu Negócio para configurar um cartão de visita local para sua loja, mas um site pode levar sua presença on-line a um nível totalmente novo.

Construir credibilidade

Construir a credibilidade da sua marca é a primeira coisa em que você precisa se concentrar se quiser tornar seu negócio um sucesso local, nacional ou mesmo mundial.

Mas como um site pode ajudá-lo a construir credibilidade?

  • Ele permite que as pessoas entendam sua visão, missão e experiência no setor.
  • Você pode compartilhar sua experiência pessoal com outras pessoas.
  • Você pode exibir todos os seus produtos/serviços e transformar visitantes em clientes pagantes.
  • Mais importante ainda, seu site permitirá que os usuários/clientes encontrem você! Nesse sentido, serve como um poderoso canal de marketing.

Estratégia de marketing

Um site não apenas mostra seus produtos e serviços, mas também ajuda você a comercializar sua marca.

Portanto, embora as mídias sociais e canais semelhantes possam ser uma boa fonte para novos clientes, um site sempre será o principal elemento do marketing online.

Você não possui seus perfis de mídia social. A rede social é a proprietária e você deve sempre jogar pelas regras dela.

Com um site, você joga de acordo com suas próprias regras — sem restrições, limitações ou políticas de terceiros.

Um ponto muito importante , em termos de dinheiro e tempo: invista em algo que você possui.

Agora que você sabe como um site pode ajudá-lo a aumentar o reconhecimento do público, criar credibilidade e comercializar sua marca, vamos nos concentrar em encontrar um tópico para seu site.

Determinando seu nicho

Antes de começar a configurar um domínio para o seu site e colocá-lo online, você precisa determinar o tópico do seu site.

1. Se você já conhece o seu nicho vá direto para o próximo passo.
2. Se você não tem certeza sobre o nicho, mas quer evitar coisas complexas, basta escolher qualquer tópico/nicho que quiser e ir para a próxima etapa. (Recomendado)
*Você sempre pode mudar ou adaptar seu nicho mais tarde. O mais importante agora é colocar seu site online.

Selecionar um nicho para o seu site pode ser complicado, então vamos discutir algumas coisas que podem ajudá-lo a encontrá-lo.

Identifique os problemas que você pode resolver

O primeiro passo é criar uma lista de seus principais interesses (ou paixões).

Em seguida, analise sua lista para descobrir se você pode resolver um problema específico relacionado aos seus interesses.

Isso é importante porque se você quer criar um impacto, você precisa resolver problemas.

Você pode identificar problemas em um nicho específico das seguintes maneiras:

  • Pesquise algumas palavras-chave em qualquer ferramenta de pesquisa de palavras-chave como SEMrush ou KWFinder para descobrir alguns dos termos mais populares que estão especificamente relacionados a problemas do usuário (basta usar seu tópico/interesse principal como palavra-chave inicial e ver o que as pessoas estão procurando nesse espaço).
  • Visite Quora, Reddit ou qualquer outro site ou fórum de controle de qualidade onde as pessoas discutam as dificuldades (pontos problemáticos) que estão enfrentando nos tópicos que lhe interessam.

Por exemplo:

Digamos que você esteja interessado em tópicos de “estilo de vida”.

Para encontrar um nicho dentro do tópico mais amplo de “estilo de vida”, acesse o Quora e digite “Estilo de vida” na caixa de pesquisa:

Descoberta de tópicos no Quora para construir um site do zero

Agora, clique em “Tópicos” na barra lateral esquerda.

Página de pesquisa do Quora

O Quora mostrará centenas de tópicos de nicho com base no principal.

Lista de tópicos do Quora

Você pode percorrer todos os tópicos e clicar no(s) que mais gosta.

Nas páginas de tópicos, você encontrará perguntas. Se você acha que sabe as respostas para essas perguntas, ou gosta de um determinado assunto e se apaixona por ele – parabéns!

Você provavelmente encontrou um tópico perfeito para construir seu site.

Perguntas do Quora em tópicos
— Feed de tópicos do Quora com perguntas

Se você não tiver certeza de que é o tópico que deseja, basta repetir o processo e decidir entre alguns nichos.

Depois de identificar o problema, você precisará examinar sua concorrência.

Pesquise sobre a competição

A pesquisa de concorrentes é uma estratégia para identificar seus principais concorrentes, suas técnicas de marketing e públicos, para que você saiba em que mercado está entrando e o que esperar dele.

Para identificar rapidamente seus concorrentes, siga este método:

  1. Faça uma pesquisa simples no Google com o nicho (tema) que você selecionou
  2. Faça uma lista de sites nas primeiras páginas dos resultados do Google
  3. Avalie a força relativa de seus concorrentes (tráfego do site, engajamento de mídia social, gastos com anúncios pagos) usando ferramentas online como SEMrush (gratuito) ou Ahrefs (pago)

Depois disso, você terá uma lista de seus concorrentes em potencial e alguns dados aproximados sobre eles.

Depois de ter feito esta pesquisa, você deve ter duas possibilidades:

  1. Se houver pouca ou nenhuma concorrência , com uma demanda clara do consumidor , você pode ser um dos primeiros a apresentar sua solução. Por outro lado, se você encontrar um bom número de empresas brigando por uma fatia de mercado pelo mesmo produto e/ou serviço, geralmente significa que esse nicho específico é lucrativo , mas isso também significa que o nicho é competitivo .
  2. Nenhuma concorrência e nenhum sinal de demanda do consumidor significa que um nicho específico provavelmente não é lucrativo o suficiente . Tente encontrar outro.

Para o primeiro ponto, você precisará analisar se pode competir com os negócios já estabelecidos ou não, pois não vale a pena gastar todos os seus recursos em algo muito difícil de alcançar em um futuro próximo .

Dica profissional: uma estratégia simples para superar a concorrência em qualquer setor é começar com um foco estreito e expandir à medida que você cresce.

Diferentes tipos de sites

Depois de escolher um nicho, é hora de entender os diferentes tipos de sites que você pode desenvolver com base na sua ideia.

Dica: restrinja seus objetivos. Isso ajudará você a encontrar sites em seu setor para se inspirar.

Aqui estão alguns tipos de sites que você pode começar:

Blogues

De acordo com a Wikipedia, um blog é uma discussão ou site informativo publicado na Internet, geralmente em entradas informais de artigos no estilo diário.

Nos últimos anos, no entanto, os blogs se transformaram em um conceito muito amplo .

Agora, todo site que publica conteúdo informativo pode ser considerado um blog, mesmo quando o conteúdo é para fins comerciais e não para o diário pessoal do autor.

Geralmente, um indivíduo ou uma pequena equipe gerencia um blog para publicar informações sobre tópicos específicos. No entanto, hoje em dia, a maioria das marcas (grandes e pequenas) usa seus blogs como um canal de marketing, chamado de “blog de negócios”.

Um blog geralmente é usado por empresas para criar e estabelecer uma presença online eficaz.

Mas também existem empresas que são blogs (quando uma empresa é construída em torno de um blog).

Portanto, um blog é um conceito muito flexível e, portanto, é um bom ponto de partida para todos os aspirantes a empreendedores da Internet. E como os blogs são flexíveis, eles podem ser ampliados ou reduzidos com bastante facilidade.

Embora os blogs mudem e evoluam constantemente, sua essência permanece simples – um blog é um site (ou parte de um site) que contém conteúdo informativo (artigos, guias, tarefas, etc.).

Por exemplo, Apartment Therapy é um blog de estilo de vida.

blog teoria do apartamento

A página inicial exibe as últimas postagens do blog com grandes imagens em destaque para chamar a atenção do leitor.

Postagens no blog da teoria do apartamento

Como você pode ver, todos os posts estão de alguma forma relacionados à casa e decoração, o que estabelece o site como um blog útil para tudo que envolve a indústria do lar.

comércio eletrônico

Um site de comércio eletrônico (ou comércio eletrônico) é um portal/mercado online onde você pode vender seus produtos ou serviços para qualquer pessoa na Internet.

Amazon e Walmart são exemplos de duas grandes marcas no espaço de comércio eletrônico. No entanto, as lojas online não se restringem a grandes marcas; mesmo que você não tenha uma empresa, você ainda pode vender coisas pelo seu site.

Várias plataformas estão disponíveis (como Shopify) onde você pode criar facilmente sua loja online, pois elas lidam com todo o desenvolvimento de back-end.

No entanto, nossa sugestão é ir com o WordPress e aproveitar o plugin WooCommerce, que pode transformar qualquer site em uma loja online.

WooCommerce para WordPress
— WooCommerce, plataforma de código aberto construída no WordPress para lojas online

Dessa forma, você não precisará depender de uma plataforma de terceiros (lembra, falamos sobre isso acima?), e você pode gerenciar todos os seus produtos exatamente da maneira que quiser, sem nenhuma restrição.

Nas seções a seguir deste artigo, discutimos como iniciar um site WordPress.

Dica: Depois de configurar seu site de comércio eletrônico, certifique-se de ter um certificado SSL e de seguir as práticas recomendadas de SEO para comércio eletrônico para obter tráfego orgânico (gratuito) de mecanismos de pesquisa como o Google.

Site de negócios

Se você for criar um site para seu negócio offline ou online existente (por exemplo, um site de salão para consultas online), esse tipo de site será perfeito para você.

Sites de negócios são sites simples e estáticos que diferentes tipos de empresas usam para promover seus produtos e serviços.

Exemplo de site comercial
— Exemplo de um site de negócios

Normalmente, todo site de negócios tem uma página inicial , sobre , contato e serviço/produto . Essas páginas raramente são atualizadas, por isso são chamadas de páginas “estáticas”.

Esses sites são ótimos se você precisar de uma solução para estabelecer sua presença online, mas não são necessariamente a melhor maneira de vender produtos diretamente aos consumidores, como faz a Amazon, por exemplo.

Outros tipos de site

A lista de tipos de sites é interminável!

Cobrimos os tipos de site mais comuns para ajudar você a começar, mas alguns outros tipos de site são:

  • Pessoal
  • Educacional
  • Portfólio
  • Entretenimento
  • Revista
  • meios de comunicação
  • Folheto
  • Infopreneur
Escolhendo o nome de domínio certo

Um nome de domínio é um endereço de site como Google.com ou Siteefy.com. O nome custará de US $ 10 a US $ 30 por ano, dependendo do que você escolher.

Na maioria dos casos, você poderá obter um nome de domínio gratuitamente com o registro de hospedagem na web (que abordaremos na próxima seção).

Por enquanto, siga estas dicas para selecionar um domínio:

  • Se você deseja criar um site para sua empresa existente, o domínio normalmente deve ser sua marca, como yourcompanyname.com .
  • Se você vai configurar sua marca pessoal, seunome.com é a opção perfeita.
  • Se você deseja atingir seu público em todo o mundo, vá para .com, .net ou .org. Mas se você for segmentar um público específico de um país, use uma extensão de domínio específica do país, como .co.uk (Reino Unido), .fr (França) ou outros ccTLDs específicos.

Aqui estão algumas dicas adicionais que você pode usar para encontrar o melhor domínio para você:

  • Torne-o relevante: um nome de domínio deve indicar sobre o que é o seu site
  • Facilite a memorização: escolha um domínio curto, pois os clientes podem lembrar palavras curtas com mais facilidade
  • Evite números: geralmente é uma boa prática evitar números para manter o domínio simples
  • Inclua palavras-chave: se seu site for sobre carros, tente adicionar a palavra-chave “carro” em qualquer lugar do domínio

Agora, vamos ajudá-lo a decidir sobre a plataforma onde você construirá seu site e hospedagem na web onde seu site estará “vivendo”.

Nota: Se você está construindo no WordPress, na maioria dos casos você obtém todos os três em um pacote: domínio, hospedagem e WordPress – tudo em um . Não há necessidade de comprar essas coisas separadamente.

Por que o WordPress é a melhor plataforma para criar um site do zero?

Quando se trata de selecionar uma plataforma de site, é melhor usar um sistema de gerenciamento de conteúdo (CMS) em vez de uma estrutura da Web (como AngularJS, Laravel etc.).

Um CMS é um software projetado para ajudar não codificadores a criar, gerenciar e publicar conteúdo em um site.

Portanto, com um CMS, você pode lidar com a maioria das coisas técnicas sozinho, sem contratar ajuda externa (o que significa economizar muito tempo e dinheiro).

Atualmente, o WordPress é o melhor CMS do mercado. Vamos aprender mais sobre o WordPress e ver como você pode começar com ele:

WordPress

Com uma participação de mercado de 42%, o WordPress é atualmente o CMS mais popular do mundo.

Porcentagem de sites usando WordPress

Ao contrário do Wix e do Squarespace (construtores de sites), o WordPress.org é gratuito para uso com um nome de domínio personalizado.

Observação: não confunda WordPress.org (CMS) com WordPress.com. Ambos são baseados no WordPress. mas são completamente diferentes. O WordPress.org é um CMS de código aberto e é gratuito para qualquer pessoa usar, enquanto o WordPress.com é mais como um construtor de sites com certas limitações. Quando dizemos WordPress neste guia, sempre queremos dizer WordPress.org.

Com o WordPress, você pode criar um site de negócios, abrir uma loja online, vender cursos online, administrar um marketplace…

O WordPress é um ecossistema flexível e poderoso de tudo o que você precisa ou imagina. Ele tem milhões de temas e plugins pré-criados disponíveis, que você pode usar para configurar praticamente tudo o que quiser em seu site.

Por exemplo:

Se você deseja adicionar um formulário de contato, galeria, fórum, ferramenta de compras – basicamente o que você quiser, geralmente tudo o que você precisa fazer para isso no WordPress é procurar um plugin que faça esse trabalho e instalá-lo em seu site alguns cliques.

É isso - um pedaço de bolo!

Alguns dos recursos mais importantes do WordPress incluem:

  • Personalização completa do projeto
  • Facilidade de SEO (este é particularmente importante, pois você pode ter dificuldade em classificar nos mecanismos de pesquisa com construtores de sites clássicos)
  • Capacidade de resposta
  • Alto desempenho e segurança
  • Gerenciamento de conteúdo fácil
  • Enorme comunidade WordPress (sempre há ajuda quando você precisa)

Por ser um CMS tão popular, você pode encontrar facilmente um desenvolvedor WordPress (caso queira terceirizar) em qualquer lugar do mundo dentro do seu orçamento.

Simplificando, o WordPress é uma plataforma de sites que elimina a maioria das dores associadas à criação e execução de um site , tornando-o sua melhor escolha para o desenvolvimento de sites.

Agora, vamos ajudá-lo a obter sua hospedagem para seu site WordPress e, em seguida, mostraremos como lançar um site WordPress…


SABER MAIS

Passo 1: Nome de domínio e hospedagem (para WordPress)



A primeira coisa a fazer ao construir um site do zero é obter um nome de domínio e hospedagem para ele.

O que é um nome de domínio?

Em palavras simples, um nome de domínio é o endereço do seu site (como siteefy.com).

O que é hospedagem na web?

Hospedagem na Web é o local (em um servidor) onde seu site é armazenado e de onde ele está sendo servido para os visitantes do seu site.

Escolher o provedor de hospedagem certo desde o início é super importante . Sua hospedagem significa velocidade, segurança, tempo de atividade, SEO e desempenho geral do seu site.

Hospedagem errada é um pesadelo. Nós estivemos lá. Nós sabemos.

Evitar.

Vários provedores de hospedagem estão por aí, mas escolher o melhor pode ser complicado, pois há muitos fatores a serem considerados.

Para simplificar (e evitar todas as frustrações possíveis), você pode começar com o que o WordPress recomenda oficialmente.

E o primeiro da lista de recomendações oficiais do WordPress é o Bluehost.

Aqui está a captura de tela do WordPress.org sobre isso:

Criando site do zero - Seleção de hospedagem - WordPress recomenda Bluehost
O WordPress recomenda oficialmente o Bluehost, por isso é provavelmente a melhor opção para iniciantes.


Configurar um site WordPress com este host é super simples.

Aqui está o que você precisa fazer:

1. Vá para Bluehost > Hospedagem WordPress

Configurando a Hospedagem WordPress para o novo site

2. Em seguida , selecione o plano para o seu novo site WordPress (você pode começar com qualquer plano que desejar, não importa muito neste estágio):

Escolhendo o plano de hospedagem do WordPress

3. Em seguida, selecione o novo domínio do site (ou use o seu próprio, se tiver um) e conclua o processo de inscrição:

Crie um novo domínio para o seu novo site WordPress

Você também pode verificar se o nome de domínio desejado está disponível aqui (tudo começa com um nome de domínio!):


4. Depois de concluir o processo de inscrição, o Bluehost o guiará por um processo passo a passo para instalar o WordPress e tornar seu site ativo.

5. É isso. Depois de passar por esses 4 passos simples, agora você deve ter seu próprio site WordPress ao vivo na Internet!

Algumas alternativas ao Bluehost são:

1. Dreamhost: DreamHost é outro dos parceiros de hospedagem recomendados pelo WordPress. É conhecido por seu painel de controle personalizado, projetado especificamente para usuários não técnicos. Seus planos começam a partir de US$ 3,95/mês para hospedagem compartilhada e US$ 2,59/mês para hospedagem WordPress.

Recursos como tráfego ilimitado, largura de banda, armazenamento SSD rápido, configuração instantânea do WordPress, backups automatizados e certificados SSL gratuitos estão incluídos em todos os planos. Se você encontrar algum problema com sua hospedagem ou site, entre em contato com o suporte especializado 24 horas por dia, 7 dias por semana, e eles o ajudarão imediatamente. Você também receberá um domínio gratuito se selecionar qualquer plano anual.

2. WP Engine: A hospedagem WordPress gerenciada pelo WP Engine é mais cara, mas é uma das melhores hospedagens que você pode encontrar, especialmente para novos usuários do WordPress. O suporte deles é excelente e eles podem ajudá-lo com qualquer um dos seus problemas relacionados ao WordPress.

Ao contrário da hospedagem compartilhada, o WP Engine é construído apenas para WordPress. Ele usa uma infraestrutura personalizada otimizada para executar o WordPress em sua melhor velocidade, segurança e desempenho. Portanto, se você pode pagar uma hospedagem premium, o WP Engine é para você.

Passo 2: Design e personalizações



Instalando o Tema WordPress

No WordPress, os temas controlam o design e o layout do site.

O WordPress tem milhares de temas gratuitos e pagos disponíveis no diretório de temas do WordPress.org.

Normalmente, os temas pagos são melhores, com recursos avançados, atualizações regulares e suporte ativo. Alguns temas pagos, como o Divi, vêm com um construtor de páginas altamente avançado, que transforma toda a experiência do WordPress.

Aconselhamos que você escolha um tema premium do WordPress, pois economizará muito tempo e recursos a longo prazo. Se você é iniciante, o Divi é uma excelente opção para começar (vá para a seção Divi).

Mas se você estiver com o orçamento apertado, poderá começar com um tema gratuito e passar para um pago mais tarde.

Dica: Para entender melhor os temas do WordPress, considere-os como a estrutura do site na qual você pode construir todo o resto. Os temas são responsáveis ​​por todo o estilo front-end de um site WordPress (semelhante a um tema em seu smartphone). Tudo o que um visitante pode ver em seu site será controlado pelo tema.

Para instalar um tema, navegue até Aparência > Tema e clique na caixa “Adicionar novo tema”.

Temas do WordPress

Aqui, você pode classificar a biblioteca de temas com base em destaques, populares, mais recentes e favoritos. Você pode até filtrar temas com base em seus layouts.

Categorias de temas no WordPress

Se você já conhece o tema que deseja instalar, pode inserir o nome diretamente na caixa de pesquisa localizada no canto superior direito.

Quando você vir seu tema listado, passe o mouse sobre o tema e clique em “ Instalar ” e “ Ativar ”.

Adicionar temas no WordPress

Para personalizar o tema, você pode ir em Aparência > Personalizar .

Visualização do tema
— Personalizador de temas WordPress

Na barra lateral esquerda, você pode personalizar todos os recursos do tema, como menu, cabeçalho, rodapé, configurações da página inicial, tipografia e cores.

Nota: Alguns temas premium do WordPress, como o Divi, podem não estar disponíveis no Diretório de Temas. Esse tipo de tema pode ser baixado de seus respectivos sites e depois carregado manualmente no WordPress (leva alguns segundos para fazer).

Instalar plugins essenciais

No WordPress, um plugin é uma solução externa que adiciona recursos e funcionalidades adicionais ao seu site WordPress.

Por exemplo, se você deseja criar um formulário de contato, pode instalar um plug-in de formulário de contato como o JetFormBuilder e criar seu formulário de contato em apenas alguns cliques.

Os plugins são projetados para estender a funcionalidade principal de um site WordPress.

Assim como os temas, milhares de plugins estão disponíveis para download gratuito.

Você encontrará um plugin para quase tudo, desde SEO até compressão de imagens, formulários, gateways de pagamento e fóruns no diretório de plugins do WordPress.

Nota: Um plugin é um arquivo escrito na linguagem de programação PHP que pode ser carregado em sites WordPress. Os plugins fornecem a abordagem modular ao WordPress, onde você pode começar com um tema e, em seguida, instalar plugins para casos de uso específicos. Você pode usar plugins para tudo – desde pequenos ajustes até modificações significativas.

Para adicionar um plug-in, vá para Plugins > Adicionar novo e procure o plug-in que deseja instalar.

Adicionar plugins no WordPress

Aqui estão alguns dos melhores e mais populares plugins gratuitos:

  • Yoast SEO: Yoast ajuda você a manter o SEO on-page e técnico do seu site.
  • WPForms: WPForms é um construtor de arrastar e soltar que permite criar formulários interativos de contato, feedback, assinatura e pagamento.
  • Akismet: Este plugin geralmente vem pré-instalado. Ele filtra comentários de spam e envios de formulários de contato.
  • Google Analytics para WordPress: Este é um plugin projetado para integrar o Google Analytics para dados de tráfego.
  • UpdraftPlus: UpdraftPlus permite que você faça o backup do seu site diretamente para o Dropbox, Google Drive e Amazon S3.

Criar páginas

Após a configuração do design, você pode começar com o conteúdo e criar as páginas necessárias.

Para adicionar uma página, navegue até Páginas > Adicionar novo .

Editor WordPress para construir um site do zero

Aqui, você pode alterar o layout da página e adicionar título, imagem em destaque, definir categorias e tags.

Para adicionar um bloco em uma página, clique no botão do símbolo de adição e ele fornecerá uma lista suspensa de opções, como widgets, elementos de layout etc.

Blocos Gutenberg no editor

Por exemplo, se você quiser adicionar um parágrafo à sua página, selecione “Mais usado” e escolha “Parágrafo” e ele será adicionado à página.

Independentemente do seu negócio, algumas páginas devem estar presentes em todos os sites, como:

  • Homepage: A página mais importante de um site, onde você mostra sua empresa USP aos visitantes.
  • Sobre: ​​esta página ajuda as pessoas a entender sobre o que é seu site (ou empresa).
  • Produtos/Serviços: essas páginas ajudam os usuários a conhecer suas ofertas e como comprá-las.
  • Contato: esta página exibe detalhes como seu número de telefone, e-mail e endereço. Você também pode colocar um formulário de contato aqui, através do qual as pessoas podem entrar em contato diretamente com você.
  • Blog: Esta página mostra todas as postagens do seu blog.

Configurar o menu de navegação

A navegação ajuda os visitantes a ir de uma página para outra. Geralmente é colocado no topo de cada site.

Para configurá-lo para navegação, vá para Aparência > Menus .

Em seguida, dê um nome ao seu menu (é útil ter mais de um menu em seu site) e clique em “ Criar Menu ”.

Menu WordPress para construir um site do zero

Agora, você poderá adicionar ou remover páginas no menu.

Configuração do menu do WordPress
  1. Selecione as páginas, postagens, links personalizados ou categorias que você deseja adicionar.
  2. Clique em “Adicionar ao Menu” para adicionar as páginas selecionadas.
  3. Arraste e solte as páginas para organizar a estrutura.
  4. Selecione o local onde deseja exibir o menu.
  5. Clique em “Salvar Menu”.

Por fim, acesse a página inicial do seu site e verifique se o menu está exibido corretamente.

Se você estiver procurando por um design avançado do WordPress, os editores visuais externos do WordPress podem ajudá-lo nessa tarefa.

Veja alguns dos melhores editores que você pode usar para seu novo site WordPress abrindo a seção abaixo

Projetando o site WordPress com construtores de páginas de arrastar e soltar

Os construtores de arrastar e soltar do WordPress ajudam você a criar e projetar seu site WordPress sem tocar em uma única linha de código.

Os construtores de arrastar e soltar mais avançados do WordPress são baseados no conceito W ot You S ee I s W ot Y o G et (WYSIWYG) e, portanto, são muito fáceis de usar. Essas ferramentas são projetadas especificamente para não codificadores para criar um site bonito usando elementos de conteúdo de arrastar e soltar.

Em outras palavras, os construtores WYSIWYG transformam o WordPress em um construtor de sites intuitivo (assim como Wix ou Squarespace).

Os construtores de páginas incluem páginas pré-criadas (modelos de site simples para iniciantes) e kits de site completos, portanto, com apenas alguns cliques, você pode importar o modelo e editar o conteúdo.

Esta função é um divisor de águas na indústria de sites, pois com WordPress + Page Builders, você obtém a máxima liberdade de plataforma e total flexibilidade de design . Você não precisa codificar nada e pode configurar um site profissional rapidamente.

Crie um site do zero com o construtor de páginas Elementor
— Site construído no Elementor Page Builder

A estrutura básica do seu site deve estar pronta se você tiver seguido todos os passos deste guia.

Agora, vamos ver alguns construtores de páginas importantes e ver como você pode usá-los para configurar um site incrível em poucos minutos.

Nota importante: Se você decidiu usar um construtor de arrastar e soltar para WordPress, é melhor usar o construtor desde o início, pois alguns construtores podem substituir as alterações que você pode ter feito conforme descrito acima.

Elementor

O Elementor é um dos construtores de páginas do WordPress mais populares , com mais de 5 milhões de instalações, e foi desenvolvido para profissionais, de freelancers a empresários, blogueiros e agências.

Está disponível como um plugin gratuito com recursos limitados. Para acesso total, você pode se inscrever no Elementor Pro, que lhe dará acesso a centenas de elementos de conteúdo.

Alguns dos recursos do Elementor são:

  • 100% editor de arrastar e soltar
  • Mais de 300 modelos de página
  • Mais de 90 widgets de conteúdo
  • Construtor de pop-ups
  • Construtor de temas e comércio eletrônico
  • Edição completa do site
  • Animações e gradientes
  • Editor pronto para tradução

A melhor coisa sobre o Elementor é que ele é totalmente capaz de criar um site do zero (como site de uma página, site de portfólio, site de notícias, sites de negócios etc.). Você pode criar posts, páginas, temas e até mesmo uma loja de comércio eletrônico sem sequer instalar outros plugins para landing pages, pop-ups, formulários de contato, em breve e páginas de manutenção.

Acesse o site oficial do Elementor ou confira este vídeo para obter uma visão geral rápida do Elementor:

Para configurar um site WordPress com Elementor, siga estas etapas:

  1. No seu painel do WordPress, vá para Plugins e procure por “Elementor”. Clique em “instalar” e ative o plugin.
Instalação do Elementor no WordPress
  1. Em seguida, vá para qualquer postagem ou página e clique no botão “Editar com Elementor”.
Editar com Elementor no WordPress
  1. Agora, você pode começar a construir sua página com os widgets de conteúdo na barra lateral esquerda. Se você quiser importar modelos pré-criados em vez de criá-los do zero, clique no botão ao lado do ícone de adição.
Interface do construtor de páginas Elementor
  1. Nesse ponto, a biblioteca de modelos do Elementor será aberta e você poderá importar qualquer modelo de sua escolha.
Biblioteca de modelos do Elementor
  1. Depois de selecionar o modelo, passe o mouse sobre ele e clique em "Inserir". É isso! Sua página está pronta.
Criando um site do zero com os modelos premium do Elementor

Observação: para importar modelos premium, você precisa comprar o Elementor Pro (vale a pena!).

Você pode repetir o mesmo processo para configurar todas as outras páginas, como contato, serviços, projetos, galerias, etc.

Construtor de castores

Este é outro construtor de páginas do WordPress que se concentra na simplicidade e na estrutura robusta. Ele vem com um editor completo de arrastar e soltar com edição de front-end ao vivo.

Construtor de páginas Beaver Builder para construir um site do zero no WordPress

Você pode usar o Beaver Builder para assumir o controle total do seu site e projetar aspectos como estilos globais, postagens/páginas, páginas de arquivo ou uma loja WooCommerce. Semelhante ao Elementor, este plugin tem versões gratuitas e pagas e uma demonstração disponível para experimentar em seu site.

Este construtor de páginas está repleto de muitos modelos lindos para ajudá-lo a começar. Você pode até salvar seus próprios designs como modelos para reutilizar em todo o site ou exportá-los para usar em qualquer outro site.

Alguns dos recursos do Beaver Builder são:

  • Edição responsiva
  • Otimização SEO
  • Suporte WooCommerce
  • Recursos de vários sites
  • Modelos reutilizáveis
  • Tradução pronta
  • Estrutura do tema
  • Funciona com todos os temas

Confira este vídeo para obter uma visão geral de como o Beaver Builder funciona:

Com um preço de US $ 99, o Beaver Builder tem um preço um pouco mais alto que o Elementor (que começa em US $ 49). No entanto, você pode instalar o Beaver Builder em sites ilimitados, enquanto o plano de US $ 49 da Elementor só oferece acesso a uma licença de site.

O Beaver Builder também vem com uma política de reembolso de 30 dias, sem perguntas, para que você esteja totalmente coberto se, por qualquer motivo, o Beaver Builder não funcionar para você.

Construtor Divi

O Divi Builder, da Elegant Themes, é um construtor de páginas premium para WordPress.

Divi builder para criar um site do zero

Ao contrário do Elementor e do Beaver Builder, o Divi oferece dois tipos de edição : backend e frontend. Essa flexibilidade significa que você pode construir suas páginas no editor ao vivo ou usar a interface de back-end para criar suas páginas usando blocos de módulos.

Interface Divi para criar um site do zero

A biblioteca de modelos do Divi é enorme, com mais de 800 designs pré-fabricados e mais de 100 pacotes de sites completos. Todos os designs do Divi são incríveis e você pode encontrar um modelo para quase todos os setores, como beleza, saúde, eventos, tecnologia, negócios, comércio eletrônico, fotografia e muito mais.

Biblioteca de layout do Divi Builder

Alguns dos outros recursos do Divi Builder são:

  • Verdadeira edição visual
  • Milhares de opções de design
  • Edição responsiva
  • Multi-seleção e edição em massa
  • Tabelas de preços
  • Formulários de contato
  • Construtor WooCommerce
  • Teste de divisão A/B integrado

Quanto ao preço, não há plano individual para o Divi; ele é fornecido com todos os outros produtos Elegant Themes (como Bloom e Monarch) por US $ 89 por ano (sites ilimitados e suporte premium incluídos). Você pode selecionar o plano vitalício por $ 249 se não gostar dos pagamentos anuais.

No pacote, você terá acesso ao tema Divi, construtor de páginas Divi, tema Extra, construtor pop-up Bloom e plug-in de mídia social Monarch.

Acesse o site oficial do Divi ou confira este vídeo abaixo para saber mais sobre o Divi Builder:

Construindo um site do zero usando construtores de sites (Wix, Squarespace e outros)

Os construtores de sites são outras ferramentas que permitem projetar e construir sites sem qualquer codificação.

Esses construtores são semelhantes aos construtores de páginas do WordPress que discutimos no último tópico. A diferença é que , com os construtores de sites, você não precisa de hospedagem, temas ou plugins separados - tudo isso geralmente é incorporado ao construtor de sites.

Portanto, se você está procurando uma solução mais fácil e não deseja gerenciar várias partes móveis (como no WordPress), os construtores de sites podem ser uma boa opção para você.

Observação: lembre-se de que os criadores de sites podem ter certas limitações, pois você está criando seu site na plataforma de outra pessoa. Portanto, se você deseja dimensionar e expandir seu novo site - vá com o WordPress.

Geralmente, os criadores de sites são bons para projetos menores que não planejam depender muito de SEO em termos de tráfego.

Vamos ver quais construtores de sites temos disponíveis:

WIX

Nos últimos anos, o Wix se tornou um construtor de sites super popular.

Construtor de sites WIX para criar sites do zero
— Construtor de sites WIX

Ele oferece um editor 100% de arrastar e soltar, que permite criar um site profissional rapidamente.

Você pode adicionar formulários de contato, imagens, vídeos, mapas e muito mais, simplesmente arrastando o elemento para o site.

Assim como o WordPress, o Wix oferece milhares de templates profissionais para personalizar seu site da maneira que você quiser.

Biblioteca de modelos WIX

O Wix já categorizou seus templates em categorias como negócios, blogs, fotografia, moda, restaurantes, saúde, viagens e turismo, para que você possa encontrar um bom design em quase todos os setores.

Observação: há uma desvantagem: depois que seu site for publicado, você não poderá alternar entre os modelos. Se você mudar, perderá todo o seu conteúdo e personalização, portanto, certifique-se de ter um backup antes de prosseguir com isso.

Configurar o site com o WIX Website Builder

O WIX oferece planos gratuitos e pagos , mas o plano gratuito é suficiente para este passo a passo.

Depois de se inscrever com sucesso no WIX, selecione o tipo de site que deseja criar.

O Wix oferece vários modelos de tópicos:

Categorias de modelos WIX

Se você não encontrar sua categoria, selecione "Outro".

O processo de integração do WIX é dividido em duas partes:

Processo de configuração do site WIX
  • Deixe que a Inteligência Artificial de Design (ADI) do Wix crie seu site. Você só terá que responder a algumas perguntas, e o Wix construirá seu site automaticamente em poucos minutos.
  • Crie seu site por conta própria, usando o editor de arrastar e soltar.

A primeira opção parece boa, mas é melhor usar a segunda para ter controle total do que você exibe em seu site.

Dica: selecione um modelo que tenha tudo o que você precisa, pois não será possível alternar entre os modelos posteriormente.

Personalize seu modelo

O editor WIX é razoavelmente flexível quando se trata de customizações de design.

Editor WIX para construir um site do zero

Algumas das opções disponíveis são:

  • Adicionar nova página
  • Alterar o tema de cores
  • Selecione diferentes fontes e cores
  • Adicione novos elementos, como formulários de contato, controles deslizantes, etc.
  • Introduzir transições
  • E mais!

Depois de personalizar seu modelo, você pode adicionar conteúdo nas páginas Home, About, Product e Contact.

Visualize seu site

Com a visualização, você pode ver todas as modificações feitas antes de entrar ao vivo.

É importante verificar se tudo está no lugar, como:

  • Todos os botões estão funcionando e navegando para a página apropriada?
  • A ortografia e a gramática do seu conteúdo estão corretas?
  • O site é compatível com dispositivos móveis?
  • O formulário de contato está funcionando corretamente?

Certifique-se de verificar tudo para evitar a publicação de um site inacabado.

Publique seu site

Se você estiver pronto para publicar seu site, clique em “ Publicar ”.

O WIX solicitará que você use um subdomínio gratuito do wix.com ou conecte o seu próprio.

Domínio WIX conectar ao site

Se você quiser conectar seu domínio, precisará atualizar sua conta Wix (se estiver usando o teste gratuito).

Squarespace

Squarespace é um construtor de sites conhecido por seus modelos e personalizações impressionantes . É semelhante ao Wix, pois permite criar um site sem nenhum conhecimento técnico específico.

Criador de sites Squarespace para criar sites do zero
— Squarespace para construir sites sem codificação

Semelhante ao Wix, o Squarespace também fornece vários modelos para quase todos os setores populares.

Embora o Squarespace tenha apenas mais de 50 modelos, em comparação com as centenas que o Wix possui, eles são focados na qualidade e não na quantidade.

Coleção de layouts do Squarespace

Se você é iniciante, pode achar o Squarespace difícil de usar, pois é um pouco avançado em comparação com o WIX e outros construtores de sites.

Mas Squarespace oferece um aplicativo móvel (Play Store e App Store), com o qual você pode editar seu site a partir do seu smartphone. Portanto, se você deseja editar em vários dispositivos, esta é a melhor solução para você.

Observação: o Squarespace oferece apenas uma avaliação gratuita de 14 dias e nenhum plano de assinatura gratuito.

Outras opções

Você também pode usar outros construtores de sites, como Weebly, Shopify, BigCommerce, Webnode, etc., se estiver procurando por recursos específicos.

Etapa 3: Adicionando recursos de site obrigatórios



Construir um site é apenas um começo.

Para ficar à frente da concorrência e estabelecer sua presença online, você precisará otimizar seu site e focar em elementos essenciais como velocidade, experiência do usuário e conteúdo de qualidade!

Então, vamos dar uma olhada em alguns dos recursos nos quais você pode trabalhar facilmente.

Mapa do site

Suponha que você publique uma postagem de blog em seu site, mas como seu site é novo, os mecanismos de pesquisa têm dificuldade em encontrá-lo.

É aí que o sitemap entra em cena.

O mapa do site funciona como um roteiro do site , que ajuda os mecanismos de pesquisa (Google) a rastrear e indexar todo o conteúdo do seu site.

Para criar um mapa do site, você pode usar o plugin Yoast SEO (se estiver usando um site WordPress).

Yoast SEO para WordPress para construir um site do zero
- Plugin Yoast SEO para WordPress

Sempre que você adicionar um blog ou qualquer outra página da web, o Yoast atualizará seu sitemap XML automaticamente.

Velocidade de página otimizada

A velocidade da página é o tempo total que um site leva para carregar e depende de vários fatores, como servidor de hospedagem, tamanho da página e imagens.

Se o seu site demorar mais de três segundos para carregar, isso pode afetar negativamente a experiência do usuário e você pode perder seus visitantes. Portanto, tente otimizar ao máximo a velocidade da página.

Para otimizar, você pode instalar um plug-in de otimização de cache e imagem , como WP Rocket e WP Smush (disponível para WordPress).

Plugin de otimização de imagem Smush

Esses dois plugins aplicarão todas as configurações básicas para você, que você pode ajustar de acordo com o desempenho do seu site.

Boa IU

A interface do usuário (UI) refere-se à aparência do site, incluindo cores, layout, tipografia e outros elementos de design da web.

Interface do usuário (IU)

Uma boa interface do usuário garante que seus usuários tenham uma experiência de navegação perfeita , levando a uma excelente retenção de usuários e mais receita.

Você pode criar uma boa interface do usuário:

  • Mantendo a consistência entre os diferentes elementos
  • Usando fontes legíveis em vez de extravagantes
  • Usando cores e texturas que chamam a atenção dos visitantes
  • Mantendo informações importantes claramente visíveis

Antes da Lista de Verificação do Lançamento

Um site pode fazer ou quebrar sua reputação no mercado. É por isso que você precisa ter certeza de que seu site foi construído corretamente.

Portanto, antes de lançar um site, dê uma olhada nesta rápida lista de verificação de lançamento de site:

  • Incluir páginas importantes: certifique-se de incluir todas as páginas importantes, como as páginas Home, Service, About e Contact.
  • Instale o Google Analytics e conecte o Google Search Console: Para rastrear o tráfego orgânico e a taxa de rejeição, instale o Google Analytics.
  • Verifique a compatibilidade do navegador : Muitos navegadores estão no mercado e seu site deve ser compatível com todos eles. Os mais importantes são Chrome, Mozilla Firefox, Safari e Opera.
  • Velocidade de carregamento rápido da página: mantenha a velocidade de carregamento da página o mais alta possível para a melhor experiência do usuário.
  • Instale o certificado SSL : É importante manter o site seguro.
  • Formulário de contato de trabalho – Mesmo um lead de cliente perdido pode custar centenas de dólares, portanto, certifique-se de configurar seu formulário de contato e ID de e-mail corretamente em sua página de contato.
  • Links de mídia social: seus links de mídia social devem redirecionar as pessoas para as páginas oficiais da sua marca.
  • Verificar Imagens: As imagens devem ser claras e otimizadas.
  • Compatível com dispositivos móveis: otimize seu site para funcionar em todos os tamanhos de tela, como dispositivos móveis, tablets e computadores.

perguntas frequentes

O que você precisa para construir um site do zero?

Para criar um site do zero, você precisará de um nome de domínio e de um provedor de hospedagem na web. Depois de comprar ambos, você precisará instalar o WordPress em seu servidor para começar a construir seu site.

No entanto, você também pode criar um site usando construtores de sites como Wix, Squarespace, Weebly, etc. Nesse caso, você não precisa ter uma hospedagem e um nome de domínio separados.

Quanto tempo leva para construir um site do zero?

Construir um site do zero provavelmente levará de um dia a vários meses, dependendo dos recursos, design e conteúdo. Um site típico leva no mínimo duas semanas para ser totalmente construído, incluindo conteúdo, design, desenvolvimento e modificações.

É difícil construir um site do zero?

Absolutamente não. Independentemente da plataforma que você escolher, construir um site do zero é muito fácil. Basta seguir as etapas listadas neste guia para colocar seu site online no mesmo dia, sem problemas.

Devo construir um site do zero codificando tudo sozinho ou usar o WordPress?

A menos que você tenha um motivo muito específico para criar um site do zero, não faz muito sentido prático fazê-lo. Basta usar o WordPress e 99,9% do tempo funcionará como um encanto.

Por exemplo, criar um formulário de contato pode levar horas de codificação, enquanto, com o WordPress, você pode implantar um formulário de contato em poucos minutos. Isso é tranquilidade!

Conclusão

É isso!

Agora você sabe tudo o que precisa para construir seu primeiro site do zero e iniciar sua jornada na internet.

Resumindo:

  1. Concentre-se no seu nicho (isso é importante).
  2. Obtenha um domínio e hospedagem (vá com SiteGround ou Cloudways para uma experiência perfeita).
  3. Instale e configure o WordPress rapidamente, com apenas alguns cliques.
  4. Projete seu site (use construtores de páginas como Elementor ou Divi para isso).
  5. Por fim, verifique tudo e inicie o site.

Tudo isso pode ser confuso no início, mas depois de iniciar o processo e seguir nosso guia, você poderá colocar seu site em funcionamento em um dia .

Depois disso, você pode gastar o tempo que precisar para adicionar o conteúdo e outras coisas no site.

Se precisar de mais ajuda, entre em contato conosco e tentaremos ajudá-lo.

Você também pode nos perguntar qualquer coisa ou compartilhar seus pensamentos na seção de comentários abaixo.