Como criar um site: Guia para iniciantes de A a Z

Neste artigo, mostrarei as etapas essenciais na criação de um site.


  1. Registrar um nome de domínio
  2. Inscrição para hospedagem na web
  3. Crie sua página da web
  4. Valide e teste seu site
  5. Afine e cresça

Criar um site básico é fácil. O trabalho de parto em si não deve demorar mais de uma hora. No entanto, compreender suas escolhas e ajustá-las à sua situação não é tarefa fácil..

Devido ao fato de que algumas etapas podem exigir conhecimento adicional que não está no escopo deste artigo, incluímos links para recursos detalhados, quando necessário.

Por que você está criando um site

Antes de começarmos, é importante primeiro definir seu objetivo.

Todos sabemos que um site pode ser uma parte importante da sua presença on-line – como uma entidade comercial ou um indivíduo. Para um indivíduo, pode ser algo tão simples quanto um perfil básico ou tão detalhado quanto todo o seu portfólio. Para as empresas, isso deve ser considerado parte dos seus ativos e estar relacionado ao seu perfil, produtos ou o que você faz.

Ter um objetivo claro em mente permite que você tome uma decisão melhor no futuro – ou seja, quais plataformas usar, quais canais de marketing se envolver, etc..

Algumas razões típicas para a criação de um site:

  • Para vender produtos – Se seu principal objetivo é vender produtos, seu site deve incluir vitrines de produtos, carrinho de compras on-line, gateway de pagamento seguro e, de preferência, um sistema de ponto de venda.
  • Para exibir informações – Se seu objetivo é exibir informações pessoais ou da empresa, considere criar um site simples de uma página em uma plataforma acessível.
  • Compartilhar idéias e experiências atuais – Um blog geralmente é o melhor para usuários que gostam de escrever e compartilhar suas idéias com o mundo.

Esses motivos não precisam ser mutuamente exclusivos. Por exemplo, você pode ter um site que combine dois ou mais dos elementos acima.

As etapas essenciais para criar seu próprio site

Depois de definir os objetivos do seu site, é hora de criar! Para começar, você precisa primeiro…

1. Registre um nome de domínio

O que é um nome de domínio?

Para iniciar um site, a primeira coisa que você precisa é de um nome de domínio.

Um nome de domínio é o endereço que identifica seu site na Internet. Alguns exemplos incluem Yahoo.com, Google.com ou BuildThis.io (o site que você está lendo agora).

Onde registrar um nome de domínio?

Para possuir um domínio, você precisará registrá-lo em um registrador de domínio.

Um registrador de domínio ajudará você a verificar se um nome de domínio é exclusivo antes de permitir o prosseguimento de um registro. GoDaddy e NameCheap são dois registradores de domínio populares. Uso-os para gerenciar meus domínios há muito tempo.

Como escolher um nome de domínio?

A escolha de um nome de domínio costuma ser a parte mais difícil, pois não apenas reflete sua marca, mas também é fácil, simples e memorável.

Seu nome de domínio deve ser exclusivo – o nome não deve pertencer a outra pessoa ou organização em todo o mundo. Uma regra geral que você deve ter em mente para criar nomes de domínio é:

  • Mantenha-o curto e fácil de lembrar
  • Não use nomes de marcas registradas
  • Vá para .com ou .net quando possível
  • Seja criativo e use palavras compostas ou inventadas
  • Tente torná-lo relevante para palavras-chave

Dicas acionáveis

  • Se você tiver dificuldade em descobrir um nome de domínio, sempre poderá usar geradores de nome de domínio para obter idéias. Alguns dos mais populares são Wordroid e Pesquisa de Domínio Lean.
  • Se você é iniciante, recomendamos ir ao GoDaddy ou Namecheap para encontrar um nome de domínio. Ambos facilitam a compra e o registro de nomes de domínio para iniciantes.

2. Inscreva-se em uma conta de hospedagem na web

O que é um host da web?

Um host da web é um computador grande (também conhecido como servidor) usado para armazenar os arquivos necessários como parte do seu site.

