Como construir um site com Squarespace

Você precisa construir um site profissional e quer fazê-lo de forma rápida, fácil e relativamente barata. Você começa a olhar para as plataformas de construtores de sites disponíveis e percebe que existem dezenas delas que parecem prometer a mesma coisa.

Então isso significa que qualquer um servirá?

Não, não. Às vezes, a melhor maneira de descobrir qual sistema de gerenciamento de conteúdo (ou qualquer software realmente) é a melhor solução para você é vê-lo em ação.

Neste post, mostrarei o processo básico de construção de um site com o Squarespace. Isso lhe dará uma boa ideia de como o construtor é fácil de usar, a que tipo de recursos do site você tem acesso e muito mais.

Foi há quase 10 anos, quando Squarespace começou a fazer comerciais com algumas estrelas de renome – como John Malkovich, Jeff Bridges e, mais recentemente, Zendaya. Meu anúncio favorito, no entanto, foi aquele em que Keanu Reeves comunga com a natureza e explica o processo de construção do site:

Reeves simplificou um pouco o processo, mas tudo bem. Vamos preencher algumas das lacunas para ele agora:

O processo para começar com o Squarespace é simples. Clique no Iniciar botão no site.

Preencha um pequeno questionário e o construtor de sites saberá mais sobre o tipo de site que você pretende construir. No final, você encontrará todos os modelos de sites do Squarespace disponíveis. Classifique todos eles ou filtre os resultados por nicho:

Depois de escolher um modelo, o Squarespace solicitará que você crie um login com e-mail, Google, Apple ou Facebook. Preencha o formulário e o Squarespace começará a carregar seu novo site.

Antes de entrar no construtor, o Squarespace vai querer que você dê um nome ao seu site. Tudo bem se você ainda não estiver 100% determinado em um nome, pois poderá alterá-lo mais tarde (mostrarei onde fazer isso em uma etapa diferente).

Depois que o construtor for carregado, localize o painel do construtor à esquerda e vá para Projeto e Estilos de sites. A partir daqui, você pode criar rapidamente um estilo global para o seu site:

• Fontes
• Cores
• Animações
• Espaçamento
• Botões
• Imagens

Use as predefinições que acompanham seu modelo do Squarespace, faça pequenos ajustes nelas ou programe-as completamente personalizadas.

Embora o logotipo seja uma parte crucial da marca do seu site, você não poderá atualizá-lo aqui. No entanto, em vez de pular para frente e para trás entre os diferentes painéis, lidaremos com o logotipo em uma etapa posterior, quando trabalharmos no cabeçalho.

Um dos benefícios de começar com um modelo do Squarespace – mesmo que você pretenda substituir a maior parte do conteúdo – é poder iniciar uma base bem construída e responsiva. As páginas mais importantes estão lá esperando por você. Além disso, o conteúdo e os recursos que devem estar presentes em cada página provavelmente foram contabilizados.

Para personalizar as páginas de modelo, vá para o Páginas painel:

As páginas que dizem “DEMO” ao lado delas serão simples no design. A maioria está cheia de Lorem Ipsum conteúdo de enchimento também. Portanto, planeje editar pesadamente essas páginas.

Começando, porém, volte sua atenção para o Casa página. Se você conseguir definir a aparência e as mensagens desta página, será muito mais fácil personalizar o resto.

Selecionar Casa na lista de páginas e, em seguida, clique no botão Editar botão no canto superior esquerdo da tela. Isso abrirá o construtor visual onde você pode:

• Adicione, exclua, modifique ou mova seções.
• Adicione, exclua ou edite blocos.
• Adicione novas imagens — suas próprias imagens ou importe rapidamente imagens de estoque de dentro do construtor.
• Personalize o conteúdo.
• Edite o formato de cada seção.
• Configure elementos críticos, como botões e formulários de call-to-action.
• Faça uma verificação responsiva e faça personalizações específicas para dispositivos móveis.

Quando terminar de fazer suas atualizações, clique no botão Feito botão no canto superior esquerdo para salvar suas alterações e sair do construtor.

Além de personalizar as páginas pré-criadas, você também pode adicionar novas Páginas painel.

Para adicionar páginas diretamente à navegação, clique no sinal de mais ao lado do Navegação Principal etiqueta. Para adicionar páginas publicadas, mas não exibidas na navegação, clique no sinal de mais ao lado de Não ligado.

Squarespace permitirá que você crie vários tipos de páginas. Por exemplo:

• Páginas básicas
• Layouts de estrutura de arame
• Formulários de agendamento

Também permitirá que você construa “coleções”. Estas são áreas do site onde você adicionará regularmente novos conteúdos. Por exemplo:

• Blogue
• Armazenar
• Portfólio
• Eventos
• Vídeos (cursos ou produtos)

Seja o que for que você escolher criar, o Squarespace fornece modelos e layouts pré-criados para cada um.

Não há muito controle que o Squarespace oferece sobre a otimização do mecanismo de pesquisa, mas você deve aproveitar as poucas ferramentas que possui. Você encontrará alguns deles dentro do Páginas painel.

Passe o mouse sobre cada uma de suas páginas, uma de cada vez. Clique no widget de engrenagem que aparece e, em seguida, percorra o Em geral e Social definições:

Debaixo Em geralpreste muita atenção ao seguinte:

