Lista de verificação de lançamento do site: as 7 principais coisas a fazer antes de ir ao ar

Nós AMAMOS listas de verificação. E embora saibamos que o lançamento de um novo site pode ser emocionante, também pode ser um esforço estressante para qualquer pessoa, seja você experiente ou não. Em vez de se preocupar com um punhado de coisas que podem dar terrivelmente errado ao lançar seu site, não seria bom ter uma lista de verificação útil para consultar antes de ir ao ar? Você está com sorte!

Entendemos que a maioria dos consultores financeiros tem pouca ou nenhuma experiência com design de sites, o que pode tornar a construção de seu próprio site uma ideia muito intimidante. Mesmo que você tenha uma ideia básica de como a web funciona, muitas vezes pode ser caro e demorado criar um site por conta própria.

É por isso que desenvolvemos a plataforma Twenty Over Ten não apenas com o usuário final em mente, mas também com o construtor – você! Nosso intuitivo CMS (Content Management System) oferece as ferramentas para gerenciar seu site de forma autônoma como um profissional. É fácil de usar, fácil de usar e repleto de recursos poderosos para iniciantes e especialistas!

Lista de verificação de pré-lançamento

Item #1 Adicionar um título de site

A página inicial do seu site é de longe a página mais pesada em todo o seu site. Portanto, é crucial que você escolha um título de destaque para o seu novo site. O título do seu site aparecerá nos resultados da pesquisa, nas barras do navegador e nas notificações de formulário. Nós entendemos – criar um título de site pode ser uma coisa assustadora de se fazer. Essa é a primeira coisa que os clientes em potencial verão quando chegarem ao seu site.

O título do seu site é a sua marca. Seja claro sobre o objetivo do seu site e reserve um tempo para desenvolver um título de site bem elaborado para ajudar sua empresa de planejamento financeiro a se destacar da concorrência. Escolher um bom título de site também ajudará a informar aos visitantes sobre o que é seu site e o que eles podem esperar encontrar quando chegarem ao seu site.

ADICIONANDO UM TÍTULO DE SITE:

Etapa 1: acesse as “configurações do site” na parte inferior da barra lateral.

Etapa 2 (carregar um arquivo de logotipo): Use o botão “carregar logotipo” para importar um arquivo. Os tipos de arquivo .svg, .png ou .jpeg são os preferidos.

Etapa 3 (Adicionar um logotipo): Se você não tiver um logotipo específico, use a ferramenta “título do site” e digite o nome desejado (lembre-se de que isso será exibido como seu logotipo nas páginas do seu site).

Etapa 4: Se você usar a ferramenta “título do site”, use a ferramenta “fonte do logotipo” para alterar a fonte do logotipo para corresponder à sua marca desejada.

Item #2 Adicionar títulos de página

As tags de título aparecem na parte superior do navegador que você está usando e é importante tanto para a experiência do usuário quanto para o SEO. Adicionar e personalizar os títulos das suas páginas não apenas fornecerá mais informações aos visitantes do site, mas também ajudará a fornecer aos mecanismos de pesquisa, como o Google, mais informações sobre as páginas do seu site e as informações que elas contêm.

A tag de título de uma página da web deve ser uma descrição precisa e concisa do conteúdo de uma página. No exemplo abaixo, “Cleveland, OH | Consultora Financeira Feminina | Glass Financial é a tag de título. De uma perspectiva de SEO, as tags de título devem ser formatadas da seguinte forma: Palavra-chave Primária – Palavra-chave Secundária | Nome da marca . Você pode ver onde a empresa está localizada, uma palavra-chave que descreve o consultor ou empresa e o nome da empresa.

PERSONALIZAÇÃO DE UM TÍTULO DE PÁGINA:

Item nº 3 Adicionar metadados a todas as páginas e postagens do blog

As meta descrições explicam aos mecanismos de pesquisa e aos pesquisadores sobre o que é o seu site. Incluir meta descrições atraentes em seu site muitas vezes pode ser o fator determinante se alguém clicar em seu site ou não na SERP (página de resultados do mecanismo de pesquisa), especialmente se você estiver incluindo palavras-chave que o pesquisador está procurando.

O cliente Twenty Over Ten, Forward Thinking Wealth Management, fez um ótimo trabalho ao incluir uma descrição de metadados não apenas na tag de título principal, mas também nos subtítulos.