Pense nisso como uma casa que armazena móveis e eletrodomésticos – a casa é o seu host e tudo o que for necessário no a casa é o conteúdo do seu site. O conteúdo do site geralmente inclui texto, imagens, vídeos e outros elementos que você achar necessário.

Quais são suas escolhas em hospedagem?

Hoje, a hospedagem na Web vem em vários pacotes. Tradicionalmente, um provedor de hospedagem está envolvido apenas na locação dos servidores com software básico e suporte técnico. Hospedar seu site com um provedor de hospedagem tradicional geralmente é mais barato e mais flexível; mas exige um pouco de trabalho extra para você configurar um site.

Atualmente, as empresas estão agrupando serviços diferentes e permitem que os usuários construam, hospedem e gerenciem sites, todos de um provedor de serviços. Geralmente chamamos essas empresas de criadores de sites ou de lojas on-line. Hospedando um site nessas plataformas de “pacote” geralmente é caro e menos flexível; mas você poderá criar facilmente um site ou loja online.

Plataforma de hospedagem para iniciantes

Se você está apenas começando – a hospedagem compartilhada básica geralmente é boa o suficiente. Para isso, recomendo o Hostinger Single Plan – que permite hospedar um site a um preço baixo, de apenas US $ 0,80 / mês.

Hostinger HostingHostinger Single Plan – Hospede um site com 10 GB de armazenamento SSD e 100 GB de largura de banda (mais do que suficiente para iniciantes) por US $ 0,80 / mês.

Plataforma de hospedagem para comércio eletrônico / lojas online

Se você estava planejando vender produtos diretamente do seu site (uma loja de comércio eletrônico), deveria conferir o Shopify Basic (preço inicial US $ 29 / mês).

Plataformas Shopify800.000 lojas de comércio eletrônico usam o Shopify, incluindo NBA Lakers Store e Tattly.com. O Shopify Basic começa em US $ 29 / mês.

Plataforma de hospedagem para sites fáceis de criar / pequenas empresas

Se tudo o que você precisa é de um site simples para mostrar seu portfólio de negócios e detalhes de contato, pode ser uma opção de hospedagem em pacote. Wix e Weebly são os dois criadores de sites que eu gosto – escrevemos bastante sobre os dois e você pode conferir nossos comentários aqui – Wix review / Weebly review.

Wix como opções incluídasOferecido como um serviço online, o Wix permite que você trabalhe com um editor visual de arrastar e soltar para criar seu site, mesmo que você não tenha nenhum conhecimento de codificação. O Wix Unlimited Plan começa em US $ 12,50 / mês.

Dicas acionáveis

  • Existem diferentes tipos de hospedagem disponíveis: hospedagem compartilhada, hospedagem de servidor dedicada e hospedagem em nuvem / VPS.
  • Se você é um site pequeno, é mais barato optar por planos de hospedagem compartilhada. Recomenda-se que sites maiores usem hospedagem na nuvem ou dedicada.
  • Algumas qualidades importantes que você precisa considerar antes de escolher um host da Web são seus preços, velocidade do servidor e taxas de disponibilidade. Hostinger (para iniciantes), bem como InMotion Hosting e SiteGround (para sites maiores), são alguns dos nomes populares.
  • Considere usar um construtor de lojas, como Shopify ou BigCommerce, se você planeja vender produtos diretamente do seu site.

3. Crie suas páginas da web

Depois de ter seu nome de domínio e host da Web prontos, é hora de publicar algo na Internet. Para criar suas páginas da web, você pode contratar um desenvolvedor da web ou fazer você mesmo.

Discutimos em detalhes como terceirizar uma tarefa de desenvolvimento da web aqui. Você deve pular as etapas a seguir e ir para a página se planeja contratar alguém para desenvolver seu site para você.

Para os DIYers, aqui estão as três maneiras fáceis de criar uma página da web:

1- Editor da web O que você vê é o que obtém (WYSIWYG)

