Articles

How to Set up a Website in 2021: An Updated Beginner’s Guide

Tips to create a website

Setting up your own website is much easier than you think. Cada vez mais pessoas querem ter sua própria presença online. Facebook Instagram, Facebook ou Twitter não precisam de depender exclusivamente de um perfil no Instagram.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:Será que preciso de competências técnicas?

isto depende do propósito 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 Website. Se você pode usar Word, Facebook ou PowerPoint, você será capaz de usar essas ferramentas sem qualquer problema. Estas plataformas de fácil utilização oferecem um editor visual, hospedagem, e você pode obter um nome de domínio através deles: um balcão único.

como configurar um site: 5 passos para começar

a maioria dos projetos do site passam por estes passos:

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

As 3 formas mais populares para criar um site

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

configurar 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 fornece o modelo (design), editor, hospedagem, nome de domínio, endereço de E-mail e suporte. O Web builder cuida das tarefas difíceis.

isto não é apenas útil para iniciantes. Depende simplesmente do projecto. Porquê complicar a tua 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 (e.g. yourname.sitebuildername.com), que é apoiado pelo ad. Usando tal plano você pode tentar em detalhe antes de decidir se o custo vale a pena.

os preços começam em torno de $ 8 / mês, mas inclui todos os elementos essenciais. Se você não precisa particularmente de um endereço de E-mail, ele pode ser ainda mais barato.

para melhor entender exatamente como ele funciona, por favor, observe o nosso tutorial passo a passo para a criação do site!

alguma vez se perguntou o quão difícil é criar um site? Temos boas notícias, é muito fácil! Confira aqui o nosso tutorial completo:… Como criar um site? Aprenda em menos de 5 minutos! 2018-08-09T09: 41: 25.000 Z https://i.ytimg.com/vi/FXNSB-XmtLY/default.jpg

Pros:

  • é muito fácil de usar.você não precisa de software adicional.pode começar sem conhecimento técnico.
  • atualizações e aspectos de segurança são tratados pelo próprio construtor do site.
  • modelos predefinidos de desenho que pode adaptar como quiser

Cons:

  • nem sempre pode adicionar funcionalidades adicionais (dependendo do construtor do website).
  • não é tão flexível uma vez que você é dependente do provedor.
  • eles não são projetados para projetos muito complicados que exigem uma base de dados (e.g. um trabalho ou diretórios de imóveis)

os mais conhecidos construtores de sites são Wix, Weebly, e Shopify (para lojas online). Você vai encontrar outros construtores de sites em nossa comparação completa.

pode tentar o construtor do website Wix de graça e durante o tempo que quiser.

Try Wix free

Creating a website with a content management system

Content management systems (CMS) are a bit more complicated. Apesar de funcionarem essencialmente da mesma forma que um construtor de sites, são muito mais difíceis de usar.

com um construtor de website, não só você pode adicionar conteúdo simples como textos e imagens, mas você 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.

enquanto há uma abundância de sistemas como Joomla!, Drupal e Typo3, vamos nos concentrar no CMS mais popular, que é WordPress. Graças a empresas de hospedagem que oferecem uma instalação de 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 quais as empresas de hospedagem web que recomendamos para WordPress aqui.

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, domínio, endereço de E-mail, instalação e nível de suporte que você escolher dependerá do quanto você deseja gastar e do seu conhecimento técnico. Pode ser muito barato se o fizeres tu mesmo.

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

Por padrão, o WordPress é projetado para ser em uma única língua, mas existem plugins, como WPML, que permitem traduzir a página. Outro dos meus favoritos é o plugin Yoast SEO, que lhe permite alterar as configurações do motor de busca (por exemplo, Google).

no nosso vídeo introdutório, damos uma olhada no que você precisa considerar se você está configurando WordPress.

vamos verificar rapidamente como instalar o WordPress usando a hospedagem do SiteGround. SiteGround é um dos principais provedores de hospedagem para Sites WordPress. Podes tentar … Saiba como instalar o WordPress com o SiteGround hospedando 2019-10-23T07:54: 23.000 Z https://i.ytimg.com/vi/XMLMT_mKZhQ/default.jpg

pode se inscrever para Siteground aqui.

prós:

  • Pode escolher a empresa de acolhimento.
  • ótimo para sites de várias línguas.
  • flexibilidade técnica: você pode acessar o código fonte inteiro (se você sabe o que está fazendo).
  • você pode obter mais recursos com plugins.

