configurar seu próprio site é muito mais fácil do que você pensa. Mais e mais pessoas querem ter sua própria presença online. Você Instagram não precisa depender exclusivamente de um perfil do Instagram, uma página do Facebook ou uma conta do Twitter.

por que não criar seu próprio site?

para começar, vamos dar uma olhada nas perguntas mais comuns que recebemos de Iniciantes ambiciosos como você no passado:

preciso de habilidades técnicas?

isso depende da finalidade do seu site. A maneira mais complicada seria aprender a codificar HTML, CSS, JavaScript e PHP – o básico de praticamente qualquer site.

mas esta não é a única maneira de criar um site: mesmo que você não esteja muito familiarizado com o lado técnico das coisas, você pode facilmente configurar um bom site.

mas como?

usando um construtor de sites. Se você puder usar o Word, o Facebook ou o PowerPoint, poderá usar essas ferramentas sem nenhum problema. Essas plataformas fáceis de usar oferecem um editor visual, hospedagem e você pode obter um nome de domínio personalizado por meio delas: um balcão único.

como configurar um site: 5 etapas para começar

a maioria dos projetos de sites passa por essas etapas:

1. faça um plano para a estrutura e o conteúdo do seu site
2. registre um nome de domínio – idealmente escolha um .com
3. Encontrar um construtor de site (ou CMS/provedor de hospedagem) para criar o seu site
4. otimizá-lo para os motores de busca
5. Iniciar o seu site

3 maneiras mais populares para iniciar um site

Vamos passar por cima de maneiras mais populares para iniciar um site. Existem muitas soluções. Alguns são mais flexíveis do que outros, e alguns são mais complexos.

Configurando um site com um construtor de sites

vamos começar com a opção mais fácil: um construtor de sites. Este é um pacote “Tudo incluído”, por assim dizer: uma única empresa geralmente fornecerá o modelo( design), editor de arrastar e soltar, hospedagem na web, nome de domínio, endereço de E-mail e suporte. O Web builder cuida das tarefas difíceis.

Smart Finder: descobrir Rapidamente qual é o melhor construtor de sites para você

isso não é útil apenas para iniciantes. Simplesmente depende do projeto. Por que complicar sua vida se há maneiras fáceis de fazer as coisas? Quase todos os construtores de sites permitem que você crie um site básico gratuito em um subdomínio (por exemplo yourname.sitebuildername.com), que é suportado por anúncios. Usando esse plano, você pode experimentá-lo em detalhes antes de decidir se o custo vale a pena.

no entanto, se você quiser levar o seu negócio on-line, você deve considerar um plano pago. Os preços começam em torno de US $8 / mês, mas inclui todos os itens essenciais. Adicione cerca de US $1-6/mês no topo se precisar de um endereço de E-mail profissional para o site da sua empresa.

para entender melhor exatamente como funciona, assista ao nosso tutorial passo a passo para a criação do site!

Prós:

• É muito fácil de usar.
• você não precisa de software adicional ou mesmo hospedagem.
• você pode começar sem conhecimento técnico.
• atualizações e aspectos de segurança são tratados pela empresa construtor de sites.
• modelos de design predefinidos que você pode adaptar como quiser.
• versão otimizada para celular incluída por padrão.

contras:

• você nem sempre pode adicionar recursos extras (dependendo do construtor de sites).
• não é tão flexível, pois você depende do provedor.
• eles não são projetados para projetos muito complicados que exigem um banco de dados (por exemplo, um quadro de empregos ou diretórios imobiliários)

os construtores de sites mais populares são Wix (veja tutorial), Squarespace (veja tutorial) e Shopify (para lojas online). Você encontrará outros criadores de sites em nossa comparação completa.

você pode experimentar o construtor de sites Wix gratuitamente e pelo tempo que quiser.

Experimente o Wix free

criar um site com um sistema de gerenciamento de conteúdo

os sistemas de gerenciamento de conteúdo (CMS) são um pouco mais complicados. Mesmo que eles funcionem essencialmente da mesma maneira que um construtor de sites, eles são muito mais difíceis de usar.

com um construtor de sites, você não apenas pode adicionar conteúdo simples, como textos e imagens, mas também pode projetar um site inteiro. Um sistema clássico de gerenciamento de conteúdo seria muito mais limitado neste caso e, no que diz respeito à aparência, você está limitado aos modelos disponíveis.