Um editor WYSIWYG permite configurar um site e criar páginas da Web a partir do zero, sem a necessidade de codificação. Funciona exatamente como um processador de texto normal: você começa com um modelo ou uma página em branco e depois cria as páginas do seu site. Feito isso, você os preenche com conteúdo e carrega a pasta inteira no seu host usando um programa FTP (File Transfer Protocol).

Para seguir esse método, é melhor se você tiver habilidades básicas em HTML / CSS e algum conhecimento geral sobre como a Internet funciona.

Existem vários editores da Web WYSIWYG disponíveis – alguns são gratuitos para uso não comercial, enquanto outros podem exigir uma licença paga. Microsoft Expression Web, Google Web Designer, BlueGriffon, e Elemento aberto são alguns bons para conferir.

Para um programa FTP – FileZilla e WinSCP são as duas melhores opções gratuitas.

Microsoft Expression - editor WYSIWYGExemplo – Aqui está uma captura de tela do Microsoft Expression Web Editor. Lista de pastas (esquerda) – Estruture seu site usando pastas. Editor (centro) – Escreva e formate seu texto aqui. Estilos / caixa de ferramentas (direita) – Estilize e projete sua página usando CSS (opcional). Observe que você precisará criar um índice de nome de página (.html / .htm / .php / .asp) – ele funcionará como a página inicial do seu site.

Essa opção só é possível se você estiver usando uma hospedagem tradicional (por exemplo, Hostinger). O uso de um editor WYSIWYG é flexível e divertido se você gosta de aprender codificação na web … mas não é uma opção viável para iniciantes que desejam um site instantaneamente.

2- Usando um sistema de gerenciamento de conteúdo (CMS)

Atualmente, a maioria dos sites é criada e gerenciada com um CMS. Um CMS traz muitos benefícios do ponto de vista do proprietário do site. São fáceis de gerenciar, flexíveis em design e desenvolvimento e econômicos (grátis!) – três vantagens principais.

Se você ainda não ouviu falar, o WordPress, que fornece cerca de 33% de todos os sites da Internet, é o CMS mais popular do mundo.

Para aqueles que optam pela opção de hospedagem convencional na etapa 2, você pode instalar o WordPress com apenas alguns cliques.

Instalando o WordPress no HostingerVeja como você pode configurar o WordPress na Hostinger. Entre na sua conta Hostinger, vá para o site > Auto Installer > WordPress > Configurar uma senha e um nome de site > Instalar.

Você obterá uma estrutura básica de site assim que o WordPress estiver instalado. Você pode criar suas páginas da Web usando um modelo do WordPress. Modelos WordPress pré-construídos são disponível gratuitamente no WordPress.org (diretório de temas oficiais). Ou você pode comprar modelos premium de desenvolvedores profissionais como Elegant Themes ou Artisan.

Disha explicou como criar um blog ou site usando o WordPress aqui. Siga as instruções caso precise de mais informações.

Nota – Você não pode usar um CMS se optar pela plataforma “Bundle”, como Wix ou Weebly, na etapa 2.

3. Usando um construtor de sites / loja de arrastar e soltar

Um construtor de sites / loja de arrastar e soltar é a maneira mais fácil e rápida de criar um site.

Você não precisa de habilidades de desenvolvimento da Web – basta escolher um modelo pré-criado, pegar os elementos da Web necessários no construtor (por exemplo, formulário de contato, menus suspensos, Google Map, botões de pagamento, carrinho de compras etc.) e um site completo está pronto.

Existem muitos construtores de sites espalhados pela Internet – Wix e Weebly são dois dos mais populares. E, como mencionado acima, o Shopify seria uma ótima opção se você estiver construindo uma loja online.

Demonstração Wix

Criando e editando um site usando o Wix EditorCriando sua página no Wix: Menu Site (esquerda) – Gerencie páginas, escolha o plano de fundo do site, defina a navegação no site, adicione textos e links, faça upload de imagens, etc; Alinhamento (centro / esquerda) – Organize e alinhe os elementos do site aqui; Visualizar (canto superior direito) – Salvar, visualizar e publicar seu site.