• Título da página é o título que aparece nas páginas de resultados de pesquisa.
• Título de navegação é o título curto e descritivo que aparece no cabeçalho do seu site e é importante para a experiência do usuário.
• Slug de URL é a parte do hiperlink que descreve a página. Se possível, a palavra-chave deve aparecer nele.

Debaixo Imagem social, carregue uma imagem única e visualmente descritiva para cada página do seu site. É importante definir sua própria imagem em destaque para que não fique para as redes de mídia social (ou pessoas compartilhando seu conteúdo) descobrir quais imagens devem ser associadas às suas páginas.

Não há nenhum SEO configurações para configurar a partir deste Configurações da página Aparecer. No entanto, se você clicar no link na guia SEO, ele o levará ao Marketing painel.

De SEO painel, você pode definir as regras básicas de como sua página inicial, páginas internas e títulos de itens aparecem nos resultados de pesquisa. O Squarespace também permite que você escreva uma descrição personalizada para sua página inicial (e site como um todo).

Outra coisa que pode ser feita para melhorar o SEO é específica para negócios locais. Abra o Definições painel e vá para Informação de negócios. Insira todos os detalhes relevantes para sua empresa — número de telefone, e-mail, endereço físico e horário de funcionamento.

Dependendo de como seu modelo está configurado, pode haver campos que originam dados desta página e os colocam automaticamente no front-end do seu site.

O cabeçalho do site pode ser personalizado ao editar qualquer uma de suas páginas. Com suas páginas redesenhadas e personalizadas, agora você pode entrar e personalizá-las.

Primeiro, vá para o Páginas painel. Se houver páginas sob Não ligado que devem aparecer na navegação, arraste-os e solte-os acima. Você também pode usar arrastar e soltar para reordenar seus links de navegação.

Existem configurações de navegação adicionais que você pode precisar aqui:

• Para excluir páginas desnecessárias, clique no widget de engrenagem ao lado da página e clique em Excluir página.
• Para adicionar links externos à sua navegação (o que não é o ideal, mas você ainda pode fazê-lo), clique no símbolo de mais e Link (debaixo Mais opções).
• Para organizar sua navegação em diferentes níveis ou categorias, clique no símbolo de mais e Pasta (também debaixo Mais).

Depois que sua navegação estiver definida, trabalhe no design do seu cabeçalho, começando pelo logotipo. Qualquer que seja a página que você selecionou, clique no Editar botão. Em seguida, passe o mouse sobre a área do cabeçalho e clique no botão Editar cabeçalho do site botão que aparece.

Dentro do editor de cabeçalho, você pode fazer coisas como:

• Edite o título do seu site.
• Carregue um logotipo para desktop e celular.
• Altere o estilo de transparência do cabeçalho.
• Altere o layout dos elementos nos cabeçalhos de desktop e mobile.
• Adicione um botão de apelo à ação.
• Adicione um ícone de carrinho de compras.
• Adicione ícones de mídia social.
• Faça o cabeçalho fixo.

Quando terminar, salve suas alterações e o cabeçalho será atualizado em todo o site.

O Squarespace é uma plataforma hospedada, o que significa que você não precisa se preocupar em encontrar um provedor de hospedagem na web para armazenar seu site. O que você precisa se preocupar, no entanto, é obter um nome de domínio.

O Squarespace permitirá que você use a plataforma gratuitamente por 14 dias para criar seu site. No entanto, se você quiser que seu site se torne público, deverá atualizar para um plano pago.

Para fazer isso, vá para o painel Configurações e clique em Disponibilidade do site. Existem três opções disponíveis:

1. Público está disponível com uma atualização paga.
2. Protegido por senha é útil para compartilhar um trabalho em andamento com membros da equipe ou um cliente.
3. Privado é bom para trabalhar em um site sem olhares indiscretos verificando o que você está fazendo.

Para publicar seu site e obter um nome de domínio para ele, clique no botão Atualizar para publicar botão.

Atualmente, existem quatro planos disponíveis. Você pode pagar mensalmente ou anualmente. Independentemente do plano escolhido, um domínio personalizado gratuito e certificado SSL (o que é essencial para a segurança e SEO) vêm com ele.

Revise as opções para encontrar o plano que melhor se adapta às suas necessidades. O tamanho da sua equipe, as integrações necessárias e os recursos que deseja adicionar afetarão sua seleção.

Clique no Selecionar botão para o que você deseja e conclua o processo de checkout. Quando terminar, você poderá configurar seu nome de domínio personalizado e transformar seu site de Privado para Público.

É importante fazer sua pesquisa ao selecionar um sistema de gerenciamento de conteúdo para criar e gerenciar seu site. Há muito mais a considerar do que apenas o preço ou até mesmo a popularidade da plataforma.

Você usará essa plataforma para fazer coisas como atualizar seu conteúdo, publicar postagens de blog, adicionar produtos à sua loja, enviar campanhas de e-mail, monitorar o tráfego do site e muito mais. Então você vai precisar de algo que você se sinta confortável em usar e que vem com todos os recursos que você precisa.

A melhor maneira de decidir se o Squarespace (ou uma plataforma diferente) marca essas caixas é vê-lo em ação. Embora eu tenha fornecido várias capturas de tela e vídeos que descrevem as seis etapas simples necessárias para colocar um site profissional em funcionamento com o Squarespace, é uma boa ideia experimentá-lo em primeira mão também. E o Squarespace oferece 14 dias para fazer exatamente isso.