embora existam muitos sistemas como o Joomla!, Drupal e Typo3, vamos nos concentrar no CMS mais popular, que é o WordPress. Graças às empresas de hospedagem que oferecem uma instalação com um clique, não é difícil de configurar.

Recomendadas são Dreamhost (extremamente acessível), Siteground (um pouco mais caro, mas super poderoso) e Bluehost (escolha popular com suporte 24/7).

Saiba mais sobre as outras empresas de hospedagem WordPress baratas que recomendamos.

você também pode instalar um modelo facilmente e ajustá-lo com as opções de design. Mas: se há algo que você não gosta, você provavelmente terá que modificar o CSS ou HTML (você ou um programador).

a hospedagem, o domínio, o endereço de E-mail, a instalação e o nível de suporte que você escolher dependerão de quanto você deseja gastar e de seu conhecimento técnico. Pode ser muito barato se você fizer isso sozinho. Dê uma olhada em nosso guia de preços para projetos típicos de sites aqui.

claro, isso pode nem sempre ser a solução ideal, especialmente quando você está ocupado executando um negócio. Nesse caso, você também pode tentar contratar um web designer que pode ajudá-lo a configurar um site WordPress, por exemplo.

uma enorme vantagem, especialmente para o WordPress, é que você tem milhares de plugins que permitem adicionar recursos especiais ao seu site que não estão incluídos inicialmente. Um exemplo típico seria WooCommerce, um plugin que adiciona uma loja online completa.

por padrão, o WordPress foi projetado para estar em um único idioma, mas existem plug-ins, como WPML, que permitem traduzir a página. Outro dos meus favoritos é o plugin Yoast SEO, que permite alterar as configurações do mecanismo de pesquisa (por exemplo, para obter uma classificação mais alta no Google).

em nosso vídeo introdutório, damos uma olhada no que você precisa considerar se estiver configurando o WordPress.Vamos verificar rapidamente como instalar o WordPress usando a hospedagem do SiteGround. SiteGround é um dos principais provedores de hospedagem para Sites WordPress. Você pode tentar … Saiba como instalar o WordPress com a hospedagem do SiteGround 2019-10-23T07:54:23.000 Z https://i.ytimg.com/vi/XMLMT_mKZhQ/default.jpg

você pode se inscrever no Siteground aqui.

prós:

• você pode escolher a empresa de hospedagem.
• ótimo para sites em vários idiomas.
• flexibilidade técnica: você pode acessar todo o código – fonte (se souber o que está fazendo).
• você pode obter mais recursos com plugins.
• você pode otimizar sua velocidade de carregamento da página

contras:

• nenhum suporte técnico pessoal direto (apenas suporte limitado do seu host)
• a liberdade criativa depende do modelo.
• pode ter custos adicionais para os plugins.
• você pode precisar de um programador, mesmo para fazer pequenas mudanças estéticas.

outros exemplos de sistemas de gerenciamento de conteúdo são Joomla! E Drupal, mas eles são muito mais complicados de usar do que o WordPress, então não vamos entrar nisso. Você encontrará mais informações sobre o WordPress em nosso guia para iniciantes do WordPress.

como programar um site você mesmo (ou contratar alguém para fazê-lo).

esta é a disciplina suprema: abrir o editor e começar a codificar. Aqueles que precisam de total liberdade terão que fazer a página eles mesmos. Você precisa de paciência para isso e, para iniciantes, geralmente é opressor (e frustrante).

um bom lugar para começar São sites como Codecademy, Mozilla ou W2Schools, que têm tutoriais passo a passo para iniciantes. Mas espere uma longa jornada antes que seu site esteja pronto. Claro, para acelerar o processo, você pode contratar um web designer. Lembre-se de que seu codificador não deve fazer designs e vice-versa. As habilidades necessárias para cada uma dessas tarefas são muito diferentes.

dar um preço geral não é fácil aqui, pois depende do projeto. Você obviamente precisará pagar pela hospedagem, mas há muitos provedores de hospedagem baratos para escolher. Acima de tudo, será muito mais caro se você precisar contratar um programador: pagar os US $8-15 por mês por um construtor de sites sempre será mais barato do que qualquer designer ou agência cobrará por uma hora de trabalho.