Design de um site em modelos pré-construídos WixModelos Wix – existem centenas de modelos pré-criados no Wix (ver todos).

Demonstração do Shopify

Criando e editando um site usando o editor do ShopifyCrie sua loja virtual com um tema pré-criado no Shopify. Menu (esquerda) – Escolha temas e adicione elementos da loja (slides, manchetes, imagens, rodapés etc.) aqui; Visualizar (centro / direita) – Visualize sua loja aqui.

Modelos do ShopifyO Shopify oferece uma ampla variedade de temas gratuitos e premium (veja exemplos).

Demonstração do Hostgator Website Builder

Gator Website BuilderUsando o Gator Website Builder – Menu (esquerda) – Escolha temas, adicione páginas e adicione a seção da página aqui; Visualizar (centro / direita) – Mover entre as páginas na barra de navegação superior; salvar, visualizar e publicar seu site.

Temas gratuitos em Gator Website BuilderModelos de site totalmente personalizáveis ​​e responsivos oferecidos no Hostgator Website Builder.

Dicas acionáveis

  • Navegue gratuitamente pelos modelos de site de comércio eletrônico do Shopify, BigCommerce, Wix e Weebly em uma página
  • Instruções passo a passo para criar um site usando o Wix
  • Veja exemplos de sites criados com o Wix
  • Instruções passo a passo para criar um site usando o Shopify
  • Veja exemplos de sites criados com o Shopify

4. Validando e testando seu site

Quando seu site estiver pronto – é hora de validar e testar como ele funciona nos principais navegadores (Chrome, Firefox, Safari, Microsoft Edge, IE 11 etc.), bem como em diferentes tamanhos de tela.

Podemos executar esses testes com a ajuda de ferramentas gratuitas online.

Validação de marcação

W3C - Valide seu site quando terminar sua criaçãoValide facilmente a marcação do seu site usando Serviço de validação de marcação W3C.

O que é validação de marcação? Linguagens de codificação ou scripts como HTML, PHP etc., cada um tem seu próprio formato, vocabulário e sintaxe. A validação de marcação é o processo de verificar se o seu site segue estas regras.

Teste do navegador

Teste seu site em diferentes navegadoresTeste seu site com até 115 navegadores diferentes de uma só vez Tiros do navegador.

Teste de ecrã

Teste seu site em diferentes tamanhos de telaUsar Screenfly para visualizar sua página da web em monitores, tablets, smartphones e outros tamanhos de tela diferentes.

5. Ajuste fino e crescimento do seu site

A publicação do seu site na internet é a primeira etapa. Ainda há muitas outras coisas a serem feitas para garantir o sucesso do seu site. Aqui estão algumas tarefas para começar…

Ajustar a velocidade do site

O Google declarou claramente que a velocidade do site é um dos fatores de classificação. Isso significa que seu site pode ter uma classificação mais alta se carregar rapidamente.

Além disso – quanto mais rápido o seu site carregar, mais felizes serão os visitantes. Está provado, em inúmeros estudos de caso e experiências, que um site de carregamento lento prejudicará a experiência do usuário e afetará a receita do site. A Amazon teria perdido uma receita estimada em US $ 1,6 bilhão se o site abrandasse em até um segundo.

Se a velocidade atual do seu site for lenta, aprender a melhorá-lo.

Melhorar a visibilidade da pesquisa no site

Você não precisa ser mestre em otimização de mecanismos de pesquisa (SEO) para que seu site seja notado. Mas é sempre bom ter algumas habilidades básicas de otimização de mecanismos de pesquisa.

Crie uma conta de webmaster em Google Search Console para enviar seu site ao Google e identificar problemas de SEO. Faça uma pesquisa básica de palavras-chave e otimize o título e os títulos da sua página para as palavras-chave principais. Implemente a marcação de esquema no seu site para se destacar nas páginas de resultados de pesquisa.

Para obter mais dicas de SEO, leia o nosso guia de manequins de SEO.

Implementar HTTPS