Cons:

  • sem suporte técnico pessoal.a liberdade criativa depende do modelo.
  • Pode ter custos adicionais para os plugins.pode precisar de um programador 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 WordPress, então não vamos entrar nisso. Você vai encontrar mais informações sobre WordPress em nosso guia de Iniciantes WordPress.

    como programar você mesmo um site (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 de ser eles a fazer a página. Você precisa de paciência para isso, e para os iniciantes, é geralmente esmagadora (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 viagem antes de seu site estar pronto.

    neste caso, não é possível dar um preço em geral, uma vez que depende do projeto. Acima de tudo, será muito mais caro se você precisar contratar um programador: pagar os $8-10 por mês para um construtor de site será sempre mais barato do que o que qualquer designer ou agência vai cobrar por uma hora de trabalho.

    alguns favoritos são NetBeans, Aptana Studio ou Suportes. Todos permitem pelo menos HTML, CSS, JavaScript, PHP, e são livres. Outra opção é Webflow, que é um editor de código-fonte visual.

    suportes editor de código fonte

    suportes editor de código fonte

    Suportes de imagem

    Prós:

    • As possibilidades são ilimitadas, se você sabe como programar.Hospedagem Amigável.flexibilidade máxima.

    Cons:

    • sem suporte.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 livre (que parece bastante feio como ele terá o nome de outra empresa nele), você precisa comprar o seu próprio domínio. Isto irá 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).

    domínio

    domínio

    Nosso próprio nome de domínio

    não Há escassez dos chamados registradores que vendem nomes de domínio. Nós mesmos principalmente comprá-los na Namecheap como eles são, bem, muito barato, mas as diferenças não são tão significativas como eles variam de $9-18 por ano.

    mas dependendo de onde você constrói seu site, você pode obtê-lo também incluído no seu pacote construtor de site. 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 a Namecheap, por exemplo, mas a conveniência adicional de apenas ter que lidar com uma empresa normalmente vale a pena.se estiver a utilizar WordPress.org ou construir o site você mesmo,Você também terá que organizar o seu próprio armazenamento web. Isto pode ser comprado no mesmo lugar onde você obtém seu nome de domínio de ou em outra empresa especializada como Siteground ou WPEngine. Mas se estás apenas a começar, isto não vai importar muito por agora.dica: se também precisar de endereços de E-mail, pode experimentar o Zoho Workplace. É um serviço semelhante ao do Google Workspace, mas o Zoho também apresenta um plano gratuito.

    Design e planejamento de um site

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

    mente mapa do site

    mente mapa do site

    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 a sua navegação.

    dicas para planear o seu website:

    1. Use um papel e uma caneta e escreva tudo o que quiser no website. Brainstorming e criar um mapa da mente 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. Note o que você gosta e o que você não gosta.
    3. Uma vez que você tem 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 o 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.bónus: Se você quiser posicionar – se bem nos motores de busca, Este é o momento em que você deve descobrir que palavra-chave cada página terá, e adicioná-los à lista no ponto 4. Leia este guia SEO para mais informações.

    e o design do website?Criar web designs visuais não é tarefa fácil. Na verdade, eu diria que online, Há mais exemplos de projetos terríveis do que bons. Não deixes que o teu site seja um.tal como os jeans bell bottom eram elegantes nos anos 70, eram ridículos nos anos 80 e 90. o mesmo acontece com o web design. Há que ter presente que aquilo que foi considerado uma boa prática há cinco anos, pode agora parecer um pouco velho ou desactualizado. Confira este artigo para saber que práticas evitar.

    Este não é um guia para designers profissionais, mas irá dar-lhe algumas dicas que eu acho que sempre funciona:

    1. tente usar uma cor de luz (ou branco) para o fundo.
    2. Escolha cores atraentes que se complementam. Use a cor do Adobe se precisar de Ajuda.
    3. mantenha o design limpo, simples e deixe espaço branco entre os elementos. Mais informações..
    4. Não use muitos tipos de letra: um para os títulos e outro para o texto é geralmente suficiente. Este guia ajudá-lo-á a escolher.
    5. mantenha o estilo e o formato consistentes. Os usuários não devem notar quaisquer diferenças entre suas páginas. Não cries um Frankenstein.
    6. seu site também deve ser perfeitamente adaptado para dispositivos móveis.todas as imagens que adicionar devem parecer profissionais. Não upload uma selfie que você tomou na frente de um espelho da casa de banho. Lembre-se que os smartphones de hoje tiram fotos muito bonitas. Se planeares bem, podes ter óptimas fotos.menos é mais. Em caso de dúvida, é mínimo.

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

    quais os elementos que os bons sites têm em comum?

    1. Arte de grande aparência

    O logotipo e seleção de imagem são cruciais para obter um site de aparência profissional. Hoje você pode facilmente encontrar cargas de fotos de estoque grátis: o melhor é verificar Creative Commons.

    cc search

    cc search

    além disso, você pode encontrar fotos mais profissionais (começando $1) em um monte de outros sites, como o estoque de Adobe e . Aqui estão algumas grandes opções de fotos grátis.

    é importante certificar-se de que compreende os formatos de imagem disponíveis: .gif .jpg and .png são os principais formatos. Além disso, você tem que otimizar o tamanho e qualidade da imagem para o navegador padrão da web. Tudo o que você precisa saber sobre este tópico pode ser encontrado aqui.

    claro, você pode sempre usar sites como TinyPNG ou ShortPixel para comprimir suas fotos gratuitamente.

    da mesma forma, será útil ter um programa de edição para ser capaz de editar e alterar o tamanho das imagens. Uma opção profissional e livre é Gimp, no entanto, é bastante complicado de usar. Outra alternativa do Photoshop é a foto de afinidade, que custa apenas uma fração do preço do original e não requer uma assinatura.

    mas há cada vez mais ferramentas que você pode usar para criar recursos gráficos simplesmente e sem ter que aprender a usar o Photoshop ou ilustrador. Por exemplo, você pode usar Stencil ou Snappa.

    estêncil

    estêncil

    2. Cópia profissional

    lembre-se 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 os indivíduos ocupados a encontrar a informação que eles precisam rapidamente. Isso significa que temos de tornar o nosso conteúdo scannable por:

    • usando uma estrutura de manchete que faz sentido,
    • não deixando que os parágrafos de texto fiquem muito longos,
    • adicionando pontos e
    • escolhendo fontes que são fáceis de ler.

    nós realmente escrevemos um guia inteiro em torno deste tópico, que você pode encontrar aqui.3. Formulário de contato e um menu de navegação que faz sentido

    para dar uma impressão profissional aos seus visitantes, você deve usar um formulário de contato em vez de um endereço de E-mail. É muito fácil integrar formulários de contato com soluções como Wix, Jimdo, Weebly ou WordPress.

    formulário de contato

    formulário de contato

    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 a ele e certifique-se de que ele flui logicamente. Por exemplo, se o seu objectivo é que os utilizadores lhe enviem uma mensagem através do formulário de contacto, esquecendo-se de lhe ligar no menu ou no rodapé da página seria uma falha épica.certifique-se de que também faz um teste antes de publicar o seu website!

    Steps for setting up a website

    We can break down the website creation process into the following steps:

    1. Plan your website and order the ideas in a mind map.
    2. decida que Conteúdo precisa para o seu site.
    3. Compre o nome de domínio, por exemplo no Namecheap (mas você também pode comprá-lo depois).
    4. escolha o melhor construtor de website.
    5. Crie o conteúdo (por exemplo, textos e imagens) para cada página.
    6. adicione o conteúdo ao seu site e otimize o SEO.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 mais informações.

      o seu website está disponível. E agora?

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

      • actualize o seu website: Os Websites não são livros. Uma vez publicados, eles ainda podem ser atualizados. Certifique-se de que você cria conteúdo novo e relevante quando você tem a chance e que você está constantemente atualizando 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 ON-LINE: para atrair o máximo de visitantes possível, você terá que otimizar o SEO do seu site. Isto não é muito complicado, mas requer tempo e trabalho. Confira este guia para mais informações.análise Web: os seus esforços em posicionamento online (acima do ponto) serão inúteis se não medir o tráfego do seu site. É assim que vais saber se está a funcionar ou não. A ferramenta de análise do site mais popular é o Google Analytics. E é grátis!

      google submit URL

      google submit URL
      • claro, uma vez que publique o seu website, deverá registar-se na consola de pesquisa do Google para notificar o Google de que a sua página existe e obter informações. Ou, pelo menos, enviar o URL (endereço) do seu site para o Google para que ele possa indexá-lo.
      • Email Marketing: outra estratégia habitual, especialmente para as empresas, é Enviar E-mails regulares aos seus visitantes para não perder o contacto. Isto é especialmente útil para lojas online, pequenas empresas e blogueiros. O Email marketing é uma ciência em si. Você pode ler este guia como-para encontrar mais informações sobre como começar a enviar newsletters.Facebook, Instagram, Twitter,LinkedIn, etc. ) ser capaz de interagir com seus visitantes (e potenciais visitantes) fora do site que você criou. Isto funciona especialmente bem para profissionais visuais, como ilustradores, joalheiros ou fotógrafos.

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

      a seguir o guia que 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 uma loja online
      3. construtores de Site para artistas (por exemplo, artistas e designers)
      4. Criação de fotografia sites
      5. Criar um site com o WordPress