algumas ferramentas de desenvolvimento populares são NetBeans, Aptana Studio ou Brackets. Todos permitem pelo menos HTML, CSS, JavaScript, PHP e são gratuitos. Outra opção é o Webflow, que é um editor de código-fonte visual.

Suportes de imagem

Prós:

• As possibilidades são ilimitadas, se você sabe como programar.
• hospedagem econômica.
• flexibilidade máxima.

contras:

• sem suporte (ou caro).
• a curva de aprendizagem é íngreme.
• os custos são difíceis de calcular.
• requer muito tempo de estudo e implementação.

e o nome de domínio?

se você não quiser usar um nome de domínio gratuito (que parece bastante feio, pois terá o nome de outra empresa nele), você precisa comprar seu próprio domínio. Isso então parecerá www.mycompany.com. normalmente, é melhor obter a extensão .com, a menos que você esteja operando estritamente em um país como o Canadá (.ca) ou o Reino Unido (.co.uk). Claro, também existem muitas empresas de sucesso que usam um dos nomes de domínio mais recentes, como .me ou .agência, por exemplo.

Nosso próprio nome de domínio

não Há falta de registradores que vendem nomes de domínio personalizados. Nós os compramos principalmente na Namecheap, pois são, bem, muito baratos, mas as diferenças não são tão significativas, pois variam de US $9 a 18 por ano.

mas dependendo de onde você constrói seu site, você pode obtê-lo também incluído no pacote do construtor de sites. Wix, Weebly e Jimdo, por exemplo, todos têm o nome de domínio incluído gratuitamente no primeiro ano. Nos anos seguintes, eles cobram um pouco mais do que Namecheap, por exemplo, mas a conveniência adicional de apenas ter que lidar com uma empresa normalmente vale a pena.

se você estiver usando WordPress.org ou crie o site você mesmo, Você também precisará organizar seu próprio armazenamento na web. Isso pode ser comprado no mesmo local em que você obtém seu nome de domínio personalizado de ou em outra empresa especializada, como Siteground ou WP Engine. Mas se você está apenas começando, isso não importa muito por enquanto.

vamos agora olhar para uma área que está intimamente ligada ao nome de domínio:

Como obter um endereço de E-mail profissional?

se você estiver executando uma empresa, provavelmente não deseja usar um endereço do Gmail ou do Hotmail. Ter um endereço de E-mail personalizado em seu próprio nome de domínio parece muito mais profissional! E é muito fácil de conseguir. Deixe-me dar-lhe algumas opções diferentes:

• obtenha-o do seu construtor de sites ou empresa de hospedagem na web: alguns deles incluem endereços de E-mail sem nenhum custo extra (por exemplo. Webnode e Siteground)
• obtenha-o do seu registrador de domínio: Namecheap, por exemplo, oferece-o por menos de US $12 por endereço de E-mail por ano.
• se você gosta do Gmail, pode experimentar o Google Workspace. É a solução mais rica em recursos, mas custará US $6 por endereço de E-mail. Esta é também a solução que a maioria dos construtores de sites oferece (Wix, Squarespace, Jimdo etc.)
• dica: para uma solução totalmente gratuita: Zoho Workplace, que inclui até 5 endereços de E-mail. É um pouco mais complicado de configurar, mas seu registrador de domínio deve ser capaz de ajudá-lo com isso.

Design e planejamento de um site

assim como nem sempre é uma boa ideia começar a cozinhar sem seguir uma receita, pelo menos se você não tiver experiência, o mesmo vale para a criação de um site. Improvisar não é uma boa ideia. O planejamento ajudará você a decidir quais seções você precisa, o conteúdo que funciona melhor para você e como seu site deve ser projetado.

mapa mental para uma loja de sapatos online

Uma boa maneira de começar é criar um mapa mental com as idéias de que o seu website precisa. Os principais itens deste mapa mental podem ser usados para sua navegação.

dicas para planejar seu site:

1. Use um papel e uma caneta e anote tudo o que quiser no site. Brainstorming e criação de um mapa mental são as maneiras perfeitas de organizar seus pensamentos.
2. dê uma olhada em outros sites interessantes, tanto em termos de design e conteúdo. Observe o que você gosta e o que você não gosta.
3. depois de ter um rascunho do que você quer em seu site, pergunte às pessoas que você confia no que elas pensam. Você certamente encontrará algumas perspectivas interessantes que você pode incorporar.
4. crie uma lista (por exemplo, no Excel) Com todas as páginas que seu site terá. Anote o título, que tipo de conteúdo você terá, palavras-chave, o propósito, o tipo de página e sua importância.
5. Bônus: Se você quiser se posicionar bem nos mecanismos de pesquisa, é quando você deve descobrir qual palavra-chave cada página terá e adicioná-las à lista no ponto 4. Leia este guia de SEO para obter mais informações.

e o design do site?

criar designs visuais da web não é uma tarefa fácil. Na verdade, eu diria que online, existem mais exemplos de designs terríveis do que bons. Não deixe seu site ser um.

assim como os jeans bell bottom eram elegantes nos anos 70, eles eram ridículos nos anos 80 e 90. o mesmo acontece com o web design. Você tem que lembrar que o que foi considerado boa prática 5 anos atrás, agora pode parecer meio antigo ou desatualizado. Confira este artigo para saber quais práticas evitar.

este não é um guia para designers profissionais, mas lhe dará algumas dicas que acho que sempre funcionam:

1. tente usar uma cor clara (ou branca) para o fundo.
2. Escolha cores atraentes que se complementam. Use o Adobe Color se precisar de Ajuda.
3. mantenha o design limpo, simples e deixe espaço em branco entre os elementos. Mais informações.
4. não use muitas fontes: um para os títulos e outro para o texto geralmente é suficiente. Este guia irá ajudá-lo a escolher.
5. mantenha um estilo e formato consistentes. Os usuários não devem notar diferenças entre suas páginas. Não crie um Frankenstein.
6. seu site também deve estar perfeitamente adaptado a dispositivos móveis.
7. todas as imagens que você adicionar deve olhar profissional. Não carregue uma selfie que você tirou na frente de um espelho do banheiro. Lembre-se de que os smartphones de hoje tiram fotos muito boas. Se você planeja direito, você pode obter grandes headshots.
8. menos é mais. Em caso de dúvida, vá mínimo.

se você quiser ir mais fundo com o web design, dê uma olhada no blog do Wix. Existem infinitos tutoriais e guias sobre designs fáceis de digerir.

quais elementos os bons sites têm em comum?

1. Arte bonita

o logotipo e a seleção de imagens são cruciais para obter um site de aparência profissional. Hoje você pode facilmente encontrar um monte de fotos gratuitas: os melhores para conferir São Unsplash e Creative Commons.

além disso, você pode encontrar fotos mais profissionais (a partir de US $1) em muitos outros sites ,como E. Aqui estão algumas ótimas opções de fotos gratuitas.

é importante ter certeza de que você entende os formatos de imagem disponíveis:.gif, .jpg E.png são os principais formatos. Além disso, você deve otimizar o tamanho e a qualidade da imagem para o navegador padrão da web. Tudo o que você precisa saber sobre este tópico pode ser encontrado aqui.

Antes de enviar imagens para o seu site, use serviços como TinyPNG ou ShortPixel para compactar suas fotos gratuitamente. Embora o olho humano dificilmente reconheça qualquer mudança na imagem, ele acelerará seu site e melhorará a experiência do Usuário para seus visitantes. Claro, os motores de busca adoram sites de carregamento rápido também!

da mesma forma, será útil ter um programa de edição para poder editar e alterar o tamanho das imagens. Uma opção profissional e gratuita é o Gimp, no entanto, é bastante complicado de usar. Outras alternativas do Photoshop são Affinity Photo e Acorn, que custam apenas uma fração do preço do original e não exigem uma assinatura.

mas há cada vez mais ferramentas que você pode usar para criar recursos gráficos de forma simples e sem ter que aprender a usar o Photoshop ou o Illustrator. Por exemplo, você pode usar estêncil ou Snappa.

2. Cópia profissional

lembre-se de que escrever para um site não é o mesmo que escrever uma carta ou um livro. Na web, tendemos a ser menos formais e, ao mesmo tempo, precisamos ajudar indivíduos ocupados a encontrar as informações de que precisam rapidamente. Isso significa que temos que tornar nosso conteúdo escaneável:

• usando uma estrutura de título que faz sentido,
• não deixando os parágrafos de texto ficarem muito longos,
• adicionando pontos de bala e
• escolhendo fontes fáceis de ler.

na verdade, escrevemos um guia inteiro sobre esse tópico, que você pode encontrar aqui. Também é essencial já manter as melhores práticas de SEO em mente nesta fase. Dependendo do tamanho do seu site, você deve encontrar pelo menos três termos de pesquisa principais para os quais deseja classificar no topo do Google.

3. Formulário de contato e um menu de navegação que faz sentido

Para dar uma impressão profissional de seus visitantes, você deve usar um formulário de contato em vez de um endereço de e-mail. Felizmente, é fácil integrar formulários de contato com soluções como wix, Squarespace ou WordPress.

Lembre-se de que o seu website a barra de navegação é crucial para os visitantes para ir de uma página para outra. Preste atenção e certifique-se de que ele flua logicamente. Por exemplo, se o seu objetivo é que os usuários enviem uma mensagem através do formulário de contato, esquecer de vinculá-la no menu ou rodapé da página seria uma falha épica.

certifique-se de fazer um teste antes de publicar seu site!

passos para configurar um site

para recapitular, aqui está o seu plano de ação:

1. Planeje seu site e encomende as ideias em um mapa mental.
2. Compre o nome de domínio, por exemplo em Namecheap (mas você também pode comprá-lo depois).
3. escolha o melhor construtor de sites ou CMS.
4. Crie o conteúdo (por exemplo, textos e imagens) para cada página (seguindo as melhores práticas de SEO).
5. adicione o conteúdo ao seu site e configure ferramentas de análise.
6. publique e promova a página.

obviamente, cada um dos pontos acima pode ser construído em muito mais. Temos um ebook (gratuito) onde você pode obter informações adicionais.

seu site está pronto. E agora?

se você já criou seu site e o publicou, pode começar a promovê-lo e otimizá-lo para aumentar as visitas e melhorar a experiência do Usuário.

• Atualize seu site: sites não são livros. Uma vez publicados, eles ainda podem ser atualizados. Certifique-se de criar conteúdo novo e relevante quando tiver a chance e de atualizar constantemente o site. Por exemplo, imagine o site de um restaurante: se o menu mudar, ele deve ser refletido no site o mais rápido possível.
• posicionamento Online: Para atrair o máximo de visitantes possível, você terá que otimizar ainda mais o SEO do seu site. Isso não é muito complicado, mas requer tempo e trabalho. Confira este guia para mais informações.
• análise da Web: seus esforços no posicionamento on-line (ponto acima) serão inúteis se você não medir o tráfego do seu site. É assim que você saberá se está funcionando ou não. A ferramenta de análise de sites mais popular é o Google Analytics. E é grátis!

• obviamente, depois de publicar seu site, você deve se registrar no Google Search Console para notificar o Google de que sua página existe e obter informações. Ou pelo menos envie o URL (endereço) do seu site para o Google para que ele possa indexá-lo.
• Email Marketing: outra estratégia usual, especialmente para as empresas, é Enviar E-mails regulares para seus visitantes para não perder contato. Isso é especialmente útil para lojas online, pequenas empresas e blogueiros. E-mail marketing é uma ciência em si. Você pode ler este guia de instruções para encontrar mais informações sobre como começar a enviar boletins informativos.Facebook, Instagram, Twitter, LinkedIn, etc.
• mídias sociais: finalmente, a maioria dos sites também tem perfis de mídia social (por exemplo, Facebook, Instagram, Twitter, LinkedIn, etc. para poder interagir com seus visitantes (e potenciais visitantes) fora do site que você criou. Isso funciona especialmente bem para profissionais visuais, como ilustradores, joalheiros ou fotógrafos.

espero que este pequeno guia tenha ajudado você a entender como criar um site do início ao fim.

Avançar para o guia você estava lendo só agora nós também temos um casal de indústria-guias específicos, bem como:

1. a criação de um site para pequenas empresas e empreendedores
2. Guia para iniciar um site de comércio eletrônico
3. construtores de Site para artistas (por exemplo, artistas e designers)
4. Como criar um portfólio online
5. Criação de fotografia sites
6. Criar um site com o WordPress