Desde que o Google Chrome começou a rotular sites HTTP como “Não seguros”, o certificado SSL se tornou um grande negócio. Para garantir que seu site seja “confiável” pelos usuários – é necessário ter uma conexão HTTPS.

Adicionar páginas essenciais

Dois sites nunca são iguais, pois podem servir a um propósito e / ou função diferente. No entanto, existem três páginas padrão que todo site deve ter: Índice (página inicial), Sobre a página e Página de contato.

Pagina inicial

A página inicial é geralmente o primeiro lugar onde a maioria dos visitantes vê depois de chegar ao seu site. Sua página inicial deve apresentar o tom certo e direcionar seus visitantes para o site.

Exemplo de site - HausExemplo – a página inicial da Haus vem com um menu de navegação claro e um design no estilo galeria (perfeito para a exibição do produto).

Sobre a página

Sobre Page é sobre como criar um relacionamento com seus visitantes. Ele permite que você se apresente e forneça informações detalhadas (bem?) Sobre seu site. Geralmente, é recomendável incluir fotos das pessoas que possuem e administram o site.

Exemplo de site - Cuidados com a pele BulldogExemplo – a página Sobre da Bulldog Skincare envia uma mensagem adorável e memorável.

Página de contato

É importante se comunicar com seus usuários e clientes em potencial. Daí – a página de contato. Inclua todos os canais de comunicação possíveis (perfis de mídia social, formulários de contato, endereço de e-mail etc.) para garantir que seus visitantes possam entrar em contato com você.

Exemplo de site - SurvicateExemplo – a página de contato da Survicate foi projetada de maneira bonita, com grandes campos de formulário, apelo à ação claro; e consiste em todas as informações necessárias.

Expanda seu alcance nas plataformas de mídia social

Seu site também deve estar presente nas plataformas de mídia social, onde a maioria do seu público-alvo fica. Para o BuildThis.io, isso significa Facebook e Twitter. Para outros, pode ser LinkedIn, Tumblr ou Pinterest.

Aqui estão algumas dicas de marketing de mídia social para iniciantes.

Adicionar favicon

Você viu a letra “B”Em um círculo amarelo que apareceu à esquerda da guia do navegador? Isso é conhecido como “favicon”. Como um logotipo, o favicon é um elemento visual menor que representa um site.

O Favicon é uma técnica de branding bacana e pouco vista pelos proprietários de sites. Se isso soa como você – use esse gerador de favicon gratuito para ajudá-lo.

Perguntas freqüentes sobre como criar um site

Você pode criar seu próprio site gratuitamente?

Você pode criar um site gratuito usando hospedagem gratuita na web como as ofertas 000Webhost ou usando um plano gratuito oferecido por alguns criadores de sites. Por exemplo, o Wix oferece um plano gratuito com recursos limitados, adequado para sites pequenos e de baixo volume.

Como crio um site para minha empresa?

Os criadores de sites são uma maneira ideal para as pequenas empresas criarem seus próprios sites sem a necessidade de terceirizar. Essas opções não requerem conhecimento técnico e geralmente oferecem modelos pré-projetados que podem ser úteis > Clique aqui para começar.

Qual é o melhor construtor de sites?

“Melhor” é um termo subjetivo – o que é melhor para nós pode não ser adequado para você. Em termos de popularidade – o Squarespace é o construtor de sites mais popular, com 22% de participação no mercado. Eles são seguidos pelo GoCentral do Wix e do GoDaddy no segundo e terceiro lugares, respectivamente.

Posso criar um site no Google?

O Google oferece um construtor de sites como parte de sua gama de produtos G Suite. Preços a partir de US $ 5,40 / usuário / mês.

Como crio um PDF a partir de um site?

Se você tiver o Adobe Reader instalado no seu computador, poderá criar um PDF a partir de uma página da Web pressionando CTRL-P. No menu de impressão que é aberto, selecione a saída em PDF e salve o arquivo.

Faça já, agora!

Agora você sabe mais que o suficiente para criar e criar um site de sucesso. É hora de colocar seus conhecimentos em prática. Vá começar agora e agite a internet!

* Tradução: EN ID

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map