Os elementos que compõem um site de uscesso

1. Introdução: Olá, sou a Audrey do “Vamos Ser Marketing Social Digital”. Bem-vindos à minha primeira aula, Os Blocos de Construção de um Website de Sucesso. Esta aula é voltada para pequenos empresários, empresários e blogueiros que estão procurando uma melhor compreensão do funcionamento interno de um site. Ao longo desta aula, você aprenderá como escolher e comprar um nome de domínio, onde hospedar seu site, a importância de um sitemap, os quatro principais elementos para marcar seu site, as seis partes da página inicial, o que incluir no rodapé do seu site, como escrever uma ótima cópia para suas páginas da web e técnicas básicas de otimização do mecanismo de busca. No final desta aula, meu objetivo é que você tenha uma compreensão de todas as diferentes partes do site e como eles se unem para criar um site de sucesso que retrata sua marca, sua empresa, seus serviços e seu conteúdo. Se você está apenas começando ou você acha que seu site precisa de um lifting facial, eu sei que essa informação será exatamente o que você precisa para construir um site de sucesso. O que estamos esperando? Vamos começar. 2. Seu nome de domínio: Antes de começarmos, vamos rever o básico. Primeiro, seu nome de domínio. Este é o URL que as pessoas irão digitar quando estiverem procurando seu site. Quando você está tentando descobrir seu nome de domínio, você entrará em contato com muitas opções diferentes. Vamos rever essas opções agora. O mais popular entre as opções de extensão são.com, .net e..org. Tradicionalmente, esses domínios de alto nível tinham usos específicos.. com foi destinado a empresas comerciais , .net foi destinado empresas baseadas em tecnologia e.org foi destinado a instituições de caridade e organizações sem fins lucrativos. Entre estes three.com é o mais popular porque é o mais fácil de lembrar. Então essa deve ser sua escolha número um quando você está tentando descobrir qual domínio funciona melhor para você. Se isso não funcionar, tente ir com.net se você é uma empresa. Mas vamos deixar.org para as instituições de caridade e organizações sem fins lucrativos para as quais este domínio foi destinado. Mas o que acontece quando essas extensões não funcionam? Atualmente, existem mais de 350 extensões de negócios não tradicionais diferentes. Estes vêm na forma de.biz e.co. Comece fazendo uma lista de todos os possíveis nomes de domínio que você estaria interessado em comprar. Eu recomendo iniciar sua lista com nomes de domínio de nível superior. Verá o porquê daqui a pouco. Aqui está um exemplo da lista que eu criei quando eu estava começando minha empresa de marketing digital. Vamos dar uma olhada em algumas dessas opções. Começará com lbsdigital.com. Como você pode ver, letsbesocialdigital ou lbsdigital.com já está tomado, mas aqui estão algumas outras opções potenciais, lbsdigital.net, outro nome de domínio de nível superior está disponível, bem como lbsdigital.org. Vamos fazer essa pesquisa mais uma vez para que possamos ter uma idéia melhor de que outras opções podemos ter. Quando eu procurei lbsdigitalagency.com, você pode ver que o domínio está disponível para que eu possa comprá-lo, caso este seja o que funciona melhor para mim. Se o seu coração está definido em ter um nome de domínio.com, então você precisará ser um pouco flexível com o nome escolhido porque já existem muitos URL.com disponíveis. Aqui está uma olhada em alguns dos outros domínios que estão disponíveis, caso você não goste o.com ou o.com não esteja disponível. Mantenha um olhar para o preço como você quer para garantir que você permaneça no seu orçamento. À medida que você começa a pesquisar, você verá rapidamente quais nomes estão disponíveis, quais nomes já estão em uso e quais nomes de domínio não tradicionais podem funcionar. Se você decidir ir com uma extensão não tradicional, tente esgotar todas as outras opções primeiro e, no final do dia, lembre-se, mantenha-a cativante e fácil de lembrar. A chave para um ótimo nome de domínio é um nome fácil de lembrar e um que as pessoas podem facilmente compartilhar com outras pessoas. Agora, por último, mas não menos importante, vamos falar sobre suas opções de compra. Você tem algumas opções diferentes quando se trata de comprar seu nome de domínio. Você pode comprá-lo diretamente através sua plataforma de hospedagem ou através de um site de terceiros. Se você estiver planejando uma compra de terceiros, os dois sites de terceiros mais populares para comprar são namecheap.com e Godaddy.com. Sugiro dar uma olhada em ambos antes de tomar sua decisão final. A coisa mais importante a lembrar quando se trata de comprar é isso. Invista o dinheiro extra para a Proteção de Informações. Caso contrário, seu telefone e e-mail serão inundados com spam. Como existem domínios em um espaço público, suas informações estarão prontamente disponíveis para qualquer pessoa que a procurar. Portanto, é melhor manter-se protegido e manter seu nome, número, endereço e endereço de e-mail protegidos contra possíveis golpes e spam indesejado. Se você não tem certeza de qual opção de compra funciona melhor para você, não entre em pânico, você terá uma idéia melhor de onde você deve comprar seu domínio depois de discutirmos as plataformas de hospedagem, que será a seguir. 3. Onde você está hospedando a parte 1: Agora que você tem seu domínio, a próxima coisa que você vai precisar descobrir é onde você vai hospedar seu site. Seu host de site vai ser a plataforma que permite que você acesse o back-end do seu site e permite que você crie e crie a maneira como seu site vai olhar no front-end. Há muitos lugares diferentes que você pode construir seu site, mas estes são os quatro sites mais populares, WordPress, Wix, Squarespace e Weebly. Hoje vamos falar sobre duas das quatro plataformas de hospedagem mais populares, WordPress e Wix. Ao longo desta aula, vou rever os prós e os contras de cada plataforma que discutimos para que você possa ter uma idéia abrangente do que cada um oferece. Dependendo de suas capacidades de design, sua visão que você tem para o seu site e também como você planeja projetar. Isso vai determinar qual plataforma é a melhor para você. Nem todas as plataformas vão atender às suas necessidades. Você só precisa fazer uma lista de quais prós você pode viver e quais contras você não pode. Isso ajudará você a decidir qual plataforma será a melhor. A primeira operação da lista é WordPress. WordPress é um dos sistemas de gerenciamento de conteúdo de código aberto mais populares. Eu sei o que você está pensando. O que é um sistema de gerenciamento de conteúdo de código aberto? Basicamente, esta é uma plataforma que permite que você tenha acesso total à codificação do seu site. Se você tem algum conhecimento em HTML, CSS e PHP, você não terá nenhum problema em projetar e construir um site personalizado e incrível nesta plataforma. Mas, por enquanto, vamos rever alguns dos prós e, em seguida, os contras do WordPress. Os benefícios do WordPress são que ele é gratuito para usar, construir e editar. Você só terá que pagar para hospedar seu domínio. Sendo que o WordPress é um sistema de gerenciamento de conteúdo de código aberto, você terá acesso a uma extensa lista de projetos e recursos, incluindo plug-ins para funcionalidades adicionais, como segurança, otimização de mecanismos de busca e mídia social integração. Dentro deste portfólio de recursos, você também terá a capacidade de incorporar uma seção de e-commerce do seu site através do plug-in WordPress, WooCommerce. Este é um plug-in com tudo incluído que não cobra por listagem ou taxas de configuração e tem a capacidade de processar todos os métodos de pagamento. Você verá por que isso é um grande benefício mais tarde. Outro benefício é que o WordPress também oferece recursos completos de backup e exportação. Você sempre terá uma cópia do seu site em todos os momentos e poderá mudar para outra plataforma a qualquer momento, dessa forma seu trabalho nunca será perdido e seu site estará sempre seguro. WordPress permite que você crie um site que é um 100 por cento móvel otimizado. Esta é uma grande vantagem, já que você não terá que projetar um site separado que seja otimizado para dispositivos móveis. Com o aumento da pesquisa móvel, seu site já estará no formato correto para ajudá-lo a alcançar facilmente usuários móveis. Agora que temos os profissionais, vamos discutir alguns dos contras. Se um monte da terminologia inicial usada ao descrever os benefícios do WordPress confundi-lo, você pode estar em um pouco de um tempo difícil tentando navegar neste sistema de gerenciamento de conteúdo. Navegar WordPress com sucesso requer uma compreensão da terminologia de visão, como a diferença entre tags e categorias, e até mesmo temas e plug-ins. Para a personalização e utilização adequadas desta plataforma, você precisará ter algum conhecimento básico de HTML e CSS. Caso contrário, seu site será exatamente parecido com o tema que você escolheu durante a configuração inicial. Os outros dois contratempos do WordPress relacionam-se estreitamente com a necessidade deste conhecimento. Como o WordPress não oferece efeitos pré-construídos ou incorporados, você precisará codificá-los em si mesmo ou encontrar um plug-in que o ajude. Ele também não suporta o que você vê é o que você obtém edição que é muito comum e outras plataformas de arrastar e soltar. O que isso significa é que você projetará e editará no back-end e, em seguida, salvará e visualizará a página no front-end, em vez de ver o design enquanto o constrói. Em suma, o WordPress é ideal porque tem a maioria das capacidades, mas para alguém que está apenas começando, pode ser um pouco esmagador. Há toneladas de recursos on-line que lhe dão a capacidade aprender a codificar ou resolver qualquer um dos problemas de codificação que você pode ter ao longo do caminho e para navegar melhor no site, mas se você está procurando uma compilação rápida e fácil, WordPress vai ser uma das plataformas de hospedagem mais demoradas se você não sabe o que está fazendo. próximo na lista é Wix. Ao contrário do WordPress, Wix é uma plataforma de hospedagem de arrastar e soltar, e é uma das plataformas de arrastar e soltar mais inovadoras que está disponível na web. Se toda essa conversa sobre codificação o deixou estressado, Wix definitivamente vai ajudá-lo a acalmar seus nervos e ser capaz de ver como uma plataforma de arrastar e soltar é muito diferente de um sistema de gerenciamento de código aberto. Vamos rever alguns dos prós e contras do Wix. Além de suas capacidades de arrastar e soltar, aqui estão alguns dos outros benefícios de hospedagem através do Wix. Ele oferece uma interface extremamente amigável com funcionalidade fácil e dá-lhe a capacidade de trazer seu site à luz como se você estivesse vendo de fora olhando para dentro. Ele também oferece uma extensa lista de extensões de site e plug-ins para aplicativos de sites interativos e recursos de comércio eletrônico. Dentro dessas extensões e plug-ins, há também centenas de temas gratuitos do site que são completamente gratuitos, ao contrário do WordPress, que cobra pela maior parte de seus temas. Isso é benéfico porque você pode encontrar um tema dentro de sua indústria ou área de foco e usar o modelo como base para construir seu site em vez de começar completamente do zero. Os sites Wix também são otimizados a partir de dispositivos móveis e você tem a capacidade de editar como seu site aparecerá em dispositivos móveis. Parece ótimo em qualquer dispositivo. Isso é diferente do WordPress e que você pode ajustar o tamanho do texto, a aparência das imagens, o layout da página, e também ocultar algum conteúdo que pode não aparecer o mesmo no celular como ele faz em área de trabalho. Com a compra de uma assinatura de site premium do Wix, você também terá acesso a uma equipe de suporte disponível 24 horas por dia, 7 dias por semana, para ajudá-lo com quaisquer dificuldades técnicas que você possa encontrar ao criar e gerenciar seu site. Agora que você tem todos os benefícios, vamos falar de desvantagens. Como o Wix é um construtor de sites de arrastar e soltar, você não terá acesso ao código-fonte do site, o que significa que você está limitado a personalizar, otimizar e projetar dentro de suas configurações especificadas. Isso pode estar limitando mais tarde a linha quando você está tentando otimizar seu site, melhorar a velocidade da página ou até mesmo adicionar elementos personalizados que podem não ser oferecidos através de uma das extensões Wix. Além disso, uma vez que você escolher seu modelo para o seu site, você ficará preso com ele para sempre. Quaisquer alterações no modelo abaixo da linha causarão a perda de todo o conteúdo. Por fim, se você está olhando para orçamento com Wix, você não será capaz de ir para o plano gratuito, pois há anúncios visíveis que aparecem na parte superior da página. Isso é tudo para WordPress e Wix. Reserve algum tempo para pesquisar essas plataformas e tenha uma ideia melhor do que elas têm para oferecer. Quando estiver pronto, junte-se a mim em nossa próxima aula, onde discutiremos as outras duas principais plataformas de postagem, Squarespace e Weebly. 4. Onde você está hospedando a parte 2: Vamos continuar com nossa análise aprofundada das quatro principais plataformas de hospedagem. Hoje vamos rever nossas duas últimas plataformas, Squarespace e Weebly, vamos começar. O Squarespace é uma plataforma de hospedagem amplamente conhecida que permite criar um site elegante e profissional que é construído em uma plataforma de arrastar e soltar. Vamos dar uma olhada em alguns dos benefícios de hospedagem no Squarespace. Em primeiro lugar, a plataforma é muito fácil de navegar, criar e usar. Como as outras duas plataformas que discutimos até agora. Também é otimizado para dispositivos móveis. Mas, como o WordPress, você não terá controle sobre a aparência do site em dispositivos móveis, mas o layout será adaptado para aparecer corretamente em um dispositivo móvel. Outro grande benefício é que você tem a capacidade de alterar seu modelo sem perder seu conteúdo. Se você quiser acessar a codificação do seu site, há um modo de desenvolvedor que permite que você faça isso. Assim como o Wix, você também terá acesso a suporte 24 horas por dia, 7 dias por semana, para ajudá-lo a resolver quaisquer problemas e responder a quaisquer perguntas que você possa ter. Por último, mas não menos importante, o design geral e a aparência de um site do Squarespace são incomparáveis a outras plataformas de arrastar e soltar. O design e o estilo permitem que você crie um site que parece realmente nítido e limpo e muito profissional sem ter que saber como operar qualquer um dos back-end. Agora vamos dar uma olhada nos contras. Bem, os modelos disponíveis através do Squarespace permitem que você crie um site profissional. O acesso geral a projetos e recursos adicionais é bastante limitado em comparação com outras principais plataformas de hospedagem. Isso inclui opções de modelo e plug-ins de terceiros. Além disso, os recursos de comércio eletrônico disponíveis através do Squarespace são muito limitados em comparação com outras plataformas. Há um limite para a quantidade de produtos que você pode listar dependendo do plano pelo qual você está pagando, e nem todos os métodos de pagamento são suportados por meio da plataforma de compras. Por último, há uma capacidade limitada de backup e exportação parcial. Se você alguma vez planeja mover seu site para um host diferente, você pode perder parte do seu trabalho e é provável que você perca a maioria do seu design. Neste ponto, você deve ter uma idéia muito boa do que faz para uma boa plataforma de hospedagem. Mas lembre-se, a melhor plataforma será aquela que se adapta a todas as necessidades da sua empresa. Enquanto você mantém essas coisas em mente, vamos dar uma olhada nos prós e contras da nossa última plataforma de hospedagem, Weebly. Weebly, como o Wix e o Squarespace, é um construtor de sites de arrastar e soltar fácil de usar com uma interface intuitiva e amigável. Ele oferece layouts de página pré-projetados e muitos modelos pré-construídos que você pode usar como está ou como uma base para construir seu site ao redor. Ele criará uma versão otimizada para dispositivos móveis do seu site para que seu site possa ser visualizado a partir de qualquer dispositivo. Ao contrário de muitas outras plataformas de criação de sites de arrastar e soltar, o Weebly permite que você acesse seus modelos, codificação HTML para personalização adicional. Você também pode alternar entre modelos sem perder conteúdo. Se você decidir que o tema escolhido não corresponde, você pode facilmente alterá-lo mais tarde sem perder nenhum trabalho. Isso pode ser crucial quando você está apenas começando e sua marca ainda está nos estágios experimentais da criação. Alguns benefícios muito bons se você estiver considerando um construtor de sites de arrastar e soltar. Mas vamos dar uma olhada em algumas das desvantagens. Como você tem acesso à codificação HTML do seu modelo, a personalização do modelo na extremidade de arrastar e soltar é muito limitada. Você só poderá alterar a fonte e o esquema de cores geral. Qualquer outra personalização requer conhecimento de codificação. Além disso, alguns dos outros recursos, como o blog, ainda estão em estágios muito básicos de design. A página do blog não permite que você exiba postagens populares ou mais recentes ou destaque conteúdo relacionado. Isso pode ser um grande problema se o seu site vai depender muito do conteúdo do blog. Por fim, os recursos de arrastar e soltar no Weebly são mais restritivos do que o Wix e o Squarespace. O que significa que você não pode colocar tudo exatamente onde deseja e você ainda precisa seguir as diretrizes de modelo predefinidas para layout de página. Em suma, estas são as quatro principais plataformas de hospedagem por uma razão. Eles oferecem uma série de oportunidades para você construir seu site. Mas lembre-se, nem todas as plataformas vão funcionar para você. Reserve um tempo para avaliar cada um dos prós e contras de cada site e realmente fazer sua pesquisa antes escolher o site que será melhor para você. Lembre-se, é melhor se sentir confiante com o site que você está construindo do que sobrecarregado com tentar descobrir todos os cantos e recantos de sua plataforma de hospedagem. Isso abrange todos os conceitos básicos para construir seu site. Agora vamos entrar no processo de criação, no processo de design e nos estágios organizacionais que você precisa para começar a construir suas páginas do site. Em nosso próximo vídeo, vamos analisar como criar um Sitemap. 5. Como criar um mapa do site: Espero que você esteja tão empolgado quanto eu para começar o processo de design do seu site. Hoje, falaremos sobre mapas de sites, o que são, quantas páginas em seu site você deve ter e como criar uma barra de navegação mais robusta quando você está apenas começando. Então você está pronto? Vamos começar primeiro, o que é um mapa do site? Um mapa do site é uma lista de páginas do seu site. É uma ferramenta que você pode usar para planejar seu site e também é usada posteriormente para fins de otimização de mecanismos de pesquisa para fins de otimização de mecanismos de pesquisa para permitir que o Google indexe adequadamente todas as páginas que existem em seu site. Normalmente, os mapas do site são organizados com suas informações mais importantes. Primeiro, você verá como organizar melhor seu mapa do site na demonstração ao final desta aula. Mas, por enquanto, vamos continuar com quantas páginas da web seu site precisará. Além da página inicial, você precisará descobrir quantas páginas você precisa para retratar todas as informações do seu site. Geralmente, isso ocorre na forma de uma página sobre, uma página de serviços, uma página de contato e até mesmo um blog. Se você planeja incluir conteúdo de blog , a partir dessas quatro outras páginas é onde você pode começar a criar seu site para incluir mais informações. Então, talvez você queira adicionar seu blog. Talvez você precise adicionar sua tarifa para que as pessoas saibam quanto você cobra, ou talvez você precise adicionar algumas páginas de amostra de trabalho. Tudo isso é totalmente adequado para adicionar à sua navegação superior, mas a principal lição para criar o mapa do site é que você deseja mantê-lo o mais simples e conciso possível. Portanto, você não quer sobrecarregar o espectador assim que ele entrar na sua página. Já que essa é a primeira coisa que eles vão ver. Se você acha que vai precisar de muitas páginas. Considere adicionar algumas de suas páginas secundárias que talvez não sejam tão importantes para o rodapé. Vamos dar uma olhada em alguns exemplos e como você pode criar seu mapa do site. Vamos fazer isso juntos. Você está pronto? Vamos embora. Vamos criar brevemente um mapa do site juntos. Começaremos com as páginas iniciais obrigatórias e depois mostrarei como você pode ramificar a partir daí. Então, para começar, você sempre desejará listar sua página inicial, seguida pela página Sobre, sua página de serviço principal e, em seguida, uma página de contato. Se você quiser adicionar uma página de blog mais tarde, sugiro adicioná-la depois da sua página de contato. Sua página de serviço variará de acordo com o tipo de negócio que você tem e o tipo de site que você está criando, por exemplo, e a página de comércio eletrônico provavelmente gostaria que seu layout fosse exibido algo como esta loja doméstica ou tabela de tamanhos, seguida por uma página de contato. E você provavelmente não teria uma página de blog. Mas, seguindo nossas quatro páginas iniciais, aqui está como eu sugeriria que você se ramificasse a partir desse layout inicial. Adicione à sua página de serviço criando páginas iniciais que seriam vinculadas abaixo desse menu. Algo parecido com isso. E assim por diante. Esse é o melhor lugar para adicionar páginas na barra de menu sem adicionar páginas adicionais à navegação superior. No entanto, se você não quisesse adicionar mais páginas de serviço, mas talvez quisesse adicionar mais páginas sobre você. Por exemplo, depoimentos ou até mesmo uma página de equipe que lista as diferentes pessoas com quem você trabalha. Você pode facilmente adicionar isso à página Sobre para criar um link. Essa é outra ótima maneira de adicionar páginas adicionais à sua navegação superior sem adicionar páginas que atrapalhariam aparência inicial da barra de navegação do site. Não tenha medo de adicionar essas três páginas abaixo de você. E também não tenha medo de dar aos seus serviços suas próprias páginas. Mas se você está apenas começando e quer começar de forma simples, sugiro começar com essas principais opções e depois crescer à medida que continua construindo sua marca. Vamos ver alguns exemplos para que você possa ver outras navegações principais para ter uma ideia melhor do que incluir no seu mapa do site. Aqui você verá uma navegação muito básica no site. A página inicial sobre serviços e contatos está presente, bem como uma página adicional de depoimentos e blog. Aqui temos outro exemplo de uma navegação muito simplificada no site. Como você pode ver novamente, a página inicial e o contato estão presentes, bem como uma página de serviços e algumas páginas adicionais para obter mais informações. Aqui temos um exemplo de uma navegação de site mais robusta. Como a página de serviços é criada para dar a cada serviço sua própria página no site. Há também informações sobre contato, blog e uma loja. Embora essa seja uma navegação um pouco mais robusta no site, ela ainda é muito concisa e se concentra exatamente no que essa empresa oferece e ordena, do mais importante ao menos importante. importante. Por fim, temos um exemplo de navegação no site que é um pouco confusa demais para o meu gosto. A casa e os serviços estão presentes no topo, o que eu acho muito importante, assim como o Fale Conosco e o blog. Mas coisas como ofertas especiais, avaliações de clientes e perguntas frequentes ou coisas que seriam mais adequadas para o rodapé da página. Ao começar a criar seu próprio mapa do site, lembre-se de começar pequeno e ramificar a partir daí, mas sempre mantenha sua navegação principal o mais simples possível depois de terminar delinear a estrutura do seu site, a próxima etapa será começar a montar a marca do seu site. Em nosso próximo vídeo, falaremos sobre os quatro elementos principais que você deve incluir ao criar a marca do seu site. 6. Branding do site: Hoje vamos falar de branding. Esta é uma das minhas coisas favoritas tanto para o design do site quanto para a construção de um negócio porque ele realmente permite que você seja criativo e mostrar a personalidade por trás da marca. Nesta lição, vamos discutir os quatro principais elementos a serem considerados ao marcar seu site. Cobriremos fonte, coloração, imagem e, o mais importante, consistência. Você deve manter suas variações de fonte ao mínimo usando um máximo de três fontes a serem usadas nos cabeçalhos, subtítulos e corpo do texto. Dentro de suas três fontes, você vai querer dedicar uma fonte a cada área. Por exemplo, sua fonte flashes deve ser usada para cabeçalhos, sua fonte secundária deve ser usada para subtítulos e sua fonte mais legível e flexível deve ser usada para o corpo. A chave para escolher fontes que funcionam juntas é encontrar um equilíbrio entre exclusivo e legível. No geral, você quer ter certeza de que as fontes se complementam, mas ainda mais importante, é legibilidade. Faça sua pesquisa antes de escolher e comparar cada fonte ao lado do outro? Se você não conseguir encontrar três fontes que funcionam juntas, mantenha duas e use a mesma fonte e o subtítulo como você vai no corpo. Se você está tendo dificuldade em escolher uma fonte ou duas e já tem seu logotipo projetado, use isso como base para criar sua seleção de fontes. Ele sempre parece coeso quando suas fontes em seu site coincidem ou complementam seu logotipo. Para ajudá-lo a refinar algumas de suas opções, algumas das minhas principais fontes de corpo recomendadas são Open Sans, Alpha e Lato. Lembrem-se, a legibilidade é a chave. É melhor mantê-lo simples para que sua mensagem seja facilmente legível por todos em qualquer dispositivo. Em seguida, na nossa lista de elementos de marca, cor. Esta é facilmente uma das partes mais memoráveis e impactantes da sua marca e do seu site. O que você está tentando transmitir determinará quais cores você deve usar. É por isso que é especialmente importante prestar atenção aos tons que você está usando e às emoções que eles evocam. Por exemplo, azul representa confiança, segurança e estabilidade. Mas o azul real atrairá compradores mais impulsivos. O azul marinho atrairá compradores com um orçamento, e o azul do céu atrairá compradores mais tradicionais. Moral da história aqui, cor importa. O processo de escolha de sua cor é semelhante à escolha de suas fontes. Você deseja escolher uma cor primária, uma cor suplementar e uma cor complementar. Além disso, como suas fontes, suas cores terão um uso e posicionamento específicos em seu site. Vamos passar brevemente onde usar cada cor. Você deseja usar sua cor dominante no logotipo, nos botões de chamada para ação, nos títulos nas manchetes e destacar informações importantes. Você deseja usar sua cor suplementar nas legendas e destacar informações secundárias. Por último, a sua cor complementar. Essa cor geralmente será usada como cor de fundo do seu site. Tenha cuidado ao escolher a cor de fundo do seu site, pois geralmente depende do tipo de site que você está criando. Por exemplo, um site pesado de conteúdo que é sites informativos e de comércio eletrônico deve ter um fundo branco ou neutro como você deseja colocar o foco nos produtos ou informações em vez do design do site. sites corporativos ou de negócios giravam mais em torno da promoção da sua marca. Portanto, uma maneira de criar reconhecimento de marca é usar um tom menos intenso da cor principal da sua marca como plano de fundo para destacar seus serviços. Agora que você tem sua fonte e esquema de cores, seu próximo passo é escolher suas imagens. As imagens que você escolher devem complementar a coloração do seu site e contar a história da sua marca. Imagens de alta qualidade são fundamentais, não importa em que setor você está e tente evitar fotos de estoque de queijo a todo custo. As pessoas podem ver através deles e isso realmente reduz a qualidade da sua marca. Algumas coisas rápidas a ter em mente ao escolher fotos para o seu site. Se você estiver vendendo produtos em uma loja de comércio eletrônico, certifique-se de incluir fotos de seu produto de todos os ângulos e certifique-se de que as imagens são de alta qualidade o suficiente para serem claras, mesmo quando ampliadas. Se você estiver vendendo um serviço, não sobrecarregue a página com fotos. Em vez disso, use-os para complementar o texto em vez de dominar a página. Se você está tentando transmitir um ambiente, é melhor usar a foto como ponto focal da página e manter o texto ao mínimo. Em suma, a melhor maneira de obter imagens para o seu site é contratando um fotógrafo para tirar algumas para você. Mas se isso não estiver no orçamento, experimente esses sites de imagens gratuitas enquanto isso. Por último, mas não menos importante, vamos falar de consistência. A consistência é a chave para um site bem-sucedido. Ele começa com sua fonte e cores, mas continua através do layout geral do seu site. Você quer ter certeza de que todas as suas páginas têm uma sensação semelhante e complementar. Quando se trata de seu design, menos é mais. Se alguma vez tiveres dúvidas, mantém-te simples. Você nunca pode errar com uma abordagem minimalista. Seja consistente, fique conciso e mantenha-o nítido. No final do dia, você quer que seu site represente uma visão clara de quem você é, o que você faz e, mais importante, o que o torna diferente. Em nossa próxima lição, vamos aprofundar mais sobre como você pode realmente dar vida ao seu site falando sobre a página mais importante do seu site, a página inicial. 7. As partes de uma página residencial: Hoje vamos falar sobre a página mais importante do seu site, a página inicial. A página inicial é a página mais importante do seu site porque é a primeira coisa que os visitantes vêem e você quer fazer uma grande primeira impressão inicial. Então vamos ver como você pode colocar o seu melhor pé frente e construir uma página inicial que as pessoas vão se lembrar. Então, a fim de garantir que você coloca o seu melhor pé em frente, vamos rever o que você deve incluir em sua página inicial. Em primeiro lugar, você deseja dar aos espectadores uma captura de tela abrangente do que seu site oferece. De produtos a serviços e tudo o mais, é melhor dar ao seu público um pouco de tudo. Você também deve incluir imagens nítidas e de alta qualidade com texto envolvente que complementa suas imagens. A melhor maneira de abordar sua página inicial é pensar nela como a única página que os visitantes vão ver e você só tem cerca de 30 segundos para capturar sua atenção. Então faça valer a pena. Você vai querer colocar suas informações mais importantes primeiro lugar e certifique-se de incluir várias chamadas para ações. Ao fazer isso, você está tornando as coisas fáceis de encontrar e ainda mais fáceis de navegar. Assim, seu público tem uma visão clara de quem você é e o que você oferece. Para entender melhor como construir sua página inicial, ela pode ser dividida em quatro partes: a manchete principal, a parte inicial do corpo, o texto suplementar e o seu call-to-action final. Vamos rever todos os quatro em detalhes agora. Vamos começar com a manchete principal. Nesta seção, você terá seu título principal, seu sub-título e seu call-to-action principal. Sua manchete é a primeira coisa que as pessoas veem quando visitam seu site. Por isso, deve ser claro, simples e cativante, ao mesmo tempo que diz ao visitante o que o seu site oferece. Dentro dessa área, você também terá sua barra de navegação no site, mas ainda mais importante, você deve ter seu logotipo nesta seção também. Abaixo da sua manchete deve estar um sub-título que complementa as informações mencionadas acima. Pode ser um serviço principal que você oferece ou seu slogan. A sub-manchete nem sempre é necessária. Mas se você acha que seu título pode usar algum texto adicional, é uma ótima ferramenta para dar mais informações. Abaixo de suas manchetes, você deve incluir seu call-to-action principal. Este é o primeiro aviso para incentivar os visitantes a aprofundar e aprender mais sobre quem você é. Eu não aconselho fazer a primeira call-to-action um ato agora botão, mas sim um botão aprender mais para atraí-los antes de empurrar uma venda. Sua próxima seção é onde você começará a fornecer mais informações. A parte inicial do corpo é onde você vai querer incluir suas informações mais importantes, complementadas com imagens fortes e sua segunda chamada à ação. Este será o primeiro livro de textos que seus visitantes verão após a manchete. Então você quer falar sobre o que torna sua marca especial. Este seria um bom lugar para mencionar os serviços que você oferece, mostrar por que você é confiável e criar uma expectativa sólida para o resto do site. Tente manter esta seção curta, doce, e direto ao ponto. Você também quer ter certeza de que está mantendo seus visitantes visualmente envolvidos e interessados, é por isso que suas imagens nesta seção são muito importantes. Use imagens de suporte ou até mesmo conteúdo de vídeo para aprimorar o que você oferece e o que o seu site é sobre. Agora que você explicou mais sobre quem você é e criou alguma confiança, é um bom momento para incluir sua chamada à ação secundária. É aqui que você pode pegar potenciais leads, dar a opção de se registrar em um próximo evento ou se inscrever para receber atualizações por e-mail e boletins informativos. À medida que nos aproximamos do final da página inicial, você vai querer começar a incluir informações suplementares que reforçam tudo o que foi afirmado na parte inicial do corpo. Essa área varia dependendo do tipo de site que você está criando. Mas aqui estão algumas informações em potencial que você pode incluir. Não importa em que setor você esteja, uma das melhores coisas que você pode incluir nesta seção são depoimentos. Isso lhe dá credibilidade além sua própria voz e aumenta sua credibilidade com os espectadores. Escolha avaliações curtas e poderosas sobre o seu negócio e certifique-se de incluir um nome e uma foto do revisor, se possível. Se você incluir a foto do revisor, certifique-se de pedir permissão a ele antes de postar. Você também pode usar esse espaço para expandir os serviços que você oferece, marcas ou setores com os quais trabalha, ou qualquer outra informação para a qual deseja direcionar clientes potenciais. Por último, mas não menos importante, nesta seção, você vai querer terminar a página com seu terceiro e último call-to-action. Isso será na forma de uma caixa de contato ou um botão ato agora para fazer com que seus visitantes se envolvam com você. Esta é sua última chance de capturar um endereço de e-mail ou informações de contato. Então faça valer a pena. Vamos dar uma olhada em alguns exemplos da página inicial para comparar e contrastar o que acabamos de aprender hoje. Como você pode ver, este é um bom exemplo de uma página inicial de banner tradicional. Você tem a manchete principal deles no topo. Algumas informações adicionais sobre sua localização, bem como um botão de programação agora. Normalmente eu não recomendo ter este horário agora botão no topo. Mas para esse negócio específico, ele funciona porque seu principal objetivo é agendar clientes para seus serviços. À medida que rolamos para baixo, veremos a informação suplementar, que é o seu menu de serviços, um breve resumo sobre uma análise mais aprofundada dos seus serviços, um link para algumas informações suplementares, algumas revisões e, por último, não menos importante, seu outro serviço que ela oferece, seguido de seu contato. Em seguida, temos um site que tem um layout muito semelhante, mas tem um objetivo muito diferente. Este site é voltado para fornecer às pessoas informações sobre um serviço. Temos a manchete principal, a principal chamada à acção. Como você pode ver aqui, não há sub-título. Mas na parte inicial do corpo, temos algumas das informações mais importantes sobre esta empresa. Temos então a nossa chamada à acção secundária e, em seguida, um texto suplementar. Um pouco mais sobre os serviços, quem eles são, estabelecendo credibilidade, um contato e uma lista de quem eles trabalham. Vamos dar uma olhada em um último exemplo. Aqui temos uma empresa de Floor Care. Eles têm sua principal manchete, uma manchete suplementar, e sua principal call-to-action, que é fazer com que os clientes agendem com eles. Em seguida, temos suas informações complementares, quem eles são, estabelecendo credibilidade, seguido de mais alguma explicação sobre o que eles oferecem, seu outro call-to-action, que é o mesmo que acima e isso é totalmente bom também. Você precisa se lembrar de que, quando se trata de sua chamada para ações, você quer escolher a melhor coisa que vai funcionar para envolver seu público. Eles também incluíram alguns especiais e ofertas aqui e alguns depoimentos, que é ótimo porque está dando aos visitantes exatamente o que eles estão procurando. Em nossa próxima lição, vamos falar sobre uma das partes mais negligenciadas do seu site. Clique no próximo vídeo para ver de que parte estou falando. 8. O balanço: Agora que cobrimos todas as partes da sua página inicial, vamos falar sobre uma parte do seu site que pode parecer pequena, mas contém algumas das informações mais importantes dos seus sites. Estou falando do rodapé. Sabe aquela coisa na parte inferior da página? Esse é o único. A informação que você coloca no rodapé é importante, porque esta é uma das únicas partes do seu site além da navegação do site que vai ser a mesma em cada página. Qualquer informação que você sente que seus visitantes precisarão acessar, não importa onde eles estejam no site, esta informação deve ir em seu rodapé. Mas esteja avisado, nem tudo vai no rodapé. Veja algumas coisas que você deve considerar colocar em seu rodapé, suas informações de contato, especialmente o nome, endereço, telefone, número e e-mail da sua empresa . Isso pode não parecer necessário, mas para fins de otimização do mecanismo de busca, é. Você também vai querer incluir seus links sociais como Facebook, Twitter, Instagram, YouTube, LinkedIn. Estes devem estar sempre no rodapé, no topo da sua página. Com as mídias sociais desempenhando um papel tão importante no sucesso de uma empresa, você quer ter certeza de que as pessoas podem encontrá-lo facilmente em qualquer plataforma social importante. Outra coisa que você pode incluir em seu rodapé é uma navegação secundária. Isso dá aos espectadores acesso fácil a algumas de suas páginas importantes que podem não ter entrado em sua navegação superior ou incluir informações que devem estar facilmente disponíveis em seu site. Por exemplo, você pode incluir suas tarifas, sua área de serviço ou sua política de devolução. Você também deve incluir uma opção de assinatura. Se você estiver tentando coletar e-mails, certifique-se de que você tem uma opção de assinatura no rodapé para que os visitantes possam se inscrever a qualquer momento e você não perca um potencial potencial potencial. Também recomendo incluir sua política de privacidade e termos de serviço. Estas não são necessariamente as páginas mais importantes, mas são exigidas por lei em alguns estados. Se você precisa adicionar essas duas páginas, você pode facilmente tê-los gerados para o seu site gratuitamente on-line e, em seguida, link para eles no rodapé do seu site como mais de uma formalidade do que qualquer outra coisa. Eu costumo colocá-los no rodapé porque eu não quero que eles desordenem a navegação superior. Por último, mas não menos importante, você também pode incluir um breve resumo da sua empresa. Se você tem espaço, esta é outra grande pequena informação que você pode incluir em seu rodapé, porque como suas informações de contato, é outro selo consistente de sua marca que aparece em cada e pode ajudá-lo com a otimização do mecanismo de pesquisa. Embora esta seja uma lista abrangente de tudo o que você poderia incluir no rodapé, não é de modo algum um requisito para ter tudo lá dentro. Mas, no mínimo, você deve ter suas informações de contato e seus links sociais. Dessa forma, as pessoas sempre podem encontrá-lo em outras plataformas e também sabem seu nome, endereço e número de telefone em todos os momentos. Agora que você tem uma idéia do que incluir no rodapé, vamos rapidamente rever algumas coisas que definitivamente não devem estar no rodapé. Em primeiro lugar, você deve evitar qualquer coisa que seja pesado no texto. Você quer que seu rodapé permaneça nítido, limpo e organizado. Evite adicionar coisas como depoimentos deslizantes ou descrições detalhadas de sua empresa. Além disso, fique longe de colocar qualquer oferta de assinatura em seu rodapé como você deseja usar as outras partes de sua página inicial para incluir sua chamada para ações, e você não quer parecer muito saleiro, colocando-o no rodapé também. Por último, mas não menos importante, evite colocar imagens em seu rodapé, pois fará com que a área pareça muito volumosa. Seu logotipo é a única exceção a esta regra. Mas, em suma, lembre-se, mantenha-o simples. A coisa mais importante a lembrar é que o rodapé é o mesmo em cada página. Você quer aproveitar a oportunidade de incluir as informações mais importantes às quais você precisa que seus visitantes tenham acesso, não importa onde eles estejam no site. Em nosso próximo vídeo, vamos analisar detalhadamente como você pode escrever algum conteúdo envolvente que tanto seus visitantes quanto o Google vão adorar. Te vejo lá. 9. Conteúdo do site: Até agora, neste curso, falamos muito sobre a estrutura do seu site. Mas hoje vamos falar sobre o conteúdo na página e como você pode usar esse conteúdo para dar vida à sua marca. Também discutiremos o grande apelo a ações que você pode usar para interagir com seus visitantes. Mas primeiro, vamos rever algumas dicas para escrever conteúdo. Manchetes e sub-manchetes são seus amigos. Em um mundo onde o tempo de atenção da pessoa média continua a diminuir, você tem que encontrar uma maneira de chamar sua atenção enquanto eles percorrem seu site e você tem que fazê-lo rapidamente. Use cabeçalhos e subtítulos para chamar a atenção para informações importantes, serviços, resultados e, especialmente, garantias. Isso torna seu site fácil de navegar e garantir que suas informações mais importantes sejam fáceis de encontrar. Outra forma de chamar a atenção do seu público é através da sua imagem. Certifique-se de que o seu texto complementa as suas imagens e não deixe o público sentir uma desconexão entre o que está a ver e o que está a mostrar. Ao criar a cópia para o seu site, tente manter frases curtas e simples, manter o uso de 20 palavras ou menos. Isso manterá seu conteúdo facilmente legível e acredite ou não, a legibilidade é, na verdade, uma pequena parte da pontuação de Otimização do Mecanismo de Pesquisa do Google. Você também vai querer manter seu texto na página inicial ao mínimo. Mesmo que esta página contém uma série de informações, você ainda deseja usar suas páginas suplementares como você está sobre e página de serviço para ir mais em profundidade. Tente manter sua página inicial até um máximo de 500 palavras e para fins de SEO, certifique-se de que suas páginas suplementares têm um mínimo de 300 palavras. Tenha essas dicas em mente enquanto escreve seu conteúdo e lembre-se, permaneça genuíno e honesto. Isso é o que as pessoas respondem mais, então não pense demais. Apenas seja você mesmo. Dependendo do tipo de site que você está criando. Nem todas elas se aplicam a você, mas provavelmente você usará duas dessas chamadas para interagir com seu público-alvo. Vamos rever brevemente todos os quatro e onde eles devem ser colocados em sua página. Primeiro, há o apelo à ação para aprender mais. Isso levará os visitantes a uma página complementar onde eles podem obter mais informações sobre você, sua empresa, ou talvez até mesmo seus serviços. Como falamos em nossa lição anterior, recomendo incluir esta chamada à ação na parte superior de sua página inicial e sugerimos vinculá-la à sua página sobre ou seu principal produto ou serviço que os visitantes serão olhando para aprender sobre. Em seguida, há a chamada de ação de assinatura. Essa é uma maneira de capturar endereços de e-mail e começar a criar sua lista de e-mails para enviar mensagens direcionadas a clientes potenciais que expressaram interesse em sua marca. Se você está muito focado em aumentar sua lista de e-mails, sugiro ter seu botão Assinar no rodapé da sua página e também como um recurso pop-up em sua página para solicitar aos visitantes que se mantenham informados imediatamente e façam inscrever-se facilmente acessível a partir de qualquer lugar do seu site. Depois, há a chamada de ação “Contato Agora”. Geralmente, este é um link para um formulário de contato para que os visitantes entrem em contato e solicitem informações adicionais. Algumas pessoas colocam o botão Contato Agora em cada página. Mas eu pessoalmente acho que o melhor lugar é na parte inferior da sua página inicial e na sua página principal de serviço. Como você tem uma página de contato e sua navegação superior, ela já está facilmente acessível de qualquer lugar no seu site. Por fim, há o plano de ação Livro ou Comprar Agora. Este é um prompt para comprar seu serviço ou produto e varia de negócios para negócios. Por exemplo, um restaurante com pedidos on-line gostaria que sua versão desse botão fosse uma chamada à ação do pedido agora no topo de cada página para facilitar a realização de um pedido online pelos visitantes. A colocação deste botão realmente depende do seu negócio e pode realmente aparecer em qualquer lugar que você achar melhor. Vamos dar uma olhada nessas chamadas de ações em alguns sites diferentes para que você possa ter uma idéia melhor de como elas serão exibidas em sua página. Primeiro, temos a chamada de ação Saiba Mais, que pode ser encontrada aqui. Como você pode ver, ele leva você para a página Sobre para que você possa aprender mais sobre este autor. Em seguida, temos o Subscrever Now. Este botão Assinar Agora é realmente encontrado perto do topo da página porque é uma das coisas mais importantes que este site está tentando transmitir. Eles querem capturar endereços de e-mail e capturá-los rapidamente. Em seguida, você tem um ótimo exemplo de um botão Fale Conosco. Isso está na parte inferior da página e pode ser encontrado em um número de páginas diferentes neste site. Mas como você pode ver, geralmente está sempre fora do fundo. Por último, há o botão Livro ou Comprar agora. Neste caso, este botão é usado para marcar uma consulta com esta petição. Como ela está tentando incentivar a reserva on-line, ela está incluindo este livro, seu botão Compromisso Agora, em várias partes de seu site para que ela possa garantir que seus visitantes possam facilmente marcar uma consulta com ela onde quer que eles estejam em seu site. No final do dia, quando você estiver escrevendo sua cópia de sites, lembre-se de uma coisa, qual é a sua mensagem geral? Diga às pessoas o que elas precisam saber sobre você e sua marca. Seja claro e específico e você terá sucesso em se transmitir on-line. Agora que você sabe como construir seu site e escrever uma cópia envolvente, vamos falar sobre algumas dicas para a otimização do mecanismo de busca. Em nossa próxima lição, vou rever alguns conceitos básicos de SEO para ter certeza de que seu site pode ser encontrado on-line. 10. Dicas para otimização básico para otimização de motor de pesquisa: Nesta classe, vamos estar cobrindo algumas técnicas básicas de otimização de motores de busca. Estas são estratégias dentro e fora da página que você pode usar para garantir melhor que seu site seja facilmente encontrado online. A primeira coisa que você vai querer fazer para ajudar a otimizar melhor seu site é identificar suas palavras-chave de destino. As palavras-chave são mais conhecidas como termos de pesquisa que você deseja incluir em toda a cópia do seu site em títulos e corpo do texto. Estes são os termos que seu site será associado e ajudarão seu site a aparecer em pesquisas relacionadas a essas palavras. Por exemplo, se você possui um restaurante mexicano em San Diego, uma de suas principais palavras-chave alvo para o seu site seria o restaurante mexicano, San Diego. Para identificar melhor algumas palavras-chave em potencial para considerar a classificação, comece pesquisando em seu setor como se você fosse alguém procurando sua empresa. Que tipo de palavras você está usando na barra de pesquisa? Quais deles lhe deram os melhores resultados? À medida que você pesquisa, comece a fazer uma lista de todos os termos de pesquisa relevantes que se aplicam ao seu site. Depois de terminar, condense sua lista para 10-15 das principais palavras-chave que você incluirá em todo o site. Não se esqueça de incluir alguns termos localizados também. Dentro desta lista, tenha uma palavra-chave principal que engloba verdadeiramente o seu negócio. Em seguida, vamos falar sobre a compactação de suas imagens. A compactação de imagem significa que você está diminuindo o tamanho da imagem sem perder a qualidade das imagens. Fotos de alta resolução tendem a ser documentos maiores, mas você definitivamente não quer um monte de fotos grandes em seu site. Em vez de carregar uma foto de quatro megabytes para o seu site, você está carregando uma foto de 750 kilobytes. A maioria das pessoas espera que os sites sejam carregados rapidamente, portanto, não arrisque perder visitantes e compacte suas imagens para que seu site seja carregado o mais rápido possível. Agora vamos falar sobre alguma estrutura básica de URL. Isso se aplica principalmente às páginas de extensão do seu site, como suas páginas sobre serviços, contatos e blog. Você deseja manter suas URLs curtas e concisas e incluir palavras-chave quando apropriado. Por exemplo, se você estiver criando uma página de serviços para uma empresa de marketing digital em Los Angeles, seu URL pode ser\ DigitalMarketingServicesLosAngeles ou\ digitalmarketingservices. A coisa mais importante a lembrar quando você está criando URLs é que você quer evitar parar palavras a todo custo. Palavras de parada são palavras comumente usadas como um, então, então, para, e o, que os motores de busca foram programados para ignorar, então é melhor omitir o máximo possível. Por último, mas não menos importante, quero enfatizar a importância de ter um site amigável para dispositivos móveis. Com a popularidade dos smartphones continuando sua ascensão na sociedade, não é surpresa que uma grande porcentagem de pesquisas de sites agora sejam feitas a partir de dispositivos móveis. O Google agora considera otimização para dispositivos móveis do seu site para impactar sua classificação em pesquisas móveis. A maioria das plataformas de hospedagem agora são otimizadas para dispositivos móveis, mas certifique-se de que você sabe como seu site se parece em dispositivos móveis para que você possa fazer alterações, se necessário. Observe que esta é uma lista de entrada das diferentes coisas que você pode fazer para otimizar seu site. Não é totalmente abrangente, mas é um ótimo lugar para começar. Isso é tudo por esta aula. Por favor, assista ao próximo vídeo para obter instruções sobre o projeto da turma, e podemos começar a testar essas habilidades recém-aprendidas. 11. Conclusão: Parabéns por terminar este curso. Agora você está pronto para começar a projetar seu site on-line. Se você seguir os passos que descrevi para você nesta classe, você certamente criará uma marca e um site de sucesso. Enquanto você está projetando, lembre-se de que seu site deve dar vida à sua marca e à sua visão. Use esta plataforma para mostrar por que você é apaixonado pelo que está fazendo. Conte às pessoas a história de quem você é, o que você faz e o que o torna diferente de todos os outros na web. Lembre-se de manter sua mensagem clara, seu design simples e sua navegação concisa. Antes de ir, vamos testar um pouco desse conhecimento recém-aprendido. Para o seu projeto de classe, você será encarregado de criar um rascunho de sua página inicial. Ele deve incluir todas as partes de uma página inicial, o rodapé e a navegação superior para demonstrar um sitemap introdutório. Seu layout deve ser bem marcado, incluir cabeçalhos adequados, chamadas para ações e um rascunho do conteúdo que você incluirá em sua página inicial real. Estou ansioso para ver seus projetos. Design feliz.