adoramos listas de verificação. E embora saibamos que lançar 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 referência antes de ir ao ar? Estás 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 empreender um site construído 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 o construtor – você! Nosso CMS intuitivo (sistema de gerenciamento de Conteúdo) oferece as ferramentas para gerenciar autonomamente seu site 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 Adicione um título do Site
a página inicial do seu site é de longe a Página mais ponderada 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ários. Nós entendemos – criar um título de site pode ser uma coisa assustadora a fazer. Esta é 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 propósito do seu site e reserve um tempo para desenvolver um título de site bem elaborado, a fim de ajudar sua empresa de planejamento financeiro a se destacar da concorrência. Escolher um bom título do site também ajudará a informar aos visitantes sobre o que é o seu site e o que eles podem esperar encontrar quando chegarem ao seu site.
adicionando um título do SITE:
Passo 1: Acesse suas “configurações do site” na parte inferior da barra lateral.
Etapa 2 (upload de um arquivo de logotipo): Use o botão “upload logo” para importar um arquivo. .svg, .png, ou .os tipos de arquivos jpeg são preferidos.
Etapa 3 (Adicionando 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 à marca desejada.
Item # 2 Adicionar títulos de página
Tags de Título aparecem na parte superior do navegador que você está usando, e é importante para a experiência do Usuário e SEO. Adicionar e personalizar os títulos de suas páginas não apenas dará aos visitantes do site mais informações, 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 / consultor financeiro Feminino / Glass Financial é a etiqueta do título. Do ponto de vista de SEO, as tags de Título devem ser formatadas como tal: 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.
personalizando um título de página:
Etapa 1: Acesse suas “configurações da página” na barra lateral.
Etapa 2: Seu slug de URL de página padrão estará em branco.
Etapa 3: você pode personalizar completamente sua página ‘título da página do navegador’. Por exemplo, em vez de simplesmente ter “Nome da empresa”, você pode listar “nome da empresa | servindo Chicago, Evanston e Oakpark” para articular ainda mais sua localização geográfica a clientes em potencial. Depois de adicionar o título de sua escolha, clique no botão Salvar.
Etapa 4: você pode ver o título do navegador personalizado na guia acima da página da web.
Item # 3 Adicione metadados a todas as páginas & postagens de Blog
Meta descrições explique aos mecanismos de pesquisa e pesquisadores do que se trata seu site. Incluir meta descrições convincentes em seu site pode muitas vezes ser o fator determinante se alguém clicar em seu site ou não no SERP (página de resultados do mecanismo de pesquisa), especialmente se você estiver incluindo palavras-chave que o pesquisador está procurando.
vinte e mais de Dez clientes, Forward Thinking Wealth Management, fizeram um ótimo trabalho ao incluir uma descrição de meta-dados não apenas em sua tag de Título Principal, mas também nos subtítulos.
aqui está o problema e onde vemos a maioria dos conselheiros slip-up. 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:
Etapa 1: Acesse suas “configurações da página” na barra lateral.
Etapa 2: role para baixo até chegar à caixa de descrição SEO e adicione seu conteúdo.
Etapa 3: seus metadados devem ser uma breve descrição de 1-2 frases (rica em palavras-chave) do conteúdo que aparece nessa página específica. Depois de adicionar o conteúdo de sua escolha, clique no botão Salvar.
adicionando metadados às postagens do seu BLOG:
Etapa 1: Acesse seu “Gerenciar postagens” na barra lateral (um ícone).
Etapa 2: Selecione a postagem do blog à qual você gostaria de 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 nessa postagem de blog específica. Depois de adicionar o conteúdo de sua escolha, clique no botão Salvar.
item #4 Conecte formulários
você tem um formulário na sua página de contato? É importante preencher cada um para se certificar de que cada campo dentro do formulário está funcionando corretamente. Ao clicar em Enviar ou enviar, Você também deve verificar se a página de confirmação ou agradecimento correta aparece. Por fim, verifique seu e-mail com o qual você se inscreveu para se certificar de 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ê também deseja garantir que está capturando esses leads!
adicionar dados do formulário de conexão:
1) renomeie os campos padrão
Etapa 1: para editar os nomes de campo padrão para o seu formulário, primeiro você precisará estar logado e na tela de edição. A partir daqui, navegue até a(s) Página (S) com seu formulário e clique no conteúdo da sua página para ativar a caixa de ferramentas do editor:
Etapa 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á olhando é o código real do site para esta página. Dentro deste código, encontre onde seu formulário está localizado, ele deve se parecer com isso:
Etapa 4: para cada campo, existem 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.
texto do rótulo-este é o texto que os usuários verão exibido acima do campo.
nome do Campo – isso é para processar o formulário e deve ser todo em minúsculas e não conter espaços.
Então, vamos dizer que você queria alterar o campo “Telefone” dizer “o Seu Número de Telefone”:
<div class="form-item"> <label>Phone</label> <input class="form-control" name="contact" type="text" /></div>Para alterar o Texto do Rótulo, procure a seguinte:
<label>Phone</label>o Que pode ser alterado para:
<label>Your Phone Number</label>em seguida, você vai querer alterar o Nome do Campo, procure por algo como o seguinte:
<input class="form-control" name="contact" type="text" />Dentro de campo o código, você verá o seguinte:
name="contact"O nome do campo que está dentro dos parênteses. Então você mudaria isso para:
name="contact"Nota: recomendamos combinar o texto do rótulo com o nome do campo, como no exemplo acima, pois o nome do campo é usado nas notificações de E-mail geradas.
Passo 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!
você renomeou com sucesso seu campo de formulário! Se tudo ficar bem, não se esqueça de clicar em Salvar Alterações e prosseguir com o processo de publicação para tornar suas atualizações ao vivo!
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 (ie. nome da empresa, idade, código postal, etc)
Passo 1: para adicionar isso, primeiro você precisa estar logado e na tela de edição. A partir daqui, navegue até a(s) Página (S) com seu formulário e clique no conteúdo da sua 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, ele deve se parecer com isso:
Etapa 3: cada campo está contido neste código: <div class="form-item"> ... </div>, portanto, cole o código copiado acima para que ele caia antes ou depois do Código do outro campo.Etapa 4: você deseja alterar o texto do rótulo e o nome do campo desse campo, conforme descrito na primeira seção acima.
3) Adicionar texto multi-linha
campos de texto multi-linha são ótimos para perguntas de forma longa.
Etapa 1: para adicionar isso, primeiro você precisará estar logado e na tela de edição. A partir daqui, navegue até a(s) Página (S) com seu formulário e clique no conteúdo da sua página para ativar a caixa de ferramentas do editor e clique no ícone </> para ativar a “visualização de código”.
Passo 2: Dentro desta código de encontrar o seu formulário está localizado, deve parecer algo como isto:
Passo 3: Cada campo está contido dentro deste código: <div class="form-item"> ... </div>, portanto, certifique-se você colar o código que você copiou acima, de modo que ele caia antes ou após o outro código de campo.
Passo 4: Você deseja alterar o texto do rótulo e o nome do campo desse campo, conforme descrito na primeira seção acima.
4) Adicionar menu suspenso Selecionar
os campos suspensos Selecionar são ótimos para opções longas e predefinidas.
Etapa 1: para adicionar isso, primeiro você precisará estar logado e na tela de edição. A partir daqui, navegue até a(s) Página (S) com seu formulário e clique no conteúdo da sua página para ativar a caixa de ferramentas do editor e clique no ícone </> para ativar a “visualização de código”.
Passo 2: Dentro deste código, encontre onde seu formulário está localizado, ele deve se parecer com isso:
Etapa 3: cada campo está contido neste código: <div class="form-item"> ... </div> , portanto, cole o código copiado acima para que ele caia antes ou depois do Código do outro campo.Etapa 4: você deseja alterar o texto do rótulo e o nome do campo desse campo, conforme descrito na primeira seção acima, mas também deseja 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 o primeiro <option> está configurado de maneira ligeiramente diferente. Esta é uma opção padrão opcional para dizer aos usuários o que fazer, conforme observado pelo código disabled="disabled" e selected="selected". Sinta-se livre para editar o texto para esta opção também, ou remover a opção inteiramente.
5) Adicionar botões de opção
campos de Botão de Opção são outra ótima maneira de mostrar opções de resposta única.
Etapa 1: para adicionar isso, primeiro você precisará estar logado e na tela de edição. A partir daqui, navegue até a(s) Página (S) com seu formulário e clique no conteúdo da sua página para ativar a caixa de ferramentas do editor e clique no ícone </> para ativar a “visualização de código”.
Passo 2: Dentro desta código de encontrar o seu formulário está localizado, deve parecer algo como isto:
Passo 3: Cada campo está contido dentro deste código: <div class="form-item"> ... </div>, então certifique-se de que você cole o código que você copiou acima, de modo que ele caia antes ou após o outro código de campo:
Passo 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 o valor das opções do botão de opção e exibir o texto.
o valor aqui é o que você vê como: value="1", basta alterar o 1 para qualquer texto que você deseja mostrar em suas notificações por e-mail. O texto de exibição é o que você vê como: Option 1, que mostra logo antes da tag </label> de fechamento. Este é o texto que o usuário verá para esta opção, altere-o para o que quiser.
Nota: Você pode adicionar / remover um número ilimitado de opções de botão de opção. Para criar botões de opção adicionais em um conjunto, basta copiar e colar o código acima antes ou depois de outras opções e personalizar o valor do botão.
importante: ao alterar o nome do campo, observe que todos os botões de opção em um conjunto devem compartilhar o mesmo nome do campo. Não dê a eles cada nome de campo diferente, ou então cada um deles será tratado como um campo diferente inteiramente.
6) Adicionar Caixas de seleção
as caixas de seleção são ótimas para quando perguntas de múltipla escolha.
Etapa 1: para adicionar isso, primeiro você precisará estar logado e na tela de edição. A partir daqui, navegue até a(s) Página (S) com seu formulário e clique no conteúdo da sua página para ativar a caixa de ferramentas do editor e clique no ícone </> para ativar a “visualização de código”.
Passo 2: Dentro desta código de encontrar o seu formulário está localizado, deve parecer algo como isto:
Passo 4: em Cada campo, contidas no código de: <div class="form-item"> ... </div>, portanto, cole o código copiado acima para que ele caia antes ou depois do Código do outro campo.Etapa 4: você deseja alterar o texto do rótulo e o nome do campo desse campo, conforme descrito na primeira seção acima, mas também precisará personalizar o valor das opções da caixa de seleção e exibir o texto. Para fazer isso, basta encontrar o seguinte dentro do código de copiar e colar:
O Valor aqui é o que você vê como: value="1", simplesmente altere o 1 para qualquer texto que você deseja exibir em seu e-mail notificações. O texto de exibição é o que você vê como: Option 1, que mostra logo antes do fechamento </label> tag. Este é o texto que o usuário verá para esta opção, altere-o para o que quiser.
Item #5 Adicione um Favicon
Favicon (abreviação de ícone favorito) é essencialmente um pequeno ícone associado a um site específico. Os navegadores que suportam favicons normalmente exibem o ícone na barra de endereços do navegador, nos favoritos e no histórico também. Os Favicon que são bem projetados normalmente correspondem ao logotipo da sua empresa ou ao tema do seu site. Adicionar um favicon ao seu site dá aos visitantes uma maneira rápida de reconhecer seu site com um único olhar.
vinte e dez clientes, Fit Wealth Advisors tem o ícone ” Fit ” que aparece à esquerda ao amarrar seu nome no mecanismo de pesquisa.
adicionando um FAVICON:
recomendamos criar um favicon que tenha no mínimo 16x16px de tamanho. Dentro da plataforma Twenty Over Ten, é fácil adicionar seu próprio favicon. Ao enviar seu favicon, observe que os tipos de arquivos PNG ou ICO são preferidos.
Passo 1: Acesse suas “configurações do site” na parte inferior da barra lateral.
Passo 2 (upload de um arquivo de logotipo)
Usar o “upload do logotipo” botão para importar um arquivo
Nota: .svg, .png, ou .os tipos de arquivos jpeg são preferidos.
Etapa 3 (Adicionando 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 à marca desejada.
Item # 6 Adicionar análise
o rastreamento e o monitoramento da análise do seu site são cruciais e são a base de um site voltado para o 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 configurá-la aqui.
ADICIONANDO O GOOGLE ANALYTICS AO SEU SITE:
Etapa 1: Acesse suas “configurações do site” na barra lateral.
Etapa 2: Clique na guia integrações para expandir e ver todos os detalhes da integração.
Passo 3: Depois de inserir seu código do Google Analytics, clique no botão Salvar.
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 no seu código de rastreamento para informar ao 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 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á tendo um bom desempenho, ele ajudará a expandir seus negócios exponencialmente. No entanto, sem o uso de análises e testes, você nunca saberá como seu site está funcionando e como melhorar o desempenho do seu site. Testar seu site antes do lançamento é incrivelmente importante para encontrar quaisquer problemas e corrigir quaisquer bugs que possam prejudicar a experiência do Usuário.
a certeza de que nossa equipe está sempre testando, caça aos bugs e melhorar a nossa plataforma, mas existem alguns adicionais na página de itens que nós recomendamos a nossos usuários revisão de garantia de qualidade antes de lançar o seu novo site, tais como:
- Links: não acho que há nada pior do que clicar em um link que não sai do lugar ou o leva para um completamente irrelevante página. Clique em cada link em seu site para testar e certifique-se de que eles estão indo para onde você pretendia que fossem.Gramática e ortografia: você passou muito tempo desenvolvendo conteúdo sólido para o seu site. Não deixe isso ir para o lixo, perdendo 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.
- Olhe e sinta: dê um passo para trás e dê uma olhada em suas imagens e blocos de conteúdo. Existe espaço em branco suficiente ou tudo parece esfumaçado? Certifique-se de que seu espaçamento é adequado, sua paleta de cores reflete sua identidade de marca e o estilo geral está no mesmo nível. Além disso, certifique-se de que seu site flua bem. A maioria dos sites da empresa 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ê contar sua mensagem com mais de cinco páginas.
lutando com qual conteúdo compartilhar nas redes sociais ou por e-mail?
estamos oferecendo acesso ao nosso conteúdo para que os consultores usem via Lead Pilot por 7 dias totalmente gratuitos (mesmo em nossos planos mês a mês).
veja Todos Os Detalhes Aqui
Sobre o autor
Blair Kelly
Blair é um assistente de marketing digital em Vinte por Dez anos, tem uma paixão por descobrir o que impulsiona o tráfego on-line e o maior engajamento. Ela segue mais animais no Instagram do que humanos e sua maior conquista é sua filha, Grey.