Aqui está o problema e onde vemos a maioria dos conselheiros escorregar. Os metadados precisam ser adicionados a cada página do seu site. Isso inclui páginas principais, páginas de destino e postagens de blog também!

ADICIONANDO METADADOS ÀS SUAS PÁGINAS DA WEB:

ADICIONANDO METADADOS ÀS POSTAGENS DO SEU BLOG:

Passo 1: Acesse seus “gerenciar posts” na barra lateral (ícone A).

Etapa 2: selecione a postagem do blog à qual você deseja adicionar metadados.

Etapa 3: role para baixo até chegar à caixa de descrição de SEO e adicione seu conteúdo.

Etapa 4: seus metadados devem ser uma breve descrição de 1-2 frases (rica em palavras-chave) do conteúdo que aparece nesse post de blog específico. Depois de adicionar o conteúdo de sua escolha, clique no botão Salvar.

Item nº 4 Formulários de conexão

Você tem um formulário na sua página de contato? É importante preencher cada um deles para garantir que cada campo do formulário esteja funcionando corretamente. Ao clicar em enviar ou enviar, você também deve verificar se a confirmação correta ou a página de agradecimento aparece. Por fim, verifique seu e-mail com o qual você se inscreveu para garantir que sua solicitação foi enviada com sucesso. Não há nada mais enlouquecedor para os visitantes do seu site do que preencher um formulário que não funciona e, como proprietário de uma empresa, você quer garantir que está capturando esses leads também!

ADICIONANDO DADOS DO FORMULÁRIO DE CONEXÃO:

1) Renomear campos padrão

Etapa 1: Para editar os nomes de campo padrão do seu formulário, primeiro você precisa estar logado e na tela EDITAR. A partir daqui, navegue até a(s) página(s) com o seu formulário e clique no conteúdo da sua página para ativar a caixa de ferramentas do editor:

Passo 2: A partir daqui, selecione o ícone </> na caixa de ferramentas de edição:

Etapa 3: Isso muda para o que chamamos de “Visualização de código” do conteúdo da sua página. O que você está vendo é o código real do site para esta página. Dentro deste código, encontre onde seu formulário está localizado, deve ser algo assim:

Etapa 4: para cada campo, há duas áreas que você pode alterar para personalizar seus campos padrão. Este será o Texto do Rótulo e o Nome do Campo do campo.

Então, digamos que você queira alterar o campo "Telefone" para "Seu número de telefone" :

 < div class = " form-item " > < label > Phone </ label > < input class = " form-control " name = " contact[phone] " type = " text " /> </ div >

 < label > Phone </ label >

Que pode ser alterado para:

 < label > Your Phone Number </ label >

Em seguida, você desejará alterar o Nome do campo, procure algo como o seguinte:

 < input class = " form-control " name = " contact[phone] " type = " text " />

Dentro do código de campo, você verá o seguinte:

 name="contact[phone]"

O nome do campo está entre colchetes [] . Então você mudaria isso para:

 name="contact[your-phone-number]"

Etapa 5: Quando terminar, clique no ícone </> no canto superior direito da visualização de código para voltar ao editor visual e ver seu formulário atualizado!

2) Adicionar texto de linha única

Um campo de texto de linha única é útil para coletar texto inserido pelo usuário para respostas curtas de 2 a 5 palavras (ou seja, nome da empresa, idade, CEP etc.)

Passo 1: Para adicionar isso, primeiro você precisa estar logado e na tela EDITAR. A partir daqui, navegue até a(s) página(s) com seu formulário e clique no conteúdo da página para ativar a caixa de ferramentas do editor e clique no ícone </> para ativar a “Visualização de código”.

Etapa 2: dentro deste código, encontre onde seu formulário está localizado, deve ser algo assim:

Etapa 3: cada campo está contido neste código: <div class="form-item"> ... </div> , portanto, certifique-se de colar o código que você copiou acima para que ele fique antes ou depois do código do outro campo .

Etapa 4: Você desejará alterar o Texto do rótulo e o Nome do campo deste campo, conforme descrito na primeira seção acima.

3) Adicionar texto de várias linhas

Campos de texto de várias linhas são ótimos para perguntas de formato longo.

Passo 1: Para adicionar isso, primeiro você precisa estar logado e na tela EDITAR. A partir daqui, navegue até a(s) página(s) com seu formulário e clique no conteúdo da página para ativar a caixa de ferramentas do editor e clique no ícone </> para ativar a “Visualização de código”.

Etapa 2: dentro deste código, encontre onde seu formulário está localizado, deve ser algo assim:

Etapa 3: cada campo está contido neste código: <div class="form-item"> ... </div> , portanto, certifique-se de colar o código que você copiou acima para que ele fique antes ou depois do código do outro campo .

Etapa 4: Você desejará alterar o Texto do rótulo e o Nome do campo deste campo, conforme descrito na primeira seção acima.

4) Adicionar menu suspenso de seleção

Os campos de seleção suspensa são ótimos para opções longas e predefinidas.

Passo 1: Para adicionar isso, primeiro você precisa estar logado e na tela EDITAR. A partir daqui, navegue até a(s) página(s) com seu formulário e clique no conteúdo da página para ativar a caixa de ferramentas do editor e clique no ícone </> para ativar a “Visualização de código”.

Etapa 2: dentro deste código, encontre onde seu formulário está localizado, deve ser algo assim:

Etapa 3: cada campo está contido neste código: <div class="form-item"> ... </div> , portanto, certifique-se de colar o código que você copiou acima para que ele fique antes ou depois do código do outro campo .

Etapa 4: você desejará alterar o texto do rótulo e o nome do campo deste campo, conforme descrito na primeira seção acima, mas também desejará personalizar as opções suspensas disponíveis para seus usuários. Para fazer isso, basta adicionar/remover o seguinte do código que você copiou e colou: <option>Option 1</option>

Você notará que a primeira <option> está configurada de forma ligeiramente diferente. Esta é uma opção padrão opcional para informar aos usuários o que fazer, conforme observado pelo código disabled="disabled" e selected="selected" . Sinta-se à vontade para editar o texto dessa opção também ou remover a opção completamente.

5) Adicionar botões de opção

Os campos de botão de opção são outra ótima maneira de mostrar opções de resposta única.

Passo 1: Para adicionar isso, primeiro você precisa estar logado e na tela EDITAR. A partir daqui, navegue até a(s) página(s) com seu formulário e clique no conteúdo da página para ativar a caixa de ferramentas do editor e clique no ícone </> para ativar a “Visualização de código”.

Etapa 2: dentro deste código, encontre onde seu formulário está localizado, deve ser algo assim:

Etapa 3: cada campo está contido neste código: <div class="form-item"> ... </div> , portanto, certifique-se de colar o código que você copiou acima para que ele fique antes ou depois do código do outro campo :

Etapa 4 : Você desejará alterar o Texto do rótulo e o Nome do campo deste campo, conforme descrito na primeira seção acima, mas também precisará personalizar as opções do botão de opção Valor e Texto de exibição .

O valor aqui é o que você vê como: value="1" , basta alterar o 1 para o texto que você deseja que apareça em suas notificações por e-mail. O Texto de Exibição é o que você vê como: Option 1 , que aparece logo antes da tag de fechamento </label> . Este é o texto que o usuário verá para esta opção, altere-o para o que quiser.

6) Adicionar caixas de seleção

As caixas de seleção são ótimas para perguntas de múltipla escolha.

Passo 1: Para adicionar isso, primeiro você precisa estar logado e na tela EDITAR. A partir daqui, navegue até a(s) página(s) com seu formulário e clique no conteúdo da página para ativar a caixa de ferramentas do editor e clique no ícone </> para ativar a “Visualização de código”.

Etapa 2: dentro deste código, encontre onde seu formulário está localizado, deve ser algo assim:

Etapa 4: cada campo está contido neste código: <div class="form-item"> ... </div> , portanto, certifique-se de colar o código que você copiou acima para que ele fique antes ou depois do código do outro campo .

Etapa 4: você desejará alterar o Texto do rótulo e o Nome do campo deste campo, conforme descrito na primeira seção acima, mas também precisará personalizar as opções da caixa de seleção Valor e Texto de exibição . Para fazer isso, basta encontrar o seguinte no código que você copiou e colou:

O valor aqui é o que você vê como: value="1" , basta alterar o 1 para o texto que você deseja que apareça em suas notificações por e-mail. O Texto de Exibição é o que você vê como: Option 1 , que aparece logo antes da tag de fechamento </label> . Este é o texto que o usuário verá para esta opção, altere-o para o que quiser.

Item #5 Adicionar um Favicon

Favicon (abreviação de ícone favorito) é essencialmente um pequeno ícone associado a um determinado site. Os navegadores que suportam favicons normalmente exibem o ícone na barra de endereços do navegador, nos favoritos e também no histórico. Os favicon que são bem projetados normalmente combinam com o logotipo da sua empresa ou o tema do seu site. Adicionar um favicon ao seu site oferece aos visitantes uma maneira rápida de reconhecer seu site com um único olhar.

Cliente Twenty Over Ten, o Fit Wealth Advisors tem o ícone “Fit” que aparece à esquerda ao vincular seu nome ao mecanismo de pesquisa.

ADICIONANDO UM FAVICON:

Recomendamos a criação de um favicon com no mínimo 16x16px de tamanho. Dentro da plataforma Twenty Over Ten, adicionar seu próprio favicon é fácil. Ao enviar seu favicon, observe que os tipos de arquivo PNG ou ICO são os preferidos.

Item nº 6 Adicionar análise

Rastrear e monitorar a análise do seu site é crucial e é a base de um site orientado ao desempenho. O Google Analytics oferece aos usuários uma enorme quantidade de dados e pode ser facilmente integrado ao seu site Twenty Over Ten. Se você não tiver uma configuração de conta do Google Analytics, pode configurar uma aqui.

ADICIONANDO O GOOGLE ANALYTICS AO SEU SITE:

Para integrar sua conta do Google Analytics ao seu site Twenty Over Ten, você precisará do número da sua conta do Google Analytics. O ID de rastreamento fornecido pelo Google Analytics é uma sequência de letras e números, como UA-000000-2. Isso deve ser incluído em seu código de acompanhamento para informar ao Google Analytics para qual conta e propriedade enviar dados. O primeiro conjunto de números (-000000, no exemplo acima) refere-se ao número da sua conta e o segundo conjunto de números (-2) refere-se ao número de propriedade específico associado à conta. Aqui estão as instruções básicas sobre onde encontrar seu ID de rastreamento em sua conta do Google Analytics.

Item #7 TESTE TESTE TESTE

Não podemos dizer o suficiente - teste, teste e teste novamente! Quando seu site está com bom desempenho, isso ajudará a expandir seus negócios exponencialmente. No entanto, sem o uso de análises e testes, você nunca saberá o desempenho do seu site e como melhorar o desempenho do seu site. Testar seu site antes do lançamento é extremamente importante para encontrar quaisquer problemas e corrigir quaisquer bugs que possam prejudicar a experiência do usuário.

Tenha certeza de que nossa equipe está sempre testando, eliminando bugs e melhorando nossa plataforma, mas há alguns itens adicionais na página que recomendamos que nossos usuários analisem para garantir a qualidade antes de lançar seu novo site, como:

• Links: Não achamos que haja nada pior do que clicar em um link que não leva a lugar algum ou leva você a uma página completamente irrelevante. Clique em cada link em seu site para testar e ter certeza de que eles estão indo para onde você pretendia que fossem.
• Gramática e ortografia: você gastou muito tempo desenvolvendo conteúdo sólido para seu site. Não o desperdice por perder erros bobos. Depois de olhar para o seu site por horas (talvez até semanas) a fio, pode ser fácil perder erros. Considere pedir a um colega ou parceiro para dar uma olhada no seu site de teste antes de iniciar para detectar erros ortográficos e gramaticais.
• Look and feel: Dê um passo para trás e dê uma olhada em suas imagens e blocos de conteúdo. Há espaço em branco suficiente ou tudo parece suavizado? Certifique-se de que seu espaçamento seja adequado, sua paleta de cores reflita a identidade da sua marca e que o estilo geral esteja no mesmo nível. Além disso, verifique se o seu site flui bem. A maioria dos sites das empresas de consultoria tem uma duração média de visita de pouco mais de um minuto. Mantenha-o simples e fácil de navegar. Não há razão para você precisar contar sua mensagem com mais de cinco páginas.