Como criar um design de site e negócios de SEO com sucesso para 2023

1. Introdução: Bem-vindo a esta emocionante oportunidade de aprendizagem. Sou Leighton, seu webmaster. Dediquei mais de 15 anos a projetar, desenvolver centenas de sites para empresas respeitáveis em todo o mundo. Compromisso com a qualidade tem exército mais de 100 avaliações de cinco estrelas. E agora estou a oferecer-te os meus segredos. Deixe-me compartilhar as dicas, truques e habilidades que aprendi ao possuir e administrar um negócio de web design bem-sucedido. Por que web design? Veremos o apelo deste tipo de negócio. Alguns benefícios vêm à mente. Você está interessado em liberdade financeira? Liberdade para trabalhar em qualquer lugar do mundo? Liberdade para definir sua própria agenda, liberdade para escolher com quem você gostaria de trabalhar. Aqui, há toneladas de benefícios em abraçar esta indústria. E minha classe mestre vai ensinar-lhe os fundamentos de web design, codificação, domínios, hospedagem, e-mails, certificados SSL, WordPress e o tema Devi para como construir um site. Projetando e desenvolvendo visualmente sites de e-commerce de uma página, de várias páginas e compatíveis com dispositivos móveis. Onde ir para inspiração de design, recursos de imagem e as melhores ferramentas de web design disponíveis. Número três: como criar sua marca, que inclui seu site profissional, seu logotipo, endereço de e-mail, cartões de visita e portfólio digital. E como promover o seu web design número drenado para otimização do motor de busca usando técnicas de SEO no local e fora do local e como os serviços de SEO celular. Número 5, planos de manutenção de sites, como construir valor e criar renda passiva oferecendo aos seus clientes um plano de manutenção de sites que inclui hospedagem, gerenciamento, atualizações e serviços de segurança. Número 6, como servir os clientes? Eu vou orientá-lo por todo o processo, ganhando uma entrevista de clientes, citando seu site, enviando propostas e contratos, faturamento e impostos, clientes de integração, design , desenvolvimento, polimento e lançando sites e mantendo seus clientes. E número 7, conclusões e conclusões. 10 principais conclusões para o sucesso. Dez coisas que eu gostaria de saber começando, e 10 coisas para evitar ao executar um negócio de web design. Basicamente, você aprenderá a base sólida de que precisa para começar a executar um negócio de web design bem-sucedido. Agora não acredito em garantias. Eu não acredito e enriqueço esquemas rápidos, mas eu acredito em honestidade e trabalho duro. E com o conhecimento deste curso, em conjunto com uma ética de trabalho sólida, você pode colher os benefícios deste maravilhoso negócio. Eu vi isso em primeira mão. Deixa-me ajudar-te. Prometo ensinar-vos estes conceitos práticos e acionáveis de uma forma envolvente. E cada lição terá oportunidades para pausar e recentemente. E todos os trabalhos de casa importantes onde você pode colocar isso menos do que ação. Então vamos começar. 2. PARTE 1: fundamentos do design web: Bem-vinda. Sou Leighton, seu webmaster. Em nossa primeira série de lições, vamos aprender os fundamentos do web design. Estas lições vamos explorar codificação, nomes de domínio, servidores de hospedagem, contas de e-mail, SSL, segurança, WordPress e o tema Devi. Depois de aprendermos os fundamentos, aprenderemos a construir um site. Vamos falar sobre sua marca e realmente como construir seu negócio de web design. Mas antes de fazermos isso, precisamos entender tecnicamente como um site funciona. Se você já sabe como funciona, você pode pular por isso. Mas se você é novo nesta indústria, você pode estar se perguntando, o que está envolvido na construção de um site. O que é que eu começo? Quando comecei a construir sites há 15 anos, tive que aprender código. Já ouviu falar de código? Alguma linguagem de codificação vem à mente? Bem, há quatro grandes linguagens de programação web. Há HTML, CSS, JavaScript e PHP. Html é a linguagem de programação básica de todos os sites. Css dá-lhe um design de site, cor e estilo. Javascript dá-lhe uma funcionalidade de site. E o PHP permite que você interaja com servidores e bancos de dados. Vou entrar em mais detalhes sobre isso na próxima lição. Mas você pode estar pensando, toting é caro e difícil de aprender, certo? Agora. Não, isso realmente depende, de qual idioma e quais são suas necessidades. Uma mensalidade, sabe, há uma riqueza de recursos livres lá fora. Se você está interessado em aprender código, eu não pagaria um dólar por esse conhecimento. E isso traz à tona o nosso primeiro ponto-chave. Quero que aproveite toda a educação e serviços gratuitos que puder encontrar. Deixe-me repetir isso. Aproveite todos os serviços de software gratuito e educação que você pode encontrar. E honestamente, aprender a codificar um site é muito mais fácil do que codificar aplicativos móveis ou software de computador como Excel e PowerPoint. Isso é muito acima da minha cabeça. Agora, bem, é valioso ter uma compreensão básica de como essas linguagens de programação funcionam. Hoje em dia, é realmente opcional. Graças ao software de gerenciamento de conteúdo como WordPress e Visual Site Builders como o tema Devi, que vamos discutir algumas lições a partir de agora. Então, como você definiria um site? Este é um site que significa para você. É realmente como a sua pequena fatia da Internet. Um site requer um nome de domínio como a.com. Para que as pessoas saibam onde te encontrar. Pense nisso como um endereço de casa real. E enquanto as casas vivem em bairros, seu site vive em um servidor que pode conter vários sites. E, como a fechadura na porta da frente, sites também podem ser protegidos com um certificado de segurança SSL. Então, nesse sentido, iniciar um negócio de web design é como construir uma subdivisão digital. A terra está pronta para construir uma comunidade próspera. Nas lições a seguir, vamos expor os fundamentos do web design. Especialmente vamos falar sobre codificação. Vamos falar sobre nomes de domínio, servidores de hospedagem web, contas de e-mail, caixas de correio e certificados SSL de encaminhamento, WordPress. O tema Devi. E não só conseguiremos entender esses tópicos, como vou ensiná-los a criar oportunidades de negócios lá fora. Cada lição terá lição de casa onde você pode colocar em prática o que você está aprendendo enquanto constrói seu negócio de web design. Por favor, aproveite o seguinte menos. 3. Programação: Bem-vindo, sou Leighton, seu webmaster. Na lição de hoje, vamos falar sobre codificação. Código diz ao software o que fazer. Código pode ser escrito em diferentes linguagens de programação para diferentes fins. Agora, com o propósito de web design, existem quatro principais linguagens de programação web. Há HTML, CSS, JavaScript e PHP. Agora, obviamente, há muitos outros, mas vamos falar brevemente sobre estes 4. Primeiro, HTML que significa Hypertext Markup Language. Cada site que você poderia visitar é construído em HTML. E adivinha? Você pode lê-lo. Html é visível para todos para BYU. Para provar isso, vamos puxar o HTML da Wikipédia. Então aqui estamos em wikipedia.org. Vamos ver o código HTML que alimenta esta página web. No navegador Google Chrome, podemos clicar com o botão direito do mouse e clicar em Exibir fonte da página. Você deve ser capaz de fazer isso em qualquer navegador. No Chrome, ele se chama Exibir fonte da página. E aqui estamos nós. Este é o código HTML que alimenta esta página da Web. Temos um rumo. Temos o título Wikipédia. Temos a descrição da página web. Este é um código CSS. E agora o corpo começa. Este é o corpo da página web. E aqui vemos uma tag de imagem denotada pelas letras I, M, G. Aqui está a fonte dessa tag de imagem. É um arquivo de imagem PNG. Vamos abrir isso. E lá estamos nós. Este é o logotipo da Wikipédia. Podemos encontrar isso na página inicial? Vamos olhar. E aí está. Essa tag IMG criou essa imagem no centro da página. Aqui está o nosso primeiro rumo, H, um. Wikipédia. Forte significaria algo ousado. A indica um link. E há todos os tipos de outras coisas que você pode fazer com HTML. Você pode adicionar imagens, parágrafos, cabeçalhos, tabelas e muito mais. Mas o HTML por si só é bastante sem graça. Como você adiciona cor? Mude o estilo, a fonte, o tamanho, etc. Isso nos leva ao CSS. Css significa folhas de estilo em cascata. Este pedaço de código é colocado em camadas em cima do HTML para dar estilo, para embelezar um site. Css, como HTML é completamente visível para o público. Vejamos o CSS da Wikipédia. Então estamos de volta à wikipedia.org. Puxei a página da Web CSS e vamos editar um pouco do estilo aqui. Então, clique com o botão direito em um dos links. E digamos que queremos mudar a cor de todos esses links. Então, clique com o botão direito do mouse e pressione Inspect Você deve ser capaz de encontrar isso em qualquer navegador da web. No Chrome, é chamado de inspetor. Então, clique com o botão direito do mouse em um link e iria para Inspecionar. E no centro aqui vemos todo o código HTML para esta página web. No entanto, à direita estão os estilos. Então vamos mudar o estilo. Vamos mudar este azul no link. Vamos mudar para outra coisa. Lá vamos nós. Mudamos todos os links para verde. Que tal mudarmos o texto? Clique com o botão direito do mouse em algum texto. Role para baixo até a cor aqui. E vamos fazer disto um vermelho brilhante. Lá vamos nós. Vejamos esta imagem aqui. O logotipo para CSS. Inspecione com um pedaço de código. Vamos esconder isso. Nós vamos adicionar dois pontos de exibição nenhum. E lá vamos nós. Ele se foi. Vamos desmarcar isso. Coloca de volta. Mais uma coisa. Por que não mudamos o fundo desta tabela aqui? Altere a cor do traço de fundo para azul. Agora é importante observar que todas as alterações que estamos fazendo aqui estão apenas em nosso dispositivo localmente. Não estamos editando o site ao vivo. Então, por que iríamos querer fazer isso? Por que passar por todo esse trabalho? Bem, digamos que você está editando um site para um de seus clientes. E você quer mudar as coisas, ver como um estilo diferente ou uma cor diferente poderia parecer. Esta é uma maneira incrível de editar visualmente um site. E eu encorajo você a verificar a riqueza de recursos livres lá fora para aprender codificação CSS. Então HTML é o conteúdo principal da sua página web. Css dá esse estilo de conteúdo. Agora vamos olhar para o JavaScript. Javascript dá-lhe uma funcionalidade de site. A maioria das interações, animações, validação de formulários, matemática, pop-ups e funcionalidade geral do site é tratada pelo JavaScript. Há muito mais que você pode fazer com JavaScript. E a popular biblioteca gratuita jQuery torna ainda mais fácil. Felizmente, uma pesquisa rápida do Google pode ajudá-lo a encontrar um código confiável para praticamente qualquer funcionalidade JavaScript que você possa procurar. PHP significa protocolo pré-hipertexto. Você não pode ver um código PHP de sites públicos porque ele permite que você interaja com servidores e bancos de dados. Como quando você envia um formulário, o que acontece quando você faz login em um site? Quando você acessa um banco de dados? Tudo isso pode ser feito em PHP. Agora existem outras linguagens semelhantes ao PHP, como Python e Perl. Mas eu decidi aprender PHP cedo porque ele é super popular. Até mesmo o próprio WordPress é alimentado por PHP. Há toneladas de potencial com o PHP, mas para o seu bem, PHP será usado principalmente para fazer pequenas edições em seu site WordPress. Finalmente, meu SQL é um banco de dados. Com ele, você pode armazenar e recuperar dados para o seu site. Que tipo de dados você pode armazenar? Você pode armazenar perfis de usuário, postagens de blog, pedidos de e-commerce, eventos de calendário, o software WordPress, comentários e muito mais. Os bancos de dados podem ser enormes, armazenar grandes quantidades de dados que podem ser recuperados em uma fração de segundo. código MySQL básico permite que você recupere, adicione, edite e remova dados de um banco de dados. Então, essa é uma breve visão geral das linguagens de programação mais comuns que se deparam. Então, como você aprende essas linguagens de codificação? Que não podem fazer isso em um vídeo de 15 minutos. Código, pode levar semanas, até meses para compreender completamente e dominar. Felizmente, há uma enorme quantidade de recursos livres lá fora para aprender código. Eu recomendaria começar com uma pesquisa do Google, como Aprender HTML grátis. Aqui estamos no Google. Vamos pesquisar Aprender HTML grátis. Agora, os primeiros resultados que aparecem são anúncios. Sabemos disso por causa da palavra “adicionar” e essa é a nossa primeira vez. Então, os primeiros resultados que aparecem são muito provavelmente vai ser cursos premium ou pagos. Sabemos disso porque eles estão pagando por um anúncio para colocar você no site deles. Então vamos pular esses por enquanto. Vejamos o que aparece nas listagens orgânicas. Vemos Code Academy.com. Vemos W3 schools.com, aprender traço, HTML.org. Todos os recursos fantásticos. Vamos olhar para cima em que eu tinha usado vários anos atrás. W3 schools.com. Este é um recurso maravilhoso porque torna tão fácil aprender este tipo de código. Há todos os tipos de páginas aqui onde podemos aprender os diferentes tipos de código HTML, como cabeçalhos. Cabeçalhos em HTML. Ele lhe dá uma descrição básica do que isso é usado. Títulos em HTML ou títulos ou legendas que você deseja exibir em uma página da Web. Dá a você um exemplo de como eles se parecem, como codificá-los em HTML. Eles são definidos com o suporte H 1 para suporte H6. Tags. 81 define o título mais importante. H6 define o título menos importante. E há exemplos de como esse código se parece. Agora há até uma caixa Experimente você mesmo, que permite que você experimente visualmente este código que é útil. Há uma explicação de por que os cabeçalhos são importantes e maneiras de tornar os cabeçalhos maiores do que o padrão. Portanto, há todos os tipos de recursos aqui para aprender HTML. Há HTML, parágrafos, links, imagens, tabelas, listas, e isso é apenas neste para o seu site. Na verdade, existem tantos sites de qualidade como este. O, Eu não recomendaria gastar um centavo em qualquer da língua, como mencionado nas lições de hoje, economizar seu dinheiro. Passe um pouco de tempo todas as noites aprendendo código com um desses recursos gratuitos. Uma compreensão básica dessas línguas irá adicionar ao seu repertório de conhecimento. E lembre-se, quanto mais conhecimento você tem, mais valioso você se torna. E quanto mais valioso você é, mais você pode cobrar. Isso é tão importante. Deixe-me repetir isso. Quanto mais conhecimento você tem, mais valioso você se torna, e quanto mais valioso você é, mais você pode cobrar seus clientes. Além disso, você estará em melhor forma para resolver os problemas que surgirem. Por que podemos dizer isso? Que tipo de problemas surgem ao construir um site? Deixe-me pintar um quadro para você. Imagine que você puxa para cima um dos sites de seus clientes e é apenas uma tela branca em branco. Ou há um aviso ou uma mensagem de erro. O que você faz? Um erro como esse, que parece uma língua estrangeira para outra pessoa, fará sentido para você se você entender a linguagem de codificação. Na verdade, a mensagem de erro geralmente se explica se você sabe como lê-la corretamente. Então, entender o código irá ajudá-lo a diagnosticar e resolver o problema de forma eficiente . Então, o que aprendemos? Aprendemos a tal. A maioria de todos os sites são construídos com as linguagens de codificação, HTML, CSS, JavaScript e PHP. Nós também aprendemos, você pode fazer cursos universitários caros para aprender a codificar. Existem muitos recursos gratuitos que você pode explorar. Em terceiro lugar, aprendemos que o código de aprendizagem não é absolutamente necessário para ser um designer de sites. Mas eu recomendo porque você terá uma compreensão mais profunda de como os sites funcionam. Você estará em melhor forma para solucionar problemas terá uma vantagem sobre a sua concorrência. Qual é o nosso dever de casa? Eu quero que você pesquise no Google por sites gratuitos onde você pode aprender HTML, CSS, JavaScript e PHP. É isso por hoje. Eu sou Leighton e agora você sabe, programando. 4. Domínios: Bem-vinda. Sou Leighton, seu webmaster. Na lição de hoje, vamos falar sobre o nome de domínio. Como você descreveria um nome de domínio? Qual é o propósito dos domínios? Qual é o propósito do seu endereço? Para que as pessoas te encontrem. Your.com é como o seu endereço digital. É onde as pessoas vão para encontrar seu site. Nesta lição, vamos discutir um, o que os domínios fazem com quanto custam? Três, como escolher 14, onde eu recomendo comprar um. Então, primeiro, o que está envolvido em um nome de domínio? Bem, obviamente você tem o nome em si, como google.com, mas o que mais? Primeiro, cada nome de domínio tem informações de contato públicas. Que tipo de informação de contacto? Bem, cada domínio tem o nome, endereço, e-mail e número de telefone do administrador, do registrante, da tecnologia e da cobrança. Acha que pode ser uma invasão de privacidade? Aparentemente, tem sido porque nos últimos anos, maioria dos proprietários de domínio opta por privatizar o registro. E basicamente escondem suas informações de contato. Você geralmente pode ativar o registro privado gratuitamente, o que eu faço principalmente para apenas encontrar spam. Você vê que as empresas de marketing irão raspar nomes de domínio para criar as listas de marketing. Então, o registro privado limita isso. Em seguida, os nomes de domínio têm um bloqueio, um código de autorização. O que acha que são quatro? Bem, o que dá ao novo proprietário depois de vender sua casa? As chaves? Isso é certo. Da mesma forma, o bloqueio e Código de Autorização ajudaram a facilitar a transferência de propriedade. Finalmente, os nomes de domínio têm configurações DNS, que significa sistema de nomes de domínio. Isso foi descrito como a lista telefônica da Internet. E qual era o propósito das listas telefônicas? Para enviar pessoas para a pessoa ou empresa correta. Da mesma forma, o DNS basicamente especifica o servidor correto para enviar tráfego de sites, subdomínios e e-mails. Quanto custam os nomes de domínio? Geralmente cerca de 15 dólares por ano. Eu não pagaria mais de 25 por um. E você vai encontrar os mesmos preços, não importa se você está no GoDaddy IO menos 11 domínios do Google. Na verdade, deixem-me mostrar-vos um exemplo. Então, estamos na página inicial do GoDaddy.com agora, e queremos clicar em domínios. A primeira coisa que vemos é uma barra de pesquisa onde podemos digitar nosso nome de domínio potencial. Agora vamos olhar para os preços para as várias extensões de domínio. Vemos preços para o custo introdutório do primeiro ano de cerca de US $1 a cerca de US $15. Agora, o preço real do.com, após o primeiro ano preço introdutório corre em US $17,99. Agora mesmo no GoDaddy. Existem outras extensões de domínio, como dot design.org, dot store, dot blog, dotnet, dot buzz, dot guru. Na verdade, há centenas de extensões de domínio. E isso é bem novo. Apenas nos últimos anos em que essas extinções se abriram. Agora eles podem ser bastante caros. Eles podem ter mais de 50 anos. Eles podem causar centenas de dólares. Mas vamos dar uma olhada em alguns desses. Veja todos os nossos novos domínios. Aqui podemos ver uma lista de todos os domínios que são extensões de domínio estão disponíveis para registro. Na verdade, existem 497 disponíveis no GoDaddy agora. Há basicamente um para cada indústria lá fora. Então estabelecemos que há uma pequena taxa envolvida. Como um negócio de web design, você não precisa cobrir essa taxa. Você pode faturar seu cliente ou até mesmo ter que configurar sua própria conta GoDaddy em seu nome com seu cartão de crédito. Então, como você escolhe um nome de domínio? Isto é muito importante. É o seu nome de domínio é uma extensão do seu negócio. E escolha sabiamente. Como a maioria das empresas manterá seu nome de domínio para toda a vida. Seu nome de domínio ideal é apenas a sua empresa name.com. Às vezes isso não está disponível. Você tem que ser criativo. Você tem que procurar variações do nome, uma palavra-chave, uma localidade, etc. Agora, um recurso fantástico para fazer isso é o domínio search.com instantâneo. Então estamos no domínio instantâneo search.com e deixe-me procurar um nome de domínio. Vou procurar um curso de web design para você.com. Vamos tentar essa teia. Agora você vai notar enquanto eu estou digitando, todas as possibilidades são mostradas instantaneamente. Não precisamos esperar que uma nova página carregue. Nós não temos que esperar por nada em todas as cargas instantaneamente. Agora, isso é o que digitamos com várias extensões de domínio. No topo seria .com. E depois há outros por baixo. No meio, seriam ideias diferentes, variações diferentes do que escrevemos. E então à direita estaria à venda. Haverá alguns que já estão registrados e temos a oportunidade de comprá-los. São milhares de dólares normalmente. E eu normalmente não compro um nome de domínio que já esteja registrado. Então vamos continuar digitando. Web design. Isso é uma grande surpresa. Claro, que é para avaliação, parece que pode ser comprado. E esse já é um curso de web design registrado para você.com. Verde significa que está disponível, disponível para compra. Se saltarmos para ir papai ou ionise ou qualquer outro site, devemos ser capazes de comprá-lo no registrador de nossa escolha. Portanto, este site pode ser extremamente útil para procurar instantaneamente ideias de nome de domínio, em vez de ter que carregar uma nova página toda vez que queremos tentar um nome de domínio diferente. Neste ponto, pausar o vídeo, navegue no domínio instantâneo search.com por alguns minutos, brainstorm e nome de domínio por si mesmo. Agora, obviamente, como uma empresa, você vai precisar de seu próprio nome de domínio. Mas e para o seu negócio de web design? Como lidar com domínios para seus clientes? Bem, quando você assume um cliente, há dois cenários prováveis. Cenário número um, seu cliente já tem um nome de domínio. Isso é ótimo. Quanto aos registradores de domínio login e usá-lo. Cenário número dois, eles não têm um nome de domínio. Isso significa que juntos, você vai encontrar um nome e comprá-lo. Agora é importante não alterar seu nome de domínio a menos que seja absolutamente necessário. Por quê? Quais problemas você acha que podem surgir ao alterar seu nome de domínio? Algumas coisas vêm à mente. Quero dizer, as pessoas já estão familiarizadas com o seu nome de domínio, então podem questionar a validade do novo que aparece. Além disso, o nome de domínio atual provavelmente já está impresso em tantos materiais de marketing e anúncios que estão sendo exibidos. Assim, pode tornar-se muito dispendioso atualizar seu nome de domínio em todos os canais. Então, quando você se senta com um cliente, você precisa enfatizar a importância de escolher o nome de domínio certo e aderir a ele. Agora, onde você compra seu nome de domínio? Os domínios são ordenados através do que é chamado de registrador de domínio. Normalmente compro meus nomes de domínio através de ionised.com ou Godaddy.com. Godaddy é uma escolha sólida para nomes de domínio. Mas, pessoalmente, eu uso Ioannidis já que meus servidores de hospedagem web já estão através deles. Então só torna as coisas mais fáceis. Você acha que seria sensato manter todos os nomes de domínio de seus clientes sob o mesmo teto? Por que ou por que não? Sim, é. Por causa da eficiência. Você não tem que fazer malabarismo com um monte de logins. Esforço-me para manter todos os meus nomes de domínio sob a minha única testemunha ocular. Então isso é tudo através do mesmo local, através do OneLogin. Muito mais fácil de manter o controle das coisas dessa forma e ser organizado. Sendo dito, ter uma conta GoDaddy também é bom, já que é super fácil transferir um nome de domínio do GoDaddy de outra pessoa para o seu. Por exemplo, se uma empresa estiver transferindo seu nome de domínio para você, talvez seja necessário obtê-lo no antigo Webmaster. O ex-webmaster tem uma conta GoDaddy. Você pode transferi-lo para o seu e apenas cinco minutos. Neste ponto, por favor, pause o vídeo, vá para Eu próprio this.com. Clique em domínios. Passe alguns minutos lendo esta página da Web. Então, recapitulando, o que aprendemos até agora? Aprendemos um, o que um nome de domínio significa para escolher 13, qual é o custo dos domínios e para onde comprá-los. Agora lembre-se, como o proprietário de um negócio de web design, quer seu próprio nome de domínio, mas você também gerencia nomes de domínio ou seu cliente. Alguns clientes manterão seu nome de domínio sob sua própria conta, e outros permitirão que você lide com isso para eles. De qualquer forma, lidar com um nome de domínio para uma empresa exige uma medida de confiança. Quanto melhor você entender como os nomes de domínio funcionam, mais confiança você tem. E quanto mais confiança você ganha, mais valioso você se torna. Deixe-me repetir isso. A manipulação de um nome de domínio requer confiança. Melhor você entender como os domínios funcionam. Quanto mais confiança você tem, e quanto mais confiança você aprende, mais valioso você se torna. Então, qual é o nosso dever de casa? Pense em ideias para o seu próprio nome de domínio, para o seu negócio de web design. Pesquise suas idéias que o domínio instantâneo search.com, i o nas.com ou Godaddy.com. Se você ainda não possui um nome de domínio, compre um no GoDaddy ou doença usando o link de afiliado nesta descrição do curso, você começará a criar seu site nesse domínio mais tarde. Agora comprar através do meu link de afiliado é, naturalmente, opção, mas é uma boa maneira de mostrar apreço pelo seu webmaster. E agora você sabe o nome do domínio. 5. Hospedagem: Bem-vinda. Sou Leighton, seu webmaster. Hoje estamos olhando para uma parte crucial de um servidor de hospedagem de site. Lembrem-se, um servidor que gostamos numa subdivisão. É onde seus sites ou casas digitais vivem. Então, há três elementos necessários que precisamos para publicar um site. Um, o nome de domínio para o próprio site, e três, um servidor de hospedagem. Domínios, como discutimos na lição anterior, custam cerca de US $15 por ano. Um site que você pode construir gratuitamente, mas um servidor de hospedagem vai custar-lhe mais uma vez o custo exato. Depende do que bem, o que você acha que pode afetar o custo de um servidor? Bem, nossas contas elétricas são iguais para todos os tamanhos. Agora, quanto mais energia necessária, mais caro seus utilitários. De forma semelhante, quanto mais tráfego um site recebe, mais poderoso e caro o servidor precisa ser. Na verdade, você poderia gastar milhares de dólares por mês em um servidor. Mas e quanto às suas necessidades para si mesmo e para os seus clientes de pequenas empresas? Um servidor econômico de nível superior ou um servidor dedicado de extremidade inferior deve ser suficiente. São cerca de dez a 50 dólares por mês. Vejamos algumas opções. Aqui estamos no Godaddy.com. Você pode reconhecer o nome Go Daddy, como eles afirmam que eles são a empresa de hospedagem web número um mais popular do planeta. Seu marketing é muito agressivo. Eles patrocinaram Danica Patrick antigamente. Você pode tê-los visto em seus anúncios do Super Bowl, marketing muito, muito agressivo. Mas vamos ver o que eles oferecem para hospedagem. Precisamos olhar para seus servidores de hospedagem. Vamos dizer Go Daddy, anfitrião. Eles afirmam que estão hospedando soluções variam desde hospedagem na web, dois servidores dedicados incrivelmente rápidos. Agora, os servidores dedicados serão de 100 a 300 dólares e mais. Portanto, nós realmente não precisamos de um servidor dedicado quando estamos começando. Quando estamos começando como um negócio de web design, estamos procurando a opção mais acessível, um servidor mais barato no qual podemos hospedar vários sites. Então vamos olhar para primeiro eles são opções de hospedagem compartilhadas em seu site de hospedagem. Vamos clicar em hospedagem na web. Aqui, existem pacotes de hospedagem compartilhada mais populares para pequenas empresas começando? Uma reivindicação, novamente, eles afirmam ser o host número um do mundo web será realizada. Às vezes é só marketing e somos mais espertos que isso. Precisamos cavar um pouco mais fundo e ver o que está sendo oferecido aqui. Então nós rolamos para baixo e olhamos para seus pacotes. Imediatamente. As pessoas são atraídas pelo baixo custo desses servidores de hospedagem. Qualquer um pode pagar esses números, especialmente quando um negócio está começando como muito atraente. Mas vamos cavar mais fundo. Os preços começam em 599 por mês. Mas olhamos para o custo da renovação. Este é o custo real do servidor porque o período introdutório terminará eventualmente. Enquanto a empresa ainda estiver no negócio, teremos que pagar esse custo, que é 899. Uma vez que a oferta introdutória termina. Realmente, esses pacotes são entre US $9 por mês e US $25 por mês mais impostos. Ainda assim, essa é uma opção acessível. Então vamos olhar, vamos olhar mais longe. Precisamos revisar este gráfico de comparação para ver o que cada servidor está oferecendo. O servidor mais barato, o plano de hospedagem mais barato oferece um site. Agora, como um negócio de web design, vamos precisar hospedar mais de um site em nosso servidor. Então essa não é a melhor opção. Isso imediatamente exclui isso para você e para mim. Os outros planos oferecem sites ilimitados. Ótima. O próximo é 100 gigabytes de armazenamento no plano mais barato, e os outros oferecem armazenamento ilimitado. Agora, uma palavra rápida sobre ilimitado, eu vejo isso como um truque de marketing. Eu possuí, compartilhou servidores de hospedagem e garanto que há um limite que eu alcancei muitas vezes. Esse limite nos servidores que possuo está em torno de 262 mil arquivos. Então estes são, os servidores simplesmente não são ilimitados. Isso simplesmente não é verdade. A próxima coisa que vemos é o desempenho padrão. Padrão não parece muito rápido agora, não é. Isso é nos dois servidores mais baratos. O próximo oferece duas vezes o poder de processamento, duas vezes o poder de processamento e a velocidade. Então, duas vezes a velocidade do padrão. Isso ainda não te diz muito. Por isso, temos de procurar mais. Bancos de dados ilimitados, os mais baratos ofereceram dez a 25. Agora, cada site precisa de seu próprio banco de dados, então até 10 seria bom. Mas 25 e especialmente ilimitado, seria melhor. Agora, todos eles estão oferecendo largura de banda ilimitada. Isso soa um pouco confuso. Então, vamos obter alguma ajuda nesta largura de banda ilimitada. Quando analisamos esse termo, isso realmente significa que não limitamos a quantidade de armazenamento e largura de banda seu site pode usar, desde que esteja em conformidade com nosso contrato de hospedagem. Basicamente, isso significa que o que você está fazendo, o que você está colocando no servidor precisa ser ético e não consumir desnecessariamente todos os recursos do servidor. A maioria de cada negócio vai cair sob o contrato de hospedagem. Então isso não é um problema, mas eles precisam colocar isso lá. E é bom saber que a largura de banda da banda é ilimitada para a maioria dos sites. Alguns complementos abaixo. O primeiro ano gratuito do Office 365. Falaremos sobre isso em uma lição posterior. E eles estão oferecendo um domínio gratuito com o plano anual. Outra oferta agradável, os servidores de hospedagem compartilhada mais caros darão DNS premium gratuito, que é apenas um termo de marketing. Algumas empresas oferecem isso. De qualquer forma, ofereça esse certificado SSL padrão e gratuito, que é um complemento agradável. O que nos traz aqui é o poder de processamento. Esse é o que precisamos prestar mais atenção. Na minha experiência com GoDaddy, usando os servidores que vemos aqui, todos esses planos de hospedagem compartilhada é que o desempenho parece estar faltando com base em outros servidores que eu possuí. Então você paga seus 13 dólares por mês. E quando você tem 20 dólares por mês, eventualmente vai até 25 dólares por mês. E você encontrar, você pode achar que o desempenho falta um pouco. Então você paga por um anúncio em um desempenho, adiciona, desempenho adiciona no número 1, número 2, número 3. Cada um deles ou um a US $3 por mês não parece muito, mas isso soma-se ao longo do tempo, especialmente quando você começa a comprar mais servidores. Então, na minha opinião pessoal, o alto desempenho não deve ser uma atualização. O desempenho deve ser o padrão. No servidor que você compra. Não há nada como pagar pelo plano mais caro aqui. E, em seguida, descobrir que seu site carrega lentamente, talvez em cinco a dez segundos. Na minha opinião, isso é inaceitável. Então nós realmente precisamos olhar para o que cada um desses servidores está oferecendo. Realmente olhar para o gráfico de comparação e ver no que você está se metendo. Agora deve ser entendido que estes são planos de hospedagem compartilhados, que significa essencialmente que seu site é compartilhado em um servidor que inclui outros sites, todos os seus sites, incluindo todos os outros web designers e potencialmente centenas de outros sites, ou todos compartilhando o mesmo servidor, o mesmo servidor web físico e esses recursos. Então, naturalmente, um site só pode, ou um servidor, ele só pode lidar com tanto tráfego. Então, se um desses sites no servidor, não o seu, mas o site de um estranho, vê um pico no tráfego. Potencialmente, seu site pode sofrer. A vantagem da hospedagem compartilhada é esse custo. Há preços baratos, muito atraentes. A desvantagem seria um sucesso no desempenho. Você não vai obter a mesma velocidade em hospedagem compartilhada que você terá em hospedagem dedicada. Dois, antes de sairmos do site GoDaddy, precisamos ver seus planos de hospedagem de negócios. Estes não são servidores dedicados, mas oferecem hospedagem dedicada. Servidores dedicados serão centenas de dólares por mês. Hospedagem dedicada. É meio que uma opção intermediária. Está oferecendo o poder de um servidor sem a dor técnica. E deixe-me dizer-lhe que há um tintas técnicas. Se você puder evitar um Servidor Privado Virtual dedicado ou um servidor real em seu escritório. E eu vou fazer, porque isso é muito trabalho. Um plano de hospedagem de negócios com Go Daddy. Aqui está como é descrito. O melhor dos dois mundos. A potência ampliada de um servidor privado virtual, mas com um painel de controle fácil de usar que não requer uma licenciatura em ciência da computação para operar. Isso é apelativo. Vamos ver o que eles estão oferecendo aqui. Para o que acabamos de olhar era a hospedagem compartilhada. Tão baixo quanto $6 por mês? Mais uma vez, preços muito atraentes. A hospedagem da empresa começa em US$20 por mês, mas eles estão alegando que você obtém mais facilidade de uso, mais potência, mais escalabilidade e você obtém recursos dedicados em vez de recursos compartilhados. Eles estão alegando que você é o único site hospedado nesse servidor, o que significa que você obtém melhor desempenho. Vamos ver quais são esses preços. Os preços de seus planos de hospedagem web de negócios, que são hospedagem dedicada, é entre 20, US $60 por mês como seus preços introdutórios, que na realidade, uma vez que cada notícia é entre 2999 por mês e um $100 por mês mais imposto. Estes serão mais generosos com o seu armazenamento, com a sua memória e o seu poder de processamento. Mas qual é a minha opinião sobre GoDaddy? Qual foi a minha experiência pessoal com eles. Quando usei servidores económicos GoDaddy, como os que acabamos de olhar. Senti que meu site está carregado lentamente. Além disso, GoDaddy, notei que estava cheio de encargos, incluindo taxas extras para alto desempenho. alto desempenho não deve ser uma atualização. Eu repito. alto desempenho não deve ser uma atualização quando você já está recebendo o pacote econômico mais caro. Agora, para ser justo, minha opinião reflete apenas os servidores de hospedagem web da economia, não os servidores dedicados ou VPS mais caros. E eu acho que o gerenciamento de domínio deles é fantástico. Então vá papai é uma escolha sólida para gerenciar seus nomes de domínio. Mas que outras empresas oferecem servidores de hospedagem acessíveis? Alguns vêm à mente. É um opções populares são Bluehost em movimento, hospedagem, local, tudo muito popular. Mas que empresa eu usei e amei há 15 anos? Vamos ver. Aqui estamos no ionised.com, anteriormente chamado 11. Eu possuo. Trata-se de uma empresa com sede na Europa, fundada em 1988. Eu tenho uma conta com eles desde 2006, e eu usei vários de seus servidores. Então vamos dar uma olhada. Estamos interessados em hospedagem. Há muitas opções aqui para hospedagem, desde a economia, hospedagem web até os servidores dedicados e a hospedagem VPS. Os servidores dedicados vão ser muito mais dinheiro, um $100 e acima por mês e subir para os servidores de nível de preço interno. Mas para você começar, vamos olhar para os servidores econômicos muito mais acessíveis. E você deve ser capaz de hospedar cerca de 10 a 20 sites em cada um desses servidores. Vamos primeiro clicar na hospedagem na web e ver como são seus pacotes de hospedagem compartilhada. Eles estão oferecendo hospedagem rápida e segura que está pronta para crescer, obter 99,9% de tempo de atividade PHP 7.4 com caixa OP inclui DDoS, dedicados, negação de serviço e proteção contra perda de dados. Já parece impressionante. Eles estão reclamando. E novamente, todos esses sites afirmam isso. Você tem que olhar, olhar além do marketing aqui. Mas eles estão alegando que seus sites serão carregados mais rápido do que a concorrência. Amazing rápido hospedagem faz uma página melhor. Outra boa oferta aqui é a infraestrutura com redundância geográfica, tempo de atividade garantido. Então, o que a redundância geográfica é, como afirma, seus dados são espelhados em dois data centers. Portanto, você está hospedando permanências ininterruptas mesmo durante manutenção e paralisações. segurança do lado do servidor de ponta também mantém seu site ativo e funcionando. Usamos nossa própria tecnologia de escudo de servidor para evitar ataques dedicados de negação de serviço, que são basicamente tentativas de hackear. Desempenho escalável, o que significa que sua empresa pode crescer. Vejamos as ofertas reais aqui. Muito acessível, plano essencial para um site, por dólares por mês. Plano de negócios, US$8 por mês, ou plano de especialistas, US$14 por mês. Há uma oferta aqui, ofertas especiais, mas estamos realmente procurando plantas, agências, como você está procurando construir uma agência de web design. Agência, o que significa que você constrói sites para seus clientes. Você não é o cliente aqui. Você está atendendo seus clientes usando seus servidores. Então, há duas opções para agências. Há o plano de negócios de US$8 por mês e há o plano de especialistas de US$16 por mês para vários grandes projetos da Web. Isso parece impressionante. Vamos em frente e clique em Ver todos os detalhes para que possamos entender o que está sendo oferecido aqui. Direto do bastão. Uma das primeiras coisas que vou mencionar é maçãs para maçãs. Você vai ver características semelhantes em cada um desses planos como GoDaddy. Você vai ver semelhante em terra local, em Bluehost, em emoção, que dez a US $30 gama de planos de hospedagem compartilhada. Todos eles vão oferecer coisas semelhantes. Mas maçãs para maçãs ao longo do tempo. Eu descobri que eu próprio é oferecido mais desempenho e recursos por um custo mais barato do que Go Daddy. Então vamos ver como podemos apoiar essa afirmação. Vejamos o plano de especialistas de US$16 meses. Ele reivindica carregamento rápido tempos de desempenho nível cinco. O que isso significa em termos reais? A RAM ou a memória. Eles estão oferecendo a você, um servidor compartilhado que fornece noite de até 19 gigabytes de RAM. Nove shows sempre garantidos. E Go Daddy só estava oferecendo um ou dois gigabytes em seus servidores compartilhados. Qual é o limite de memória PHP? 768 megabytes, o que é bastante generoso. Eles também têm esses outros recursos aqui. PHP com cache OP, barra http para o SPD, que acelera o seu site. Tecnologia de compressão G zip. Eles estão oferecendo a você um certificado curinga SSL gratuito. Eles estão oferecendo backups diários, recuperação de dados, proteção dedicada contra negação de serviço, redundância geográfica, conectividade de rede redundante, acesso com um clique a esses aplicativos, como o WordPress. E eles estão oferecendo 500 gigabytes de espaço web, tráfego ilimitado, 500 contas SFTP. Eles estão oferecendo outros recursos baixos, como o explorador espacial, diretórios protegidos, gerenciamento de controle de versão, acesso SSH, web dev, IPV6 e 500 bancos de dados MySQL com um gig de memória para cada banco de dados. Isto é muito, muito impressionante. Eu acho que eles são muito generosos com o que eles oferecem, especialmente pelo custo aqui. E eles estão lhe dando um nome de domínio gratuito por um ano. Eles estão dando a você uma opção para criar 10 mil subdomínios. Eles dão uma boa gestão de DNS para o seu Sistema de Nomes de Domínio. Para cada conta. Eles te dão 100 contas de e-mail, que vamos participar em outra lição. Dois gigs de armazenamento de e-mail, encaminhadores de e-mail, webmail, anti pesca, anti-spam, todos os tipos de coisas aqui, incluindo atendimento ao cliente amigável, todos os tipos de guloseimas incluídas no pacote de hospedagem compartilhado ionise para agências. Agora, por natureza, os servidores de hospedagem web da economia são virtualmente compartilhados com outros sites. Você não conhece esses sites, não interage com eles. Mas o que você acha que poderia acontecer se alguns desses sites vissem um aumento no tráfego? Se o seu site estiver no mesmo servidor compartilhado que outros sites que estão sendo bombardeados com tráfego. Você adivinhou certo? Seu site com enxofre. Então, quais tipos de servidores de hospedagem estão disponíveis que não são compartilhados? Vamos olhar. Estamos de volta ao gráfico de comparação para os pacotes de hospedagem compartilhada de nível de agência. Vamos nos afastar do compartilhado e olhar para as opções dedicadas. Primeiro, deixe-me mostrar o que um servidor dedicado é executado. Então, com um servidor dedicado, você tem o servidor, você tem um acesso root a ele, que significa que, assim como um computador, você tem o controle das atualizações de software, os patches de segurança, tudo isso. E você também tem muito controle sobre o que pode fazer. Mas para muitas pessoas, isso é muito avançado. Assim, servidores dedicados, hardware atende a nuvem. Seu próprio servidor em hardware dedicado com integração na nuvem e cobrança por minuto, até 10 gigabits por segundo. largura de banda em processadores Intel escaláveis parece muito impressionante, mas vamos ver quais são os preços. Para um disco rígido padrão. Seus preços começam em US $70 por mês. Você vai notar uma taxa por hora. Uma vez que estas são soluções de nível empresarial, o faturamento é muito mais flexível. Eles estão cobrando você por minuto ou por hora em vez de cobrar uma parte do mês. E isso pode subir para US $280 por mês. Alguns sites veem picos de tráfego em determinados momentos e precisam ser dimensionados. Portanto, isso pode ser conveniente para maiores empresas e empresas de nível empresarial. Mas vamos olhar para algo mais acessível para você e para mim. Então estamos fugindo do servidor compartilhado. Nós olhamos para o servidor dedicado, mas vamos olhar para uma opção híbrida no GoDaddy que foi chamado de pacote de hospedagem empresarial em ionise, que é chamado de hospedagem dedicada. Não servidor dedicado, mas hospedagem dedicada. Vamos ler. Hospedagem web poderosa com hardware dedicado. Aumente o desempenho de seus projetos web com hardware poderoso, que é todo seu. Nossa interface fácil de usar torna isso simples. Gosto destes servidores porque são seus. Você não compartilha a capacidade de processamento ou a largura de banda com mais ninguém. Desde que eu assumi clientes maiores, Eu agora uso hospedagem dedicada de ionise. Vamos ver quais são os custos deles. Eles têm quatro opções aqui. Para uma unidade de estado sólido, que seria mais rápida do que um disco rígido normal. E seus preços variam de US $65 por mês para um US $160 por mês. Quando você olha além da taxa introdutória, o que isso te dá? Dá-te um bom processador. processador multi-semana e multi-core, na verdade, oferece entre oito e 64 gigabytes de RAM dedicada. Oferece pelo menos 240 gigs de armazenamento, até 800 gigs de armazenamento, que é uma tonelada de armazenamento para projetos da Web. Mais do que você jamais precisaria, muito provavelmente, tráfego ilimitado, um domínio livre, o software de varredura do site e rede de entrega de conteúdo de pistola ferroviária. Então eles te oferecem muito aqui. É uma opção muito boa. E eu gostei do apelo de não ter que lidar com nenhum desses sistemas operacionais para você mesmo, para o seu servidor, você não precisa lidar com as atualizações do servidor, patches de segurança, nada disso, e oferece a você o servidor inteiro para si mesmo. Você não compartilha a capacidade de processamento ou a largura de banda com mais ninguém. Então, novamente, não há risco de outros, outros usuários competirem por recursos. O resultado é um desempenho excelente para seus projetos, mesmo sob altas cargas de trabalho. Gosto desta solução híbrida. Lá você encontrará um desempenho maior do que os servidores compartilhados, mas um custo mais barato do que os servidores dedicados ou as soluções de nível corporativo. Essas são as opções de hospedagem dedicadas do meu Jonas. Na verdade, a maioria das empresas de hospedagem que oferecem hospedagem compartilhada acessível também oferecerá opções de hospedagem dedicadas, bem como os servidores virtuais privados e servidores empresariais mais avançados. Agora, para ser claro, você pode iniciar e executar um negócio de web design com qualquer conta de hospedagem. Qualquer opção de hospedagem através de qualquer provedor de hospedagem, permite que você projete e desenvolva sites para você e seus clientes. Quero ajudá-lo a construir um negócio de design de sites bem-sucedido. Como é que chegaste a esse ponto? E com centenas de empresas de hospedagem por aí, como você pode escolher a certa para você? Bem, você pode comparar isso com o processo de compra da bateria do seu carro. Ao escolher uma bateria de carro, você pode ser apresentado com as boas, melhores e melhores opções. Agora, se você estiver absolutamente em uma pitada e precisar do melhor preço, você pode escolher a opção mais barata. Se você precisar do melhor desempenho. Por outro lado, você pode selecionar a bateria de maior qualidade. Em última análise, todas as baterias funcionam o suficiente, certo? Mas alguns podem oferecer um preço melhor, onde outros oferecem melhor desempenho. Vamos comparar isso com hospedagem na web. Você pode considerar a economia compartilhada de hospedagem de pacotes um a US $20 por mês como a boa opção. Nós olhamos para exemplos de hospedagem econômica de GoDaddy e I Jonas, embora existam toneladas de provedores de hospedagem lá fora, preços imbatíveis. - Claro. Mas o desempenho, a velocidade e o tempo de carregamento serão mais lentos do que as opções de hospedagem dedicadas. Portanto, eu só recomendaria isso se você estiver mantendo suas despesas no mínimo ou se você está apenas começando e ganhando experiência. Em seguida, a melhor opção é a hospedagem dedicada por US $2250 por mês. Essa opção oferece desempenho e recursos dedicados. Nós olhamos para exemplos de hospedagem dedicados de GoDaddy e eu possuo EUA. Embora haja muitas outras opções lá fora, esta é a melhor opção para a qual você pode atualizar uma vez que você tenha superado a hospedagem econômica de nível básico. Eu usei tanto a economia e os planos de hospedagem dedicados da Iona nos desde 2006, reservando a hospedagem dedicada para meus clientes de alto desempenho. Então, o que eu consideraria a melhor opção? Como você atualiza sua agência para o próximo nível? Bem, vamos dar uma olhada em uma empresa fantástica chamada Cloud ways que oferece hospedagem em nuvem gerenciada excepcional. Então este é o modo de nuvem, a melhor experiência de hospedagem em nuvem que eu já vi. Então estamos na Cloud ways.com. E aqui está o slogan. Plataforma de hospedagem em nuvem gerenciada. Concentre-se no seu negócio e evite todos os problemas de hospedagem na web. Nossos hosts gerenciados e garantem desempenho, confiabilidade e escolha inigualáveis com suporte 24, 7, que atua como sua equipe estendida criando maneiras de nuvem e melhor escolha para agências em crescimento e negócios de comércio eletrônico. Então vamos ver o que eles são. Simplicidade e escolha. Eles têm cinco provedores de nuvem que você pode escolher. Você pode criar aplicativos ilimitados. Um aplicativo basicamente que significa um site. Todos os aplicativos PHP são suportados e eles tinham que ter um painel de controle inovador. Próxima experiência livre de preocupações, que eu posso atestar totalmente. Eles têm suporte 24, 7, 365 dias por ano. Eles gerenciaram a segurança, o que significa que eles cuidam do aspecto de segurança para você. Eles têm backups automatizados, que cuida completamente da necessidade de ter um plug-in de backup de terceiros, já que seu servidor lida com isso para você, formas de nuvem e 24, 7 monitoramento em tempo real. Então, se algo der errado, há erros, então eles podem estar trabalhando nisso para você em um desempenho em tempo real que dimensiona o dimensionamento, ou seja, quando sua empresa, seu site ou o negócio do seu cliente cresce e eles acumulam mais tráfego. Isso seria escalar. Seu servidor web precisa ser capaz de lidar com esse crescimento de negócios. Eu tenho uma pilha otimizada, que é os pequenos pedaços de software que trabalharam juntos no servidor. Rede de entrega de conteúdo incorporada, servidores de recuperação automática, que basicamente cuida de problemas que surgem em um nível técnico. E servidores prontos para PHP 7.3, que é uma versão moderna do PHP. O que mais eles têm? Plataforma inovadora criada para capacitar equipes? Entra ao vivo em minutos. Esta é uma característica incrível. Nossa plataforma de hospedagem na nuvem elimina as complexidades da configuração do seu site e permite que você entre ao vivo e minutos. Em minutos você pode ter um servidor criado e em minutos você pode ter um site pronto para construir, gerenciar como um profissional. Ajudamos agências e empresas a criar e gerenciar aplicativos da Web de forma mais colaborativa e eficiente e dimensionar para o sucesso. Como falamos, estamos comprometidos em oferecer desempenho rápido, segurança ininterrupta e escalabilidade perfeita para seus sites. Tudo isso é muito, muito importante. Aqui vemos um clipe do processo para começar o seu servidor, você seleciona o seu aplicativo e que, no nosso caso, usamos o WordPress. Você seleciona sua marca de servidor, que vamos passar aqui em breve, as diferenças e o tamanho do seu servidor. Assim, servidores maiores para mais tráfego e quando você precisa de mais armazenamento em seu site. Tudo bem, então vamos olhar para a página de recursos para ter uma idéia de mais alguns recursos que estão disponíveis em formas de nuvem. Hospedagem feita simples, rápida e conveniente. Nossas receitas gerenciadas de hospedagem e hospedagem simplificam toda a sua experiência para que você possa se concentrar no crescimento do seu negócio. As principais características aqui são simplicidade e escolha. Aumente o seu negócio com o mínimo de restrições e mais liberdade. Eles basicamente tiram todas as opções avançadas. Então você só tem o que precisa se preocupar. Experiência sem preocupações, você tem controle sobre seus aplicativos e servidores. desempenho que dimensiona a experiência aprimora os tempos de carregamento para seus aplicativos, o que basicamente significa que esses servidores e sites carregam super-rápido, que é realmente importante para a experiência do usuário e para os rankings dos mecanismos de busca e preços transparentes, planos de preços que funcionam para todos. Então, aqui em baixo, eles dividem os diferentes recursos divididos por especialistas suportam desempenho de alta velocidade. Segurança. Hospedagem gerenciada vem com segurança gerenciada. práticas de segurança proativas baseadas na nuvem mantêm todos os seus servidores seguros e protegidos. Muito importante. Gerenciamos seu servidor da maneira que você quiser. Você pode escolher o tipo de servidor e o tipo de aplicativo. Colaboração. Assim, você pode colaborar com sua equipe. Você é o chefe, você tem os controles, backup e restauração com um clique, entre outras opções, integração e complementos. Eles se integram a diferentes serviços de terceiros que você pode aproveitar. E monitoramento 24, 7 monitoramento em tempo real para o seu serviço. Portanto, esta é uma solução gerenciada. Significa que eles estão constantemente vigiando seu servidor e cuidando de quaisquer problemas. E eles estão fazendo parceria com você para trabalhar com você para o seu sucesso futuro, vez de apenas obter hospedagem estritamente com acompanhante que você contata quando você tem problemas. Cloud wise vai trabalhar com você enquanto você faz parceria com eles. Então, o que custam as formas de nuvem? Vamos clicar no preço na parte superior aqui. Preços flexíveis e transparentes. Pague como você ir planos no trabalho para o seu negócio. Não há bloqueio, há contrato com as formas Cloud. Não há custo para um certificado SSL. Você paga conforme o uso, o que significa que se você usar um monte de tráfego por um mês e você apenas paga por esse tráfego, em vez de ficar bloqueado para obter um servidor maior por um certo período de tempo. Migração gratuita. Migrámos seu primeiro site para formas Cloud gratuitamente. E este é realmente importante, aplicativos ilimitados, que significa que você como um negócio de web design pode ter um servidor e hospedar uma quantidade ilimitada de sites nele. Na realidade, isso se revela em torno de dez a 20 sites por servidor, mas isso depende de muitos fatores diferentes. Mas basicamente. Significa que você pode hospedar sites de seus clientes. Você não tem quaisquer limites sobre a quantidade que você pode colocar em seu servidor, que é um recurso bonito quando você está perseguindo isso como um negócio. Gerenciar planos de hospedagem. Trabalho para todos. Então, qual é o custo real? Bem, temos diferentes provedores de hospedagem aqui, provedores de servidores, temos oceano digital, nó de LA, abutre, Amazon e Google. Cada um deles lista os data centers que estão disponíveis no momento. Então, quando você clica na opção Data Centers, ele informa as cidades ao redor do mundo onde seus data centers estão localizados. Assim, a sabedoria convencional seria hospedar seu site no servidor físico que está localizado mais próximo do seu público-alvo. Como o ruído da nuvem é tão transparente com essas cidades e locais, você tem essa liberdade para escolher isso. Então, quais são os custos? Bem, vejamos um exemplo, Digital Ocean. Agora eles têm opções diferentes e isso quebra com a tecnologia diferente aqui. Especificamente, a RAM, que seria a memória, o processador, que seria a velocidade de computação do servidor, o armazenamento e, em seguida, a largura de banda, quanto tráfego ele pode lidar. Todos os planos vêm com 24, 7, 365, apoiar o SSL, migração, aplicativos ilimitados, monitoramento , backups, todas as coisas boas que tínhamos falado. Então vamos olhar em profundidade sobre os diferentes preços e como isso pode ser dimensionado. Então nós temos no exemplo de Digital Ocean aqui, nós temos um show de RAM, os dois gigs de memória, quatro gigabytes, oito, 16, todo o caminho até um 192. Agora, isso varia de US $10 por mês em moeda dos EUA para US $100 por mês. Um dos planos que eu tenho agora é um quatro gigabytes um, e que é confortavelmente encaixar cerca de 20 sites de clientes diferentes. Agora isso varia dependendo do tráfego e do armazenamento e das necessidades do cliente. Mas geralmente para uma pequena empresa que está funcionando bem para cerca de 10 a 20 clientes diferentes. No início, não há necessidade de pequenas empresas irem além, digamos, oito gigabytes. Então, a partir desse ângulo no sentido horário é realmente bastante acessível. E outra maneira incrível de nuvem de recursos é que, se você estiver no plano de dois gigabytes, então com o clique de um botão e cerca de meia hora durante a noite, você pode escalar do plano de dois gigabytes para o plano de quatro gigabytes com apenas o clique de um botão. As maneiras de nuvem lidam com esse dimensionamento e a migração para o servidor maior. Eles lidam com isso para você. E então, a partir desse ponto, você será cobrado o preço de US$42 ou o preço de qualquer um que você escalá-lo. Eles tornam extremamente fácil fazer isso. E essa é uma das razões pelas quais esta é uma atualização premium. Nos caminhos da Nuvem. Você vai pagar um pouco mais do que você pagaria em um servidor de economia compartilhada, mas os benefícios superam totalmente os custos nesses diferentes exemplos. Há também opções premium aqui, que seriam servidores de alta frequência. E essas são basicamente apenas mais uma tecnologia atualizada. Então, você seleciona um servidor com base no seu data center e no preço que está disposto a pagar com base em suas necessidades. E você pode migrar em escala entre diferentes servidores a qualquer momento. Agora, mais um ponto sobre as maneiras da nuvem. Falamos sobre domínios na lição anterior. E você deve saber que as formas de nuvem não lidam com nomes de domínio para você. Você ainda precisa ter um registrador de domínio como Godaddy.com ou Iona ps.com. Ou onde quer que você escolha registrar seus nomes de domínio, google domains, sempre que quiser, você tem que obter seu nome de domínio em outro lugar. E, em seguida, com um simples registro DNS, você pode apontar o tráfego do site para sua conta Cloud ways. No geral, as formas de nuvem são uma solução fantástica e estou tão feliz em compartilhar com vocês o meu entusiasmo por esta empresa incrível. Espero que tenha gostado do meu entusiasmo pelas maneiras Cloud, o melhor provedor de hospedagem que já usei. Agora existem outras plataformas de hospedagem gerenciadas premium como WP Engine, volante. Mas eles geralmente limitam a quantidade de sites que você pode armazenar em cada servidor. Considerando que as maneiras da nuvem não fazem isso. E por esse motivo, as formas de nuvem são a minha opção ideal para meus clientes que precisam do melhor desempenho. Então, vamos rever brevemente como selecionar seu provedor de hospedagem. Então vamos recapitular o que aprendemos nesta lição. Agora, a opção de nível de entrada seria um pacote de hospedagem web compartilhado de economias de nível superior. Isso é ideal se você está apenas começando e ganhar experiência. Uma vez que você esteja pronto para escalar e atualizar seus sites, há servidores de hospedagem dedicados. E em se você é sério sobre o seu negócio e pronto para o topo da linha, o melhor desempenho possível. Hospedagem em nuvem gerenciada, como maneiras de nuvem, é o caminho a seguir. Então, o que aprendemos nesta lição? Aprendemos número um, hospedagem é essencial para sites. Número 2, hospedagem pode ser muito caro ou enganosamente acessível. Em terceiro lugar, a fim de lidar com vários sites de seus clientes, você vai querer falar com seu servidor compartilhado em torno de US $16 por mês, um plano de hospedagem dedicado. São 120 e 150 e um para hospedagem em nuvem gerenciada, a partir de 25 dólares por. Número quatro, geralmente você pode armazenar cerca de 10 a 20 sites de seus clientes em cada servidor. Número 5. Depois de anos de pesquisa, eu recomendo que eu próprio e Nuvem maneiras por esses motivos. Na minha experiência pessoal e profissional, eles são mais generosos que desempenho, velocidade e recursos com seus interesses e opções. Qual é o seu dever de casa? Se você ainda não possui hospedagem na web, checkout Eu possuo formas AS e Cloud usando os links de afiliados nesta descrição do curso. Escolha o pacote de hospedagem especializada na web do Jonah, um dos pacotes de hospedagem dedicados mais baratos ou um plano de hospedagem gerenciado em nuvem com um data center mais próximo de sua localização. Eu sou preguiçoso. E agora você sabe, web hubs lá. 6. E-mails: Bem-vinda. Sou Leighton, seu webmaster. Hoje, vamos discutir outra coisa que você pode hospedar e ao lado do seu site, e-mails. Agora, por que você iria criar um endereço de e-mail? Talvez você esteja pensando em um Gmail ou Yahoo ou um site como esse, e você estaria correto. Mas onde você iria para criar um e-mail para a sua empresa? Bem, lembre-se do servidor de hospedagem na web que falamos na lição anterior. Sim, seu servidor, que você cria centenas de endereços de e-mail sem custo extra. Isso está incluído no custo da conta de hospedagem. É tão empolgante. Basicamente, você tem duas opções. Você pode criar reencaminhamentos e caixas de correio. Vamos discutir isso. Primeiro. Para a frente. É aqui que seus e-mails são encaminhados para outra caixa de correio. Nenhum e-mail é armazenado no servidor web. Basicamente, eles são redirecionados para seu Gmail ou sua conta pessoal ou para onde você escolher enviá-los. O benefício é que você não precisa acompanhar, mas apenas mais uma caixa de entrada e outra senha. A principal desvantagem, porém, é que você não pode enviar e-mails de seu encaminhamento. Por exemplo, se seu contato que meu endereço de e-mail domain.com encaminha para seu Gmail. Todas as respostas virão do seu Gmail. O que é realmente não parece tão profissional. A segunda opção é uma caixa de correio. Esta é a sua conta de e-mail típica. Tudo o que você precisa especificar é seu endereço de e-mail, como contato com o pai ou informações em sua senha, e se você quer ou não proteção contra spam. Então, por que criar um endereço de e-mail em seu servidor Por que você não abre um Gmail para sua empresa? Essa é uma ótima pergunta. Muitas startups vão para a rota do Gmail. Mas para ilustrar isso, você pode pensar em qualquer grande corporação que usa em gmail.com para suas contas de e-mail. Como reagiria se recebesse um e-mail de um Gmail que supostamente vinha de uma corporação respeitável como McDonald's ou Apple? Esperemos que isso levantasse uma grande bandeira vermelha. Você vê que qualquer pessoa, incluindo spammers e hackers, pode registrar uma conta gratuita do Gmail. Para a solução profissional é possuir um nome de domínio da empresa e criar seu endereço de e-mail sobre isso. Agora é importante ter um endereço de e-mail profissional para você mesmo. Mas e para o seu negócio de web design? Como lidar com contas de e-mail para seus clientes? cada empresa para a qual você cria um site, provavelmente precisaremos de seu próprio endereço de e-mail. Alguns irão querer vários endereços para cada funcionário. Alguns simplesmente pedirão para encaminhamentos, e outros irão querer caixas de correio completas. Na verdade, por que não entramos em um servidor web para que possamos ver como criar uma barra de endereços de e-mail na minha conta pessoal de testemunha ocular. Vamos criar nosso endereço de e-mail clicando em e-mail. Primeiro mostra-nos os diferentes servidores de hospedagem que temos. Clique em um desses e ele puxa para cima todas as caixas de correio e encaminha que criei para mim, meu negócio pessoal e para os clientes que hospedei neste servidor. Agora, antes de criarmos nosso endereço de e-mail, vamos primeiro olhar para o potencial aqui. Eu possuo. Isso nos permite criar uma quantidade ilimitada de encaminhamentos e uma quantidade ilimitada de caixas de correio, que eles chamam de negócio básico masculino e de correio, muito generoso de ionizado. Então vamos criar nosso endereço de e-mail. Agora somos apresentados com quatro tipos de caixa de correio diferentes. Primeiro, podemos fazer um encaminhamento de e-mail, onde os e-mails não são armazenados no servidor, eles são simplesmente redirecionados para outro. A primeira opção de caixa de correio é básica masculina. O atualizado é um negócio masculino, que custa alguns dólares extras por mês e nos dá um espaço de armazenamento atualizado de até 50 gigabytes. E depois há o Microsoft Exchange 2019, que é ainda mais caro. Mas normalmente evito essa opção porque se vou configurar um cliente com o Microsoft 365, comprarei isso diretamente do Microsoft.com em vez de usar a versão ionise carregada. Então, vamos primeiro ver como criar um clique de encaminhamento em Criar em encaminhamento de e-mail. E somos apresentados com apenas algumas opções na próxima tela. Quando criamos um encaminhamento de e-mail, tudo o que precisamos é do identificador para ele, como suporte. Achamos que o nosso nome de domínio, no meu caso, pioneer.me. E então você escolhe o endereço para o qual deseja reencaminhar. Ele diz automaticamente encaminhar todos os e-mails recebidos para os seguintes endereços de e-mail. Devemos notar que podemos criar vários endereços de e-mail, não apenas um. Podemos adicionar vários alvos de encaminhamento, total de dez, como um recurso muito conveniente. Vamos cancelar isso e, em seguida, criar uma caixa de correio em vez de um encaminhamento. Só mais algumas opções aqui. Na próxima tela, quando criamos uma caixa de correio de e-mail, ainda precisamos criar o identificador, como suporte em pioneer.me. E, em seguida, é-nos pedido com uma palavra-passe, escreva a nossa palavra-passe, torná-la segura. E então também podemos encaminhar uma cópia de todos os e-mails para outra conta. Como uma característica agradável. Você pode armazenar os e-mails e encaminhar uma cópia. E então somos apresentados com três opções aqui. Para segurança de e-mail. Temos anti-spam, temos proteção contra vírus e temos arquivamento de e-mails. anti-spam enviaria qualquer coisa que pareça spam para sua pasta de spam. Inclui proteção contra spam baixa, média e alta incluída. Por uma taxa de US $2, você pode obter proteção contra vírus. Eu normalmente não marcar essa caixa e raramente é um problema. Além disso, há proteção contra perda de dados por meio do arquivamento de e-mails, que é onde uma cópia de seus e-mails é salva em um processo altamente seguro e automatizado. Os e-mails são arquivados separadamente, o que é um recurso de proteção de dados. Eu normalmente não verifico isso também. Claro, ou estes podem ser verificados se o cliente os quer especificamente e está disposto a pagar a taxa. Essas são características agradáveis que você pode aproveitar. E guardamos isso. E, em seguida, na próxima tela serão apresentadas com opções do que podemos fazer com a nossa nova conta de e-mail. Na próxima tela, vamos querer salvar nossa senha separadamente e tudo o que usamos para salvar nossas senhas. No meu caso, essa é a última passagem. Vou clicar em Não agora, mas você precisa salvar a senha para si mesmo ou se for para um cliente, É bom salvar isso de forma segura. Para os seus clientes. Agora o endereço está configurado. Você pode usar seu novo endereço de e-mail agora usar seu novo endereço de e-mail diretamente on-line ou configurar seu programa de e-mail. Basicamente, isso significa que você pode usar o web mail ou adicioná-lo ao seu cliente de e-mail preferido. Então, agora que a conta foi criada, como acessamos nossos e-mails? Temos algumas opções. Primeiro, o webmail para eu próprio é este é webmail Jonas.com. Para você pode usar um cliente de email. Essas contas de email podem ser adicionadas ao email iOS, outlook com o aplicativo de email do Windows ou a qualquer cliente de email que aceite IMAP. IMAP significa Internet Message Access Protocol. IMAP basicamente permite que você adicione seus e-mails ao seu desktop, seu tablet ou seu telefone. E todos os e-mails ficam sincronizados em todas as contas de e-mail. É muito bacana, mas já existe há muito tempo. E há mais soluções disponíveis. Como o quê? Para onde você vai quando seus clientes precisam de seus e-mails atualizados? Bem, duas soluções vêm à mente. Há o G Suite e o Microsoft 365. Vamos dar uma olhada no G Suite. Aqui estamos na página inicial do G Suite do Google. Agora, quando usamos o G Suite, não estamos recebendo um endereço de e-mail no gmail.com. O Google oferece o Gmail gratuitamente. Mas quando você está usando o G Suite, você está usando servidores de hospedagem para seus e-mails. Então você ainda está usando seu nome de domínio. Você só está usando a tecnologia do Google para hospedar os e-mails e me dar um monte de outros recursos. Diz que podemos obter documentos do Gmail, carne do Drive Calendar e muito mais para a sua empresa. Novamente, você pode tê-los gratuitamente, mas isso é para sua empresa usando seu.com. Então vamos ver o que eles oferecem aqui. Gmail para negócios. É o Gmail, você sabe, e o amor projetado para negócios com controles administrativos e sem anúncios. Troque em gmail.com por seu próprio domínio para criar endereços de e-mail profissionais, como seu nome em example.com ou vendas em example.com. O que mais pegamos carne em segurança de qualquer lugar? Mantenha sua equipe conectada com videoconferência premium baseada na infraestrutura global robusta e segura do Google. A carne está incluída no G Suite e no G Suite for Education. Assim, além de e-mails, você obtém videoconferência e colaboração. Trabalhar. Mais rápido, trabalhe de forma mais inteligente, colabore em arquivos e em tempo real. Encontre rapidamente espaço no calendário de todos e faça reuniões de qualquer lugar. G Suite tem as ferramentas para aumentar sua produtividade. Portanto, o G Suite é realmente construído como um conjunto de produtividade completo, que inclui e-mails como um dos serviços que eles oferecem. A segurança é muito importante aqui. Aproveite a mesma infraestrutura segura. O Google usa. Seus dispositivos de dados e usuários estão protegidos e todos os seus arquivos são automaticamente copiados em palhaço. Com o G Suite, você está no controle. Então, de novo, o que eles oferecem? Vamos clicar no que está incluído na parte superior. Tenha uma ideia do que é oferecido aqui e dos aplicativos incluídos, reunião do Gmail, bate-papo, calendário do Drive, Planilhas do Documentos, Apresentações, Formulários, sites, correntes, manter Aplicativos, Script e Pesquisa na Nuvem. Muitos dos serviços do Google em uma configuração de negócios, você pode usar isso potencialmente para substituir a Microsoft. Palavra. Os médicos substituiriam a palavra. Folhas, substituiria o Excel. Slides, poderia substituir o PowerPoint se você realmente quer ser investido no ecossistema do Google. Então, quanto é que isto custa? Nós clicamos no preço, escolha sua adição do G Suite. Eles chamam seus planos de adições. Há um plano de $6 por usuário por mês, um plano de doze dólares por usuário por mês. E então, claro, mais alto em soluções corporativas, que você tem que obter uma cotação personalizada sobre. Para a maioria de todos, os US$6 por usuário por mês serão a escolha ideal. Então, agora vamos olhar para a outra opção, Microsoft 365. Aqui estamos no pacote de produtividade da Microsoft. Portanto, deve ficar claro que isso foi chamado Office 365 por vários anos, mas em 2020 foi rebatizado como Microsoft 365. Mesma oferta, mesmos produtos, só um novo nome. Microsoft 365, sua nuvem de produtividade no trabalho e na vida. E-mail é uma parte disso. Eles oferecem muito mais projetados para ajudá-lo a alcançar mais com aplicativos inovadores do Office, Serviços de Nuvem Inteligente e segurança de classe mundial. Então, vamos aprender o que eles oferecem em sua solução de negócios. Quanto mais produtivo usar aplicativos do Office, mantenha-se atualizado em qualquer dispositivo com as versões mais recentes do Word, Excel, PowerPoint e muito mais. Você recebe e-mails, que é o que estamos procurando ter, e o calendário se conectar com clientes e colegas de trabalho usando o Outlook e o Exchange pode ter chamadas de bate-papo e reuniões. Armazenamento em nuvem com OneDrive e um monte de outros um pouco mais fácil. Vamos ver quanto custam. Então, se você continuar aqui e estiver confuso com esses três planos diferentes, você não está sozinho. Muitas pessoas são. Então vamos acabar com isso. US$5 por usuário por mês é a conta básica do Microsoft Business. O que isso basicamente recebe é e-mails, pode hospedar e-mail com uma caixa de correio de 50 gigabytes. Você está usando seu próprio nome de domínio. E isso permanece sincronizado em todos os seus dispositivos usando a tecnologia de troca. Além disso, ele sincroniza seus contatos e calendários. Você obtém uma versão Web do Outlook, Word, Excel, PowerPoint e OneNote. Esse não é o software que você baixa para o seu computador, é uma versão web. Você também receberá armazenamento de arquivos com o OneDrive, que é como a versão da Microsoft do Google Drive e do Dropbox. Você pode se comunicar com o Microsoft Teams para colaborar com sua equipe. E dá-lhe uma segurança e suporte incorporados. São 5 dólares por caixa de correio por mês. Qual é a versão de US$12,50 que você chama Microsoft 365 Business Standard. Isso lhe dará a versão real para download do Office, totalmente instalada, versões sempre atualizadas do Outlook, Word, Excel, PowerPoint e OneNote para Windows e Mac. Assim, você recebe o software, além do nível corporativo, e-mails. Portanto, apenas e-mails, e-mails e aplicativos. Há também um aplicativo apenas Virgin por cerca de US $8 por usuário por mês. Além disso, há a opção Microsoft 365 Business Premium, que lhe dará algumas opções extras que basicamente apenas as grandes empresas precisarão aproveitar. Deve ficar muito claro que isso é por usuário, por mês. Então, se você tem um negócio, você não está pagando apenas $12,50 por mês. Você está pagando isso por cada endereço de e-mail que você precisa para si mesmo, para seus funcionários ou seus gerentes, tudo isso. Isso não custa para seus encaminhamentos, apenas suas caixas de correio. Então, novamente, cada pessoa em sua equipe que precisa de um endereço de e-mail provavelmente será cobrado esse preço, US$12,50. Ou para a maioria das pessoas, os $5 por usuário por mês serão o plano mais popular. Então, essas são duas soluções sólidas de e-mail de negócios da Microsoft e do Google. Como você instala e configura três mils? É realmente muito simples. Você vê que os e-mails não estão hospedados em seu servidor web. Eles são hospedados em servidores do Google ou da Microsoft. Então, tudo o que você precisa fazer é adicionar um registro DNS para redirecionar e-mails para seus servidores. O registro DNS específico é chamado MX ou trocador de email. Então, apenas uma linha de código que diz que todos os e-mails devem ser redirecionados para outro lugar. Você se lembra da ilustração da lista telefônica que o DNS registra como livros de ossos. Bem, quando você olha para cima ou envia e-mails, o que diz a lista telefônica? Diz para e-mails, vá para a Microsoft ou vá para o Google. Veja que uma linha de código DNS faz essa conexão. Então, até agora discutimos tanto os e-mails hospedados gratuitos e os dedicados pagos. Como você sabe o que para os judeus? Como você sabe se deve ficar com os e-mails hospedados em seu servidor ou comprar essas contas de e-mail extravagantes. Bem, isto é a chave. Para muitas pequenas empresas, o e-mail hospedado está incluído no seu servidor web ou suficiente. Normalmente, só procuro o G Suite e o Microsoft 365 quando um cliente ultrapassou suas contas de e-mail hospedadas e precisa de uma solução mais avançada. Mas eles precisarão pagar por esse privilégio, geralmente cerca de US$5 por usuário por mês. Agora isso traz outro ponto-chave para todo este curso de negócios. Agora que você está pensando, não apenas como um web designer, mas como um proprietário de negócios, você pode aproveitar essa oportunidade para vender mais, fazer um pequeno lucro. Se os e-mails custar US $5 por pessoa por mês, 1 em cima cobrar seu cliente $7 cada, fazer um lucro de US $2 em cada caixa de correio. Ou para os e-mails hospedados gratuitos, tente cobrar alguns dólares por caixa de correio. O cliente não precisa saber que isso é gratuito para você criar. Na verdade, você pode considerar isso como uma taxa para seu tempo, experiência e suporte. Pense como um empresário e você encontrará pequenas oportunidades para criar lucro. E cada pequeno lucro soma-se. Agora, antes de concluirmos, temos de abordar mais um ponto importante. Digamos que você assume um cliente e eles já têm várias caixas de correio está cheio de e-mails. O que você faz? Bem, primeiro, você precisa avaliar a situação. Eles usam IMAP? Eles usam o G Suite, microsoft 365? Você precisa descobrir isso. Se eles usam o G Suite ou o Microsoft 365, escreva, seu trabalho ficou muito mais fácil. Tudo o que você precisa fazer é copiar os registros DNS existentes que os e-mails continuarão a ir para a conta de email correta. Caso contrário, se eles usarem e-mails hospedados por IMAP, você terá que começar a movê-los para o seu servidor. Então comece fazendo uma lista de todas as caixas de correio, os encaminhamentos e as senhas. Segundo, você tem que apoiá-los. Isso significa abrir o Outlook ou um programa semelhante e exportar todas as suas caixas de correio, incluindo a caixa de entrada, as pastas personalizadas enviadas que criei para todas as suas contas de email de clientes. Às vezes isso é leve, e outras vezes é gigantesco. Terceiro, crie as novas contas de fábrica no seu servidor Iona. Você pode aproveitar esta oportunidade para criar novos e até mesmo excluir os antigos não utilizados que o cliente não possui mais. Para. Troque o registro DNS para que os novos e-mails fluam para o servidor ionizado. E, finalmente, importe os e-mails que você fez backup para que o cliente não perca nenhum e-mail precioso. Você definitivamente não quer perder nada para seus clientes. Então, quais são suas opções na plataforma de hospedagem em nuvem de maneiras gerenciadas. Ao contrário da hospedagem compartilhada, muitas plataformas de hospedagem gerenciada não incluem hospedagem de e-mail pronta para uso. Portanto, a configuração pode ser um pouco mais avançada. Nesse caso, pense em e-mail e hospedagem na web como dois serviços separados que você precisa para você e seus clientes. Isso significa que você precisa trazer hospedagem de e-mail de terceiros, como o Google Workspace, anteriormente o G Suite ou o Microsoft 365. Felizmente, essas soluções são fantásticas. Então essa seria a sua primeira escolha. Basta escolher e conectar um desses. Além disso, as formas de nuvem têm uma parceria com a Rackspace, um dos principais provedores de serviços de nuvem do setor, para oferecer hospedagem de e-mails com o clique de um botão na sua conta Cloud ways. Agora, seus preços são simples. Cada caixa de correio é apenas $1. Você pode criar quantos quiser por apenas $1 cada. Seus e-mails ou hospedados de forma segura com a Rackspace, mas gerenciados pela Nuvem. Seus clientes podem acessar seus e-mails via IMAP ou webmail e permanecer sincronizados em todos os dispositivos. Deixe-me mostrar como funciona a hospedagem de e-mails na nuvem, como conectar seu nome de domínio à Rackspace e como melhorar a capacidade de entrega de e-mails com e-mail elástico. Então, estamos de volta à página inicial do Cloud ways.com e vamos para Recursos para ver o que eles escreveram sobre hospedagem de e-mail. Então, deslocaremos para baixo até integrações e complementos aqui. E há algumas coisas escritas sobre e-mails. Um deles seria o serviço SMTP. Mas vamos nos concentrar agora na adição de e-mail da Rackspace, obter caixas de entrada de e-mail baseadas em nuvem com tecnologia da Rackspace por apenas US$1, para garantir tempo de atividade, proteção suprema e suporte 24 horas por dia. Então, é isso que eles estão oferecendo para trazer a hospedagem de e-mail para sua conta de maneiras de nuvem. Portanto, mesmo que as formas de nuvem não o ofereçam, elas facilitam a integração. Vamos ver como fazer isso. Então, isso nos leva a um artigo de suporte sobre maneiras de nuvem. Seus artigos de suporte são muito úteis, muito fáceis de ler. E esta é a única sobre como usar a adição de e-mail da Rackspace. Então, vamos analisar brevemente isso para ver o potencial do que podemos criar com os modos de nuvem e a Rackspace. Então, entramos em nossa conta de maneiras de nuvem, clicar no ícone de grade e ir para complementos. E então, a partir daí, clicamos no e-mail da Rackspace para adicionar e ir para o ícone Editar à direita. E então isso nos leva a esta tela onde podemos criar uma caixa de correio, um alias, um encaminhamento ou um catch-all, e alguns links sobre como adicionar seus registros DNS e conectar-se ao seu webmail ou ao seu aplicativo de e-mail. Então, nesta tela, você deve inserir seu endereço de e-mail e sua senha para criar sua caixa de correio. Você pode criar quantos quiser aqui, quantos já estiverem conectados à sua conta Cloud ways. Aqui podemos criar várias caixas de correio. Agora eu mencionei que sim. Esta é a primeira vez que você configura a caixa de correio para o domínio. Você precisará configurar seus registros DNS. Vamos abrir isso em uma nova aba para que possamos ter isso à mão. Tudo bem, configurando pseudônimos. Os aliases permitem criar endereços de correio electrónico adicionais que apontam para caixas de correio existentes. Sem ter que criar caixas de correio separadas. Pense em contato ou vendas em caixas de correio. Então, adicionamos os aliases na guia Alias e você pode anexar um ateu a um e-mail específico, caixa de correio. Muito bem, reencaminhamento de correio, como falamos anteriormente, é aqui que você encaminha mensagens para outra caixa de correio. Você pode ir para a guia de encaminhamento, selecionar a conta que deseja encaminhar e, em seguida, selecionar para onde deseja encaminhar essa conta, mesmo que não seja um domínio de maneiras de nuvem para o qual você está encaminhando. Você pode adicionar vários, você pode encaminhar uma conta de email específica para até 15 endereços. E também podemos selecionar uma captura todos os endereços que receberão todos os e-mails enviados para caixas de correio incorretas ou inexistentes em seu domínio. Então isso é apenas uma maneira de prova de apenas pegar qualquer e-mail enviado para um nome de domínio. Tudo bem, então essa é a capacidade do Cloud Wise e da Rackspace. Agora, como é que isso funciona? Como configuramos isso em nosso registro DNS para torná-lo ativo? Então, abrimos esse link em uma nova guia. Vamos ver quais registros DNS são necessários para tornar isso ativo com nosso nome de domínio. Então, isso nos leva a um artigo da Rackspace.com. E há basicamente três tipos de registros DNS que precisamos adicionar para tornar os e-mails ativos com as formas da Rackspace e da Nuvem. Você adiciona o registro MX do permutador de email, que informa seu nome de domínio para onde apontar emails. Um registro TXT, especificamente um SPF, que lida com spam. E, em seguida, um registro de descoberta automática de nome C, o que torna mais fácil adicionar seus e-mails ao seu cliente de e-mail. Então, o que fazemos com esses registros DNS? Vamos copiar o mais importante, o primeiro em mx1 dot email server.com e acessar nosso registrador de domínio. Isso pode ser GoDaddy, que pode ser o Google Domains. Eu possuo 11 ou outra coisa. Vamos ver um exemplo onde eles vão conta pai. Então se submeta ao papai. Quando você vai para domínios, puxe seu nome de domínio e clique em DNS. Isso puxa nossos registros DNS. Isso pode ser impressionante se você não estiver acostumado a ver registros DNS. Mas vamos tornar isto mais fácil de entender. Neste caso, temos dois registros MX que estão apontando para o server.net seguro. Isso significa que vai ser pai, e-mails estão indo aqui, e-mails estão indo aqui, que é uma conta que GoDaddy Jones. Então, aponte isso para longe do GoDaddy para os modos Cloud e para a Rackspace. Nós trocávamos esses dois registros com o que copiamos do artigo da Rackspace. Se fizermos isso em ambos os registros MX e, em seguida, adicionamos o registro de texto, e adicionamos o nome C, Descoberta Automática. Então, nossa Rackspace estaria ao vivo. Desde que criemos isso em nossa conta sábia Cloud. E agora, como adicionamos isso? Uma vez que tenhamos feito os registros DNS, como adicionamos isso ao nosso cliente de e-mail? Bem, isso nos leva a outro artigo, como configurar meu cliente de e-mail com a caixa de correio da Rackspace. Assim, podemos fazer isso com seu aplicativo de email, com seu aplicativo do Outlook, com seu aplicativo de email do iOS, seu email do Windows sempre que você usar ou seu cliente usa para acessar seus e-mails. Basicamente, você só precisa dessa informação para adicioná-la a um desses aplicativos. E o artigo continua a dividi-lo passo a passo. Há também um webmail no qual você pode fazer login para acessá-los online. Então, mais um ponto. Vamos falar brevemente sobre a entrega de e-mail com SMTP elástico. Então, Cloud away disse que eles se conectaram com um complemento SMTP é uma maneira confiável e fácil de configurar um serviço SMTP externo para ser usado como um gateway para entregar e-mails do seu servidor. Então isso é basicamente como um intermediário entre seu site e sua caixa de correio. Então, quando alguém preenche um formulário de contato em um site, não é garantido que o envio do formulário de contato vá aterrar na caixa de entrada. Para isso, podemos nos conectar a um serviço de entrega de e-mail de terceiros para garantir a capacidade de entrega. Então, vejamos o exemplo de que as formas de nuvem se conectam, que é chamado de e-mail elástico. Esta é uma empresa que foi especificamente projetada para receber e-mails de forma segura segura para sua caixa de entrada. Aqui está o que ele é definido como e-mail elástico. Você pode usar o serviço de gerenciamento e entrega de e-mail transacional ou de e-mail. E há um link para um artigo que entra em mais profundidade sobre isso. Basicamente, podemos adicionar nossos nomes de domínio digitando o nome de domínio aqui e, em seguida, adicionando os registros que são necessários. O complemento elástico exigirá alguns registros DNS. E esses são declarados neste artigo. Assim que fizermos isso, podemos garantir a entrega de e-mails, que seria como um site de comércio eletrônico que envia e-mails de pedidos ou um formulário de contato ou qualquer e-mail que possa estar saindo do seu site. Um serviço como este é super acessível e permite que você garanta a capacidade de entrega. Olhe para a acessibilidade disso. No momento da gravação, você pode fazer 25 mil e-mails por mês por um pouco mais de dois dólares americanos, o que é incrível. Essa é uma maneira incrivelmente acessível de garantir a entrega de seus e-mails. E é isso que o Cloud Maneiras fornece. Portanto, uma maneira fácil de conectar a Rackspace para hospedagem de e-mails em e-mails elásticos para garantir a entrega de seus e-mails. Então, mesmo que as formas de nuvem não oferecem um embutido como você esperaria encontrar em hospedagem de economia compartilhada ou com eu próprio de nós. Mesmo que eles não ofereçam isso, eles tornam muito fácil adicioná-lo com apenas alguns registros DNS e alguns minutos de esforço. E um recurso final legal aqui com e-mail elástico é que você pode clicar no botão Log para baixar os logs de e-mail, que informa todos os e-mails que saíram do seu servidor, que é incrível para fins de diagnóstico, você pode ver todos os e-mails que eu tenho recebido desde o assunto, a data, a hora que eu fui, quem foi. E isso é incrível para diagnosticar qualquer problema relacionado ao e-mail para seus clientes. Então, o que aprendemos? Número um, seu plano de hospedagem geralmente permite que você crie várias contas de e-mail sem custo adicional. Número 2, você pode criar caixas de correio e encaminhamentos. Número 3, essas contas de e-mail podem ser sincronizadas em todos os seus clientes de e-mail e dispositivos via IMAP. Número quatro, ao assumir um cliente com e-mails existentes, você deve fazer backup e importá-los para o seu servidor. Número 5, para soluções superiores, Google Workspace e o Microsoft 365 oferecem e-mails de classe empresarial por cerca de US$5 por caixa de correio por mês. Além disso, a hospedagem em nuvem gerenciada se conecta à Rackspace por US$1 milhão por milhão de malas por mês. Então, qual é o dever de casa para esta lição? Quero que você abra seu servidor de hospedagem e crie seu primeiro endereço de email, adicione-o ao seu aplicativo de email do Outlook ou o que quer que você use para e-mails. Eu sou Leighton e agora você sabe, contas de e-mail. 7. Segurança de SSL: Bem-vindo, sou Leighton, seu webmaster. Hoje, vamos falar sobre segurança SSL. Agora, quão importante é a segurança? Bem, quando você se deita para dormir à noite, porta da frente da sua casa está trancada ou destrancada? Espero que a resposta esteja bloqueada. Mas por quê? Por quê? Porque você se preocupa com a segurança da sua família. E devemos nos preocupar o mesmo com a segurança de nossas casas digitais. Veja, a segurança online tem sido um assunto enorme ultimamente. Na verdade, você já ouviu falar de algum dos feitiços de segurança ou violações de dados nas notícias nos últimos anos? Quando uma grande empresa passa por um fiasco de segurança, é uma grande notícia. Talvez você já tenha ouvido falar de algumas dessas empresas que sofreram grandes violações de dados e século 21, Adobe, Capital One, eBay, Equifax, Facebook, Linkedin, Marriott, MyFitnessPal, MySpace, target, Yahoo, Zynga. Sim, toneladas de empresas têm sido alvo de grandes violações de dados. Então você pode se perguntar, o que é roubado, como esses dados são roubados? E o que você pode fazer? Então, primeiro, o que é roubado e essas violações de dados? Bem, vamos considerar alguns exemplos. Em 2019, mais de 218 milhões de palavras com amigos jogam suas contas foram roubadas. Isso significa que os jogadores endereços de e-mail, nomes, login, IDs e muito mais. Quando um hacker entrou em um dos bancos de dados do jogo. Em 2013, um ataque cibernético afetou mais de 41 milhões de alvos. Pagamento de clientes, cartões de conta. Uma violação de dados Capital One de 100 milhões de pedidos de cartão de crédito leva a 140 mil números de segurança social e 80000 números de contas bancárias sendo roubados. Louco. Nomes, e-mails, números de telefone, login, IDs, senhas, cartões de crédito, números de segurança social, contas bancárias, só para citar algumas coisas que são roubadas. Agora, como você se sente quando seu cartão de crédito é roubado? E se soubesses que alguém invadiu a tua conta bancária sem o teu conhecimento? É irritante e inconveniente ser vítima de má segurança. E hackers tentam fazer isso em grande escala todos os dias. E é por isso que a segurança é tão crítica. Mas como exatamente os hackers invadem e roubam dados? Vou dar alguns exemplos. Em abril de 2019, o Facebook atraiu os holofotes para armazenar milhões de senhas de usuários do Instagram em formato de texto simples. Texto simples. Isso significa que não há criptografia, nem segurança. Desde os dados sem segurança onde a criptografia está apenas sentado lá, certo para a tomada. É como uma conta bancária a escrever os números das contas em notas pegajosas. Consideraria isso seguro? Em 2017, o hack da Equifax se originou da vulnerabilidade do aplicativo? Para entender isso, você já foi solicitado a atualizar seu dispositivo? Veja atualizações de segurança, patch, falhas de segurança e vulnerabilidades. É como uma porta destrancada. C, com uma porta destrancada, um ladrão tem uma chance maior de invadir. Mas quando você tranca as portas garantiu as vulnerabilidades. Agora é muito mais difícil para um ladrão ter sucesso. De uma forma semelhante. É por isso que atualizamos prontamente nosso software para proteger qualquer uma dessas vulnerabilidades. Em 2020, alguns funcionários do Twitter foram enganados para dar aos hackers seus logins. Isso se chama pesca. É uma tática comum que ataca o comportamento humano mais do que qualquer software inseguro. Você diz. Nesse caso, as medidas de segurança estão em vigor, mas os funcionários inconscientemente entregam seu login. Agora, à medida que a segurança fica cada vez mais apertada, pesca torna-se mais comum. E você tem alguma idéia de onde vem esse nome de phishing? Ervilha, da pesca. Os hackers pescam funcionários crédulos definindo sua isca na forma de e-mails e logins da empresa. E quando os empregados mordem a isca, ficam viciados e toda a empresa pode sofrer. Então essa é a situação de segurança. Mas o que você e eu podemos fazer? É improvável que você esteja. Serei responsável pela segurança de qualquer uma dessas grandes corporações. Mas esses exemplos ilustram a seriedade que devemos levar a segurança, mesmo para as pequenas empresas. Estamos lidando com milhões de dólares. Mas mesmo a perda de milhares de dólares seria significativa para uma pequena empresa, não acha? Muito menos as horas que seriam gastas e a recuperação de dados. Então, que opções temos para proteger os sites dos nossos clientes? Enquanto há uma lista completa de coisas que você pode e deve estar fazendo. Uma das suas primeiras e melhores opções é instalar o que é chamado de certificado de segurança SSL. SSL significa Secure Socket Layer que permite que o HTTPS como para seguro antes do endereço do seu site, isso basicamente criptografa e protege o tráfego de e para o seu site. Ssl é tinha sido em torno de um bom tempo. Mas nos primeiros dias da web, você realmente só viu aqueles em sites de comércio eletrônico, sites que levaram cartões de crédito e outros dados pessoais. Mas hoje em dia, você verá isso na maioria dos sites. Por quê? O que mudou? Por que agora não é vantajoso criptografar até mesmo um site de folheto simples. Bem, como a privacidade é um tópico tão quente ultimamente, os certificados SSL criptografam o tráfego da web, que dificulta a interceptação, portanto, de uma maneira pequena, protegendo sua privacidade. É tudo sobre privacidade. Na verdade, há até uma iniciativa sem fins lucrativos que quer criptografar tudo e emitiu centenas de milhões de certificados SSL gratuitos no interesse da privacidade e da segurança. Com base nas tendências atuais no futuro próximo, quase todos os sites serão criptografados por padrão. Agora, existem três grandes benefícios na instalação de um certificado SSL. O que você diria que são? Bem, primeiro, segurança, essa é óbvia. Se você estiver construindo um site de comércio eletrônico, recebendo pedidos, armazenando perfis de associação, aceitando cartões de crédito. Segurança SSL é uma necessidade absoluta. Segundo, confiança. Um site seguro SSL tem um ícone seguro de cadeado verde ao lado dele. Sites inseguros podem mostrar um rótulo vermelho não seguro em determinados navegadores. Como você perceberia um negócio se você foi ao seu site e recebeu um aviso que disse que o site não é seguro. Minha confiança da igreja nessa empresa aumenta ou diminui. Quando você simpatiza com a forma como os consumidores pensam, você pode transmitir melhor esses benefícios aos seus clientes. Neste ponto, pausar o vídeo, visite alguns de seus sites favoritos e observe se eles têm ou não certificados SSL instalados. O terceiro é SEO. Veja HTTPS é um fator de classificação menor, o que significa que você pode ver um aumento nos rankings de mecanismos de busca apenas instalando um certificado de segurança. E como o Google adora a segurança, várias lições a partir de agora, vamos investigar a otimização do mecanismo de busca. Mas para esta lição, saiba que o SSL aumenta seus rankings de pesquisa. E melhores classificações traz mais leads, mais leads traz mais dinheiro. Então, quando uma forma indireta, um SSL deve pagar por si mesmo. Quando você transmitir dessa forma, seus clientes entenderão melhor o retorno do investimento aqui. E é por isso que você sempre deve vender o valor da célula de benefícios para seus clientes. Agora, uma das minhas coisas favoritas sobre ser proprietário de um negócio é usar seu conhecimento e habilidades para ajudar as pessoas. Como você acha que um certificado SSL pode ajudar as pessoas? Porque em nosso negócio proprietário não sabe o que na terra e SSL é ou por que é necessário. Mas por você recomendar, comprar e configurar um certificado SSL para eles. Além de implementar outras medidas de segurança, você pode ajudar um proprietário de uma pequena empresa trabalhador, economizando milhares de dólares e potencialmente várias horas de seu precioso tempo. Isso não soa gratificante? Agora, finalmente, qual é o custo? Nos anos anteriores, os certificados SSL poderiam ser centenas de dólares por ano. Mas hoje em dia, você pode obter um certificado criptografado de 256 bits de qualidade para proteger todo o tráfego do seu site por US $20 por site por ano através de sua conta ionizada. Há até um certificado SSL ilimitado de US$100 por ano, que criptografa todo o tráfego em todos os seus sites na sua conta de testemunha ocular. Além disso, há certificados SSL mais caros, como US$200 por ano, que não necessariamente têm melhor criptografia, mas mais validação prática do negócio e maior seguro contra perda de dados. Agora há uma oportunidade de negócio aqui. Como um negócio de web design, você tem várias opções. Por exemplo, vejamos o SSL de 20 dólares por ano. Você pode adquirir, instalar e configurar esse SSL por digamos, US $50 por ano e torná-lo lucro de US $30. Você ganha, o negócio ganha, todo mundo ganha. Ou você pode simplesmente cobrar ao cliente os $20 que o SSL custa. Você passa essa despesa diretamente para eles. Sem lucro, sem perda. Ou você pode instalar em um SSL ilimitado de $100 por ano. Carregue o que quiser ou agrupe o SSL com o custo do site. Há tantas opções. Então, agora vamos analisar brevemente a página de destino ionizada para certificados SSL. Aqui estamos na página de destino ionizada para certificados SSL. Primeiro, você notará em vários sites da empresa de hospedagem, os recursos SSL, ofertas , pacotes e preços serão muito semelhantes. Então vamos ver o que eu tenho. Esta é a Oferta ser segura com um certificado SSL. Evite um aviso não seguro na barra do navegador e ganhe a confiança dos visitantes com um site criptografado SSL. Esse é o nosso objetivo. Vamos ver o que eles oferecem. Maior confiança com SSL. O que um SSL faz, ele criptografa todas as informações transmitidas de e para o seu site, garantindo que está protegido contra terceiros que tentam acessá-lo. Por que você precisa de SSL? Porque os navegadores como o Chrome marcam páginas sem SSL como não seguras. Isso é o que estamos tentando evitar porque isso pode ter um efeito negativo na confiabilidade do seu site. Os sites com SSL têm um HTTPS na frente do URL e um ícone de cadeado verde, garantindo que o site esteja seguro e que os dados do visitante estejam seguros. Você também recebe melhores classificações de mecanismos de pesquisa quando você tem SSL e seu site é mais provável de ser confiável pelos visitantes. Então vamos olhar para seus pacotes. Novamente, os preços e ofertas vão ser muito semelhantes em sites da empresa de hospedagem como GoDaddy e outros. Aqui está o que eu tenho esta oferta. Seu plano introdutório é de $20 por ano. Seu negócio é 70 por ano e seu prêmio é 200 por ano. Vamos ver quais são as diferenças. Todos eles são emitidos pela Geo Trust, que é uma empresa SSL respeitável. Você obtém proteção para um nome de domínio e criptografia de até 256 bits. Deve-se notar que a criptografia e basicamente a segurança desses certificados SSL é a mesma em todos os planos. Todos estes são igualmente seguros em termos de encriptação. A principal diferença é a validação e o seguro de perda de dados. Então, o mais barato é validado por domínio. É muito rápido e fácil. O plano intermediário é validado pela organização e o mais caro tem validação estendida. Ele garante a autenticidade da organização e da pessoa de contato que emite um certificado através de verificações manuais. Basicamente, eles garantem que você é quem você diz ser quando você pede um certificado SSL, o mais barato oferece US $500 mil de seguro de perda de dados, o meio, 1,251 milhões, e o mais caro, 1,5 milhões. Os planos intermediários e os mais caros oferecem proteção contra phishing. Então, novamente, a opção de 20 dólares por ano será suficiente para a maioria dos sites, mas há opções mais altas disponíveis para organizações maiores. Vamos ver o que mais. Isso entra em detalhes sobre os diferentes tipos de certificados SSL. Os 20, os 70, e os 200 dólares por ano um. Assim, podemos entender melhor quais são as diferenças. Além disso, há uma explicação mais profunda sobre quais são os benefícios à medida que entra em que tipo de proteção você obtém, a proteção contra Phishing, como você pode ajudar seus visitantes a se sentirem confiantes, como obter melhores classificações com o Google, quais são os selos de site e como você pode navegar na Internet com segurança com um certificado SSL. Então, quais são as opções de SSL na plataforma de hospedagem em nuvem gerenciada? Se você está falando sério sobre aumentar o nível de sua agência e está buscando maneiras de nuvem, então você ficará emocionado ao saber que os certificados SSL são completamente gratuitos em seus servidores. Agora, já que não há cobrança, isso significa que você tem algumas oportunidades de negócios aqui. Número 1, você não pode cobrar nada pelo SSL agrupando-o com sua cotação, que torna sua cotação ainda mais atraente. Ou dois, você pode cobrar separadamente pelo SSL sem despesas para você, que significa que você mantém 100% de lucro e sempre que você decidir cobrar. Assim, uma vez que o processo de instalação, o modo Cloud torna super fácil instalar um certificado SSL. Você precisa fazer é adicionar um registro DNS simples ao seu nome de domínio. Na verdade, deixa-me mostrar-te como isto é fácil. Estamos de volta à página de recursos da Nuvem e vamos até a segurança para ver o que eles oferecem no departamento de segurança. Assim, eles tinham firewalls dedicados, todas as formas de servidores hospedados na nuvem são protegidos por firewalls no nível do sistema operacional que filtram o tráfego malicioso e afastam os intrusos. Isso é incrível. Eles têm listas brancas de IP que você pode fazer. Eles têm correções de segurança. Eles compraram proteção, que protege seus sites WordPress contra congestionamento de tráfego causado por bots maliciosos. login de força bruta e ataques de negação de serviço com a ajuda do nosso parceiro de tecnologia de atendimento bucal. Eles também oferecem autenticação de dois fatores, o que é muito importante. E o que estamos vendo aqui é uma instalação SSL gratuita com um clique. Nosso built-in, Let's Encrypt SSL melhora a segurança do site com um certificado confiável que atende todos os seus requisitos HTTPS gratuitamente. Então, vamos confirmar o quão fácil isso é indo para a minha plataforma de caminhos de nuvem. E nós selecionamos aplicativos e fomos para o aplicativo que estamos olhando, que é meu site pessoal, mídia pioneira. Então aqui há detalhes de acesso e, em seguida, estamos olhando para o certificado SSL. Assim, um já foi instalado neste site em particular. Bem, vamos ver as opções aqui. Há renovação automática, que está ativada por padrão. As maneiras de nuvem irão renovar seu SSL automaticamente para você. E se o instalarmos pela primeira vez, tudo o que fazemos é inserir o nosso nome de domínio. E isso nos dá um registro DNS simples. Introduzimos este registo e, em seguida, clique em Instalar certificado. Então vamos dar uma olhada nisso. Para garantir energias renováveis, recomendamos que você mantenha este registro CNAME e isso é o que temos que colocar em nossos registros DNS em nosso registrador de domínio. Temos que inserir isso na primeira vez que instalamos um certificado. Então, neste caso, é um tipo de nome de cena de registro e é sublinhar Acme traço desafio, e ele aponta para o nosso servidor maneiras nuvem. Então, como fazemos isso? Bem, nós copiamos esse registro CNAME e então podemos fazer isso em qualquer registrador de domínio que permite que você tenha acesso a registros DNS. Neste caso, vamos olhar para onde este lado está atualmente roteado, que é cloudflare.com. E estes são registros DNS. Este é um layout semelhante a como você encontraria isso no GoDaddy. Eu possuo SO, domínios do Google ou em qualquer outro lugar. Nesse caso, o registro CNAME já foi adicionado aqui. Mas normalmente íamos para Adicionar registro, alterar o tipo para ver o nome, colar o nome e, em seguida, colar o destino. Tudo bem, e então clicamos em Salvar e pronto. Você adiciona seu registro DNS. E, em seguida, na nuvem, você clica em Instalar certificado, e é isso. O certificado será instalado e pronto para uso em apenas alguns segundos e a renovação automática será ativada. Isso é incrível como as maneiras simples e fáceis da nuvem o tornam e como a segurança é valiosa para elas. Então, o que aprendemos? Aprenderemos que a segurança é tão crucial. Recomendo a instalação de certificados de segurança SSL em todos os sites do seu cliente. É inteligente, acessível, e você tem uma oportunidade de lucro potencial cobrando o SSL e sendo compensado para configurá-lo. Então, qual é o dever de casa? Não, não é necessário comprar um certificado SSL ainda porque eu possuo esta hospedagem vem com um certificado gratuito. Na nuvem, as maneiras nunca cobraram pelo SSL. Portanto, eu quero que você leia que Iona nós SSL página web em profundidade para ter uma compreensão completa do que esses certificados são. Estou atrasada para isso. E agora você sabe, segurança SSL. 8. Wordpress: Bem-vindo, sou Leighton, seu webmaster. Hoje. Vamos discutir o WordPress. Já ouviu falar do WordPress? Se você está no campo da tecnologia, você provavelmente teria. E isso porque é o sistema de gerenciamento de conteúdo mais popular, ou CMS do mundo. Mas o que é um CMS? É um software que facilita o gerenciamento de conteúdo em seu site. Você pode adicionar, atualizar e remover páginas da Web com facilidade. E nós amamos facilidade. Meu objetivo é tornar seu trabalho o mais fácil possível. E o WordPress nos ajuda a fazer isso. Wordpress foi construído há mais de 20 anos para que as pessoas pudessem criar seu próprio blog. Mas, eventualmente, ele se transformou em uma plataforma para navegar em sites inteiros, não apenas blogs. E agora a popularidade do WordPress cresceu tanto que agora alimenta cerca de um terço de todos os sites do mundo. Então, o que você pode fazer com WordPress? Um lote inteiro. Você pode criar páginas, postar, fazer upload de imagens, criar galerias, convidar discussões , vender produtos e muito mais. Estas são as perguntas que vamos responder sobre o Wordpress. 1. Qual é o apelo para? Qual é o custo? Três: Qual é o processo de instalação? E quatro, por que eu recomendo WordPress? Então, qual é o apelo à popularidade? Quanto mais popular é o software, mais esforço é colocado para apoiar, crescer e refiná-lo. Com software como WordPress, maioria de qualquer problema que você poderia encontrar já foi experimentado e provavelmente resolvido por outro desenvolvedor. Então, o que isso significa? Isso significa que uma pesquisa rápida do Google ou vídeo do YouTube provavelmente contém a resposta para qualquer problema que você possa encontrar. Veja uma enorme quantidade de recursos estão disponíveis para WordPress. Há cursos, canais do YouTube, blogs, tantos recursos criados para ajudá-lo a ter sucesso com seus empreendimentos WordPress. É uma comunidade próspera pronta para você entrar em contato. Além disso, de uma perspectiva de design, WordPress é extremamente versátil. Você pode criar todos os tipos de sites com ele. De um pagers para e-commerce. Colorido, minimalista, texto pesado, gráficos, pesado, o que você quer construir, WordPress deve ser capaz de lidar com isso. Então, qual é o custo? Você tem alguma idéia de quanto custa o WordPress? Ficará tão feliz em ouvir isso. É completamente grátis. Wordpress em si não custa nada. Qualquer pessoa pode baixar e instalar o WordPress a qualquer momento, sem nenhum custo. Agora, para ser claro, certos elementos da comunidade WordPress pode custar-lhe como um tema PE ou um plugin premium que dá ao seu site funcionalidade extra. Mas tenha certeza de que há toneladas de temas gratuitos e plug-ins por aí. Na verdade, você pode construir um site WordPress inteiro sem pagar um dólar. Pense em como isso se compara com os construtores de sites comerciais lá fora, como Squarespace, Weebly Wix. Para obter qualquer tipo de site comercial respeitável e publicável nessas plataformas, você gastará entre US$640 por site por mês. Essa é outra razão para escolher o WordPress para o seu negócio de design de site. Então, uma vez que o processo de instalação como relativamente fácil, WordPress se gaba sobre o que eles chamam de a famosa instalação de cinco minutos. Vamos ver isso. Aqui estamos no wordpress.org. Este é o recurso global para baixar e usar o software livre de código aberto chamado WordPress. Eu praticamente só fui a este site. Pressione o botão azul no canto superior direito, Obter WordPress. Faço isso quando começo cada projeto de design de site e, em seguida, ele me permite obter a versão atual do software WordPress. Atualmente, esse é o WordPress 5.5.1. O que estamos baixando é um arquivo zip ponto. Quando abrimos esse arquivo zip dot, vamos notar que contém três pastas diferentes e um monte de arquivos. As pastas WP admin, WP Conteúdo e WP inclui. Agora, nesta demonstração, eu só quero mostrar o quão rápido e fácil é começar com o WordPress. Esperemos que isto seja por volta de cinco minutos. Numa lição futura. Vou demonstrar mais em profundidade como preparar o nosso servidor para a instalação do WordPress. Mas por enquanto, eu só quero mostrar a vocês o quão rápido e fácil isso pode ser feito. Então, novamente, temos o nosso arquivo zip dot do WordPress do wordpress.org. Vamos saltar para o nosso servidor de hospedagem para que possamos carregá-lo. E este é o nosso servidor de hospedagem de íons que vamos usar. Tenho um banco de dados pronto. E vamos carregar este ficheiro. E, em seguida, pressione o botão Upload e selecione o arquivo zip ponto que acabamos de pegar. Wordpress 5.5.1 dot zip está sendo carregado para o nosso servidor. E lá vamos nós. Wordpress 5.5.1 foi carregado para o nosso servidor. Vamos desempacotar este arquivo. Pressione o botão descompactado. Queremos salvá-lo no nosso servidor. Clique em Salvar. E lá vamos nós. O arquivo WordPress foi descompactado. Agora é uma pasta no nosso servidor. Vamos mudar o nome para o meu primeiro site. Lá vamos nós, esse arquivo ou pasta foi renomeado para o meu primeiro site e vamos acessá-lo diretamente em nosso servidor, meu primeiro site. E devemos puxar para cima a instalação do WordPress. Então, esta é a famosa instalação fácil de cinco minutos para WordPress. Primeiro selecionamos nosso idioma, que é o inglês. Bem-vindo ao WordPress. Antes de começar, precisamos de algumas informações sobre o banco de dados. Precisamos do nome do banco de dados, nome de usuário , senha, host e prefixo. Então isso vai ser usado para criar nosso arquivo de configuração WP. Vamos pressionar, vamos. Eu já criei o banco de dados para este site de teste. Então vamos copiar e colar o nome do host, o nome do banco de dados, o nome do usuário e a senha. Mais uma vez, vou aprofundar mais o que estamos fazendo aqui em algumas lições a partir de agora. Mas, por enquanto, estou apenas copiando e colando isso só para mostrar como isso pode ser fácil. Prefixo de tabela se você estiver executando várias instalações em um único banco de dados, altere isso. Caso contrário, o que estamos fazendo está bem. Então, vamos clicar em Enviar. Certo, Sparky, você passou por esta parte da instalação. Wordpress agora pode se comunicar com seu banco de dados, que o nosso está em Ioannidis. Agora clique em executar a instalação. Bem-vindo ao famoso processo de instalação do WordPress de cinco minutos. Basta preencher as informações abaixo. Você estará a caminho de usar a plataforma de publicação pessoal mais extensível e poderosa do mundo. Wordpress coisas realmente altamente de si mesmo e eles devem, eles construíram uma plataforma maravilhosa para nós para explorar gratuitamente. O que temos que fazer? Nós digitamos o título, meu primeiro site, Nome de usuário. Deixe-me colocar meu primeiro nome. E aqui está uma senha que foi gerada automaticamente para ser segura. Seu e-mail. Vou digitar meu endereço de e-mail e visibilidade do mecanismo de pesquisa. Você pode marcar essa caixa para desencorajar os mecanismos de pesquisa de indexar o site. Isso é bom de fazer quando você é público pela primeira vez, quando você está colocando o site pela primeira vez antes de estar pronto para publicá-lo. E depois de publicá-lo, queremos incentivar os motores de busca, mas por enquanto, vamos desencorajá-los e pressionar o botão instalar WordPress. E é isso. Sucesso, WordPress foi instalado. Obrigado e aproveite. Aqui está nosso nome de usuário e a senha. Espero que salvamos isso, o que, sendo responsável, fazemos, e salvamo-lo na nossa última passagem. Assim como salvamos este banco de dados com o software de última passagem. Aqui estamos na tela de login do WordPress. Digite nosso nome de usuário ou e-mail, digitou a senha, clique em Login e boom, estamos no WordPress. Isso foi rápido e fácil, não foi? O que nós fizemos? Nós baixamos o arquivo do wordpress.org. Temos o nosso ficheiro zip e enviá-lo para o nosso servidor ionizado. Nós carregamos o zip ponto, descompactado, e criamos a pasta WordPress em nosso servidor, acesso diretamente no servidor. E instalou o WordPress usando sua famosa instalação de cinco minutos, basicamente o conectamos ao nosso banco de dados e, em seguida, colocamos nosso título e nosso nome de usuário, verificamos algumas outras caixas, e é isso. Agora estamos prontos para ir no WordPress. Foi fácil, não foi? Algumas lições a partir de agora, eu vou detalhar isso mais detalhadamente, para que você se sinta mais confortável instalando isso sozinho. Mas, por enquanto, só queria mostrar como pode ser fácil. Então fique ligado. Próximas lições. Então, como você instalar o WordPress na plataforma de formas de nuvem se você estiver atualizando seu negócio de web design para maneiras de nuvem, instalar WordPress é extremamente fácil. Como em apenas alguns cliques, fácil. Eles cuidam de todas as credenciais, senhas, diretórios, todas essas coisas técnicas para você. Já que realmente você está pagando por essa conveniência. Na verdade, deixe-me mostrar-lhe o quão fácil esta plataforma de hospedagem em nuvem gerenciada torna para você instalar o WordPress. Assim, nos modos Cloud, eles chamam seus sites de aplicativos. Você tem um servidor e, em seguida, você tem vários aplicativos dentro do servidor. Então o que queremos fazer é ver como é fácil instalar o WordPress em nosso servidor. Então, em maneiras de nuvem, clicamos no botão Adicionar aplicativo e , em seguida, selecionamos o servidor no qual queremos instalá-lo. E, em seguida, clique em Adicionar aplicativo. Isso nos leva a outra tela onde selecionamos o tipo de aplicativo que queremos. Podemos fazer Woo Commerce, PHP e alguns outros. Mas para a maioria dos sites queremos fazer WordPress e a versão mais recente. Então, vamos apenas selecionar a versão mais recente do WordPress e, em seguida, o nome do nosso aplicativo. Vamos fazer teste de curso de negócios de web design e, em seguida, selecione seu projeto. E lá vamos nós. Então, agora clicamos no botão Adicionar aplicativo. E esperamos apenas alguns minutos para que o aplicativo seja criado. Neste caso, a aproximação é de dois minutos em dois minutos para novo aplicativo será adicionado e, em seguida, ele estará pronto para ir. Agora, o que a nuvem maneiras está fazendo em segundo plano é que eles estão criando o ambiente WordPress. Eles estão indo e pegando a instalação do WordPress. Estão a dar-te a versão mais recente. Eles estão cuidando de todo o FTP, do banco de dados, do espaço web, todas as coisas técnicas. Eles estão juntando todas essas credenciais. Eles estão dizendo configurá-lo para você para que o que você vai receber é WordPress pronto para sair da caixa sem você ter que se preocupar com credenciais ou qualquer uma dessas coisas técnicas. Clique no botão Adicionar aplicativo e depois de um minuto ele está pronto para ir. Então teste curso de negócios web design foi instalado e vamos clicar nele para abri-lo. Detalhes em excesso. O que estamos vendo aqui é o URL que podemos clicar para abrir nosso novo aplicativo. E vamos fazer isso agora para iniciar este aplicativo. E lá vamos nós. Wordpress está pronto para ir. O que mais temos? Temos o painel de administração, que é o administrador do WordPress, back-end o nome de usuário e a senha. Você pode simplesmente clicar neles para copiá-los. Isso nos leva ao backend do WordPress. E então temos o nome do banco de dados, nome de usuário e senha. Você pode clicar na cópia desses. Há uma interface onde você pode editar o banco de dados se quiser. E então há o FTP, que lhe dá o endereço IP, o nome do servidor, e então você pode digitar seu próprio nome de usuário e senha, que você faria algo mais complicado do que isso. Clique em Adicionar. E então suas credenciais de FTP estão prontas para uso. E lá temos. Temos o WordPress, pronto para começar a construir o seu site. As formas de nuvem lidam com todas as coisas técnicas de back-end para você. Assim, você pode se concentrar no que é mais importante, preparando o WordPress para que você possa começar a construir seus sites e expandir seu negócio. Então, por que eu recomendo WordPress? Já discutimos tantas razões. Mas vejamos isso agora do ponto de vista empresarial. Nos negócios, você tem que guiar princípios. Primeiro, você quer fazer a maior quantidade de dinheiro com a menor quantidade de esforço. E dois, você deseja simplificar e automatizar seus processos. Permitam-me que repita estes objectivos. Princípio número um, você quer fazer a maior quantidade de dinheiro com a menor quantidade de esforço. E dois, você deseja simplificar e automatizar seus processos. Então, como o software WordPress nos ajuda a alcançar esses dois objetivos? Bem, primeiro, você não precisa escrever nenhum código. Uma enorme quantidade de tempo foi gasto codificando e refinando o WordPress. Você não precisa reescrever o, vamos pegá-lo e instalá-lo em cinco minutos e começar a fazer o que importa. Construindo o site para o seu cliente. Agora eu escrevi sites do zero. Eu codifiquei cada pixel de cada página web. E qual é a minha vantagem desse processo? Isso leva tempo para economizar tempo, simplificar e usar o WordPress para clientes que têm seu próprio login. Então, embora eu tivesse a opção de fazer alterações em seu site sem passar por você. Por que acha que isso ajudaria? Afinal, você não está lá webmaster? Verdadeiro. Mas 5102100 clientes mais tarde, quanto tempo você quer perder fazendo cada pequena atualização de conteúdo para cada cliente? Com o WordPress, você está dando aos seus clientes a liberdade de atualizar seu próprio site em seu próprio tempo, liberando assim o seu tempo. Além disso, alguns clientes são mais práticos de qualquer maneira, então eles preferem essa opção. 3 com o WordPress, você pode atualizar seus sites de clientes de qualquer lugar do mundo. Tudo o que você precisa é de acesso a um computador e à Internet. Na verdade, eu tenho executado meu negócio de web design vários países e continentes, muitas vezes sem que meus clientes sequer saibam, então eu estou longe do meu escritório doméstico. Então, se você está procurando a liberdade de trabalhar em qualquer lugar do mundo, liberdade para viver o estilo de vida que você quer. Aprendendo. Wordpress é um trampolim para alcançar esse objetivo. Então, o que aprendemos na lição de hoje? Claramente, há muitos benefícios em usar o WordPress. Primeiro, é um CMS que facilita o gerenciamento de sites. Ao seu popular, versátil e apoiado por uma comunidade dedicada. O software principal é completamente gratuito. Para o processo de instalação é rápido e fácil. Ele pode tornar seu trabalho de possuir um negócio de web design mais fácil do que ter que codificar e projetar um site a partir do zero. Então, junte-se a uma comunidade próspera, economize tempo e ganhe dinheiro com o sistema de gerenciamento de conteúdo mais popular do mundo e o WordPress. Então, qual é o nosso dever de casa? Quero que mergulhe no WordPress. Começou a pesquisá-lo através do Google, YouTube, seu site favorito do curso ou onde você preferir aprender. Há uma riqueza de recursos no WordPress. Então, cavem. Sou Leighton. E agora você sabe, Wordpress. 9. Tema Divi: Bem-vindo. Sou Leighton, seu webmaster. Hoje, Vamos expor a lição anterior, WordPress, explorando o meu tema favorito, Divi. Ouviu Devi? Devi é incrível. Devi mudou tudo. Vamos ver como hoje vai encontrar respostas para essas perguntas. Primeiro, o que Devi faz? O que faz Divi tão especial? E três, quanto custa? Primeiro, o que é Devi? Devi é um tema WordPress. Wordpress é um sistema de gerenciamento de conteúdo, mas utiliza temas e plugins. Plugins dão funcionalidade extra ao WordPress. Enquanto os temas dão estilo. Devi é um dos temas WordPress mais populares disponíveis. Criado em 2013 pela Elegant Themes, ele evoluiu rapidamente e maduro graças a uma equipe brilhante de desenvolvedores que estão constantemente adicionando e refinando recursos. Db vem com mais de 40 módulos, incluindo texto, imagens, galerias, inscrições de boletins informativos, fóruns de contato blogs, depoimentos e muito mais. Isso é basicamente um módulo para tudo. Agora vamos olhar para a página da Debbie para que possamos mergulhar. Aqui estamos em Elegant Themes.com. Elegant Themes é o criador de Devi. Elegant Themes tinha criado vários temas antes de criar Devi. Eles criaram um devi para trabalhar ao lado de outros temas. Mas, eventualmente, Devi assumiu os holofotes. E agora é praticamente o único tema que eles realmente empurram e apoiam. Então Devi é definitivamente seu carro-chefe em praticamente o único produto agora em termos de temas, eles também têm plugins, mas seu pão e manteiga é o tema Divi. Então vamos passar pela página inicial aqui para ver como eles estão branding. Devi estão chamando este WordPress desencadeou os temas WordPress mais populares do mundo. E o derradeiro Visual Page Builder. Eles possuem 700 mil profissionais de web design e empresários como seus clientes. E role aqui para baixo, Devi, tema WordPress mais popular e o construtor de página WordPress final. Esse é seu tema principal e Visual Page Builder. É mais amplamente utilizado tema WordPress premium no mundo de acordo com estatísticas de construído with.com. Mas é mais do que apenas o tema. É uma estrutura de construção de sites torna possível projetar sites bonitos sem nunca tocar em uma única linha de código. Nós gostaríamos disso. E sem instalar e configurar dezenas de plugins desarticulados. Nós gostamos disso também. Nós pensamos que este é o futuro do wysiwyg, e é diferente de qualquer tema WordPress que você já usou antes. Parece incrível. Aqui está um pouco menos de dois minutos de vídeo introdutório, que você pode assistir se quiser. E eles têm uma bela ilustração lá sobre pintar uma obra-prima, que eu usarei mais tarde. À medida que rolamos para baixo, veremos algumas das ideias de diferentes sites que você pode fazer com devi. Vemos lojas online, empresas, organizações sem fins lucrativos, educadores, restaurantes, provedores de serviços e muito, muito, muito mais. Qual é o sentido do que estamos vendo aqui? Aqui está o ponto com alguns temas. Temas no mundo WordPress são construídos para um tipo particular de site. Por exemplo, você poderia comprar um tema de restaurante, você poderia comprar um tema do site do dentista. Mas o que Devi, você pode fazer qualquer tipo de site usando o mesmo tema. O que mais isso significa? Isso significa que você gasta tempo aprendendo Devi, e você não precisa reaprender cada tema adicional que você usa em cada ano. Os sites de clientes ficam confortáveis com Devi, e você pode chicotear esses sites muito rapidamente. Então, definitivamente vale a pena o tempo e investimento em dinheiro muito acessível. Crie páginas visualmente no front-end do seu site. Se você não está totalmente familiarizado com WordPress, você pode não saber o quão emocionante isso é, mas deixe-me dizer-lhe, WordPress. No seu núcleo, você não está construindo páginas visualmente. Você está construindo um back-end, o que não é muito visual. É um bom sistema, mas você não está realmente construindo seu site visualmente. Então vamos ver o que isso significa e vamos ver como Devi melhora isso. Você nunca construiu um site WordPress como este antes. Devi é mais do que apenas um tema WordPress. É uma plataforma de construção de site completamente nova que substitui o editor de postagem padrão WordPress, que é o que eu estava falando, com um editor visual muito superior. Pode ser apreciado por profissionais de design e recém-chegados. Você seria um recém-chegado. Eu seria um profissional. Todos nós gostamos de Devi e vamos e você vai adorar tanto quanto eu, dando-lhe o poder de criar designs espetaculares. Posso atestar que foi surpreendente, facilidade e eficiência. Certamente atesta isso também. E veja o que podemos fazer aqui. Este é o Divi Builder, este é o Devi Visual Builder e ação. Como você vê, o site está sendo construído e sendo ajustado visualmente como ele realmente iria olhar na página. Pode criar efeitos. Como alterar a cor, a opacidade, o desfoque, alterar as opções de mesclagem. Divisores de forma. Você pode dividir seções de um site com absoluta facilidade usando os divisores de forma integrados. E você pode editar em massa. Deixa-me dizer-te que isto é uma grande poupança de tempo. Você pode editar vários módulos ou seções ou até mesmo elementos globais de um site com apenas alguns cliques. Muito, muito bom recurso lá. A biblioteca de layout. Isso permite que você escolha uma página web pré-fabricada, se desejar. Em menos de um minuto lá você tem uma página web para você trabalhar. Ou você pode usar um layout que você salvou de outra página, pode copiar o conteúdo de uma página existente, o que é muito útil. Transforma-se. permite que você transforme qualquer elemento, qualquer seção de módulo para girá-lo, para dimensioná-lo, o que você gostaria de fazer para ficar um pouco mais criativo. Darei a vocês uma vantagem criativa sobre seus sites estáticos padrão. Hover estados, isso é muito legal. Você pode ter efeitos que alteram a aparência de um elemento na página da Web. Você pode fazê-lo crescer, você pode fazê-lo encolher, mover. Sempre que quiser fazer. Você verá exemplos na tela aqui e localize e substitua. Este é um outro recurso que economiza tempo, onde você pode encontrar uma cor particular, um elemento em particular ou qualquer outra coisa, e substituí-lo por algo novo. Bom recurso de economia de tempo. Design, a ferramenta de design mais poderosa para WordPress. Chamam-lhe o melhor editor de web design. É como o Photoshop ou o Sketch para a web. Ele traz interface de design avançado para WordPress que tanto iniciantes quanto especialistas vão se apaixonar por incrivelmente inteligente, super flexível, e incrivelmente poderoso visual por natureza. É assim que o design para a web deve ser feito. Concordo completamente. Personalize, personalize todas as partes do seu site, controle os melhores detalhes. Cada pequena parte do seu site é personalizável. Isso significa que cores, fontes, têxteis, animações, transformações, filtros afetam o espaçamento, sombras de caixa de dimensionamento, sombras tecnológicas, efeitos de fundo interessantes, gradientes, imagens, vídeos, todos os tipos de coisas. Você pode ajustar cada pequeno pixel do seu site com Devi. Como designer, isso é completamente inestimável e você não está confinado a um determinado conjunto de ferramentas de personalização. Você pode fazer o que quiser com Devi. Devi é para todos, freelancers como você, agências como você e proprietários de sites como seus clientes. Dv é construído para que o proprietário do site do seu cliente tenha a liberdade de entrar e fazer alterações por conta própria, o que economiza tempo, economiza tempo. Todo mundo está feliz. Alguns recursos extras aqui para promover um site. São testes divididos, geração de leads e integração de mídias sociais. Diferentes maneiras de comercializar seu site. Dividir testes para obter os melhores resultados de uma página da Web. Geração de leads, para criar oportunidades de leads e mídias sociais para compartilhar a página. Agora, estes são feitos com plugins, o plugin de e-mail bloom para obter assinantes de e-mail, o plugin de mídia social monarch para fazer com que as pessoas compartilhem sua página web. E o teste dividido é incorporado ao Devi, que é uma boa maneira de ver qual versão de uma página web em particular funciona melhor e vendendo, você pode construir sites de comércio eletrônico. Dividir, vender produtos on-line, faria integração WooCommerce personalizado. WooCommerce é uma solução completa de e-commerce construída para WordPress, é a solução número um de e-commerce disponível para WordPress. E, claro, ele se integra com devi. Nós amamos que sua loja nunca vai ficar tão boa. Mostre, exiba seu trabalho para o mundo. Isso significa que temos portfólios. Você pode criar com devi, você vai precisar de um portfólio porque você está criando um negócio de web design. Então você usará seu portfólio para mostrar seu trabalho de design de site criativo. Envolva-se, conte histórias poderosas e crie postagens de blog fascinantes com elementos exclusivos de design de conteúdo. Basicamente, isso significa que você pode criar um blog com devi, não esperaríamos menos porque WordPress foi inicialmente construído com a idéia de que você poderia criar um blog. Assim como o WordPress evoluiu, ele pode fazer muito mais. Mas WordPress não esqueceu suas raízes. Ele ainda está na incrível plataforma de blogs e Devi torna ainda mais visualmente deslumbrante do que seria de outra forma. Potencialize toda a sua equipe com uma única associação. Eles oferecem uma licença ilimitada maravilhosa. Crie sites ilimitados com uma única licença. Que vamos ouvir em breve. Dependendo das vendas, está em algum lugar em torno da faixa de US $200, e você pode usar isso em todos os seus sites, ilimitado para sempre. Esta é uma associação vitalícia que nós absolutamente amamos e falarei sobre aqui em breve. Crie sites mais rápido do que nunca com DVs, ferramentas incríveis de eficiência. Eles fazem construir um site rápido e fácil. Você pode ter um feito em apenas um dia ou mais, que é muito mais rápido do que você jamais teria que colocar um código de mão um site a partir do zero. Devi também expandiu com um mercado onde você pode encontrar páginas web pré-fabricadas sob medida para indústrias específicas, das quais você pode aproveitar se você gosta do design de uma página web existente e quiser usá-lo como sua partida ponto. Eles também têm áreas sensíveis onde você pode usar ferramentas que foram criadas por outros desenvolvedores para V mais do que um tema. É uma estrutura completa de web design apoiada por uma comunidade próspera e entusiasmada. Acreditamos na extendibilidade e no cultivo de um ecossistema de desenvolvimento de código aberto. E alguns outros recursos aqui juntam mais de 700 mil clientes que já navegam em sites incríveis com Devi. Recomendo a Devi. Entraremos em contato com os preços e como você pode usá-lo para criar oportunidades de negócios aqui em breve. E você também pode ir para aprender mais sobre devi para ver todos os seus diferentes módulos. Esta página da Web divide cada módulo diferente que eles têm. Então você pode desfrutar de verificar isso também. Essa é uma breve visão geral do site Temas Elegantes, que é um recurso enorme. Tenho um blog maravilhoso. Eles têm suporte maravilhoso, todos os tipos de bons recursos aqui para ajudá-lo em seu WordPress e design de site e empreendimentos gerais. Então, o que faz a Debbie ter especial? Vamos dar um passo atrás. Quando você pensa em código, o que vem à sua mente? Digitando ou pintando? Definitivamente digitar código não é visual. Não no mínimo. Wordpress está a meio caminho com um Wysiwyg. Ou o que você vê é o que você obtém editor, o que significa negrito, itálico, sublinhado, alinhamento, cor, opções como você vê no Microsoft Word. Mas você ainda precisava clicar em Salvar e recarregar sua página da Web para ver suas atualizações. Devi, preencha essa lacuna. Dippy fundou o Visual Builder, que permite que você visualmente construir e projetar seus sites com base em como ele realmente vai olhar. Db uma vez que você se sente como se estivesse pintando uma obra-prima, não digitando ou codificando uma. E você não precisa mais perder tempo alternando entre o back-end e o front-end. Além disso, dividiria. Você pode gerenciar conteúdo, ajustar o design, até mesmo ajustar configurações avançadas através de sua interface super fácil de usar. Finalmente, a maioria dos temas do WordPress normalmente têm a mesma aparência quando você os implanta em vários sites. Então, qual você acha que pode ser a desvantagem de construir um monte de sites que basicamente parecem iguais? Preferes viver numa casa que se parece com todas as outras casas e o bairro? Ou você quer personalizar sua casa? Negócios? Quer que o site se sinta único. Se você usá-lo habilmente, Devi pode fazer isso. Então, quanto custa? Dependendo das vendas atuais, Devi é normalmente cerca de US $75 por ano ou cerca de US $200 para uma associação vitalícia que você pode usar em todos os seus sites. Agora, este é um ponto-chave. Desde que você está perseguindo um negócio de design de site. A associação vitalícia é absolutamente a sua melhor escolha. Um cliente e Devi, se paga. Pessoalmente. Eu comprei para este tema em 2013, e eu usei em centenas de sites desde então. Isso vale completamente o investimento. E sim, é uma anulação fiscal. Debbie é tão incrível. Vamos recapitular as razões pelas quais um dB permite que você construa um site visualmente para seu versátil e permite que você crie sites personalizados que parecem e sentem que você precisa. Três, está em torno desde 2013. Ela amadurece tremendamente. $200 lhe dará uma assinatura vitalícia que pode ser usada em todos os sites de seus clientes. No próximo conjunto de lições, vamos dar uma olhada prática no Devi e no Visual Builder enquanto finalmente criamos seu primeiro site juntos. Mal posso esperar até lá. Qual é o nosso dever de casa? Eu quero que você visite Temas Elegantes através do meu link de afiliado na descrição do curso. Conheça esta incrível empresa, incluindo seu principal produto. Dê-me, vá em frente e compre sua associação antes que o preço aumente novamente. Então você estará pronto para começar a usá-lo. Eu sou Leighton e agora você sabe, Devi. 10. PARTE 2: como criar um site: Bem-vindo, estou atrasado para o seu webmaster. E nas lições anteriores, aprendemos os fundamentos do design do site. Mas por que não entramos na construção de um site? Bem, enquanto eu sou um grande defensor do trabalho de aprendizagem prática, você contrataria um eletricista? Ele sabe como a eletricidade funciona. Um encanador que não entende esgoto, drenagem ou pilotos não os contratam porque não entendem completamente o que estão fazendo. Eu adorava aprender com as mãos. Não podemos descontar o valor na aprendizagem dos fundamentos. Agora, já fizemos isso. Estabelecemos o negócio de design de sites da fundação. Aprendemos domínios que hospedam fêmeas como as células WordPress Devi, e agora chegou a hora de construir um site. Nesta lição em particular, vamos preparar nosso servidor, significa prepará-lo para construir um site. Você acaba fazendo isso por todos os clientes. Pode parecer assustador no início, mas realmente fica mais fácil uma vez que você está mais confortável ao ponto em que isso leva apenas alguns minutos. Nas lições a seguir, vamos mergulhar diretamente na concepção e desenvolvimento de sites amigáveis de e-commerce de uma página e várias páginas. E mais tarde, vamos considerar como obter inspiração de design, onde ir para encontrar imagens, gráficos, que software podemos precisar e como os temas infantis de trabalho. Mas primeiro, antes de fazermos isso, vamos preparar o nosso servidor. Então vamos fazer isso primeiro na sua conta de hospedagem Ioannidis. Se estiver usando isso. Essas etapas geralmente se aplicam a qualquer pacote de hospedagem tradicional ou compartilhado. Posteriormente, consideraremos esses carimbos para uma plataforma gerenciada de hospedagem em nuvem, como maneiras de nuvem. Primeiro, precisamos clicar em hospedagem. Hospedagem é a capacidade de usar o espaço web e bancos de dados. Temos que selecionar qual contrato de hospedagem queremos usar. Vou clicar em um dos meus servidores dedicados aqui. E aqui estamos nós na visão geral da hospedagem. Agora, há três elementos cruciais para uma conta de hospedagem. Há o espaço web, o FTP e os bancos de dados. Também aqui veremos a versão do PHP, que é a versão da linguagem de programação ou codificação PHP. Há a varredura do site, que é o próprio software Ioannidis para verificar seu site em busca de vulnerabilidades de segurança. Não sou um grande fã disso. E então a rede de distribuição de conteúdo, que é uma venda adicional lá. E, em seguida, mais alguns recursos na parte inferior, que eu normalmente não uso. Novamente, os três elementos principais aqui são o espaço web, FTP e bancos de dados. Vamos detalhar cuidadosamente cada um deles para que você se sinta confortável compreendendo e usando cada uma dessas partes do servidor de hospedagem. Então, em última análise, queremos instalar o WordPress em nosso servidor de hospedagem. E vamos usar todos esses três recursos do servidor de hospedagem para atingir esse objetivo. Primeiro, vamos olhar para o espaço web. Agora, antes mesmo de clicar no espaço web, quero mostrar-lhe as capacidades do espaço web, se as capacidades e limitações que podemos armazenar. Agora, você vai se lembrar que dizia ilimitado, mas eu tinha lhe dito que ilimitado simplesmente não é verdade. Esta é a razão pela qual eu fiz essa declaração. Enquanto ele diz que o servidor é pode hospedar uma quantidade ilimitada de arquivos. Na realidade, é um pouco mais de um milhão de arquivos neste servidor dedicado em particular. Os servidores compartilhados oferecem mais de 260 mil arquivos. Este está me dando um pouco mais de 1 milhão de arquivos. Tenho alguns clientes neste servidor em particular. E como você pode ver, apenas uma pequena fração dela foi usada até agora. Armazenamento, eu tenho quase 400 gigabytes neste servidor, que é muito mais do que eu nunca precisarei para o tipo de clientes de pequenas empresas que você é. Eu terei. Vamos clicar em Usar espaço web para que possamos entrar em nosso espaço web para este servidor. O espaço web é uma coleção de arquivos e pastas no servidor, bem como você encontraria em seu computador. Agora, quando você começar com um novo cliente, você precisará criar uma nova pasta em seu espaço web. Uma pasta para cada cliente, mais especificamente, uma pasta para cada site. Nesse caso, vamos criar uma nova pasta clicando no botão Nova Pasta, nomeando-a como meu primeiro site. Clique em Salvar. Estamos criando uma nova pasta em nosso servidor online. Lá está o meu primeiro site. Esse é um dos três elementos que precisamos. Temos o nosso espaço web. Agora vamos voltar para a página inicial para a hospedagem e ir para SFTP. Então FTP significa protocolo de transferência de arquivos. S é a versão segura. FTP nos permite interagir com um servidor. Ele basicamente permite que você veja os arquivos e pastas do seu servidor, mesma forma que você faria em seu computador. Cada FTP tem um servidor, um nome de usuário e uma senha. Então, vamos clicar em Gerenciar. E criaremos uma nova conta FTP para a nova pasta que criamos. Normalmente, muito parecido com o espaço web, você precisará de uma conta FTP separada para cada cliente. À direita, aqui veremos os dados de conexão que precisaremos, o nome do servidor, o protocolo, a porta e, em seguida, o nome de usuário obterá um nome de usuário e senha separados para este projeto específico clicando em Criar usuário. E antes de fazermos isso, observe também que recebemos uma quantidade ilimitada de Contas FTP. Então não há limite para isso. Vou clicar em Criar usuário. Precisamos criar um nome de usuário. Vamos digitar o site e vai precisar de uma senha e vai gerar automaticamente uma senha usando meu software de última passagem para gerenciamento de senhas. E colamos essa senha. Nota pessoal. Chamo isso de meu primeiro site, o diretório. Clique em Alterar. E é aqui que você seleciona qual pasta você deseja acessar com essa conta FTP clicará no meu primeiro site e salvará. Antes de passarmos para a próxima tela, vamos nos certificar, enquanto tivemos essa senha copiada, que a salvamos em nosso último gerenciador de senhas passe. Mais uma vez, este é Last Pass, Last Pass.com, que é um maravilhoso software de gerenciamento de senhas mundialmente famoso. Eu clico em Adicionar item e role para baixo até o servidor. Diga o meu primeiro site FTP, salve-o na minha pasta de servidores, cole a senha. Oh, isso não funcionou. Preciso de um novo. Copie, cole, cole aqui. Em seguida, clique em Guardar. Na próxima tela terá nosso nome de usuário e host. Copie o host, copie o nome de usuário. E vamos salvar esses outros petiscos também. O protocolo e o protocolo de porta é SFTP, que é a versão segura dele, FTP, eu recomendo usá-lo. E, a fim de torná-lo seguro, o porto é 22. Inseguro seria 21. Seguro seria 22. E vá em frente e guarde isso. E lá temos. Temos uma conta FTP que nos permite interagir com a minha primeira pasta do site em nosso servidor. Agora, como acessamos o FTP? Há um link aqui para instalar e baixar o arquivo de configuração do software FileZilla. Filezilla é um maravilhoso cliente FTP gratuito, que novamente permite que você acesse simultaneamente e com segurança seu servidor de hospedagem. Filezilla é o software que eu recomendo para conseguir isso. Vamos em frente e clique em Download. Isso está nos levando ao site oficial do FileZilla. Acontece que já tenho o software, então vou abri-lo agora. Arquivo Zola. Está se abrindo. E esta é uma das melhores peças livres de software que permite que você interaja com seu servidor via FTP. Novamente, o nome é FileZilla, e permite que você puxe o seu site, salve-os no gerenciador de sites aqui, ou simplesmente conecte-se a um site diretamente. O que você está olhando na tela? À esquerda estaria o seu computador. Os documentos, os downloads, tudo o que você tem no seu computador à direita é o servidor. Não estou conectado a nenhum servidor, então você não vê nenhum arquivo? Estou conectado ao meu computador. Então você vê meus arquivos locais à esquerda, mas nada à direita. Esquerda é local, direita é remota. local remoto seria o servidor ao qual ainda não nos conectamos. Então, vamos fazer isso agora. Vou abrir o que acabamos de criar. Como o nosso login conta FTP para durar melhor. E eu vou copiar o anfitrião. Cole aqui no topo. Copie o nome de usuário e copie a senha. Vamos colocar a porta em seu 22 e clique em conexão rápida. Bem, agora você está oficialmente conectado à, minha primeira pasta do site em nossa conta ionizada. Muito excitante. Não vemos nada lá porque não temos atualmente nenhum arquivo ou pasta na pasta do meu primeiro site. Em breve teremos o WordPress lá dentro, mas temos que fazer algo antes de podermos carregar esses arquivos. Vamos primeiro criar nosso banco de dados. Então, continuando nossa jornada de visão geral de hospedagem aqui, o que fizemos? Criamos nossa primeira pasta do site no espaço web. Criamos nossa conta FTP, e agora precisamos de um banco de dados. Como aprendemos algumas lições atrás, WordPress usa um banco de dados. Então precisamos criar um. Temos uma quantidade ilimitada de bancos de dados que podemos acessar aqui no nosso servidor. Então vamos criar um agora. Banco de dados. Selecione nossa versão e vamos fazer a versão superior. Dê o nome do meu primeiro site. E vai precisar de uma senha. Isso é os dois. Gere um aqui e, em seguida, cole-o e salve-o em Last Pass. Adicionar item, banco de dados, colá-lo. Meu primeiro banco de dados do site. Salve-o em Bancos de Dados. Volte aqui e clique em Salvar. E aqui está o que temos. O banco de dados está sendo configurado. E muito em breve teremos as credenciais do banco de dados. Clique nisso e eles já estão prontos. Aqui está o nosso nome de anfitrião. Portanto, cada banco de dados tem um nome de host ou servidor, um nome de usuário, uma senha e um nome de banco de dados. Então, se novamente, você tem o nome do banco de dados, nome de usuário, nome de host e senha. Esses são os quatro pedaços padrão de informação relacionados a um, conectando-se a um banco de dados. Então vamos copiar o nome do banco de dados. Coloque-o no tipo. O tipo é o meu SQL. Esse é o tipo de banco de dados que criamos. Nome do host. Copie e cole isso em nosso gerenciador de senhas. A porta, não muito importante, mas vamos salvar isso de qualquer maneira, 3306, o nome de usuário. E lá vamos nós. Agora temos nosso banco de dados e vamos clicar em Salvar para salvar com segurança para o nosso cliente. Agora voltamos e o que temos? Temos uma pasta chamada meu primeiro site. Temos uma conta FTP para se conectar a essa pasta. E criamos um banco de dados para que possamos potencializar o WordPress com ele. E agora vamos baixar o software WordPress. Como fizemos algumas lições atrás. Vamos entrar no WordPress.org. Clique em Obter WordPress no canto superior direito e baixe a versão mais recente do WordPress. Lá vamos nós. Agora, anteriormente, eu tinha carregado essa pasta diretamente através de Ioannidis no webspace explore. Mas desta vez eu quero mostrar como fazer upload diretamente usando FileZilla. Então vamos abrir o FileZilla. Já estamos conectados ao nosso servidor. E à esquerda aqui, precisamos encontrar o arquivo que acabamos de baixar, que está em Downloads. E vamos descompactar esse primeiro zip ponto Wordpress e obter a nossa pasta WordPress. E nessa pasta WordPress, vemos alguns conjuntos de arquivos e pastas. Os arquivos, nossos arquivos PHP, PHP, a linguagem de programação que nos permite interagir com servidores e bancos de dados. Wordpress depende muito do PHP. Ele também usa HTML, CSS e JavaScript. Assim, cada instalação do WordPress tem três pastas. Wp admin, WP conteúdo traço e WP traço inclui o inclui nossas pastas e arquivos. Espero que o seu WordPress funcione sem problemas. O administrador do WP é a área de administração. 99% do tempo, você não estará alterando nenhum dos arquivos ou pastas contidos em WP includes ou WP admin. Nós não temos que nos preocupar com isso e eles permanecem praticamente intocados. No entanto, o conteúdo WP é a pasta que muda. Então dentro há plugins e temas. Os temas seriam como o tema Devi ou o tema padrão. Com o WordPress, eles têm um para cada ano. Atualmente, o padrão é 2017, 2019, 2020. Eu não sei o que aconteceu com 2018, mas eu acho que não fez o corte. Mas nós vamos deletar isso. Vamos apenas ir em frente e removê-los porque nem precisamos nos preocupar em transferir esses arquivos para o nosso servidor. Não vamos usar esses temas. Vamos usar o tema Divi. Os plugins. Você acabará instalando vários plugins em um site de produção. No início, há apenas alguns plug-ins de ações. Eu realmente não faço nada. Hello.py AHP não é um plugin e um Kismet é um, na verdade, é um plug-in anti-spam muito bom, mas eu normalmente não usá-lo a menos que um site usa especificamente comentários em seu blog. Nesse caso, há proibição de comprar tecnologia é incrível. Mas eu não preciso dele para começar, então vamos apagar isso. Agora vamos em frente e fazer o upload para o nosso servidor. E então podemos pensar em baixar Devi. Então, o que fazemos? Encontramos a pasta de downloads e puxamos o WordPress. E queremos transferir tudo isso. Essas três pastas e conjuntos de arquivos representam o WordPress. Então vamos transferir todos para o servidor. Nós arrastamos e soltamos para o trabalho certo. E lá vamos nós. 1700 arquivos estão sendo transferidos. Então, enquanto isso está sendo enviado, vamos baixar o tema Divi. Entramos em nosso navegador de Internet e navegamos para Elegant Themes.com. A partir daqui, precisamos fazer login em nossa conta. Vou entrar na minha conta de negócios Elegant Themes, clique em login de membro. E aqui estamos nós. Podemos baixar o tema Devi aqui usando o botão Tema Divi baixado roxo. Isso nos dá um arquivo zip ponto deste tema. Há também alguns plug-ins aqui, o Divi Builder, que já está incluído no tema. O tema extra, que é um tema diferente voltado para blogs. E nós temos o plugin Bloom para e-mail, formulários de inscrição boletim informativo, que também é incorporado em dv agora. E o compartilhamento social e siga plugin, que lhe dá alguns botões de compartilhamento agradáveis para compartilhar com diferentes sites sociais. Então, novamente, nós temos um arquivo zip dot e vamos descobrir como fazer o upload para o nosso site. Portanto, uma maneira é carregá-lo diretamente para o WordPress. Mas por que não fazemos isso? Vamos descompactar Devi, arrastá-lo para WordPress, arrastá-lo para conteúdo WP e arrastá-lo para o. Então esta é a maneira como os temas funcionam no WordPress. Cada tema está em sua própria pasta, na pasta temas. Então dv terá sua própria pasta. E qualquer outra coisa que você possa usar, que eu normalmente só uso Devi. Portanto, temos um tema instalado em cada um dos nossos sites de clientes, que é o tema Divi. Dentro disso, temos várias pastas e arquivos construídos em PHP. Você vai notar. E normalmente não alteramos esses arquivos, então não precisamos nos preocupar com isso. Volte para o FileZilla. E temos tudo carregado referente ao WordPress. Mas agora precisamos carregar o tema Divi. Mais uma vez, à esquerda, nosso computador, o site local. Vamos para o conteúdo do traço WP e os feixes no servidor à direita. Vamos entrar em WP Conteúdo e temas. Então agora estamos movendo o tema Divi para a minha primeira instalação do site em nosso servidor ionizado até que arrastemos a pasta Devi do nosso computador para o servidor. E lá vamos nós. 900 arquivos estão sendo carregados para o servidor. Então, neste ponto, podemos ir em frente e olhar para o WordPress. Nós instalamos isso algumas lições atrás. Vamos passar por isso de novo. E vamos começar por descobrir qual é o nosso nome de domínio para que possamos acessar o servidor diretamente. Vamos clicar em domínios e SSL. partir daí, filtramos para o contrato onde estamos carregando nossos arquivos, que no meu caso é esse servidor dedicado em particular. Agora clicamos em todos os filtros aqui e em todos os tipos de domínio. Estamos à procura de domínios de sistema. Então o que isso é, é o acesso direto ao seu servidor. Podemos copiar isso e este seria o nosso servidor, mas precisamos digitar a pasta real que foram instalados WordPress para. Então, no nosso caso, precisamos adicionar uma barra meu sublinhado primeiro site. E isso deve puxar para cima a famosa instalação de cinco minutos WordPress. E nós já vimos isso. As balas atravessam outra vez. Selecionamos nosso idioma Inglês. Precisará das credenciais do banco de dados que o nome do banco de dados, nome de usuário, senha e host. Vamos copiar isso do nosso gerenciador de senhas. Copie o nome, nome de usuário , senha e o host. Vamos passar pelo prefixo da tabela novamente, ele é projetado especificamente para executar várias instalações WordPress em um único banco de dados. Nós realmente não precisa se preocupar com isso porque nós criamos um banco de dados separado para cada projeto cliente para que possamos mantê-lo nomeado como WP sublinhado WP do WordPress e clique em Enviar e, em seguida, executar a instalação. Isso vai instalar o WordPress em nosso banco de dados. Título do site. Meu primeiro nome de usuário do site. Colocarei meu nome na senha deles. Isso parece bom. E vou digitar meu endereço de e-mail. Visibilidade do motor de busca. Vamos desencorajar os motores de busca por enquanto porque não estamos prontos para publicar nosso site. E clicamos em Instalar WordPress. Bem, isso é instalar. Vou voltar para o FileZilla. E parece que Devi foi carregado com sucesso para o nosso servidor. Muito agradável. E voltar para o Google Chrome, para o nosso navegador, e vemos o sucesso WordPress foi instalado. Obrigado e aproveite. Nosso nome de usuário e senha estão aqui. Clique em Login e entrará em nossa conta e senha. E aqui somos solicitados a salvar nosso login em Last Pass, o que queremos fazer. Bem, então vamos clicar em Adicionar, e bem-vindo ao WordPress. Então, aqui está uma breve visão geral do administrador do WordPress. Então este é o back-end do seu site. Isso não é o que as pessoas veem quando acessam seu site. Isto é o que você como o proprietário do site, o webmaster, o administrador. E vamos ver, como chegamos aqui. Fazemos login aqui adicionando barra WP admin à nossa barra de endereços. E isso nos leva ao administrador do WordPress. Então, à esquerda, aqui vamos ver vários botões na navegação. Vemos postagens, mídia, páginas, comentários, plugins de aparência, ferramentas e configurações do usuário. Vamos passar brevemente por cada um desses posts são projetados especificamente como postagens de blog. Então, se você tem um blog, você pode clicar, Adicionar notícias ou Adicionar novo e começar a digitar fora sua postagem de blog. Eles também são categorizados e há tags diferentes que você pode usar. Não costumo usar etiquetas, mas as categorias podem ser boas. Pode criar uma categoria chamada blog e nova categoria. E lá vamos nós. Faça clique, Adicionar novo. E este é o editor de blocos WordPress, que é uma boa maneira de adicionar visualmente conteúdo ao seu post. Normalmente não nos aproveitamos disso porque preferimos o Devi, editor visual. Mas cada post e página tem um título. O real, como o meu primeiro post no blog, o conteúdo real. Blogando. Nós temos um wysiwyg ou o que você vê é o que você recebe editor. E à direita, podemos publicar nosso post. Podemos alterar o URL dele. Podemos alterar as tags de categoria, trecho, que é uma breve descrição do post, e escolher se deseja ou não permitir comentários sobre este post. Vamos continuar e guardar isso como rascunho. E vamos sair daqui clicando no logotipo do WordPress no canto superior esquerdo. Essa é a seção de postagens. A mídia é sua, basicamente suas imagens. Você também pode incluir PDFs e planilhas, etc. Mas, na maior parte , serão suas imagens e fotos no site. Podemos fazer upload de novas imagens, mas normalmente faríamos isso através de Devi de qualquer maneira. Mas esta é uma boa maneira de ver o que todas as imagens que você tem em seu site. Páginas seriam as páginas padrão que você encontrará na maioria dos sites, sua casa, seu sobre nós, serviços de contato, galeria, qualquer outra coisa que você veria em um site, cada uma é dividida em sua própria página. Uma página é tratada muito como um post. Temos o título, tivemos o conteúdo da página, e temos o URL. E esses são os elementos básicos de uma página WordPress. Você normalmente estará em páginas mais do que em postagens. comentários dizem respeito apenas a sites que permitem discussões ou comentários, como um blog, quais estamos ficando mais longe. Especialmente porque os spammers realmente atacam sites como este. Mas há uma hora e um lugar para isso. Alguns sites precisam tirar proveito dos comentários de conteúdo. Agora aparência, aparência são os temas e o personalizador, e não nos preocupamos com o editor de temas. Então temas, ele está tentando ativar o tema 2020, mas nós não carregamos isso. Então não pode ser encontrado, não existe. Vamos ativar o tema Divi. Clique em Ativar. E agora Devi é o padrão e único tema nesta instalação WordPress. Devi é por Temas Elegantes. A versão atual que tenho aqui é 4.6.3. É descrito como inteligente, flexível, bonito, o tema mais poderoso da coleção The Elegant Themes. Vamos falar mais sobre isso na próxima lição. Por enquanto, continuamos a na aparência, Há widgets. Então widgets são apenas pequenos pedaços de conteúdo. Você pode fazer. Você pode fazer palavras, você pode fazer imagens, você pode fazer um menu, uma barra de pesquisa, um vídeo, todos os tipos de coisas aqui. E isso iria para a sua barra lateral ou para a parte inferior do seu site, o rodapé. Não estamos muito nisso, mas talvez precisemos aparecer aqui ocasionalmente, cardápios. Então, seu menu são os botões na parte superior do site, às vezes na parte inferior também. O menu principal normalmente seria o topo do site. O secundário seria o topo muito tippy, eo rodapé seria a parte inferior do site. Quando criamos um menu como menu principal, podemos adicionar qualquer uma de nossas páginas a ele. E lá vamos nós. Acabamos de criar um menu. O plano de fundo nos leva ao Personalizador de Temas, que realmente entrará na próxima lição. Então eu vou clicar no botão Voltar e continuar. Plugins são uma espécie de maneiras como tema que você estende a funcionalidade do seu site WordPress. Estes são de terceiros, quaisquer plugins que você adicionar estão incluídos no mercado de plugins WordPress, mas eles não são criados pelo próprio WordPress. Então, estes são plugins de terceiros criados por desenvolvedores terceirizados. Há toneladas de plug-ins lá fora, muitos para qualquer coisa que você possa precisar, seja segurança ou backups ou realmente qualquer coisa que você queira fazer para estender a funcionalidade do seu site. Pode ser comércio eletrônico, que pode ser luta contra spam. Isso poderia ser todo tipo de coisas que seriam feitas adicionando um plug-in. Agora, os usuários são as pessoas diferentes que têm um login para o seu site WordPress. Você pode criar vários usuários. Você pode ter pessoas que adicionam comentários ao seu site. Você pode ter pessoas que são administradores, pessoas que adicionam postagens. Você pode ter clientes. Mas, começando, são apenas nossos administradores em termos simples, que é você e esse é seu cliente. Fácil o suficiente. Ferramentas, normalmente não fazemos nada na seção de ferramentas, então não precisamos nos preocupar com essas configurações. Primeiro, temos o título do nosso site e slogan, que podemos mudar com base em que tipo de site este está praticando, WordPress e Divi. Este é o URL do site, o endereço de e-mail do administrador e algumas perguntas extras. Se alguém pode registrá-lo para ser um membro deste site? - Não. A função de usuário padrão, o idioma do site, o inglês, o fuso horário, o formato de data, formato de hora e a semana começam na segunda-feira. Escrevendo, normalmente não faço nada aqui lendo. É bom mudar a página inicial para uma página estática. Quando criarmos nossa página inicial, você estará alterando a página inicial estática para a página chamada buraco. E também é aqui que encontramos os bugs de visibilidade do mecanismo de busca. discussão normalmente não precisa se preocupar com isso, a menos que você tenha um site que tenha um blog. Nesse caso, você pode encontrar sintonia com as configurações sobre o que acontece com os comentários. Algumas perguntas sobre a mídia, especificamente as dimensões das miniaturas, uploads de tamanho médio e grande normalmente não precisam se preocupar com isso. Permalink. Eu recomendo entrar aqui configurações permalink e alterá-lo para o nome do post. O que é que isso faz? Ele permite que cada página que você cria em seu site WordPress para ter uma URL amigável como este, exemplo post ou barra serviços ou barra contato parece muito melhor do que isso e muito melhor do que isso. Então, queremos alterar os links perma padrão para postar nome quando instalamos WordPress. E a privacidade é relativamente nova. Ele nos permite criar uma política de privacidade. E aqui está o Divi, opções temáticas que vamos passar na próxima lição. Então, o que acabamos de fazer? Bem, a fim de preparar o servidor de hospedagem para o nosso novo site. Primeiro criamos a pasta de espaço web. Em segundo lugar, criamos uma conta FTP. Em terceiro lugar, criamos um banco de dados para baixarmos, transferimos e instalamos o WordPress. E quinto, baixamos, carregamos e ativamos Devi. Agora você está pronto para começar a construir seu site. Novamente, essas etapas se aplicariam a qualquer conta de hospedagem tradicional ou compartilhada. Basicamente, em qualquer lugar que lhe dê um espaço web, FTP e um banco de dados. Você também pode fazer isso através cPanel se você está hospedando conta usa que. Mas eu possuo isso não. Então, agora você pode estar se perguntando, como esse processo funciona em uma plataforma de hospedagem de nuvem gerenciada, como maneiras de nuvem. Se você levou sua agência para o próximo nível com hospedagem em nuvem, deixe-me mostrar como essas plataformas premium facilitam a preparação do seu servidor. Então, aqui estamos em nossas maneiras de nuvem que contam na plataforma dotCloud ways.com. Agora, isso é dividido em duas seções, seus servidores, que mantêm seus aplicativos. Você pode ter vários aplicativos por servidor. E um aplicativo basicamente significa um site para você e para seus clientes. Então, para começar a preparar nosso servidor, nós criaríamos primeiro um servidor usando o botão verde Adicionar servidor. Se você ainda não tiver um na sua conta do Cloud ways, primeiro selecione o aplicativo que deseja instalar nesse servidor. Você pode fazer WordPress. Você pode fazer Woo Commerce se você estiver criando um site de comércio eletrônico. E há algumas outras opções. Mas para a maior parte, nós apenas fazer o, a versão mais recente do WordPress. Em seguida, criamos um nome para a nossa aplicação, como um curso de negócios de web design, design, servidor de negócios. E então podemos escolher qual marca de servidor queremos, Digital, Ocean, nó de LA, abutre, Amazon ou Google. Se pressionarmos o ícone Informações, podemos obter uma pequena sinopse sobre esse tipo específico de servidor. E ele diz qual é o benefício desse servidor. Você pode usar esse pequeno blurb para decidir qual empresa seria a certa para você. Mas o local também tem muito a ver com isso, então chegaremos a isso em um segundo. O tamanho do servidor, você pode selecionar o tamanho do seu servidor. E lembre-se de que você sempre pode dimensionar o tamanho do servidor quando precisar. Algumas dessas marcas de servidor oferecem uma lista suspensa aqui com padrão ou alta frequência. Alta frequência é apenas, eu não vou atualizar com tecnologia melhor. Então, o gigabyte um nos dará uma nota aqui que o recomendado é dois gigabytes ou superior para produção. Sites, um gigabyte é para sites de teste WordPress ou de baixo tráfego. Então, queremos fazer o mínimo de dois gigabytes. Se estamos construindo um negócio de web design, eu gosto de fazer a opção de quatro gigabytes ou oito gigabytes, mas para dois gigabytes é ideal quando você está começando pela primeira vez. E lembre-se, você sempre pode dimensionar para um tamanho de servidor maior. Agora, o principal fator decisivo aqui seria a localização do seu servidor. A sabedoria geral é que quanto mais próximo o servidor estiver do seu público-alvo, melhor o site será carregado e executado. Portanto, seria sensato clicar em cada um desses e olhar para os diferentes locais que são oferecidos. Seja na América e Europa, Ásia, Pacífico, Canadá, etc. Há muito que podemos escolher. A situação ideal seria obter o servidor mais próximo de sua localização física do público-alvo. Então, uma vez que decidimos que podemos escolher, escolhemos o tamanho do nosso servidor, dois gigabytes, temos a nossa localização. Vamos fazer USA Dallas, e então pressionamos Launch. Agora. Agora, antes de fazermos isso, olhamos para o preço aqui. Pague como for. Diz que é barato por hora, mas o número que procuramos é mensal. Neste caso, em dólares americanos, o tamanho de dois gigabytes seria apenas vinte e três dólares por mês. Se você chegar ao ponto em que precisa escalar mais alto, você pode optar por quatro gigabytes um e em menos de uma hora maneiras Cloud enquanto migra automaticamente para o plano de quarenta e quatro dólares. Então, clique em Iniciar agora e ele irá criar o nosso servidor. Então nosso servidor estará pronto em apenas alguns minutos. E quando estiver pronto, podemos clicar nele. E a primeira tela que aparece são credenciais mestre. Então o que isso nos diz é nossa informação de FTP, o nome do servidor, que é o endereço IP, o nome de usuário e a senha. Isso nos dará acesso FTP ao servidor. Existem várias opções do lado aqui, monitoramento, serviços gerenciados, configurações e pacotes, segurança, dimensionamento vertical, backup e SMTP que você pode clicar ao redor. Mas para o propósito desta demonstração, vamos direto para os aplicativos. E veremos todos os aplicativos que instalamos em nossa conta entre todos os nossos servidores. E para adicionar um novo aplicativo, que é adicionar um novo site ou basicamente preparar nosso servidor para obter WordPress e Divi prontos. Então, pressionamos o botão Adicionar Aplicativo, selecione um servidor ao qual queremos adicioná-lo. Pressione Adicionar aplicativo, selecione o que queremos, que é WordPress 5.7. A versão mais recente do WordPress. Dê um nome à nossa aplicação e clique em Adicionar Aplicação. Uma vez que fazemos isso, um aplicativo será adicionado e pronto em cerca de dois minutos. No backend aqui, o que a nuvem maneiras está fazendo é criar o aplicativo, criar o espaço web do site, criar as credenciais de FTP para você, criar o banco de dados. E ele está instalando o WordPress e ficando tudo pronto para você começar a construir seu site. Agora, isso vai estar pronto em até dois minutos, que é incrivelmente rápido comparado a ter que fazer isso passo a passo por conta própria. Então, em cerca de dois minutos, tudo o que tínhamos que fazer era pressionar Adicionar Aplicativo, dar um nome, dizer, dizer à Nuvem maneiras que queremos a versão mais recente do WordPress e, em seguida, ele está pronto. Aqui vamos nós. Nós clicamos no aplicativo e ele puxa nossa tela com nossos detalhes de acesso. Então o que isso nos dá é a URL para a instalação do WordPress. Vamos clicar nisso para confirmar que ele instalou o WordPress com sucesso. Lá está ele. Podemos fechar isso e voltar para o painel de administração. Este é o URL para a área de administração do WordPress e o nome de usuário e senha já estão configurados para nós. Então, clicamos neste link para ir para a área de administração. Copiará nosso nome de usuário e copiará nossa senha. E lá vamos nós. Estamos logados no WordPress, todos prontos para ir? Super, super fácil. Vamos voltar para a plataforma. E temos o acesso ao banco de dados, o nome do banco de dados, nome de usuário e senha. E há uma interface online onde podemos editar o banco de dados se quisermos. Aqui estão as credenciais S FTP. Temos o nome do host, que é o nosso endereço IP para o servidor. E então podemos digitar um nome de usuário e uma senha para criar as credenciais FTP e basta pressionar Adicionar. E então isso cria o FTP. Então o que queremos fazer em seguida é voltar para o administrador do WordPress e queremos instalar Divi agora. Então vimos como fizemos isso antes. Vamos fazer o mesmo processo. Vá para Temas de Aparência, Adicionar Novo e, em seguida, carregue o tema. E vamos selecionar dv e, em seguida, instalar agora. E apenas alguns segundos que serão instalados e podemos ativá-lo. E então colocaremos nossa licença lá na nossa conta Elegant Themes. Nós pegamos que de Elegante Themes.com barra membros painel área sob uma contagem aqui, e, em seguida, detalhes da conta, nome de usuário e chave API. Vamos a essa página, pegamos nossas informações de API e colamos aqui. E é isso. Estamos prontos para ir. Temos Devi instalado e ativado e conectado à nossa licença. Então isso é super fácil para a nuvem maneiras para você criar um site WordPress, preparar seu servidor, prepará-lo para ir, instalar Devi. Apenas mais um ponto que eu quero destacar em nossa conta de maneiras Cloud. Temos mais uma característica agradável que eu quero chamar a atenção aqui. E vamos para Aplicativos, e vamos para a nossa aplicação aqui. Há outra característica aqui. Se clicarmos no ponto, ponto, ponto, podemos escolher entre a equipe clonar nosso aplicativo e criar um preparo para esse aplicativo, e podemos excluí-lo. Então, se clicarmos neste botão, o que ele vai fazer é clonar esse aplicativo para o mesmo servidor ou para um servidor diferente. E podemos criar um ambiente de preparação, se quisermos. Então, o que isso significa? Isso significa que você está criando um clone completo do seu site como ele está, mas em um URL diferente. Então você pode fazer alterações nele. E o público não precisa ver as mudanças no desenvolvimento. Isso é incrível quando você precisa testar novos recursos ou testar grandes atualizações em um site sem mexer com a versão live. E então você está a apenas um clique de implantar essas alterações em seu site principal, o live on. Então, no geral, o que fizemos aqui é que adicionamos nosso aplicativo, demos um nome, selecionamos a versão mais recente do WordPress. E então nós, nós temos nosso painel de administração com um link para nos levar para a área de administração do WordPress. E então instalamos Devi e temos tudo configurado com nossa conta Elegant Themes. E agora estamos prontos para ir com WordPress e iria dividir. Agora, quando chega a hora em que estamos prontos para lançar nosso site e obtê-lo fora desta nuvem formas URL temporária, e colocá-lo em nosso nome de domínio ao vivo. E você pode fazer isso desde o início. Vamos para o gerenciamento de domínio e digite o nome do nosso nome de domínio. Pressionamos Salvar alterações e haverá um aviso sobre como apontar o nome de domínio para sua conta de maneiras da nuvem que nos leva a um artigo de suporte. E basicamente você faz isso com apenas um registro DNS. Ele vai lhe dar um, um, um, um registro em você adicionar ao seu DNS. E encontramos esse registro DNS acessando detalhes e copiando nosso IP público. Nós clicamos para copiar isso. Este é o endereço IP do seu servidor. E então entramos em nossos registros DNS em nosso registrador de domínio. Vejamos isso em Jonas, por exemplo, clicamos em DNS e, em seguida, precisamos colar que um registro que no símbolo. E o, um registro denota o tráfego principal da Web. Então, quando você vai para o seu nome de domínio, onde está o tráfego atrás? O registro DNS aqui indica o endereço IP que você está enviando esse tráfego da Web. Então, para iniciar seu site, você adicionaria seu nome de domínio sob gerenciamento de domínio e, em seguida, alteraria esse registro do endereço IP que já está lá para o que é aplicado ao seu servidor de maneiras de nuvem. Aqui mesmo sob IP público, uma vez que você aponta, uma vez que você aponta o tráfego principal para esse endereço IP, seu site estará pronto para ir desde que você tenha seus detalhes de acesso e coloque seu gerenciamento de domínio. E para torná-lo seguro, você passa pelo processo de instalação de um certificado SSL apenas com seu endereço de e-mail e seu nome de domínio. E uma vez que você fizer isso, ele lhe dará um registro DNS que você pode aplicar para instalar seu certificado SSL. E é isso. Hospedagem em nuvem gerenciada é uma solução premium. Isso significa que eles lidam com tudo isso, essas coisas técnicas para você. Tornando rápido e fácil implantar sites e começar a criar. Então, qual é o seu dever de casa? Você me vê fazer isso. Agora é a sua vez. Abra seu servidor de hospedagem iOS, crie seu espaço web, conta FTP e banco de dados. Em seguida, instale o WordPress e ative a vida. Se você estiver em uma plataforma de hospedagem gerenciada, como formas de nuvem em um servidor, adicione um aplicativo a isso. Então eu sou Leighton e agora você sabe como preparar seu servidor web. 11. Criando um site: Bem-vinda. Sou Leighton, seu webmaster. Hoje, vamos mergulhar e construir uma página web. Agora lembre-se, o sucesso do seu negócio de design de site depende muito da aparência agradável dos seus sites. Por que isso importa? Contrataria um fotógrafo bem conhecido se não gostasse trabalho deles e o portfólio deles não fizesse nada por você. Por que escolheria aquele fotógrafo? Porque tão importante quanto o conhecimento de cabeça e branding são o resultado final, o cliente é deixado com. Da mesma forma, seu negócio de design de site só será tão bem sucedido quanto o design dos próprios sites. Deixe-me repetir isso. Seu negócio de design de site só será tão bem sucedido quanto o design dos próprios sites. É sobre isso que as empresas vão falar. Não quão fino seu logotipo é, não como pegar seu nome de domínio é, mas como você faz com que eles pareçam. Agora, estruturalmente, existem vários tipos diferentes de sites que você pode construir com DV. Há uma página, várias páginas e sites de comércio eletrônico. As seguintes lições vamos explicar cada tipo O por enquanto, vamos nos concentrar em projetar uma única página da Web. Na lição anterior, instalamos em nova cópia do tema WordPress e Divi. Então vamos começar a construir. E estamos de volta ao administrador do WordPress. Esta é a área de administração do meu primeiro site, o site WordPress. Então vamos para páginas e adicionar novo vai criar uma página inicial que podemos construir sobre. E que tipo de casa e usar o Divi Builder, use o botão roxo Use Divi Builder. Isso vai nos chutar para o Visual Builder. Estamos deixando o backend do WordPress e entrando no front-end. Bem-vindo ao Construtor Divi. Começa com um vídeo de 25 minutos produzido pelos fabricantes de Devi. Neste tutorial de um dando-lhe uma visão geral básica do Divi Builder com foco na interface Visual Builder. Recomendo vivamente que assista esse vídeo. É fabuloso. É colocado pelos criadores de Devi, que colocam todos os tipos de recursos gratuitos para ajudá-lo a aprender Devi. Isto diz que construir páginas bonitas é uma violação usando o Visual Builder para começar em uma nova seção que é azul para sua página pressionando o botão azul mais. Em seguida, adicione uma linha. As linhas são verdes, uma linha de colunas dentro de sua seção pressionando o botão verde mais. Finalmente, comece a adicionar alguns módulos de conteúdo dentro de suas colunas pressionando o botão cinza mais. E você pode personalizar o design e o conteúdo de qualquer elemento na página pressionando o botão de configurações ou ícone de engrenagem. Se você precisar de ajuda, visite nossa página de documentação para obter uma lista completa de tutoriais. A documentação da palavra tem links para Elegant Themes.com barra de documentação Devi, que é repleto de recursos gratuitos para ajudar a aprender o Divi Builder e o tema Divi. Recomendo totalmente esses recursos. Eles fazem um trabalho maravilhoso colocando para fora todos esses brindes. Vamos clicar no verde, pegar o botão da turnê. Primeiro, carregue um novo layout. O bebê tem layouts pré-fabricados. Portanto, carregar layouts pré-fabricados é uma ótima maneira de começar sua nova página. O Divi Builder vem com dezenas de Laos para escolher. E você também pode encontrar muitos grandes layouts gratuitos online. Você pode salvar seus layouts favoritos na biblioteca de divi e carregá-los em novas páginas ou compartilhá-los com a comunidade. Clique no botão realçado para abrir o menu de layouts e selecionar um layout pré-criado. Então, vamos clicar no botão mais roxo para carregar a partir da biblioteca. Só permite que você faça algumas coisas. Você pode clonar sua própria página. Mas neste caso, vamos clonar uma página de servidores DVs. Esta é a demo do Divi Builder. Aqui diz que você pode ver uma lista de pacotes de layout pré-fabricados que acompanham o Divi Builder. Você também pode acessar layouts que você, você salvou em sua biblioteca Divi. Escolha os pacotes de layout de demonstração do Divi Builder, para ver os layouts que ele inclui. Então, estamos clicando na demonstração do Divi Builder. Escolha um layout para começar. Agora você pode ver mais detalhes sobre o pacote de layout, bem como uma lista de layouts. Inclui clicar em Usar layout para aplicar o layout à sua página, ou clicar no botão verde, usar este botão de layout. Está carregando. E nossa página de ardósia em branco agora foi substituída por este pacote de layout. Temos uma página web polida agora usando algum conteúdo inicial. Como podem ver, há um latim ou qualquer outra língua. Então, isso é apenas conteúdo de enchimento. Mas podemos ver que o layout e o design são muito polidos. Adicione uma nova seção. Agora que seu layout pré-fabricado foi carregado, podemos começar a adicionar novo conteúdo à página. O Divi Builder organiza conteúdo usando, usando seções, linhas e módulos. Isso é muito, muito importante para entender a estrutura do. Seções do site Devi, linhas e módulos. Vamos aprender sobre isso. Suas seções são o maior elemento organizacional. Clique no botão realçado para adicionar uma nova seção à página. Ou clicando no botão azul mais que irá adicionar uma nova seção, é abre, insere seção, escolha um tipo de seção. O Divi Builder tem três tipos de seções diferentes. As seções regulares estão em conformidade com a largura padrão do layout da página. Seções especiais podem ser usadas para criar layouts avançados da barra lateral. Não os usamos com tanta frequência. E seções de largura total estendem a largura total de sua página e podem ser usadas com módulos de largura total. Pense em uma grande seção de cabeçalho de abertura. Para largura total, eles se estendem de uma borda da tela para a outra. Clique no botão Seção regular para adicionar uma nova seção à sua página da Web. Estamos a clicar de forma irregular. Agora adicione uma nova linha de colunas. Cada seção contém uma ou mais linhas de colunas. Você pode escolher entre vários layouts de coluna para cada linha adicionada à página. Clique no layout de três colunas destacado para adicionar uma nova linha à sua seção. Deve-se notar que quando dB saiu pela primeira vez há vários anos, apenas uma coluna, duas colunas e três colunas foram incluídas. Agora há toneladas de layouts de colunas e estou muito feliz com isso. Esperei esse recurso por um longo tempo. Mas você está começando com essa disponibilidade. Então ele está nos pedindo para criar um layout de três colunas. Esta é uma linha com três colunas. Inserir módulo, adicionar um módulo à coluna. Dentro de cada coluna você pode adicionar um ou mais módulos. Um módulo é elemento de conteúdo básico. O Divi Builder vem com mais de 40 elementos de conteúdo diferentes para escolher, como imagens, vídeos, texto e botões. Clique no botão de sinopse destacado para adicionar um novo módulo Desfoque à primeira coluna da linha. Eu realmente gosto do módulo de sinopse. Eu uso um pouco, muito versátil. E vamos clicar em sinopse. Mas antes de fazer isso, vamos apenas ver que tipo de módulos temos disponíveis aqui. Acordeão, contadores de barras de áudio, blurb blog, botão, chamada à ação, contador de círculo, código, comentários, formulário de contato, contagem regressiva, temporizador , divisor, e-mail muitas vezes portfólio filtrável, galeria, imagem, login, mapa, menu, carteira número contador de pessoas, navegação postagens, postar controle deslizante postar tabelas de preços de título, pesquisa, loja, barra lateral, controle deslizante, guias de acompanhamento de mídia social, textos de depoimento, alternar, vídeo e vídeos controle deslizante. Na realidade. Eu vou usar cerca de cinco desses módulos, cinco a dez em cada página web. Então há alguns que eu ainda, eu nunca usei, mas é maravilhoso que eles estejam disponíveis se precisarmos deles. Então, por enquanto, vamos clicar em sinopse, que é um módulo muito comum. E agora I Blurb foi criado, ajuste suas configurações de módulo. Isso vai ser universal para todos os módulos. Cada módulo vem com várias configurações. Essas configurações são separadas em três guias, conteúdo, design e avançado. Estas são as três guias aqui em cima, design de conteúdo e avançado. Dentro da guia Conteúdo, você pode modificar os elementos de conteúdo do módulo, como texto e imagens, se precisar de mais controle sobre a aparência do módulo, vá para a guia Design. Para modificações mais avançadas, como atributos CSS e HTML personalizados, explorou a guia Avançado. Tente ajustar o título do seu blurb clicando no campo realçado. Vamos fazer isso agora. Título. Vamos mudar para o meu primeiro blurb. Vamos ver o que apareceu, exceto ou descartar suas alterações. Sempre que você fizer alterações no Divi Builder, essas alterações podem ser desfeitas, refeitas, descartadas ou aceitas. Agora que você ajustou o título dos módulos, você pode clicar no botão vermelho de descarte para cancelar essas alterações, ou você pode clicar no botão verde para aceitá-las. Vamos clicar em Aceitar. Lá vamos nós. Meu primeiro blurb passa o mouse para os botões de ação em excesso. Sempre que você passar o mouse sobre uma linha de seção ou módulo e os botões de ação Divi Builder aparecerão. E esses botões podem ser usados para mover, modificar, duplicar ou excluir seu conteúdo. Clique no ícone de duplicação realçado para duplicar o blurb que você acabou de adicionar à página. Estes vão aparecer em todos os tipos de seções, linhas e módulos. E eles são bastante universais, então você os verá na maioria dos tipos de conteúdo. Neste caso, vamos clicar em um módulo duplicado, que é um recurso maravilhoso e uma enorme economia de tempo. E lá vamos nós. Arraste e solte conteúdo. Cada item na página pode ser arrastado e solto para novos locais. Usando o mouse, clique no ícone Mover realçado e mantenha pressionado o botão do mouse. Enquanto mantém pressionado o botão do mouse, mova o cursor para a coluna vazia e solte o botão do mouse para soltar o módulo na nova coluna. Vamos clicar e arrastar isso para a coluna do meio, e eu solto o mouse. E aqui vamos nós. Acessar as opções do botão direito Além de passar o mouse sobre as ações, opções adicionais podem ser acessadas clicando com o botão direito do mouse ou clicando em comando. Verifique qualquer linha ou seção do módulo. Usando o menu do botão direito exibido, clique no botão do módulo de cópia realçado para copiar o módulo de desfoque que você acabou de mover. Estamos clicando em Copiar módulo. Cole o módulo copiado. Agora que você copiou um módulo usando o menu do botão direito, você pode clicar com o botão direito do mouse em um novo local para colar o módulo usando a opção do botão direito exibida e clicar no botão do módulo de ritmo para colar o módulo que você acabou de copiar em um coluna vazia. Isto é, mais uma vez, eu não posso enfatizar o quão maravilhoso de uma economia de tempo isso é. Então copiamos este módulo e vamos colá-lo. Colar módulo. Lá vamos nós. Movendo-se para a direita, acesse suas opções de linha. Cada linha e seção tem seu próprio conjunto de opções que podem ser usadas para ajustar a aparência dos itens. Você pode ajustar sua largura, preenchimento e muito mais para acessar as configurações de uma linha, mouse sobre a linha e clicar nas opções realçadas. Então, estamos passando o mouse sobre esta linha e estamos clicando no segundo para as configurações da linha da opção esquerda. E o que aparece, ajuste sua configuração de linha. Assim como os módulos, as linhas vêm com muitas configurações que são separadas no conteúdo, design e guias avançadas. Aqui, clique no botão realçado para adicionar uma nova cor de fundo à sua linha. Agora ele nos moveu para baixo para o plano de fundo e estamos clicando em adicionar cor de fundo. Exceto suas mudanças. Clique no botão de marca de seleção verde realçado para aceitar suas alterações. Alterando a cor de fundo desta linha. E boom, salve as alterações. Incrível. Abra as configurações da página. Ao usar o Divi Builder, você pode acessar suas configurações de página alternando a barra de configurações de página na parte inferior da tela. Clique no botão realçado para revelar as configurações da página. Então este é o círculo roxo flutuante na parte inferior de cada página do Divi Builder. Vamos clicar nisso para expandir algumas opções aqui. E o que vemos? Visualize sua página no celular enquanto edita sua página, é fácil ver como será seu design em dispositivos móveis. Você também pode fazer ajustes nas configurações de linha e seção do módulo para cada ponto de interrupção móvel. Clique no ícone do tablet destacado para entrar no modo de visualização do tablet. Vou clicar nisso. Esta é a visualização do tablet. Volte para o modo de desktop. Você pode alternar entre cada modo de visualização livremente enquanto edita sua página. Agora que temos visualizado nossa página no tablet, Vamos voltar para o modo de visualização da área de trabalho clicando no botão realçado. Leve-nos de volta para a visualização de desktop. Acesse seu histórico de edição. Cada alteração que você faz y editando sua página é salva em seu histórico de edição. E você pode navegar para trás e para frente através do tempo até qualquer ponto durante sua sessão de edição atual, bem como desfazer e refazer alterações recentes. Clique no botão histórico realçado para acessar seu histórico de edição. E é o segundo para a história de edição certa. E estamos desfazer refazer e restaurar. Você pode desfazer refazer ou restaurar um estado de Histórico Salvos. Se você mudar de idéia sobre as alterações recentes, basta clicar para trás no tempo e começar a construir novamente. você também pode desfazer e refazer alterações recentes. Clique nos botões Desfazer e Refazer e, em seguida, aceite as alterações clicando na marca de seleção verde. Então vamos refazer. Vou levar-nos de volta alguns passos. Estamos desfazendo, e lá vamos nós. Então, é realmente encorajador saber que podemos fazer edições não destrutivas, que significa que o que fizermos normalmente podemos desfazer, então não precisamos ter medo clicando ao redor e clicando em botões e jogando enquanto estamos projetando. Salve sua página. Quando terminar, você pode salvar suas alterações clicando no botão Publicar dentro da barra de configurações da página. E você também pode pressionar Control S a qualquer momento para salvar suas alterações. Clique no botão Salvar realçado para salvar suas alterações. Não se preocupe, a página em que você estava trabalhando antes, antes de iniciar esta turnê não será perdida. Ou clicando em Publicar. Você está pronto para ir. Navegar belas páginas é uma ponte usando o Visual Builder. E isso é que nós fizemos a turnê que molhou nossos pés. E vamos clicar no botão azul começar a construir. Isso nos leva de volta a uma ficha em branco. Vamos escolher um layout pré-fabricado aqui. E nós escolheremos um desses só para que possamos começar e ter algo para brincar. Novamente, eu costumo começar com uma ardósia em branco. Mas como estamos ganhando alguma experiência, vamos clicar em um desses layouts. Que tal o café? Clique em Usar este layout. Nunca se sabe quando terá um cliente de café. E se você fizer isso, isso pode servir como uma boa inspiração para um design. Eu não copiaria literalmente, mas é um bom ponto de partida. Coffee House servindo apenas o melhor desde 2013. Então, tudo o que você vê aqui foi criado usando módulos básicos do Devi, seções e linhas. Vamos ver o esqueleto desta página. Se olharmos aqui na esquina, você pode ver como ficaria no desktop, tablet e celular. Vamos ver o celular algumas lições a partir de agora. Por enquanto, vamos voltar à vista da área de trabalho. E vamos clicar no segundo botão à esquerda, visualização wireframe. Quero que veja qual é a estrutura central desta página. Agora você deve saber quando eu entrei em Devi, vários anos atrás, era isso. Não havia construtor visual. Foi tudo construído usando esta vista. O que você vê aqui. Eu gosto de ensinar isso porque precisamos entender o que a estrutura básica de um devi páginas web. Então temos as seções azuis e as linhas verdes, e dentro disso temos nossos módulos. Então, enquanto nós rolamos para baixo, ele nos dá uma boa visão wireframe para entender o que está acontecendo aqui. Podemos mover as coisas, duplicar, apagar. É mais fácil, muito mais fácil do lado visual. Mas ocasionalmente você vai querer entrar aqui para ver esta visão simplificada do front-end. Vamos sair disso. E vamos ver que tipo de módulos temos aqui. Então nós olhamos para os 40 módulos diferentes anteriormente. Vamos ver o que são. Este é um módulo de texto. Também pode expandir isso à esquerda e eu sou capaz encaixá-lo para a esquerda ou para a direita ou o que funciona para você. Este é um módulo de texto. Então temos o conteúdo do módulo de texto. Temos uma edição wysiwyg ou aqui onde podemos mudar os títulos, torná-lo negrito, itálico, balas, listas numeradas, links, centro, esquerda, direita, justificar, tachado, mudança subjacente para cor. Todos os tipos de coisas que você normalmente encontraria em um editor, como palavra. Neste caso, temos um título 2, que seria o segundo título de prioridade mais alta na página. A primeira é a cafeteria. Como nós rolar para baixo para se familiarizar com Devi, módulo guiné pode ser ligado a algo que iria levá-lo para uma página diferente ou um site totalmente diferente quando você clica no título. Neste caso, não precisamos ligá-lo a nada. Podemos mudar o plano de fundo como vimos anteriormente. Agora, não só podemos definir uma cor estática, como também podemos fazer um gradiente com ela. Adiciona um bom recurso. Podemos fazer um gradiente radial. Um gradiente linear pode fazer uma imagem de fundo ou um vídeo de fundo. O que mais temos? Nós temos o rótulo disso para a visão de esqueleto ou wireframe. E, em seguida, no design, temos uma tonelada de opções aqui. Esta é a guia Design do módulo de texto. Então podemos mudar a fonte e mudar o peso da fonte. Estes não estão aparecendo porque estamos no texto e não no cabeçalho. Podemos mudar a cor, tornar a fonte maior ou menor. Vamos em frente e sair daqui e entrar em texto de cabeçalho. Portanto, este é um título 2. Agora estamos olhando para aqui a melhor cafeteria é a direção 2. Vamos mudar a fonte para algo diferente. Lá vamos nós. Há toneladas de fontes disponíveis que você pode desfrutar. E podemos mudar o peso, torná-lo maiúsculo em minúsculas. Todos os tipos de opções aqui. Mude a cor. Há tanta coisa que você pode fazer com o Divi Builder para tornar seus designs perfeitos exatamente do jeito que você deseja. Eu recomendo apenas clicar ao redor, brincar com essas configurações e ficar confortável com o potencial. Pode alterar o tamanho, alterar a largura, a altura deste módulo, o espaçamento, adicionar algumas margens e preenchimento. Percebemos que o módulo aqui, é um pouco próximo do próximo. Então vamos adicionar alguma margem inferior, 40 pixels. Podemos mudar a fronteira. Em uma fronteira na borda aqui. Faça-o arredondado. Adicione uma caixa de sombra. Os filtros mudam a cor, alteram a saturação para a opacidade de Genji. Transformar torna as coisas maiores ou menores em uma animação, faça-as desaparecer quando o site é carregado. Faça um Zoom. E estes serão universais em todos os tipos de módulos diferentes. Assim, você pode adicionar uma transformação de animação, caixa, espaçamento de borda de sombra, dimensionamento e praticamente qualquer coluna de módulo, linha ou seção. Não vamos fazer muito com os avançados. Podemos adicionar algum CSS personalizado, se quisermos. Mas, de novo, há muito, não muito que vamos fazer lá. Então, vamos clicar no sinal de mais aqui para salvar as alterações. Outra coisa que vamos notar é que você pode alterar a margem e o preenchimento, o espaçamento visualmente aqui. Às vezes, isso será mais fácil. O que mais temos? Parece que isto é uma sinopse. Temos o título aqui, os melhores feijões. O ícone é uma imagem. Também podemos usar ou escolher entre um conjunto de ícones embutidos no Divi Builder. Os poucos que podemos aproveitar aqui. Tem uma xícara de café, mais uma aqui. Lá vamos nós. E podemos mudar a cor do nosso ícone. Podemos colocá-lo em um círculo. Aqui vamos nós. Mude o tamanho. Tudo bem. Digamos que queremos mudar o título para torná-lo um pouco maior. Vamos fazer isso com o título do texto tamanho 28. Então aqui está uma boa economia de tempo. Então, vamos clicar com o botão direito do mouse em tamanho de texto com título verá copiar, redefinir, Estender, Localizar e substituir e, em seguida, predefinições. Vamos estender o tamanho do texto do título para todos os blurbs nesta seção e ver o que acontece. Torná-los todos maiores, incríveis, incríveis, incríveis economizadores de tempo. Então temos texto, temos sinopse. Temos um botão aqui. É o botão. Diz sobre nós e não tem ligação com nada agora. Mas podemos facilmente vinculá-lo a uma página Sobre Nós. Se estivéssemos criando este site. Sob o design, podemos mudar o alinhamento, colocá-lo à direita, no meio, mudar a cor do botão. Parece que temos uma pequena fronteira aqui. Tire essa borda e talvez faça o tamanho maior. Lá vamos nós. Outra característica elegante de Devi são os efeitos de pairar. Então podemos adicionar um fundo diferente. Quando estamos pairando sobre o botão. Vamos clicar sobre o mouse e, em seguida, trocar estes. E vamos clicar em Salvar. E isso vai mudar. Se carregarmos o site no front-end, ele mudaria ao pairar. O que está acontecendo aqui? Onde essa imagem está carregada? Então temos uma seção e temos uma linha com duas colunas. E então temos um módulo de texto e um módulo de botão à esquerda. À direita, não temos nada aqui. Então, como essa imagem foi parar lá? Vamos descobrir. Vá sob configurações de linha, e vamos puxar o plano de fundo. Não está lá dentro. Que tal as configurações da segunda coluna? Imagem de fundo? Lá vamos nós. A imagem do café está ali, estática. Quando pode clicar em efeito de paralaxe. Então ele vai mover o rolagem da página da Web e pode torná-lo fixo e o plano de fundo. Isso é um efeito puro para adicionar. E isso foi alcançado indo para projetar dimensionando alturas de coluna equalizadas. Então, se você adicionar uma nova coluna e nunca ver isso, então você precisa ir para as configurações de linha projetar alturas de coluna equalizadas. Os designs com imagens são muito mais bem-sucedidos do que qualquer outro tipo de design do que apenas texto. Então eu recomendo totalmente encontrar tantos gráficos e imagens como você pode ter o mais visual que página web possível. Vou entrar em que várias lições a partir de agora, enquanto olhamos para diferentes ativos de imagem que estão disponíveis para uso. Onde está a imagem de fundo aqui? Vamos para as configurações de seção que cresceram. E lá vamos nós, Temos uma imagem de fundo. Vamos mudar isso para paralaxe também. Eu realmente gosto desse efeito. E notaremos que adicionaram uma cor de fundo também. Portanto, uma imagem pode levar cerca de um ou dois segundos para carregar, especialmente em um dispositivo mais antigo. Então, é bom ter a cor de fundo também. Porque as cores de fundo, a única coisa que você verá. Enquanto você está esperando para o tolueno imagem. Então, nesse caso, queremos escolher uma cor que seja muito semelhante a algo que está na imagem. E foi isso que fizemos aqui. Continue rolando. E tenho uma seção de contato aqui com uma bela imagem de fundo escuro. Uma tendência elegante que você encontrará é a luz escura, a luz, a escuridão. Layout, claro escuro, claro escuro. É uma boa maneira de quebrar visualmente o design. Neste ponto, digamos que você tem o que nós temos e visualizá-lo na internet real. Clique no botão verde Publicar e veremos como ele fica ao vivo para o público. Até agora, éramos os únicos que eu podia ver o que estávamos fazendo. Mas agora que clicamos em Publicar, qualquer um pode. Então, vamos clicar em sair do Visual Builder na parte superior. Espero que isso pareça muito parecido com o que acabamos de ver. E é, o Visual Builder é muito próximo exatamente do que você veria no front-end do site com os recursos de edição sobrepostos em cima dele. Então, neste caso, está tudo pronto. Passamos o mouse sobre nós e as mudanças de fundo. Temos o efeito de paralaxe nessa imagem. Temos os nossos botões. E lá vamos nós. Então eu recomendo ser tão familiar quanto possível com o Visual Builder. Você pode fazer isso apenas brincando com ele. Você pode fazer isso tomando o tutorial DB. Você pode fazer isso indo para a documentação de barra Elegant Themes.com. Tantas maneiras diferentes de aprender Devi. Você também pode aprender devi em seu curso favorito site de aprendizagem, no YouTube. Há tantos recursos para aprender Devi, eu acho que a melhor maneira é simplesmente ir lá e começar a construir, começar a projetar uma página web. E cada cliente adicional que você assumir, você estará aprendendo cada vez mais. Um cliente pode não usar vídeo. Outro cliente faria, outro cliente precisa de um portfólio e outro cliente precisa apenas comprar. Assim, cada um terá necessidades diferentes que irão empurrá-lo continuamente para fora da sua zona de conforto à medida que você aprende mais e mais sobre o Divi Builder e o tema Divi. Neste ponto, vamos ver algumas outras partes de Devi que precisamos aprender. Então, há algumas coisas aqui. Primeiro, vamos olhar para Devi e Opções de Tema. Vamos rever as Opções do Tema. Construtor de temas no personalizador de temas no resto desta lição. Então, opções de tema, estas são opções em todo o site para o seu site de banco de dados. Primeiro, vemos esse logotipo. Precisamos carregar nosso logotipo quando estamos construindo uma página web. E você pode fazer isso clicando no botão Carregar, que o levará a um carregador ou à biblioteca de mídia. Algumas imagens já foram carregadas em nossa página quando instalamos esse layout para, vamos apenas clicar em uma dessas barras de navegação fixas. É aí que o menu está anexado à parte superior da página. Nós gostamos disso. É uma boa tendência. Então vamos manter isso ligado. Ativar a galeria Devi. E essa é a galeria Devi muito bem projetada que substitui a galeria padrão chata do WordPress. Então vamos ligar isso. Paleta padrão dos selecionadores de cores. Aqui é onde podemos instalar nosso esquema de cores para nosso site específico. Se temos o logotipo de um cliente e ele usa um azul e vermelho, se este é um azul e vermelho específico que eles usam em seu logotipo, isso é tudo o que queremos usar no site. Para que possamos tornar nosso trabalho mais fácil instalando uma audiência na paleta padrão. E, em seguida, sempre que estivermos no Visual Builder, será capaz de ver essas cores prontas para ir. Assim não temos que continuar encontrando, procurando e encontrando o código hexadecimal de seis dígitos toda vez que precisamos pegar essa cor. Pegue a primeira postagem para a imagem. Não se preocupe com esse modo de estilo vlog. Não nos preocupamos com esse layout da barra lateral, layout da página da loja, chave da API do Google. Preocupar-se com essas coisas. Este podemos tirar proveito do show, Facebook, Twitter, Google Plus Instagram ícone RSS vai desligar o RSS e só vai ligar os que são necessários para esta seção. Então, se nosso cliente usa Facebook e Instagram, eles não estão interessados no Twitter, e eles não têm uma lista do Google, então nós vamos apenas ligar o Facebook e o Instagram. E abaixo, podemos copiar e colar sua URL social. Mais algumas opções aqui. Número de publicações e produtos a serem exibidos em páginas arquivadas. Não vai se preocupar com isso até precisarmos. Formato de data. Use trechos, códigos de acesso responsivos. As opções padrão geralmente são suficientes para tudo isso. E então aqui está CSS personalizado, que é onde você adicionaria quaisquer trechos de código que você deseja exibir em todo o site. De volta ao topo. navegação normalmente não muda nada aqui. Categorias, configurações gerais. Não há necessidade de mudar nenhum construtor. Este é o Construtor Divi. Por padrão, ele está ativado em páginas de postagem e os projetos manterão isso ativado. Não preciso mudar nada aqui. Layout. Podemos ficar com o padrão. Anúncios. Normalmente não use esse SEO. Podemos alterar o título e a descrição, mas eu gosto de conseguir isso usando um plugin SEO de terceiros, geralmente tudo em um SEO Pack, que vamos lidar com várias lições a partir de agora no plano de manutenção do site seção deste curso. Então, por enquanto, vamos pular a integração SEO. Esta é uma maneira muito agradável e conveniente de adicionar trechos de código ao seu site. Que tipo de código? Bem, Google Analytics, qualquer tipo de software de verificação e o pixel do Facebook, qualquer coisa assim, qualquer pedaço de código externo para um site de terceiros, eles vão te dar um pequeno trecho de código que você pode adicionar à sua página, quer no topo, que será carregado primeiro. Normalmente não faça isso, ou adicione ao corpo que irá carregar mais tarde. Isso é melhor. Então podemos copiar e colar qualquer trecho de código aqui. Nós não precisamos adicionar um plugin extra apenas para adicionar um widget ou um código de incorporação. Podemos fazer isso com Divi, integração de opções de tema. E finalmente, atualizações. Este é o nosso nome de usuário Temas Elegantes e chave API, que nos permite atualizar Devi diretamente do administrador WordPress. Ele vai pedir o seu nome de usuário e a chave de API da sua conta Elegant Themes.com. Deixa-me mostrar-te. Nós olhamos para isso anteriormente, Elegant Themes.com conta e, em seguida, detalhes da conta usuário e chave API é onde você vai encontrar essas informações. Isso é Opções de Tema. É bom visitar isso algumas vezes ao longo do projeto. Mais notavelmente, para alterar seu logotipo, inserir a paleta de cores padrão, editar os perfis de mídia social e adicionar CSS personalizado. E para integrar suas análises rastreando seu pixel do Facebook ou qualquer outra coisa que você possa ter, integre isso em seu site e devemos adicionar nosso nome de usuário e chave de API em cada projeto. Certifique-se de fazer isso. Caso contrário, você será solicitado, e isso servirá como seu lembrete. Então, essas são as opções temáticas. Agora vamos olhar para o construtor de temas. Isso pode ser uma ótima economia de tempo. É uma de suas características bastante novas. E ele permite que você crie um cabeçalho global, um corpo global ou um rodapé global para todo o seu site, ou para partes específicas do seu site. Por exemplo, se você quiser construir como sua página não encontrada parece, você sabe, quando você entra em um site e eles não têm a página disponível ou a página não existe. E diz: “Opa, esta página não existe.” Aqui é onde você pode mudar o que seria. Clique em Criar modelo e adicione corpo personalizado. Construir corpo personalizado. E agora eu vou levá-lo para o construtor de temas onde você pode digitar o que quiser lá dentro. Na realidade, você vai mais aqui para fazer algumas coisas. Quando você começa a integrar o e-commerce, o construtor de equipe, somos realmente úteis. Mas até então, adicionar um rodapé global é um bom recurso onde você pode alterar o rodapé em todo o site WordPress para que você não está preso com o rodapé padrão. Eu realmente recomendo construir um rodapé personalizado para cada site. E esta é apenas uma maneira mais prática e personalizável de editar o rodapé. O que mais temos? Temos o Personalizador de Temas. Personalizador de tema também está na aparência à esquerda. E podemos encontrá-lo aqui com o personalizador do tema Devi. Este é um recurso WordPress embutido, mas Devi explica muito sobre ele. Então, o que você está olhando é o div, o WordPress Theme Customizer com opções Divi incluído para o que temos aqui? Configuração geral. Vamos para a nossa página inicial. Aqui está nossa página inicial e configurações gerais. Então, essas configurações são em todo o site em todo o seu site, identidade do site, Esse é o seu título e slogan. E o ícone que apareceria aqui no canto. É o pequeno ícone ali. E quando você adicioná-lo à tela inicial no telefone, ou quando você vê esse pequeno ícone no canto de uma guia do navegador. Configurações de layout. Isso permite que você crie um layout de caixa, altere a largura do conteúdo, altere a calha ou a seção de espaçamento, altura, altura da linha, tema, acento, cor, que é a cor base usada na maioria dos elementos da página, como botões, links, etc. Tipografia. Aqui é onde você mudaria o tamanho padrão da fonte, tornando-o maior ou menor. Altere a altura da linha, altere o tamanho do texto do cabeçalho, o espaçamento entre letras, a altura da linha, o estilo da fonte, a fonte do cabeçalho. É aí que conseguimos a lista de todas essas opções. E fonte do corpo, cor do link do corpo e cor do texto do corpo, cor do cabeçalho. Há muitas opções aqui. Muitas maneiras de personalizar toda essa terra gorda. Esta é a cor de fundo em todo o site. Então, se tivermos um layout de caixa, isso seria útil. Você também pode ter uma imagem de fundo, como podemos ter isso corrigido em toda a página. Fixo. E lá vai você. Onclick esticar. Não, repita. Centro. Fixo. - Sim. Isso parece menos. Isso realmente seria útil em, em um desktop maior. Mas neste laptop aqui, você não vê muito disso. Formato de cabeçalho e cabeçalho de navegação. Este é o topo da página onde vemos nosso logotipo e alguns links. Estilo de cabeçalho não é centrado logotipo embutido censurado. Deslize e tela cheia. Então, mais uma vez ar moderno, nós não temos barra de menu primária. Podemos fazer essa largura total. Podemos esconder a imagem do logotipo. Podemos torná-lo mais alto ou mais curto, alterar a altura do logotipo, alterar a cor do texto, alterar a cor do fundo. Todos os tipos de opções aqui. Para alterar este slide em opsins, navegação fixa. Então, quando descermos, podemos mudar a altura que deve parecer. Se queremos ocultar a imagem do logotipo enquanto você rola a cor de fundo, os elementos do cabeçalho, você pode mostrar os ícones sociais e o ícone de pesquisa. Podemos adicionar um número de telefone e um e-mail. Não verá isso até recarregarmos a página. Rodapé é onde você mudaria a parte inferior aqui, o rodapé padrão no WordPress é bastante limitado, mas funciona. É aí que você usaria os widgets que falamos na lição anterior. Botões é onde você altera a aparência universal para todos os botões. Este tema em particular já tem o fundo do botão, plano de fundo, cor e design já corrigidos. Então, o que está no DV Visual Builder está substituindo essas opções globais. Então é por isso que não vemos isso mudando. Esta é uma boa maneira de mudar os botões globalmente quando você está começando, se o seu blog de design. Não se preocupe muito com isso. Estilos móveis. É muito limitado quais opções estão aqui? Mas há alguns. Podemos ocultar a imagem do logotipo e pode alterar a cor do texto dos nossos botões de menu. E este é um design muito feio. Cor de fundo do menu móvel ou do cabeçalho. Lá vai você. O que mais temos esquemas de cores? Normalmente não me meto com isso. Quero dizer, use, vamos passar por isso na próxima lição. E widgets, configurações da página inicial. Isto é o que mostra como a página inicial do seu site. Vamos mudar a página inicial para a página inicial, que é na verdade a página em que estamos. Um CSS adicional. Então é aqui que você adiciona pequenos trechos de código CSS. Uma vez que você se sentir mais confortável em projetar um site e aprender CSS, você estará copiando, colando e criando um pouco seu próprio código CSS, mas é aqui que você iria adicioná-lo. Que tipo de CSS podemos adicionar? Deixe-me dar um exemplo rápido. Eu poderia clicar com o botão direito do mouse em Vou chamar o inspetor aqui. Digamos que queremos mudar o tamanho disso. Há muito que podemos conseguir com o Visual Builder, mas ocasionalmente você encontrará algo. Este não é um exemplo disso algo, mas você vai encontrar coisas que você só pode mudar usando CSS que você não pode alcançar com o Visual Builder. Novamente, este não é um exemplo disso, mas eu mudei a fonte usando CSS aqui. Você pode conseguir isso com o Visual Builder indo para o design. Mas apenas como um, por exemplo, isso eu acabei de fazer com algum código CSS. E agora clicamos em Publicar e sair. Então, nós olhamos para Opções de Tema. Nós olhamos para o construtor de temas e olhamos para o Personalizador de Temas. Há também um editor de rolo, que você provavelmente não precisa usar muito, mas ele apenas altera a funcionalidade oferecida ao editor de administração, autor e colaborador. Mas você provavelmente não terá muito disso quando estiver começando. Mas isso aparece quando você precisa. Usuário da biblioteca Divi, os layouts globais e pacotes de layout diferentes. E talvez uma seção global que você deseja reutilizar em diferentes partes do site que apareceria aqui. Você pode saber mais sobre a biblioteca DME em Elegant Themes.com. E então há um centro de suporte que fornece links para hospedagem recomendada. Documentação de suporte de temas elegantes. Registros do Modo de Segurança. Eu recomendo passar por esta documentação se você é um aprendiz visual, se você é um aprendiz prático, basta ir em frente e começar a usar o Divi você mesmo. Caso contrário, você pode assistir esses vídeos e esses artigos de ajuda. Vou clicar no meu primeiro site aqui. E desde que adicionamos isso à página inicial, agora estamos em nossa página inicial do nosso site e ele carregou a página que criamos para a cafeteria. Como eu arruinei o design, mas fez questão de que podemos mudar muitos desses elementos de design, mover as coisas. E também aprendemos que o layout da cafeteria nos permite ter um bom ponto de partida para nosso design. Caso contrário, podemos ir método de ardósia em branco e apenas começar a construir o site a partir do zero. Vamos entrar em inspiração de design, algumas lições a partir de agora. Vamos para o celular, algumas lições a partir de agora. Entraremos em páginas e navegação de menu em algumas lições. Mas por enquanto, eu queria mostrar a vocês o construtor visual e as várias opções de Devi. Então, como aprendemos mais sobre Devi? Bem, se você é um aprendiz visual, há muitos cursos, tutoriais, vídeos do youtube dedicados a aprender Devi. Se você é um aprendiz prático como eu, apenas brinque com ele e fique confortável com ele. Proficiência e conforto virão com tempo e experiência. Além disso, Ele está sempre lançando novos recursos. Então, acompanhe o blog Elegant Themes para que você possa se manter relevante. Seja como preferir aprender, 12. Criando sites de uma página: Bem, eu sou Leighton, seu webmaster. Hoje, vamos construir um site de uma página. Agora, nós meio que já fizemos isso na última lição desde que construímos uma página. Mas eu não estou falando sobre como construir uma página web. Estou falando sobre como enquadrar todo o seu site em torno dessa página. Deixe-me mostrar-lhe um exemplo. Aqui estamos no SMs.com de vida sênior. Esta é uma empresa de gestão de redes sociais especializada em vida sénior. Eu projetei este site de uma página e vamos usar isso como um exemplo. Então não temos uma abertura atraente aqui. Uma foto de fundo atraente que nos diz que tipo de indústria este site é tudo sobre. Tem alguns botões aqui, entre em contato e preços. À medida que descermos, veremos a dona desta empresa, Belle Magneto, e vemos a biografia dela. Há um botão de alcance para o sino. Vou continuar rolando e vemos algumas informações de contato, um número de telefone e endereço de e-mail, e a localização x0 está localizada em Atlanta, Geórgia e faz negócios em todo o país. Temos um formulário de contato aqui onde podemos inserir nosso nome, endereço de e-mail, número de telefone e mensagem, clique em Enviar. E isso irá diretamente para o dono desta empresa. Continue rolando. Homem vai ver suas postagens de mídia social que pega do Facebook, Twitter e Instagram. Há alguns outros posts recentes? Parece bom? E lá vamos nós. Chegamos ao final da página. Nós agora digerimos quem eles são. Aprendemos quem é o proprietário da empresa, aprendemos o que eles oferecem e tivemos várias oportunidades de entrar em contato. Na verdade, se clicarmos em um desses botões de alcance, como entrar em contato, observe o que acontece quando clicamos neste botão. Então ainda estamos na página inicial. Lembrem-se, ainda estamos no SMS.com. Então, estamos a clicar neste botão e o que ele faz? Leva-nos até à secção de contacto. Então isso é muito valioso. No momento em que você chegou ao final da página, você digeriu todo o conteúdo que esta empresa tem para oferecer. E você não perdeu nada por não clicar em outras páginas. Na verdade, não havia outras páginas para clicar. Todo o conteúdo estava disponível nesta página de forma concisa ao ponto. E sites como este ou mais acessíveis. Isso foi muito modesto em seu orçamento. Vamos ver mais alguns exemplos de sites de uma página que foram concluídos. Em seguida, vamos olhar para www dot top-notch vidro ponto. Este é um Glaser na área do Tennessee. Vidro de alto nível, bela abertura aqui com uma imagem de fundo fabulosa. Especialistas em vidro de chuveiro personalizado. Aqui temos um pouco sobre sua história, quem eles são, quanta experiência eles têm. Algumas perguntas. Em quanto tempo você pode entregar e instalar? Que tipos de vidro você fornece? Que cidades você serve? E temos um contador aqui, tempo de entrega de uma semana, 15 anos de experiência. Agora vemos alguns depoimentos e vamos notar o fundo foi quebrado com a luz escura, a luz escura. Layout de design Leia mais 15 comentários. Isso nos levará à lista do Google. Aqui estamos nós de vidro de alto nível. Continuando a vitrine de vidro. Estas são imagens deste trabalho vidros. Lindas portas do chuveiro. Ainda estamos na página inicial. Lembra-se? E continue rolando e na parte inferior, entre em contato. Esta é a informação de contacto. Temos chamada, visita e e-mail, bem como um mapa mostrando onde suas exposições. Aqui está o formulário de contato. Nós preenchemos isso. Irei diretamente para o dono do negócio e lá está. Então, para que são esses botões no topo? Normalmente, quando você clica em um botão parecido com esse, ele o levará para uma página diferente, mas observe o URL aqui na parte superior ao clicar nesses botões. Então ainda estamos no www dot top-notch dot glass. E o que acontece quando eu clicar em Sobre? Nós ainda estamos na mesma página e nós apenas rolamos para a seção sobre esta página. Clique em depoimentos. Ele rola para baixo até a seção de depoimento da página. Showcase nos leva para a vitrine de vidro e contato. O que acontece? Você adivinhou, ele rola até a seção de contato. Novamente. Quando você rolar para baixo, você digeriu todo o conteúdo disponível neste site. E este site foi muito amigável no orçamento dos proprietários de negócios. O que mais temos? Vamos para JT am stucco.com. Vamos ver um layout semelhante aqui. Esta é uma empresa de azulejos e estuque. Belo abridor, bela tipografia moderna. Fazem remodelações, novas construções e reparos, obtiveram ótimas imagens que o cliente forneceu. Pode também fazer grandes imagens de fundo. Eles fazem estuque residencial. Aqui estão algumas informações sobre eles. Linda fotografia. Você pode clicar neles para ampliar. Outra imagem de fundo é uma de Dunkin Donuts. Algumas informações sobre seus serviços de estuque comerciais. Trabalho de estuque comercial para bancos, para Dunkin Donuts, para restaurantes. Role para baixo e há os campos de contato e o logotipo deles, que projetamos para eles. Então, clicamos nestes botões na parte superior sobre as escolas como para a seção Sobre Nós, rolamentos residenciais para baixo para a seção residencial e pergaminhos comerciais para a seção comercial. O contato vai para as informações de contato. Tão brevemente, como chegamos a esse ponto? Bem, este link nos leva a copiar o endereço do link. Leva-nos a hashtag ou libras, sinal de libra, residencial. O que é residencial? Esse é o ID desta seção, mas pode adicionar este indivi em avançado e ID. Aqui estamos nós. O nome das seções é ID, que adicionamos indo para o Devi Visual Builder. Deixe-me mostrar-lhe isso brevemente. Vou entrar no back-end aqui. E vamos ver como isso é feito. E estamos fazendo login no backend deste site. Primeiro vamos para os menus de aparência para ver como esses links são configurados. Na próxima lição, veremos como fazer páginas, mas por enquanto eu só quero mostrar como esse link se parece. Hashtag residencial. Então, como sabemos para onde isso vai? Vamos ver. Vamos abrir o Visual Builder nesta página. Isso é chamado de link âncora por sinal. Então, estamos denotando um link âncora que nos leva a esta seção em particular. Você pode vinculá-lo a qualquer coisa na página. No nosso caso, queremos ligá-lo aqui. Então eu vou clicar em configurações de seção, avançado, CSS id e classes. E lá vamos nós, SSS ID. O ID desta seção é residencial. Então, qualquer link em toda a página que vai para hashtag residencial e vai nos levar para essa seção da página. Saia do Visual Builder aqui. Vamos descartar essas mudanças. E essa é uma breve visão geral de sites de uma página. Mais uma vez, eles são amigáveis no orçamento e eles contêm todas as informações que a empresa precisa colocar em apenas uma página. Então, quando você rolar para o fundo, você digeriu tudo o que a empresa quer colocar para fora. Nada é perdido porque eles não têm que clicar em torno de outras páginas. Em um momento, passaremos por prós e contras e veremos quais são as vantagens e desvantagens de sites de uma página. Vamos discutir os prós e contras deste tipo de site. Pro. Esses sites são bastante para você construir. Você pode sair em um dia ou dois. E os clientes baixam um tempo de resposta rápido. Quanto mais cedo o site estiver pronto, mais cedo ele poderá começar a gerar leads para eles. Pro, portanto, esses sites são mais baratos para o cliente sob um 1000 em vez de vários milhares de dólares. E algumas pequenas empresas têm um orçamento muito apertado. Então, um site de uma página que melhor se encaixa lá, se adapta às suas necessidades. Sonda com um enorme site de várias páginas. Os visitantes podem perder algum conteúdo valioso. Com uma página única, está tudo lá sem precisar procurar. Uma reclamação comum com grandes sites é que não consigo encontrar o que estou procurando. Isso raramente é um problema com um pagers. Agora, con, ter uma página limita o conteúdo que os motores de busca podem captar. Ter conteúdo de alta qualidade é tão importante para classificar bem com os motores de busca. Então, se você não tem muito em seu site, você está em desvantagem lá. Agora. Para ser justo, eu vi sites de uma página classificados muito bem. Por isso, é possível uma vez que existem vários fatores que vão para o seu mecanismo de busca rankings. E passaremos por isso em algumas lições. Se foi, e mais conteúdo que você adicionar quanto mais tempo a página fica. E isso pode facilmente tornar-se esmagador com o tempo. Ninguém quer rolar, rolar , rolar, rolar, rolar. Se a página ficar sobrecarregada com conteúdo que não está muito bem definido, eles podem simplesmente deixar o site completamente. Então, qual é a nossa comida aqui? Gosto de sites de uma página. Há uma opção de orçamento amigável para pequenas empresas que não estão olhando para investir muito em seu marketing digital. Então, qual é o nosso modelo completo? Eu quero que você comece a olhar atentamente para a estrutura dos sites onde eles colocaram para fora. O que fez os botões do menu? Eles te levaram para uma página separada ou para uma seção específica na página atual? Você não vai encontrar um pagers tão frequentemente, mas eles estão lá fora. Estou latente e agora você sabe como construir um site de uma página. 13. Construindo sites em várias páginas: Bem-vindo, e eu sou Leighton, seu webmaster. Hoje vamos construir um site de várias páginas. Duas lições atrás, aprendemos como projetar visualmente uma página web. Na lição anterior, aprendemos como construir um site de uma página. Agora estamos discutindo seu site típico, um que tem várias páginas separadas. Que tipo de páginas você vê frequentemente em sites? Você notou alguma tendência lá? Um dos mais sites que você constrói, mais você perceberá tendências entre o tipo de páginas. Muitos sites de pequenas empresas têm uma página inicial sobre produtos, serviços, galeria, comentários, contato dos EUA . Algum desses toca um sino? Essas páginas são comuns porque não estão ligadas a uma indústria específica. Você verá que a maioria de todos os tipos de empresas pode entregar sua mensagem através dessas páginas. Como necessário, pode tirar proveito de uma página de localizações, o portfólio, menu, loja, etc. Realmente, você pode criar um site com páginas onde quiser. Mas olhar para outros sites pode servir de inspiração quando você e seu cliente estão discutindo como colocar o site para fora. Na verdade, esse é um ponto chave. Alguns clientes virão até você com exatamente as páginas que eles estão solicitando, mas outros, eles não chegaram tão longe. Precisarão da sua ajuda para contar melhor a história deles. Agora, de uma perspectiva técnica, como as páginas funcionam com o WordPress? Wordpress tem páginas e menus. Nós já analisamos isso brevemente. Agora, cada página é construída individualmente com o Divi Builder e cada site WordPress tem pelo menos um menu. Vamos ver isso juntos. Então aqui estamos no backend do site em que temos trabalhado. Antes de adicionar qualquer página ao nosso site, primeiro quero mostrar alguns outros sites de pequenas empresas para que possamos ter uma ideia de que tipo de páginas estão nesses sites. Então, estes são alguns que eu desenhei. Primeiro, vamos ver um restaurante. Esta é a cozinha Mamma Mia, um restaurante mediterrâneo. Estamos na página inicial deles, Mamma Mia cuisine.com. E vamos ver o que observamos. No topo temos o logotipo. Temos alguns botões aqui. Temos seis páginas diferentes. Além da página inicial. Temos as informações de contato, o número de telefone e o endereço deles na parte superior e, em seguida, alguns links para suas redes sociais, incluindo o TripAdvisor. À medida que rolamos para baixo, temos um controle deslizante bonito aqui usando um plugin deslizante de terceiros e a fotografia de alta qualidade de um fotógrafo de comida local. Continuamos rolando. Temos uma mensagem de boas-vindas, alguns parágrafos e alguns botões. E no fundo temos mais ligações sociais. E outro menu na parte inferior aqui, como além de um botão como no Facebook. Voltando às páginas no topo, estamos na página inicial. O que mais eles têm? Esta empresa tem uma página Sobre Nós, um menu on-line, um menu de catering, uma galeria de fotos, comentários e contato. Todas as páginas muito padrão para um site de restaurante. Vejamos a página Sobre Nós sobre Mamma Mia. Há uma citação lá, algumas fotografias e alguns parágrafos escritos sobre o restaurante. O menu é o seu menu on-line padrão, dividido em aperitivos, saladas , massas, pratos mediterrânicos, etc. Catering é muito semelhante ao menu com seus pacotes de catering e preços. A galeria, neste caso, são fotos da comida deles. Obviamente, diferentes sites terão uma versão diferente de uma galeria. Geralmente estão exibindo um produto, um serviço. No caso de um restaurante, eles estão exibindo sua comida. Fotografia de dar água na boca pode realmente seduzir alguém a escolher isso como seu próximo almoço ou jantar. Comentários é uma página comum. É aqui que você verá algumas opiniões dos revisores no Yelp, Facebook, Google, TripAdvisor ou em qualquer outro lugar onde uma empresa recebe suas avaliações. Esta é uma, outra obrigação. Adoramos ter comentários em um site. Depoimentos de amor. Estas são críticas escritas. Você também pode adicionar uma imagem ou você pode até mesmo adicionar um testemunho de vídeo que seria rei. São mais difíceis de conseguir. Nós amamos ter uma imagem e, no mínimo, temos o texto que temos aqui. E diversificamos com a inclusão da fonte Yelp, Facebook, TripAdvisor, quaisquer que sejam as fontes. E visualizamos a página adicionando um pouco mais. Fotos de dar água na boca e, finalmente, outro grampo em sites. Temos a página de contato. Aqui está uma atualização da pandemia do COVID-19 com a nossa atualizada. Então eles têm as informações do restaurante, eles têm o mapa para que você possa ver onde eles estão localizados e um formulário para que você possa contatá-los diretamente. Como você e eu sabemos, a página de contato é um grampo em todos os sites. O que mais temos como grampos? A maioria dos sites terá a página Sobre Nós, página de contato. Muitos deles terão alguma forma de uma galeria e comentários. E neste caso, este é um site de restaurante, então eles têm um menu. Cada site, é claro, como a página inicial. Vamos dar uma olhada em alguns outros. Esta é a vila da montanha de Apple Valley. Há um restaurante para acabar com uma loja geral. Comece com uma apresentação de slides com alguns de seus alimentos mais deliciosos. Você tem uma marca diferente aqui, uma mensagem de abertura, botão de contato, posts mais recentes, links para suas lojas diferentes. Eles têm links de mídia social aqui. Mas vamos olhar para as páginas. Esta é uma marca um pouco maior, especialmente suas empresas irmãs. Eles têm as páginas iniciais que estavam em. Eles têm uma página sobre nós. Eles têm uma página de contato, um blog, direções, fotos, isso é através da página da galeria. Eles têm especiais e especiais especializados para este tipo particular de negócio. Eles têm o jantar e a página do café, já que eles são um restaurante e um café. E como eles têm uma loja em geral onde você pode entrar e comprar coisas, eles têm um botão de loja. E os eventos nos dizem o que há de novo, o que está acontecendo. O mesmo com o blog. Specials é uma boa maneira de um negócio mostrar que tipo de cupons, que tipo de descontos e ofertas que eles têm acontecendo. É importante manter essa página atualizada. Você não quer ir lá e ver um cupom de alguns anos atrás que já expirou. Então essa é outra que eles têm que acompanhar. Vamos ver como é a página de fotos deles. Esta é a galeria deles. E quando isto carregar, vemos a galeria de comida deles. Eles têm imagens de sua comida, imagens da loja, imagens de sua localização, e alguns de seus produtos. Suas fotos são de alta qualidade. Eles foram tirados por um fotógrafo e a qualidade está definitivamente lá em cima. O que mais eles têm? Então vamos para a página de contato. Vamos ver se vamos encontrar elementos semelhantes ao site anterior que olhamos. Aqui está a página de contato. Nós vemos o nosso. Vemos números de telefone. No caso deles, eles têm mais de um. Mas podemos ver o número de telefone e ver o endereço? Onde eles estão localizados? Se clicarmos nisso, ele nos levará à listagem do Google para esse negócio em particular. Boa maneira de obter direções e ver mais onde eles estão localizados. Aqui estamos nós. Você pode visualizar suas informações de contato. Você pode diminuir o zoom, ampliar, zoom onde quiser ir, e obter direções para esse negócio em particular. Voltar à página de contato. Eles têm um enviar uma nota que é um formulário de contato devi que irá diretamente para o gerente deste negócio. Então temos o nosso coronel, visite e envie a mensagem. Nós também temos uma versão incorporada deste Google Map, que é adicionado indivi com o módulo de código. Deixe-me mostrar-lhe isso bem rápido. No Google Maps, clicamos em Compartilhar, este botão Compartilhar aqui. E isso vai puxar para cima, incorporar um mapa. Podemos copiar e colar este link, até mesmo alterar o tamanho aqui. E isso nos dará um iframe, que é uma versão embutida de qualquer parte do conteúdo. Neste caso, é o mapa. Então foi isso que usamos aqui. Bem colocado para fora. A página Sobre Nós, um grampo com sites sobre nós. Temos alguns parágrafos escritos, alguns links extras para diferentes partes desta marca, para a montanha, armazenou o general armazenou a cafeteria, e algumas outras coisas que eles fazem, como casamentos em um dos a localização da irmã. Então eles cruzam seus sites. Então, de novo, o que vemos? Vemos a página inicial. Nós vemos sobre nós. Vemos a página de contato e a galeria e o blog e especiais e exclusivos para esta indústria em particular, uma vez que eles são relacionados com alimentos, eles têm uma página de jantar e eles têm uma página de café. E como eles vendem coisas, eles têm a página da loja. Há eventos que eles acompanham com o que está acontecendo, quais novos eventos estão acontecendo dentro e em torno de seus negócios. E isso pode basicamente ser considerado como o blog. Novas coisas são adicionadas à medida que estão acontecendo e conforme necessário. Então, essas são duas empresas que fornecem comida em um restaurante ou um café formato. Vejamos uma indústria totalmente diferente. Vamos para a construção e ver o que este site tem desde J. M. J. Construção services.com. Eles são construtores de casas e remodeladores de casas. Então, estamos atualmente na página inicial. Vemos o que fazemos. Alguns serviços diferentes aqui, casas renovações e comercial, fotografia bonita que eles forneceram. Pequena sinopse sobre sua missão, informações de contato, número de telefone, e-mail e endereço. Há localizados na Flórida um formulário que irá diretamente para eles e que é a página inicial. Então, o que mais eles têm? Eles têm uma galeria, que vemos é comum em sites de pequenas empresas. Temos a galeria de fotos deles, que no caso deles, o que você acha que eles teriam fotos? Eles têm fotos de casas que construíram. As fotos são de alta qualidade, tiradas profissionalmente por um fotógrafo local em sua área. Muito bem feito. Torna o nosso trabalho muito mais fácil quando o cliente fornece a fotografia em alta definição. Para o que mais eu tenho a página de contato. Você pode imaginar o que está lá. Igual ao que tinham na página inicial. Você não pode exagerar. Mas suas informações de contato com a maior freqüência possível, número de telefone, e-mail. Nunca queremos que alguém tenha que caçar para encontrar essa informação. E exclusivo para este negócio. Eles têm o que pode ser visto como suas páginas de serviços. Seus serviços são comerciais, casas personalizadas e renovações residenciais. Estes podem ser vistos como páginas de serviço, páginas destino dedicadas apenas a esse serviço. Então, se alguém estiver na área e estiver procurando por construções comerciais personalizadas e renovações nessa área, essa página apareceria em vez da página inicial. E se alguém está procurando por isso, se eles estão procurando se há proprietário comercial e eles estão procurando por uma construção, então esta página seria a que melhor serviria suas necessidades e o que eles Estou procurando. Tudo bem. O que mais temos no topo, temos o número de telefone, o e-mail e os links de mídia social, e isso fica fixo no topo de cada página. A propósito, isso foi construído com Divi e provavelmente adivinhou isso. E assim foi Apple Valley também construído com o tema Divi e outro site Devi. Este é lucro e Filhos Incorporated.com. Eles fazem aço estrutural pré-fabricado estrutural. muito legais. Eles construíram campi, construíram universidades, têm grandes projetos, e você tem uma fotografia maravilhosa do trabalho deles e faz um trabalho incrível. E tivemos o privilégio de trabalhar no site deles. Então, o que estamos olhando? Vemos a página inicial e vemos belas fotografias de alta definição. Queremos que o trabalho deles se destaque. E no final, vemos contato por telefone, por e-mail ou visitando-os e um formulário de contato. Então, que tipo de páginas temos aqui? Estamos na página inicial e há também uma página Sobre Nós. Há uma página de contato. Há depoimentos e projetos recentes seriam sua versão de um portfólio ou uma galeria. Então vimos isso em todos os sites que olhamos até agora. E você verá aqueles na maioria dos sites de pequenas empresas exclusivos deste. Eles têm uma página inicial para empreiteiros, uma página inicial para arquitetos e engenheiros. E então eles têm uma página de carreiras, que é semelhante ao que Apple Valley tem aqui com a página da equipe. Junte-se à nossa equipe, que leva você a uma candidatura de emprego. Vamos olhar para a página Sobre Nós e ver como eles explicam isso. Diz sobre lucro e filhos. E tenho um vídeo, boa introdução em vídeo, alguns parágrafos escritos, uma apresentação de slides do trabalho deles. Esse é o prédio deles e alguns de seus funcionários. E há um trabalho em andamento. E repetimos as informações de contato. Você vai notar algumas tendências. Em primeiro lugar, o cabeçalho permanece fixo em todas as páginas. Temos informações de contato no topo. Temos os seus laços sociais, e temos o menu. Claro, temos informações de contato repetidas na parte inferior do site. Novamente, você não pode estressar isso. Não consigo estressar isso o suficiente. Você nunca pode ter muitas informações de contato em nosso site como nunca um problema. Então repita o máximo possível. Nunca se sabe em que ponto as pessoas vão querer chegar. E talvez eles façam isso clicando no cabeçalho. Talvez eles vão até o fundo e preencham este formulário. Ou talvez eles queiram clicar na página Contato. Quaisquer que sejam as suas preferências, queremos dar-lhes muitas opções. Outra coisa a salientar é a continuidade aqui. Conforme você clica nesses sites, você pode dizer em que site você está? Por exemplo, agora estamos na página inicial do lucro e dos Filhos. Vemos o nome deles. Vemos a borda branca ao redor das bordas aqui vemos o cabeçalho no topo. E quando clicamos em depoimentos, o que acontece? Vamos para uma nova página, mas vemos o mesmo logotipo. Temos o mesmo logotipo, mas uma versão menor dele. Temos o título da página em que estamos, testemunhos, uma bela imagem de fundo aqui. E, em seguida, à medida que rolamos para baixo, temos o conteúdo desta página específica em que estamos. E como nós rolamos para baixo até o fundo, bela imagem? E então nós temos os links inferiores aqui embaixo que são os mesmos de cada lado. Temos o mesmo rodapé em todo o site. Assim, à medida que você clica em páginas diferentes, fica claro que você está no mesmo site. A consistência é crucial. Não queremos que as pessoas fiquem confusas. Pergunto-me em que site eles estão. E não queremos criar qualquer confusão. Então, quando somos consistentes em um site, quando somos consistentes em suas mídias sociais, quando tínhamos o mesmo logotipo em seus perfis sociais, estávamos criando uma marca e estamos deixando as pessoas confortáveis com essa marca. Queremos o mesmo logotipo, queremos as mesmas cores em diferentes sites, perfis sociais em seu site oficial. E nós queremos pessoas confortáveis o suficiente para navegar e obter as informações que eles estão procurando quando eles vêm para este site. Então, com isso em mente, analisamos os diferentes tipos de páginas que vemos em todos os sites. Agora, como criamos uma página no WordPress? Então vamos voltar ao site em que temos trabalhado. E este é o nosso administrador do WordPress. Vamos fazer algumas coisas aqui. Primeiro vamos para as páginas, e depois vamos para os menus. Então, temos nossa página padrão que trabalhamos nas últimas aulas ou homepage. E temos aquele que o WordPress gerou a política de privacidade. Então, vamos adicionar um, vamos adicionar uma página Sobre Nós, um serviço e uma página de contato. Começaremos clicando em Adicionar novo, adicionaremos o título e alteraremos o URL desta página. É aparecer, adicionar título, e estamos digitando sobre nós. Agora. Ainda não entramos no Visual Builder e não vamos fazer isso agora. Vamos apenas clicar em Salvar rascunho no canto. E, em seguida, o slug URL aqui. Vejamos a ligação permanente. Portanto, este é um URL amigável após o.com ou qualquer que seja o seu nome de domínio. O que acontece depois disso para indicar a página em particular em que você está? Bem, isso é chamado de “Permalink”. Então, neste caso, isso foi gerado a partir do título, mas o que queremos que seja o mais simples e conciso possível. Neste caso, vamos apenas remover o traço nós, torná-lo agradável e limpo. O que mais temos? Então, nós rolamos para baixo, vamos notar que podemos fazer uma página pai. Isto é basicamente quando você está aninhando uma página sob outra. Por exemplo, se você é uma empresa de remodelação, você pode ter uma página de destino de serviços abrangentes, mas então, sob isso, você pode ter construções, residenciais, remodelações comerciais. Cada um deles sob a página pai, no nosso caso, sobre nós seria uma página de nível superior. Então, vamos selecionar nenhum pai. E se você tivesse várias páginas e quisesse reordená-las, você poderia fazê-lo usando este botão. Agora, tudo bem, neste ponto vamos clicar em publicá-lo como se estivéssemos prontos para publicar. Sim, estamos. Vou desmarcar tudo o que mostramos e publicamos. Vamos entrar na página e ver como isso se parece. Nós não devemos nos encontrar em uma tela em branco aqui. E nós fazemos. Saímos de lá e adicionamos mais algumas páginas. Nós dissemos que queremos fazer um serviço e uma página de contato. Serviços e contato. Agora, o que fizemos? Voltamos a Todas as Páginas. Vamos dar uma olhada em algumas coisas aqui. Primeiro de tudo, primeiro no canto. Opções de tela. Esta é uma boa maneira de declutter o que estamos vendo aqui. E podemos adicionar e remover colunas conforme necessário. Por padrão, todos eles serão verificados. Eu gosto de desmarcar alguns desses que eu não preciso necessariamente, como autor e comentários e minha desmarcação. E você pode alterar o número de itens por página. O padrão é 20. Eu normalmente até cerca de 50, que possamos ver mais em cada página. E há algumas opções quando passamos o mouse sobre nossa página, podemos editá-la no back-end. Podemos lixá-lo, podemos vê-lo. Podemos editá-lo no Visual Builder. Mas vamos olhar para o, o que é chamado de edição. Aqui podemos alterar o título, podemos alterar o URL slug que permalink falamos e alterar a data da página do cartaz, adicionar uma senha se quisermos, alterar o pai, alterar a ordem. O modelo padrão que estamos usando, que é o padrão. Normalmente mantemos Permitir Comentários desativado e o status que podemos alterar o rascunho de revisão pendente ou publicado no nosso caso. Queremos publicar. Então vamos mudar a ordem. Vai manter isso em um. E por que não colocamos a página Sobre Nós em segundo lugar? Vou colocar esta página de serviços em terceiro lugar, e depois a página de contato. Então, como é que isso parece? Vamos atualizar a página e veremos qual é a ordem em Home About Us Services, contato, política de privacidade. Então, agora essas páginas são criadas, mas não as veremos necessariamente até que as adicionemos ao nosso menu. Vamos para menus de aparência e vemos a página inicial. Então, se pudermos acessar nosso site no front-end, o que estamos percebendo? Olhamos para o menu no topo e tudo o que vemos é a casa. Por que não, por que não vemos nada além de casa, mas e aquelas páginas que acabamos de criar? Bem, ainda não os adicionamos ao nosso menu. Você não quer necessariamente todas as páginas do seu menu em todos os sites. Então, no nosso caso, temos que ir ao menu e adicioná-los. Então este é o administrador do WordPress, menus de aparência. O que vimos aqui? Temos localizações minúsculas. Seria o tema Devi. Este é o menu principal. Aqui em cima. Temos o menu secundário, que seria este lugar bem aqui em cima de uma casa. Nós não adicionamos nada lá. E o menu do rodapé. O que é isso? Nós rolamos para o fundo. Isso é isso aqui. Apenas segure. Então normalmente eu vou duplicar os botões normais como o rodapé. Então eu vou fazer o menu primário e o menu de rodapé o mesmo. No nosso caso, nós chamamos esse menu principal, entrar em menus de edição e ver como isso se parece. Então podemos adicionar páginas e adicionar aquelas que acabamos de criar. Podemos ver tudo o que podemos procurar, o que é útil se você tiver um monte. Vamos acrescentar sobre nós. Vamos adicionar serviços e entrar em contato com o nosso menu. Há um conveniente auto adicionar páginas aqui onde você pode adicionar automaticamente novas páginas de nível superior a este menu. Se você desmarcar isso, então você pode ter mais controle manual sobre quais páginas serão adicionadas. Então vou manter isso descontrolado. Também podemos adicionar postagens, que normalmente são postagens de blog. Podemos adicionar links personalizados como basta dizer facebook.com cortar meu site. Podemos adicionar o texto do link, e lá vamos nós. Então vamos ver como isso se parece. Vou clicar no menu Salvar, e vamos recarregar isso no front-end. Uma vez que isso carrega, devemos ver nossas novas páginas e vemos. Esta é a página inicial, os Serviços Sobre Nós em contato e Facebook são personalizados Link tinha sido adicionado a este site. Algumas coisas que queremos ver aqui. Primeiro de tudo, em primeiro lugar, se clicarmos em FB, isso nos leva ao link que denotamos. Está carregando o Facebook agora. Mas e se quisermos abri-lo em uma nova guia? Ótima pergunta. Vamos clicar nas opções da tela no canto. E vemos um monte de opções aqui. Vamos fazer o alvo da ligação. É uma propriedade de menu avançado. Mas estamos avançados. Podemos lidar com isso, iria clicar FB Custom Link drop-down. E aqui vamos nós, boom, link aberto em uma nova guia que nos permite abri-lo em uma nova guia, que é bom porque você ainda tem uma aba aberta no site. Então, apenas um pouco de nuance lá que queremos prestar atenção. E digamos que queremos aninhar alguns destes debaixo de outro. Como é que fazemos isso? Vamos aninhar tudo isso no Lar. Lá vamos nós Home About Us Serviços e contato. Vamos colocar em casa. E não é uma abordagem típica, mas estamos apenas demonstrando a funcionalidade. Nós atualizamos aqui e devemos ver casa FB eo ícone de pesquisa. E boom, lá vamos nós para casa. E por baixo disso estão estes botões. Eles vão belo trabalho está parecendo muito bom até agora. Tudo bem, vamos voltar aos menus e vamos adicionar algo ao menu secundário, Gerenciar Locais. Vamos criar um novo menu para este botão superior. No menu secundário, não temos nada ainda, então vamos clicar em Usar novo menu. E vamos chamar este botão superior Create menu. E vamos fazer isso. Então nós criamos nosso botão superior do menu, e vamos adicionar o contato e vamos fazer isso um link entrar em contato. Entre em contato, Salvar Menu. Nós verificamos, certifique-se de que a localização está correta. Menu secundário, clique em salvar menu, e vamos atualizar e ver como ele parece aqui, devemos ver um botão colidir no canto fazendo sim, nós fazemos. Entre em contato. Ótimo trabalho, rapazes. Agora só mais algumas coisas. Vamos voltar para o Personalizador de Temas, que aprendemos sobre algumas lições atrás. Personalizador de temas. Vejamos algumas dessas opções de cabeçalho e menu. Primeiro, eu queria ver como controlar se a barra de pesquisa aparece ou não. Onde é que encontramos isso? Vamos ver, estamos puxando para cima e carregando o personalizador de temas. E vamos para cabeçalho e navegação. E, em seguida, elementos de cabeçalho mostram ícones sociais. Aquela é a barra de cima. E, em seguida, mostra o ícone de pesquisa que apareceu lá em cima no menu principal. Eu gosto de desligar esse, a menos que você precisa explicitamente de uma barra de pesquisa por uma razão particular, maioria das empresas pode fazer sem ele, mas alguns, como sites de comércio eletrônico, precisarão tirar proveito disso. Eu gosto de ter os ícones sociais abertos e eu gosto de ter essa barra superior na parte superior, uma vez que mantém suas informações de contato fixo no topo, não importa onde você rolar na página para que possamos alterar o número de telefone aqui. E o e-mail. É um bom recurso interno dividiria e clique em Publicar. Então, como mudamos a barra de menu secundária de cores? E você pode mudar a cor de fundo aqui e mudá-la para o que quisermos. Tudo bem, parece bom. Você pode alterar a cor do texto, o menu suspenso, podemos alterar o plano de fundo desse menu suspenso, alterar a cor ou o link ativo. Como vemos que a casa é a cor laranja fora e os outros são brancos. Podemos editar isso indo para a barra Menu Primário, alterar a cor do texto aqui, ou alterar a cor do link ativo aqui. Temos muito controle sobre essas coisas. E há muita coisa que podemos fazer. Pense personalizador também tem um editor de barra de menus embutido. Então você vai para os menus. E lá estamos nós. Os dois menus que temos. Temos o menu principal. Vamos mover estes de lado. E ele irá atualizar em tempo real sem ter que recarregar a página. Lá vamos nós. E podemos fazer o mesmo com o botão superior. Parece muito bom. Outra pergunta que aparece, onde vêm esses ícones sociais? Você se lembra disso de algumas aulas atrás? Vamos descobrir. Podemos sair daqui, voltar para WordPress, admin, Devi e opções de tema. Aqui estamos, e os ícones sociais estão habilitados ou desabilitados nesta tela em opções de tema Devi. A maioria das pessoas não tem um Twitter hoje em dia e podemos desligar os ícones RSS e define um recurso mais antigo que o Google Plus, Eu gosto de usar isso como link do Google Maps, Instagram e Facebook muitas pessoas têm. Então, deslocaremos para baixo e clique em Salvar alterações. Volte para a nossa página, atualize-a. E o que vimos? Esses links sociais foram removidos como solicitamos. Ótimo trabalho. Aprendemos que o site parece ser consistente. As diferentes páginas precisam ter um cabeçalho e rodapé consistentes e somente o conteúdo mudará na página específica. Nós já vimos. Páginas típicas para sites de pequenas empresas são Home About Us, Serviços, galeria de contatos e talvez alguns outros. E vimos como adicionar páginas no WordPress indo duas páginas. Vimos como adicionar subpáginas. Vimos como editar o menu e como personalizar a aparência do menu a partir de uma perspectiva de design no front-end. Ótimo trabalho, rapazes. Agora você sabe como construir um site de várias páginas. Então, o que aprendemos sobre sites de várias páginas? Esta é a estrutura típica que você encontrará na maioria dos sites. Cada site tem um menu. Cada botão ou link na página leva você a uma página da Web diferente, que você pode projetar, o construtor visual. E cada página precisa seguir uma aparência consistente para que os visitantes fiquem confusos. Finalmente, precisa ajudar seu cliente na escolha de suas páginas. E o que é um dever de casa? Eu quero que você vá para WordPress e clique através de menus e páginas. Adicione um menu, adicione algumas páginas. E enquanto você está nisso, navegue em outros sites de pequenas empresas e observe qual é a estrutura de menu deles. Eu sou Leighton, e agora você sabe como construir um site de várias páginas. 14. Construindo sites de eCommerce: Bem-vinda. Estou atrasada para o seu webmaster. Hoje vamos construir um site de comércio eletrônico. Estes são sites que vendem produtos e serviços online. Normalmente, você verá um carrinho em uma página de finalização de compra, geralmente com a capacidade de levar cartões de crédito com segurança pela Internet. Você já visitou algum desses sites? Você já comprou algo online? caso afirmativo, você contribuiu para um negócio de mais de US$1 trilhão. Todos nós sabemos o quão grande é o comércio eletrônico e essa tendência não está indo embora. Mas como você abraça esse mercado e efetivamente o serve aos seus clientes? E pode então ser feito no WordPress. Curso WordPress pode lidar com isso. Agora, o software WordPress núcleo não é projetado para e-commerce. Você precisa de um tema amigável e-commerce e plug-in, no nosso caso, Devi suporta o comércio através do plugin WooCommerce. Vamos aprender sobre WooCommerce. Estamos na solução de comércio eletrônico número 1 WordPress, Woo Commerce. Crie exatamente o site de comércio eletrônico que você deseja. Woo Commerce é uma plataforma de e-commerce de código aberto personalizável construída no WordPress. Comece rapidamente e faça o seu caminho. Inicie uma nova loja ou personalize e amplie. Vou pular esses botões porque vamos instalar WooCommerce diretamente em nosso site usando a seção de plugins. Tudo que você precisa para começar a vender on-line e WooCommerce plug-in C para qualquer site WordPress e configurar uma loja em minutos, obter pagamentos seguros, opções de envio configuráveis e muito mais fora da caixa gratuitamente. Personalize e estenda desde assinaturas até aulas de ginástica até carros de luxo. WooCommerce é totalmente personalizável. Adicione recursos e amplie a funcionalidade de sua loja com extensões oficiais do mercado WooCommerce. Há uma parte da extensão que eles têm eles podem se conectar a uma faixa Square, estação de navio PayPal, jar fiscal, Mailchimp, google, Facebook autorizado apenas para citar alguns. E vamos olhar para as extensões em apenas um momento. Confiado por agências e proprietários de lojas. E há WooCommerce. Então vamos primeiro olhar para algumas das extensões que eles têm disponíveis, extensões de navegador para ver o que podemos fazer com WooCommerce. Aumente o seu negócio com centenas de extensões WooCommerce gratuitas e pagas em todas as suas necessidades logísticas, técnicas e de marketing. Então, o que isso significa? Significa que podemos integrar com Etsy. Podemos executar um programa de afiliados em nosso site. Podemos oferecer vales-presente. Podemos expandir o nosso negócio com extensões, almoço ou loja soluções de marketing feitas pela WooCommerce. Vejamos diferentes opções de pagamento. Tudo bem, então desenvolvido pela WooCommerce. Temos soluções de transporte. Tudo bem, então temos WooCommerce Shipping. Imprima etiquetas do seu painel WooCommerce com as taxas mais baixas da UPS. Temos faturamento e listas de empacotamento. Temos coleta local mais marketing, automatizar, Whoo. Temos integração com MailChimp, integração com Facebook, HubSpot, Pinterest. Vamos dar uma olhada em algumas das opções de envio. E eu vou pegar um dos meus favoritos aqui. Então, se você tiver um carrinho de compras e quiser que ele calcule automaticamente o custo de envio, isso se conectará ao USPS. O método de envio USPS. Ele usará as libras e as dimensões dos itens em seu carrinho e fornecerá taxas em tempo real da USPS. Este é um plug-in pago. Você pode usar WooCommerce sem quaisquer plugins extras em tudo, completamente gratuito. Mas se você precisa estender a funcionalidade que você pode com esses plug-ins pagos e isso acontece de ser um dos meus favoritos. Vamos ver o que mais? Eles têm quatro pagamentos. Que tipo de soluções de pagamento eles integram com pagamentos feitos simples, projetado exclusivamente para lojas WooCommerce. Então, não muito tempo atrás, WooCommerce saiu com seu próprio gateway de pagamento. Por isso, ele realmente se conecta a Stripe.com, mas permite que você uma maneira simples de tomar pagamentos diretamente em seu site através do WordPress. Então, o que estou dizendo é que você não está se conectando a um serviço de terceiros como Payou dotnet autorizado. Ele usa uma greve de terceiros, mas se integra firmemente com WooCommerce para tornar as coisas muito mais convenientes. E então, daqui para frente, eu acho que esta é uma ótima opção para receber pagamentos. Tudo o que eles fazem é cobrar os 2,9% mais 30 centavos por transação. E esse padrão que você vai encontrar agora no PayPal, você vai descobrir em Stripe.com a uma taxa padrão. Eles também podem se integrar com diferentes processadores de pagamento. Vamos ver, autorizado.net para Stripe Amazon pagar quadrado. Eu usei vários desses pagamentos WooCommerce. Essa é a sua própria solução, PayPal cérebro shri pagar rápido PayPal. Muitas opções diferentes. E eles têm para, para criar essa receita recorrente, eles têm um plugin de assinaturas, que permite que você pegue assinaturas. Aqui vamos nós. Assinaturas Woo Commerce. Lá vamos nós. Deixe os clientes se inscrever para seus produtos ou serviços e pagar em uma semanal, mensal, ou qualquer base que você quer WooCommerce assinaturas. Diz 199 por ano e permite que você crie pagamentos recorrentes. Eu usei isso em vários sites de clientes, criar e gerenciar produtos com pagamentos recorrentes, pagamentos que lhe darão uma receita residual que você pode acompanhar e contar com. Este é um dos seus plug-ins mais populares. Já o usei em vários sites. Já usei este. Eu usei a calculadora de envio automático USPS, e eu vou, claro, obter um plugin de terceiros para o processador de pagamento. Se eu estou integrando com PayPal, tive que pagar qualquer coisa extra para esses plug-ins se você estiver integrando com Stripe, que também é gratuito. Portanto, nem todos esses plugins são premium. Alguns são gratuitos, e eles estendem a funcionalidade padrão do WooCommerce. Então vamos instalar WooCommerce. Fazemos isso pulando em nosso site e indo para plugins WooCommerce como um plugin, não é um tema. Ele é projetado para trabalhar com o seu tema Divi. E vamos datilografar aqui. Woocommerce. Vamos ver o software principal WooCommerce. WooCommerce é a solução de comércio eletrônico de código aberto mais popular do mundo. Você vai notar que ele é feito por automático. Quem é automático? São os fabricantes de WordPress, WordPress , mas WooCommerce fora, que é o quão impressionante esta empresa é e quão firmemente ele se integra com WooCommerce. O que mais temos? Woo Commerce Stripe gateway de pagamento. Isso conecta seu site foi greve. Esse é um plugin gratuito. Facebook para WooCommerce, também um plugin gratuito e permite você faça anúncios e crescer o seu público através do plug-in Facebook, faturas WooCommerce PDF e guias de embalagem, criar impressão e automaticamente e-mail PDF faturas e clipes de bicada para ordens WooCommerce. Este é um plugin gratuito. Tem MailChimp para WooCommerce, também um plugin gratuito. Ele permite que você largue as pessoas que check-out em seu site. Ele o deixa em suas listas do Mailchimp para que você possa aumentar sua lista de e-mail marketing do MailChimp. Serviços WooCommerce dá-lhe algumas coisas extras, como cálculo de texto automatizado, impressão de etiquetas de envio e configuração de pagamentos mais suave. Eu uso serviços WooCommerce bastante. Paypal Checkout gateway de pagamento aceitar cartões de crédito PayPal e cartões de débito em sua loja WooCommerce como um muito popular desde PayPal é mundialmente famoso. E estes não são criados pelo WooCommerce. Eles são plug-ins de terceiros. Vamos voltar ao topo e instalar WooCommerce e ver o que acontece a seguir. Ou instalando, instalando. Este é o nosso primeiro plug-in. Muito excitante. Estamos instalando WooCommerce irá mais em plug-ins na seção do plano de manutenção do site deste curso. Bem, nesse ponto estaremos instalando vários plugins que nos darão nossos serviços de manutenção. Mas, por enquanto, vamos instalar isso em nosso site de comércio eletrônico. Ativar. Coisas muito excitantes. Está ativando, está ativando e esta é a tela que foi exibida, coloque sua loja em funcionamento mais rapidamente com nossa nova e melhorada experiência de configuração. Sim, por favor. Ele irá orientá-lo através desses detalhes da loja e tentar conectá-lo ao site WooCommerce. Vamos fazer 123 primeira pista, Estados Unidos, Califórnia. Certo, montando uma loja para um cliente. Claro. Continuar. Construir um WooCommerce melhor, obter recursos melhorados. Não conheço meus advogados nunca. Então, conte comigo. que indústria a loja opera? Isso nos permite WooCommerce para tipo de adaptar sua experiência. Então vamos apenas dizer comida e bebida. Que tipo de produtos você estará listado. Então, por que essa pergunta é feita? Bem, ele precisa saber o que lidar em termos de transporte, quer lidar em termos de pagamentos. Então os produtos físicos são enviados, certo? Downloads, aqueles não são enviados. Então, um download seria você pagar por isso e você recebe instantaneamente um link de download, nada é enviado. Você não precisa se preocupar com as taxas de frete da UPS ou nada disso. Assinaturas. O cliente assinou seus produtos ou serviços e pague semanalmente, mensalmente ou anual. Então 658 por mês vezes 12, que é o $199 anualmente que vimos antes. Esse é um plugin premium. $16 parece trivial para a funcionalidade de assinatura. Então, se uma empresa tem essa receita recorrente, então isso seria uma despesa menor. Mas, caso contrário, esse parece muito caro. Então, há um mercado para ele se você precisar do produto, mas caso contrário, podemos desmarcar isso até que nós absolutamente precisamos dele. Associações, a mesma coisa, $199 por ano. Os membros têm acesso a conteúdo ou produtos restritos por uma taxa ou gratuitamente. Então isso restringe certas páginas. Como digamos que você tem um curso, digamos que você tem um, um e-book ou algo assim agora, você só quer dar acesso aos seus membros se eles pagaram por esse acesso. Assim como assinaturas, há uma hora e um lugar para isso. Se as pessoas estão pagando 50, 75, 100 dólares ou o que quer que seja para acesso, então que 658 por mês parece trivial por comparação. Então, novamente, se esse fluxo de receita está lá, então sim, é claro que queremos este plugin, mas até lá, vamos manter isso desmarcado. Reservas, permitir que os clientes reservem compromissos, façam reservas ou aluguem equipamentos sem sair do seu site. Outro plug-in maravilhoso para sites que precisam tirar proveito de que empacota nossos pacotes de produtos personalizados,pacotes de desconto em massa e produtos montados, e permite que você agrupe pacotes de desconto em massa e produtos montados, e permite que você agrupe alguns produtos e há uma hora e lugar para isso, se você precisar. Produtos personalizados oferecem complementos como embrulho de presente, mensagens especiais e outras opções especiais para seus produtos. Para este teste, vamos apenas verificar os produtos físicos e as caixas de downloads, para que não seja cobrado nada extra. Conte-nos sobre o seu negócio. Quantos produtos o avião para exibir, digamos que este atualmente vendendo em outro lugar? Não, não estamos vendendo em outro lugar. Além disso, são apresentados alguns plug-ins opcionais para ativar uma integração com o Facebook, integração com o Mailchimp e com os anúncios do Google. Então, todas essas são ferramentas de marketing. Facebook, quero que publique anúncios. O Google quer que você publique anúncios e, em seguida, o Mailchimp agrupe você para aumentar sua lista de marketing. Os seguintes plugins serão instalados gratuitamente. Facebook para WooCommerce, Mailchimp para WooCommerce e anúncios do Google. Vamos continuar com isso. Continuar. Escolha um tema, escolha como sua loja aparece para os clientes. Nós já temos o nosso tema e nós gostamos dele. Continue com meu tema ativo. Não há necessidade de instalar outro. Melhorar sua loja iria jetpack e WooCommerce serviços. O que é que isso faz? Em seguida, permite que você tenha o gerenciamento da loja em movimento com um aplicativo separado. Não precisamos necessariamente disso. O segundo, impostos sobre vendas automatizados através de serviços Woo Commerce, que garante que a taxa correta de imposto é cobrada em todas as suas encomendas automaticamente. E também inclui etiquetas de envio. Então eu realmente gosto desse recurso. Basicamente telefones os servidores WooCommerce e cospe uma taxa de imposto precisa atual que é conveniente e melhora a segurança batida. Não é um grande fã disso, porque podemos fazer isso com plugins melhores. Então eu vou dizer que sim, apenas para os impostos de vendas automatizados. Sim, por favor. Está carregando. Está carregando. WooCommerce está sendo instalado, esses plug-ins estão sendo instalados. E o que temos conectando sua loja? Então eles querem conectar isso à minha conta WordPress.com. Assim, você pode criar uma nova conta. Você pode entrar como um usuário diferente. Você pode fazer o que tiver que fazer para ter isso instalado. Nesse caso, deixe-me clicar em Aprovar. Desde que eu já tenho uma conta wordpress.com. Isso está conectando meu site WordPress.com e meu WooCommerce. E aqui estamos nós. Estamos de volta ao nosso administrador do WordPress. Bem-vindo à sua sede online lojas WooCommerce. Tudo bem, coisas boas. Personalize a caixa de entrada cheia de conselhos relevantes e dados adicionais de análise. Uma vez que vá, o que temos aqui? Temos uma notificação para configurar o nosso Mailchimp, que é email marketing, um serviço de e-mail marketing gratuito. E nós temos serviços WooCommerce, que quer configurar nosso cálculo de texto e processamento de pagamento. Aqui, precisamos terminar nossa configuração adicionando produtos, configurando pagamentos. Está terminando mensagens de texto, envio e personalização de sua loja. Visão geral da loja. Agora temos 0 vendas, seus pedidos ou visitantes em 0 visualizações, o que não nos surpreende. Mas assim que começarmos a receber pedidos, será uma forma conveniente de ver as nossas estatísticas. Então vamos terminar a configuração. Fizemos detalhes da loja. Vamos adicionar um produto. Você pode adicionar manualmente, você pode importá-los ou migrá-los. A maneira mais limpa é adicionar manualmente. Adicione-os do zero. Vamos chamar isso de meu primeiro produto, descrição do produto aqui embaixo. Descrição. Em seguida, tipo de produto. E escolha o tipo de produto. E fazer simples para a maioria dos bens e serviços físicos. Variável para coisas complexas, como se você quiser soltar para os produtos de tamanho, pequeno, médio, grande grupo, para agrupar vários produtos simples em um e produtos externos para vinculação externa. Então vamos ficar com o produto simples. Virtual significaria não-físico como um serviço que não precisa de envio. Muitos casos de uso para virtual, e basicamente ele simplesmente ignora o envio e, em seguida, pode ser baixado. Aqui é onde eles pagam e recebem um download de arquivo. Você verifica isso, e você pode fazer o upload do seu arquivo. E então há o preço, digamos uma parte de US $199 da breve descrição como um breve resumo, imagens de produtos, etiquetas de produtos, categorias de produtos, Digamos camisetas, e publicar seu produto. Passeio de hora. Lá vamos nós. Transferível, está desmarcado. O virtual vai ignorar leva para fora o transporte do lado aqui. E isso acrescenta de volta. Nós temos o preço, nós temos a opção de fazer um preço de venda, e você pode até programar que tem inventário. WooCommerce tem a capacidade de gerenciar ações. Isso pode ser realmente conveniente transporte, você pode inserir o seu peso e dimensões e que irá permitir que o carrinho de compras dois, calcular um custo de envio. Produtos vinculados a atributos de venda adicional e venda cruzada. Atributos é uma boa maneira de adicionar tamanhos semelhantes. Tudo o que você pode querer como um menu suspenso antes de adicioná-lo ao carrinho. Como digamos tamanhos, tamanhos camisetas, pequeno, médio, grande. E para fazer isso, precisaremos mudá-lo para um produto variável. E, em seguida, variações. Antes de fazer isso, você precisa adicionar alguns atributos. Consegui. Usado para variações, salve atributos. E isso nos permitirá ter um preço diferente para cada camiseta. Crie variações de todos os atributos. Tem certeza de que deseja vincular todos os atributos? Sim, temos certeza de que isso nos dará três opções, cada uma com um preço diferente. Esta praia são definitivamente vem a calhar. Eu uso este um pouco porque a maioria das coisas que você compra tem um menu suspenso e uma opção antes de adicioná-los ao carrinho. Aqui temos três variações, pequenas, médias e grandes. E cada um deles como para as mesmas opções que já colocamos. E apenas no caso de o preço ser diferente, o que muitas vezes é, digamos 129 para pequeno, 149 para médio e 169 para o grande. Salve as alterações. E vá para o topo, publicaremos nosso primeiro produto. Excelente. Ainda não personalizei a aparência desta página, mas vamos ver qual é o padrão. Meu primeiro produto, ainda não temos foto. Tenho os tamanhos de preço suspenso, e isso seleciona qual é o preço. Adicionar ao carrinho botão e descrição. Podemos personalizar isso ao nosso gosto alterando o design, mas por enquanto esse é o padrão. O que mais temos? Entramos em Woo Commerce, WooCommerce configurações. Vejamos mais algumas coisas que precisamos prestar atenção. Temos o endereço da loja, temos o que estamos vendendo. Impostos ativados, taxas de imposto e cálculos, cupons. WooCommerce tem a funcionalidade embutida para ter cupons. Também temos, bem, vamos salvar nossas mudanças. Também tenho produtos, pagamentos de envio. Vamos clicar nesses produtos. Esta é a página da sua loja. O que fazer quando você clica em Adicionar ao carrinho. A unidade de peso, mudar isso para libras e as dimensões de duas polegadas habilitado comentários de produtos. Isso permite que as pessoas analisem seus produtos e os avaliem. Que tal impostos? Ativar impostos automatizados? Isso irá telefonar para os servidores de WooCommerce e retornar com uma taxa de imposto e preço precisos. É basicamente tudo o que precisamos para ver o transporte deles. Então, o envio padrão, uma vez que você configurar sua zona. Por exemplo, EUA, selecione todas as regiões dentro desta zona. Estados Unidos. E vamos dizer taxa fixa. Temos retirada local gratuita ou taxa fixa sem adicionar quaisquer métodos de envio de terceiros. Então taxa fixa, pressione Editar e vamos dizer 10 dólares frete taxa fixa para qualquer lugar do país. Simples o suficiente. Tudo bem. E isso foi adicionado. Pagamentos. Vamos ver o que é incorporado ao WooCommerce, transferência bancária direta, pagamentos em cheque, dinheiro na entrega e padrão PayPal. Então vamos verificar o padrão PayPal e ver o que o botão Setup faz. É uma vez que o nosso e-mail PayPal, que ele saiba para onde enviar o dinheiro para receber o seu e-mail, token de identidade, prefixo de fatura. Além disso, você pode adicionar as credenciais da API se essa for a maneira que você deseja integrar seu PayPal para processar reembolsos via PayPal. Então esta é a versão simples. Este é o lugar onde quando você clica em checkout e paga agora ele leva você para fora do seu site para Pay. Existem opções com menos fricção. Por exemplo, o plug-in stripe ou os pagamentos WooCommerce. Mas isso funciona porque muitas pessoas têm contas PayPal. Para uma solução mais profissional. Eu recomendo um que leva o cartão de crédito diretamente na página. Mas, novamente, isso funciona. Contas e privacidade têm a opção de exigir que as pessoas criem uma conta quando estão fazendo check-out. E algumas opções de privacidade na parte inferior, especialmente para o GDPR na Europa e nos países que estão sob os regulamentos de privacidade do GDPR, e-mails. Aqui podemos definir os e-mails que saem quando um pedido foi feito, quando um pedido é cancelado, falha no processamento de espera concluído, reembolsado, uma fatura é enviada, redefinição nota do cliente, senha ou nova conta. Então, quando um pedido foi feito, isso é o que o cliente receberá. Processando ordem. Seu pedido de título do site foi recebido. Obrigado pelo seu pedido. Obrigado por usar nosso site. E boom. Esse é o e-mail que alguém iria receber e incluiria sua informação de ordem, seu nome, o que eles pediram, o preço, tudo isso. Então, vamos ver como os modelos de e-mail parecem por padrão. Por padrão, eles terão o título aqui em cima. Eles vão ter essa cor de fundo agora é a cor púrpura. E eles terão o conteúdo do e-mail e um fundo ligeiramente cinzento sobre um corpo branco. Então, o que tivemos a capacidade de mudar? Podemos soltar nosso logotipo aqui e copiar e colar o URL para o nosso logotipo. Eu posso mudar o texto do rodapé na parte inferior, posso alterar a cor da base, e a cor do fundo, o fundo do corpo e o texto. Vamos fazer isso e veremos como isso parece. Lá vamos nós. Então, idealmente, gostaríamos de colocar o nosso logotipo lá. Não gostaríamos de alterá-lo para as cores de marca da marca. E é só isso. Certo? Movendo-se para a direita, integração. Max mente. Essa é uma maneira muito simples de usar os serviços de geolocalização. E você pode ler a documentação aqui sobre isso. Avançado. Algumas configurações avançadas, como mapear a página do carrinho para a página de finalização da compra e a página Minha conta. Vamos ver isso em um segundo. E, entretanto, quero chamar a atenção para isto. Sua loja não parece estar usando uma conexão segura. Recomendamos vivamente que você atenda todo o seu site através uma conexão HTTPS para manter os dados do cliente seguros. O que isso significa? Precisamos instalar um certificado SSL. Isso não é realmente opcional em um site de e-commerce. Você tem que fazer isso. E conversamos sobre isso algumas lições atrás. É muito rápido e fácil, não é difícil. E uma vez que fizermos isso, esta mensagem desaparecerá. E podemos ter certeza de que as informações confidenciais transmitidas em um site de comércio eletrônico permanecem seguras, como o cartão de crédito, o nome, o endereço, o número de telefone da pessoa que faz o pagamento. Agora vamos para o Pages e ver o que foi adicionado. Temos uma página de carrinho, página de checkout, minha conta e página da Shoppe. Todos os quatro foram adicionados. Eles são distintamente diferentes. Loja é onde você vê seus produtos. Vamos olhar para isso. A página da loja. Agora só temos um produto e nenhuma imagem adicionada a ele. Esta é a nossa página de loja que lista todos os produtos. Minha conta tem seus pedidos , seus endereços, downloads, detalhes da conta, tudo isso. Eu normalmente estilizaria esta página, torná-la um pouco mais bonita. Mas a funcionalidade padrão é bastante útil. Nós temos um que não podemos ser a página de checkout uma vez que não temos nada em nosso carrinho, mas podemos ver a página do carrinho e ele apenas mostra que o carrinho de compras está vazio. Vamos voltar às compras. Abra este produto, clique em Adicionar ao carrinho e veja qual é a funcionalidade padrão. E nós vamos, meu primeiro produto foi adicionado ao seu carrinho, ver carrinho. E boom, lá vamos nós. O WooCommerce padrão fora da caixa tem carrinho e funcionalidade de check-out, o que é incrível. Você economiza tanto tempo sem ter que codificar isso sozinho. Eu sei revestimento e eu estou dizendo que este é um recursos muito avançados e com WooCommerce fora da caixa, você não precisa se preocupar com nada disso, basta ligá-lo e começar a vender. Mas eu recomendo que entremos aqui e ficarmos bem na página. Então, como fizemos isso? Bem, em primeiro lugar, vamos para o nosso carrinho. Bem, em primeiro lugar, vamos mudar o verde. Não aguento mais olhar para aquele verde. Então, vamos para o Personalizador de tema, botões, estilo de botão. Mude isso para laranja. Tudo bem, parece bom. Lá vamos nós. Bom. Então, como mudamos a aparência dessas páginas? Se clicarmos em editar página, observe o que acontece. E ele nos levará a uma página que não está usando o Visual Builder e tem um código curto. Um código curto é um pequeno pedaço de código incorporado que coloca o conteúdo em sua página. Neste caso, o pequeno código curto é WooCommerce sublinhado carrinho. E o que isso faz é que ele denota que nesse ponto, a página que queremos toda a funcionalidade do carrinho para ir. Podemos adicionar esse código curto a qualquer página, mas vamos comércio já começou criando a página e colocando esse código curto lá para nós. O que mais queremos ver aqui? Se clicarmos em Atualizar e entrarmos no construtor de temas, podemos alterar essas páginas padrão. Lembre-se quando eu disse que o construtor de temas realmente vir a calhar para sites de comércio eletrônico. O que quis dizer com isso? Vamos clicar em Adicionar novo modelo e ir para o carrinho, páginas WooCommerce. Coração. Vamos fazer compras primeiro, certo? Vamos fazer um corpo personalizado para a loja. Construir corpo personalizado. Então isso está alterando como a página da loja se parece. Em vez do padrão, talvez queiramos usar a versão DBs construída a partir do zero. Vamos fazer adicionar nova linha e, em seguida, loja WooCommerce. Não como a forma como ele diz tudo isso, como sabemos, que ele faz um bom trabalho fazendo tudo parecer legal e a funcionalidade da loja não é diferente. Temos o design de conteúdo e as guias avançadas, com as quais já estamos familiarizados. Podemos censurar as coisas. Podemos mudar o tamanho. Price, vamos fazer o preço um pouco maior. Torná-lo ousado. Lá vamos nós. Então, o que acabamos de fazer, podemos clicar em Command S em nosso teclado ou Control S em um PC. Clique no X e salve as alterações. Isso irá editar a página da loja em seu site. Então vamos para o nosso site e pressione o botão da loja. Outra coisa que vemos aqui no canto é o checkout. Um bom ícone de checkout e texto foi adicionado ao canto lá no menu secundário. Então vamos voltar para, vamos fazer algumas coisas aqui. Vamos adicionar loja ao nosso menu principal. Menus e loja. Vamos adicionar isso ao menu principal. Adicione ao Menu e adicione isso antes do contato. E enquanto estamos nisso, vamos em frente e adicionar uma imagem a esse produto. E então vamos ver como ele fica na imagem do produto do site. Vamos fazer um dos padrões aqui a partir desse layout Devi que importamos. E vamos voltar ao nosso site. Aqui está a página da loja. E boom, lá está o nosso produto. Parecendo legal. Vou clicar no meu primeiro produto. Assim, você pode ter várias colunas nessa página. Você pode ter vários produtos. Você pode limitá-lo a 12 por página, 20 por página, o que quiser. E há muita personalização que você pode fazer lá. Olhando bem. Aí está a nossa foto. Há o botão Adicionar ao carrinho. Vamos nos livrar da barra lateral aqui. Podemos abrir o Visual Builder para cuidar disso. Visual Builder está carregando e eu vou clicar em Salvar e sair do Visual Builder. Agora podemos voltar para Editar produto. E temos uma configuração de página devi. Queremos largura total. Em vez de mostrar a barra lateral. Vou mostrar-lhe algumas opções aqui. Primeiro, vamos ver se isso removeu a barra lateral e, em seguida, vamos para as opções de tema e ver uma maneira diferente de fazê-lo. Lá vamos nós. Essa barra lateral se foi. A barra lateral derramado de widgets de aparência e como um recurso padrão do WordPress, mas eu não acho que é necessário tê-lo no site, especialmente porque é uma funcionalidade padrão do WordPress. E parece que o designer não levou tempo para personalizar o site. Na minha opinião. Agora, nas opções de tema Divi vai notar que este faz mais sentido para nós agora, layout da barra lateral, esquerda a barra lateral direita, mas olhar para esta página de loja e categoria layout de página para WooCommerce pode alterá-lo da direita barra lateral para largura total. E isso removeria a barra lateral da página da loja. Vejamos mais alguns destes que podemos usar no construtor de temas. Adicionar novo modelo. Há, há muitas opções aqui e você vai se deparar quando precisar da funcionalidade. Temos páginas de categoria de produtos? Temos o checkout do carrinho de compras e a minha conta tem todos os produtos. Você pode alterar o layout global universal de todas as páginas de produtos. As páginas de arquivo, produtos em categorias específicas, produtos com tags específicas e produtos específicos para que os embutidos são realmente vêm calhar quando você quer ajustar a aparência dessas páginas e certificar-se de que estão no seu melhor. Vamos alterar a página do carrinho para que ela não tenha a barra lateral. Construir corpo personalizado. E vamos adicionar esse código curto para que ele nos dê a funcionalidade do carrinho. Eu gosto de usá-lo o construtor apenas para afinar como o site parece. Inserir linha. Vamos fazer texto e colocar nosso código curto aqui. O código curto é indicado pelos colchetes. Woo Commerce sublinhado. A funcionalidade que você está procurando deve ser WooCommerce sublinhado carrinho e, em seguida, um colchete de fechamento. E isso significa que queremos que a carroça apareça. Então, por que fazer este? Ele já estava na página padrão. Bem, talvez queiramos adicionar configurações de página, adicionar algum CSS personalizado à página. Talvez queiramos adicionar um cabeçalho ao topo ou adicionar algo ao fundo. Há muitas razões pelas quais podemos querer personalizar a página do carrinho. Mesmo que o padrão pareça bom. Clique no carrinho no canto, e lá vamos nós. A barra lateral foi removida. Vamos fazer outra coisa. Eu gosto de fazer este carrinho de centro totais. Como é que centramos isso? Vamos ver se isso pode ser alcançado com um pouco de CSS. Vamos voltar para o construtor de temas. E vamos abrir a página do carrinho e adicionar um pouco de CSS. Várias lições atrás, analisamos brevemente o CSS e lembramos quando clicamos com o botão direito do mouse e fomos inspecionar e puxamos o Google Chrome Inspector. No meio temos HTML. À direita, temos CSS. Vamos ver como podemos mudar a largura dessa seção lá. Então eu parece que o que é restrito aos 50 por cento à direita são totais de carrinho de classe div aqui. E o que torna isso tão restritivo? Aqui estamos nós flutuando, certo? Então flutuar significa que está grudando para a direita. Flutuar à direita e largura 48%, que significa que esta seção é 48% da seção em que está, que é a largura total da página. Portanto, o total do carrinho é 48% das garantias do carrinho, que é o que vemos aqui. Então vamos ver se podemos fazer isso maior. Digamos que traga para 75 por cento, mude, flutue para nenhum. Isso move-o para a esquerda. E vamos adicionar algumas CSS básicas. Alinhe o texto, centralize, alinhe no centro e, em seguida, marque auto para centralizá-lo ainda mais. Agora lembre-se de quando estávamos fazendo edições CSS e quando usamos o Google Chrome Inspector como fizemos agora, essa é uma edição completamente não destrutiva que não é publicada. Só temos que ver neste momento, se eu atualizar a página, ela já voltaria ao que era. Então, precisamos copiar este seletor CSS. Vamos abrir nossas opções Divi aqui, entrar em Configurações de Página, CSS Personalizado Avançado, colar esse seletor e, em seguida basta colar os quatro pedaços de CSS que queremos mostrar. Isso substituirá o CSS que já estava lá. Nós clicamos em salvar. E lá vamos nós. Ou fazer uma edição CSS muito básica, Vamos atualizar a página. Apague o inspetor. E boom, agora é mais largo e é sinterizado. Então, apenas um pequeno ajuste um pequeno pedaço de CSS, dois minutos de trabalho, e nós apenas tornamos isso muito mais atraente para olhar. Então todas essas pequenas nuances sutis somam para criar um site polido. Então, o que fizemos até agora? Instalamos Woo Commerce, adicionamos um produto, adicionamos um menu suspenso. Terminamos um seletor de preços anotar. Adicionamos nosso custo de envio, que é de US $10. Conectamos o cálculo automático de texto e estamos prontos para receber ordens. Tudo o que precisávamos fazer era adicionar um certificado SSL, e boom, estaríamos prontos para ir. Também nos conectamos com o PayPal para que pudéssemos aceitar pagamentos através do gateway de pagamento seguro do PayPal. Uma última coisa. Vejamos os relatórios. Com os relatórios você pode visualizar as vendas, os pedidos que foram feitos nos últimos dias, o mês passado, o ano passado, o que é uma ótima maneira de manter o controle de tudo. Você pode até mesmo ver quais são seus produtos mais populares, suas categorias mais populares, cupons, downloads, todos os tipos de guloseimas disponíveis na seção de relatório do WooCommerce. Então, fora da caixa, WooCommerce tem alguma funcionalidade incrível. Eu recomendo e WooCommerce, Eu amo seu software e simplifica o carrinho e confira processos que minha conta, que seria muito para codificar por conta própria e não temos que fazer isso quando instalamos WooCommerce. Agora eu recomendo passar algumas horas e polir o design. Passando por cada página que WooCommerce criou, vai chegar a configuração e personalizá-lo para o seu cliente. Levando algumas horas e fazendo isso vai realmente levar o seu site de comércio eletrônico WooCommerce para o próximo nível. E eu recomendo totalmente todas essas pequenas nuances sutis e melhorias de design para realmente polir seu produto. Queremos que seu site pareça o mais incrível possível. Construa o melhor site possível. E para ser claro, você está sendo pago para fazer isso. Assim, seu cliente vai esperar que você dar-lhes um site funcional pronto para ir polido que é tanto funcional e bela terra. E podemos conseguir isso usando WooCommerce, a solução número 1 WordPress e-commerce disponível. Então, o que aprendemos? E-commerce é possível, mas WordPress, graças ao tema Devi e ao plug-in WooCommerce. WooCommerce é WordPress é o número um sistema de comércio eletrônico mais popular. Ele permite que você venda produtos de forma segura e gerencie pedidos. E qual é o nosso dever de casa? Por favor, revise para o site Woocommerce.com. Instale WooCommerce em seu próprio site. Instalar, brincar com ele. Sou Leighton. E agora você sabe como construir um site de comércio eletrônico. 15. Construindo sites: Bem-vinda. Sou Leighton, seu webmaster. Hoje vamos tornar o nosso site amigável para dispositivos móveis. Agora, quão importante é o meio? Bem, você já visitou um site no seu smartphone? Claro que você tem. Mais importante ainda, quando você navega na web em seu telefone, você já se deparou com um site que claramente não foi feito para a tela pequena? Talvez você tivesse que ampliar apenas para ler algo onde as coisas eram difíceis de tocar. Onde você toca a coisa errada, você precisa continuar tocando no botão Voltar. Seu sangue provavelmente está fervendo. Só de pensar nisso, esses pontos de dor causam frustração. E os visitantes frustrados raramente se tornam clientes. E falando em clientes, cerca de metade de todas as compras on-line são feitas em dispositivos móveis. Então, sim, é sábio, é econômico para apoiar o celular. E em termos de negócios. E quando você está tentando vender um site móvel para um cliente em potencial, você pode reforçar o fato de que ele vai pagar por si mesmo. Não ter celular pode custar-lhe a longo prazo. Portanto, benefícios não fatos. Eu repito. Portanto, benefícios não fatos. Então você quer um site amigável para dispositivos móveis. Mas como se constrói um? Bem, ele tem que ser otimizado para a tela pequena. Por exemplo, o que um caminhante usa flip-flops em uma trilha. Espero que não. Estes são perfeitos para a praia, mas para caminhadas, você precisa dos sapatos que tinham sido otimizados para essa atividade. Os que são mais amigáveis aos seus pés. De forma semelhante, para otimizar seu site, você quer ter certeza de que ele é amigável para todos os tipos de dispositivos, desktops, tablets, smartphones, cada um necessitando de um design adaptado ao tamanho de tela apropriado. Para conseguir isso, fazemos o que é chamado de web design responsivo. E antes de mergulharmos em nosso site, vamos definir alguns termos-chave. Aplicativo móvel nativo, muitas vezes confundido com um site móvel. Aplicativos móveis nativos são aqueles que você baixa da App Store ou Play Store. Nós não estamos nos referindo a esses neste curso. Estes são criados com ferramentas separadas e linguagens de codificação que, na minha opinião, são mais difíceis de aprender do que construir um website. Site amigável para dispositivos móveis. Esta é a palavra de voz que o Google usa. Um site amigável para dispositivos móveis é aquele que é amigável para os dispositivos móveis. simpatia móvel pode ser alcançada por ter um site móvel separado ou usando um web design responsivo. Site móvel, um site separado, projetado especificamente para as telas menores. Normalmente, é acessar com um URL separado, às vezes adicionando m dot antes do nome de domínio, facebook.com. Estamos vendo menos desses ultimamente com o aumento do web design responsivo. Com um site para dispositivos móveis separado, você precisa atualizar seu conteúdo no site para desktop e no site para dispositivos móveis, que pode ser um incômodo extra. Web design responsivo. É aqui que seu site foi projetado para responder a qualquer tamanho de tela. Você não precisa ter um site móvel separado. Você só tem um site para acompanhar. Na verdade, recursos próprios para desenvolvedores do Google. O Google recomenda web design responsivo porque é o padrão de design mais fácil de implementar e manter. Esta é a técnica padrão ouro que você usará para criar sites compatíveis com dispositivos móveis. Então, com tudo isso claro em nossa mente, Vamos começar a projetar um site amigável para dispositivos móveis. Então vamos olhar para uma série de coisas. Mas primeiro, quero mostrar visualmente o que é o web design responsivo. Então, estamos no navegador da Internet Chrome e vamos para as ferramentas do desenvolvedor. Novamente, você pode encontrar ferramentas de desenvolvedor e a maioria de qualquer navegador. Vamos para Ferramentas do Desenvolvedor do Desenvolvedor. Agora, vamos passar isso para o lado, só assim teremos mais espaço para olhar o próprio site. Acoque à direita. Muito bem, vamos empurrar isso para fora do caminho e vamos clicar neste botão. Alternar a barra de ferramentas do dispositivo, também conhecida como web design responsivo. Então, aqui podemos alterar o tamanho da tela da nossa viewport. Então vamos menores, menores e maiores. O que você percebe enquanto estamos fazendo isso? Então, basicamente, estamos olhando para um laptop e uma visualização de tablet. E à medida que ficamos menores, estamos vendo como ele provavelmente ficaria em um smartphone. Então, o que você percebe sobre o conteúdo? Responder ou adaptar-se ao tamanho específico do dispositivo. Que tal isto? Vemos uma coluna aqui, mas à medida que o dispositivo fica maior, temos mais viewport, mais tamanho. O que você vê? Três colunas. As áreas de trabalho normalmente têm 2345 várias colunas. Mas smartphones, você raramente vê nenhuma coluna porque não há espaço para isso. O conteúdo só permite uma coluna. Esse é um dos maiores takeaways verá em um dispositivo móvel é que a maioria do conteúdo está em uma coluna e ele se encaixa toda a largura da página. Como podemos ver, este layout Devi que baixamos, o tema do café já é responsivo porque parece muito bom no tamanho menor. Mas também parece ótimo em um tamanho maior. Esse é um design bem projetado e responsivo. Agora, como chegamos a esse ponto? Como editamos este site através do Devi Visual Builder? Vamos fechar nossas ferramentas do Chrome e entrar no Visual Builder habilitado para Visual Builder. E veremos algumas opções diferentes aqui. Primeiro, queremos olhar para o canto inferior aqui. Vamos clicar nos três pontos roxos aqui. E vejamos o canto, a visualização da área de trabalho, a visualização do tablet e a visualização do telefone. Então, estamos começando com a exibição da área de trabalho. Já estamos nisso. Agora vamos olhar para a visualização do tablet. Devi, o Visual Builder está encolhendo a janela de visualização para que você possa visualizar como esse design provavelmente ficaria em um tablet, em cada tablet exato e qual marca o tablet pode mudar ligeiramente as coisas, mas geralmente temos certeza que é assim que ele ficaria em um tablet. No modo retrato, não na paisagem. Então, para cima e para baixo. Agora, como ficaria em um dispositivo móvel que vai ser ainda menor do que o tablet. Em um lado vertical ou retrato, tablet ou smartphone. É assim que seria semelhante à visualização do tablet, mas apenas um pouco menor. Então isso é visualizar como ele ficaria em diferentes tamanhos de tela. Como editamos? Vamos ver. Então, vamos voltar para a exibição da área de trabalho. E eu quero chamar a atenção para algo na seção de design. Então vamos para este botão. Vamos clicar em Configurações do módulo e ir para o design da guia. Portanto, cada uma dessas opções tem uma configuração responsiva e de design. Então, se clicarmos nesse carinha, veremos como ficaria na área de trabalho, aquele tablet no telefone. E podemos mudar o alinhamento. Neste caso, é alinhamento. Podemos alterar o alinhamento com base no dispositivo que estamos usando. Então, talvez queremos alinhar à esquerda na área de trabalho, mas não no tablet ou celular. Talvez queiramos centralizá-lo no tablet. Lá vamos nós. Se enviamos ou algo apenas no tablet, Ele também vai se aplicar aos dispositivos menores para, por isso se aplicará ao celular. Mas o que acabamos de fazer não se aplica à área de trabalho. Então, quando verificamos isso, ele volta para o alinhamento esquerdo. Vamos fazer isso para o texto também. Projete o texto e mudaremos o alinhamento para centralizado no tablet e no celular. Alinhe à esquerda no desktop, tablet, vamos centralizá-lo. E isso se aplica ao celular tão bem quanto podemos ver aqui. Olhando bem, talvez o título não se encaixe em uma determinada tela pequena. Nos dispositivos móveis, você não tem tanto espaço para fontes grandes como em uma área de trabalho. Talvez tenhamos que mudar algo para o tamanho menor. Então vamos fazer isso. A cafeteria fica ótima na área de trabalho, certo? Mas e em um dispositivo menor? Vamos mudar o título, o texto do título. Em dispositivos menores. Então vamos visualizar como ele ficaria em um tablet. Parece bem. Talvez a encolhemos um pouco só para garantir. Nós certamente queremos que isso apareça em uma linha. E no telefone. Já está encolhido para 40 pixels. O layout Devi fez isso automaticamente. Vamos tirar um pouco mais. E o subtítulo aqui? A altura da linha simplesmente não parece bom no celular e baixo muito espaço entre as linhas. Então vamos mudar a altura da linha apenas no telefone. Lindo. Enquanto estamos nisso, vamos mudar o tamanho da fonte também. Certo? Agora, como isso parece no celular? Lá vamos nós, parece muito melhor. E lá censuramos esta seção no celular. Idealmente, gostaríamos de rolar de cima para baixo do site e apenas otimizar cada elemento de design para garantir que ele se adapte a cada um desses três. Certifique-se de que ele fica bonito em um desktop, bonito no tablet e bonito na visualização móvel. Uma vez que terminamos com isso, podemos clicar em Salvar. Podemos sair do Visual Builder e olhar para ele no próprio dispositivo. Como fica no meu computador? Como fica no meu tablet? E podemos retirar o nosso smartphone e ver como o site ficaria em nosso próprio smartphone será bastante nesta seção do nosso navegador. O Inspetor. E eu gosto de balançar este, este visor e ver como o design fica em todos os diferentes layouts responsivos. E se houver problemas gritantes , podemos voltar ao Visual Builder e corrigi-los. Caso contrário, esta é uma ótima maneira de garantir que ele ficará bonito em todos os tamanhos de tela. E essa é a essência do web design responsivo. Construindo um design bonito que responde a todos os tamanhos de dispositivos. Então, o que aprendemos? Aprendemos um, a facilidade móvel é necessária para um site bem-sucedido. Fazer web design responsivo garante que os sites são otimizados para todos os tamanhos de tela em três DBs ferramentas integradas permitem que você ajuste seus projetos para atender a todas as frases verdes padrões. E qual é o nosso dever de casa? Quero que você confira seu site em seu smartphone, otimize-o ao seu gosto dentro do Devi, jogado com as Ferramentas de Desenvolvedor do Chrome para ver como o design responsivo funciona em vários sites. Até agora, você já viu como projetar quando você começa com uma ardósia em branco. Vá da camada. Isso é o que vamos considerar na próxima lição. Eu sou Leighton, e agora você sabe como construir um site amigável para dispositivos móveis. 16. Onde encontrar inspiração de design: Bem-vindo, estou atrasado para o seu webmaster. Nas últimas lições, aprendemos como construir um site usando o Divi e o software WordPress. Pode argumentar que construir um site é fácil. Saber o que construir. Esse é o desafio. Arte. Quero dizer, onde você começa? Bem, pense em um artista com uma tela em branco. Para onde vão os artistas de lá? Posso começar a desenhar, ver o que acontece, procurar inspiração ou o que outros artistas criaram. Para a arte do web design, você pode fazer o mesmo para o seu site. Nesta lição, vamos considerar como encontrar inspiração para o design, esquema de cores e fontes. Primeiro, design, um dos meus lugares favoritos para começar é a competição. Digamos que você está construindo um site para um encanador local. Como são os sites de encanadores meteorológicos? Vamos ver por nós mesmos. Vamos começar procurando encanadores nas grandes cidades como Miami, Flórida. Estamos fazendo isso com a suposição de que as empresas estão competindo pela página um do Google nas principais cidades provavelmente estão aproveitando orçamentos de marketing mais altos. E orçamentos de marketing mais altos poderiam significar mais altos em sites. Não é uma regra de corte e seca, mas isso nos dá um ponto de partida. O que encontramos aqui? Mais de 50 canalizadores nas proximidades na seção patrocinada, Vamos abrir alguns desses. À medida que rolamos para baixo, vemos mais anúncios. Top cinco, havia anúncios realmente ver algumas listagens locais. E vamos abrir estes. Este é o Yelp. Vamos pular isso. Aqui está outra empresa. Outra empresa. Eu normalmente vou abrir cerca de 30, 40, talvez 50 destes, e rapidamente navegar através deles. Voltamos aos anúncios. Abra estes. E lá vamos nós. Isso nos dará um bom ponto de partida. Então, ao olharmos para esses sites, esta é a taxa de listagem local do Google. Se pudermos encontrar o site deles. Não, não podemos. Então vamos pular esses. E aqui está o nosso primeiro site que aparece. Eles apareceram perto do topo do Google. Quando você procura por um encanador em Miami, Flórida, eles provavelmente têm um orçamento de marketing mais alto. E o que notamos sobre este site? Então eu não vou criticar publicamente nenhum desses sites que nós olhamos. Mas eu quero que você pense sobre o que você vê quando você olha para este site. Como você se sente ao percorrer isso? Você sente que este é um site bem projetado ou você sente que o design está faltando? É simples? É fácil de ler? Você pode dizer para o que eles estão tentando chamar sua atenção, como este botão de dois pontos agora. Você sabe o que eles fazem? Serviços de encanamento e Miami, Flórida. Eles são muito claros sobre isso. Um site tão bonito. Movendo-se para a direita. O que você vê neste site? Como se compara com o último que olhamos? Este parece ter sido construído alguns anos antes do último que vimos. O que vimos sobre o ano em que esta revisão foi escrita? Isso nos dá uma idéia sobre quando este site foi construído? Como você se sente sobre as cores? E você sente sobre todas as mensagens? Você está lendo este texto ou estamos apenas roubando, desviando sobre ele? Continuando. Este tem um monte de páginas, uma tonelada de páginas que podem ser boas para motores de busca. Obviamente, eles estão aparecendo na página um, então estão fazendo algo certo? Mas o que vemos aqui? Vemos vídeos. Eles têm eles têm alguns vídeos que eles publicaram em vídeos do youtube ou chave hoje em dia. Então eles estão fazendo isso certo? É um grande mercado paraexplorar para Nicely feito. E isso pode ser outra fonte de tráfego para eles. Eles podem puxar o tráfego do YouTube, pessoas que estão procurando no YouTube por encanadores nessa área. Eles têm muitas palavras, muito conteúdo. Os consumidores podem não ler todas essas palavras, mas o Google irá buscá-las. Google definitivamente sabe o que eles fazem considerando as palavras bomba e encanamento e Miami estão em toda esta página, incluindo comercial e residencial. Movendo-se ao longo, vemos um fundo de paralaxe aqui. Título muito claro, vemos um vídeo de abertura. Boa introdução em tela cheia. Vazamentos ou qualquer outra emergência de água, não é divertido. Pode encontrar sua casa ou escritório e realmente em sua propriedade e seu conteúdo e apenas algumas horas se você está experimentando e emergência ou suspeitando de vídeo de introdução realmente impressionante, eles estão fazendo isso muito bem. Como você se sente sobre o design? Você tem críticas. As críticas estão sendo retiradas do Yelp. E eles têm algumas páginas de serviço diferentes. E esse é o site. Em seguida, vemos uma animação de abertura com este controle deslizante agradável. O que você acha sobre o esquema de cores aqui? Você acha que essas cores estão trabalhando juntas ou estão competindo? Agora os distintivos são úteis. Eles têm BBB e Gs, e alguns outros emblemas aqui, expertise.com. Então isso está dando credibilidade a eles. É bom ter esses distintivos para mostrar às pessoas que, baseado na cama, você é confiável. Tudo bem, o que mais temos? Não tem muito design aqui? E o que você acha das cores de fundo como este fácil os olhos ou é um pouco ousado? Aqueles que olhamos para esses sites, querem que você pense no que você gostaria de emular quando você está começando seu projeto de design de site no que você iria orientar longe de comprar esses sites como um consumidor, mas também como um designer. Como você se sente como um consumidor quando você vê esses sites? O que você pode tirar dele como designer? Uma coisa que vamos notar é que este é alimentado pelo Google. Este é um site do Google My Business. Há também sites de construtor de sites GoDaddy. Há sites Wix, há sites Weebly. Isso significa muito provavelmente o proprietário do site construí-lo, construí-lo sozinho ou a si mesmo. É um site do faça você mesmo. Então, outro mercado que poderíamos explorar aqui é redesenhar. Então estes já têm sites existentes e eles são fazê-lo você mesmo. Então talvez eles construíram seu próprio site quando eles estão começando. Mas agora, com alguns anos sob seu cinto, eles podem ter um orçamento mais alto e podem colocar um pouco mais de dinheiro em seu marketing. Talvez essa seja a oportunidade para você se apressar e oferecer seus serviços de design de site para redesenhar um faça você mesmo site. Muito típico para uma empresa para obter seu próprio site com esses sites faça você mesmo, e, em seguida, alguns anos mais tarde para investir em uma empresa de design de site de qualidade profissional. Então, novamente, como vemos, sites que estão na mesma indústria que um site que você está construindo. Eu quero que você pense em como você se sente enquanto você percorre esses sites. O que você gostaria de copiar? Talvez goste daquele fundo estático. Talvez goste do design. Talvez como a topografia. Talvez você possa pegar uma aposta idéia crescida de um site. Pegue a fonte de outro site, pegue o visual limpo e moderno de um site diferente. Pegue os distintivos de outro. Você pode escolher diferentes pontos fortes de cada site e construir seu próprio site com base nisso. Não estamos copiando esses sites, estamos apenas usando-os como inspiração de design, seja para o que fazer ou para o que não fazer. Além disso, você pode procurar outros sites de qualidade que não estão necessariamente no setor para o qual você está projetando. Por que você faria isso? Vamos responder a isso olhando para alguns exemplos. Então eu escolhi alguns sites de classe mundial aqui para mostrar a vocês. Primeiro, não podemos falar sobre design digital sem olhar para a Apple. Eles contratam alguns dos melhores designers do planeta. E vamos ver o que podemos aprender com o site deles. Primeiro, seu menu é muito simples e limpo. Eles podem levá-lo para o Mac, iPad, iPhone, assistir TV, música e suporte. Eles têm um ícone de busca e eles têm um ícone de saco de compras. O abridor como duas palavras, App Store, o título do que eles estão apresentando hoje, e um subtítulo de duas frases, os aplicativos que você ama de um lugar em que você pode confiar. Obviamente, uma tonelada de pensamento é colocado nessas duas frases. E há um botão para aprender mais e uma imagem atraente de diferentes aplicativos. Abaixo. À medida que rolamos para baixo, o plano de fundo muda, o que entendemos significar que estamos mudando de marcha para uma seção diferente da página ou saindo da seção App Store e entrando no Apple Watch 6, o futuro da saúde está no seu pulso. Bela imagem do Apple Watch e dois links. Saiba mais e por nós continuamos rolando. Encontrem-se em outra seção nova, esta para o iPad. Poderoso, colorido, maravilhoso. Outros dois botões aprender mais e essencialmente por link e uma bela imagem. Então, já estamos percebendo algumas tendências. Veja um layout muito nítido e limpo. É discreto. Não há um monte de conteúdo, nem um monte de texto em todos os lugares. É muito preciso, muito proposital. Vemos um título, um subtítulo, um a dois botões e uma imagem em cada uma dessas seções. Você vê isso? Você também vê como essas primeiras seções se estendem de toda a largura da página. Então, o que isso significa? Estão a chamar a atenção para estas secções. Eles querem que você preste atenção neles. O que vemos enquanto rolamos para baixo? Estes não têm mais largura total. Eles são separados em duas colunas. Então, subconscientemente, isso é denotando que estes nesta página em particular são de menor importância do que os pedaços de conteúdo acima. O mais importante vai para o topo e o menos importante estará na parte inferior. Obviamente o que você vê aqui, nossos fabricantes de dinheiro, mas eles não estão empurrando esses produtos ou serviços tanto quanto o que você vê acima. Layout muito limpo. Você encontrará isso em todas as páginas deles em todo o site. E você vai descobrir isso em seus próprios produtos e serviços. Qualquer pessoa que procure um layout moderno e limpo com um design sem disparates pode se inspirar na empresa Apple, pois projetou alguns dos melhores produtos e serviços do mundo. Agora, para um layout mais ousado, Vamos olhar para este site, B e I.com. Esta é a organização número um do mundo de referência e networking. Aconteceu de eu ser parte deles, e eles passaram por uma grande atualização de marca no ano passado. Então, a topografia ficou mais ousada e ficou mais, mais limpa, mais moderna. Eles são vermelhos, eles estão desenhando fortemente naquele vermelho, que é uma cor poderosa. Definitivamente desenha, atrai você. E à medida que rolamos para baixo, vemos que sua marca é consistente. Vemos cabeçalhos em negrito, títulos em negrito. Vemos o vermelho por toda parte. Não vemos outras cores porque elas estão seguindo suas diretrizes rígidas de marca, que, nesse caso, são títulos em vermelho, negrito e links em negrito. E temos um apelo à ação aqui. Nosso olho é obviamente atraído para esta seção porque o anterior e depois dele tem um fundo branco. Mas isto como um fundo vermelho que te atrai. Nosso olhar é atraído para algumas coisas aqui. O título, DNI, o logotipo, o capítulo final no canto, já que esse é o único botão vermelho aqui. Sim, há o nosso preto ou branco e a chamada à acção aqui. Então, obviamente, eles estão tentando fazer você se juntar à organização, encontrar um capítulo. Existe uma maneira de fazer você se inscrever? Se você encontrar um capítulo local, você pode considerar juntar-se a 12. Eles estão atraindo sua atenção para a parte que permitirá que eles fechem a venda. Eu amo essa atualização cerebral. Acho que fizeram um trabalho fabuloso. É muito ousado, muito moderno, e definitivamente chama atenção. Agora, vamos olhar para um diferente. Vejamos um que é um pouco mais sutil. Este está um pouco mais perto do que você encontraria na Apple. Este é squarespace.com. É um belo construtor de sites Do It Yourself. Adoro o Squarespace. Eu acho que eles fizeram um trabalho maravilhoso com seus projetos lá. Tão modernos, eles são tão lindos e eles são conhecidos por isso. De todos os construtores de sites lá fora, squarespace é conhecido por ser o mais atraente. Agora, em termos de que nós usá-los sobre WordPress, eu diria que não, só porque com WordPress você pode fazer muito mais personalização, então você teria com Squarespace. O Squarespace faz com que seja super fácil construir um site bonito, no qual nós os elogiamos. Seus sites são conhecidos por serem muito limpos. Tenha uma imagem de abertura fabulosa como vemos aqui. Um título simples e simples botões de menu discretos e chamada para ações. Observe que no canto superior direito desses designs temos um botão de chamada à ação. Então seus olhos atraídos para aquela aula de livros. Doar. Sim, muito bem feito. Veja como funciona. Então, à medida que rolamos para baixo, continuaremos a ver essa tendência de uma cor de fundo separada denotando. Passamos para uma seção diferente. Aqui eles estão apresentando como seu construtor de sites funciona. E notamos belas, sutis, animações fluidas por todo o lado. À medida que rolamos a página para baixo, vemos como o conteúdo desaparece em ação. Todas essas pequenas nuances sutis são simplesmente incríveis. Podemos, definitivamente, inspirar-nos nisso. Desde que as animações façam sentido, elas não estão exageradas. Adoramos animações, e isso pode ser uma grande nuance sutil. Não queremos que ele assuma o comando de uma página, mas podemos adicioná-la como uma sutileza. Você também percebe como, à medida que rolamos para baixo os fluxos de cores, cada seção tem um tipo de esquema de cores diferente aqui, mas funciona. Eles escolheram propositalmente e estrategicamente suas cores para ir juntos. Por exemplo, o que você vê aqui, nossos tons de pele. Você vê variações de bronzeado e marrom. E tudo funciona em conjunto. Veja um esquema de cores preto e branco agradável para baixo na parte inferior aqui. E a fonte é fácil de ler, o que, reconhecidamente, pode ser difícil de fazer quando você tem um fundo preto, mas eles fazem funcionar usando uma fonte bastante mais ousada usaria se eles estivessem digitando em cima de um fundo. Você vê como isso é fácil de ler. E você vê como você não tem que piscar os olhos. Você não tem que se perguntar o que está sendo escrito aqui. É tudo muito fácil de ler porque eles escolheram propositadamente as fontes e a tipografia corretas. No fundo temos o botão de chamada à ação, letras enormes prontas para lançar. E qual é o seu olho atraído para ouvir que dois botões? O Get Started na parte inferior e o começar que estava no topo o tempo todo. Isso foi propositadamente escolhido para nos levar a descer seu funil de vendas, para nos levar a comprar seu produto ou serviço. No caso deles, eu quero que você comece construindo seu site e espero movê-lo para um plano pago. Então, o que encontramos no site do Squarespace? Encontramos um design agradável, limpo e moderno. Apenas flui. Sabemos que estamos no mesmo site quando rolamos para baixo, medida que nos movemos para páginas diferentes. E o squarespace tem algumas animações bonitas e sutis. Então eu recomendo totalmente tirar inspiração de um site como este. Aprenda e veja o que você pode implementar a partir de um design como esse. Agora isso é um verdadeiro deleite. Esta é a montanha BlackBerry no Tennessee. Site absolutamente fenomenal. Vamos atualizá-lo aqui para ver como ele carrega. Enquanto nós rolamos para baixo. Observe o que acontece. Estou rolando meu mouse e vemos um efeito de paralaxe fabuloso, uma imagem de fundo. Deixe-me clicar no menu aqui. Oh, faz incrível. Para ver o menu aparece do lado. Tem links de mídia social na parte inferior, vemos animações aqui. Vamos refrescar. E à medida que continuamos a rolar, vemos a foto de fundo dentro desta fonte, o que é um efeito incrível. Vemos que as folhas estão fixadas no lugar, bem como a pena. Vemos fotografia nítida de alta qualidade. Vemos tipografia ousada, fácil de ler. Não é exagerado com muitas palavras. E vemos o menu e o botão de chamada à ação no canto mudam de cor à medida que rolamos para baixo, você percebe isso? Agora é branco e agora é cinza. É uma pequena característica maravilhosa lá. Continue rolando. Você verá mais animações à medida que passarmos o mouse sobre o botão. Procuramos conteúdo para carregar à medida que movemos esse controle deslizante. Muitas animações que são muito bem desenhadas. Reparaste nesta folha aqui? Como nós rolamos? Ele gira um pouco. Muito sutil. Nós amamos sutileza. Esse site é fenomenal. Há muita coisa que podemos aprender com isso. Aprendemos a importância da fotografia de alta definição. Aprendemos a importância dos textos que são muito fáceis de ler. Aprendemos animações sutis e aprendemos o efeito de paralaxe, que é onde o fundo se move um pouco à medida que rolamos o mouse. Você certamente já viu isso em sites diferentes. Portanto, este site é absolutamente um deleite para navegar. E espero que converta as pessoas para fazer uma reserva. Mais um site, Vamos olhar para o meu processador de pagamento favorito, stripe.com. Eles são conhecidos por terem um design fabuloso. Eles sempre têm desde o primeiro dia e eles estão definindo o padrão quando se trata do design de seu serviço, seu serviço de pagamento e sua própria homepage. Então eles foram um dos primeiros a fazer um gradiente no fundo no topo. E agora eles não estão animando, o que é tão sutil, tão lindo. Eu atraí a aclamação de desenvolvedores e designers em todo o mundo. Tão limpo, tão simples. Eles têm imagens grandes, de alta qualidade. Eu tenho alguma animação aqui. Eles estão seguindo seu esquema de cores púrpura com um toque de outras cores. Stripe sempre teve um layout muito colorido. Eles começam com seu roxo e eles adicionaram algumas outras cores a partir daí, como este azul-petróleo. E eles realmente fazem o layout colorido funcionar. Pode ser difícil fazer cores vibrantes funcionarem. Stripe é uma das poucas empresas que o faz bem. E podemos aprender muito olhando para o Stripe. Aprendemos a não temer a cor. Se for feito propositadamente, é feito elegantemente. Aprendemos gradientes. Eles fazem gradientes muito bem. E continuamos a aprender animações e imagens de alta qualidade são fundamentais para um site. E, finalmente, separando seções com uma nova cor de fundo, uma cor de fundo contrastante é uma tendência maravilhosa que nos permite quebrar o design e inconscientemente dizer seu olho, estamos passando para uma seção diferente, um pedaço diferente de conteúdo aqui. Então, olhar para esses projetos de classe mundial pode servir como inspiração incrível. Nós vamos aprender muito mais com esses sites do que nós vamos, a partir dos sites locais de pequenas empresas. Mas eu levaria tudo isso em consideração. À medida que você se inspira , olhe para a Web, veja diferentes sites sejam eles pequenos, médios ou grandes empresas, ou preços internos. Podemos aprender com sites de todos os níveis enquanto você olha para eles. Do ponto de vista de um designer. Olhe para eles como um consumidor, mas também como um designer e veja o que você pode aprender, veja o que o impressiona, o que você quer imitar e do que você quer se afastar. Tendo olhado para esses sites brilhantemente projetados. O que você pode aprender com eles? Bem, se você está aprendendo arte, quem você estuda? Os artistas amadores são os famosos. Se você quer ser bom, aprendeu com os famosos. Na verdade, assistir e copiar especialistas é uma das maneiras mais eficazes de aprender qualquer habilidade. Então, quando você olha para outros sites com um olhar crítico, você pode treinar seu olho para separar a qualidade da porcaria. Concentre-se na qualidade, no mercado de livros, salve-o, aprenda com ele. Então, quando você estiver projetando um site para seu cliente, você terá muitos sites bonitos para escolher. E se você ainda está se sentindo um pouco culpado por fazer compras em torno de idéias de design. Pense sobre isso. Quando você se propôs a construir uma casa. Você constrói uma casa 100% única que não parece remotamente semelhante a qualquer outra casa na história. Altamente improvável. Na verdade, um de seus primeiros passos é decidir se você quer uma casa vitoriana, uma fazenda, dois andares, uma história, etc. Lembre-se, não é plágio, é inspiração. E o que mais se passa no planejamento de um site? Cor. Uma coisa que tenho estudado extensivamente ao longo dos anos é a teoria das cores. Basicamente, cores diferentes evocam emoções diferentes. Por exemplo, o que vem à sua mente quando você pensa em roxo? Azul, vermelho, amarelo, verde, roxo carrega a idéia da realeza. O azul está associado à tecnologia e ao profissionalismo. Vermelho e amarelo são cores quentes que incentivam a compra de impulso e decisões rápidas. Verde está associado tanto ao dinheiro quanto à natureza. O que tudo isso significa? Bem, se estou planejando um site, provavelmente paisagista, provavelmente vou depender da cor verde. Quero que as pessoas sintam como se estivessem num site de paisagistas. Os sites de fotografia são muitas vezes preto e branco. Então você pode se concentrar nas fotos. As empresas de tecnologia tendem a usar a cor azul em seus sites como Facebook, Twitter, LinkedIn, etc. Você verá tendências como estas em vários sites dentro da mesma indústria. Agora, se formos levados a um cliente que já tem um logotipo, você usaria um seletor de cores para encontrar o sexto dígito código hexadecimal da cor dominante do logotipo. Queremos construir um site que se adapte à sua marca, certo? Então as cores precisam ter a mesma aparência no logotipo, nos materiais impressos, no site, nas mídias sociais. E se você estiver ajudando com sua marca, certifique-se de que seu logotipo e cores sejam iguais no site e em todas as plataformas sociais. Queremos consistência. Então, o que pode ajudá-lo a criar um esquema de cores em torno da cor dominante? Vejamos uma ferramenta gratuita, Adobe Color. A Adobe disponibiliza algumas das melhores ferramentas de design disponíveis no mercado. E este site é um recurso livre. Podemos usar seu ponto de cor adobe.com. Então, através disso, podemos criar um esquema de cores. Então primeiro vamos notar que temos uma roda de cores aqui. O que fazemos com isso? Primeiro? Temos uma cor de base. A cor base está no meio, e estamos construindo um esquema de cores em torno dela. Então estamos começando com o analógico IS aqui, que é cores semelhantes. Também temos tríade monocromática. cortesia, que é o que normalmente usam. Dividida de cortesia, dupla divisão, complementar , quadrado, tons compostos e personalizado. Então vamos dar uma olhada em cortesia. Tão cientificamente, somos atraídos por opostos na roda de cores. Consegue pensar em algo que use este esquema de cores? Você provavelmente pode. Então o que eu costumo fazer é começar colocando minha cor base. Digamos que eu tenha um cliente e seu logotipo tem um verde, uma base de verde. Digamos que esta é a nossa base. E podemos usar essa ferramenta para encontrar o oposto na roda de cores, que neste caso é vermelho. Encontramos exatamente o oposto. E podemos copiar e colar esses códigos hexadecimais de seis dígitos. Este código de seis dígitos nos dá essa cor. E podemos definir isso como uma cor de base. Podemos copiar e colar o código hexadecimal. Podemos mudar a iluminação um pouco. Este é o código que HTML, sites e CSS vão usar para puxar a cor. Você vai se acostumar a vê-los à medida que você olhar para mais sites e projetá-los. O sexto dígito código de cor hexadecimal. Então, o que mais podemos fazer com esta ferramenta? Vou olhar aqui para estas quatro opções. Roda de cores, Extrair, Tema , extração, gradiente e ferramentas de acessibilidade. Vamos ver o Extract Theme. Assim, com esta ferramenta, você pode extrair cor de uma imagem. Então, digamos que você está começando um projeto e eles lhe deram ou você encontrou esta foto e você quer construir um esquema de cores em torno dele. É uma bela foto. Digamos que estamos usando isso para um site de paisagistas. Podemos enviar esse arquivo para este site. E boom, ele extrai as cores dominantes desta foto. Neste caso, ele puxou alguns tons de verde além daquele vermelho. O que mais você pode fazer? Extraia usando humor de cor. O humor de cor controla a aparência da paleta harmonizada com base na quantidade de preto na intensidade e nas cores. Então vamos explorar essas diferentes opções. Colorido é o que já selecionamos. Brilhante. Isso favorece as cores brilhantes, silenciadas, que têm mais cinza neles, profundo, que seriam cores mais escuras além do escuro, que é definitivamente as mais escuras. E nenhum seria nenhum humor. Portanto, isso realmente depende do que você está querendo transmitir com o seu site. Se você quiser site divertido brilhante, você pode escolher os melhores. Se você quiser um esquema silenciado mais sério, então você pode escolher silenciado, profundo ou escuro, dependendo do que você deseja transmitir com seu site. E uma vez que você conheça a marca, você vai entender que tipo de humor eles estão procurando. Outra coisa que podemos fazer é extrair um gradiente usando ciência para extrair um gradiente desta imagem, podemos usá-lo como um fundo em nosso site ou em qualquer outro lugar do site onde precisamos adicionar um toque de cor. No entanto, mantenha o esquema do design. Aqui podemos clicar em Copiar e em um clique, estamos copiando o código sexto dígito hexadecimal. Podemos colar isso em dv ou podemos usar isso em nosso código CSS. Sempre que Devi pedir uma cor, exigirá um código hexadecimal de seis dígitos. Então você vai ver que muitas vezes, se acostumar a ver essas combinações de código hexadecimal, que é uma combinação de letras e números. E temos ferramentas de acessibilidade. Eles são projetados para explicar se há ou não um problema de acessibilidade ou daltonismo com um determinado esquema de cores que você escolheu. Isso pode ser útil quando você precisa tornar seu site mais acessível. Uma ferramenta fabulosa. É completamente grátis. Eu recomendo usá-lo para extrair um esquema de cores de uma foto dominante. Você está querendo usar extrair um gradiente. Ou uma vez que você descobriu sua cor base com base no logotipo do seu cliente, você pode encontrar instantaneamente qual cor irá complementá-los. Neste caso, se tivermos um esquema de cores verdes, o oposto aqui seria uma variação de vermelho. Você usará isso em sua chamada para ações, em seus botões de chamada para ação, e vários pontos de cor que você deseja chamar a atenção neste site. Finalmente, temos uma idéia do design geral e da cor. Mas e o tipo de letra? Como escolhemos a fonte certa para o nosso projeto? Fontes são tão importantes quando escolhidas corretamente, fontes podem sutilmente evocar um sentimento. Por exemplo, sans serif. Estas são fontes que não têm serifas ou barras pequenas na borda das letras. Essas fontes podem transmitir design tecnológico moderno, fresco , elegante, etc., e são fáceis de ler. Serif transmite experiência contemporânea, profissional e tradicional. Fontes do Serif têm mais pessoal e ele não é “san serif”. E você normalmente encontrará fontes serif nos cabeçalhos. Em San Serif como o corpo. Mas onde você vai para suas fontes? Devi foi projetado para funcionar com o Google Fonts. O que é o Google Fonts? Vamos ver. Aqui estamos na página de destino para fontes do Google, que é um site de renome mundial fabulosamente gratuito que nos permite integrar de forma rápida e fácil uma fonte web em nosso projeto. Portanto, atualmente existem 103 famílias de fontes diferentes disponíveis no Google Fonts. Podemos ver categorias diferentes. Serif, eu, mostro-te como é um serif. Então estas são as fontes serif. Você percebe que eles parecem mais tradicionais e eles têm essas linhas ou barras na borda de cada personagem. Estas são fontes serif. Também podemos procurar fontes exclusivamente san serif. Estes são aqueles sem essas linhas ou barras na borda de cada fonte. Mais limpo, tipicamente associado à ideia de mais moderno. Nós também temos exibição. As regras são um pouco mais únicas. Eles vão se destacar mais. Você pode usar isso como fonte de título. Caligrafia, que é mais divertida, mais personalizada, mais fofa, mais artística, mais criativa. Há uma hora e um lugar para isso. Eu não usaria isso como uma fonte de corpo, mas você pode usar isso como um sotaque ou um subtítulo, ou um título. Alguns destes são muito bons. Há também o monoespaço, que eu não uso muitas vezes ou quase nunca. Então, o que você faz com isso? Assim, podemos selecionar algumas fontes diferentes que gostamos da aparência e compará-las e instalá-las em nosso site. Como sabemos como eles podem parecer antes mesmo de chegarmos ao nosso site? Bem, vamos fazer isso. Digite alguma coisa. Vamos digitar. Vamos ver inspiração de design para que possamos digitar o que estamos colocando em nosso site e ver como ele ficaria nessas fontes diferentes. Vamos fazer os mais únicos. Pode mudar o tamanho. Tudo bem, digamos que clicamos em alguns que gostamos. Inspiração de design Então encontramos o perfeito. E o que fazemos? Digamos que esta é a cara gorda da Abril. Ele mostra cada personagem que é oferecido nesta fonte. Você pode clicar no botão de download, mas não precisamos fazer isso porque Devi já se integra com o Google Fonts. Então vamos abrir o site em que temos trabalhado e ver se podemos integrar esta fonte que escolhemos irá para o Personalizador de Temas. É aí que escolhemos uma fonte universal para o nosso site. Vá para Configurações gerais, tipografia. E há duas opções, as fontes de cabeçalho, que é como cafeteria. Acreditamos em café que tem um sabor incrível. E então há a fonte do corpo, que seria o texto do corpo, a maioria do texto que está no site, ou a fonte do cabeçalho. Vamos tentar a cara gorda da Abril. E está carregando, está carregando. Este pode não mostrá-lo porque já está carregado no layout Devi específico. Então vamos para uma página diferente, como loja. E lá vamos nós. Isto foi carregado como fonte. Para a nossa página web, Vamos experimentá-lo no texto principal também. Você pode ver como se você tem um grande pedaço de informação que aqueles que são projetados para ser um cabeçalho pode não parecer tão bom quanto um em uma fonte de corpo. Portanto, precisamos escolher estrategicamente quais fontes vão bem juntas. Como é que fizemos isso? Como sabemos quais fontes ficariam bem juntos? Bem, vamos tentar alguns recursos que podemos encontrar no Google. Então vamos sair do nosso site e ir ao Google. Parelhamentos de fontes do Google. Quais recursos estão disponíveis? Temos um recurso livre aqui, Font Pair dot co ajuda você a emparelhar fontes Google juntos. Isso parece promissor. Vamos ver o que está disponível como um par em destaque. Então isso nos mostra a fonte do cabeçalho e a fonte do corpo. A direção é Laura, o corpo é Meriwether. Estes tinham sido escolhidos pelos designers. Eles foram provados que trabalham juntos. Esta é uma ótima maneira de obter alguma inspiração e ver o que seria uma boa combinação. Se vires um que gostas. Ele deve estar disponível em fontes do Google e espero que ele esteja disponível em Devi. Devi tem uma tonelada de fontes do Google que Temas elegantes escolheram que funcionam bem com o tema Divi. Às vezes você vai encontrar aqueles que não estão disponíveis e está tudo bem. Normalmente há um que se parece. Então, novamente, estas são as, algumas das melhores combinações de fontes do Google. Você pode editá-los você mesmo. Bem aqui. Você pode encontrar o nome da fonte do cabeçalho e o nome da fonte do corpo, ir para Devi e importar essa fonte específica. O tamanho é uma maneira fabulosa de ver quais fontes funcionam bem juntas, escolhidas por designers profissionais. Em revisão, onde podemos procurar inspiração de design? Primeiro, podemos pesquisar a concorrência. Observe o que o impressiona para navegar na web iria projetar em mente. Observe a qualidade dos próprios sites. Planeje estrategicamente a cor base e pesquise cores complementares. Ou escolha a fonte certa para ajustar a marca da empresa. Ao tomar essas medidas, você não vai simplesmente construir um sites funcionais. E vamos construir uma bela, Rawls um visitante e incentivado a ficar, compartilhar e retornar. E o mais importante, por qualquer bem ou serviço de marketing da empresa. Esse é o objetivo final de você como um negócio de web design. Para converter seus clientes, visitantes em clientes pagantes. Qual é o dever de casa? Eu quero que você confira Google Fonts e Adobe cor e começar a prestar atenção à qualidade de design dos sites que você grava. Sou Leighton. E agora você sabe, design inspirado. 17. Ativos de imagem: E bem-vindo. Estou atrasada para o seu webmaster. Hoje, vamos discutir onde podemos encontrar imagens. As imagens são algumas das partes mais importantes de conteúdo em um site. Por quê? Bem, qual é o seu olhar atraído quando você puxa um site pela primeira vez? Os parágrafos chatos ou as fotos atraentes. Além disso, o que seria um site de restaurante sem dar água na boca imagens de comida. O que seria o site de um fotógrafo sem fotos impressionantes de seu trabalho? O que seria o nosso site do hotel B, sem fotos de seus quartos, é imagens podem ser alguns dos elementos mais importantes de uma página web. Mas onde você encontra gráficos e imagens para o seu projeto de site? Você tem várias opções. Nesta lição, vamos considerar um, quando o cliente fornece suas próprias imagens para quando você tem que procurar gráficos stock. E três, quando souber trazer fotógrafo suficiente. Primeiro, quando o cliente fornece suas próprias imagens. Na maioria das vezes, os clientes lhe darão algumas fotos para começar. Obviamente, vão dar-te o logótipo deles. Mas o que mais? Bem, pense em uma galeria ou uma página de portfólio. Um telhados vai querer exibir fotos de seus projetos de cobertura. Uma remodelação ou pode carregar antes e depois de seu trabalho. Artistas vão querer mostrar sua arte. Na maioria das vezes, os clientes que já têm essas fotos à mão quando o projeto do site começa. Então você pode estar se perguntando, qual é a melhor maneira de eles enviarem fotos para você. Recomendo experimentar o Google Drive, Dropbox ou iCloud e certifique-se de que eles enviam a resolução mais alta possível. Alguns clientes vão querer enviar centenas de fotos. Então todos normalmente pediram que enviassem apenas o melhor dos melhores. Queremos evitar colocar imagens subpares no site. Eles te enviam um monte de fotos. Você pode tomar liberdades criativas para erva daninha através e escolher o melhor. Segundo stock de fotografia. Já ouviu falar de fotos de estoque? Que tipo de fotos você pode baixar? E quanto eles custam? Vamos ver. Primeiro, que empresas vêm à mente quando você pensa em ações? Há I Stock, Adobe Stock, Shutterstock, Getty. Essas empresas têm milhões de fotos em seu catálogo. Você pode encontrar praticamente qualquer coisa nesses sites. Quanto mais respeitado for o lado do estoque, mais rigorosas serão as suas diretrizes de qualidade. E qual é o custo? As imagens de estoque normalmente serão executadas entre cerca de 10 e 50 dólares por ativo. Eles podem ser maiores se você precisar de exclusividade. E a maioria dos sites de ações terá planos de assinatura que reduzem os custos por imagem , solicitando que você compre vários ativos por mês. Portanto, o custo depende do site, do tipo de licença, da resolução e do plano de assinatura. Vamos ver um exemplo. Aqui estamos no Adobe Stock.com. Adobe é uma das empresas de design mais populares do planeta, e eles fazem software que discutiremos na próxima lição. Mas este é o site de fotos deles. Então, digamos que você precisa de imagens para o seu site de remodelação de casa. Vamos procurar a casa. Veja o que aparece. Há mais de 19 milhões de resultados para casa no site do Adobe Stock. Há muita coisa que podemos encontrar. Se clicarmos em Filtros, veremos que podemos filtrar pelas imagens do tipo de ativo. O Adobe Stock também inclui vídeos. Modelos em 3D. Eles têm fotos, ilustrar, ilustrações e vetores. Você pode filtrar pelo preço. Conteúdo não descoberto, o que significa que nunca foi baixado por ninguém no Adobe Stock. Você pode classificar pela orientação, horizontal, vertical, quadrada ou panorâmica, a profundidade do campo, a cor, se tiver pessoas ou não, os direitos de uso, tamanho , largura e altura, etc. Então vamos ver que tipo de opções temos. Agora, esses sites de fotografia de estoque são conhecidos por ter belas imagens. Absolutamente deslumbrante. Então, se você pode encontrá-lo no orçamento e seu orçamento de clientes realmente, para usar a fotografia de estoque e ele realmente vai trazer o seu projeto para o próximo nível. Então, vamos clicar neste. É uma bela foto aqui. É intitulado bela casa com quintal de grama verde. Este é o fotógrafo. Há algumas opções aqui. Podemos guardá-lo para a nossa colecção pessoal. Podemos baixar uma pré-visualização, que é uma pequena versão da imagem com uma marca d'água, como você vê, muito sutilmente o logotipo da Adobe. E você vê o número da foto. E você pode abri-lo em um aplicativo da Adobe. Então, há duas opções aqui. Em termos de compra. Você pode comprar uma licença padrão, que seria apenas um download típico. Ou por mais dinheiro, você pode obter a licença estendida. Assim, a licença estendida é descrita desta forma. As licenças estendidas permitem que as licenças vendam produtos derivados com base em um ativo. Você pode comprar uma licença estendida para maioria das fotos, vetores e ilustrações do Adobe Stock. Licenças estendidas fornecem impressões ilimitadas e a capacidade de criar produtos derivados para revenda, como canecas de café, camisetas, etc. , e a capacidade de criar produtos derivados para revenda, como canecas de café, camisetas, etc. revendê-los. Não vamos usá-los dessa forma comercial. Só queremos colocá-los no site do nosso cliente. Podemos clicar na licença padrão se quisermos comprar esta. Também vemos que as dimensões aqui no tipo de arquivo 5000 largura de pixel, que é muito generoso, e o tipo de arquivo JPEG, o que é típico, especialmente para projetos de site. Então, se clicarmos na licença padrão, veremos alguns planos aparecerem aqui. Há várias maneiras de comprar por meio do Adobe Stock. Aqui estão algumas opções. Há uma assinatura mensal e uma assinatura anual. Então, por 2999 por mês, você pode obter três ativos padrão por mês. Eles dizem que você pode cancelar a qualquer momento, cadastrar até 36 ativos padrão com renováveis. Então vamos fazer as contas. 2999 é 30 dólares por mês. Isso nos dá três ativos padrão. Um ativo padrão seria como a imagem que acabamos de ver. Então isso sai para 10 dólares mais impostos para uma foto de estoque. Uma outra opção, temos uma assinatura anual? Então, pelo mesmo preço, $30 por mês, mas com um compromisso anual, que faz com que pelo menos $360 ganhe 10 ativos padrão por mês, que o reduz para $3 por mês. Então, funciona muito bem se você estiver precisando regularmente de ativos. Mas se você não for, então você se comprometeu com outra despesa. Então, entre 3, US $10, é muito acessível, especialmente para pequenas empresas que precisam de um site bonito. É uma despesa muito pequena. Mas eu disse que havia outras opções. Por que eu disse isso? Bem, vamos olhar para seus outros planos, além de seus pacotes de crédito. Então aqui estamos em estoque dot adobe.com barra planos. E o que vemos? Há compromisso anual e mês a mês. Vamos olhar para o mês deles. Então três ativos padrão seriam 30 dólares por mês. Isso se resume a 10 dólares por ativo. Ou você pode se comprometer com 40 ativos por mês para um $100 por mês, que sai para US $2 e 50 centavos por ativo. E você pode solicitar 350 ativos padrão por mês por 200 dólares por mês, que sai para 57 centavos por ativo, ou 750 ativos padrão por mês, por 250 por mês, que sai para apenas 33 centavos por ativo. Então você pode obviamente dizer que quanto mais ativos você está comprando, mais barato eles se tornam. Para o compromisso anual, o preço desce um pouco para o mais barato de 26 centavos por ativo. Portanto, depende realmente de suas necessidades, que frequência você está comprando ativos. E realmente se você passar as despesas para o cliente, então realmente não importa se você é uma agência e você está comprando isso com frequência. Para que outra forma de compra temos? Isto é um plano. Vamos ver o pacote de crédito. Use créditos para conteúdo que você não pode obter com um plano. Qual é a diferença entre planos e créditos? Portanto, os planos são melhores para as necessidades típicas de imagem. Prêmio de valor, a opção mais popular para downloads padrão e imagens, modelos, recursos 3D e faixas de música. Créditos melhores para conteúdo não incluído nos planos de assinatura. Pressione para flexibilidade para qualquer conteúdo. Melhores ofertas para vídeo, licenças premium e estendidas. Então, os créditos são basicamente uma forma de dinheiro nesses sites de fotografia de estoque, você verá créditos, a palavra créditos usados em diferentes sites de fotos de estoque. E o que isso significa? Bem, aqui estão seus diferentes pacotes de crédito. Agora, em primeiro lugar, uma imagem premium. Diz que vai custar entre 15 ou 1250 créditos cada. Hd e para k vídeos será de oito a 20 créditos cada. Modelos premium fazer para 3D premium de dois a dez créditos cada. Agora você compra um pacote de crédito, você recebe tantos créditos por uma certa quantia de dinheiro, você pode obter 40 créditos por US $360, e isso vai te dar cerca de 40 imagens padrão ou cinco vídeos. Você pode comprar apenas cinco créditos por US $50, e isso lhe dará cinco imagens padrão. Então vamos pensar sobre isso. Você poderia se comprometer com um plano mensal, você pode se comprometer com um plano anual, ou eu chamo isso de opção de pagamento conforme você ir. Então isso significa que você gasta US $50 e basicamente você obtém cinco imagens que você pode usar quando quiser. Então eu vou gastar $50. E quando precisar comprar uma imagem para um cliente, cobro 10 dólares ao cliente. Eu não tive lucro, eu não perdi nenhum dinheiro. Nós obtemos imagens de alta qualidade e eles adoraram o preço. Dizer a um cliente que são apenas 10 pratas o pop é uma maneira muito fácil de vendê-los em stock photography. Portanto, há algumas opções que temos neste site específico, o Adobe Stock. Há outros como discutimos, e há muitas opções disponíveis para fotografia stock. Você encontrará fotos de alta qualidade em todos esses sites. Basta encontrar um que você goste. A sensação de que gosto de usar a Adobe porque investi na Creative Cloud deles. Eu uso seu software para edição de fotos, para que tipo de design para produção de vídeo. Então é apenas um ajuste natural que eu use seu site de fotos de estoque. Há também sites de fotos gratuitos. Por anos. Estes eram cheios de baixa qualidade, mas nos últimos anos, alguns recursos surpreendentes surgiram. Unsplash e Pixabay. Esses sites exigem alta qualidade e não cobram nada pelos downloads de imagens. Eles apenas encorajam dar crédito ao fotógrafo. Vamos dar uma olhada no Unsplash. Aqui estamos no unsplash.com, um fabuloso site gratuito que foi fundado em 2013 como um humilde blog do Tumblr. Eles apenas colocam algumas imagens por semana, e agora eles cresceram para vários milhões de fotos divulgadas por fotógrafos em todo o mundo. Acontece que eu contribuí para unsplash.com como colaborador e minhas fotos foram visualizadas e baixadas milhões de vezes. Eu uso Unsplash em alguns projetos. Então, foi a minha pequena maneira de devolver tudo no Unsplash é completamente grátis. Você não recebe royalty ou propina ou qualquer coisa assim. Quando você carrega suas fotos para unsplash.com, eles apenas incentivam as pessoas que baixam as fotos a agradecer atribuindo o fotógrafo. Unsplash é a fonte da Internet de imagens livremente utilizáveis alimentadas por criadores de conteúdo em todos os lugares. Você vai encontrar um monte de fotos da natureza aqui, mas realmente eles cresceram para praticamente qualquer categoria lá fora. Então vamos ver se temos alguma foto disponível aqui para o nosso projeto, Vamos usar a mesma palavra de pesquisa que fizemos no Adobe Stock, que é casa. Há algumas palavras-chave extras que podemos adicionar a isso aqui. Mas fora isso, vamos direto para as fotos. E você realmente encontra trabalho de alto nível aqui. Todos os tipos de belas imagens. Vamos baixar um desses. Eu já usei este antes. Vamos ver o que temos disponível. Podemos encontrar o fotógrafo. O nome dele é Brian BAB. Podemos segui-lo, ver que outras imagens ele enviou. Podemos gostar da foto. Podemos adicioná-lo à nossa própria coleção. Se tivermos uma conta, podemos baixar a foto, podemos baixar um.Podemos escolher um tamanho específico. Se quisermos baixar uma versão redimensionada, podemos compartilhá-la ou visualizar as informações. Dar as informações irá puxar para cima as visualizações e downloads para esta imagem específica que a câmera faz. Neste caso, eles usaram uma Canon EOS 6D, que é uma câmera digital impressionante. As dimensões desta foto ou mais de 5000 largura por 3500 altura, que é muito alta qualidade. Então esta é uma foto de alta definição que podemos usar em nossos projetos. Então, vamos clicar em Download gratuito e ver o que acontece. Certo, temos um arquivo JPEG, e lá vamos nós. Agora temos uma cópia desta foto. Podemos usá-lo em nossos projetos de web e design gráfico tão livremente quanto gostaríamos. Só me pediram para dizer coisas. Agradeça ao Brian Bab por partilhar o seu trabalho no Unsplash. Então, há uma pequena linha de texto para que possamos copiar que diz foto de Brian BAB no Unsplash e ele vincula a sua conta em unsplash.com. Isso acabou de ganhar exposição para o fotógrafo que eles possam obter seu trabalho lá fora e obter alguma credibilidade, obter alguma exposição. Unsplash é um site maravilhoso. Você vai encontrar todos os tipos de categorias lá. Vejamos alguns diferentes. Há trabalho de tecnologia doméstica. Obviamente há toneladas de fotos da natureza, há viagens, filmes, eventos atuais, pessoas, vamos olhar para as pessoas, conseguir coisas, negócios e trabalho. Então eles realmente diversificaram no início eles eram um monte de belas imagens da natureza e viagens. E agora eles realmente se expandiram para muitas categorias diferentes. Comida e bebida. Agora estes são curados por Unsplash. Então, eles selecionaram pessoalmente o que aparece na página inicial para cada uma dessas categorias. Então, isso irá garantir que você encontre o melhor trabalho na página inicial. A mais alta qualidade aparecerá na frente e no centro. E você pode continuar a rolar e pesquisar para encontrar a imagem perfeita para o seu projeto. Novamente, tudo o que baixarmos aqui é totalmente gratuito. Eles pedem que você não revenda a imagem, mas você pode usá-la em seu projeto de design de site. Basta pedir que você, além de não vendê-lo, diga obrigado à pessoa que tirou a imagem copiando essa linha de texto e colocando-a perto da foto. Neste ponto, por favor, pause o vídeo, visite unsplash.com. Faça algumas pesquisas para que você possa ver que tipo de fotos estão disponíveis no Unsplash. E terceiro, às vezes temos que contratar um fotógrafo se o cliente não tiver fotos de qualidade e você não encontrar nada em estoque, talvez seja hora de trazer um fotógrafo. Esta será a sua opção mais cara. Que tipo de fotógrafos estão lá fora? Fotógrafos de retrato podem tirar cabeça profissional, fotos de cabeça para seus clientes, sobre nós ou página de equipe. Fotógrafos comerciais podem tirar fotos profissionais do interior ou exterior de uma casa de aluguel, hotel, cabine, casa ou qualquer outra coisa. Trazendo um fotógrafo profissional para o seu projeto de site faz um pouco de despesa. Você poderia simplesmente incorporar em sua cotação, mas os resultados valem bem o investimento. Agora, onde você vai para encontrar um fotógrafo de qualidade? Há toneladas de fotógrafos lá fora, mas você deve procurar uma rede respeitada certificada com vários fotógrafos para que você possa ter uma sensação de seus pontos fortes e fracos. Anote qual fotógrafo prefere que tipo de projetos. Encontre aqueles que irão apreciar o trabalho que você usa em seu caminho, especialmente enviando design de site, trabalhos de design de volta ao seu caminho. Então, o que aprendemos? Priorizar a fotografia de alta definição é um investimento sensato. Ele elevará seu projeto de design para o próximo nível. Quanto mais impressionante o site, maior a chance de visitante se transformará em um cliente pagante. Existem várias maneiras de obter gráficos para o seu projeto. O cliente pode parecer lá. Você pode encontrar imagens de ações gratuitas e pagas Para você pode contratar um fotógrafo local profissional. E qual é o nosso dever de casa? Quero que verifiquem o Adobe Stock e o Unsplash. Familiarize-se com o que custam e o que oferecem para seus projetos. E eu sou Leighton, e agora você sabe, imagens. 18. Adobe Software: Bem-vinda. Sou Leighton, seu webmaster. Hoje, vejamos o fabuloso software criado pela Adobe. Então, onde você vai para editar imagens ou processá-las a partir de sua câmera digital? Que software eu usei para criar este vídeo? Para editar código em nossos sites? Tudo isso pode ser feito com o software criado pela Adobe, que foi fundado na década de 1980. Há software é o padrão ouro, e eu tenho usado desde que eu comecei e projetado vários anos atrás. Vejamos o que é oferecido pela Adobe, especificamente para edição de fotos, web design e produção de vídeo. Primeiro, há o Adobe Photoshop, o software de edição de fotos mais popular do mundo. Com o Photoshop, você pode manipular, transformar e editar fotos. Você pode criar banners, redimensionar imagens de recorte, remover elementos indesejados de uma foto, desfoque, nitidez mesclar, combinar em pinceladas, círculos, polígonos e muito mais. Photoshop pode fazer qualquer coisa que você quiser com uma foto. Possibilidades são infinitas. O software irmão do Photoshop é o Lightroom, outro grampo do mundo da edição de fotos. Enquanto o Photoshop se concentra na criação e manipulação de imagens, Lightroom é o melhor para edição de imagens em lote, que significa editar e organizar várias fotos de uma só vez. As edições que você faz no Lightroom são principalmente brilho, contraste, sombras, realces, cor, saturação, equilíbrio de branco, etc. Fotos direto. Uma câmera digital deve passar pelo Lightroom por alguns minutos antes de ser liberada ao público. E hoje em dia, você pode manter suas fotos e álbuns do Lightroom sincronizados em todos os seus dispositivos, telefones, tablets e computadores. Esta sincronização de nuvem é uma maneira maravilhosa de editar em qualquer lugar, a qualquer momento. Finalmente, o Photoshop é para imagens, lightroom é para fotografias e, em seguida, o Adobe Illustrator é para gráficos. Assim, logotipos, materiais impressos, vetores, cartões de visita, tipografia, todos podem ser manipulados no Illustrator, que usa vetores em vez de pixels. Assim, você pode redimensionar seus gráficos como quiser. O Illustrator realmente brilha ao trabalhar com gráficos impressos. Vejamos esses três produtos. Aqui estamos em adobe.com. Vamos para criatividade e design e Photoshop, que está listado como edição de imagens e design. Assisti a animação de abertura dela aqui. Faça de conta, Photoshop. Photoshop no desktop e iPad por apenas $20,99 por mês. E discutiremos, há planos diferentes. E quando chegamos ao final desta página, um divertido vídeo de abertura obviamente criado com muito mais do que apenas Photoshop. Mas você entendeu o ponto. Você pode fazer coisas criativas incríveis com as ferramentas da Adobe. Alimentando o mundo criativo. É descrito como o melhor software de imagem e design gráfico do mundo está no centro de praticamente todos os projetos criativos, desde edição de fotos até composição, pintura digital, animação e design gráfico. Agora você pode aproveitar o poder do Photoshop no desktop e iPad para criar onde quer que a inspiração surja. Por que isso é tão importante? Porque durante vários, vários anos você esteve vinculado a um computador específico no qual instalou o software Photoshop. Agora você pode usar o Photoshop em praticamente qualquer dispositivo que você tem, VOCÊ, seu tablet, seu smartphone, seu computador, seu laptop. fotografia quotidiana transformou totalmente as nossas ferramentas profissionais de fotografia. Facilite a realização de edições diárias ou total de transformações de imagens no desktop e no iPad. Corte, remova objetos, retoque, fotos combinadas, jogue com cores e efeitos. Reimaginar a arte da fotografia através do Photoshop. O design está no nosso ADN. Cartazes, embalagens, banners, sites, todos os seus projetos de design começam com Photoshop, fotos combinadas e texto para criar imagens totalmente novas. Trabalhe com camadas e máscaras ilimitadas e pinte com pincéis controlados com caneta ou toque no iPad. Aqui em todos os lugares. Seu trabalho é salvo na Nuvem. Então você, o que você pode fazer, nunca foi tão fácil usar o Photoshop. Novos recursos estão sendo lançados regularmente para simplificar as etapas e economizar tempo. Esta é uma seleção de retrato melhor ou mais rápida. Com um botão você pode selecionar seu retrato. Seleção precisa de pessoas seria apenas um clicado. Selecione Assunto detecta automaticamente a pessoa em seu retrato e refina uma seleção para incluir detalhes finos como cabelo, integra-se com o Adobe Fonts, padrões rotativos. Há objetos, ferramentas de seleção. É realmente uma peça incrível de software que você pode criar imagens e gráficos com. Então aqui estão alguns dos planos. Há o Photoshop por si só por dez dólares por mês. Além disso, você obtém o Photoshop Lightroom, Lightroom Classic no desktop e no iPad. Photoshop para desktop e iPad como parte da Creative Cloud por 20 dólares por mês. Todos os aplicativos, que é o que eu faço, que é o que eu recomendo para você. Você obtém todo o software da Adobe por US$52,99 por mês e alunos e professores recebem uma taxa de desconto. Certo, o que mais há na família Photoshop? Adobe Photoshop, Lightroom, edição de fotos poderosa. Onde quer que estejas. Fotos incríveis, em qualquer lugar, obtenha o Lightroom como parte da Adobe Creative Cloud por apenas dez dólares por mês. O software dá aos fotógrafos um lugar onde eles podem soltar suas fotos e lote, organizá-los e editá-los após emitido em sua mesa ou em movimento. Agora é um serviço baseado na nuvem que oferece tudo o que você precisa para editar, organizar, armazenar e compartilhar suas fotos em qualquer dispositivo em qualquer lugar. Edição, ferramentas fáceis de usar, como controles deslizantes, predefinições permitem criar fotos que parecem exatamente do jeito que você deseja. Comece em dispositivos móveis, web ou desktop, suas edições são aplicadas. Em qualquer outro lugar. Você tem acesso à sua biblioteca onde quer que vá. Criado para fotografar, capturar, editar e compartilhar suas fotos em um só lugar. Aprenda com os profissionais que tem tutoriais embutidos. É manhã ou organização para organizar suas fotos. E alguns dos novos recursos recentes, tutoriais no aplicativo. Photoshop na integração do iPad, você pode enviar uma imagem do Lightroom para o Photoshop no iPad e voltar e transformar suas fotos. Preencha automaticamente as bordas panorâmicas. E há os planos diferentes. Lightroom só por si, dez dólares por mês. Com o Photoshop por 20 ou os $50 por mês é o que eu recomendo, pois você obtém todos os softwares da Adobe. E vamos olhar para outro e voltar ao topo, criatividade e design. Vejamos o Illustrator, que é construído como gráficos vetoriais e ilustração. Este software como o Photoshop tem sido em torno de sempre. Ilustração de última geração. Você pode criar desenhos animados incríveis, gráficos, logotipos e arquivos vetoriais que permitem redimensioná-los para qualquer tamanho. Por exemplo, outdoors. Você pode ir a qualquer lugar entre pequenos projetos até outdoors de grande escala. Illustrator está ao seu redor, o software de gráficos vetoriais padrão da indústria é usado por milhões de designers e artistas para criar tudo, desde belos gráficos web e móveis até logotipos, ícones, livros ilustrações, embalagens de produtos e outdoors. Trabalho icônico em qualquer tamanho. Obtenha todas as ferramentas de desenho que você precisa para transformar formas e cores simples em logotipos, ícones e gráficos sofisticados. Illustrator é um software de design baseado em vetores. Assim, seu trabalho artístico pode ser reduzido para telas móveis e até o tamanho do outdoor e sempre ficar nítido e bonito. Eles são fundamentalmente diferentes dos pixels, que são imagens e fotografias. Assim, gráficos construídos em vetores são completamente diferentes e eles podem ser redimensionados em vez de limitados aos pixels, como uma fotografia seria. Chame atenção em qualquer lugar. Crie desenhos à mão gratuitos ou trace e recolorir gráficos para transformá-los em obras de arte. Então isso não é uma fotografia, é um gráfico. Esses são os tipos de coisas que você cria com o Illustrator. Veja como estes são gráficos. Eu seria o tipo de coisa que você cria com o Adobe Illustrator, topografia maravilhosa que diz tudo. Incorpore o nome de uma empresa em um logotipo, crie um folheto ou maquete, um design de site com as melhores ferramentas de texto lá fora, adicione efeitos, gerencie estilos e edite caracteres individuais para criar, crie um folheto ou maquete, um design de site com as melhores ferramentas de texto lá fora, adicione efeitos, gerencie estilos e edite caracteres individuais para criar, desenhos tipográficos que expressam perfeitamente suas mensagens. Esses são os tipos de coisas que você criaria no Illustrator. E está no iPad. Certo, então vamos abrir o Photoshop e ver brevemente do que se trata. Então aqui estamos abrindo o Photoshop e deixe-me soltar a imagem que baixamos do unsplash dot a maior parte do seu software Adobe, ele vai ter uma sensação semelhante. Ele terá ferramentas à esquerda específicas para a parte específica do software que você está usando. Neste caso, estas serão ferramentas com as quais podemos manipular fotos e imagens. No topo vemos que temos um arquivo aberto, o topo, temos mais ferramentas. E à direita, temos ainda mais ferramentas para diferentes finalidades, como cor e nossas camadas. Então, quanto mais você ganha, mais você brinca com o software da Adobe, mais você fica confortável com o layout onde cada botão está, quais ferramentas você usa para o que e para que fins. E vamos dar uma olhada em alguns desses muito rapidamente. Então essas ferramentas aqui nos permitem selecionar coisas. Lincoln, selecione um pedaço da nossa imagem. Podemos movê-lo. Podemos usar a ferramenta de balde de tinta aqui para preencher esse espaço. Podemos usar o traçado do pincel para criar alguns. Alguns pincéis. Pode usar a ferramenta Borracha para apagar partes da nossa imagem e alterar o tamanho do pincel. Apenas, esta é apenas uma breve visão geral real do tipo de coisas que podemos fazer com o Photoshop. Podemos adicionar texto, torná-lo maior ou menor aqui em cima. Mude a fonte. Há toneladas de fontes que vêm por padrão e você pode baixar mais das fontes da Adobe, que é gratuito com sua assinatura da Adobe Creative Cloud. Você pode adicionar formas e literalmente apenas infinitas possibilidades aqui. Você pode redimensionar sua imagem. Agora está a 50, 300 pixels. Você pode levá-lo para baixo para 2000. Talvez precisemos redimensionar uma imagem para projetos de site para que ela caia melhor na tela. E lá vamos nós. Podemos clicar em Command ou Control S em nosso computador e salvá-lo em nosso para uma pasta em nosso computador. Então, como aprendemos o Photoshop, lightroom Illustrator ou qualquer um dos softwares? Há toneladas de tutoriais. Você pode usar seu site de aprendizado favorito, seu site de cursos favorito, YouTube, o que quiser. Há tantos recursos disponíveis e tutoriais para que você possa aprender este software valioso. Uso o Photoshop e o Lightroom todos os dias. Eu e o meu negócio de design de sites somos inestimáveis. Eu estaria perdido sem o meu Photoshop. Então eu recomendo e recomendo que você comece a usá-lo o mais rápido possível. E o web design? O que a Adobe oferece para sites? Tecelão de sonhos. Isso foi criado como uma ferramenta de design de site, mas eu uso principalmente para editar código para meus projetos. Sinta-se que o aspecto de design do Dreamweaver é a melhor opção, especialmente porque estamos usando o WordPress para design. Mas as ferramentas de edição e desenvolvimento de código no Dreamweaver podem realmente economizar seu tempo. O Dreamweaver conhece código e conhece os arquivos em seu computador. Assim, quando você começa a digitar, ele pode preencher automaticamente o resto do código ou arquivo que você está tentando vincular dois. Vejamos o Weaver dos Sonhos. Então, estamos de volta à página inicial da Adobe e vamos encontrar o Dreamweaver. Então, vamos para a criatividade e o design. Nem consigo encontrá-lo em produtos em destaque. Eles realmente empurraram o Adobe Dreamweaver para baixo na lista de produtos que promovem. Sua tração realmente perdeu nos últimos anos, mas ainda está disponível em seu site. Eles ainda oferecem atualizações para ele. Adobe Dreamweaver. Ele foi construído como sendo capaz de projetar e desenvolver sites responsivos modernos. Eu não costumo usá-lo para esse propósito. Eu não uso isso para projetar sites tanto quanto para organizar meus projetos. Eu uso o Dreamweaver todos os dias. Ele mantém o controle de todos os meus projetos e me permite editar código, que no WordPress, você ocasionalmente precisa editar código. Se você não está projetando e desenvolvendo um site a partir do zero escrevendo todo o código você mesmo, às vezes você precisa fazer pequenas edições no código. E este software nos permite fazer isso. Então ele é descrito como sites responsivos muito rápido. Adquira o Dream Weaver como parte da Adobe Creative Cloud por apenas 20 dólares por mês. Novamente, eu recomendo o pacote de $50 que nos dá acesso a cada pedaço de software na Adobe. Então não temos que escolher o que estamos pagando. Crie sites bonitos para qualquer navegador ou dispositivo. Publique rapidamente, crie páginas da Web em praticamente qualquer lugar com software de web design que suporta HTML, CSS, JavaScript e codificação flexível mais rápida. Então vamos ver o que está acontecendo aqui. Esta é uma fonte de tag IMG, e quando começamos a digitar, a imagem no computador local aparece. Isso pode ser uma economia de tempo real. E você pode procurar um arquivo em seu computador e ele automaticamente preenche codificação rápida e flexível, criar código e gerenciar sites dinâmicos facilmente com o mecanismo de codificação simplificado inteligente, acessar dicas de código para aprender e editar rapidamente HTML, CSS e outros padrões da web. Use ajudas visuais para reduzir erros e acelerar o desenvolvimento do site. É definitivamente uma das minhas características favoritas. Configuração para configuração em menos etapas. Coloque seus sites em funcionamento mais rapidamente com modelos iniciais que você pode personalizar para criar HTML, e-mails sobre páginas, blogs, páginas de comércio eletrônico, boletins informativos e portfólios. Eu não o uso para esse propósito. O que você está vendo aqui é o aspecto de design do Adobe Dreamweaver. Não faça o que a maioria dos web designers iria se esconder. Eu fico com este lado. O lado da codificação pode ser bastante útil se você usá-lo nesse departamento. Exibição dinâmica em todos os dispositivos criados para web design responsivo. Mas, novamente, onde usamos WordPress para isso e Devi, então eu não uso Dreamweaver dessa maneira. Ele permite que você viva ver seu site, o que é legal. Mas eu não me aproveito disso. Eu uso o lado da codificação. Certo, então vamos abrir o Dreamweaver e ver como é. A primeira coisa que você vai notar é que ele é bastante semelhante ao Photoshop, já que temos ferramentas à esquerda aqui. Temos ferramentas diferentes que podemos usar. Temos nossos arquivos e projetos à direita. Assim, podemos ver a vista local e podemos ver a visão remota, que é o nosso servidor. Você pode fazer isso com o software livre FileZilla. Mas gosto de usar isso desde que a Adobe o produz. E tem o software de edição de código embutido. Então podemos abrir um de nossos arquivos e no centro veremos o código. Então este é o arquivo de configuração de traço WordPress WP, que nos permite colocar em nossa conexão com o banco de dados. Muitas vezes, você precisa usar e editar esse arquivo. Então menos não vai ficar confortável com isso. Você pode usar o Bloco de Notas ou o software TextEdit no computador ou pode usar um software mais avançado, como o Dreamweaver. E isso é o que eu prefiro usar para editar código. Uma coisa que você vai notar é que diferentes partes do código são codificadas por cores. Assim, visualmente, torna muito mais fácil digitalizar seu código e ver o que você precisa editar. Isso realmente acelera as coisas. Então eu basicamente uso isso para código. E isso é basicamente quando estou olhando para quando estou fazendo o celular. E através do gerente de site aqui eu posso salvar todos os meus projetos de site e alternar entre eles, acessar os diferentes arquivos e interagir com o meu servidor, fazer edições e usar este botão. E eu posso colocar os arquivos no servidor ou pegar os arquivos do servidor. E eu sou realmente ajuda as coisas me ajuda a organizar meus projetos e editá-los de acordo. E agora produção de vídeo. No início desta lição, eu perguntei qual software eu uso para criar este vídeo de ensino. Para o Adobe Premiere Pro. Esta é uma ferramenta de nível de produção que até os estúdios de cinema usavam para criar filmes. Você pode importar clipes, cortar, editar, alterar a cor, manipular áudio, adicionar títulos e legendas, transições, efeitos e muito mais. Para efeitos visuais cinematográficos e animações. Há o produto irmão, Adobe After Effects, que foi projetado para complementar o Premier Pro. Com gráficos em movimento, você pode animar e manipular praticamente qualquer coisa. Vamos dar uma olhada nesses dois produtos. Estamos de volta ao adobe.com e agora vamos procurar o Premiere Pro e o After Effects. Por isso, está sob seus produtos de recurso, Premier Pro, que é descrito como edição e produção de vídeo. Mais uma vez, isto é o que os estúdios vão usar. Esta é uma ferramenta de nível de produção que é extremamente esmagadora no início. Mas como qualquer outra coisa, uma vez que você se acostumar com isso, pode se tornar bastante fácil. Eu mesmo cheguei a esse ponto. Portanto, é possível edição de vídeo que é sempre um corte acima. A versão mais recente do Premier Pro está aqui com excelentes recursos. E o Premiere Rush, que é uma versão simplificada da ferramenta. Vídeo introdutório legal. Nós rolamos para baixo planos diferentes, ferramentas inteligentes, melhor contar histórias. É o software de edição de vídeo líder do setor para filmes, TV e web. Crie ferramentas criativas, integração com outros aplicativos e serviços e o poder do Adobe Sensei ajuda você a criar imagens em filmes e vídeos refinados. Já que eles são inteligência artificial, a propósito. E com o Adobe Premiere Rush, você pode criar e editar novos projetos a partir de qualquer dispositivo. Mantenha-se no seu fluxo criativo. Ferramentas automatizadas habilitadas pelo Adobe Sensei. Economize tempo para que você possa se concentrar em sua história, fluxos de trabalho integrados. Deixe você polir seu trabalho sem sair de sua linha do tempo. E ele filmou qualquer formato, qualquer plataforma, edita imagens em qualquer formato de 8 K para realidade virtual. Arquivos nativos oferecem suporte a fluxos de trabalho de proxy leves e progresso mais rápido. O Hdr permite que você trabalhe da maneira que quiser com sua mídia. Mesmo em estações de trabalho móveis. Estas ferramentas e potência absoluta, tudo que você precisa criar. Então, como seria de esperar, ele se integra com Photoshop, After Effects, Audition, Adobe Stock, etc. Deixe-me chamar a atenção para os tutoriais aqui. Então, há tanta coisa que podemos fazer aqui no Premier Pro. Vamos olhar para isto. Começar é rápido e fácil. Nossos tutoriais passo a passo cobrem tudo, desde o básico até técnicas avançadas. Então, em vez de puxar o software ao vivo como fizemos nos últimos vídeos, deixe-me tirar esses tutoriais para que eu possa mostrar onde você pode aprender o Adobe Premiere Pro além de qualquer software no site da Adobe. Tutoriais do Premiere Pro, você pode encontrar tutoriais como esse para qualquer software da Adobe. Eles são personalizados especificamente para o Adobe Premier Pro. Faça vídeos visualmente impressionantes praticamente em qualquer lugar aprendeu o básico. Vamos refinar suas habilidades com tutoriais projetados para inspirar. Então você pode escolher entre vídeos iniciantes e experientes. Vamos ver o que é oferecido para iniciantes. Premier Pro começa curso, criar um projeto e importar um clipe, explorar os painéis, aprender habilidades de edição, trabalhar com gráficos e títulos. Ajuste o tempo de suas edições, altera a aparência dos clipes. Adicione efeitos, trabalhe com áudio. Trabalhe com seus clipes. Mídia importante. Trabalhe com animações usando quadros-chave, acre, pontos de ancoragem, looping, ajustes de cores, ajuste de contraste, destaques e sombras, usa as opções de cores, ajustes de cores naturais automaticamente combinam cores do clipe, copiar e colar efeitos. Compreender áudio, criar sequências, criar um belo curso composto visual, adicionar transições e muito mais. Então, você pode percorrer esses tutoriais se você for um aluno visual, para aprender realmente qualquer um dos softwares no pacote Adobe. E esses tutoriais são publicados diretamente da Adobe. Então você sabe, você está recebendo uma educação de primeira qualidade absoluta. Vamos recapitular o software que acabamos de discutir. Primeiro, há o Photoshop, que eu uso para criar e manipular imagens. Segundo, há o Lightroom, que nos permite editar e organizar fotografias. Terceiro, ilustrar, que nos permite editar gráficos vetoriais e ilustrações. Dreamweaver, onde podemos organizar e editar o código do site. Há o Adobe Premier Pro para produção de vídeo. Finalmente, After Effects, animações e animações. Estou dentro e fora desses programas todos os dias. E um negócio de design de site bem-sucedido depende deles. Qual é o nosso dever de casa? Quando estiver pronto? Adquira a Adobe Creative Cloud por meio do link desta descrição do curso. Adobe software z, padrão ouro absoluto para design. Então, quanto mais cedo você se sentir confortável com este software, melhor. Eu sou Leighton. E agora você sabe, Adobe. 19. Temas infantis: Bem-vinda. Sou Leighton, seu webmaster. Na lição de hoje, vejamos os temas infantis. Já ouviu falar de um tema infantil? Mini cursos, mas muita ênfase na importância de um tema infantil. Vamos explorar o que esses temas filhos são, por que eu os recomendo e como você pode implementá-los. Então, primeiro, o que é um tema infantil? Bem, você se lembra que o WordPress usa temas. Os temas são construídos em cima da estrutura WordPress para dar-lhe um estilo de site e design. Minha recomendação temática e a que você está aprendendo a usar neste curso é Devi. Devi é um tema WordPress incrivelmente poderoso construído por Temas elegantes. Você consideraria Devi um tema infantil? Não, não, não por si só, mas você pode criar seu próprio tema infantil para trabalhar ao lado da Debbie. Por que iríamos querer fazer isso? Bem, uma das melhores coisas sobre Devi é o fato de que ele é tão bem desenvolvido e constantemente atualizado. Isso significa que eles estão sempre lançando novos recursos, melhorias e otimizações. Então pense nisso. Quando você atualiza o Devi, os arquivos no servidor são substituídos pelos recém-atualizados. Parece ótimo. Mas e se você teve que fazer algumas modificações em seus arquivos? Como se você tivesse que editar o código para o cabeçalho, o rodapé, o corpo, o arquivo de funções ou adicionar JavaScript ou CSS adicionais aos arquivos de tema. Atualizar significa que todos esses ajustes e modificações desapareceriam assim que você atualizar o devi para a versão mais recente. É aí que entram os temas infantis. Eles permitem que você altere qualquer um dos arquivos do tema principal separadamente. Assim, suas edições não são excluídas quando você atualiza o Divi. Então, se você planeja fazer personalizações avançadas para o seu tema, como modificar modelos de página, adicionar grandes quantidades de CSS ou JavaScript, adicionar novas funções. Do que realmente é melhor fazer essas alterações seu tema filho sem nunca ter que tocar nos arquivos de tema principal. Agora, para ser claro, você pode adicionar CSS, JavaScript, e fazer pole em um, uma edição visual através do admin WordPress e o Personalizador de Tema, verdade? Mas quanto mais você constrói sites, mais obstáculos você tem que superar, mais você pode precisar editar um pequeno código para corrigir algo. Talvez adicionar uma nova funcionalidade, ou apenas corrigir algo que de outra forma seria quebrado. Então os temas infantis são as melhores práticas. Os temas filho facilitam a edição de código para você e seu projeto, e eles são extremamente simples de criar. Na verdade, deixe-me mostrar-lhe como criar seu próprio tema infantil. Portanto, estamos logados no nosso site de teste e aparecemos na barra de administração. Vamos clicar no meu primeiro site. Então, vamos para o backend do WordPress e estamos procurando Aparência e Temas. Devemos ter um tema instalado no momento. Esse é o nosso tema principal, Divi. E o que estamos querendo fazer agora é adicionar um tema filho em cima disso. Então, para conseguir isso, Vamos abrir FileZilla e vamos fazer login no nosso servidor via FTP. Então eu vou puxar meu último passe e encontrar minhas credenciais salvas aqui. E eu vou inserir o nome do host, o nome de usuário e a senha aqui. Vamos fazer a porta 22 para segurança e conexão rápida. Então, estamos logados em nosso servidor de teste e vamos entrar em conteúdo WP traço. Isto é o que mantém os uploads, os plugins e os temas. E estamos olhando para temas. Então agora temos um instalado com Devi. E queremos adicionar um tema infantil em cima da Devi. Então a primeira coisa que fazemos para conseguir isso é criar uma nova pasta de temas. E estamos chamando de DVI traço criança. É o que chamamos de tema infantil. E só precisamos de alguns arquivos aqui dentro para tornar oficialmente isso um tema infantil. Então, o primeiro seria o styles.css. Então vamos para o Devi principal, pasta tema e vamos ver várias sub-pastas aqui que alimentam Davey. E vemos vários arquivos, maioria deles PHP, e vemos alguns arquivos CSS. Há um chamado estilo dot css. Este é o arquivo CSS principal para um tema. Então, primeiro vamos precisar de um arquivo style.css dentro devides child. Então vamos criar um novo arquivo, estilo dot css. E vamos abrir isto. Então eu já tenho um aberto aqui. E estas são as necessidades para o style.css. Este é o mínimo que temos de incluir para tornar este tema oficial infantil. Então precisamos ter o nome do tema e estamos chamando esse tema infantil Divi. E devemos colocar o modelo como Devi. Este deve ser o nome exato do seu tema pai. Então isso faz oficialmente a conexão com seus pais. Podemos colocar o que quisermos para a versão, sempre que quisermos para o autor e URL e a descrição. As partes mais importantes aqui são o nome do tema que estamos chamando nosso tema infantil Divi e o modelo Devi. Então temos que incluir a planilha de estilos Devi primária. Então nós fazemos isso com a URL de importação e, em seguida, ponto barra, que significa que vamos voltar uma pasta para temas e, em seguida, dv. E essa seria essa pasta. E depois style.css, o que significa que estamos chamando nosso tema filho para usar o style.css do tema principal. Então isso é o que precisamos ter aqui e ir para copiar isso do modelo que eu já tinha até. E vamos abrir o style.css aqui. Exibir edição de barra, reabrir local. E eu vou colar o que temos aqui e bater em Salvar. E isso vai carregar para o nosso servidor. O arquivo foi alterado. Você gostaria de enviá-lo? Sim. Sim, gostaríamos de fazer o upload. Então temos a nossa pasta style.css. Vamos atualizar e podemos ver o tamanho do arquivo lá. Foi carregado. Há outra coisa que podemos fazer. Então, cada pasta de tema tem uma captura de tela. Isto está a referir-se à imagem que vemos aqui. Então eu gosto de copiar o existente. Então vamos para, vamos ver, vamos puxá-lo para cima da pasta principal aqui, a pasta Devi, e estamos encontrando captura de tela ab.js JPEG. Eu vou arrastar isso para a pasta de downloads no meu computador e então nós podemos enviar isso para o nosso tema filho. Isso vai dar ao nosso tema criança a mesma captura de tela é dv. Então, sabemos a que se aplica o tema da criança. Então eu estou arrastando para o tema infantil. Tudo bem, até agora. Agora, cada tema tem um arquivo functions.php. Isso nos permite adicionar código PHP adicional ao nosso site WordPress. Há muitas oportunidades onde podemos fazer isso. Normalmente, é quando você está querendo adicionar funcionalidades avançadas adicionais ao seu site WordPress ou Devi, ou quer editar algo que você ainda não pode fazer no back-end Devi. Então este arquivo é uma necessidade para o nosso tema infantil. E honestamente, é um dos arquivos mais importantes de qualquer maneira, porque quando usamos um tema filho, isso é tipicamente o que estamos procurando realizar. Normalmente, estamos procurando adicionar um pequeno pedaço de código PHP para adicionar algumas funcionalidades adicionais ao nosso site. Então functions.php não é apenas recomendado, mas é uma necessidade. Então vamos para Criar novo arquivo e nomear esta função dot PHP. Agora nós abrimos, visualizamos a barra editar, e há um pequeno pedaço de código que precisamos adicionar para chamar a folha de estilo dos temas pais. Então vamos para Elegant Themes.com. E eu vou apenas copiar e colar este pequeno trecho de código que vai chamar os temas pai CSS. Então isso chamará o Devi oficial, CSS. E é isso que temos que fazer para colocar em nosso functions.php. Então este é o primeiro trecho de código que estamos adicionando ao functions.php e qualquer outra coisa que queremos adicionar, podemos fazer isso abaixo. É bom ter o nosso tema infantil pronto quando começamos um novo projeto. E, em seguida, apenas tenha este functions.php pronto. Sempre que quisermos adicionar algum código adicional, você pode fazer isso. Semana são eles para o projeto, meses para o projeto. Saberá quando surgir a oportunidade. Então, vamos clicar em Salvar ou comando S no meu teclado e clicar em Sim para carregar isso. E vamos atualizar aqui e ver que temos o nosso style.css pronto para adicionar código CSS adicional ao nosso tema filho. E temos um functions.php pronto para adicionar funcionalidades avançadas e personalizações via PHP para o nosso site WordPress. Nós também temos uma captura de tela opcional apenas para torná-lo bonito. No administrador do WordPress. Então essas são as necessidades para o nosso tema infantil. Vamos voltar ao nosso site e ver como fica. Vou atualizar a página Gerenciar temas e ver o que está aqui. Agora. Lá vamos nós. Passamos de ter um tema primário para ter dois temas. Nós ainda temos um ativo, que é o Devi oficial, tema, e então temos um adicional que está atualmente inativo. Então agora, podemos adicionar o máximo de código que quisermos para estilo e funções e isso não faria nada porque não o temos ativado no momento. Então você pode ter dois temas ativados ao mesmo tempo? Bem, não, você não pode. Mas para ter ambos ativos, o processo é ativar seu tema filho enquanto você tem o principal ativado. E então vamos ver o que acontece. Nosso tema infantil agora está ativado, e isso vai para cima do tema pai, que é Devi. Então vamos ver nosso site, meu primeiro site, e lá vamos nós. Parece que sempre aconteceu. O site não mudou. Só agora temos a possibilidade de adicionar código adicional ao nosso tema filho. Qualquer coisa que adicionamos aqui, se editarmos as funções, adicionamos à folha de estilo que não afetará o tema Devi primário. Assim, podemos fazer quantas alterações e edições quisermos. E sempre que Elegant Themes empurra para fora uma nova atualização Devi, que eles fazem com bastante regularidade, isso não afetará o tema principal. Para que eles possam atualizá-lo o quanto quiserem e nossas edições permanecerão intactas. Então, por que mais precisaríamos de um tema infantil? E vejamos um exemplo específico. Então, quando entramos em dv, o propósito de um tema filho é que você pode substituir qualquer um dos arquivos principais. Então, se surgiu a oportunidade onde você queria fazer algumas edições realmente específicas para o cabeçalho que você simplesmente não poderia fazer através do personalizador de tema. Você pode copiar, você pode copiar este arquivo header.html e colocá-lo aqui. E quando você faz isso, inseriu PHP. Se você copiasse o código para isso, mas esse arquivo específico, você poderia copiá-lo e colá-lo em seu tema filho. E lá vamos nós. Então o objetivo disso é que quaisquer alterações que fizermos no arquivo header.html, podemos alterar qualquer pequeno pedaço de código que é necessário para qualquer coisa, seja lá o que for que estamos procurando realizar. Esse é o arquivo PHP do ponto de cabeçalho que será disparado. Então, tendo liderado o PHP em seu tema filho, você agora negou o arquivo header.html original. Este arquivo não será executado enquanto tivermos este enviado para o servidor. Então vamos olhar para outro exemplo. Vou deletar esse arquivo. Vamos olhar para, ok, Por exemplo, voltamos para o Chrome e vemos que temos alguns ícones sociais aqui em cima, Facebook, Google Plus, e Instagram. Digamos que queríamos adicionar, digamos LinkedIn. Não há uma opção para adicionar o LinkedIn às Opções de Tema Divi. Vamos ver que Devi e Opções de Tema. Passamos por aqui e vemos Facebook, Twitter, Google Plus Instagram. Onde está o LinkedIn? Vamos adicioná-lo. Para que possamos fazer isso com nosso tema infantil. Vamos para o FileZilla e vamos dividir. E os ícones sociais são extraídos de inclusões e ícones de sublinhado social dot PHP. Então vamos ver ou editar isso. E ele puxa o arquivo. Vamos copiar este ficheiro. E nós vamos criar essa mesma estrutura de arquivos em nosso tema filho. Inclui criar diretório, inclui abrir isso. E nós vamos criar um arquivo chamado ícones de sublinhado social dot PHP. Lá vamos nós. Ícones sociais estão no tema principal, e ícones sociais também estão no tema filho. Então, por causa da existência deste arquivo, este não será demitido. Você acabou de sobrescrever. Então vamos abrir o arquivo e a visualização do tema filho dela editar. E nós vamos colar o código para ícones sociais. Então, o que vamos fazer com o tema infantil? Então vamos fazer isso um pouco maior. E o que vemos aqui? Basicamente o que estamos olhando aqui, temos um pequeno pedaço de código HTML junto com alguns PHP para Facebook, Twitter, Google e Instagram. Então vamos copiar um pouco deste código HTML e colá-lo aqui. E mudaremos o Google para o LinkedIn. E vamos apenas levá-los para Linkedin.com e mudar a classe CSS para ET social ligado. Em. Lá vamos nós. Pressionaremos o Comando S para salvar e pressione sim, atualize isso. E lá vamos nós. Foi carregado. Então, vamos voltar para o Chrome e atualizar. E lá vamos nós. Ali está o LinkedIn, está lindo. Então, há um exemplo do mundo real de quando eu gosto de usar um tema filho, muitas vezes vai encontrar oportunidades para adicionar CSS adicional, para adicionar functions.php. Mas há outro exemplo de quando você pode querer usar um tema filho, podemos substituir os ícones sociais pontuar o PHP do tema principal e fazer os ajustes que precisávamos fazer. Uma outra pergunta rápida, você pode ter, podemos adicionar CSS para o personalizador de temas? E vamos para o personalizador do tema. E na parte inferior aqui, podemos ir para CSS adicional. Sim, você está absolutamente certo. A melhor oportunidade para adicionar CSS para o tema filho, porém, seria quando você tem um monte de CSS para adicionar, pensar centenas de linhas de código CSS. Mas para a maioria de nós, só precisamos adicionar algumas linhas cada vez que precisamos fazer um ajuste em nosso site. Neste caso, tenho 123 pedacinhos de CSS. De modo que perfeitamente no CSS adicional. E nós realmente não precisávamos adicionar isso à folha de estilo sobre o tema filho. E podemos tê-lo no CSS adicional e dessa forma ele é salvo no servidor e podemos puxá-lo usando o bom administrador WordPress em vez de ter que editar algum código. Mas se você tivesse centenas de linhas de código CSS ou você tivesse uma função realmente avançada, então é bom escondê-lo no CSS e no código functions.php. Então, aí está. Não são temas filho fáceis de adicionar. Podemos fazer isso em poucos minutos. Pessoalmente, eu recomendo adicionar seu tema filho quando você iniciar seu projeto pela primeira vez, quando você está instalando o WordPress pela primeira vez. E se você nos fizer começar imediatamente, então você não precisa se preocupar em adicionar isso mais tarde. E você terá seu functions.php e seu style.css prontos sempre que precisar deles para que você possa fazer alterações. E aí está. Agora temos um tema filho instalado e estamos prontos para começar. Parabéns. Então vamos recapitular temas infantis. O que aprendemos? Aprendemos um, eles são tão fáceis de criar. Dois, eles trabalham ao lado do seu tema principal. E três, eles permitem que você modifique seu tema enquanto ainda atualiza para a versão mais recente sem perder seu x. Então, qual é o seu dever de casa? Eu quero que você crie seu próprio tema infantil para o seu site WordPress. Então você como é fácil. E quando chegar a hora em que você precisa editar algum código, você estará pronto. Eu sou Leighton, e agora você sabe, temas infantis. 20. Conceitos avançados - CSS: Bem-vindo, estou latente, seu webmaster. Na lição de hoje, vamos falar sobre uma camada avançada mas essencial de um site, este CSS. Agora falamos brevemente sobre CSS de volta na lição de codificação da seção um. Como você se lembra, CSS significa folha de estilo em cascata. Sss é uma linguagem de programação web que se concentra em dar design e estilo ao conteúdo Raul como texto e imagens. Por exemplo, para tornar o título de uma página azul, adicione CSS para alterar uma página da Web como plano de fundo. Adicione CSS para aumentar uma fonte. Adicione CSS para adicionar mais ou menos espaçamento entre os elementos, basta adicionar algum CSS. Então, como um web designer, você precisará trabalhar com CSS para polir seus projetos. Mas espere, não aprendemos que Devi lhe dá uma plataforma para sites visualmente projetados, não nega a necessidade de codificação css. O que você acha? Bem, Devi certamente ajuda se ele lhe dá toneladas de liberdade para ajustar seus projetos através de opções de fonte, espaçamento, dimensionamento, planos de fundo, transições , transformações e muito mais. Na verdade, Devi e outros temas modernos percorreram um longo caminho neste departamento. Mas a maioria dos temas modernos também lhe dão um lugar para deixar cair em seu próprio CSS personalizado. Então, enquanto olhamos para uma breve visão geral do CSS, Aqui está o que vamos aprender. Um, um exemplo do que CSS faz para usar para aprender CSS. Três, onde adicionar trechos de CSS ao tema Devi para a beleza do inspetor do seu navegador. E 5, como o web design responsivo funciona. E, claro, com CSS, entenda que esta é uma linguagem de codificação. Já tentou aprender a falar outra língua? Nossa língua é aprendida e apenas alguns minutos, geralmente não. Então eu encorajo você a continuar sua educação fora deste curso estão assistindo vídeos on-line, lendo tutoriais, e o mais importante, tentar isso sozinho em seu próprio servidor web. Sss pode ser um pouco particular, às vezes, especialmente quando você está procurando por efeitos de design avançados. Então, às vezes, essa tentativa prática e erro é apenas a melhor maneira de aprender isso. Com isso dito, vamos mergulhar. Então vamos obter uma introdução básica às folhas de estilo em cascata CSS. Porque, como um web designer, esta é uma linguagem de codificação que você estará absolutamente dentro, dia após dia. Então a primeira pergunta que queremos responder sobre CSS é, o que CSS faz? E para responder a essa pergunta, vamos olhar para uma página pública. Neste caso, estamos olhando para uma entrada na Wikipédia. E como você se lembra da lição de codificação, sob os fundamentos da seção web design deste curso. O CSS está disponível para qualquer página web na internet. Ambos CSS e HTML estão realmente disponíveis. Podemos ir para ver o código-fonte da página para ver o que parece. E aqui está o HTML público. Quatro, o artigo da Wikipédia que estamos olhando. Então este é o HTML. Veja, este é o fim da cabeça. Este é o início do corpo. Esta é uma tag de cabeçalho H1 1, a que diz CSS. Aqui em cima, cabeçalho H1 1, CSS bem ali. Também podemos ver o CSS para esta página web. Neste caso, esse é o link aqui. E o que você está olhando aqui é o CSS. Mas está em miniatura, como você verá em algumas lições a partir de agora. Ele passou sob minificação para ser cargas menores, tempo de carregamento, tamanho de página menor para este CSS. Mas basicamente o que estamos olhando aqui é folha de estilo em cascata. Então o ponto é que podemos ver isso para qualquer página web. É público. E há, há uma maneira legal aqui que podemos olhar para o que CSS é tudo sobre para que possamos manipulá-lo um pouco do nosso lado. Nós não vamos fazer nenhuma alteração na Wikipédia aqui, mas usando nosso navegador de Internet. Neste caso, estou no Google Chrome, podemos nos familiarizar com CSS aqui. Então, se formos ao inspetor de navegadores, clicamos no Inspetor de Inspeção, podemos ver o que estávamos vendo. Podemos ver esta seção em particular. Nós clicamos no HTML no centro aqui. E então o CSS está à direita do meu inspetor. Então estamos olhando para um link aqui. E à direita podemos ver que todos a, um para âncora, links âncora, o a seria os links em uma página. Todos os links devem ter decoração de texto, nenhum, o que significa que não há sublinhado. Cor, e este é o sexto dígito código hexadecimal para este azul, e, em seguida, nenhum fundo para os links. Então, mencionamos que CSS dá estilo de cor de design para uma página da web. Então, com esta instância, esta é uma tag âncora. Podemos manipular todos os e você pode vê-los destacados agora, todos os links âncora para esta página web. Então vamos mudar a cor de um azul para um vermelho. E então vamos mudar para decoração de texto em vez de nenhum, digamos sublinhado. Então nós mudamos isso em todo o caso, que seria em todo o site. Mas estamos apenas olhando para isso em nosso navegador local. Não estamos manipulando o servidor real. Mas isto significava uma etiqueta. Esta tag manipula todos os links em toda esta página da Web. Então estamos olhando para o poder do CSS. Também podemos alterar o tamanho da fonte. Então vamos entrar aqui e vamos escrever outro pedaço de código CSS, fonte, traço, tamanho, dois-pontos, digamos 30 pixels. Então nós fizemos todos os links em toda a página web, 30 pixels. Agora, também somos capazes de manipular apenas um link específico ou um elemento em uma página da Web. Se formos aqui, estilo elemento ponto, podemos mudar isso para torná-lo menor. Digamos que manipulou apenas aquele link em particular que está anexando esse código CSS apenas a este elemento HTML, apenas este link. O que mais podemos fazer? Podemos alterar a cor de fundo de toda a página aqui. Vamos ver se podemos mudar o fundo desta caixa lateral aqui. E isso é com cor de traço de fundo. Há um código hexadecimal para isso. Certo? Então esse é um pequeno exemplo do que CSS pode fazer. Podemos mudar o preenchimento, quanto espaço está dentro desse elemento. Podemos mudar a margem, o espaço da rodada de qualquer elemento. Na página web. Podemos alterar a altura da linha, o tamanho da fonte, a largura, a cor do fundo. Podemos manipular a fronteira aqui. Vamos fazer 15 pixels em vez de um, e vamos torná-lo preto. Tudo bem, e lá vai você. Então esse é um exemplo de algumas das coisas que o CSS pode manipular. Nós obviamente exageramos aqui para, para o efeito de ensino. Mas muitas vezes, CSS, vamos fazer alterações mais sutis à medida que você está refinando elementos de design. Certo, então a próxima pergunta que queremos responder é, como aprendemos CSS? Estamos vendo aqui que há muito disponível que podemos manipular muitas maneiras diferentes e podemos adicionar design e estilo a elementos de nossa página web. E sabemos que há um monte de CSS já implementado aqui. Então, como aprendemos CSS? Bem, se formos ao Google e escrevemos CSS na barra de pesquisa, podemos ver muitos resultados diferentes aqui. A maioria destes serão oportunidades gratuitas para aprender CSS. E, claro, como qualquer habilidade, haverá caminhos pagos para aprender CSS também. Você pode ir para vídeos do YouTube, você pode ir para sites diferentes e diferentes. Eu gosto de usar W3 schools.com como ponto de partida. Então vamos para W3 schools.com e vamos para CSS. E isso vai nos dar uma compreensão completa do CSS. Ele passa por uma introdução, a sintaxe CSS e seletores, ambos muito importantes. E à medida que descermos aqui, veremos coisas diferentes. Podemos manipular. Cores, planos de fundo, bordas, margens, preenchimento, altura do que com fontes de texto, links, listas, tabelas, largura, galerias, formas de opacidade. E isso é apenas no básico. E nós descíamos para cantos arredondados avançados, gradiente, sombras, transformações, animações, consultas de mídia. E então entramos em CSS responsivo, que é como tornamos nosso web design responsivo, móvel amigável. Portanto, há tanta coisa que podemos aprender com CSS. Vamos apenas dar uma olhada em alguns dos conceitos básicos na introdução aqui. Então. Uma introdução ao CSS. Temos o seletor, e depois temos o que queremos manipular. Nesse caso, a cor do plano de fundo, a cor da fonte, o alinhamento, a família da fonte, o tamanho da fonte. E primeiro precisamos especificar nosso seletor. Neste caso, neste exemplo, estamos olhando para o corpo, que seria o corpo inteiro da página da Web e, em seguida, os colchetes abertos. E tudo dentro disso seria o que você quer manipular, os estilos que você deseja adicionar. E quando terminar de manipular isso, feche o seletor com um colchete de fechamento. E você pode adicionar o quanto quiser, sua tag, sua tag HTML, seu elemento. E você pode adicionar o máximo, tanto disso quanto você quiser para sua página da Web. Coisa agradável quando escolas W3 é que eles lhe dão exemplos e você é capaz de clicar, Tente você mesmo botão para alterar a manipulação. Então nós mudamos essa cor de fundo do azul claro 2 000 000, que é o código hexadecimal para preto e iria clicar em executar. E lá vamos nós. Mudou para preto. Vamos adicionar alguns pontos coloridos, fff, que é o código hexadecimal para corrida branca. E lá vamos nós. Outra coisa que vamos notar aqui é que se estamos olhando para HTML bruto, tudo em uma página web está sob tags HTML. A cabeça seria os diferentes scripts como JavaScript e CSS, e diferentes tags Meta SEO, bem como sua tag título. E então o corpo é tudo o que o visitante vê no front-end da página web. Portanto, CSS pode ser chamado ligando para o arquivo CSS dot ou com a tag HTML estilo. Podemos adicionar estilo. E então tudo dentro disso seria o que escrevemos como nosso código CSS. Bem, vamos olhar para outro exemplo específico aqui. Vamos olhar para CSS. Inline. Css layout tours horizontal e vertical alinhar, centralizar elementos alinhar usando esta tag, margem dois pontos auto. E aí está o nosso exemplo. Estamos adicionando um seletor CSS chamado center, isso é uma classe. E estamos adicionando, estamos denotando que tudo com ela com a classe central deve ser largura automática de margem 50%, borda, três pixels, sólido e verde, e, em seguida, preenchimento de 10 pixels. E é isso que nos dá esse efeito acima. Podemos tentar você mesmo e manipular a dialética. Vamos mudar a borda para 10 pixels, mudar a cor para preto, o preenchimento para cinco e, em seguida, a largura para 80 por cento. E vamos adicionar outra tag aqui, texto traço align center e, em seguida, executar e ver o que mudar. Fizemos a borda mais grossa, tornámo-la preta. Centralizamos este Hello World e afrouxamos o estofamento um pouco. E nós fizemos a largura 80 por cento em vez de 60 por cento. Então é estendido ainda mais para a página web. Então isso é o que é conhecido como uma classe. Você pode ter um ID em uma página, um ID. É um identificador único. E então podemos ter várias aulas. Então, poderíamos adicionar centro de classe para vários elementos HTML em uma página. E indivi, há uma seção onde você pode adicionar uma classe para realmente qualquer módulo, qualquer seção, qualquer linha pode ter uma classe. Então, neste caso, neste exemplo, a classe é chamada de centro. E aqui em cima temos frio. E você pode chamar isso em uma página da Web individual ou em todo o site. Estamos ligando para o centro, a classe do centro. E qualquer coisa com essa classe vai ter este estilo. Tudo bem, então isso é um pouco sobre o que CSS faz e onde podemos ir para aprender CSS. Eu recomendo passar por todos esses tutoriais para se familiarizar com CSS. Mas agora queremos saber como podemos adicionar CSS ao seu site WordPress. Então, para responder a essa pergunta, vamos entrar em nosso site de teste em nosso servidor. E nós vamos ver algumas opções diferentes aqui para como podemos adicionar CSS ao nosso site. Existem várias maneiras de fazer isso, e muitos temas modernos dão a você uma opção para adicionar código CSS personalizado ao seu site. Devi, é claro, bem-vindo CSS e nos dá muito controle sobre o design de uma página web. Além de nos dar controle sobre adicionar CSS adicional e ajustar isso em uma página da web. Então, um dos primeiros lugares para ir se estamos usando o tema divi, seria Opções de tema. E em outros temas, ele pode ser chamado de algo como código personalizado, integrações de código, CSS personalizado avançado. Vamos procurar termos como esse. Indivi, está sob Devi, e depois Theme Options. E então nós rolamos para baixo para CSS personalizado. Então aqui é onde podemos adicionar qualquer código CSS à nossa página web. Então, por exemplo, poderíamos dizer que a cor de fundo do corpo é CCC, que seria cinza. E então fechamos os colchetes. Vamos clicar em Salvar alterações. Esta é uma área onde podemos adicionar CSS, e eu vou mostrar-lhe o, o local espelhado onde podemos fazer isso. Primeiro, vamos ver como isso se tornou. Nós nos atualizamos. E parece que foi substituído por alguma coisa. Vamos tentar sim. Então nossa cor de fundo do corpo ficou fria. O Xcode CCC cinza que foi chamado, mas algo está substituindo. Este cabeçalho tem seu próprio fundo e a seção E, T traço, área de traço principal aqui, que tem seu próprio fundo também. Então isso está substituindo o cinza que entramos. Então vamos até o cabeçalho e vamos tentar mudar a cor de fundo disso. Neste momento está listado como o cabeçalho principal. A cor de fundo é branca. Vamos tentar mudar isso para o cinza. E lá vamos nós. Mudamos a cor de fundo para aquele cinza claro que tentamos na parte de trás, no fundo de todo o corpo. E agora podemos ver isso, mas essa edição que acabamos de fazer lá com nosso inspetor de navegadores? Isso vai salvar? Vamos atualizar a página da Web e ver. Não, essas são edições não destrutivas que não são salvas no servidor para que CSS não seja salvo. Isso é apenas uma caixa de areia onde podemos jogar com CSS do nosso lado. Na verdade, o inspetor é uma maneira maravilhosa de praticar CSS. Nós podemos mudar qualquer coisa aqui e não nos preocupar em bagunçar a página web ou se preocupar com coisas que estão sendo salvas no servidor ou quebrar qualquer coisa no site. Então vamos fazer disso uma edição mais permanente. Vamos ver este cabeçalho aqui. É uma tag HTML cabeçalho com o ID do cabeçalho principal traço. E uma identificação tem este filho. Uma classe tem o ponto, seno. As classes têm um ponto na frente delas, e as IDs têm uma hashtag na frente delas. Neste caso, isso está dizendo que a classe de ET sublinhado fixo, sublinhado nav. E, em seguida, dentro dessa classe, o ID do cabeçalho principal traço, isso é o que está sendo chamado aqui. Além disso, ET fixo nav cabeçalho traço superior também está sendo chamado neste mesmo pedaço de CSS. E isso é mais eficiente se você quer dizer posição fixa. Se você quiser se inscrever em dois elementos diferentes, você pode combiná-los aqui. Então cabeçalho principal e cabeçalho superior estão sendo manipulados como posição fixa. Então vamos para outra área aqui. Você pode entrar na aparência e personalizar. E eu prometi a vocês que isso seria um espelho do CSS que nós adicionamos sob as opções de tema. Então vamos verificar isso. Clicamos em CSS adicional na parte inferior. E lá estamos nós. Cor de fundo do corpo, CCC que foi adicionado. Nós adicionamos sob opções de tema Devi e podemos vê-lo aqui também. Com o personalizador de temas, você pode ver visualmente como suas edições serão exibidas em seu site. E, em seguida, se você gosta, o que você está fazendo e você pode clicar no botão Publicar na parte superior. Então, vamos adicionar essa edição que tínhamos olhado para cabeçalho anterior. E queremos chamar o ID do cabeçalho principal do traço. E vamos salvar a cor do traço de fundo, número CCC. E lá estamos nós que manipulamos este cabeçalho. Você vai notar que não adicionamos um espaço aqui. Por que não adicionamos um espaço? Então, se olharmos para o HTML, é a tag de cabeçalho. E podemos chamar isso apenas escrevendo cabeçalho. E, em seguida, queremos obter mais específico, incluindo o cabeçalho principal do traço identificador. Mas isso é tudo parte da mesma tag HTML. Então, aqueles que fazem parte da mesma tag HTML, como este. Por exemplo, corpo, a barra de administração de classe e a classe ET fixo agora são todos parte do mesmo elemento HTML. Mas adicionamos esse espaço quando estamos refinando isso para um elemento HTML dentro desse elemento. Tínhamos o corpo aqui. E, em seguida, o cabeçalho principal do traço está dentro da tag body. Então corpo, chamamos esse corpo de largura e, em seguida, o nome da classe que estamos querendo especificar. E, em seguida, barra de espaço e, em seguida, a tag HTML que você está olhando dentro da tag body. Então nós fazíamos corpo e em nossa classe e, em seguida, espaço e, em seguida, cabeçalho. E se estamos chamando o ID, podemos fazer hashtag principal cabeçalho traço. E é assim que obtemos ponto de corpo, ponto painel de administração GET navegação fixa, espaço, hashtag, cabeçalho principal traço. Você notará que o cabeçalho bem aqui, H-E-A-D ER tag HTML ponto não foi incluído aqui. Css é muito indulgente. Às vezes você não precisa necessariamente adicionar essa tag HTML. Pode chamá-lo com a identificação. Ou os criadores de Devi poderia ter chamado isso sem o identificador e apenas disse cabeçalho em vez do identificador. Mas às vezes há vários pedaços de CSS que estão competindo por um estilo. E você precisa ser muito específico para substituir os outros. Por exemplo, cabeçalho principal tem seu próprio css, certo? E, em seguida, apenas cabeçalho tem seu próprio CSS. Tudo tem seu próprio CSS. E então isso é conhecido como um CSS Reset, que recebe tudo no mesmo, dá tudo no mesmo estilo como base em todos os navegadores. Margem 0 acolchoado, 0 pender. Mas o cabeçalho está sendo chamado em algum lugar aqui também. Então, tudo isso para dizer, há um monte de CSS adicionado a este elemento HTML específico. E todos eles serão adicionados juntos, mas apenas um pode ser chamado. Apenas uma parte do CSS pode ser chamada de cada vez, o que significa que só pode haver uma cor de fundo. Então, mesmo que outras partes do CSS aqui estejam chamando um particular, chamando por uma cor particular. Como neste caso fonte traço tamanho 14. Vamos notar que está riscado. E isso porque algo mais específico do que o corpo está substituindo esse CSS. Então você pode ter todo esse código CSS, mas apenas uma manipulação de design específica vai ser executada para cada um deles. Assim, uma vez ESS pode chamar a altura da linha e o caminho da fonte, e outro poderia chamar a posição. E então outro pode chamar a distância do topo. E, em seguida, outro meu anular essa distância. Então é assim que o CSS funciona. Vejamos outra personalização aqui. Veremos alguns links úteis para você começar. Clique com o botão direito e inspecionamos. E vamos ver que este é um cabeçalho H2 para HTML tag, e ele tem o título do traço de entrada de classe. Então nós podemos realmente manipular todas as tags H2 em toda a página web e todo o site em todo este site WordPress, se nós chamarmos H2, vamos torná-los negrito, fonte, traço, peso, negrito. Acabamos de fazer todos os cabeçalhos duas tags, negrito em toda a página web e todo o site. Agora, se um cabeçalho em particular quer substituir isso, então podemos com algum CSS mais específico. Este seria um ponto de partida para dizer todas as tags de cabeçalho duas ser negrito. Também podemos refinar isso com a classe de título do traço de entrada. Então agora todos os cabeçalho duas tags em todo o site com o traço de entrada de classe, título será negrito. Então, vamos clicar em Publicar e ver como isso se parece. Podemos refrescar-nos. E lá estamos nós. Certo, então vamos a uma de nossas páginas de exemplo aqui e vamos entrar no visual para por que esta não é ousada? Inspecione. Por que acha que essa ousadia não se aplica? Você está certo? Porque isso é um cabeçalho 1, não um cabeçalho para marcar. Então, o cabeçalho 2 é o peso da fonte negrito, mas não dissemos nada sobre o cabeçalho 1. Então ele está chamando o padrão. Aqui, vá para computado. E isso é o que realmente está funcionando. Lembre-se de apenas uma execução por elemento, e só pode haver um peso de fonte. E se clicarmos na seta aqui, isso foi chamado por este pedaço de CSS para dizer que todas as tags de cabeçalho como um ponto de partida devem ser font-weight para 500. E, claro, podemos substituir isso com uma parte mais específica do CSS. Vamos para o Visual Builder e ver como podemos manipular o CSS através. O construtor visual usará o conteúdo existente aqui. E sabemos que temos a seção, temos uma linha, e temos um módulo de texto. Quais opções CSS temos? Bem, em primeiro lugar, a guia Design tem um, cuida de um monte de CSS para você de uma forma visual. Em vez de chamar o código CSS, podemos apenas alterar o peso da fonte e o tamanho da fonte e tudo isso através da guia Design aqui. Isso vai ser muito mais fácil de editar o código do que ter que fazer isso manualmente através de CSS. Mas e se precisarmos editá-lo manualmente? Pode chegar um momento em que você precisa ajustar algo especificamente. E nesse caso, sabemos que temos a edição universal em CSS adicional. Mas também temos na guia avançada aqui, este SSS ID e classe. Você pode inserir seu ID. Não há necessidade de adicionar a hashtag. Podemos apenas dizer identificador e que irá colocar o sinal de libra e adicionar o ID para o elemento. Mas, de novo, não temos que fazer isso aqui. E então podemos adicionar nossa classe CSS, como título do traço de entrada. Podemos adicionar nossa classe CSS. Na verdade, podemos adicionar qualquer número de classes CSS a este elemento. E então universalmente poderíamos atribuir algum estilo a isso com um pedaço de código CSS. Na verdade, ele diz que podemos fazê-lo com seu tema filho ou no CSS personalizado. O que significa isto. Além disso, podemos entrar em CSS personalizado. E isso adiciona alguns CSS antes e depois. Essas são tags antes e depois, sobre as quais você pode aprender nas lições avançadas do CSS. Mas vejamos o elemento principal. Isso adicionará CSS a este módulo específico. E podemos fazer, por exemplo, linha de traço de texto, certo? Coisa que adiciona CSS apenas a esse elemento. E, em geral, isso substituirá o que já entramos aqui. Se não entrarmos em nada. Então, temos a cor padrão do texto. E então nós mais, mais rugiu com um pedaço de código CSS. E então podemos ir para o design e anular isso ainda mais. Entrando na guia Design. Você vai se acostumar com CSS. Um monte de substituições. Alguns CSS irá bloquear outros. E se você realmente quer que seu CSS execute o que você está escrevendo, o objetivo é que ele seja o mais específico possível. E quando em dúvida, podemos adicionar a tag importante aqui, e isso irá apenas substituir outras partes do CSS. Podemos acrescentar isso quando realmente precisamos de algo para executar e não conseguimos obtê-lo. Caso contrário, podemos adicionar a tag importante a qualquer parte do CSS. E agora vamos adicionar mais peso a ele. Agora, se você tivesse um pedaço mais específico de CSS do que este, e também tivesse importante, então esse seria executado porque era mais específico. De que outra forma podemos adicionar CSS? Bem, também podemos adicioná-lo a qualquer linha com o CSS personalizado avançado. Ou podemos ir, estamos querendo adicionar CSS apenas a esta página da web. Podemos descer aqui para os botões roxos e estamos olhando para as configurações da página. E, em seguida, CSS personalizado avançado. Agora estamos adicionando CSS apenas a esta página da web. Então vamos dizer cabeçalho, principal, cabeçalho, fundo, cor, digamos preto. E lá estamos nós. Estamos adicionando CSS que só será executado nesta página da Web. Agora, além disso, falamos sobre temas infantis em uma lição anterior, podemos. Adicione CSS ao arquivo styles.css em nosso tema filho, e isso seria outra maneira de adicionar CSS. Então, uma última coisa. Outra pergunta que queremos responder é como o CSS habilita o web design responsivo? Então vamos ver como o CSS ajuda com nossos sites para dispositivos móveis. Então, falamos sobre sites amigáveis para dispositivos móveis e em uma lição anterior. Então vamos olhar para o inspetor. E outra coisa boa sobre o inspetor é que podemos arrastar isso para torná-lo menor e ver como uma página da web ficará em uma viewport menor. Então, uma coisa específica para olhar aqui é notar o menu aqui em cima para a página de exemplo inicial, sem categoria. Podemos ver as opções do menu. Mas, em seguida, quando chegamos a um Viewport menor, especificamente 980 pixels é o ponto de ruptura. Esse menu fica escondido atrás do ícone de hambúrguer que três linhas. Então o ponto de ruptura, é assim que se chama. Um ponto de interrupção, seria 980 a 980 pixels e abaixo. Queremos ocultar esse menu sob o ícone Menu aqui. Então, como CSS habilita isso? Bem, vamos olhar para esta tag HTML, a tag div, ID, menu de navegação móvel. Este é todo o menu móvel. Então, você acha que o menu móvel precisa ser executado em uma área de trabalho? Agora? Não há necessidade de ver isso. Então vamos ver como conseguimos isso com CSS. Isso é na mídia. Mídia seria web design responsivo com largura máxima de mídia. Para este CSS a ser executado é 980 pixels. Então 980 pixels de largura. E abaixo, executamos esta tag AT Mobile Nav Menu bloco de exibição. Assim, a outra opção seria exibir nenhum. Bloco de exibição, não exibir nenhum. Então qualquer coisa acima 981 seria bloco de exibição. Vamos ver como isso se parece. O menu regular está sendo executado aqui, bloco de exibição. E o menu de cima está escondido às 980. Então ele é exibido acima de 980, exibição oculta nenhum abaixo de 980. Nós também podemos fazer largura Min se queremos fazer alterações que se aplicam a uma certa largura e acima. E há a altura mínima e a altura máxima. Bem, vamos ver o que seriam três escolas têm a dizer sobre web design responsivo. Web design responsivo é criar páginas da Web com boa aparência em todos os dispositivos. Web design responsivo ajusta-se automaticamente para diferentes tamanhos de tela e viewports. Com CSS, você pode redimensionar, ocultar, encolher e ampliar um site para que ele fique bem em todos os dispositivos, desktops, tablets e telefones. E há algumas coisas aqui, definindo a porta de exibição, que seria o viewport atual de uma página da Web. Você pode fazer imagens responsivas que escalam suas imagens de acordo com qualquer tamanho de navegador. Podemos mostrar imagens diferentes dependendo da largura do navegador. Com a tag de imagem, podemos ter um tamanho de texto responsivo. Então vamos ver como isso se parece. Veja como o texto está ficando menor. À medida que encolhemos o navegador. Diz para redimensionar a janela do navegador para ver como o tamanho da tecnologia escala. E podemos ver que está ficando cada vez maior com base no tamanho do navegador à medida que o manipulamos. Isso é conseguido com o tamanho da fonte 10 VW, vw sendo a largura da janela de exibição. Então, 10% da largura da janela de exibição, qual deve ser o tamanho da janela do navegador? Consultas de mídia como o que olhamos anteriormente. É comum usar consultas de mídia em páginas da Web responsivas. Você pode definir estilos completamente diferentes para diferentes tamanhos de navegador. Então, se redimensionarmos a janela do navegador verá que os três div, os elementos abaixo serão exibidos horizontalmente em telas grandes e empilhados verticalmente em telas pequenas. Você já viu isso antes. Pense em uma barra lateral em uma página da web. No seu computador para a barra lateral estará ao lado. O que acontece em um telefone celular? Vemos muitas barras laterais em um dispositivo móvel? Agora não sabemos o que acontece? Então vamos ler este código CSS e ver o que está acontecendo. Esta é a esquerda da turma. Esta é a classe certa. Este é o domínio principal da classe. Então, com essa consulta de mídia, estamos adicionando um ponto de interrupção de 800 pixels. O que isso está dizendo é que esta barra lateral, as duas barras laterais e uma à esquerda, a da direita, e depois o centro. Isso é ótimo até 800 pixels. E este pedaço de código está dizendo que isso não parece bom abaixo de 800 pixels. Então vamos mudá-lo para largura 100% sob isso, sob esse ponto de interrupção. Portanto, esquerda, principal e direita serão 100% abaixo de 100 pixels. E estes, isto em verde, estes são comentários. Este é apenas um comentário amigável para que você possa lembrar o que você está escrevendo. Nada disso importa quando o código é executado, contanto que esteja dentro da barra e do asterisco. Então vamos ver como isso se parece. Vamos ao nosso inspetor e mudamos o tamanho do navegador 2, estamos prestes a chegar a 100. E vamos ver como isso se parece. Que vemos aqui em cima responsivo. Agora estamos com 794 pixels de largura. Quando vamos para um 100, ele volta para os 20 por cento, 60 por cento 20. E quando vamos abaixo de 100, todos esses três se tornam 100% de largura. By the way, também podemos clicar nesses tamanhos padrão convenientes. Tablet, 768, laptop, 10, 24 pixels, laptop grande. E, em seguida, para o garfo, esses também são úteis. Então isso é, uh, isso é o básico do web design responsivo. Então, aqui está outro exemplo para, por exemplo, um desktop grande e telefones celulares pequenos. Vamos ver como isso se parece. Isso responderia adequadamente. Uma das, uma das maneiras mais comuns de usar CSS quando você está polido seu web design seria quando algo parece bom em seu computador, mas em um celular ou em um dispositivo específico, ele pode não parecer tão bom. Talvez seja necessário alterar algo especificamente em um determinado tamanho de dispositivo. Então você pode adicionar um pedaço de código CSS que diz, sob uma certa quantidade de pixels, eu quero que isso aconteça. Essa seria a maneira mais comum que você usaria suas consultas de mídia e você usaria CSS para que seu site possa ficar ótimo em um desktop. Mas se você puxá-lo para cima em seu telefone e apenas algo não parece certo, e você não pode conseguir um certo efeito apenas indo para o built-in Devi, ferramentas responsivas como cuidados. Móvel, responsivo. Você pode fazer um estilo de design diferente para desktop, tablet e celular. Mas às vezes precisamos ser ainda mais específicos do que isso. E nesse caso, precisamos adicionar algum código CSS, inspetor de navegador do usuário, e adicionar algum código para substituir o que está acontecendo na página da Web para que possamos polir ou web design. No geral, CSS é uma linguagem. Uma língua é difícil de aprender do dia para o dia. Leva tempo, e eu recomendo mergulhar em CSS usando alguns desses tutoriais e praticá-lo sozinho com o seu site de teste quando você é Devi tema ou qualquer palavra intocada que você está usando em seu servidor de hospedagem. E editar usando seu inspetor de navegador também, que é uma ótima maneira de aprender CSS através do que eu chamo de sandboxing. Como essas são edições não destrutivas, um CSS é muito importante. É algo que você vai usar dia após dia como um web designer. E eu encorajo você a mergulhar no CSS para aprender o máximo que puder, porque você absolutamente estará usando isso para dar design e estilo e polir seus web designs. Agora isso é um começo sólido para o seu conhecimento CSS. Então vamos recapitular o que aprendemos sobre CSS. Um, CSS é uma linguagem de programação web necessária para CSS diz adiciona design e estilo para seus elementos de página web. Três, Devi tem opções de design embutidas, mas CSS pode ajudar a alcançar efeitos que Devi não pode. Para CSS, as consultas de mídia permitem ajustar seu design para vários tamanhos de tela. E qual é o seu dever de casa? Eu quero que você tente adicionar alguns trechos CSS ao seu site. Pesquise alguns tutoriais para que você possa continuar sua educação em CSS. Estou atrasada. E agora você sabe, uma visão geral do CSS. 21. Conceitos avançados - velocidade e desempenho: Bem-vindo, estou atrasado para o seu webmaster. E a lição de hoje, vamos falar sobre alguns conceitos mais avançados de um site. A velocidade e o desempenho. Vamos começar com uma pergunta que soa mais atraente para você. Um site que carrega em 10 segundos, ou um site que carrega em dois, você provavelmente prefere segundos. Na verdade, há uma chance de você nem esperar por esses 10 segundos para que o primeiro site seja carregado. Estatisticamente falando, alguns sites realmente perdem tráfego e até mesmo receita devido aos tempos de carregamento lentos. Então você e eu concordamos que um site rápido é ideal, mas quem mais concorda conosco? Google, os motores de busca sempre recomendaram ter um site de carregamento rápido. Mas a partir de maio de 2020, algoritmos de classificação de um mecanismo de pesquisa do Google obtiveram outra atualização para priorizar o que é chamado de principais vitais da web, que é um grupo de indicadores de desempenho que basicamente eles dizem a você a velocidade de sua site e cargas. E o ponto de tudo isso é que seus visitantes, seus clientes e os motores de busca preferem que seu site seja carregado o mais rápido possível. Mas, reconhecidamente, isso pode ser mais fácil dizer do que fazer. E é também por isso que esta é uma lição de conceito avançado. Se há tanto que entra em desempenho e dita o tempo de carregamento de um site. Não é apenas um clique de um botão. Então, como exatamente você aumenta a velocidade do seu site? O que você acha que afeta o tempo de carregamento? Bem, há uma tonelada de fatores, então vamos cobrir oito dos principais. E, por favor, lembrem-se, a Web continua a evoluir. Novo software sai, linguagens de codificação, atualizações maduras do WordPress em si. Portanto, é muito importante que você continue sua educação e pesquise os últimos desenvolvimentos em um web design. Dito isto, vamos passar por esses oito princípios de desempenho, ou seja, hospedagem de imagens, vídeos, plugins, redirecionamentos. E, em seguida, na próxima lição, vamos terminar com cache, CDN e minificação. Então o primeiro, hospedagem, lembre-se, seu servidor é a base do seu site. É infraestrutura. Não posso exagerar isso. hospedagem é o maior contribuinte para o desempenho do seu site. O quão estável é uma casa? Se a base é um C fraco, barato, servidores de economia compartilhada, por natureza são simplesmente limitados em seu potencial de desempenho. Isso significa que todos os outros truques de desempenho que você implementar só podem fazer muito se você estiver em um servidor de baixa qualidade. Isso não significa que a hospedagem seja o início e o fim de sua auditoria de desempenho, mas é o núcleo. Seu potencial de desempenho é restrito em um servidor de extremidade inferior. Agora, por outro lado, se você estiver em um excelente servidor de nuvem, como maneiras de nuvem, mas negligenciar outras recomendações de desempenho. tempo de carregamento do seu site ainda pode sofrer. Agora, é claro, quando você está começando e você está com um orçamento reduzido, alguns segundos extras de tempo de carregamento podem ser uma troca aceitável para hospedagem acessível. E isso é bom. Mas quando chegar a hora de levar o desempenho a sério, considere a hospedagem de nuvem dedicada ou gerenciada como a etapa número um em sua auditoria. Agora, pessoalmente, eu absolutamente amo as maneiras da nuvem como um servidor de nuvem gerenciado. E acho que ainda há no lado Acessível. Agora, há um link conveniente para as formas de nuvem na descrição do curso. E você pode rever a lição de hospedagem na Seção 1 deste curso para recapitular as várias opções de hospedagem disponíveis para você. Número dois, imagens. E este é um grande contribuinte para o tempo de carregamento da página. Mas os gráficos são praticamente essenciais para o design de igualdade. Afinal, você pode se lembrar de visitar um site que não tinha nenhuma imagem? É raro. É a maioria dos sites usam uma combinação de imagens em segundo plano e em primeiro plano. Quer sejam imagens de fundo abstratas, imagens da equipe, o logotipo da empresa, imagens de produtos, galerias de fotos, sites estão cheios de imagens. Como isso afeta o desempenho e a velocidade? Bem, em primeiro lugar, uma fotografia padrão normalmente será maior do que as páginas inteiras. Html. Multiplique isso por várias imagens e você pode ver como as imagens representam uma porcentagem tão grande de todo o tráfego da Internet. Por exemplo, pense em uma imagem de uma câmera de smartphone. Qual você acha que é o tamanho típico de uma foto de smartphone? Tradicionalmente, as fotos de alta definição podem ter cerca de quatro megabytes, dependendo de seus telefones, tipo de arquivo e compactação. Então, digamos que cinco dessas fotos são enviadas diretamente para o seu site sem qualquer redimensionamento ou compressão. Quantos megabytes com isso somam? Só as próprias fotos. Seria de 20 megabytes, o que é extremamente grande para uma página web. Carregando imagens brutas para um site. É um grande erro que os novos webmasters cometem. E muitas vezes é porque ninguém lhes diz o contrário. Diga WordPress vai aceitar praticamente qualquer fotografia que você tentar carregar sem qualquer indicação de que você deve fazer qualquer coisa para a imagem antes de enviá-la. Wordpress é tecnicamente suposto tratar disto para ti. Eles criam diferentes miniaturas da imagem. Mas, por uma questão de desempenho, sua prática recomendada é otimizá-lo primeiro e, em seguida, carregá-lo. Então, como você otimizaria uma imagem? Há um processo de três passos. Passo um, olhe para o tipo de arquivo. JPEG funciona na maioria dos casos, quando p também é uma boa escolha. Desde que você tenha certeza de que há um fallback JPEG para navegadores que ainda não suportam WebP. Mas, na maior parte, o JPEG é universalmente reconhecido e muito compressível. Agora você pode ter ouvido falar de P&G, mas a qualidade de um PNG é tão alta que o tamanho do arquivo também é muito maior. Portanto, isso só deve ser usado se você precisar de transparência para o seu projeto de web design. Passo fazer o redimensionamento. Idealmente, suas imagens devem ser redimensionadas até a resolução que você realmente precisa para exibi-las. Por exemplo, se você estiver exibindo uma imagem JPEG com 600 pixels de largura, poderá reduzir a escala para 1000 pig. Então, o headshot de alta definição baixou para 600, já que esse é o tamanho da renderização. Alternativamente, você pode simplesmente reduzi-lo para 8800 ou 1200 pixels. E isso vai apaziguar dispositivos que têm uma densidade de pixels maior, como duas ou três vezes. Em outras palavras, uma imagem de 1200 pixels renderizada a 600 pixels em um dispositivo de alta densidade. Bem, olhe alta definição em vez de pixelizado. Passo 3, comprimir. É aqui que você esprema mais alguns kilobytes do tamanho do arquivo removendo metadados inchados e outros lixo desnecessário sem comprometer a qualidade da imagem. Você poderia, por exemplo, tirar uma imagem de 200 kilobytes para 150 em apenas alguns segundos com uma ferramenta de compactação de imagem. E agora há muitos de graça. Eu pessoalmente uso image optim.com para o Mac, mas existem vários gratuitos. Basta soltar sua foto e ele salva automaticamente a versão menor. Portanto, se você seguir essas três etapas, o tipo de arquivo, redimensionar, compactar, você removerá uma porcentagem maior do tamanho da página da Web e do tempo de carregamento. Então vamos olhar para um exemplo aqui temos uma imagem e este é um arquivo PNG. E digamos que o cliente quer isso enviado para o site. Esta é uma foto exterior da casa de repouso, mas está em formato PNG. É de alta qualidade e 11,5 megabytes, o que é muito grande para um site carregar. Então está em PNG, que normalmente seria usado para transparência. Mas não precisamos de transparência nesta foto em particular. Então eu acho JPEG ou web p com adequado muito bem. Então primeiro precisamos convertê-lo para o formato JPEG. Queremos olhar para o tipo de arquivo e, em seguida, redimensioná-lo e, em seguida, compactá-lo. Então vamos deixar isso no Photoshop aqui. E você pode fazer o mesmo no Mac Preview. Você pode fazer o mesmo no programa de pintura. Você pode fazer isso em praticamente qualquer editor de imagens. Então, primeiro, vamos redimensioná-lo para um tamanho apropriado e queremos exibi-lo. Então, clicamos na imagem na parte superior e, em seguida, o tamanho da imagem. E vamos levá-lo para baixo. É uma largura de 2000 pixels. Então, digamos que o cliente deseja exibir isso em 100 pixels. Poderíamos mantê-lo em 2000 para exibi-lo em duas vezes a densidade de pixels. Mas para tornar isso simples, vamos apenas levá-lo para baixo para 100 pixels de largura. Já que é assim que querem exibi-lo. Nós o reduzimos para 100 pixels e clicamos em Ok. Então isso vai ser muito menor em tamanho de arquivo, mas ainda há mais que podemos fazer. Queremos levá-lo de PNG para JPEG. Então esse é o nosso próximo objetivo. Então vamos para Salvar como e, em seguida, ir para a pasta em que estamos salvando isso. E estamos alterando o formato de arquivo PNG para clicar em Salvar como uma cópia, e agora estamos salvando como um JPEG. Então, em vez de PNG, estamos salvando isso como um JPEG e clique em Salvar. E agora isso nos leva à qualidade. Então, para um site, não há necessidade de ir mais do que seis ou sete. Eu gosto de fazer cinco ou seis para a qualidade e ainda faz a foto parecer boa, mas ele apenas ler um pouco mais tamanho do arquivo para baixo. Vamos levá-lo para cinco e, em seguida, clique em OK. E veremos com o que estamos trabalhando agora. Então temos o arquivo PNG que tinha 11 megabytes. E agora temos um arquivo JPEG que tem 120 kilobytes que tem muito menos tamanho de arquivo e que vai carregar muito mais rápido em um site. E vamos ver se a qualidade mudou. Então este é o arquivo PNG e este é o JPEG. Então, além de ser menor, as fotos ainda parecem boas. Mas vamos tentar retirá-lo um pouco mais com o nosso compressor de imagem ideal. Então, temos uma imagem JPEG a 120 kilobytes agora. E nós vamos arrastar e soltá-lo na imagem Optum app. E vamos ver o quão rápido ele o comprime. Já está feito. Então ele reduziu para 92 kilobytes, e isso é uma economia de 23%. Então pegamos um arquivo PNG de 11 megabytes para um JPEG em 92 kilobytes. O que fizemos lá é que basicamente otimizamos nossa imagem e nosso arquivo PNG. Otimizamos isso para a web alterando o tipo de arquivo, redimensionando-o e compactando-o. E agora este está pronto para fazer upload para o nosso projeto de site, podemos fazer o upload para o WordPress e começar a usá-lo. Agora a terceira dica é vídeos. Este é outro grande contribuinte para o tempo de carregamento da página da Web. Mas os vídeos são tão importantes agora, certo? Como integramos conscientemente o vídeo nos sites dos nossos clientes sem sacrificar o desempenho do site. Bem, vamos falar sobre isso. Por exemplo. Digamos que você queira adicionar um tutorial em vídeo ao seu site. Você cria, edita e exporta o arquivo de vídeo. Mas, em seguida, o que você enviar isso diretamente para o seu site via FTP ou fez a seção de mídia WordPress? É possível. Wordpress permite uploads de vídeo. Mas por uma questão de desempenho, absolutamente evite isso. E, a menos que seu vídeo seja apenas alguns megabytes, digamos, quando você hospeda seus próprios vídeos em seu servidor, eles ocupam uma tonelada de espaço. Vídeos de alta definição podem facilmente ter mais de 100 megabytes. Isso é especialmente um problema em um servidor compartilhado. Você tem espaço limitado. Você pode até estar violando os termos de hospedagem, que pode fazer com que sua conta de hospedagem seja encerrada completamente. E mesmo que você possa fazer upload de vídeos grandes para o seu provedor de hospedagem, ele provavelmente proporcionará uma experiência de usuário ruim. E pense nisso. Se vários usuários tentarem assistir a um vídeo em seu site ao mesmo tempo, seu servidor precisará entregar esse arquivo enorme a todos eles. Se o servidor tiver uma quantidade limitada de largura de banda, isso pode resultar em atrasos e pausas na Reprodução. Você já assistiu ao vídeo que pausa a cada poucos segundos para buffer. Como é que se sentiu? Provavelmente frustrante. Não faça isso com seus visitantes ou com seus clientes visitantes. Então, qual é a solução para esta questão? O que vem à sua mente como uma maneira aceitável de exibir seus vídeos sem enviá-los para o seu site. Você pode tentar uma hospedagem de terceiros, serviço de hospedagem de vídeo como YouTube, vimeo, Wistia. E depois de ter carregado o vídeo para o site deles, você o incorpora na sua página da Web. Esse serviço de hospedagem de vídeo irá lidar com toda a largura de banda, a renderização, a compactação, todas as coisas avançadas em seu final, enquanto exibe a melhor experiência de visualização em sua página da Web sem sobrecarregar seu servidor. Este processo economiza espaço, resulta em tempos de carregamento mais rápidos e é extremamente fácil de fazer. Número 4, plug-ins. Outra maneira de melhorar o desempenho do seu site é manter um olho nos plugins. Agora, em um site WordPress, é tão fácil cair na armadilha de instalar outro plugin toda vez que você precisa de funcionalidades adicionais. Mas você acha que poderia haver uma desvantagem acumular um monte de plug-ins? Você está certo. A performance pode sofrer. Ver todos os plugin Haven, mesmo plugins relacionados ao desempenho, ironicamente, deve ser carregado para operar. Assim, cada plugin adiciona ao tamanho da página e tempo de carregamento. Alguns são realmente pequenos, curtos, enquanto outros como Woo Commerce ou extenso. Então você acha que isso significa que nós precisamos apenas evitar plugins completamente? Não, não necessariamente. Alguns plugins são necessários para a gestão de um site. Pense em backups, segurança, quais são as funcionalidades? Como um livro e calendário ou e-commerce? Então, meu conselho para você é que seja muito intencional com suas escolhas de plug-in. Escolha e escolha seus plugins cuidadosamente e revise-os a cada poucos meses para ver se há algum que você pode desativar e estar ciente de coisas que você pode fazer dentro do WordPress ou Devi sem a necessidade de adicionar um plugin adicional. Por exemplo, quando você instala o Google Analytics para rastreamento, Google fornece um trecho de código que ele deseja que você coloque no cabeçalho do site. Então você acha que isso requer um plugin para instalar? Há muitos plug-ins do Analytics disponíveis. Mas Devi e muitos outros temas tem uma área onde você pode adicionar código ao cabeçalho e rodapé dos seus sites. Em outras palavras, você pode alcançar essa funcionalidade dentro do Devi sem incomodar seu site com mais um plugin. Outras vezes, você pesquisará um problema e encontrará uma solução que exija a edição de seus temas. Arquivo Functions.php. Isso é comum. Adicionar um plugin pode resolver esse problema também. Mas se houver algo que você pode consertar apenas adicionando um pedaço de código ao seu arquivo functions.php temas. Essa solução é muito mais limpa e mais leve do que adicionar outro plugin. Portanto, fique de olho nesses plugins e o desempenho do seu site vai agradecer-lhe. Número 5, redireciona. Você já visitou uma página da Web apenas para ser redirecionado para outra página? Ocasionalmente, há motivos legítimos para fazer isso, como rastreamento ou links curtos como Bitly, ou quando uma empresa muda nomes de domínio, mas ainda tem sites vinculados ao URL antigo. Mas quando uma página web redireciona para outra, você acha que isso acontece simultaneamente? Você está certo. Ele não faz. Cada redirecionamento leva um pouco de tempo, e vários redirecionamentos podem adicionar até alguns segundos. Tempo precioso, de fato. Então pense em redirecionamentos como pegar o longo caminho para a cidade. Cortar os redirecionamentos é como pegar um atalho. Portanto, sua prática recomendada para o desempenho é limitar ou eliminar redirecionamentos, a menos que seja absolutamente necessário. Finalmente, terminaremos os três princípios de desempenho restantes, cache, CDNs e minificação na próxima lição. E é isso. Há uma visão geral de algumas das melhores maneiras de melhorar o desempenho do seu site. E, novamente, encorajo você a continuar sua educação lendo sobre os últimos desenvolvimentos e melhores práticas neste setor. Porque as coisas no web designer sempre evoluindo. E nós só riscamos a superfície das ideias de performance nesta lição. Então vamos recapitular todas as dicas que acabamos de aprender. Você pode otimizar o desempenho do seu site em 1, atualizando sua hospedagem para otimizar as imagens. Três, hospedar vídeos externamente para desativar plug-ins desnecessários. Cinco, limitando redirecionamento. Agora vamos encerrar as últimas dicas gregas na próxima lição. Então, qual é o seu dever de casa? Eu quero que você implemente as cinco sugestões de desempenho nesta lição em seu site. Esteja preparado para fazer uma pesquisa extra quando você tiver algum problema. Como as diretrizes nesta lição, eu exijo ajuste fino para o seu projeto específico com base em sua pesquisa de hospedagem. E eu sou Leighton, e agora você sabe como melhorar o desempenho e a velocidade do seu site. 22. Conceitos avançados - Cache, Cache, Minification: Bem-vindo, estou atrasado para o seu webmaster. Na lição de hoje, vamos construir sobre os princípios de desempenho mencionados na lição anterior. Especificamente, discutiremos os benefícios do cache, CDNs e minificação. Vamos começar com o mínimo. Já ouvi falar de unificação. E suponha que a palavra em espaço web design. Então, vamos colocá-lo em termos simples. código de ampliação significa remover tudo o que um computador não precisa para entender e executar o código. Isso inclui comentários de código, espaços em branco, ponto-e-vírgula desnecessários. Por exemplo. Isso torna os arquivos CSS, JavaScript e HTML um pouco menores para que eles sejam carregados um pouco mais rápido no navegador e ocupem menos largura de banda. Todas as coisas boas. Por conta própria. A minificação só resultará em melhorias mínimas de velocidade. No entanto, implementado juntamente com essas outras dicas nesta lição e o anterior, resultará em melhor desempenho do site, que é o nosso objetivo. Outro termo que acompanha isso é combinar, que significa combinar vários arquivos CSS e JavaScript em um. Quanto menos arquivos para carregar, melhor. Então, como vamos fazer isso? Vamos verificar algumas minify e caixas combinadas? Bem, em alguns casos, sim. Deixe-me explicar. Portanto, há várias maneiras de realizar a minificação. Você pode minificar manualmente todos os arquivos um por um, copiando-os e colando-os em um minificador de código on-line. Você pode instalar um plugin de minificação. Você poderia ativar a minificação dentro de Devi. Você pode até ativá-lo através do seu servidor de hospedagem. Há várias maneiras de conseguir isso, e aqui está sua melhor prática. Se você ativar a minificação em um nível de servidor antes mesmo de seus plugins começarem a carregar. Essa seria a maneira mais eficiente. A melhor prática. Eu gosto de usar minificação em Cloud flares plano livre, e vamos falar sobre isso no próximo ponto. Além disso, se o seu tema tem minificação embutida e Devi tentar isso como uma opção final. Se tudo mais falhar, você pode instalar um plugin de minificação como eu vou top morte. Mas lembre-se, seu software WordPress tem que carregar primeiro e chamar esse plug-in antes mesmo de começar a funcionar. Em termos de milissegundos, essa é uma opção mais lenta por natureza. Seja qual for a minificação, você deve se lembrar dessas duas regras. Um, use apenas um método de minificação de cada vez. Você não deve ativar várias formas de minificação. Estes não são projetados para trabalhar juntos que podem levar a problemas na estrada e para sempre testar. Minificação pode quebrar seu site se não implementado corretamente. Sempre que você ativá-lo ou desativá-lo, você precisa atualizar seu site para garantir que ele ainda está operacional e parece bom. Então, em resumo, ative uma forma confiável de minificação. Teste e desfrute de um aumento mínimo de desempenho. Faça Rede de Distribuição de Conteúdo ou CDN. Vejamos o valor de uma CDN ou rede de entrega de conteúdo, ou CDN é outro termo popular de desenvolvimento web. Um deles é uma rede de entrega de conteúdo. Bem, em termos simples, com um CD em uma rede de servidores, hospede seu site localmente para acelerar os tempos de carregamento de páginas da web. Por exemplo, um usuário na Irlanda acessando um site hospedado na Califórnia não teria que fazer ping no servidor de origem americana, mas sim um mais próximo na Irlanda, essencialmente, cópias do seu site são armazenadas em vários, data centers geograficamente diversos para que os usuários tenham acesso mais rápido e confiável ao seu site. Então, como você instala a CDN? Você acha que estes são caros? Não necessariamente. Há muitas opções. CDN chave, caminho de pilha, Amazon CloudFront, bunnies, CDN, Fastly, Cloud ways tem sua própria CDN por apenas US$1 por 25 gigabytes. Todas essas soluções podem funcionar bem se configuradas corretamente. Mas qual é o CDN que eu prefiro? Começo com a versão gratuita do Cloudflare. Eles não só oferecem serviço CDN, mas combinam isso com recursos de segurança e otimização, como minificação e cache. Eu realmente uso o Cloudflare livre como meu CDN exclusivo e minifier. Deixe-me mostrar-lhe o que a Cloudflare tem para oferecer e como ativar sua CDN gratuita. Então aqui estamos no cloudflare.com, meu CDN de escolha. Então eles oferecem inúmeras soluções aqui para todos os tipos de coisas relacionadas à internet e uma experiência online. Vamos olhar especificamente desta vez em produtos e C, D em. Então isso nos leva a cloudflare.com barra cdn. É uma rede global rápida, ágil e segura. Eles oferecem entrega de conteúdo ultrarrápido, estático e dinâmico em sua rede de borda global. Então vamos ver o quão extensa é essa rede clicando em rede global expansiva aqui para ver todos os seus data centers. A rede Cloudflare abrange mais de 200 cidades em mais de 100 países, o que é incrível, especialmente porque seu produto base é gratuito. Então aqui estão algumas das cidades, países e continentes em que eles apoiam suas redes. Então, para começar com o Cloudflare, tudo o que temos a fazer é clicar no botão Cadastre-se e conectar nosso nome de domínio. Assim que fizermos isso, teremos nossa conta Cloudflare. E para usar o Cloudflare, uma coisa importante a notar é que eles exigem que seus servidores de nome estejam no Cloudflare, o que significa que os servidores de nome serão usados com o Cloudflare para usar o Cloudflare, certifique-se de que seu Servidores DNS ou servidores de nome foram alterados. Estes são seus servidores de nomes Cloudflare atribuídos. Então estes são os usados para a minha conta, podem ser diferentes para a sua, mas você tem que ir para o seu registro de domínio, como domínios do Google, Godaddy.com, Iona nos, qualquer que você usar para o seu registro de domínio, você tem que clicar no servidor de nomes e alterá-lo para Cloudflare, a fim de usar a Nuvem para seus serviços. Então, nesse caso, uma vez que fizermos isso, então Cloudflare será nosso novo lugar para ir para editar nossos registros DNS. Então, novamente, uma vez que seus servidores de nome são apontados para uma empresa ou serviço diferente como Cloudflare. É aí que você gerenciará seus registros DNS. Então, apenas o fato de que temos o Cloudflare instalado significa que o CDN está funcionando. Vamos clicar em alguns desses rapidamente para ver o que está incluído na conta gratuita do Cloudflare. Então, aqui estão algumas análises sobre os visitantes que recebemos e os dados que foram armazenados em cache quando eles estão descontando serviços obteriam alguns dados analíticos aqui na página do Analytics. Agora, sob a rede de entrega de conteúdo, também temos segurança interna, o que significa que a Cloudflare está protegendo você contra ameaças e quebra aqui os tópicos por país. No último dia, semana ou mês. Principais ameaças, tipo superior dos principais tipos de threads. E então temos nossos registros DNS. Temos segurança SSL, temos o firewall embutido aqui, que faz parte dos serviços de segurança deles. Acesso a Cloudflare, otimização de velocidade. Podemos ativar algumas dessas configurações. Eu gosto de ligar o auto minify aqui. Eu desligo em Divi Theme Options, e eu ativo-o no Cloudflare, já que esta é a minificação de nível de servidor. E então podemos ativar seletivamente alguns desses. Se assim escolhermos. Cache aqui. E alguns outros serviços são regras importantes. Podemos entrar aqui e criar uma regra de página. E há várias práticas recomendadas para isso. Eu gosto de ter uma regra base de armazenamento em cache tudo, que é o nosso nome de domínio barra asterisco, cache, tudo apenas faz o carregamento do site mais rápido. E então o nível de segurança alto para o administrador do WordPress. E então este é o Visual Builder. Ignoramos o cache nisso. E, em seguida, sob a rede aqui, podemos ver algumas configurações de rede. E podemos ligar e aproveitar para acelerar as coisas. Tráfego. E alguns outros aqui. Então esse é o Cloudflare. Se tivermos Cloudflare conectado e ligar com sucesso através da configuração do Cloudflare e através dos servidores de nomes, então é isso. A CDN é ativada automaticamente e podemos nos beneficiar dos serviços Cloudflare. Agora, a terceira dica de desempenho é o cache. Aqui está outro termo popular na web. Já ouviu falar em cache? Quer você perceba ou não, seu navegador e os sites que você visita provavelmente já estão usando o cache para acelerar as coisas. É assim que funciona. Quando um site armazena em cache, o servidor salva cópias de suas páginas da Web. Então você não precisa começar do zero. Toda vez que o site é carregado. Você se lembra de como o site parecia recentemente e mostra isso. Agora, além do cache do lado do servidor, seu navegador provavelmente já está salvando cópias de páginas da Web em seu dispositivo também. Com várias camadas de cache do navegador e do servidor, você pode reduzir o tempo de carregamento, que aumenta o desempenho dos lados. Então, algumas perguntas vêm à mente. Há alguma desvantagem? E como implementamos o cache? Você pode pensar em quaisquer problemas potenciais de seu servidor e navegador mostrando uma versão recente de uma página da Web. Pense sobre isso. E se você atualizou seu formulário de contato na quarta-feira? Mas o navegador ainda está mostrando a versão terças-feiras. Ei, isso é um problema comum. cache geralmente tem um TTL ou Tempo de Vida e basicamente quanto tempo o dinheiro deve permanecer até pegar uma nova cópia. Se você quiser que as pessoas vejam uma página da Web atualizada recentemente antes que essa cópia expire, talvez seja necessário fazer o que é chamado de limpar ou limpar o cache. Isto é quando todos os caches liberados expiram automaticamente, para que todos vejam a cópia mais recente. Isso pode ser feito em seu navegador, bem como no servidor real. Então, como se implementa cache em um site? Essa é a nossa próxima pergunta. Bem, como mencionamos, ao contrário da minificação, pode haver várias camadas de cache. Agora isso não significa que você deve instalar cada plugin relacionado dinheiro que você encontrar. Em vez disso, isso significa que você pode ter o cache do seu navegador, WordPress, dinheiro, hospedagem, cache do servidor, etc. Há muitos plug-ins de cache lá fora. Há dinheiro total WP, foguete WP, Super Cache WP, uma morte superior. Então, qual deles eu prefiro? Bem, como mencionado na demonstração Cloudflare, eu realmente uso Cloud flares cache livre, o que é muito bom. Veja em vez de confiar em WordPress plugin, é mais eficiente para armazenar em cache em um nível de servidor. Agora, na verdade, as formas de nuvem oferecem seu próprio cache através do plug-in brisa. Mas eu prefiro Cloudflare, especialmente porque é gratuito e fácil de configurar. Deixe-me mostrar-lhe a minha configuração ideal de cache Cloudflare. Por isso, analisámos isto brevemente há pouco. Vejamos isso em mais profundidade no Cloudflare. E vamos para o cache e, em seguida, configuração, e podemos ver exatamente quais são as configurações de cache. Então, uma coisa importante a observar é o cache de limpeza. Podemos entrar aqui na nossa conta da Cloudflare. Podemos selecionar nosso site e podemos tanto limpar tudo, que forçará o Cloudflare a buscar uma nova versão dos arquivos do seu servidor web que permitirá que os visitantes do site vejam a nova versão do site. Ou podemos purgar personalizado e purgar seletivamente uma determinada página da Web em nosso site. Você pode fazer isso se tiver feito alterações em uma página da Web específica, mas não precisa limpar todo o site, apenas essa página. Então fique de olho nessas configurações. O dinheiro da purga é comum que usaremos. E, em seguida, nível de cache, eu gostaria de manter isso no cache padrão do navegador Time to Live irá mantê-lo em quatro, quatro horas. Sempre online é um bom recurso para manter seu site on-line para os visitantes quando seu servidor de origem está indisponível. Assim, isso permitiria que seu site permanecesse on-line mesmo quando as coisas acontecem, graças ao Cloudflare. Agora temos o modo de desenvolvimento que irá ignorar o cache enquanto estamos trabalhando no site. Pode ligar isso, se quiser. Enquanto você está trabalhando em uma página. Além disso, vamos entrar em regras e ver uma prática recomendada para nossas regras de cache. Então nós temos três de graça, incluindo ele incluído na conta gratuita Cloudflare, e então podemos comprar mais regras de página por apenas alguns dólares, se necessário. Mas gosto de começar com isto. Então nós colocamos em nosso nome de domínio e, em seguida, cortar asterisco, que significa absolutamente tudo no servidor web. E fazemos o nível de cache, armazenamos tudo o que se parece com isso, a regra de página, isso significa tudo no servidor web, nível de cache. Há muitas configurações que podemos aplicar aqui. Nível de cache, e vamos colocar dinheiro, tudo e, em seguida, clique em Salvar. Para além disso. Nosso nome de domínio barra WP, asterisco admin, o que significa tudo WordPress admin relacionado. Vamos fazer algumas coisas aqui. Vamos fazer segurança, desvio de alto nível de cache. Nós absolutamente queremos ignorar todos os descontar no administrador do WordPress, desativar aplicativos e desativar o desempenho e, em seguida, clique em Salvar. E, em seguida, o Visual Builder aqui, esta é uma boa maneira de ignorar o cache em qualquer coisa relacionada ao construtor visual. Agora esta é a URL que é anexada a qualquer página da Web que tenha o construtor visual ativado. Então eu gosto de colocar o nome de domínio e, em seguida, cortar asterisco e, em seguida, colar isso, que é o que é anexado quando estamos usando o Visual Builder. Então, basicamente, qualquer página onde você clique em Ativar Visual Builder, vamos ignorar o cache. Nós definitivamente não queremos servir qualquer cache nessas páginas, uma vez que o Visual Builder foi projetado para fazer alterações em uma página da Web, não queremos que isso seja estático. Tudo bem, e então podemos pedir isso também. Portanto, este é um nível de importância. Então começamos na parte inferior com o cache de tudo, e então as regras têm maior prioridade à medida que subimos. Então número um, maior prioridade, vou colocar o número do Visual Builder para o administrador do WordPress número 3, vamos fazer cache de tudo. Há outros que você pode aplicar. Podemos aplicar regras para o nosso carrinho ou fazer o check-out da nossa conta. Podemos ignorar o cache nessas páginas, significa que não há absolutamente nenhum cache acontecendo no carrinho, no checkout e nas páginas da conta porque queremos que elas mudem conforme as pessoas adicionam, removem e atualizam seu carrinho. E como eles colocam em suas informações de conta e cartão de crédito, nós realmente não queremos armazenar nada nessas páginas. Então nós tornamos essas regras como páginas de alta prioridade. Esta é uma configuração mais avançada aqui. Incluí envios de mídia. Uma vez que este é um, um site de extremidade superior. Incluí mais alguns aqui. Os uploads de mídia, estamos armazenando tudo em cache e, em seguida, ajax, podemos ignorar cache em chamadas web que estão usando Ajax. E no fundo, a prioridade mais baixa é armazenar tudo em cache. Então isso significa que qualquer um destes pode substituir o de baixo. Porque às vezes queremos ignorar o cache. E novamente, quando você entrar em sua conta do Cloudflare, a configuração número um que você vai entrar é este dinheiro de purga aqui. Podemos clicar que purgar tudo ou podemos purgar personalizado. E outra coisa que você pode fazer indo para o seu site e indo para o plugin Cloudflare em seu site. Se instalarmos o plugin Cloudflare em nosso site, então podemos ter essas opções de cache disponíveis para nós em configurações. E Cloudflare, este é o plug-in oficial do Cloudflare e nos permite limpar o cache diretamente do nosso administrador do WordPress. E ele também tem sob configurações aqui, Auto Purge conteúdo na atualização, que significa que ele limpa o dinheiro automaticamente quando você atualizar a aparência do seu site. Então essa é uma característica muito útil. E isso nos permite ter nossa purga de dinheiro diretamente em nosso administrador do WordPress. Então, essas são as configurações de cache disponíveis através do Cloudflare. E esta é uma solução muito, muito útil que acelera as coisas, faz tudo carregar um pouco mais rápido e ignora a necessidade de apenas pegar a nova página toda vez que alguém carrega o site. Porque, na maioria das vezes, quais tipos não mudam com muita frequência. Assim, podemos aproveitar o cache para acelerar as coisas. A Cloudflare faz isso gratuitamente com seu plano gratuito. E é muito útil ter isto ligado. E é isso. Essa é uma visão geral de três outras maneiras de melhorar o desempenho do seu site. E, novamente, continue sua educação lendo sobre os últimos desenvolvimentos e práticas recomendadas neste setor. Porque a web está em constante evolução. E nós só riscamos a superfície das ideias de performance nessas duas lições. Então vamos recapitular as três dicas de desempenho. Nesta lição. Você pode otimizar o desempenho do seu site em um, ampliando seu código para usar um CDN, e três, armazenando seu site em cache. E qual é o seu dever de casa? Eu quero que você implemente três sugestões de desempenho nesta lição em seus sites e esteja preparado para fazer pesquisas extras quando você tiver quaisquer problemas, pois as diretrizes desta lição podem exigir ajustes finos para seu projeto em sua zona costeira única. Eu sou Leighton, e agora você sabe como melhorar a velocidade e o desempenho do seu site através de minificação, cache e redes de entrega de conteúdo. 23. Conceitos avançados - entrega de e-mail: Bem-vindo, sou Leighton, seu webmaster. Agora, na lição de hoje e vamos discutir outro conceito avançado de web design, a importância de garantir e-mail e entrega. O que é isso? Idealmente, o que acontece quando alguém preenche o formulário de contato em seu site? Como você recebe essa mensagem? Ele vai para a sua caixa de entrada de e-mail. E se você estiver criando um site de comércio eletrônico com notificação de pedidos, e-mails como pedido feito, recibos, faturas, cancelamentos, Notificações de envio. E, geralmente, esses devem pousar em sua caixa de entrada de e-mail do cliente ou proprietário do site. Isso é garantido? Como você sabe com certeza que esses e-mails serão entregues com sucesso na caixa de entrada apropriada. É aí que entra a entrega de e-mails. Pense nisso como um serviço postal. Se você mora em um país com um Serviço Postal Nacional e envia algo por correio, como é que ele chega de você para o destinatário? O serviço de correio trata disso para você. Você confia neles para garantir a entrega de seu e-mail. Da mesma forma, no mundo digital, empresas de entrega de e-mail são o intermediário entre seu site e sua caixa de entrada de e-mail. Seu único objetivo é obter essas notificações de envio, redefinições de senha, e-mails promocionais, eles no formulário de contato enviar e-mails entregues com sucesso. Mas quando isso se torna um problema, quero dizer, no passado, você poderia apenas criar um formulário sem se preocupar com nada disso. envios de formulários seriam colocados de forma confiável na caixa de entrada adequada. Então, o que mudou? Bem, tudo volta ao spam. O ataque de spam ultimamente tem sido uma grande batalha para os provedores de e-mail. Não só o spam pode chegar à sua caixa de entrada, o que é irritante, mas os e-mails legítimos da empresa incorretamente podem ser rotulados como spam. Ou pior, muitos e-mails nem chegam tão longe. Muitos e-mails são totalmente rejeitados quando eles não passam nos servidores de e-mail, testes de spam. O que tudo isso significa para você? Isso significa que, se o seu site não estiver configurado corretamente, os e-mails que saem do seu site podem ser rotulados incorretamente como spam e rejeitados. Isso definitivamente vale a pena a sua atenção como proprietário de um site e um web designer. Então vamos ver algumas coisas. Primeiro, os pequenos erros de configuração podem desencadear uma resposta de spam ou rejeição a quais registros DNS auxiliam na entrega de e-mails. E três, como integrar um serviço de entrega de e-mail de terceiros. Então, primeiro, vamos continuar nossa capacidade de entrega de e-mail 1, 0, 1 com mais algumas coisas a serem atendidas. O maior problema número um no espaço de e-mail e entrega, servidores econômicos compartilhados. Estes são dois planos de hospedagem web mais acessíveis que Paula até um monte de sites no mesmo servidor físico. Como isso afeta seus e-mails? Bem, todas as contas de e-mail no mesmo servidor de hospedagem compartilhada significa que o seu e todos os outros compartilharão o mesmo endereço IP. Lembre-se que os servidores de e-mail não olham para nomes de domínio. Eles veem endereços IP. Portanto, se uma conta de e-mail nesse endereço IP está enviando um monte de spam ou os destinatários de seus e-mails estão reclamando de cancelamento de assinatura, então todo o endereço IP compartilhado sofrerá. Aquela conta de correio de alguém que você nem conhece afeta a reputação de todos no mesmo servidor de correio. Agora, como uma isenção de responsabilidade, Isso não quer dizer que essas contas de correio IMAP e POP em servidores web compartilhados não são confiáveis em tudo. Eles são fáceis de configurar e capazes de funcionar perfeitamente bem. É apenas valioso entender a natureza desses servidores de e-mail no caso de você ter problemas. Se os seus e-mails não estão a ser entregues ou se o correio de saída estiver incorrectamente sinalizado como spam, o servidor de correio electrónico. Isso seria uma coisa a considerar. Como você se lembra nos e-mails menores do que na Seção 1 deste curso, contas de e-mail baseadas em IMAP são um bom começo. Mas qual foi a solução masculina melhorada? Falamos sobre isso? Microsoft 365 e o Google Workspace são as soluções de e-mail de classe empresarial mais populares. Eles lidam com todas essas coisas técnicas para você. E seus e-mails são hospedados em seus servidores, seus endereços IP, e não no seu. E, de uma perspectiva técnica, geralmente é uma prática recomendada ter seu site e seus e-mails hospedados separadamente. Então, além de evitar hospedagem em um servidor que foi sinalizado como spam. Vejamos alguns pontos menores. Você sabe que todos os e-mails têm um de e um para escrever o remetente e o destinatário. Esta é uma adição ao assunto e ao corpo. Além disso, há muitas tags de cabeçalho que são anexadas durante uma jornada de e-mails através dos servidores de e-mail. Vamos dar uma pista sobre o de. Quando um e-mail sai de um site, você pode especificar o endereço de onde ele vem. Agora, o contato Devi padrão para módulo usa e-mail em seu domínio. Você pode substituir isso por um trecho de código no arquivo functions.php. Mas no geral, esse funciona. Tudo bem. Outros plug-ins forma como Gravity Forms, Ninja Forms, Contact Form 7. Permite-lhe especificar o seu endereço de origem. Primeiro, certifique-se de que a de inclua o nome de domínio. O endereço de e-mail do qual você nos listou deve incluir o nome de domínio do qual o e-mail está vindo. Caso contrário, spam automático, talvez até rejeição. Em seguida, você é e seus dois não devem ser os mesmos. Nos casos em que você é e seus dois contêm o mesmo nome de domínio. Você poderia, por exemplo, fazer o seu de Mayo em e você está para entrar em contato com isso. Além disso, embora de deve ser idealmente uma caixa de correio, um alias ou um encaminhamento que pode receber e-mails, especialmente no caso de algo ser devolvido ou retornado. Finalmente, a fim de melhorar a capacidade de entrega dentro de seu cliente de e-mail, você deve adicionar o de como e-mail em seu domínio para seus contatos. Isso irá treinar seu cliente de e-mail que os e-mails desse endereço são seguros e devem ser entregues em sua caixa de entrada. Portanto, essas são as configurações que você pode configurar no formulário de contato para maximizar a capacidade de entrega. Agora, vamos passar para seus nomes de domínio, registros DNS. Como você se lembra na Seção 1, os fundamentos das lições de web design, registros DNS são pequenos pedaços de informações anexadas ao seu nome de domínio para ditar o tráfego da Web e de e-mail. Agora, existem três registros específicos que afetam a capacidade de entrega de e-mails. E isso é SPF, DKIM e DMARC. Vamos quebrar estes. Uma estrutura de política de remetente SPF. Os registros SPF protegem seu domínio contra falsificação e ajudam a impedir que mensagens enviadas sejam marcadas como spam. Este que você definitivamente deve ter, não importa onde seus e-mails estão hospedados. segundo lugar, você pode aumentar a segurança para emails enviados com DKIM ou chaves de domínio identificadas emails. Utilize esta norma para ajudar a impedir a falsificação de mensagens enviadas a partir do seu domínio. Alguns servidores permitem isso e outros não têm suporte para DKIM. terceiro lugar, você pode aumentar a segurança para spam Ford com demarc, autenticação de mensagem baseada em domínio, relatórios e conformidade. Demarc é um método padrão de autenticação de email que ajuda os administradores de fábricas a impedir que hackers e outros invasores falsifiquem sua organização e domínio. Este é um recorde básico e é bom ter. Agora, se você estiver usando o Google ou a Microsoft ou a hospedagem de e-mail, você pode encontrar esses registros em sua conta. Se estiver a utilizar o Ioannidis com contas IMAP, pode utilizar os respetivos registos SPF e DMARC. Onde quer que seus e-mails estejam hospedados, verifique seus artigos de suporte para obter os registros apropriados e, em seguida, insira esses dados em seus nomes de domínio, registros DNS em seu registrador de domínio. Então, vejamos alguns registros DNS de exemplo aqui para melhorar a capacidade de entrega de e-mails. Começando com SPF. O SPF protege contra phishing e impede que as mensagens sejam marcadas como spam. Agora este é um artigo do espaço de trabalho do Google e isso nos dará o registro SPF para o espaço de trabalho do Google se você estiver usando o Google para sua hospedagem de e-mail de negócios. Então precisamos definir o registro SPF. Vamos clicar no básico. E isso nos dará o registro SPF para evitar phishing para contas do espaço de trabalho do Google. Então este é o registro SPF básico, e isso inclui apenas o Google. Portanto, se todos os e-mails de sua organização forem enviados somente usando o Google Workspace, copie essa linha de texto para seu registro SPF. Isso significa que todos os e-mails que chegam ou saem em nome do SPF dot google.com, basicamente, da sua conta do Google, são legítimos. E esta linha rabiscada seria um fracasso suave. Então este é o registro que iríamos adicionar se estivermos usando o espaço de trabalho do Google exclusivamente. Então, isso significaria que nenhum outro e-mail roteado através de outros servidores. Seria aceitável nesse nome de domínio. Então nós copiamos isso e colamos em nossas configurações de DNS. Então vamos para o nosso registro de domínio. Aqui está Ioannidis, por exemplo, vá para DNS e, em seguida, eu já tenho um instalado aqui. É um registro de texto TXT na rota ou no símbolo aqui. E podemos editar este. Se estamos usando o espaço de trabalho do Google, então nós simplesmente colamos esse registro exatamente como está. Caso contrário, se estamos usando Jonah, por exemplo, este aqui significa que este é Jonas, e então este também é ionizado. Isso quer dizer que qualquer e-mail de qualquer um desses três servidores seria aceitável. Este seria o recorde básico do SPF para o Jonas. Podemos ver isso aqui sob ionise, usando um registro SPF para evitar spam, se você estiver hospedando seus e-mails em sua conta de testemunha ocular. Podemos conseguir o registro SPF dela aqui. Configure o registro SPF e crie o registro. Esta é a configuração de falha suave. E há o registro que você copiaria e colaria se estivesse usando a Island nos exclusivamente. Eu recomendo ler esses artigos apenas para se familiarizar com o que SPF é tudo sobre. Mas isso seria conosco Iona. Isso seria com o espaço de trabalho do Google. E, em seguida, se você estiver usando o Microsoft 365, eles têm seu próprio artigo configurado SPF para ajudar a evitar falsificação. E dá-nos o recorde aqui. Este é o mais comum. É o V, V é igual a S P F1. E, em seguida, aqui está a sua inclusão de proteção de pontos SPF, não outlook.com. Esse é o padrão que acrescentaríamos. Se estamos apenas hospedando estritamente no Microsoft 365. Seu caso básico seria como P F1 incluir como proteção PFD e não outlook.com. E depois traço tudo. Você pode ler este artigo mais detalhadamente se quiser obter mais informações sobre os registros SPF. Então, e o DMARC? Use isso para validar o e-mail. Então este é um extenso artigo aqui onde podemos encontrar alguma amostra. Os registros do Marc. O mais básico seria apenas V é igual a política demarc 1 p, PCT é igual a 100. Podemos fazer P igual a quarentena, o que significa que e-mails suspeitos precisam ser colocados em quarentena. Ou você pode definir sua política para rejeitar ou defini-la para nada. Agora isso pode ser personalizado com base na sua situação. Portanto, se você tiver um cliente que precisa de uma configuração mais avançada, talvez seja necessário personalizá-los para sua configuração específica. Nós copiamos e colamos isso em nosso registro e, em seguida, adicionamos isso como um registro TXT. E depois o DKIM? O Dkim valida e-mails de saída e obteríamos esses registros através da nossa conta do Microsoft 365. Eu possuo o sistema operacional não fornece registros DKIM para você, mas você pode obter o seu em sua conta da Microsoft ou por meio de outra hospedagem de e-mail, se ele for fornecido com seu servidor de e-mail. Então nós obtemos isso fazendo login em nossa conta e, em seguida, copiando e colando os códigos que são fornecidos e que seriam adicionados como um registro CNAME. Então é assim que obtemos nossos registros SPF são demarc e, se possível, ou registros DKIM. E é aí que nós encontraríamos esses e é aí que nós os instalaríamos em nosso registrador de domínio. Assim, cada um deles aumentará a capacidade de entrega de e-mails e ajudará com spam, phishing e segurança de e-mail. Finalmente, vejamos como integrar um serviço de entrega de e-mails de terceiros, qual escolher e como determinar se precisa de um? Então, antes mesmo de olharmos para as opções, a primeira pergunta é: você precisa de um serviço de e-mail e entrega? E a resposta é, talvez não. O Sem doença e outras plataformas de hospedagem web, sua conta de hospedagem compartilhada para melhor ou para pior, inclui o servidor de e-mail, que significa que eles lidaram com a entrega para você. É muito conveniente. Nesse caso. Pergunte a si mesmo, meus e-mails estão sendo entregues em tempo hábil? Alguém reclama que meus e-mails chegam na pasta de spam? Recebo envios de formulários de contato de um site? Veja se tudo está funcionando bem. Eu, pessoalmente, não me preocuparia em conectar um serviço de terceiros. Agora precisamos consertar algo que não está quebrado, certo? Além disso, implementar tudo o que falamos até agora, o dos dois registros DMARC SPF DKIM, que deve melhorar consideravelmente sua capacidade de entrega. Agora, com formas de nuvem e outras plataformas de hospedagem de nuvem gerenciadas, por outro lado, eles não fornecem hospedagem de e-mail e, portanto, exigem que você traga um serviço sangrento de terceiros. Digamos que eles se concentrem estritamente na hospedagem na Web, que significa que você precisa trazer um provedor de e-mail como Google, Microsoft, Rackspace, e você precisa de um serviço de entrega de e-mail. Então, nesse caso, se você está em nossa plataforma de hospedagem que não oferece e-mails, ou você está tendo problemas para receber seus e-mails. Quais opções existem para garantir a capacidade de entrega? E quanto custam esses serviços? Vamos dar uma olhada em alguns dos maiores jogadores. Sendgrid, e-mail elástico, bem como soluções próprias do Google e da Microsoft para isso. Então vamos ver alguns dos maiores jogadores em e-mail e entregabilidade, começando na grade do Sim e ver como eles funcionam. Assim, isso permite que você envie e-mails com confiança através do seu servidor web ou através do seu serviço de marketing. E é o serviço MIMO que é confiável por desenvolvedores e profissionais de marketing para tornar as coisas mais fáceis, escaláveis e, o mais importante, garantir que a entrega aconteça. Então, se deslocarmos aqui para baixo e podemos ver a API do SendGrid, que torna muito fácil integrar o serviço do SendGrid em seu aplicativo. E no nosso caso, vamos apenas adicioná-lo diretamente ao nosso servidor baseado em nuvem ou à nossa conta WordPress. Então esse é o SendGrid. Outro com o qual podemos trabalhar é o e-mail elástico. Agora, isso é muito semelhante e permite a entrega de e-mails. Esses serviços enviaram milhões, bilhões de e-mails o tempo todo e garantem a capacidade de entrega. Então, qual é o preço para esses serviços, neste caso, enviar e-mails ilimitados para 5000 contextos por US $15. No caso das grades do pecado, eles têm preços simples. Eles começam com uma conta gratuita e o F31 é de US $0 por mês, e isso nos dá alguns e-mails, 100 e-mails por dia para sempre. Então isso está lá para sempre conta gratuita. Eles também têm outros planos a partir de 1495 dólares americanos por mês. E você pode alternar esse controle deslizante para ver quantos e-mails você está enviando por mês. E o preço varia de acordo com a quantidade de e-mails que você está enviando. Então, se você está enviando um monte de e-mails para seus clientes, então você pode precisar de um maior na contagem. Mas para o básico 100 e-mails por dia funciona para um monte de pequenas empresas. Então vamos ver como integramos isso em nosso site WordPress. Então, se estamos hospedando em Ioannidis ou qualquer outro serviço de hospedagem web, então podemos ir para Adicionar Plugins uma vez que nos inscrevemos para nosso SendGrid ou nossas contas de e-mail elásticas, digamos SendGrid, nós clicaríamos em Iniciar gratuitamente. E depois basta colocar as informações da sua empresa e o seu e-mail e palavra-passe para criar a sua conta. Realmente simples de criar sua conta. E assim que o fizermos, teremos as credenciais necessárias para adicionar nosso nome de domínio e configurar sua conta do SendGrid configurando o endereço de e-mail principal ou apenas verificando seu nome de domínio inteiro. Então, aqui está um plugin que podemos usar para integrar a grade do pecado com bastante facilidade. É postar SMTP, correio ou e-mail log, enviar, registrar e ser notificado quando seus e-mails estão falhando. Então isso não é realmente fácil, plugin leve. E podemos usar para integrar ao Office 365, ao G-mail, ao SendGrid ou a muitos outros aqui. É compatível com todos os tipos de plugins para garantir que seus e-mails enviados fora de seu site WordPress, como seu formulário de contato ou sua configuração de e-commerce que esses e-mails chegam onde eles precisam estar. Então ele se conecta a arma masculina, ao popular serviço de entrega de e-mails. Ele se conecta ao mandril, Gmail, SendGrid, qualquer um desses arma masculina é outro popular. Outro serviço de entrega de e-mail comparável ao envio de e-mail em grade e elástico. Seus preços variam, dependendo de quantos e-mails você está enviando por mês. E, em seguida, mandril é um Mailchimp pago adicionar em. Depois de instalar esse plug-in, podemos integrar nossa conta do SendGrid seguindo as instruções de configuração. Então essa é a configuração do WordPress. A fim de configurar o nosso plugin, podemos apenas seguir as instruções passo a passo incluídas no post SMTP Mail ou conta. Eles vão te guiar passo a passo. Mas há outro passo importante que temos que fazer para instalar a entrega de e-mails. Temos que obter nossos registros DNS de domínio. Portanto, há um artigo útil aqui do SendGrid. Eles irão orientá-lo durante isso quando você criar sua conta e quando você integrar seu nome de domínio, eles irão orientá-lo através dos registros DNS necessários que você deve instalar em seu registro de domínio, como você 're GoDaddy, ou seus domínios do Google ou cloudflare ou ion nós. Onde quer que você tenha seus registros DNS, eles lhe darão os necessários que você deve instalar para integrar o SendGrid, o mesmo para e-mails elásticos. Esse tem seus próprios registros DNS. E-mail elástico. Se você estiver usando o modo Cloud, eles têm seu registro SPF e o registro DKIM. E o rastreamento. É um nome C, o registro MX, e o registro de amostra DMARC. Então, se estamos usando e-mail elástico com o Cloud maneiras de usar o SendGrid obterá isso em nossa conta. Mas este artigo nos ajuda a explicar o que se trata. E obter mais direção em nossa conta SendGrid obterá os registros DNS reais que teríamos que adicionar em nosso registro de domínio. Uma vez que adicionamos o domínio e os registros DNS em nossa conta SendGrid. Em seguida, ele é configurado e podemos adicionar o nosso plugin. Este plugin permite que os e-mails para fora deste site para rotear a grade r2 sin ou qualquer que seja o seu e-mail e serviço de entrega. Também podemos usar o Gmail. Se tivermos uma conta do Gmail ou espaço de trabalho do Google, como configurar o SMTP do Gmail. Gmail também oferece um serviço SMTP gratuito. Eles preferem que você só use isso se você estiver enviando um baixo volume de e-mails. Mas eles têm um servidor SMTP que você pode usar. Você pode configurar isso com o post mailer aquele plug-in que falamos. Ou podemos usar um plug-in SMTP diferente e seguir as instruções para configurar nossa conta do Google. Então, estaríamos encaminhando todos os e-mails enviados para fora do nosso site através da nossa conta do Gmail. Agora, se estamos usando maneiras de nuvem, como integramos e-mails elásticos para entrega de e-mails? Fazemos login na plataforma dotCloud ways.com. E nós vamos para Add-ons aqui. E clicando neste ícone de marca de seleção, podemos ver os nomes de domínio verificados. E nós digitamos nosso nome de domínio. E então ele testará a verificação para ver se adicionamos os registros DNS apropriados, que são os que vimos anteriormente, que seriam seu DKIM, seu SPF, seus registros DMARC e o rastreamento. Vejo o seu nome. Depois de adicionarmos todos os itens apropriadamente, então clicamos em Verificar domínio, e pronto. Então esse domínio será verificado. Também pode entrar em servidores aqui. E temos que pegar nosso servidor e entrar no SMTP. E podemos selecionar o serviço SMTP que estamos usando para entrega de e-mails enviados no servidor. Agora com formas de nuvem que é necessário instalar um servidor SMTP com doença e outros serviços de hospedagem web. Isso pode não ser imperativo que você tenha seu próprio servidor SMTP. Mas, com as maneiras da nuvem, é imperativo. Você pode ter seu próprio servidor SMTP, como e-mail, arma, mandril, autores, MDP, grade Sim, ou outro. Se inserimos o nome de usuário e senha da porta do host manualmente. Assim que tiver a configuração do servidor SMTP, isso significa que todos os e-mails enviados de todo o servidor passarão pelo servidor que você configurou. Se você está em maneiras de nuvem, o de longe o mais fácil é apenas usar e-mail elástico. E, em seguida, para testar isso, podemos enviar um e-mail de teste e testar para ter certeza de que ele está funcionando adequadamente. Então, o que o e-mail elástico custa na plataforma no sentido horário? Vamos para e-mail elástico aqui, e então vamos para o ícone de edição aqui, e vemos seus preços. Eu gosto de usar e-mail elástico porque eles são extremamente acessíveis. O plano que estou em moeda dos EUA é um pouco mais de US $2 por mês. E isso nos dá 25 mil e-mails que posso espalhar em todos os sites de clientes, em todo o servidor. O que é incrível. Super, super acessível. Acho que é mais eficiente configurar uma conta de e-mail elástica, verificar todos os meus nomes de domínio e depois pagar por 25 mil e-mails em todo o servidor. Em vez de configurar uma nova conta do SendGrid. Para cada cliente individual, é muito mais simples e eficiente configurar seu serviço de e-mail elástico aqui. E isso se você estiver nos caminhos da Nuvem. Caso contrário, você pode levá-lo em um caso a caso. Se um cliente precisar de capacidade de entrega de correio electrónico, melhorado, se estiver a ter problemas, poderá configurar individualmente uma conta S e uma conta SendGrid para esse cliente específico. Ou, se eles estiverem no Gmail, você pode rotear seus e-mails pelo Gmail usando o email SMTP ou o plugin. Você pode percorrer as instruções para que você queira instalá-las e adicionar a conta do Gmail. Então, você lá assistente de configuração irá orientá-lo através da configuração no Gmail. De qualquer forma, quer estejamos usando arma masculina ou integrando o SendGrid ou e-mail elástico. E, independentemente do serviço de hospedagem, existem opções de terceiros para habilitar o e-mail ou melhorar a capacidade de entrega de e-mails. Então, os serviços que estamos olhando seriam o intermediário entre seu site e a caixa de entrada de e-mail que você está entregando, esses contatos para mensagens ou essas mensagens de e-commerce. 21. Pensamento final. Outra coisa realmente legal sobre esses serviços de entrega de e-mail é que eles fornecem um registro de seus e-mails que foram enviados. Eles registram todos os e-mails que estão sendo enviados e o motivo pelo qual foram devolvidos, bloqueados ou rejeitados, ou se foram enviados com sucesso, que é um recurso super útil quando você tem que solucionar problemas por que razão se os e-mails foram ou não enviados corretamente ou não. Se você estiver na conta Cloud ways, então você pode clicar no ícone de log de e-mail aqui para baixar os logs de e-mail elásticos. E então, através disso, você pode solucionar problemas de seus logs aqui para ver todos os e-mails que saíram do seu servidor. Você pode ver o destinatário e a linha de assunto e se eles foram ou não enviados ou devolvidos ou se foram abertos ou o que quer que seja. Se eles tivessem sido saltados, então você pode ver a razão pela qual eles não foram capazes de ser entregues. Como neste caso, por exemplo, excedeu a alocação de armazenamento ou o serviço disponível, eles vão tentar novamente ou algo assim. Isso é realmente útil quando você está diagnosticando problemas, os e-mails que saem do seu servidor. Se o cliente de um cliente não recebeu um e-mail importante, então você pode ver se ele foi ou não enviado. E se houver um problema com um e-mail rebatendo, e se houver, então podemos resolver esse problema. E é isso. Apenas alguns registros DNS simples. E podemos ter a nossa conta pronta. Cname gravar o e-mail elástico aqui. Se esse é o serviço em que você está, um registro DMARC, um registro SPF para e-mail elástico aqui. E, em seguida, os registros DKIM que são necessários para a segurança DKIM. Isso é tudo o que você teria que adicionar para colocar esses serviços de entrega de e-mail em funcionamento e melhorar a capacidade de entrega de e-mail. E é isso. Essa é uma breve visão geral da situação de entrega de e-mails. O que você precisa saber, quais ações você já pode tomar e quais são suas opções para um serviço de terceiros. Como sempre, com todos esses conceitos avançados, continue sua educação lendo os últimos desenvolvimentos e entregabilidade de e-mail à medida que a web continua evoluindo. Então vamos recapitular os quatro pontos principais. Aquele que você está hospedando servidores endereço IP, afeta muito a reputação do remetente para o de e a necessidade de ser cuidadosamente configurado. Registos SPF, DKIM e DMARC. Melhore a capacidade de entrega de e-mails Segurança de extensão. Ou soluções de entrega de terceiros, como sin grid e e-mail elástico. Certifique-se de que seus e-mails. E qual é o seu dever de casa? Quero que revise todos os formulários de contato ou e-mails transacionais que você configurou em seu site para observar o endereço de e os dois endereços. Revise seus registros DNS e certifique-se de pelo menos como ele registro SPF. Se você ainda estiver tendo problemas com a capacidade de entrega de e-mail lá fora. Todas estas sugestões, serviço integrado de terceiros como SendGrid ou elástico. Eu sou Leighton, e agora você sabe como melhorar sua entrega de e-mail. 24. PARTE 3: como criar uma marca: Bem-vinda, estou atrasada. E o seu webmaster. Nesta série de lições, vamos aprender como criar uma marca. Agora, para começar esta série, o que é uma marca? É difícil de definir, e é muito mais do que simplesmente um nome de empresa. Na verdade, uma referência define uma marca como a percepção de uma pessoa de um produto, serviço, experiência ou organização. Mais do que simplesmente o nome, inclui a identidade e a reputação de uma empresa. As marcas podem mudar ao longo do tempo. Eles podem desenvolver, expandir, responder e mudar com os tempos. Além disso, as marcas envolvem seus sentimentos. Como você se sente quando interage com uma determinada empresa? Você ama certas marcas? Tenha suas preferências. Você não gosta muito de nenhuma empresa? Uma experiência boa e ruim vai ao longo do caminho. E é por isso que as marcas de sucesso hoje são sempre emocionalmente infundidas. Eles têm um grande significado emocional para as pessoas, e é isso que torna as marcas amadas e respeitadas. Pense sobre isso. Se você teve uma grande experiência em um café, o que você faz? Contou aos outros? E se tivesses uma experiência terrível? Mesma coisa, mas diga aos outros. Sua reação emocional à experiência que teve com essa marca o leva a agir. E como você age ajuda ou prejudica a marca. Agora a opinião de uma pessoa sobre uma marca pode não parecer muito, mas na maioria manter uma opinião semelhante para melhor ou pior, que as formas de reputação da marca. Então, em que grandes marcas você pode pensar? Olá, há Toyota, Walmart, Apple, Google, Nike, Disney, Samsung, filé de pintinho, McDonald's, todos muito bem sucedidos, marcas mundialmente reconhecidas. Marcas de sucesso como essas têm um logotipo universal simples que evoca qualquer movimento assim que você vê-lo. Vamos testar isso. Quando eu disser o nome, Coca-Cola, você pode imaginar o logotipo? De que cor é? O que é que se parece? É tradicional ou cursivo? Será que o nome evocar emoção? Gosta ou não gosta do refrigerante deles? Sim. Olhe para todas as associações subconscientes que você tem era simplesmente o nome Coca-Cola. E isso é porque eles criaram cuidadosamente uma marca de sucesso. Então, como você cria uma marca que é facilmente reconhecível e adorável? Bem, há dois componentes principais. Há identidade e reputação. A primeira é como você projeta sua marca e a segunda é como sua marca é recebida. Vamos quebrar estes. E, à medida que o fizermos, quero que reparem o controlo que têm sobre cada uma destas coisas. A primeira identidade da marca. Estes são os elementos visíveis da sua marca. O nome da empresa, o logotipo, as cores, slogan, etc Inclui o tom e a redação de suas mensagens de marketing. Sua identidade são as coisas que você pode controlar. Você pode projetar sua marca. Você pode fazer com que pareça divertido, moderno, tradicional, ecológico. Tudo o que você tem em mente, o que quer que você esteja procurando projetar, todas as suas opções de branding devem consistentemente alinhadas com esse objetivo. Na verdade, você acha que um marketing de marca para uma faixa etária mais jovem usaria a mesma escolha de palavra que outra marca. Alvejando idosos. O que mudaria? Bem, para começar, os idosos têm mais experiência de vida e o vocabulário mais amplo, eles vão apreciar e entender palavras mais complexas. E uma marca que projeta competência e segurança. Com a geração mais jovem bate uma batida apenas para segurar sua atenção. Querem descontos e adoram regalias de lealdade. Sim, Com cuidadosa consideração, uma marca pode enviar a mensagem correta para o público correto e que eles podem controlar. Mas sobre o que eles têm menos controle? Você adivinhou, a reputação deles. A reputação é como uma marca é percebida. Na verdade, como você percebe a Apple? A Apple projeta high-end de vanguarda? Mas isso se alinha com a reputação deles? Eu acho que sim. E o McDonald's? Aqui estão alguns trechos do site do McDonald's. Nossos alimentos utilizam ingredientes prioritários, de origem sustentável, eticamente produzidos para garantir a saúde e a segurança dos consumidores e dos animais. Certo, então qual é a reputação? Será que a reputação está alinhada com seus objetivos declarados? O que você acha? Qual é o meu ponto? Aqui está o meu ponto. Uma marca pode ficar o que quiser, mas os clientes decidirão sua reputação. Na verdade, há empresas inteiras dedicadas a relações públicas ou relações públicas para ajudar a moldar ou salvar a reputação de uma marca. Mas, em última análise, cabe ao público. E o público não pode mudar de ideia. Na verdade, você pode pensar em qualquer marca que eu tenha ido para baixo ou talvez subido colina acima. Melhorado ao longo do tempo, recuperado. Sim, a reputação de uma marca, assim como a própria marca, pode evoluir ao longo do tempo. Então, recapitulando, o que aprendemos até agora? Aprendemos um, uma marca inclui elementos visíveis como o nome, o logotipo, no equilíbrio de cores, mas também as emoções evocadas pela identidade de uma marca podem ser pensadas para enviar uma mensagem específica para o público apropriado. terceiro lugar, a reputação de uma marca é decidida pelos seus clientes. Pode melhorar ou piorar. E qual é o nosso dever de casa? Eu quero que você pense em diferentes marcas e como você as percebe. Pense na marca que você gosta e não gosta, e por que você se sente assim. Então, discutimos brevemente como criar uma marca. Mas, na próxima lição, falaremos sobre a criação da sua marca para o seu negócio de design de sites. Isso é super emocionante e eu estou tão pronto para compartilhar minhas dicas com você. Eu sou Leighton e agora você sabe como criar uma marca. 25. Construindo sua marca: Bem-vindo, sou Leighton, seu webmaster. Na lição anterior, aprendemos sobre marcas. E agora vamos aprender a criar sua marca ou seu negócio de design de site. Até agora, você já aprendeu os fundamentos de sites e como construir um. Mas agora vamos nos afastar dos sites e para o próprio negócio. Este curso é em última análise sobre a construção de um negócio de design de sites. Então vamos a isso. Nesta lição, vamos considerar um, a estrutura da sua marca de design de site para o nome do seu negócio. Três, nome de domínio para endereço de e-mail profissional por logotipo e seis cartões de visita. Vá em frente, pegue um pedaço de papel ou um documento do Word ou uma nota. Nesta lição, teremos muitas pausas para que você possa discutir sua marca. Primeiro, gostaria de abordar uma diferença fundamental nas duas maneiras de estruturar seu negócio. Você pode escolher freelancer ou empresa. Permitam-me que explique isto por exemplo. Meu nome é Smith latente, mas meu nome de empresa ou DBA fazendo negócios como é a mídia pioneira. Pioneiros são pensadores avançados que abraçam novos desafios. E eu trabalho com mídia digital. Emprego é, minha marca é pioneira na mídia. Desde 2006, não marquei meu nome pessoal, mas minha empresa. Mas qual é a outra opção? Eu poderia ter me marcado como freelancer e usar meu nome, Smith latente como DBA. Em vez de contratar, empresas pioneiras de mídia contratariam Smith latente, o web designer freelance. Agora, ambas são opções muito comuns. Você verá muitas pessoas indo para a rota freelancer, enquanto outras querem criar uma empresa e possivelmente contratar uma equipe. Então, quais são as diferenças? Quais são os prós e contras? O que você acha? Vamos primeiro falar sobre um grande fator decisivo. E preciso que sejas honesta com esta. Você está na frente da câmera ou atrás da câmera? Se você está se marcando como freelancer, você tem que ter um bom tiro na cabeça, talvez um vídeo introdutório, e compartilhar sua história. Você está se vendendo além de seus serviços. Então seja amável. Deixe que as pessoas o conheçam para que se sintam confortáveis com quem estão fazendo negócios. Agora, no meu caso, eu fui atrás da câmera por anos. Então, mesmo a ideia de colocar meu rosto no meu site era impensável fora de questão. Portanto, criar um nome de empresa era a opção certa para mim. E aqui vai uma dica. Quando se marca como uma empresa ou agência, você pode usar o termo nós em vez de eu para fazer sua empresa parecer maior no início, ninguém precisa saber que você trabalha tão baixo. Na verdade, a verdade seja dita, você provavelmente terá muitos conselheiros e uma rede de pessoas apoiando seu negócio. Então, mesmo se você tecnicamente não tem funcionários W2, você ainda pode dizer, nós gostaríamos de ajudar com o seu site, vai voltar para você com uma cotação. E qual você acha que soa mais caro? Uma agência ou um designer solo? Sim, quando você está se projetando como uma empresa, as empresas geralmente esperam maior qualidade e maior cotação em comparação com o designer solo. Além disso, com uma fazenda ou agência, você estará naturalmente em melhor forma para criar uma equipe contratando designers, programadores, profissionais de marketing e escalar seus negócios. Pessoalmente, gosto de manter os custos baixos. Terei funcionários, mas tenho uma rede de fotógrafos profissionais, agências de publicidade, designers de logotipo, cinegrafistas, escritores de conteúdo, com quem passo regularmente referências. Então a mídia pioneira não tem ninguém na equipe. Ainda é absolutamente verdadeiro dizer que gostaríamos de projetar e manter seu site. Agora vamos falar sobre a importância de aumentar sua rede, várias lições a partir de agora. Mas enquanto isso, você pode ver a diferença entre vender seus serviços de design de site como eu, um freelancer, ou como uma empresa, uma empresa, ou uma agência. Você já está balançando de um jeito ou de outro? Agora uma nota final. Como freelancer, você sempre pode contratar pessoas. E como uma empresa, você pode marcar a si mesmo como a base da empresa. E sua marca continuará a evoluir ao longo do tempo. Portanto, estas não são definidas em regras de pedra, apenas diretrizes gerais à medida que você constrói sua marca. Neste ponto, pausar o vídeo, criar um documento, anotar ou obter uma folha de papel e anotar se você gostaria de ir à rota freelancer ou marcar sua empresa como empresa. Mantenha esse documento à mão, pois continuaremos nos referindo a ele ao longo desta lição. Agora, em segundo lugar, você vai precisar de um nome para a sua marca. No meu caso, a mídia pioneira é o nome da minha empresa. Agora eu começaria considerando a competição. Conhece algum web designers locais na sua área? Como eles são chamados? Faça algumas pesquisas no Google. Quanto mais agências você olhar, mais você vai encontrar tendências nos nomes. Muitas empresas de web design têm a palavra web design ou mídia anexada a eles. A convenção de nomenclatura mais simples é apenas o seu sobrenome e a palavra design ou web design, como Smith web design, escolha muito tradicional. Mas há uma oportunidade de ser mais criativo. Venha com algo cativante e único. Você se considera criativo? Se assim for, ótimo. Então você o que você pode vir acima com, se não, perguntar por aí, obter alguma contribuição de amigos e familiares. E uma vez que você tem uma lista de ideias, obviamente, você gostaria de pesquisar a competição local para ter certeza de que seu nome não é muito semelhante a outro negócio, pois certamente não gostaria de ser confundido com outro negócio. Neste ponto. Pause o vídeo, anote algumas ideias para o nome do seu negócio de web design. Pesquisa, o que outras empresas que são chamadas, Faça uma lista restrita e veja o que varas. O terceiro, você precisará de um nome de domínio para o seu negócio de web design. Agora eu realmente descobri que isso me ajudou a escolher um nome de empresa. Por quê? Porque alguns nomes que você vai criar, eles não têm nenhum domínio disponível. E, idealmente, o seu nome de domínio é a sua empresa name.com. Por exemplo, o nome de domínio da minha agência é www.pioneer.media. Eu escolhi este domínio moderno termining.media e tenho o nome inteiro da minha empresa lá. Assim que percebi que estava disponível, mídia pioneira tornou-se a escolha natural e ficou presa. Agora você também pode conferir outras terminações de domínio como design de pontos. É uma ótima ideia para uma empresa de web design. E agora tenha cuidado em ficar muito louco adicionando palavras-chave e localidades. Então seu nome de domínio, como Smith web design para u.com. E você, como consumidor, é fã de nomes de domínio longos? Aqueles que você tem que continuar digitando e digitando antes de chegar a ele. Agora um é, então mantenha-o sucinto. Mantenha-o memorável. Quando encontraste a pessoa certa, protege-a. E escolher sabiamente, disse Joe, ideal, eles mantêm o mesmo nome de domínio ao longo do tempo. Na verdade, desde 2006, só mudei o nome da minha empresa e o nome do domínio uma vez. E você se lembra do recurso que usamos várias lições atrás para procurar nomes de domínio. Sim, você faz o domínio instantâneo search.com. Este site é uma ferramenta incrível para procurar rapidamente e facilmente vários nomes de domínio ao mesmo tempo. Agora eu não me incomodaria em comprar um nome de domínio que já foi usado porque eu posso custar milhares de dólares, que é realmente desnecessário, já que há muitos domínios lá fora. Neste ponto, pause o vídeo, abra o domínio instantâneo search.com para criar ideias de domínio de forma eficiente. Uma vez que você pousar no perfeito, comprá-lo através do seu relato de testemunha ocular. Agora que você tem seu nome de domínio, você precisa de um endereço de e-mail. Vamos criar um no seu servidor de hospedagem ionizada. Você pode consultar a lição de e-mails perto do início deste curso se precisar de uma atualização. Então, o que você escolhe como seu endereço de e-mail? Você tem seu nome de domínio. Mas e antes do sinal de “at”? A escolha mais tradicional, o que eu uso é contato. Entre em contato com seu nome de domínio. Você também pode usar info let, ou seu nome real. Você pode realmente escolher o que quiser. Mas essas são as escolhas convencionais. Tudo o que você decidir, login para, Eu possuo este e criar o seu endereço de e-mail para o seu negócio de design de site. Depois de fazer isso, você pode adicioná-lo a qualquer lugar que você acessar e-mails, como Outlook , iOS mail, o aplicativo Windows Mail, etc. Neste ponto, por favor, pause o vídeo, faça login em Eu próprio this.com, selecione seu servidor de hospedagem, clique em e-mails e crie seu endereço de e-mail como seu novo e-mail para seu cliente de e-mail favorito. Agora que você trancou em seu nome, vamos pensar em um logotipo. Você tem alguma idéia para o seu logotipo? Um logotipo está intimamente ligado a uma marca. Na verdade, um logotipo, emblema, tipografia, cores e estilo devem transmitir cuidadosamente a identidade da sua marca. Sua fonte deve ser nítida e limpa? Recursivo? Você quer um símbolo ou emblema? E quanto às cores? paleta de cores da sua marca? Estenderemos ao seu logotipo, cartão de visita, site, faturas, etc. Você vai querer uma cor primária. E se você quiser uma cor secundária, eu vou em frente e te digo. Blue é uma escolha padrão para empresas de design de sites. Por quê? Porque o azul veio a refletir a tecnologia. Pense no Facebook, Twitter, Linkedin, Tumblr, todos os tons de azul. Então talvez você esteja pensando, Deus, isso é esmagador. Há muito o que considerar. E é por isso que a maioria das pessoas não desenha seu próprio logotipo. Eles contratam um designer, ou eles conhecem pessoalmente, profissionalmente, ou através de um site barato como fibra. Se você contratar uma empresa profissional e de design para criar seu logotipo, você está olhando para gastar alguns $100. A qualidade será maior, mas o custo também será. Por outro lado, em um site como fibra, a qualidade será menor. Mas também vai custar. Pode ser tão baixo quanto cinco dólares. Bem, vai ser atraente quando você está apenas começando. Seu logotipo pode passar por algumas iterações ao longo dos anos. Mas você precisa de algo para começar. E em termos de formato, você vai querer um arquivo vetorial como dot AI, Adobe Illustrator, EPS ou um arquivo PNG de alta resolução. Assim, você pode usá-lo em seus vários canais digitais e off-line. Então, para resumir o design do seu logotipo, mantê-lo simples, mantê-lo único e mantê-lo memorável. Neste ponto, pausar o vídeo, debater algumas ideias para o seu logotipo criado no Illustrator, Photoshop, contratar um designer de logotipo ou usar um site freelance como fibra. Em última análise, você vai querer um arquivo vetorial ou PNG à medida que avançamos. E os cartões de visita? Ou você vai criar um cartão de visita? E como você sabe o que colocar nele? Vamos considerar essas perguntas. Primeiro, o conteúdo do cartão em si. O que você costuma ver nos cartões de visita? Você adivinhou, um logotipo e o nome de uma pessoa com suas informações de contato. Um cartão de visita é basicamente uma maneira de chegar a alguém. Então vamos número de telefone, endereço de e-mail, link de site, tudo padrão em cartões de visita. E o design? Bem, ele seguirá de perto a paleta de cores e o logotipo da sua marca. Agora, há toneladas de desenhos lá fora para cartões de visita, tantos. Na verdade, minha sugestão pessoal é apenas idéias de cartões de visita do Google. Olhe para cartas suficientes, você vai descobrir o que ressoa com você. Finalmente, onde você vai para imprimir seus cartões? Alguma empresa vem à mente? Talvez vista impressão. Esta, a impressão digital é a impressora número um de cartões de visita na América. Eles têm modelos e seus cartões são acessíveis, em torno de 15 dólares para 250 cartões. Mas há impressoras melhores e impressão vista? E quando eu uso? Eu recomendo mu, como a vaca. E eu vou colocar um link nesta descrição do curso para que você possa conferi-los. Seus cartões são premium, resistentes, e mais importante, causar uma impressão. Só eu. Tive tantas pessoas a delirar sobre os meus cartões de visita. Vá com o melhor e você não vai se decepcionar. Então, qual é o nosso dever de casa? Com tudo o que consideramos? Vamos recapitular a marca registrada para o seu negócio de web design. Pior, decida se você quer se marcar como freelancer ou parceiro criativo. Para escolher um nome para o seu negócio. Três, registre um nome de domínio através da sua conta de testemunha ocular ou crie um endereço de e-mail profissional no seu servidor iOS. Por design um logotipo simples, único e memorável. Seis, Design e encomendar seus cartões de visita através. E eu vou ter um link na descrição. Nas seguintes lições. Usaremos as decisões que você tomar nesta lição e construiremos seu site a partir disso. Agora eu quero fazer um ponto de lado rápido enquanto você está pensando sobre sua versão. O que discutimos hoje, é um DBA. Fazendo aplicativos de negócios. Seu banco, por que pedir seu DBA para que você possa depositar cheques escritos para você, seu nome ou seu nome comercial, seu DBA. Então, legalmente, estamos falando de uma única propriedade. É aí que você é o único dono e assume todo o risco. Agora você pode incorporar, você pode marca registrada, você pode formar uma LLC e S-Corp, o que você quiser mais tarde. Mas, mas eu vou acrescentar é bastante caro e complicado. Então, no início, você está formando uma simples propriedade única. E falaremos mais sobre isso nas lições finais. Estou submissão atrasada e agora você sabe como criar sua marca. 26. Construindo o site da sua marca: Bem-vindo, sou Leighton, seu webmaster. Agora você já deve ter uma idéia de onde seu cérebro. Então, hoje, vamos projetar a casa para sua marca, seu site. Então, obviamente, como uma empresa de web design, você estará construindo muitos sites para seus clientes. Mas e o seu site? E agora alguns argumentam que esse é o site mais difícil que você já construirá. Meu próprio site passou por tantas iterações que eu perdi a conta. Então o ponto é que o seu site vai continuar a evoluir à medida que você cresce e refiná-lo. Então, o que vai no seu site? O que acha que seria importante? Aqui estão alguns itens essenciais. Um, sua página de serviços, explique o que você oferece, que é design de sites, desenvolvimento, sites compatíveis com dispositivos móveis, segurança e como as células, otimização de mecanismos de busca e qualquer outra coisa em que você gostaria de se especializar. E aqui está um ponto-chave. Certifique-se de solicitar apenas o tipo de trabalho que você realmente deseja fazer. Não coloque marketing, branding, logotipos, impressão, publicidade, produção de vídeo. A não ser que queiras fazer essas coisas e sejas boa nelas. Agora para a página Sobre Nós. Esta é a página que as pessoas visitarão para aprender a sua história, o que você é e como você se tornou uma empresa de design de sites. Há quanto tempo você está no negócio, seus pontos fortes, suas especialidades, etc. Agora, uma tendência atual é ser amigável e transparente. Deixe que as pessoas vejam seu rosto, leiam seus valores, e aprendam como você chegou onde está. E se mostrares a cara, é melhor que seja uma foto profissional. Este é um ponto-chave. Limpe, coloque uma gravata, uma blusa, terno, jaqueta, o que for apropriado para o seu gênero. Apresente-se de forma profissional com boa iluminação e um fundo sólido. Contrate um fotógrafo profissional, se necessário. Seu tiro na cabeça funcionará a favor ou contra você. Na verdade, o que você acha de uma empresa cujos proprietários apresentavam em seu site em calças de moletom e T oversize, você perceberia essa empresa como profissional ou casual? Percepção é a chave? Uma foto profissional de $50 pode fazer uma grande diferença. Eu recomendo totalmente. Terceiro, página de contato. Você obviamente precisa de uma página de contato. Este é o padrão. Geralmente é seu número de telefone, seu endereço de e-mail e um formulário de contato. Você também pode incluir um mapa, links de mídia social e horas de operação. Agora, você já se esforçou para encontrar informações de contato no site de alguém? Como um enorme não-não Web Design 101, informações de contato devem ser extremamente fáceis de encontrar. Coloque-o em cada página se você tiver dois em frente o portfólio. Isso é tão importante para um negócio de design de site nesta indústria, ninguém vai pedir sua educação formal. Eles querem ver quais sites você construiu. Na verdade, o que você acha de um web designer que nunca tinha construído um site antes? Contrataria um designer? É assim que um portfólio é importante. Seu trabalho deve falar por si. Então comece a construir seu portfólio o mais rápido possível. Vamos nos super ponto-chave. Depois de concluir vários projetos, você pode começar a escolher e escolher seu melhor trabalho para apresentar em seu portfólio. A qualidade é muito mais importante do que a quantidade. E é por isso que você deve trabalhar muito em seus primeiros projetos, já que isso é tudo o que você tem em seu portfólio. Com os comentários, esta página é necessária. Todos os sites. Qual é a sua percepção de uma empresa que tem 0 ou visualizações? E se a maioria for uma ou duas estrelas? Avaliações positivas são fundamentais para o sucesso de uma marca. Então comece a coletá-los o mais rápido possível. Além da revisão real, idealmente, você vai querer uma imagem para combinar com uma cotação. Mas o melhor cenário é um depoimento em vídeo. Esses são absolutamente dourados. Como eu mencionei, meu site atual foi muito refinado desde 2006. Isso é praticamente irreconhecível do meu site original. Então, que melhor maneira de eu te ensinar a construir um site para o seu negócio de web design. Então, mostrando sua mente, vamos dar uma olhada. Aqui estamos em www.pioneer.me. Este é o site para o meu negócio de web design. Agora eu tenho crescido e refinado este site desde 2006. Cresceu em termos de mais projetos de portfólio e mais depoimentos e foi refinado em termos de otimização de motores de busca e melhoria do design. Então, qual a melhor maneira de eu te ensinar como construir seu site de negócios web design mostrando o meu. Então, eu adoraria ir através de cada uma das páginas deste site para que você possa obter alguma inspiração para o seu. Então vamos começar. Direto do portão, vemos o logotipo no canto superior esquerdo e estamos na página inicial. Outras páginas incluem os Serviços Sobre Nós. No meu caso, isso é um web design, Organic Search Engine Optimization, hospedagem web, manutenção de sites, sites amigáveis para dispositivos móveis, WordPress, Web Design e e-commerce. Eu anteriormente tinha muitos mais serviços, mas eu realmente refinado para apenas ficar com o que eu realmente quero fazer. Meu portfólio, eu tenho meu portfólio digital, bem como um mapa de meus clientes na área. Depoimentos, que são meus comentários, geralmente uma cópia e colar de qualquer listagem do Google ou meu Facebook ou LinkedIn. Perguntas frequentes, Contato do Blog e alguns links de mídia social aqui. Também tenho o meu número de telefone e o meu endereço de e-mail, para que os potenciais clientes possam contactar-me. Canto superior direito, faça uma citação. Isso não é uma calculadora de citações. Na verdade, é apenas um link para o formulário de contato onde alguém pode preencher seu nome, e-mail, número de telefone, mensagem e entrar em contato conosco. Como continuamos olhando no site. Nós temos um título, myTitle atualmente, ele passou por tantos é web designer cinco estrelas desde 2006, isso me dá credibilidade. Pessoas cinco estrelas podem provar isso apenas me pesquisando nesta área local. E desde 2006 me dá alguma experiência. O subtítulo, desenvolvimento de web design, hospedagem, manutenção e otimização do mecanismo de busca. Mais uma vez, estas são as coisas que eu definitivamente gosto de fazer e gostaria de comercializar. E, em seguida, um par de parágrafos aqui. Dois botões ver um 160 mais projetos, ler, 80 mais comentários, e uma caixa de bate-papo no canto que se conecta à minha conta de vídeo TID io.com, que eu amo para um recurso de chat instantâneo. É completamente grátis e é incrível. Ele se conecta ao meu telefone. Eu tenho o aplicativo baixado, então eu vou receber uma notificação quando alguém clicar neste botão. Rolando para baixo 2020, eu adicionei um vídeo introdutório, encontro tarde em Smith, seu web designer. Isso é hospedado no YouTube, e se eles clicarem, é apenas um vídeo introdutório de dois minutos. Assim, as pessoas estarão familiarizadas com ou se familiarizarão com quem o web designer é. Esperamos que centenas de pequenas empresas e bater para tirar o máximo proveito de seu site. Então este é um ticker de algumas das marcas mais reconhecíveis que eu assumi como clientes. Se você passar o mouse sobre eles, eles se transformam em cores. Até então eles são preto e branco, só para que eles não chamem muita atenção e sigam o esquema de cores. Se você clicar neles, eles serão vinculados diretamente para o site. Então você pode ver o site do meu cliente. E finalmente você vê o meu trabalho. Rolando para baixo os três principais serviços que eu comercializo, web design, Organic Search Engine Optimization e gerenciamento de sites. Ou sites ou dispositivos móveis amigáveis. Então, estas são capturas de tela de vários sites de clientes. Veja em um dispositivo móvel, como eles aparecem em um tablet e como eles aparecem em um desktop. Há links para visitar o site diretamente. E nossos sites são seguros e seguros. Portanto, este é um pequeno encanto para nossos certificados SSL, todos os clientes são fortemente encorajados a ter um certificado SSL que criptografa todos os dados para e para o site. Nós configuramos, instalamos e mantemos os certificados de segurança. Então, o, para que o site permanece protegido contra hackers. São sites são hospedados e gerenciados. Este é um plug para o nosso serviço de cuidados do site, que vou passar por algumas lições a partir de agora quando falamos sobre como comercializar um plano de manutenção do site. Eu vinculado a um blog populares posts no meu site. 16 razões pelas quais você precisa de um plano de manutenção do site. Diz de longe o post de blog mais popular em todo o meu site. Por isso, aproveito-me disso. O interesse que as pessoas têm nesse post, ligando para ele a partir da minha página inicial, nós ganhamos uma avaliação cinco estrelas. Portanto, isto é credibilidade. Sempre que você receber comentários de cinco estrelas, aproveite aqueles, mas aqueles em seu site, tanto quanto você pode, especialmente se você pode encontrar um headshot para a pessoa que escreveu a revisão. Cada usuário dourado, começar a coletá-los o mais rápido possível porque eles adicionam credibilidade a si mesmo como um proprietário de empresa. Ou os projetos são atraentes e eficazes. Então esta é uma coleção dos 12 projetos favoritos no meu site. Tenho-os encomendados especificamente do meu melhor trabalho para o meu menos melhor trabalho. Então ainda são os 100 melhores sites. Mas dentro disso, 100 e os primeiros a aparecer são o meu trabalho favorito e melhor. O fundo da 100 ainda seria um bom trabalho. Só não é o que eu quero apresentar no topo. Então estes 12 são definitivamente os melhores dos melhores. Isso é o que acontece na página inicial. E, em seguida, na parte inferior, seria uma chamada à ação com um formulário de contato embutido. Você precisa de ajuda para o site, ligue para este número, envie um e-mail para este endereço ou preencha o formulário de contato com seu nome, e-mail, número de telefone e com sua mensagem e clique em Enviar. Isso é protegido com um certificado SSL e é protegido com tecnologia anti-spam recaptcha. E finalmente há alguns links de mídia social aqui. E o rodapé do site inclui minhas postagens de blog, algumas afiliações. Faço parte do banco comercial V e II, I tags, e sou um parceiro oficial do iOS desde que estou com eles há tantos anos. E eles são uma hospedagem web verde, uma empresa, perfis de mídia social. Estou no Facebook, Google, LinkedIn, Pinterest, Instagram e Twitter. Então essa é a página inicial. Sua página inicial precisa mencionar, seus melhores serviços, precisa ter alguma credibilidade com alguns depoimentos e comentários. No meu caso, eu fui em frente e mostrei minha foto para as pessoas que podem ficar a saber quem é o seu web designer. E eu mostrei alguns dos meus melhores trabalhos bem ali na página inicial. Mas há muitas outras páginas. Este site tem muitas centenas de páginas, na verdade, MP incluem o portfólio. Então vamos em frente e clique em sobre nós. Conheça seu webmaster. Saiba mais sobre a história da mídia pioneira um e bate buracos empresas de web design favoritos. Então este é o vídeo introdutório de dois minutos onde eu me apresento para que você possa me conhecer. Eu tenho um pouco de biografia aqui e algumas estatísticas, classificação cinco estrelas no Google a partir de hoje, 14 anos de experiência e 175 sites projetados. Todos esses números continuam crescendo de alguma forma. De alguma forma, os anos continuam sendo assumidos e os sites continuam, continuam chegando. Siga-nos nestas redes sociais. Tenho as minhas seis redes sociais primárias sobre ele e aqui está um pequeno ticker dos meus melhores projetos de portfólio. Chamada à ação. Eu tenho isso na parte inferior de cada página web agora interessado em trabalhar juntos em um projeto chamado este número, nos enviar um e-mail ou nos enviar uma mensagem. Isto está no fim de cada página porque eu não sei em que página alguém vai pousar. Se eles estiverem fazendo uma pesquisa no Google por um web designer. Se eles estiverem procurando por um site para dispositivos móveis, ele poderá aparecer na página de sites para dispositivos móveis. Se eles estão procurando SEO, eles podem se apoiar na página SCO. Não posso presumir que o primeiro contato comigo seja a página inicial. Eles podem cair em uma dessas páginas de destino. Nesse caso, no momento em que eles se deslocam para o fundo, eu gostaria que eles tivessem visto um formulário de contato apenas no caso de eles quiserem ir em frente e entrar em contato. Serviços. Serviços. O que a mídia pioneira faz? Empresa de gerenciamento e design de site on-line de serviço completo. Então estes são os meus três principais web design, SEO e serviços de hospedagem web. Ou eu vou mais em profundidade com uma bela foto de um dos meus sites de clientes. Mamãe me, uma cozinha que mostra meus serviços de web design responsivo. E aqui está uma lista mais extensa. Então vamos entrar em cada um desses. Tenho sete serviços primários que quero comercializar. E eu posso até mesmo refinar isso um pouco mais lindo, design web acessível em Knoxville, Tennessee, que é onde eu estou atualmente baseado. À medida que rolamos para baixo, veremos algumas capturas de tela dentro desses modelos de modelos que criei no Photoshop, C1 com um tablet e uma com uma visualização móvel. Poucos recursos de nossos sites personalizados. Então, estes são sinopses indivi, usando os ícones incorporados mencionei nome de domínio personalizado, endereço de e-mail comercial, design personalizado e esquema de cores, otimização de mecanismo de busca amigável e responsiva para dispositivos móveis, entre em contato informações e forma Sobre Nós e páginas de serviços, galerias de fotos, apresentação de slides, mapas e direções do Google, links de perfil de mídia social, codificação moderna à prova de futuro e muito, muito mais. Então algumas empresas de design e talvez isso seja mais uma coisa no passado e então hoje em dia, mas tenho certeza que ainda há algumas empresas que fazem isso. Eles cobrarão com base nos recursos exatos que você deseja que o site. Então, se você quiser um formulário, haverá alguns dólares extras. Se você quer otimização do motor de busca, isso vai ser extra móvel. Haverá extra. Se você quiser um e-mail, uma galeria, cada página, tudo será níquel e esmaecido. Eu não faço esse formato. Eu faço mais de uma cotação baseada no que você está procurando. Se você está procurando um site de folheto ou um site de comércio eletrônico e agrupe tudo. Nesse caso, eles estão pagando um preço e você está recebendo todos esses serviços. Então eu tentei empacotar o máximo de valor possível em meus sites. Em seguida, otimização do mecanismo de busca orgânica. Então vamos realmente mergulhar nisso no próximo conjunto de lições. Mas este é o SEO local em Knoxville, Tennessee. Assim, otimização do motor de busca, é necessário que um site floresça. Isso é tudo o que você otimiza seu site para aparecer quando as pessoas pesquisam por suas palavras-chave. Então aqui eu tenho alguns exemplos. Primeiro tenho alguns fatos sobre motores de busca. Então eu tenho alguns exemplos de sites que eu construí e prova por captura de tela que eles aparecem na página um. Não é uma ciência exata, não há garantias. Mas com experiência suficiente e trabalho duro suficiente, você pode obter seus sites. Você aparece na primeira página fazendo as coisas que o Google gosta de ver, que vamos passar na próxima série de lições. Hospedagem na Web vai para a direita junto com o tempo de manutenção. Mas esta é especificamente a hospedagem no servidor, que no seu caso seria hospedagem web ionizada. Por que os hosts seriam pioneiros na mídia? E, novamente, isso é muito semelhante à manutenção do site. Eu meio que combinar esses dois. Na verdade, vou em frente e mudar para a página de manutenção do site. Uma vez que esta é uma das páginas de destino que eu realmente gostei de empurrar para o ranking do meu motor de busca, especialistas do plano de manutenção do site Tennessee desde 2006. Então, o que isso inclui? Role para baixo para ver os oito recursos principais do nosso serviço de atendimento ao site. Por que você precisa deste serviço? Leia a postagem do blog 16. Razões pelas quais você precisa de um plano de manutenção do site. Fato tão divertido, se as pessoas procuram por que eu preciso de um plano de manutenção do site? Não no Tennessee, não em uma determinada área, mas se eles estão apenas procurando por isso, aqui estamos nós. Pioneer media. 16 razões pelas quais você precisa de um plano de manutenção do site. Escrevi esse post em dezembro de 2016. Eu não tinha idéia. Ela se tornaria tão popular, mas agora é a página número um mais popular meu site com base nos meus relatórios analíticos. Então esse é um tráfego valioso do que estou trazendo. E quem sabe? Talvez um pouco desse tráfego se torne um cliente. Tenho pessoas que preenchem meu formulário de contato especificamente querendo manutenção do site. Então, obviamente, este post está funcionando. Essas pessoas têm o design do site RD, mas precisam de alguém para mantê-lo. Então, o que está incluído no meu serviço de atendimento ao site? Vou rever isso várias lições a partir de agora no curso de manutenção do site. Mas como uma visão geral, isso é o que está incluído. Hospedagem, atualizações de gerenciamento de e-mail, otimização de mecanismo de busca de segurança, remoção de vírus de mídia social, monitoramento de tempo de atividade , detecção de alterações, listagens locais e certificados SSL. Esses são os tipos de coisas que faço mensalmente para meus clientes e algo que você pode oferecer aos seus clientes. E vou repassar isso em uma série de lições, várias lições a partir de agora. Ganhamos uma classificação cinco estrelas no Google. Eu fui em frente e copiou e colou esses comentários e o formulário na parte inferior desta página, apenas no caso de alguém chegar pela primeira vez nesta página, talvez eles estejam apenas querendo manutenção. Eles fazem uma pesquisa no Google por uma empresa de manutenção de sites e, em seguida, aterram nesta página. Eles não aterrissaram na minha página inicial. Ainda não viram o conteúdo dessa página. Então eu quero que eles tenham visto minhas críticas. Eu quero que eles vejam minhas informações de contato no momento em que rolar para baixo até o final desta página, caso eles não cliquem em nenhuma outra página. Em seguida, esta página construiu a minha credibilidade no momento em que eles rolam para o fundo. Sites compatíveis com dispositivos móveis. Web design móvel em Knoxville, Tennessee. Isso vai junto com o web design responsivo, mobile friendly que falamos sobre várias lições atrás. Qual é a importância de um site móvel? Um estudo realizado pelo Google diz que 67% das pessoas indicaram que provavelmente comprariam um produto ou serviço de uma empresa que construísse um site amigável para dispositivos móveis. E globalmente, metade de todo o tráfego de internet é feito em dispositivos móveis, e isso certamente está aumentando. Aqui estão algumas amostras de sites que eu tinha construído. Sites no meu portfólio que são amigáveis para dispositivos móveis. E você pode clicar neles para ver uma visão ampliada. Copiei meus comentários no formulário. Agora vamos olhar para WordPress web design. Então, muitas pessoas estão à procura de WordPress Web Design nesta área. E se eles fizerem, se eles incluírem a palavra-chave WordPress em quaisquer suas pesquisas, então geralmente esta é a página que irá classificar para o meu negócio. É uma página inicial do WordPress, incluindo alguns links para empresas que usam o WordPress como seu sistema de gerenciamento de conteúdo. E algumas perguntas, é WordPress móvel amigável? Sim, certamente pode ser. E finalmente, e-commerce. Esta é uma página antiga. Preciso atualizá-lo, mas é a minha página inicial para o comércio eletrônico. E, idealmente, esta seria uma página mais aprofundada onde explico os benefícios da venda online, quanto dinheiro é gasto com compras online e como posso ajudar alguém a começar a vender online. Então vamos passar para a minha página do portfólio. Esta é uma página crítica em seu site web design. Precisas de mostrar o teu trabalho. Como mencionei anteriormente, ninguém se importa com a sua educação nesta indústria. E eles querem saber o trabalho que você fez, com que clientes você trabalhou, seus sites se parecem. Impressionante. Seus sites são, isso é o que eles estão interessados. Então aqui eu tenho meus 100 melhores projetos de site. Estas são algumas indústrias para as quais eu tinha feito sites. E aqueles em que você pode clicar, eu criei uma página de destino específica apenas para essa indústria. A intenção disso é que quando as pessoas estão procurando por design de site odontológico ou algo assim, esta página de destino aparecerá e voltará para o portfólio. Tem um contador aqui para nos mostrar algumas estatísticas e entrar direto no portfólio. Então estes são os sites e eu sou, estes são os clientes para os quais eu construí sites e este é o top 100 projetos. Então, uma nota rápida na página Portfolio. O topo realmente deve ser o seu melhor trabalho. Isso não deve ser em ordem cronológica. Você deve apresentar seus melhores projetos no topo. Então essa é a primeira coisa que os potenciais clientes verão. E se você já fez o site, se você trabalhou para uma marca maior, como no meu caso, eu fiz o trabalho adiante, a estação PBS local que deve estar perto do topo, porque é isso que as pessoas vão reconhecer que nós deseja ver as empresas respeitáveis para as quais você fez sites. Se eles não ouviram falar dessas empresas, eles provavelmente vão continuar rolando até encontrar uma que eles reconheçam. E quanto mais você tem, obviamente, mais impressionante Você parece e mais experiente você parece. No início, você não terá muito para sua página de portfólio. Então é por isso que eu recomendo totalmente fazer o melhor de um trabalho possível em seus primeiros sites de clientes e, obviamente, todos os sites daqui para a frente, mas especialmente seus primeiros porque isso é tudo o que estará em seu portfólio. Então, trabalhe mais duro em seus primeiros clientes. Então vamos ver o que acontece quando você clica em um desses. Vou clicar no urso dançante. O hotel mundialmente famoso e restaurante de luxo nas Montanhas Smoky. Design de site de resort premiado. Esta é a palavra-chave, e este é o título. Este é o logótipo. E se você clicar nisso, ele vai diretamente para o site deles para que você possa ver o site ao vivo. E aqui estão as capturas de tela de como este site se parece em um desktop, em um telefone celular e no tablet. Bem, para criar estes, encontrei um modelo de maquete no Google. É um documento do Photoshop e você simplesmente solta a captura de tela do seu site. Por isso, requer algum trabalho no Photoshop. Essa é uma das muitas, muitas, muitas razões pelas quais recomendo obter o software da Adobe e ficar confortável com ele. Esta é uma das muitas coisas que criei no Photoshop para o meu negócio pessoal. Sobre o design. Aqui é onde eu explico o que eu fiz para a empresa, quais problemas eles tiveram e como eu resolvê-los. Com links para os diferentes serviços que eu ofereço. À direita, tenho detalhes do projeto onde eles estão localizados, o site, a descrição e algumas outras coisas. Enquanto nós rolamos para baixo, aqui está um depoimento e eu recebi da empresa que escreveu e qual é o título deles. Este é o diretor de marketing. Eles escreveram uma crítica muito amável chamando-nos a imagem da página inicial padrão ouro. Então, no momento em que eu tirei a captura de tela, este é o jeito que o site parecia. Esta é apenas uma captura de tela estática. Mas é uma forma de mostrar o seu trabalho. Ame este site, deixe-nos ajudar o seu também. Então esta é a minha ficha para tentar obter alguém desta página para preencher o formulário na minha página de contato e possivelmente me contratar como seu web designer. Então eu sigo que algum modelo semelhante em todas as páginas do projeto portfólio geralmente leva cerca de uma hora para eu fazer o upload de um novo projeto no meu portfólio, mas vale a pena o esforço. Eu mudei o modelo apenas um pouco para projetos recentes. Aqui estamos nós. Então eu coloquei a localização, a biografia, e um link para o site. O problema, bem como a solução que eu ofereci. Não como esse formato um pouco melhor. E depois para aqueles para os quais não me apetece escrever tanto. Eu tenho isto. Um deles segue esse formato simplificado. Vamos ver se é a fazenda recém-nascida no local do casamento com design. E aí está. Então, para economizar tempo, às vezes eu vou deixar cair o logotipo. Tenha uma frase agradável e bem escrita aqui. Nós projetamos um site bonito, responsivo móvel amigável motor de busca amigável para este cliente. Claro, tem links internos para minhas páginas de serviços, e continuamos a fornecer um site de hospedagem e serviços de manutenção para garantir o seu sucesso contínuo e, em seguida, um link para visitar o site do cliente. Então, às vezes, estou muito pressionado por tempo. E essa é uma maneira fácil de colocar o projeto em mais portfólio. Sem ter que fazer todo esse trabalho extra, digitando a história, o problema, a solução, e fazer essas maquetes. Eu também tenho um mapa de clientes aqui, que é uma maneira rápida de mostrar aos visitantes que eu tive alguns clientes ao longo dos anos. Então, neste caso, há um alfinete para cada empresa que eu fiz e site para. Você. Clique neles e ele irá levá-lo para o site. Você pode ver o meu trabalho. Lá estamos nós. Tudo bem agora a página de depoimentos, e esta é obviamente uma muito importante. Você criará uma página de comentários ou depoimentos, quase todos os sites de clientes que você criar, e você precisará de um para você também. Você pode não ter muitos depoimentos no início, mas esta página só vai crescer. E aqui está como minha página cresceu. Então, uma nota rápida sobre depoimentos. Quando alguém quer escrever um depoimento, você realmente não quer que ele apenas envie o depoimento diretamente para você. A preferência é escrevê-lo no Google ou Facebook ou uma recomendação no LinkedIn, e então você pode copiar e colar isso em seu site. O que acha que gostaríamos de fazer isso? O que há de errado em alguém te enviar o depoimento por e-mail? Bem, se uma avaliação estiver no Google, posso copiá-la para o meu site. Mas se a avaliação for escrita em um e-mail, não posso copiar e colar isso na minha lista do Google. Por motivos de segurança, eles precisam escrever a avaliação diretamente no Google para que o Google a aceite. Por isso, faça com que as pessoas o analisem na sua lista do Google ou onde quer que esteja a recolher os seus comentários. Eu gosto de promover o Google porque esse é o motor de busca que eu estou tentando classificar bem. E eles olham para as avaliações como um fator de classificação de pesquisa e depois copiam para sua página de depoimentos. Esse é o método ideal. Muito bem, perguntas frequentes. Portanto, a melhor maneira de criar uma página de perguntas frequentes é pensar nas perguntas que mais lhe são feitas. Então, no início, você pode não ter tido muitas perguntas, mas com o tempo você vai notar que você começa a ser perguntado a mesma coisa por cada cliente. Então isso é ótimo. Munição para uma página de perguntas frequentes. No meu caso, as perguntas que mais me fazem ou o que você precisa para eu começar? Quanto tempo leva para criar um site? Pode me colocar na página um do Google, quanto custa um site? Posso obter um endereço de e-mail para o meu site? Posso ver como o site fica antes de entrar no ar? O que você fornece após a conclusão do site? E quantos sites você construiu? Preciso atualizar isso um pouco, mas você entendeu a idéia. Tem as perguntas frequentes que lhe são feitas. Assim, você pode direcionar as pessoas para esta página quando você está assumindo um cliente. Que tal o blog? Então, um blog é uma maneira maravilhosa de trazer o tráfego. Como eu mencionei, as 16 razões que você precisa de um serviço de manutenção de site que me trouxe milhares de acessos e para o meu site. Então blogar funciona. É ótimo para o ranking de motores de busca. Cinzas cinza para educação geral. As pessoas podem ler isto e aprender algo que não sabiam. Por exemplo, o recurso de bate-papo ao vivo ou seu formulário de contato está atraindo spam. A necessidade de uma declaração de coronavírus. Imagens de drones, é uma forma de anunciar novos serviços. Blogs são apenas uma ótima maneira de educar as pessoas, bem como obter esse tráfego de entrada. Em algum lugar aqui embaixo, como lidar com críticas negativas on-line? Gostei de escrever essa. Por que não construir um site você mesmo? Três razões convincentes. Gostei dessa também. Estas são as 16 razões pelas quais você precisa de um plano de manutenção do site. Então vamos ver como esta postagem do blog se parece. Temos uma imagem aqui. Para o meu caso, eu criei isso no Photoshop. Agora pergunta de abertura, o que precisa de manutenção? E, em seguida, os 16 benefícios atraentes para a manutenção do site. Então estes são cabeçalhos, que espero que seja a palavra-chave, a busca da chave ou a pergunta que está sendo feita. Em seguida, as listas são uma forma fabulosa de obter as suas páginas classificadas. Permita no Google. Então os consumidores gostam de listas, eu gosto de listas, listas de gostos do Google, lista de todos gostos. Neste caso, esta é uma lista numerada, de um a 16. Há também listas desordenadas que basicamente como marcadores, você pode fazer isso no WordPress. Você pode criar uma lista exatamente como faria em um documento do Word. E é uma ótima maneira de estruturar suas postagens, bem como suas páginas em geral. Então, como a página tem tanto tráfego, eu decidi capitalizar sobre isso e expor nesta página um pouco mais. Então eu adicionei uma conclusão. E depois sobre o autor. Então, se as pessoas continuassem rolando. Primeiro de tudo, eles podem se perguntar, bem, quem escreveu isso? Deixe-me apresentar-me. Copiei e colei minha biografia e com um botão no meu trabalho de design do site para tentar fazer com que as pessoas vejam meu portfólio. E então qual é a credibilidade desse cara? Estamos em uma classificação cinco estrelas do Google. Há uma cópia e pasta de minhas avaliações vinculadas para ver mais depoimentos e um formulário de contato. Então, anteriormente, minha página terminou aqui ou para o post, as postagens do blog terminaram com o número 16, otimizações de desempenho. E então esse foi o fim. E então percebi que estava recebendo tanto tráfego, graças aos relatórios analíticos. Veja, eu estava recebendo todo esse tráfego e nada estava realmente acontecendo com esse tráfego. Estavam a saltar, o que significa que estavam a ler o correio e a sair do local. Então eu pensei que eu precisava capitalizar isso um pouco mais sobre isso. Daí que eu adicionei mais para a página. Assim, os relatórios analíticos são uma ótima maneira de ver quais páginas em seu site ou populares e o que você pode fazer para melhorá-las. No meu caso, eu peguei as páginas mais populares e apenas enriquecê-los com mais conteúdo para torná-los o mais atraente possível. E finalmente, temos a página de contato. A página de contato é o que você esperaria número de telefone, você pode clicar nisso para me chamar de e-mail, você pode clicar nisso para abrir uma nova mensagem de e-mail e um endereço onde você pode me enviar e-mail. E há um formulário de contato que é protegido com a tecnologia anti-spam recaptcha do Google, que eu recomendo totalmente que você pode fazer isso através do módulo de formulário de contato indivi, recaptcha do Google é uma maneira fabulosa de reduzir o spam do Formulário de Contato, spam do formulário de contato é uma epidemia. Se você não garantir sua forma de alguma forma, você vai ter muito disso. Será apenas língua estrangeira ou spam ou marketing ou qualquer marketing em massa que sair. E você vai ter muito disso através do seu formulário. E não há necessidade disso. Então eu recomendo a recaptura do Google. Então este é o meu site em análise, há os depoimentos sobre nós, Portfolio, que esses dois continuarão a crescer com o tempo. Faq é um bom. Só para educar as pessoas em seu site. Blog traz a educação e o contato, o que é crucial. E na parte superior e inferior de cada página do meu site tem meu número de telefone, meu endereço de e-mail, links de mídia social, e a chamada de ação para obter uma cotação. Então, o que aprendemos? Aprendemos um, você precisa de um site para o seu negócio. Para. Seu site deve conter uma lista pessoal, mas profissional, sobre nós, seus serviços e suas informações de contato. E terceiro, comece a coletar avaliações e construa seu portfólio com cada novo cliente. E qual é o nosso dever de casa? E quando você deve começar a projetar e desenvolver seu site? Acesse no servidor IoT usando o nome de domínio que você comprou na lição anterior. Eu sou Leighton, e agora você sabe como criar seu site. 27. Promovendo sua marca: Bem-vindo, sou Leighton, seu webmaster. Nas lições anteriores, você começou a construir sua marca, incluindo seu site. Hoje, vamos aprender como promovemos essa RAM. Vou rever algumas ideias, nomeadamente redes sociais, Behance e Google, My Business. Primeiro, vejamos as mídias sociais, começando pelo LinkedIn. Agora eu recomendo totalmente este. Você tem um perfil do LinkedIn? Mais de 500 milhões de pessoas? Fazer. Linkedin é construído para profissionais, para networking, para construir relacionamentos. Quando o LinkedIn, você terá um perfil pessoal. E se você escolher, você pode criar um perfil de empresa. Seu perfil é basicamente seu currículo digital. Você pode incluir sua biografia, sua foto, sua experiência de trabalho, educação formal, licenças, certificados, projetos de portfólio, etc. No perfil da sua empresa, você pode carregar seu logotipo e vincular seu site, copiar e colar ou sobre uma história e fazer upload de algumas postagens de blog como o que eles consideram atualizações ou artigos. Linkedin é uma escolha sólida. É gratuito e você não terá que gastar muito tempo atualizando-o. Eu só visito meu perfil a cada poucos meses, só me certifico de que ainda é relevante. Faça alguns ajustes, se necessário. Consegui alguns empregos no LinkedIn e até estou listado como uma estrela para qualquer coisa que valha a pena. Facebook. Eu recomendo o Facebook. Você tem uma conta no Facebook? Provavelmente você sabe. Mais de 1 bilhão de pessoas usam ativamente o Facebook. É a rede social mais popular do mundo e toneladas de empresas estão nela. Alguns até operam seus negócios exclusivamente através do Facebook. Você pode postar atualizações, ganhar avaliações, carregar seu portfólio, se comunicar com o Facebook e fazer vendas através do aplicativo Messenger. Agora, quando você configura o Facebook para o seu negócio, você não cria uma nova conta. Isso confunde muita gente. Você cria o que é chamado de página. Você usará seu login regular no Facebook para gerenciar sua página, mas a página e o perfil não serão vinculados publicamente, a menos que você queira que eles sejam. Agora, ocasionalmente recebo trabalho do Facebook, mas mantenho o perfil apenas no caso de alguém ter verificado o meu Facebook enquanto pesquisava a minha empresa. Agora este é um ponto-chave. Você não quer que alguém para puxar o seu Facebook ou qualquer uma de suas contas sociais para esse assunto e vincular o post mais recente é como dois anos de idade. Isso simplesmente não parece bom. Mantenha seus perfis atualizados. Próximo, Instagram. Você tem um Instagram? Provavelmente você faz, mais de um milhão de pessoas fazem, e é facilmente um aplicativo favorito de mídia social. Então, o que é o Instagram? Automóveis e ultimamente, vídeos. E isso significa que você terá que ser criativo ao postar na página do Instagram da sua marca. Você poderia captar testemunhos. Você pode mostrar exemplos do trabalho do seu site. Você pode fazer upload de vídeos promocionais, mas acima de tudo, você precisa ser autêntico e postar regularmente. Agora eu recebi empregos no site do Instagram, especialmente quando um amigo ou cliente me dá um grito. Você pode até mesmo ter pedido pessoalmente um grito quando você está tentando obter alguma exposição. Agora, e o Twitter, Pinterest e o Snapchat e outros? Você está em algum desses aplicativos? Agora eu tenho contas pessoais e profissionais sobre eles, mas eu não sou um grande fã deles para um negócio de design de sites. Por quê? Porque acho que nunca consegui um emprego nesses sites. Agora eles tinham seu próprio nicho. Algumas pessoas são muito bem sucedidas neles, bom para eles. Mas eu nunca obtive nenhum salto deles. Agora, se você já é um usuário ativo nessas contas, vá em frente e crie sua conta de marca. Mas, caso contrário, eu não me esforçaria para criar um lá. Deixe-me mostrar-lhe como alguns perfis sociais podem parecer. Espero que isso lhe dê alguma inspiração para suas contas. Então aqui estamos no Facebook.com. Primeiro, quero demonstrar como criar uma página para o seu negócio de design de site. Então, estamos no Facebook.com e somos apresentados com um formulário de login. Se você já tem uma conta do Facebook, neste momento, você faz login na sua conta do Facebook. Você não cria uma página até ter feito login no Facebook. Você não tem um Facebook, então sim, você pode criar uma nova conta, mas caso contrário, se você já tem uma, então você pode apenas entrar na conta do Facebook que você já tem, que será sua conta de perfil. Vou fazer isso agora. E eu estou logando. E aqui estamos nós. Então vamos para as páginas à esquerda. Tudo bem, aqui estão as páginas que eu gerencio e estamos procurando criar um novo botão de página. Então, vamos clicar em Criar nova página e ver o que nos são apresentados. Crie uma página. Uma página é um espaço onde as pessoas podem se conectar publicamente com sua empresa, marca pessoal ou organização. Você pode fazer coisas como mostrar produtos e serviços, coletar doações e criar anúncios. Milhões de pessoas descobrem e se conectam com páginas todos os dias. Então vamos começar. Ele pede seu nome de página, sua categoria de página, que no seu caso seria web designer. E uma descrição onde você pode copiar e colar o seu sobre nós parágrafo. E depois de fazer isso, você pode começar a criar postagens, fazer upload de fotos, vídeos e qualquer outra coisa que quiser adicionar à sua página do Facebook. Deixe-me procurar pela mídia pioneira. E aqui estamos nós. Esta é a minha página de negócios. E eu tenho Serviços, design de sites, otimização de motores de busca, hospedagem e manutenção web, imagens de drones. Eu tenho fotos do meu trabalho, que inclui alguns álbuns para essas capturas de tela de design responsivas. Falamos sobre os 100 melhores projetos de site, que é basicamente um espelho do que eu tenho no meu site. E isso cresceu significativamente ao longo do tempo e apenas mantém, continua adicionando. Também tenho algumas críticas no meu Facebook. Não receba quase tantos como o Google porque eu realmente não pedir para eles um aqui, eu não uso Facebook tanto quanto eu vou usar o Google. E, portanto, quando eu recebo uma avaliação, ela geralmente está na minha lista do Google. Assim que tiver criado sua conta, você poderá acessar informações da página de edição, onde terá a oportunidade de adicionar mais do que o que fez quando criou sua página pela primeira vez. Quando você criou sua página pela primeira vez, você fez o nome, a descrição e a categoria. Aqui você pode adicionar mais informações, contato, número de telefone, e-mail, site. Você pode adicionar um mapa se isso for aplicável a você. Muitos web designers trabalham em sua casa, então isso não é realmente necessário. Horas, horas específicas sempre abertas, permanentemente fechadas. E mais algumas coisas que você pode adicionar aqui também podem ser vinculadas a outras contas sociais. E então você pode visualizar insights que lhe dizem quantos acessos suas páginas, recebendo, notificações, recursos, ferramentas, caixa de entrada seriam as mensagens quando as pessoas tentaram enviar uma mensagem diretamente na sua página do Facebook. Embora ninguém veja meu perfil pessoal no Facebook quando for para a página. Mas é isso que eu uso para fazer login e gerenciar esta página. Um dos benefícios é se você tem uma equipe ou se seu cliente tem uma equipe, então eles podem ter acesso. Você pode ter acesso. Todos os que precisam de acesso à página do Facebook podem ter isso através destas configurações e, em seguida, funções de página. Assim, por meio de Funções de página, alguém pode adicionar você como proprietário ou administrador à página para que você possa gerenciá-la para ela. Então deixe-me mostrar-lhe um exemplo de uma página de negócios no Facebook para um de meus clientes. Este é o Bear Lodge, o resort premiado nas Montanhas Smoky. E esta é uma página, então é um pouco diferente de um perfil. É assim que você comercializa um negócio no Facebook. Tem a imagem da capa, como você faria no seu Facebook pessoal. E um logotipo onde você normalmente colocaria a foto do perfil. Tenho o nome, nome de usuário e categoria. E este tem um botão de livro agora onde você pode reservar uma estadia no urso dançante. Tem cerca de fotos, comentários, eventos, vídeos, grupos, comunidade e boas-vindas. Você pode gostar da página. Então, em um perfil que você pode seguir, mas em uma página que você pode gostar, você também pode mensagem que irá para a sua seção de caixa de entrada. Você pode pesquisar sua página e visualizar as informações da página. Então este tem 13 mil curtidas, 7500 check-ins até agora. E os links para o seu mapa listando sua URL. Você pode enviar uma mensagem, enviar um e-mail a eles, e há links cruzados para diferentes contas sociais. Então esta é uma página muito impressionante no Facebook, e isso dá-lhe um exemplo do que tudo o que você pode colocar em uma página de negócios no centro seria posts. Então, estas são as postagens recentes para esta página. Assim como você faria normalmente no seu perfil do Facebook, você pode postar vídeos, links, fotos ou simplesmente digitar algum texto. Há muito que você pode fazer no Facebook hoje em dia para negócios, eu recomendo ter uma página no Facebook para o seu negócio. E uma vez que você criar sua página, tanto quanto você não pode fazê-lo. E eu vou colocar tanto conteúdo quanto o facebook permite que você venda seu negócio parece tão impressionante quanto possível. E agora o Instagram? Esta é a conta do Instagram para este negócio em particular. Eles fazem um trabalho maravilhoso gerenciando suas mídias sociais. Eles têm as memórias aqui. Você tem postagens. E seus postos. Muitos deles são vídeos. Como os vídeos obterão mais alcance organicamente do que uma postagem estática. E eles fizeram um bom trabalho gerenciando sua conta social, que eu tenho acesso, assim como seu designer de sites. Para onde você vai para criar um Instagram para o seu negócio? Então deixe-me sair aqui. Então aqui estamos no Instagram.com. Podemos entrar em nossa conta pessoal do Instagram, mas isso é diferente do Facebook. Nesse caso, você deseja se inscrever para uma nova conta ao criar sua página de negócios. Então, clicamos em se inscrever. E isso nos leva a esta página onde podemos fazer login com nosso Facebook ou simplesmente criar sua página do Instagram digitando seu endereço de e-mail comercial, seu nome do seu negócio, seu nome de usuário, que está indo para ser após o sinal de at e, em seguida, sua senha. Assim que você criar isso, você pode clicar em se inscrever e começar a adicionar sua foto de perfil e sua biografia à sua página do Facebook. Quando você faz isso, você pode começar a postar nele e construir seus seguidores no Instagram, bem como colocar anúncios como você pode no Facebook. Mas o serviço central Instagram e Facebook são completamente gratuitos. Você não precisa fazer anúncios a menos que você queira, caso contrário, o Instagram é gratuito. Finalmente, quero mostrar-lhe como criar um LinkedIn. Se você ainda não tiver um, você pode criar um em linkedin.com. Bem-vindo à sua comunidade profissional. No meu caso, eu já tenho uma conta, então ele quer que eu faça login. Caso contrário, você pode clicar em Ingressar agora no canto superior direito. Quando você fizer isso, ele vai pedir seu endereço de e-mail e criar uma senha. E quando você fizer isso, você pode clicar, Concordar e participar. E isso levará você ao seu perfil do LinkedIn, onde você pode adicionar sua educação, você pode adicionar sua experiência, seu headshot e um monte de outras coisas. Deixe-me mostrar-lhe um exemplo de um. Então vou entrar na minha conta. Este é Linkedin.com e eu vou para o meu perfil específico do LinkedIn, ver perfil. Lighten Smith, proprietário, webmaster, web designer na Pioneer media. Este é o meu tiro na cabeça. É bom ter uma foto de qualidade. Na sua página. Mostra a sua área. Estou na área de Knoxville, Tennessee. The About Us, que é novamente e copiar e colar na minha biografia. Você vai usar isso em todos esses sites diferentes. É mais fácil copiar e colar. Alguns conteúdos em destaque, um artigo que escrevi, um vídeo do YouTube apresentando-me experiência do que trabalhar nesta empresa que criei e desde 2006, e minha educação, habilidades e endossos, que é um LinkedIn onde outras pessoas podem endossar suas recomendações. Eu tenho alguns aqui. Eu poderia ter mais, mas eu não pedi especificamente por eles. Realmente tentei aumentar meus comentários do Google e realizações onde você pode adicionar projetos. No meu caso, sempre que eu adiciono algo ao meu portfólio, eu vou em frente e adicioná-lo aqui ao LinkedIn sob projetos. Agora, qual é a página e aparência da minha empresa? Então, se eu clicar na mídia pioneira aqui, ela será vinculada à minha Página da Empresa. Esta é a mídia pioneira. Deixe-me ver isso como um membro. Este é o logotipo, o nome, a categoria, a localização, quantos seguidores você tem? E eles certamente não são muito para fazer aqui é realmente brilha quando você tem uma oferta de emprego e você tem uma equipe inteira de pessoas, 5.200 mil funcionários. Não há muito o que fazer aqui quando está tão baixo. Mas quanto ao perfil real em si, eu recomendo ter um perfil do LinkedIn para que você possa começar a se promover, promovendo seu negócio de design de site e você mesmo como freelancer, crie sua conta. É completamente grátis. Informações do Azure, carregue suas fotos de cabeça, sua categoria, qual é o nome da sua empresa, experiência do Azure e sua educação. E comece a aumentar suas conexões no LinkedIn. Estes sites são completamente gratuitos. Facebook, Instagram, LinkedIn, eles são de graça. Eu recomendo tirar proveito de todos os softwares e serviços gratuitos que estão disponíveis para você. E essas redes sociais são gratuitas. Então vá em frente e crie seus perfis e comece a construir seus seguidores em cada um desses sites. Neste ponto, pausar o vídeo e criar seus perfis de mídia social. Agora, a segunda ideia para promover a sua marca é Behance. Já ouviu um Behance? Ele foi originalmente criado como um site de portfólio autônomo para criativos. Foi escavado pela Adobe, a empresa de software de design mais popular do mundo em 2012 por US $150 milhões. E agora o Behance como parte da família Adobe, ele é usado para criar e promover seu portfólio. Basicamente, você carrega seus projetos e organiza-os como quiser. Além disso, você pode procurar outros portfólios de designers para obter inspiração para seus projetos. Deixa-me mostrar-te. Aqui estamos no Behance.net, o site de portfólio gratuito mais popular do mundo. Eles foram escavados pela Adobe, a empresa de software mais popular e de design. E Behance está por aí há algum tempo. Eles têm uma enorme, enorme coleção de projetos que foram enviados para este site. Então eles são categorizados pelo Illustrator, Lightroom , Photoshop, melhor para ser mãos design gráfico, fotografia, ilustração, interação, movimento, arquitetura, todos os tipos de coisas diferentes aqui que você pode obter inspiração. Assim, você pode ver carteiras de outras pessoas e também criar o seu próprio. Vamos ver que tipo de coisa está disponível quando você clica em um projeto de portfólio. Design de produto, procure produtos tangíveis do mundo real, produtos de campos, incluindo automotivo , joias, brinquedos e design industrial. Então, quando você clica em algo aqui, vamos ver o que aparece. Eles adicionaram algum texto aqui. Eles adicionaram seu vídeo, algumas imagens que realmente apenas mostram seu trabalho. Em qualquer campo que estejam. Eles também podem ter uma conversa onde as pessoas podem comentar como perguntas e fornecer feedback. Esta é também uma boa maneira de obter feedback sobre o seu trabalho. Foi para isso que ele foi projetado para obter feedback. E realmente se transformou em uma ferramenta promocional. Então vamos ver como criamos um portfólio. Então eu vou, eu já tenho um. Caso contrário, você clicaria em se inscrever com e-mail. Mas, no meu caso, vou entrar na minha conta usando meu e-mail de trabalho, colocar o código de duas etapas. E lá vamos nós. Embora esteja entrando na minha conta. E eu vou clicar em Perfil aqui para ver meu perfil Behance. Aqui está o meu perfil do Behance. Então isso é basicamente um espelho do meu site, a seção de portfólio. Então ele tem o nome, ele tem o logotipo, título, link site, área, edição, perfil, botões, visualizações de projeto. Consegui mais de 10 mil visualizações em meus projetos e você pode reordenar seus projetos, enviá-los, reordená-los como quiser, apenas arrastando e soltando. Assim como nosso site, queremos que o melhor trabalho esteja no topo. Portanto, estes são cuidadosamente selecionados para garantir que o melhor trabalho seja promovido de frente e centro. Quando você clica em um projeto, ele vai puxar para cima os detalhes do projeto, que no meu caso eu adicionar o logotipo do cliente, algumas informações sobre o projeto. Capturas de tela. Quando o web design responsivo, a visualização do tablet, a visualização móvel e a visualização da área de trabalho, bem como uma captura de tela da página inicial e um depoimento. Vá em frente e envie um depoimento lá também. E há links relacionados. As pessoas podem clicar no botão apreciar e compartilhar seus pensamentos através de comentários. Muito disso tinha sido, muito disso é propenso a spam. Como os designers vão spam, o mesmo comentário fica ótimo em cada projeto em um site apenas para tentar obter exposição em seu próprio perfil. Então, por essa razão, eu não passo muito tempo no Behance, mas é um lugar incrível para me inspirar. Ao clicar no link Descobrir, você pode procurar qualquer palavra-chave que você está procurando. Então, digamos que você deseja pesquisar site de remodelação. Então, aqui estão diferentes sites que puxam para cima para essa palavra-chave. E você pode realmente se perder aqui. Procurando inspiração e ver o que outras pessoas, outros designers de todo o mundo carregaram. Se você encontrar o caminho certo, você pode salvá-lo à direita aqui. Salve-o em um moodboard, como no Pinterest ou você pode salvar pinos diferentes. Eles podem fixar coisas no seu Behance, então você poderá se referir a ele mais tarde. Este é realmente um belo design aqui. Então, se eu estivesse fazendo um site de carro, eu não sei por que isso apareceu para remodelar, mas se você está fazendo um site de carro é bom, serviço, boa inspiração. Então, há alguns ginásios neste site. Você pode encontrar algumas coisas muito legais. Se você reservar um tempo para procurar Behance e ver o que está disponível. Uma coisa que você vai notar é que muitas vezes você encontra coisas que estão em um idioma diferente ou originadas de um país diferente. Assim, você pode refiná-lo, apenas procurando por seu país específico ou refinar a cor, refinar as ferramentas que foram usadas para criar o que você está olhando e refinar os campos criativos. Então talvez você só queira procurar por web design. Você só quer procurar projetos que foram criados nos Estados Unidos. E veja o que aparece aqui. Gráfico bonito. Parece que essas pessoas criaram cartões de visita para o cliente. Ele criou um site 0 e um vídeo. Muito impressionante. Sim, isso é incrível que tipo? Então você pode ver como esse recurso Behance pode servir como inspiração de design de qualidade quando você está iniciando um projeto. Eu tenho muita inspiração para diferentes, de diferentes portfólios neste site. E adiciono-o ao meu repertório de inspiração de design antes de iniciar um projeto. Outro site que temos disponível que podemos aproveitar é o enredo do núcleo. Então o enredo principal é outro site portfólio. Já os uso há muito tempo. E você pode basicamente fazer a mesma coisa que você fez no Behance. Você pode descobrir o talento de outras pessoas olhando para o seu portfólio ou você pode criar o seu próprio. No meu caso, deixe-me entrar na minha conta. E esta é a minha conta falhada principal e ir para o meu portfólio e portfólio. E aqui estamos nós. vez, este é um espelho do meu portfólio no meu site. E a razão pela qual eu também estou deste lado, é porque quanto mais exposição você conseguir, melhor. Então, talvez um cliente em potencial esteja olhando para uma falha central e te encontre lá. Talvez não estejam no Behance. Talvez ainda não tenham descoberto o seu website. Mas quanto mais exposição você conseguir, melhor. Este site permite que você visualize designers diferentes. Você pode procurar empregadores, você pode procurar empregos de design. Além de conseguir um show, você também pode obter inspiração para o seu projeto. Então eu recomendo ser bis flats. Eu recomendo estar no Behance, ter seu próprio portfólio em seu site. Tema recorrente aqui está aproveitando o máximo de serviços gratuitos que você pode obter para aumentar a sua exposição de qualquer forma que você pode. Agora sites como Behance e falha central, eles não devem substituir seu site, mas elogiá-lo. Na verdade, eu recomendo colocar seu portfólio em seu site, bem como, como muitos desses sites de portfólio como você está confortável acompanhando, mais exposição, melhor. A terceira ideia promocional é o Google My Business. Você precisa configurar sua listagem local do Google para promover sua marca. Já ouviu falar do Google Meu Negócio? São aquelas listas de mapas. Ao pesquisar uma empresa no Google, você está listando como seu nome, endereço, número de telefone, link para o site e avaliações. Você também pode fazer upload de fotos, postar atualizações, cupons e muito mais. Essencialmente, é apenas uma maneira descentralizada para o Google para puxar dados de negócios para sua Pesquisa e Mapas. Você não tem muito controle sobre o design de sua listagem, mas precisa criar uma listagem completa se quiser classificar bem no Google. Quando você cria sua listagem, o Google enviará um cartão postal para você em cerca de cinco dias úteis. E esse cartão terá um PIN de seis dígitos. Depois de verificar sua listagem usando esse pin, você pode começar a receber avaliações que são cruciais para sua marca. Deixe-me mostrar-lhe um Google. O meu negócio é tudo. Bem-vindo ao Google Meu Negócio. Isso pode ser encontrado em business dot google.com ou Google.com slash business. Você estará aqui um pouco como um negócio de design de sites, mas você também precisa criar uma listagem para si mesmo, além de seus clientes. Então vamos começar. Este é o Google Meu Negócio. Interaja com os clientes no Google gratuitamente. Com uma conta do Google My Business, você obtém mais do que uma listagem de negócios. Seu perfil empresarial gratuito permite que você se conecte facilmente com clientes na Pesquisa Google e no Maps. Então, se você olhar para aqui, este exemplo de listagem, é sobre isso que estamos falando. Já viu isso antes? Você verá algo assim no aplicativo Mapas, no Google Maps ou em uma pesquisa típica do Google no Google.com. Assim, a listagem tem uma imagem de cabeçalho, tem a imagem, as críticas, a categoria, seja aberta ou fechada, um botão de chamada, direções, mensagem, link de site, uma breve descrição e o endereço. Então, essa é a essência da listagem do Google Meu Negócio. Então vamos continuar aqui embaixo. Obtenha clientes com um excelente perfil de negócios. Você pode postar fotos e ofertas em seu perfil para mostrar o que torna seu negócio único e dar aos clientes motivos para escolher você sempre. Tudo bem? Ofereça aos clientes mais maneiras de chegar até você. Seus clientes estão prontos para se conectar, ligar, enviar mensagens ou deixar avaliações. Agora, com mais maneiras de transacionar, você pode fazer mais negócios. Descubra quantas pessoas estão se conectando com você no Google. Isto é muito fixe. Veja como os clientes se conectam, cliques, chamadas, reservas ou segue. Veja como seus clientes se envolvem com seu perfil de negócios em seu engajamento e seus clientes, para que você possa acompanhar seus seguidores, mas também o engajamento aqui Vejamos essas visualizações e pesquisas e atividade. Ele quebra os cliques do site de carvão, solicitações de direção, seguimentos e reservas, o que é uma análise super útil. Tudo bem, então vamos ver como é. Vou fazer login para que possamos ver algumas das minhas listagens. Então aqui estamos no Google, Meu Negócio, e este é o portal de administração. Então, primeiro, deixe-me mostrar como é adicionar um novo local. Por isso, clicaremos em Adicionar localização única e passaremos pelo processo de inscrição no Google Meu Negócio ou, tanto quanto pudermos encontrar e gerenciar o nome da empresa do tipo de negócio. Ok, Encontre o seu negócio e o seu negócio para o Google. Isso é o que você faria se você tivesse uma nova empresa para a qual deseja criar uma listagem. Então digamos Smith, web design. Crie um negócio. Esse nome seria o próximo? Escolha a categoria que melhor se adapta ao seu negócio. Isso ajuda os clientes a encontrá-lo se eles estão procurando um negócio como o seu. Então, nossa categoria, seria designer de sites. Há também empresa de hospedagem web, mas eu escolho designer de site. Próximo. Você deseja adicionar um local que os clientes podem visitar como uma loja ou escritório. Esse local será exibido no Google Maps e Pesquisa quando os clientes estiverem procurando por sua empresa. Se você tem um escritório, diga sim, se você não tem e você trabalha em casa, diga não, simples assim. Onde você atende seus clientes? Você pode listar suas áreas de serviço abaixo. Isso aparecerá em sua listagem e trará clientes relevantes. Digamos que sua área é Nashville, Tennessee. Você pode adicionar essa área de serviço. Você pode adicionar Memphis e quaisquer áreas que você deseja segmentar em sua demografia local. Quais detalhes de contato você deseja mostrar aos seus clientes? Ajude os clientes a entrar em contato, incluindo essas informações em sua listagem, digamos. E a URL atual do site. Então é aqui que você deve vincular o nome de domínio que você comprou na lição anterior. Ou você pode dizer, eu não preciso de um site ou obter um site gratuito com base em suas informações. É aí que um site do Google seria criado gratuitamente, que é um fazer você mesmo site. Eu não recomendo esses já que você é um designer de sites profissional. E ponto secundário, se você se deparar um site para uma pequena empresa que é construído no Google, Meu Negócio, como em eles estão aproveitando o site gratuito fornecido pelo Google. Seria um grande cliente em potencial para ir atrás. Como você pode explicar os benefícios de obter um design de site profissional na plataforma WordPress. De qualquer forma, vamos clicar. Eu não preciso de um site, mas você normalmente faria o URL atual do site onde você digita seu nome de domínio. E então, quando você clicar em Avançar, agora, ok, número de telefone inválido. Vou colocar o meu número de telefone que está disponível no meu site. Finish and man, apenas listando, você será capaz de gerenciar Smith web design no Google, promover o seu negócio com fotos e posts, acompanhar análises de negócios para entender seus clientes e responder às avaliações de clientes. Então, normalmente você clicaria em Concluir. Vou sair desta seção porque não quero adicionar isso à minha conta do Google Business. Mas para você, você chega a este ponto, você clica em Concluir e você será solicitado o endereço para o qual enviar o código de verificação. Você receberá um cartão postal pelo correio com um código PIN de seis dígitos que é usado para verificar sua listagem? Sim, eles usam correio de caracol. Então vamos levar cerca de cinco a seis dias úteis para que o cartão postal chegue pelo correio para a sua caixa de correio. E quando isso acontecer, você pode verificar sua oferta até que você verifique sua oferta, sua oferta não estará disponível. Então isso é muito importante. Quando você está configurando estes para clientes, você precisa explicar que eles vão receber esse cartão postal no correio. E quando isso acontecer, eles precisam obter o código para usar para que você possa verificar a listagem. Então, neste ponto, deixe-me mostrar como é uma listagem no back-end. Voltar para a minha saída, voltar para a minha conta Google, My Business. E vamos puxar para cima um que tem um pouco de atividade. Então este é um dos meus clientes são atração muito popular na área Smoky Mountains em East Tennessee. Então eles têm passeios a cavalo, tirolesa e passeios de quadriciclo, e eles são bastante populares. Então vamos ver o que está disponível em business dot google.com. No Google My Business Dashboard. Você pode encontrar essas informações através do seu navegador de Internet ou no seu telefone. Você pode baixar o aplicativo Google Meu Negócio, que é muito útil. Certo, então temos alguns botões aqui. Podemos criar uma postagem, adicionar uma foto ou criar um anúncio. O Google adora quando você cria um anúncio, mas não é necessário. Isso é opcional. Isso é pago e também é opcional. Google, Meu Negócio é gratuito no entanto. Então, se criarmos um post, poderíamos fazer uma atualização COVID-19. Poderíamos fazer uma oferta com uma data de início e fim, incluindo a oferta, o percentual de desconto ou o que você quiser fazer. O que há de novo, onde você acaba de fazer upload de postagens típicas de blog, contar às pessoas o que há de novo na sua empresa em um evento ou produto. Muito excitante. Podemos adicionar uma foto. Se fizermos isso, enviaremos um vídeo e uma foto interior ou uma foto típica para a lista de negócios. Então você pode fazer pelo proprietário, pelo cliente, 3 é 60 graus. Vídeo interior, exterior na identidade da equipe de trabalho, muitas categorias diferentes que você pode enviar fotos para o seu Google. As pessoas que listam Meu Negócio verão essas fotos quando estiverem descobrindo sua listagem no Google, pesquisando diretamente sua empresa ou apenas procurando sua categoria. Vamos ver o que mais temos disponível. Podemos atualizar a disponibilidade do serviço, podemos atualizar o horário comercial atualmente, e podemos atualizar o status COVID-19 e obter suporte dos clientes. Então desempenho, isso é muito emocionante. Podemos ver quantas visualizações nos últimos 28 dias, uma 116 mil visualizações para esta lista? Um pouco mais da metade ou pesquisa e pouco menos da metade ou da seção de mapas do Google. E buscas para a maioria das pessoas estavam descobrindo rancho da prisão porque eles estavam procurando por essa categoria. Eles estavam procurando por tirolesa ou passeios a cavalo ou quadriciclo na área e o campo de prisioneiros apareceu. Caso contrário, direto significa que eles digitou o nome da sua empresa, digitado no nome da empresa ou o endereço para localizar diretamente essa empresa e atividade. Assim, 8000 visitas ao site nos últimos 30 dias, mais de 1000 chamadas, 248 mil visualizações de fotos e quase 3000 solicitações de direção. Então, muita atividade nesta lista. Eles têm uma tonelada de atividades excitantes e críticas. Então, comentários, eles têm cento e setecentos e quarenta e sete comentários, provavelmente mais hoje como você está assistindo isso. E a média neste momento era de 4,1 estrelas. Então eles têm muitas críticas ótimas. As pessoas adoram seus negócios, e algumas críticas mais baixas, mas equilibra duas sobre quatro estrelas, o que é ótimo. Através do Google, My Business, você também pode, como o proprietário, você pode responder a uma revisão, que é realmente importante fazer, pois o Google lhe dará um pequeno impulso em seus rankings de mecanismo de busca. Se você responder aos seus comentários. Se você receber uma revisão de uma estrela, é bom aplicá-la a esses também. O que você diz? Eu tenho uma postagem no meu site, como responder a comentários de uma estrela. E isso é M0 para uma lição separada. Mas basicamente, você não quer oferecer um cupom. Você não quer dizer publicamente, nós lhe daremos tanto dinheiro. Ele vai me dar um cartão presente ou algo assim porque as pessoas vão ver isso e não explorá-lo. Eles vão se aproveitar e fazer uma reclamação só para ganhar algum dinheiro. Então você basicamente quer dizer que sentimos muito por isso. Vamos fazer as coisas certas. Ligue para nós e gostaríamos de ajudá-lo em sua situação. Comece se desculpando e veja o que pode fazer para melhorar. Atualizações do Google. Então, quando outras pessoas tentaram fazer crowdsource atualizações, digamos que alguém continua e diz que não é o horário deles. Estas são as horas deles. Em seguida, você será solicitado com uma atualização e você pode aceitar ou rejeitar essa atualização. Tudo bem, você pode clicar nesses botões para ver a aparência da listagem nos mapas ou na pesquisa. Vamos ver como fica nos mapas. Aqui estamos nós. Então esta é a lista do Google My Business, o nome, as críticas, a categoria de serviço de equitação. Agora você deve saber que você só pode fazer uma categoria primária. Assim, mesmo que eles ofereçam mais do que apenas passeios a cavalo, você só pode entrar em uma categoria principal, primária. Certo, há direções, salve por perto, envie para o telefone e compartilhe. E há o endereço, o horário de funcionamento, um link para o site criado pelo seu verdadeiro, número de telefone e horários populares com base em dados de GPS, fotos, comentários e as pessoas podem escrever sua própria avaliação. Se você não estiver conectado como proprietário desta oferta, verá um botão Avaliação do usuário. Voltar para o Painel. Receba comentários. Esta é uma ótima maneira de obter mais avaliações, compartilhar seu perfil de negócios e obter novas avaliações de clientes. Este é um novo recurso. Eu realmente gosto disso. É uma maneira simples de promover a seção de comentários da sua listagem do Google Meu Negócio O formulário Compartilhar Avaliação exibirá um link e vamos ver o que acontece quando alguém clica nesse link. Então você pode dar este link para fora. E ele vai levar as pessoas diretamente para a listagem e não apenas uma listagem, mas ele vai aparecer o formulário de revisão real. Muito conveniente. Tudo o que alguém tem que fazer é digitar o número de estrelas que queremos dar ao negócio, digitar sua revisão. Adorei, e aperte o botão azul do poste. Então, de novo, uma forma fabulosa de fazer as pessoas te avaliarem. Uma pequena dica que eu gosto de fazer é criar um subdomínio comentários antes o.com. Então, neste caso, seria como Comentários dot prisão ranch.com. E isso o levará a este formulário de revisão. Vamos testar isto para o meu nome de domínio. Então Avaliação dot pioneer.media. Vamos ver onde isso nos leva. Yay, nos leva através do formulário de revisão. Muito excitante. Então eu enviei para rever dot pioneer.media link para muitos clientes. E essa é uma razão pela qual eu tive tantas críticas. Então fique à vontade para roubar essa ideia. Crie um subdomínio para o seu domínio como rever o seu website.com. E Jonas, quando você fizer isso, você vai querer redirecionar ou encaminhar o tráfego da Web para este link, aquele na sua lista do Google, My Business. E boom, maneira fácil de obter comentários. Muito legal. Desloque-se para baixo, obtenha acesso total ao seu perfil comercial. Estes são links para o aplicativo Android ou iOS, dependendo do tipo de software que você tem. E você pode baixar o aplicativo para gerenciar sua listagem em qualquer lugar e gerenciar suas listagens para seus clientes. Saiba mais sobre o seu negócio. Aqui está um link para ver ainda mais insights. Você pode aceitar reservas, permitir que os clientes façam reservas diretamente da Pesquisa Google. Certas empresas vão querer tirar partido disso, mas não todas. Há muitos atributos que você pode adicionar, como uma mulher negra liderada, liderança veterana, etc. tours virtuais do Google melhoram a sua visibilidade online e o tráfego do Joel para o seu negócio com uma experiência interativa 360. Então isso é definitivamente limpo e completa o seu perfil de negócios. Há algumas sugestões sobre o que você pode fazer para completar ainda mais seu perfil e um link para gerenciar fotos. O que mais temos aqui? Nos postes da esquerda? É aqui que você pode criar uma postagem, seja uma postagem de blog em evento, uma oferta, et cetera, e informações. Então, informações é onde você atualizaria suas informações de contato, seu link do site, sua descrição, todas essas coisas boas. Queremos ter certeza de que isso está atualizado em todas as listas de seus clientes , bem como em seus próprios insights de listagem. Isso dá a você ainda mais informações do que vimos no painel. Especificamente, ele vai dizer-lhe suas consultas mais populares como passeios a cavalo perto de mim, cavalo, Pigeon Forge, cadeia cadeia, passeios a cavalo, uma TV, escrita, etc Então, o que você faz com essa informação vai permitem que você veja o que as pessoas estão procurando. Quando você sabe o que as pessoas estão pesquisando, você tem o poder de tomar decisões para melhorar seus sites ou seus clientes e instruir seu cliente sobre o que as pessoas estão procurando para encontrar informações valiosas valiosas nas mãos certas . Ações do cliente, visitas ao site, instruções de solicitação, chamada ou mensagem e solicitações de direção. Você pode ver de onde as pessoas estão solicitando direções. Superbobina. Telefonemas, veja em que dia da semana as pessoas estão clicando no botão de chamada. E críticas. A seção de revisão é onde você pode responder às avaliações. Já houve algumas respostas aqui. Agora traz um bom ponto. Temos acesso a esta lista como a empresa de design de sites, mas também o proprietário, os donos do rancho da prisão. Eles também têm acesso à listagem do Google My Business. Então, idealmente, você e seu cliente precisam ter acesso ao Google, Meu Negócio, para que eles possam se sentir à vontade para fazer alterações por conta própria. Eles vão querer responder às avaliações. Não sei qual a melhor forma de responder às avaliações. E eles também terão a liberdade de fazer mudanças suas horas ou qualquer outra coisa assim que precisarem fazer isso. Mensagens, esta é uma maneira de receber mensagens diretamente através do Google, Meu Negócio. Não está parando para esta lista. Mas algumas listagens têm essa opção. Fotos, podemos adicionar fotos aqui. Reservas. Você pode se integrar com essas empresas terceirizadas. Produtos, serviços, onde você pode adicionar e explicar seu site de serviços, o que não fazemos. Mas esse é um serviço gratuito onde qualquer pessoa pode criar um site gratuito do Google diretamente através do Google, Meu Negócio. vez, se você encontrar um desses sites e é uma ótima oportunidade para obter algum novo trabalho. E usuários, usuários é onde você adicionaria o cliente, bem como a si mesmo. Vocês dois seriam donos ou gerentes da listagem. Assim, ambos podem fazer alterações quando quiserem. Então esse é o Google Meu Negócio. Começou como apenas endereço, número de telefone e link para o site, e expandiu-se para muito mais. Portanto, queremos preencher o m 28. PARTE 4: otimização de motores de pesquisa: Bem-vindo. Sou Leighton, seu webmaster. Nesta série de lições, Vamos falar sobre um dos serviços mais valiosos que você pode fornecer ao projetar um site. Otimização do motor de busca ou SEO para abreviar E você já ouviu falar de SEO. E por que isso é um serviço tão valioso? Agora SEO é um assunto muito complicado, mas para você, vou desmistificá-lo, vou pegar esse conceito muito avançado e torná-lo simples e fácil de entender possível. Você está pronto. Tudo bem, então vamos começar com a otimização do mecanismo de busca de nomes. O que isso significa? Você tem alguma chance? Simplificando, ele está otimizando um site para melhores classificações de mecanismos de pesquisa e melhor cenário, você e seus clientes seriam classificados na página 1 para todas as pesquisas relevantes. Mas por que nos importamos em classificar bem nos motores de busca? Bem, se uma empresa quer contratar um web designer, eles têm algumas opções. Podem pedir às pessoas em quem confiam uma recomendação, ou podem fazer uma pesquisa online. Então eles vão ao Google. Mas espere, por que Google? Bem, qual motor de busca você usa? Quase todo mundo usa o Google. Na verdade, estatisticamente, mais de 90% das pesquisas globalmente ou em um serviço baseado no Google. Então, essa é a razão pela qual vamos concentrar nossos esforços no Google. Então voltando ao porquê de nos importarmos. Proprietário de uma empresa, ele vai para Google.com e procura por um designer de site. Então o que? Quem aparece? E melhor ainda, Quais são as suas chances de desembarcar essa conta se você não aparecer em qualquer uma das primeiras páginas de resultados de pesquisa. Oportunidade de negócio irá para outra empresa de web design. E pense nisso. Pense no valor dessa transação. conta do site poderia ter valido milhares de dólares. Agora ofereça a outra pessoa simplesmente porque eles apareceram acima de você em uma pesquisa do Google. Consegui muito trabalho, eram milhares de dólares de estranhos cuja única ligação comigo era que o meu nome aparecesse numa pesquisa no Google. E qual é a melhor parte? Eu não pago um dólar ao Google, nem um dólar. Mas espere, e os anúncios? Não, não custe dinheiro. Sim, o Google cobra muito pelos anúncios do Google, na verdade. Mas essa lição não é sobre isso. Você sempre pode pagar por anúncios e aparecer na seção Adicionar dos resultados da pesquisa do Google. Mas a otimização do motor de busca é sobre a otimização do seu site para classificar bem nos resultados de pesquisa gratuitos ou orgânicos. Grátis, não pago. E estamos no escuro. Google é bastante claro quando se trata de fazer e não fazer com uma otimização de motor de busca. Bem, ninguém sabe o algoritmo exato. O Google coloca para fora toneladas de recursos gratuitos para webmasters. Além da infinidade de tutoriais de SEO e educação disponíveis na Internet. Você está começando a entender por que SEO é tão importante? Basicamente, se resume ao dinheiro deixado na mesa. Alguém vai pegar o dinheiro. E é praticamente oferecido apenas a pessoas que classificam na primeira ou segunda página dos resultados da pesquisa. Então, como você faz isso? Como funcionam os mecanismos de pesquisa como o Google? Bem, vamos resumir isso à sua forma mais simples. Quando você faz uma pergunta a um professor, o que você espera encontrar a resposta? Quando você pede uma recomendação a um amigo de confiança, o que você está esperando? Uma boa? O Google quer ser como um barco que o professor e aquele amigo. Se você precisar de uma resposta ou recomendação, eles querem preencher essa necessidade e preenchê-la corretamente. Por exemplo, digamos que você Google qual é a capital da França? Então vamos digitar isso. Qual é a capital da França? Procurar? E lá vamos nós. Frente e centro é a resposta à nossa pergunta. Paris. Também temos um link para imagens. Temos um link para o Google Maps para a resposta à pergunta, que seria a lista do Maps de Paris. E nós temos um snippet britannica.com aqui. Paris, cidade e capital da França, situada na parte centro-norte do país. É um pouco de informação factual onde o link para Britannica, que é onde essa resposta foi originada, as pessoas também procuram, e estes são links para outras pesquisas do Google para diferentes capitais e cidades e países. As pessoas também perguntam, qual é a capital da França hoje? Qual é a capital da França antes de Paris? Quais são cinco grandes cidades na França queria que os pares se tornassem capital, et cetera. Então estes são provenientes de uma lista apertada aqui. Neste caso, são sites bem conhecidos e autoridades como Britannica e Wikipédia. E, em seguida, abaixo disso, estariam as listagens orgânicas. Então vamos tentar outra busca. Lembrem-se, temos a resposta para a nossa pergunta de frente e centro. E também temos outros trechos de informações e nem saímos do google.com. Vamos tentar outra pergunta. Quantos centímetros tem em um quintal? Esta é uma questão matemática. E imediatamente temos a resposta. Uma jarda é 36 polegadas até a fórmula é explicada aqui. Multiplique o valor de comprimento por 36. Muito, muito útil. As pessoas também perguntam quantos centímetros tem em um jarda de tecido? Quantos centímetros são dois metros. Quantos pés tem em um quintal? Quantos centímetros em sete metros? E estes são feitos com uma conversão embutida aqui e um link para um site externo, neste caso, métrica dash convergence.org. É uma resposta muito útil para essas perguntas em tempo hábil. Então, o Google quer responder corretamente sua pergunta da forma mais fácil possível. Esse é o objetivo deles para muitas pesquisas. Isso pode ser feito sem sair do Google.com. Mas o Google também pode servir outros propósitos. Por exemplo, algumas pessoas estão simplesmente procurando estar conectadas ao site de uma empresa específica. Se você fizer uma pesquisa no Google pelo Walmart, qual será a resposta correta para essa consulta? Walmart.com, o site oficial do Walmart. Nesse caso, o Google ajudou você a navegar até o site que você estava procurando, e esse era o seu objetivo. E sobre o terceiro tipo de pergunta de pesquisa, site não específico, mas uma recomendação para um site ou negócio. Deixe-me mostrar-lhe um exemplo. Então, vamos começar nossa pesquisa no Google com uma pergunta como, onde comprar uma pesquisa no iPhone? Vamos ver o que aparece. Então, à direita, temos anúncios para telefones diferentes, Apple iPhones, Google Pixels, etc. No meio aqui temos anúncios. Este é um link para AT e t.com, apple.com, e nós temos listagens de mapas locais. Neste caso, estou procurando na área leste do Tennessee. Então eu tenho o móvel Target local, o T-Mobile local e a loja local da Apple. Nós continuamos. perguntas envolvidas estão relacionadas a esta pesquisa do Google, que é, qual é o melhor lugar para comprar um iPhone? Qual é a maneira mais barata de comprar um iPhone? Pode comprar um iPhone? E qual é o melhor iPhone para comprar em 2020? Estes são provenientes da Apple.com, da NerdWallet.com, da MacWorld.com. Fontes muito respeitáveis aparecerão nesses trechos em destaque. Então, continuamos rolando e obtemos as listagens orgânicas gratuitas, que seriam apenas os resultados de pesquisa típicos, apple.com, BestBuy.com. E então vemos top 16 Apple iPhone, telefones celulares, que são comentários. Este é o MacWorld.com, a Forbes viu. Esses são sites de revisão. Continuar as tendências digitais. Macworld, conectado para adquirir Target, etc., e depois alguns anúncios na parte inferior. Então, o que o Google fez aqui? Procuramos onde comprar um iPhone. Então, a intenção da nossa pesquisa, Google decidiu que nossa intenção é comprar um iPhone. Então, como vamos fazer isso? Quando você rolar para baixo até o final dos resultados da pesquisa, você já viu o site oficial do iPhone, que é apple.com. Você viu algumas ofertas disponíveis aqui. Você viu uma grande operadora AT e T. Você já viu lugares locais onde você pode entrar em seu carro e ir visitá-los na loja para o celular Target local, T-Mobile local e a loja local da Apple. Você já viu perguntas relacionadas a essa busca. E você já viu listas regulares, como Best Buy, Apple e diferentes sites de avaliação. Então, espero que algo nesta página um responde a essa questão de onde comprar um iPhone. Google é realmente diversas respostas que dá. Assim, ele pode fornecer algo para todos, todos. Vamos tentar uma pesquisa diferente. Vamos dizer melhor café e dizer Austin, Texas. O que aparece? Agora? Primeiro de tudo, escrevi mal café. O Google é inteligente. Eles sabem o que eu quis dizer. O melhor café de Austin, Texas. Então vamos ver um resultado eater.com para as melhores cafeterias. E Austin Eater é uma autoridade muito respeitável. Em resenhas. Também vemos listagens locais, três cafés locais diferentes na área de Austin com links para seus sites e suas listas e fotos do Google. E à medida que continuamos rolando, vemos alguns se parecem com sites de revisão. Comentários para melhores cafés locais na área de Austin. E vemos Foursquare, vemos Yelp. E, em seguida, mais alguns lugares buscas relacionadas com café e Austin, Texas, cães café dente, café mérito, café da lua de verão máquina de café cabeça de rádio café. Assim, quando você rolar para baixo até o final desta pesquisa, você já viu algumas pesquisas estendidas. Você já viu outros lugares, talvez aqueles que incluem comida e entrega, Wi-Fi. Você viu um link para diferentes cafeterias. Você vê sites de diretório diferentes como o Yelp. Você já viu sites de avaliação como o either.com, e já viu as listagens locais. Então, se você está procurando o melhor café, você definitivamente quer ver alguns cafés reais, que vemos aqui. Agora, se clicarmos em cafés, lá vamos nós. E veremos algumas cafeterias relacionadas à nossa busca. E agora, no topo, você também pode classificar e refiná-los. Então, neste caso, podemos refiná-los para apenas 4,5 estrelas e acima. Podemos refinar com base no preço designado. Digamos que US$2 assine as horas abertas sempre que suas visitas passadas. E lá vamos nós. Então, temos uma pesquisa personalizada do Google Maps aqui. Então, o Google está realmente querendo conectá-lo com a cafeteria certa, a cafeteria e a melhor cafeteria para suas necessidades. Então, espero que, quando você terminar sua pesquisa, você encontrou algumas boas opções. E esse é o objetivo do Google. Eles querem que você seja feliz. Eles querem conectá-lo com a cafeteria certa para você. Assim, com essas pesquisas, o Google espera conectá-lo com o site ou a empresa certa para responder à sua pergunta ou preencher suas necessidades. E imagine um Google como pessoa. Imagine o estresse das pessoas esperando que você tenha a resposta certa ou a melhor recomendação sempre. I. É por isso que o Google leva muito a sério quem classifica na primeira página. Eles querem conectá-lo com o melhor negócio, a resposta mais precisa ou o destino correto. Sem pressão, certo? Então vamos descobrir como o Google faz isso. Por um, rastreando para indexação, e três, classificando a web. O que esses três envolvem? Bem, primeiro, vamos aprender sobre rastejar. Então pense no Google como uma aranha. Aranhas rastejam através de uma teia, certo? Ou Google também rastreia a web digital. Especificamente que aranha digital é chamado Googlebot e é vasculhar a web procurando conteúdo e o que acontece quando ele vincula conteúdo. A segunda coisa que ele indexa para o segundo processo, indexação é quando o conteúdo é armazenado e organizado. Então, basicamente, o Google é como um enorme banco de dados de conteúdo. Como uma cidade. Uma cidade é dividida em ruas, endereços, bairros, empresas, parques, edifícios governamentais, etc Esperemos que organizados bem o suficiente para que você possa encontrar o que você está procurando com apenas um endereço. Da mesma forma, as aranhas digitais indexam e organizam a web para facilitar a localização do que procura online. E terceiro, depois que o conteúdo é descoberto em um organizado, ele deve ser classificado. Novamente, como uma cidade. Qual é a sua cafeteria favorita? Qual você acha que é o melhor lugar para comprar carne? Qual é o parque mais familiar? Em sua mente, você provavelmente pode responder a essas perguntas classificando vários lugares. E isso é o que os motores de busca começaram a fazer com a web. Agora, para ser claro, como um otimizador de mecanismo de busca, você está habilitando todos os três processos, o rastreamento, a indexação e a classificação. Mas como, como você otimiza um site para seus rankings? Bem, há duas táticas. Há basicamente uma maneira certa e uma maneira errada de fazer isso. O caminho certo é chamado de chapéu branco, e o caminho errado é chamado de chapéu preto. Chapéu branco são técnicas que o Google endossa. São coisas que fazem o Google dizer, sim, se você fizer essas coisas, você vai desfrutar de melhores classificações. Então, de que tipo de técnicas estamos falando? Bem, vou deixar o Google inseri-lo. Aqui estão algumas das coisas básicas e não fazer do Google. Aqui estamos em uma das páginas de suporte oficiais do Google. Estas são as diretrizes de ajuda e as Diretrizes para webmasters do Google Search Console. Então, estas são as diretrizes e princípios oficiais do Google que ensinam você a classificar bem e também como perder suas classificações. Vamos ver. Portanto, o vídeo de abertura atualmente é violações de conteúdo de spam da Web. Esse é o SEO de chapéu preto que estamos falando. Seguir as diretrizes gerais abaixo ajudará o Google a encontrar índice e classificar seu site. Recomendamos que você preste muita atenção às diretrizes de qualidade abaixo, que descrevem algumas das práticas ilícitas que podem levar a que um site seja removido inteiramente do índice do Google ou seja afetado por um ação algorítmica ou manual de spam. Se um site tiver sido afetado por uma ação de spam, ele pode não aparecer mais nos resultados no Google.com ou em qualquer um dos sites parceiros do Google. Isso é ruim. Nós definitivamente queremos seguir essas diretrizes. Assim, as diretrizes gerais ajudam o Google a encontrar suas páginas, ajudar o Google a entender suas páginas e ajudar os visitantes a usar suas páginas. Então, como ajudamos o Google a encontrar as páginas onde precisamos ter links? Precisamos ter um sitemap, e precisamos ter nosso arquivo robots.txt e há links para vários recursos aqui. Ajude o Google a entender suas páginas. Criar um site útil e rico em informações, certo? Páginas que descrevem de forma clara e precisa o seu conteúdo. Pense nas palavras que os usuários com tipo para encontrar suas páginas e certifique-se de que seu site realmente inclui essas palavras dentro dele. Esse é um belo princípio. Pense nas palavras que os usuários digitariam para encontrar suas páginas e certifique-se de que seu site realmente inclua essas palavras nele. Lindo. Há algumas outras grandes sugestões aqui. E, em seguida, ajudar os visitantes a usar suas páginas. Boas sugestões lá também. Eu recomendo que você leia cada um desses marcadores quando estiver aprendendo a otimização do mecanismo de busca. Diretrizes de qualidade. Essas diretrizes de qualidade cobrem as formas mais comuns de comportamento enganoso ou manipulador. Mas o Google pode responder negativamente a outras práticas enganosas não listadas aqui. Não é seguro supor que apenas porque uma técnica enganosa específica não está incluída nesta página, Google aprova isso. Webmasters tem sido suas energias defender o espírito dos princípios básicos irá proporcionar uma experiência de usuário muito melhor e, posteriormente, desfrutar de melhor classificação do que aqueles que passam seu tempo procurando brechas que podem explorar. Outro grande princípio, princípios básicos fazer páginas principalmente por usuários, não para motores de busca. Crie páginas principalmente para usuários. Humanos, não para motores de busca. Não engane seus usuários e evite truques destinados a melhorar as classificações dos mecanismos de busca. Uma boa regra geral é se você se sentiria confortável explicando o que fez a um site que compete com você ou a um funcionário do Google. Outro teste útil é perguntar, isso ajuda meus usuários? O que eu faço isso se motores de busca não existissem. Pense sobre o que torna seu site único, valioso ou envolvente. Faça seu site se destacar de outros em seu campo. Diretrizes específicas, evitando esquemas de links de conteúdo gerados automaticamente. Capa de conteúdo de baixo valor, leitor sorrateiro, redirecionamentos sorrateiros, texto oculto ou links, páginas de entrada, conteúdo raspado, programas de afiliados sem agregar valor. Carregar páginas com palavras-chave irrelevantes, comportamento malicioso, vírus, etc., siga estas boas práticas. Monitorando seu site para hackear e remover conteúdo hackeado assim que ele aparecer e prevenir e remover spam gerado pelo usuário em seus sites. Este é um recurso de mina de ouro. Eu recomendo que você dê uma olhada em cada um desses marcadores e clique ao redor para saber mais. Neste ponto, pause o vídeo, pesquise as Diretrizes do Google para webmasters e clique em torno desses recursos. Isso foi emocionante. Você acabou de ver diretamente da fonte que os motores de busca são bastante transparentes com seus princípios de classificação. Nas lições a seguir, vamos considerar técnicas de chapéu branco que você pode usar dentro e fora do seu site. E quando eu digo seu site, o que eu estou me referindo são os sites que você construiu para seus clientes. Considero aqueles que você ou seus sites desde que você os construiu e você os mantém. Agora, antes de recapitularmos apenas mais dois pontos sobre os quais quero falar. Primeiro, por favor, entenda que o ranking no Google, leva tempo. Você não encontrará seu site na página 1, no dia em que o iniciar. Mesmo que alguns clientes possam esperar que, pense nisso da perspectiva do Google, você tem todos esses negócios respeitáveis e respeitáveis para classificar. E aí vem esta nova criança digital. Você não sabe muito sobre isso. Ele não tem comentários, não tem reputação estabelecida e on-line, ninguém mais links para ele. Você classificaria esse site perto do topo? O inferno, não. Você gostaria que o site provasse sua credibilidade primeiro. Isso pode levar meses, até anos. Claro, os resultados dos mecanismos de busca não são cronológicos. Na verdade, os engenheiros do Google desmascararam o mito de que o domínio era como um sinal de classificação. Mas o que é um sinal de classificação? Credibilidade. E isso leva tempo. Falaremos sobre links e credibilidade durante a aula de SEO fora do local. Agora o outro ponto que eu quero fazer é SEO local, nacional ou internacional. Para o propósito deste curso, estamos focando em SEO local. Como a maioria das pequenas empresas realizam negócios em uma determinada área, isso significa ajudar você e seus clientes a se classificar bem em sua área local. Então, recapitulando, o que aprendemos nesta introdução ao SEO? Aprendemos um, a otimização do mecanismo de busca ajuda a melhor classificação do site em motores de busca como o Google. Para os motores de busca, em última análise, querem responder com precisão as perguntas e conectar as pessoas com o negócio certo. Três, os motores de busca trabalham rastreando, indexando e classificando o caminho para os motores de busca classificar bem seguindo técnicas de SEO white hat que obedecem às diretrizes de qualidade dos motores de busca. Você está pronto para mergulhar nessas técnicas? De repente, há tanto o que aprender. E na lição a seguir, vamos nos concentrar em e podemos fazer em seu site. Mas nesse meio tempo, você sabe, há lição de casa. O que é isso? Quero que leia as Diretrizes do Google Webmaster. Comece a aprender diretamente a partir da fonte de SEO. Google em si. Estou atrasada. E agora você sabe, otimização do mecanismo de busca. 29. SEO no site: Bem-vindo, sou Leighton, seu webmaster. Agora, na lição de introdução, aprendemos sobre os próprios motores de busca. Agora vamos olhar para SEO no local ou técnicas que podemos aplicar no próprio site. Especificamente, vamos olhar para 10 truques de SEO comprovado melhor seu ranking vai olhar para um, rastejar acessibilidade para conteúdo atraente. Três, otimização de palavras-chave ou experiência do usuário. Cinco, PageSpeed 6, simpatia móvel. 7, otimização de imagem. Oito, SSL, nove, links internos e 10, título e descrição. Cada uma dessas 10 técnicas será construída sobre o anterior. Os primeiros F são essenciais para a classificação, e os últimos são essenciais para a classificação competitiva. Você está pronto. Vamos mergulhar na acessibilidade One Crawl. Portanto, seu site precisa ser acessível ou legível pelos rastreadores ou motores de busca. Se um motor de busca não consegue ler ou encontrar o seu site, você não pode esperar classificar bem. Então, como sabemos se um site foi rastreado e indexado pelo Google? O que você acha? Deixe-me mostrar-lhe uma dica rápida. Então aqui está um pequeno inferno de busca que nem todo mundo conhece. Uma boa maneira de ver quais páginas são indexadas pelo Google, nós digitamos no site dois-pontos, o nome do domínio. No meu caso, vou digitar meu nome de domínio de empresas de design de site, pioneer.me e clicar em Pesquisa do Google. Diz que há cerca de 242 páginas indexadas no Google para esse nome de domínio. E estas são a página inicial, os depoimentos FAQ sobre serviços de blog de portfólio, e algumas postagens de blog específicas que escrevi. Então, esta é uma maneira maravilhosa de ver quais páginas já estão indexadas no banco de dados do Google. Quais você pode querer adicionar que não estão nessa lista. E talvez haja alguns que estão incluídos no banco de dados do Google que você gostaria de ter removido. Então, novamente, hack maravilhoso que nem todo mundo conhece. Uma das muitas maneiras de usar o Google como um usuário avançado, veja quais páginas são indexadas a partir do seu nome de domínio. Então é assim que descobrimos se seu site já está indexado no Google. Se for, ótimo. Mas e se não for? Vamos repassar algumas possíveis razões. Pode não ser. Mais comumente novo do seu site, ele só não foi pego ainda. Ou seu lado não está vinculado a partir de nenhum site externo. Ou a navegação do seu site torna difícil para um robô rastreá-lo de forma eficaz. Ou seu site contém algum código básico chamado diretivas crawler que estão bloqueando seus mecanismos de busca. Ou seu site foi penalizado pelo Google por usar técnicas de black hat. Agora, na maior parte, porém, o seu site ser novo é sobre a única coisa que você vai encontrar. Então, o que você faz para anunciar ao Google seu novo site? Em outras palavras, você acabou de terminar o site de um cliente. Agora é hora de lançar. Como você diz ao Google para vir rastrear o site? Com um sitemap? Sitemap é como o mapa de um site. Ele lista todas as páginas quando direções ou links para cada um. Deixe-me mostrar como é um sitemap e como enviar um para o Google. Então deixe-me primeiro mostrar-lhe um exemplo de um sitemap. Will, vai puxar meu www dot pioneiro ponto mídia barra sitemap dot xml. Esse é o nome padrão para um sitemap. Sitemap dot xml, e isso está na raiz do seu servidor. E aqui vamos nós. Então eu sou aplicativos são muito chato na verdade, visualmente. Eles são apenas uma lista das diferentes páginas do seu site. Eu tenho meus projetos, eu tenho postagens de blog, páginas e sub-páginas aqui. Ele apenas links para todas as páginas diferentes em seu site. Mas como chegamos a esse ponto? Como adicionamos, como criamos um anúncio em um sitemap? Deixa-me mostrar-te como se faz isso. Então vamos abrir o site em que estávamos trabalhando. E vamos ver como adicionamos um sitemap. Então vamos para o backend do WordPress. Então vamos encontrar um plug-in para fazer isso. Vamos para Plugins e Adicionar Novo. Há um plugin de SEO maravilhoso que eu gosto de usar tudo em um pacote de SEO. Há uma abundância de plugins SEO, há Yoast, há tudo em um Rank, Math, Anya, plugins diferentes que eu gosto de usar tudo em um SEO Pack. O plugin original do WordPress SEO baixado e mais de 65 milhões de vezes desde 2007. Então vamos instalar isso e ver o que eles têm para ativar sitemap. Então aqui estamos no canto superior esquerdo, SEO All-in-One, configurações gerais, desempenho, sitemap XML, gerenciador de recursos e sobre nós. Vamos começar com as Configurações gerais rapidamente. Continue para as configurações gerais. E aqui temos várias configurações, incluindo o título e a descrição da página inicial. Como foi outras configurações de SEO que vamos entrar mais tarde. Vejamos o sitemap, o sitemap XML. Primeiro, há um aviso. Todos os opec da NYSE detectaram que você está bloqueando o acesso aos mecanismos de busca. Por que estaríamos fazendo isso? Embora você possa lembrar que a partir da configuração deste site WordPress, você pode alterar isso em configurações de leitura se não foi intencional. Vamos em frente e fazer isso. Leitura de configurações. Você se lembra desta pergunta quando configuramos a visibilidade do mecanismo de busca WordPress, desencorajar os motores de busca de indexar este site. Então, isso verificou? Não podemos esperar obter nenhum tipo de classificação de SEO. Então, desmarque isso e clique em Salvar alterações. E agora que fizemos isso, vamos voltar ao sitemap XML. Esse aviso deve ter desaparecido e podemos criar o sitemap. Agora, sem fazermos nada, isso já está criado. Você pode navegar até seu sitemap usando os links abaixo. Aberto em uma nova página. E lá vamos nós. Estes são categorizados por páginas de postagens, produtos e categorias de produtos. Dentro de páginas. Aqui estão todas as nossas páginas. Mas não precisamos dos outros. Não precisamos de publicações, produtos ou categorias de produtos nesta fase deste site. Então vamos mudar isso. Vamos desmarcar Ativar índices de sitemap e só permitirá páginas neste momento. Você pode adicioná-los mais tarde se decidir tirar proveito de projetos, produtos ou publicações no seu site ou no site do seu cliente. Então, vamos clicar em Atualizar sitemap e voltar para sitemap dot xml. Agora, em vez de todos esses índices ou categorias para o sitemap, é apenas uma listagem direta de suas diferentes páginas, página inicial sobre serviços, contato e loja. Essas são as cinco páginas atualmente adicionadas ao nosso site WordPress. E nós temos isso em um sitemap dot arquivo xml. Então, o que fazemos a partir deste ponto? Bem, vamos ver. Uma coisa que vamos notar aqui é que ele diz que quaisquer alterações são automaticamente enviadas para motores de busca. Então, uma das características convenientes deste plugin tudo em um SEO Pack é que eles estão enviando automaticamente seu arquivo XML para os principais motores de busca. Recurso muito conveniente. O que mais podemos fazer para dar um passo adiante como um webmaster, vamos para o Google Search Console. Tudo bem. Isso é pesquisado no Google.com barra de pesquisa console. Por aqui. Essa é a maneira oficial do Google para que os webmasters adicionem seu site, obtenham alguns relatórios analíticos, alguns relatórios de desempenho, alguns problemas de cobertura e, o mais importante, enviem o sitemap oficialmente para o Google.com. Assim que adicionarmos nosso site ao Google Search Console, obtemos todas essas excelentes informações, incluindo sitemaps. E a partir de sitemaps, podemos inserir a URL do nosso sitemap, que normalmente é sitemap dot xml. Este já foi enviado. Existem 242 URLs descobertos. Foi enviado com sucesso. A última vez que estava vermelho, era 5 de outubro. Outra característica conveniente de tudo em um SEO Pack. Não preciso continuar acessando o Google Search Console e adicionando um novo sitemap toda vez que adicionamos uma nova página. Sempre que eu adicionar uma nova página ao WordPress, tudo em um SEO Pack envia automaticamente isso para o Google Search Console. O Google Search Console captura automaticamente essa nova página e começa a adicioná-la ao índice. Maravilhoso, maravilhoso recurso de economia de tempo. Então, aí está. Nós visualizamos um sitemap. Criamos um sitemap e o enviamos oficialmente ao Google por meio do Google Search Console. Bom trabalho, rapazes. Agora uma nota lateral rápida. Enquanto estamos focados principalmente em como enviar são páginas importantes. E as páginas que queremos esconder? Páginas promocionais temporárias, páginas de teste ou teste, conteúdo oculto, premium ou bloqueado ou conteúdo duplicado. Você pode sugerir que o Google os ignorou adicionando algum código ao arquivo TXT de ponto de um robô. Este é um arquivo muito simples na raiz do seu servidor que diz ao Google o que está fora dos limites. Agora, é apenas uma sugestão e rastreadores podem facilmente ignorá-la. Mas, caso contrário, essa é a recomendação do Google sobre como especificar páginas a serem ignoradas. Eles até têm uma seção do Google Search Console dedicada à remoção manual de páginas. E, finalmente, no próprio site, como você pode tornar o conteúdo o mais acessível possível? Essa é a pergunta. Bem, pense em um artigo de notícias. Como você gosta de ler artigos online? Gosta de parágrafos chatos de texto em uma fonte pequena? Sabe, ninguém gosta disso. Como humanos, lemos melhor o conteúdo quando é organizado e formatado de forma agradável. Isso significa “cabeçalhos”. Listas, números, balas, parágrafos com frases em negrito e itálico, etc. Isso é o que as pessoas gostam de ler. E o Google é o mesmo. E aqui está um ponto-chave. Como regra geral, se as pessoas tiverem problemas para entender seu conteúdo, o Google vai tornar mais fácil para os seres humanos a ler. E da mesma forma, os motores de busca vão rastejar com facilidade. E como um negócio de web design, se seus clientes gostam de um conjunto chato de parágrafos, é seu trabalho redesenhar isso com uma estrutura mais amigável. Assim, seu trabalho com cada página é ter um título H1 claro e estruturado um conteúdo abaixo dele em um branco fácil de ler. E, finalmente, uma das coisas mais importantes que você pode fazer para ajudar o Google e os visitantes do seu site é ter uma navegação clara. Você já teve problemas para navegar em um site? Parece que você não consegue encontrar o que está procurando. Não importa quantas páginas você tem. E eu tenho cerca de 300 páginas no meu site. Seu site deve ser fácil de navegar. E geralmente, deve levar três cliques ou menos para chegar a qualquer lugar em seu site. Então pense em sua navegação principal, como casa Sobre Nós, serviços, produtos, contato da Galeria. Agora você pode e deve criar mais páginas para seus clientes. Mas a navegação primária deve ter cinco a oito páginas. Conteúdo extra seria uma ramificação dessas páginas. Bem, deixe-me mostrar a você o que estou me referindo. Então, para demonstrar uma navegação clara, vamos olhar para dançar Bear Lodge. Então, antes de olharmos para este site, vamos ver o sitemap deles. Mapa do site dot xml. Eles foram categorizados em páginas, posts e produtos. Então eu separei isso porque há uma abundância de post, abundância de páginas e abundância de produtos neste site. Então faz sentido separar em índices diferentes. No caso deles, eles tinham muitas postagens, eu tenho muitas páginas, e eles têm várias categorias. Então, novamente, é conveniente separar em diferentes categorias e índices para seu sitemap. Mas eu só queria mostrar a vocês que eles têm uma tonelada de páginas web em seu site. Então, como colocamos isso de uma maneira visualmente agradável e não esmagadora para o visitante? Vamos ver como isso foi feito. Urso dançando lodge.com. Eu redesenhei este site e um dos nossos objetivos era tornar a navegação muito clara. Então estamos na página inicial, que podemos acessar clicando no logotipo aqui. E há seis botões principais, primários. Há as acomodações, jantares, casamentos, eventos corporativos, atividades e especiais. Seis seções principais deste site. Dentro disso, há cerca de cinco a dez sub-páginas em cada categoria principal. Diferentes tipos de eventos corporativos, diferentes locais para o casamento, páginas diferentes para o jantar. Você pode ver o menu, a cafeteria, a galeria de fotos do café, catering, etc, e acomodações. Uma página para cada cabine específica que você pode reservar. Então as sub-páginas estão embaixo de cada página primária. E no topo temos links extras que serão para seu calendário ou página de eventos. Lá, o que há de novo ou página de blog? Sua loja online, a página de contato. E aqui está alguma ação, chamada para ações, reservas para jantares, reservar a sua estadia ou comprar um vale-presente. Então isso é definido de uma forma muito fácil de entender, muito natural e coerente. Você também vai notar que, em vez de ter que clicar em jantar e, em seguida, ter clicar em chefs e Dan navio holofote apenas pairando sobre o jantar, você pode ver essas sub-páginas diferentes. Você não precisa clicar e, em seguida, clicar novamente e, em seguida, clicar novamente para obter a página que você está indo. Tudo o que está disponível é simples, fácil de entender. Agora o segundo é conteúdo convincente. Essencialmente, isso é apenas responder a consulta de pesquisa. As pessoas vão ao Google à procura de respostas e recomendações. O seu site resolve essa necessidade? Se for uma pergunta, seu conteúdo responde com precisão? Se alguém está procurando um bom encanador para o seu cliente, encaixe nessa conta. Então, como você cria uma página que o Google classifica perto do topo? Primeiro, aqui está um ponto-chave. Acima de tudo, o Google valoriza o conteúdo de qualidade. Isso significa conteúdo bem pesquisado, cuidadosamente formatado e visualmente agradável. Agora, você acha que o Google sabe se sua página da Web não está fornecendo a melhor resposta? Pense nisso por um momento. Como o Google poderia saber se seu conteúdo é ou não de alta qualidade? Bem, digamos que recomende um café a alguém. Alguns dias depois, eles voltam pedindo uma recomendação melhor. Eles precisariam de uma recomendação melhor se seu primeiro café fosse tão bom quanto você disse que era. Se não obtiverem a resposta que procuram, essa necessidade não foi suficientemente preenchida. E depois de um tempo, eles podem até parar de vir até você para recomendações. Da mesma forma, se você clicar em um resultado de pesquisa do Google, ir para essa página da Web, e então você está de volta ao Google e apenas alguns segundos, o que você acha que isso sinaliza para o Google? Que você não conseguiu a resposta que estava procurando. O Google sabe disso. Isso se chama saltar. É quando você entra em um site e volta para o Google. Se pessoas suficientes saltarem fora do seu site. Google figuras em páginas e bom o suficiente, e é desvalorizado. Então, em última análise, seu objetivo final é criar o melhor conteúdo experiência de usuário mais agradável para seus visitantes. E é isso que o Google vai recompensar. E terceiro, otimização de palavras-chave. Agora é aqui que o Google conecta a página correta com a frase de pesquisa correta. Como é que o Google faz isso? Com palavras-chave? Digamos que alguém está procurando um dentista em Asheville. Você esperaria um limpador de janelas para aparecer ou paisagista saber para essa palavra-chave e essa localidade, você esperaria encontrar um dentista que pratica na área de Asheville, Carolina do Norte. Isso ocorre porque o Google interpreta essas palavras-chave para entender sua intenção de pesquisa, o que você pretende encontrar. Então, e o nosso SEO no local? Nos anos passados, a maneira antiga de palavras-chave era encher tantas palavras-chave e frases de pesquisa na página quanto possível. Eu não recomendo isso. Isso é um chapéu preto. Se você tem uma página intitulada dentista com um site cujo endereço físico está em Asheville. Google sabe o que você faz e eles sabem onde você está. Como? Como você disse a eles, se você preencheu corretamente sua listagem do Google, Meu Negócio, eles já conhecem sua categoria. Eles já conhecem sua localidade. Então, o que você precisa fazer no seu site WordPress? Bem, primeiro, e depois este é um ponto-chave. Específico é fantástico. Crie páginas da Web tão específicas quanto possível para determinadas consultas de pesquisa. O que isso significa? Bem, qual frase de pesquisa você acha que tem mais concorrência? Dentista em Asheville ou dentista de folheado de porcelana em North Asheville. O dentista e a busca nacional serão muito mais populares. Então, classificando na primeira página, vai ser muito mais difícil. Centenas de empresas são dentistas, enquanto apenas uma fração reivindica prestar serviços de folheado de porcelana naquela parte da cidade. Portanto, se o seu cliente faz folheados, ele teria uma chance muito melhor de classificar competitivamente com uma palavra-chave específica, em seguida, uma genérica. Na verdade, há até um nome para esses tipos de palavras-chave. Já ouviu falar dele? É chamado de curto até, meio até o fim, palavras-chave de cauda longa. palavras-chave cauda curta são aquelas pesquisas genéricas como dentista ou como uma palavra-chave de cauda longa é mais específico e menos popular como dentista folheado de porcelana em North Asheville. Embora haja muito menos tráfego nessas buscas de cauda longa, as pessoas que estão procurando por esses teclados sabem exatamente o que querem. Então, para descobrir essas palavras-chave de cauda longa, considere o que as pessoas estão realmente procurando. Agora o que você quer que eles procurem? Deixe-me repetir isso. Considere o que as pessoas estão procurando. Não é o que você quer que eles procurem. Mas como você sabe o que as pessoas procuram? Bem, como acha que descobrimos isso? Vamos conferir uma ferramenta gratuita. Então, para o nosso exemplo, digamos que seu cliente é um limpador de carpetes e eles querem saber que tipos de coisas as pessoas estão procurando. Então, vamos usar o preenchimento automático integrado do Google. Não vamos procurar nada. Só vamos digitar. Então vamos digitar tapetes. Limpo. Como fazer o quê? Então as pessoas estão procurando como fazer você mesmo. Como secar limpeza de carpetes comerciais, limpeza carpetes de carro, limpeza de tapetes a vapor ou pré-limpeza para empresa de limpeza de carpetes superiores. E outra palavra-chave seria vomitar. Como remover, o que, o que as pessoas estão procurando que eles precisam saber como remover. A lixívia do Jordan, urina dinamarquesa, odores de estimação, urina de gato, manchas. Que tipos de manchas? Como remover manchas? Como remover manchas em geral? Mármore. Veja, o que mais podemos encontrar bancadas de mármore remover manchas de água. Desenhe como remover manchas de limpeza a seco apenas perto. Como remover manchas de batom de limpeza a seco apenas perto como remover manchas de desodorante, manchas de óleo, manchas de desodorante, concreto, garagem, manchas de café de limpeza a seco apenas. Então, em apenas alguns segundos, digitando diferentes variações do seu tópico, que seria a limpeza do tapete. Você pode ver no que as pessoas estão realmente interessadas. Esses resultados de pesquisa ou essas sugestões de preenchimento automático só aparecem porque as pessoas estão procurando por eles. O Google está dando a você uma pequena janela sobre o que são as pesquisas de maior volume mais importantes e mais traficadas. Então essa é uma maneira maravilhosa de ver o que as pessoas estão realmente procurando em sua indústria. Então agora você sabe o que as pessoas estão procurando. Mas como você aproveita esse conhecimento? Aqui está uma dica profissional altamente eficaz. Crie uma página de serviços separada ou blogposts dedicados a cada palavra-chave de cauda longa. Se um dentista só tem uma página de serviços abrangentes, está em todo o quadro. Folheados, cosméticos, extrações, faturamentos, limpezas, etc. É altamente improvável que essa página de serviços seja classificada para qualquer uma dessas palavras-chave ou para a página inicial. Mas se você criar uma página web separada para cada serviço, você tem uma chance de lutar em classificar bem, este é um SEO tão incrível. Heck, eu vi isso funcionar em primeira mão inúmeras vezes. E aqui vai uma dica de negócios. Se você estiver tendo dificuldade em obter conteúdo escrito de seu cliente, traga o escritor de conteúdo de resiliência suficiente, alguém que possa fazer pesquisas para escrever uma página da Web de qualidade por uma pequena taxa. Você, quando o cliente ganha e o escritor ganha, todos ficam felizes, todos são pagos. Todo interesse em melhorar o SEO? Eu tenho um escritor freelance e minha rede e regularmente Looper em e meus projetos. Então, quando Review, entender palavras-chave é vital para classificar bem. E quanto mais específica for a frase-chave, chances você tem de se classificar competitivamente. Agora, a quarta coisa é a experiência do usuário, ou UX para abreviar. Isso engloba toda a experiência interagindo com um site. E você é seus sites que você gosta de ir são seus sites. Eu não sei. Você pensa nas diferenças lá. O que você pode pensar de que faz ou quebra uma experiência de site? Que tal o tempo de carregamento? Se um site leva uma eternidade para carregar, você gosta da experiência de esperar? Que tal sites? Eu obviamente não fui projetado para funcionar bem em dispositivos móveis. Ou sites são difíceis de navegar. Você nunca consegue encontrar o que está procurando. Com todas essas queixas. O que você pode fazer se você chegar ao ponto em que você está apenas cansado de um site, em alguns casos, você simplesmente abandoná-lo. Você encontra outro. E esse é o ponto. experiência ruim do usuário em um site pode custar um negócio, um cliente ou uma venda. Ele, que se torna uma tendência e Google pega nele. Você acha que eles vão recompensar aquele site com melhores classificações? Saber? Então, vamos falar sobre as principais maneiras de melhorar a experiência do usuário. Navegação clara, tempo de carregamento de graves e facilidade móvel. Agora já falamos sobre navegação clara como uma maneira de melhorar a acessibilidade do rastreamento. Não só os robôs gostam de navegação fácil, mas também os humanos. Agora PageSpeed. E quanto ao tempo de carregamento de um site? Como melhoramos isso? Como clientes, todos queremos que os sites sejam carregados prontamente. Mas como é que isso acontece? Bem, há vários fatores envolvidos lá, como quantas fotografias de alta definição estão em um site. Quantos vídeos incorporados existem animações, conexões de terceiros, cache, etc. Mas um dos principais é o seu servidor de hospedagem. Os servidores podem ter um enorme impacto no tempo de carregamento. Os servidores de economia GP como o achado laríngeo no godaddy, Bluehost, soluções de rede, etc., por cerca de 10 dólares ou menos, limitarão o desempenho que você pode esperar do seu site. Essa acessibilidade. É bom, mas vem com um trade-off. Você pode estar verificando todas as outras caixas de desempenho. Mas se o servidor é sem brilho, você é muito limitado. Então, uma das muitas maneiras que você pode melhorar o SEO de seus sites de clientes é investir em um servidor de alto desempenho, que você deve ter como uma empresa de web design. Para minhas recomendações, verifique a aula de hospedagem perto do início deste curso. Você precisa do relé isso para seus clientes, porque alguns deles já terão seu próprio site de pequenas empresas em um servidor de hospedagem barato sujeira. Pode estar fazendo compras para ele servidor e achar atraente esses preços baratos. Como uma empresa de web design, você pode educá-los, movê-los para o seu servidor. Cics é móvel. Outro fator importante de experiência do usuário é a facilidade móvel. Tivemos uma lição completa sobre como construir sites compatíveis com dispositivos móveis porque é importante, nascido para consumidores, É importante para web designers e é importante para o Google. E tudo o que é importante para o Google e SEO deve saber. Então, como podemos ter certeza de que é importante para o Google? E vamos ver. Então, vamos para o teste do Google para dispositivos móveis. Primeiro, há um teste embutido aqui. Vamos tentar isto. Experimente isto no meu nome de domínio, Executar teste. E isso nos leva a pesquisar dot google.com barra testes de barra móvel amigável. Este é o teste oficial para dispositivos móveis, ou podemos digitar nosso URL e ver se é compatível com dispositivos móveis. Atualmente ele está analisando a busca de página e executando o teste. Então vamos esperar por isso e ver se a nossa página web sai amigável para dispositivos móveis. Isso é uma coisa boa a fazer antes de iniciar um site apenas para garantir que ele está marcando todas as caixas. Então, no nosso caso, a página é compatível com dispositivos móveis. Surpresa, surpresa. Esta página é fácil de usar em um dispositivo móvel. Esta é uma ótima maneira de provar aos seus clientes que o site é compatível com dispositivos móveis e passa no teste oficial do Google para dispositivos móveis. Agora eles são um serviço valioso que você fornece é fazer um site e celular. Então, vamos aprender mais sobre páginas compatíveis com dispositivos móveis apenas para ver o quão importante isso é para o Google. Portanto, há uma seção inteira dos recursos de pesquisa do Google dedicada ao celular. Bem-vinda. Mobile está mudando o mundo hoje. Todo mundo tem smartphones. Será que eles estão constantemente se comunicando e procurando informações? Em muitos países, o número de smartphones ultrapassou o número de computadores pessoais. Ter um site compatível com dispositivos móveis tornou-se uma parte crítica de ter uma presença online. Lá você tinha. O Google afirma explicitamente que ter um site amigável para dispositivos móveis é fundamental para sua presença online. Se você não fez o seu site amigável para dispositivos móveis, você deve, isso é em negrito. Eles querem que você saiba que a maioria dos usuários chegam ao seu site provavelmente usará um dispositivo móvel. Se você não sabe se é móvel amigável, faça o teste para celular, o que acabamos de fazer. E o melhor é que nós. Se você usa software de gerenciamento de conteúdo como o WordPress para criar seu site, confira nosso guia para personalizar o software do seu site. Muito útil se você for técnico o suficiente para fazê-lo sozinho. Que é através de código, o que eu sei fazer. E isso é feito através do CSS checkout, nosso Guia SEO móvel. Por que tornar um site amigável para dispositivos móveis? Portanto, este seria um exemplo de uma página não compatível com dispositivos móveis e uma página compatível com dispositivos móveis. E há vários recursos. Mais explicações sobre como fazê-lo, onde você começa, quanto custa construir um site para dispositivos móveis. E os próximos passos, todos esses recursos são dedicados à facilidade móvel e SEO móvel. Então eu recomendo totalmente mergulhar nesses recursos para que você possa ter uma melhor compreensão do SEO envolvido na simpatia móvel e sites móveis. Então, aí está. O Google afirmou explicitamente, repetidamente, a importância da simpatia móvel para classificar bem em seus resultados de pesquisa. Mais provas de que precisa. Felizmente, como resultado, várias lições atrás, Devi torna muito fácil de desenvolver e refinar um site amigável móvel através de suas ferramentas de web design responsivo incorporadas. Sétimo, vetor, otimização de imagem. As imagens são um dos maiores culpados em sites lentos. Por que as imagens diminuíram a velocidade das páginas da Web? E como podemos consertar isso? Bem, primeiro, deixe-me ilustrar a questão real. Então, digamos que você tire uma foto no seu iPhone ou câmera digital. Você já notou o tamanho do arquivo naquela foto? Pelos padrões da web, é enorme. Agora, no geral, isso é uma coisa boa. Isso significa que a foto é de alta definição, de alta qualidade. Nós gostamos disso. O problema surge quando você tira essa foto diretamente da câmera para o seu site. Então, com essa foto de alta definição são quatro megabytes. Em seguida, todos os quatro megabytes ou enviados para o seu site. E todos esses quatro megabytes devem ser baixados além das outras imagens em seus lados por cada pessoa que carregar sua página da Web. Isto é um grande “não-não”. Na verdade, gorjeta de negócios. Se você se deparar com um site com fotos DSLR descompactadas. Então ouça os negócios deles. Eles precisam que você tire essas imagens, otimize-as, ganhe um cliente. Então, o que você faz para resolver esse problema? Isso significa que não queremos imagens de alta qualidade? Não, não, absolutamente não. Adoramos imagens de alta definição. Nós amamos isso. Mas eles precisam passar por dois processos rápidos e fáceis. Redimensionar e comprimir. Redimensionar significa alterar as dimensões de altura e largura dos pixels para se ajustar ao tamanho real que você deseja exibir em seu site. Se você só precisa de uma pequena caixa com 500 pixels de largura, você não precisa de toda largura de 4 mil pixels diretamente fora da câmera. Leve-o para baixo, leve-o para a foto, para o tamanho da foto que você precisa. Saltou no Photoshop, pré-visualização, pintura ou praticamente qualquer editor de imagens. Redimensionar é uma função de edição de imagem muito básica. E segundo, comprimir. Isso significa que você mantém as mesmas dimensões, a mesma altura que a largura, mesma qualidade, mas comprim-la. Para salvar no tamanho do arquivo. Você pode fazer isso quase que instantaneamente. Deixe-me mostrar como funciona a compressão. Este é um dos meus pequenos pedaços favoritos de software chamado imagem ideal. Agora, há um aplicativo para download para Mac que é muito pequeno, muito rápido e fácil de carregar. E há um serviço web que é uma versão on-line da imagem ideal. Se você estiver em um PC, há tantas opções disponíveis. Imagem ideal não é um, mas há tantos recursos livres lá fora para comprimir. Mas deixa-me mostrar-te esta. Imagem Optum na imagem Mac muitas vezes faz com que as imagens carregam fester remove metadados inchados, digamos é espaço em disco e largura de banda, compactando imagens sem perder qualidade. E essa é a chave aqui. Assim, você pode usar isso para tornar as páginas da Web e aplicativos mais rápidos reduzem os tamanhos dos arquivos de imagem, para que eles ocupem menos espaço em disco e baixem mais rapidamente aplicando compactação avançada que preserva a qualidade. Arquivos de imagem limpos, remove lixo invisível, que é um pouco de dados back-end anexados a cada imagem. EXIF privado, metadados de câmeras digitais, miniaturas incorporadas, comentários e perfis de cores desnecessários. E é arrastar e soltar. Ou você pode arrastar e soltar suas imagens diretamente no software para compactá-lo imediatamente. Então vamos ver um exemplo disso. Indo para o serviço web. Vamos ver o que está acontecendo aqui. E esta é uma versão dramática diminuindo a velocidade da internet. Mas olha o que aconteceu lá. Imagem de ferramentas padrão Stan, 27 kilobytes com 14,3 kilobytes ideais. Vamos ver isso de novo. Então aquele onde a imagem ideal está carregando mais rápido. Obviamente, com conexão de Internet de alta velocidade, mesmo 27 kilobytes para carregar quase instantaneamente. Mas isso está tornando mais dramático provar um ponto. Então o ponto principal aqui é, você pode ver visualmente uma diferença entre essas duas imagens? Há um parece significativamente mais qualidade do que o outro. Não, eles basicamente parecem exatamente iguais, mas qual deles é menor? O da direita tem 14 kilobytes, que é muito menor, praticamente metade do que está à esquerda, que neste exemplo seria a qualidade original antes de usar a imagem ideal. Tão fabulosa maneira de continuar a preservar a qualidade, mas reduzir o tamanho. Então vamos ver como isso funciona. Eu já tenho imagem ideal baixado no meu computador. Eu vou puxá-lo aqui e vamos arrastar e soltar uma imagem de unsplash. Então eu tenho uma imagem aqui, uma imagem original de tamanho e resolução de unsplash e também a redimensionei com o Adobe Photoshop. Desceu para 102 kilobytes. Foi redimensionado para, vejamos, 1200 dimensões disseram 100 pixels de largura. Então isso foi redimensionado e isso é bom. Gostamos de redimensionar as coisas, mas o tamanho pode ser reduzido. Então agora é um 102 kilobytes. E vamos ver se podemos tirar isso usando a imagem ideal. Então vamos de 102 kilobytes e 1200 pixels de largura dois. E isso foi quase instantâneo. Ainda é 1200, matando 1200 pixels de largura, mas agora o tamanho do arquivo é 83 kilobytes. Isso foi uma economia de 18%. Incrível. E se olharmos para a imagem, ela parece igual a um dado há um minuto atrás. E para confirmar, as dimensões são as mesmas. 1200 pixels de largura. Lindo. Temos nossa imagem redimensionada e temos um comprimido apenas para espremer um pouco mais o tamanho do arquivo. Se fizermos isso com cada imagem, essa economia de tempo de arquivo e carregamento irá somar e será benéfico tanto para a experiência do usuário quanto para SEO. Então eu recomendo deixar cair cada imagem em um compressor antes de carregá-la para o WordPress. E três, considerado um formato de arquivo. A maioria de cada foto que você carrega, o WordPress deve ser JPEG. Você só precisa de p e g. quando precisa de transparência. Caso contrário, se você não precisar de transparência, JPEG é muito mais amigável para a Web, já que os JPEGS são menores que os PNGs. Infelizmente, as fotos diretamente do aplicativo de câmeras em seu telefone já estão em JPEG, já que é o formato de imagem mais comum disponível no momento. Ao redimensionar e compactar seus jpegs, você economizará drasticamente o tempo de carregamento, que melhorará a experiência do usuário e a classificação do mecanismo de busca. Agora uma nota final nas imagens, direto da câmera. As imagens têm um sistema de numeração sequencial, como a imagem 400, 41 pontos JPEG. Você tem uma oportunidade de SEO lá. Renomeie esse JPEG usando suas palavras-chave. Por exemplo, se for uma foto de um dentista chamado Shawn, nomeie, Sean traço dentista traço Asheville dot JPEG. E você pode até colocá-lo em suas tags alt. Essas tags alt precisarão de uma palavra-chave ou frase naturalmente legível. Todas as etiquetas ajudam os visitantes com deficiência visual e os motores de busca a entender qual é a sua imagem. Muito importante. Número 8, SSL. Este é outro fator importante de classificação. De volta às lições de Fundamentos, aprendemos a importância da segurança SSL. Agora, com o propósito de SEO, deixe-me explicar como sabemos que isso é importante para o Google. Então, estou nos levando a um artigo no blog oficial do Google Webmaster Central. Agora, este é um artigo de 2014. Isto tem vários anos. E mesmo naquela época eles começaram a endossar SSL. Então, o que acha que é agora? Sim, cursos. E é ainda mais agora. Então o artigo é HTTPS como um sinal de classificação. Então conhecemos HTTPS. Significa que tem que ser protegido com um certificado SSL, que nos dá a conexão é segura, o ícone de cadeado aqui em cima. Então, em 2014, Google anunciou que HTTPS era um sinal de classificação. A segurança é uma prioridade máxima para o Google. Investimos muito e asseguramos que nossos serviços usem segurança líder do setor, como criptografia HTTPS forte por padrão. Então, o Google garante isso, e agora eles estão recomendando que todos os webmasters aumentem sua segurança e, por sua vez, aumentem os rankings. Lá vimos mais e mais webmasters adotando o site HTTPS, o que é encorajador por esses motivos. Nos últimos meses, temos feito testes tendo em conta se os sites que você protege conexões criptografadas como um sinal em nossos algoritmos de classificação de pesquisa, temos visto resultados positivos, então estamos começando a usar HTTPS como sinal de classificação. Por enquanto, é apenas um sinal muito leve que afeta menos de 1% das consultas globais e carrega menos peso do que outros sinais, como conteúdo de alta qualidade. Nós sabemos que eu chamo o conteúdo e coisa mais importante, mas nós até nos preocupamos com os pequenos sinais de classificação. Tudo daria Webmasters tempo comutado HTTPS, mas ao longo do tempo, podemos decidir fortalecê-lo, que aqui estamos vários anos mais tarde. Ele foi fortalecido porque gostaríamos de incentivar todos os proprietários de sites a mudar de HTTP para HTTPS para manter todos seguros na Web. Então, aí está. Isto é do blog oficial do Google Webmaster. E, além disso, este artigo tem vários anos de idade. Por isso, foi reforçado, como o Google disse que seria. Mas eles estão admitindo que HTTPS é um sinal de classificação. O objetivo disso é tornar todos mais seguros. Eles querem segurança em todos os lugares, eles querem HTTPS Everywhere. Então, não só você obtém o benefício de segurança, mas agora você obtém o benefício de classificação de pesquisa também. Então esse é o artigo de 2014. Há também um artigo sobre o Search Console oficial ajudar as diretrizes gerais. Então, há um Guia de Iniciação SEO aqui. E o próximo artigo é proteger seu site para HTTPS. Na verdade, no artigo anterior, eu acho que há algo aqui sobre, sim, como faço para obter meu site no Google? Aqui estão algumas perguntas básicas para fazer a si mesmo sobre seu site quando você começar. E olhe para a parte inferior, meu site é seguro? O Google. Uma vez que você pensa em termos disso, como parte de sua lista de verificação, quando você lança um site para curar seu site com HTTPS, proteja seu site e seus usuários. Ele pergunta, o que é HTTPS? Há que, de três maneiras diferentes, as melhores práticas ao implementá-lo. Qual WordPress e nosso plug-in SSL realmente simples geralmente cuida de que armadilhas comuns migrando de inseguro para seguro. Então o ponto é, o Google endossa totalmente segurança SSL e é um sinal de classificação positivo. Então vamos pegar qualquer coisa que possamos obter tantos sinais positivos quanto possível. E isso acontece de ser uma maneira muito fácil e um cenário ganha-ganha, você foi para a classificação melhor e você ganha para a segurança. E aí está. Prova das próprias diretrizes do Google que o SSL é um fator de classificação positivo. E como já discutimos, SSL não é caro. Se você cobra seu cliente ou não, você lucra com SSL ou não. Você precisa enfatizar a importância do SSL. Na verdade, aqui está uma coisa importante. Eu não recomendo publicar nenhum site hoje em dia sem um certificado SSL. Os benefícios são muito grandes e o custo é muito baixo para ignorar SSL. E número 9, ligações internas. Estes são links que conectam as páginas internas de um site. Hi quantidade de links internos que apontam para uma determinada página em seu site irá sinalizar para o Google que a página é importante. Desde que seja feito naturalmente e não de forma spammy. Deixa-me mostrar-te do que estou a falar. Então estamos em um dos sites dos meus clientes que fornece fatoração de faturas dois empreiteiros em todo o país da América. Então este site tem muitas páginas, muitas páginas da Web, e você é uma abundância de serviços e categorias diferentes. Então vamos ver como eles fazem malabarismos com todos esses links. Primeiro de tudo, a navegação, É muito limpo, muito simples. Está dividido em quem somos, o que fazemos, quais são serviços diferentes, até subcategorias sob os serviços. Histórias de sucesso, parceiros de referência, blogs, podcasts se aplicam agora e temos algumas chamadas para a 30. SEO off-: Bem-vindo, sou Leighton, seu webmaster. Na lição anterior, aprendemos técnicas de SEO no local. Agora, vamos olhar para SEO fora do local ou coisas que podemos fazer fora do site para melhorar seu ranking. Especificamente, vamos olhar para truques de SEO comprovados para melhorar seus rankings. Olhará para um, comentários para a prova social, três, links externos para popularidade. Cinco, Google Meu Negócio e seis, Google Search Console. Algumas delas são dicas e outras são ferramentas. Vamos ver as primeiras críticas. Digamos que esteja escolhendo uma pizzaria. Uma opção tem 50 avaliações de cinco estrelas. Outro tem que comentários de uma estrela. Outro não é revisado em tudo. O que parece ser a melhor escolha. E porquê? Agora, com base nesses dados, o primeiro parece ser a escolha natural. Agora é possível com o terceiro, aquele que tem 0 avaliações, que um pode ser a melhor qualidade e ter os melhores preços. Mas por que você não percebe isso como a melhor opção? Por causa das críticas. Agora as avaliações podem facilmente distorcer a realidade. Mas a realidade é que as pessoas depositam muita confiança e críticas. E por esse motivo, o Google considera avaliações ao classificar empresas locais. Agora, os resultados da pesquisa não são classificados do melhor para o menos revisado. Mas quanto melhor de você, o negócio normalmente aparece perto do topo. E por esse motivo, é muito valioso concentrar seus esforços nessas avaliações do Google. Mas qual é o grande problema com as avaliações para o seu negócio de web design? Para que você não possa escrever comentários para seus clientes. Eles têm que acontecer organicamente. O que você tem pouco controle. Mas o que você pode fazer? Educar. Você pode educar seus clientes para que eles levem as avaliações a sério. E eles são até sites pagos especificamente projetados para criar suas avaliações. Talvez já tenha ouvido falar do pódio de olho de pássaro. Eles basicamente atuam como um portal para gerenciar revisões e um assistente conveniente para coletar avaliações. Como é que eles fazem isso? Enviando uma mensagem de texto ou um e-mail sempre que seu cliente faz uma venda e incentiva esse cliente a analisá-los. Mas eu não sou um grande fã desses serviços. Por que não? Bem, para começar, é apenas mais uma despesa recorrente. Mas, o mais importante, as avaliações são muito gratuitas. Eles são livres para ganhar, livres para gerenciar, livres para responder. Google. O My Business tem muitas ferramentas de gerenciamento de revisão integradas ao serviço. Na verdade, aqui está um hack grátis para você. Crie um subdomínio chamado revisão antes do nome de domínio dos seus clientes. Encaminhe isso diretamente para o formulário de revisão do Google. Este é um link fácil e memorável que seus clientes podem enviar para seus clientes satisfeitos. Ele remove o atrito de ter que procurar o negócio, encontrar o correto, ir para a listagem, clicar em revisão do piloto. Você quer tornar o processo de revisão o mais fácil possível para seus clientes. Deixa-me mostrar-te esta ideia. Então primeiro quero mostrar do que estamos falando. Então vamos até o topo e vamos digitar pontos de revisão. E, em seguida, para o meu formulário de revisão, vamos colocar no meu nome de domínio, Ponto de revisão pioneiro ponto e mídia e ver o que acontece. Então meu nome de domínio é pioneer.me e meu subdomínio é revisão. E lá vamos nós. Ele puxa para cima o formulário de revisão. Isso está levando alguém diretamente para a listagem do Google e diretamente para o formulário de revisão. Quase todo o atrito foi removido aqui. Tudo o que eles têm que fazer é inserir a quantidade de estrelas que eu quero te dar, de preferência cinco. Conte-nos um pouco sobre o negócio e, em seguida, digite sua revisão. Eles podem adicionar uma foto opcional que pode marcar algumas dessas caixas opcionais. Boa qualidade, bom valor, profissional responsivo. Mas o básico são apenas o número de estrelas e, em seguida, a revisão real, nós amamos a mídia Pioneer. E então eles clicam em postar. É isso. Você não está pedindo a eles para fazer muito mais do que tirar cinco minutos do dia deles. Então, essa é uma maneira muito conveniente de levar as pessoas ao seu formulário de revisão do Google, Minha empresa. Você pode fazer isso por si mesmo e você pode configurar isso para seus clientes para tornar suas avaliações de ganhos muito mais fáceis. Então deixe-me mostrar como conseguimos esse link e como configuramos esse subdomínio. Vou clicar em Cancelar aqui. E vamos entrar no Google Meu Negócio. Este é o Google Meu Negócio, e esta é a minha listagem particular. Então, estamos no business dot google.com e vamos rolar para baixo para obter mais avaliações. Você vê isso? Compartilhe seu perfil de negócios e receba novas avaliações de clientes. Então, estamos clicando no botão Compartilhar revisão formulário e ele puxa uma caixa aqui. Solicitar avaliações. Dê aos clientes um link para analisar sua empresa no Google. Clique para copiar o link. E lá vamos nós. Leve-o a G, barra da página do Google Doc, o nome de usuário do meu Google, minha lista de negócios, que no meu caso é pioneiro mídia bate barra revisão, ponto de interrogação RC. Então, esse é o link que leva as pessoas diretamente para o formulário “ My Business Review” do Google . Então, como configuramos que o subdomínio? Vamos ver. Agora vamos entrar na minha doença. Está logado na nossa conta ionizada e vai para os nossos domínios. Especificamente, vamos para o que quer que seja o seu registrador de domínio. No meu caso, isto é ionizado. Aqui está meu b GoDaddy ou seus clientes podem ter os deles em outro local, Google Domains, GoDaddy, o que for. No meu caso, eu comprei o meu e está disponível em Jonas. Vamos entrar em subdomínios e em seu registrador de domínio. E queremos criar um subdomínio. Neste caso, reveja dot pioneer.media. Classificar um é muito simples. Em Ioannidis, basta clicar em Adicionar subdomínio e digitar o subdomínio. Lá está ele. Realmente simples. Como começamos a usar este subdomínio? Então agora ele está redirecionado para o nosso link. Mas deixe-me clicar neste subdomínio para ver como ele funciona. Então agora estamos em Review dot pioneer.media, e você clica, o destino alvo é redirecionar o domínio Forward para um site diferente. E redirecione para o destino. É aí que você cola o link que obteve do Google, Meu Negócio, o link que o leva diretamente ao formulário de revisão. E isso é tudo que você tem que fazer para configurar um subdomínio. Então, nesta etapa, criamos o subdomínio revisão dot pioneer.media. Estamos configurando como um redirecionamento HTTP. Redirecione automaticamente seu domínio para a mesa, para o domínio de destino. A URL do endereço de Internet do domínio de destino aparecerá na barra de endereços do navegador. E clicamos em Salvar. E nosso subdomínio é criado e podemos começar a usá-lo. Então é assim que fazemos esse hack realmente legal para reduzir o atrito de ganhar comentários, tanto quanto possível. Mas deixe-me mostrar-lhe a plataforma Google My Business Review. Então, estamos de volta ao Google, My Business and Business dot google.com. E vamos clicar em comentários no lado esquerdo aqui. Para acessar nosso portal de gerenciamento de revisão. Joe, clientes, vocês se importam com uma resposta de cada vez. Seus clientes agora são notificados quando você responde à revisão. Então, basicamente, tudo o que você pode realmente fazer aqui é gerenciar suas avaliações. Ele mostra uma lista de todas as avaliações que você já obteve para ouvir ou listar seus clientes. E você tem algumas opções, você pode sinalizar. Um é inapropriado. Agora isso é difícil de obter uma revisão removida. Criei um post de blog inteiro sobre isso, como gerenciar avaliações de uma estrela, o que fazer com elas. Basicamente, você só pode obter uma revisão removida se ela violar os termos do Google. Então, em suma, isso seria como se fosse explícito, se é ilegal, se é pornográfico, se dá um caso muito raro, se é assédio sexual, é muito raro você descobrir isso em uma revisão se alguém legitimamente dizendo que não gostei da minha experiência com esta empresa. O Google vai permitir isso porque é uma crítica honesta. Então, a maioria de uma ou duas estrelas comentários, se o seu cliente perguntar se ele pode removê-los, 99% das vezes, a resposta é não. Então, o que fazemos? Nós apenas tentamos obter tantas avaliações de cinco estrelas quanto possível e equilibrar isso, trazer a média. Aqui estão algumas das críticas que recebi recentemente. Você pode classificá-los por respondeu e não respondeu. Então há um aqui que eu ainda não respondi. Aqui está a crítica. Aqui está quem escreveu, e você pode clicar no botão Responder e escrever uma resposta para a avaliação. Deixe-me fazer isso. Muito obrigado, Ron. Agradecemos muito trabalhar você neste projeto e estamos ansiosos para o próximo. Ótima. Mantenha-o curto e doce. Isso é tudo que você realmente tem que fazer é apenas agradecê-los pela crítica sincera. E clique em Postar resposta. Lá vai você. O Google quer que você responda aos comentários. Eles consideram isso com seu algoritmo para aumentar seus rankings e apenas um menor de distância quando você revisou para o que você responde aos comentários, eles gostam disso. Ele só mostra que você é um negócio ativo e você está se interessando por seus comentários e tentando ficar no topo de sua gestão de reputação da melhor forma possível. Então, aí está. Esse é o portal integrado de gerenciamento de revisão do Google. Isto é o que você está olhando agora. Esta é exatamente a razão pela qual eu não pago por qualquer serviço externo, qualquer serviço premium para avaliações porque o Google tem isso embutido, você pode simplesmente ir para o negócio dot google.com, puxar para cima sua listagem ou seus clientes listando e gerenciar os comentários, responder-lhes. E há até uma auto-estrada para levar as pessoas diretamente ao formulário de revisão, que vimos aqui com nosso subdomínio. E aí está. A segunda é a prova social. Isso se refere a quantos gostos, compartilhamentos e seguidores você tem. Na maior parte, esses números não afetam suas classificações a menos que sua postagem se torne viral. E a exceção a isso é o Twitter. Devido a um acordo entre o Google e o Twitter, os tweets são realmente profundamente integrados aos resultados da pesquisa do Google em tempo real. Mas o que você deve fazer para seus clientes? Bem, se eles ainda não têm contas de mídia social, você pode criá-las. Mas, o mais importante, você precisa vinculá-los de e para seu site. Cada grande site social tem um link para o site, geralmente perto da biografia. Você deve vincular isso ao site do seu cliente. E no próprio site, aquele que você constrói. Você pode usar opções e módulos sociais incorporados de DBs para vincular isso às suas mídias sociais. Isso os ajudará a aumentar sua presença nas mídias sociais com o objetivo de ganhar clientes e divulgar a conscientização da marca. E isso pode ter um efeito no ranking dos motores de busca. Agora, em terceiro lugar, certamente não menos importante é links externos. Estes são os links de outros sites para o seu site. E quando digo seu site, estou me referindo aos sites que você constrói para seus clientes desde a década de 1990, links, citações, recomendações de conteúdo. Estas são a espinha dorsal do SEO, o sinal principal da autoridade. É como um voto de popularidade. Sim, se pessoas, se pessoas suficientes ligam ao seu site, é visto como popular. E, portanto, importante. É claro que a credibilidade do site ao qual você está vinculando é considerada. Por exemplo, qual você acha que é mais impressionante? Uma recomendação do New York Times ou um eletricista local? National Geographic ou seu professor de biologia local? Sim, uma recomendação daqueles estabelecidos na palavra East, The New York Times, National Geographic são absolutamente douradas. Isso coloca você no radar do Google e estabelece que seu conteúdo é importante. Agora links dessas fontes de baixa qualidade, eles não vão machucar nada, mas eles simplesmente não serão tão úteis também. Então, como você consegue links? Como você obtém links? Essa é a pergunta mais importante que você pode fazer um SEO. Vejamos algumas ideias. Agora. Para começar, você tem que ganhar esses links de compra orgânica, pagando uma empresa de SEO para obter links e organicamente usando técnicas de spam como, como comentar em cada blog lá fora. Estamos pedindo um link de volta ao seu site que não é recomendado, nunca recomendado. Não é assim que se ganha links de qualidade. O Google é muito claro que essas coisas não funcionam. Tem que ser natural. Mas segundo, pense em como você se conecta pessoalmente. Como um advogado de acidentes de carro. Aquelas redes com agentes de seguros de automóveis como uma empresa de restauração de danos de água. Você se conecta com encanadores, corretores rede com paisagistas, fotógrafos com os outros fotógrafos. Essas relações são mutuamente benéficas e construídas naturalmente. Links são como a versão digital da rede. Então, quando dois negócios respeitáveis ligados um ao outro, ambos se beneficiam. Agora, terceiro, pense na cobertura de notícias locais. Se o seu cliente conseguir receber atenção positiva de uma fonte de notícias local, esses links são muito valiosos para depoimentos. Se você montar um depoimento de outro negócio, você pode solicitar que eles vinculem de volta a você cinco, blogando. Se seus clientes e especialistas em sua área, talvez alguns blogs nessa indústria deixem que eles sejam contribuintes. Se o blog é respeitável, um post convidado vinculando seus clientes será muito valioso para seu SEO. Número 6, uma página de recursos. Muitos sites têm uma página de links ou recursos. Entrar nessa lista pode realmente ajudar o seu SEO. O ponto é que, no entanto você ganha links, eles devem naturalmente acontecer ao longo do tempo, não todos de uma vez e eles precisam ser organicamente. Mas, em última análise, qual é o ponto? Aqui está o ponto. Quanto mais links de alta qualidade para o seu site, melhor você classificará. Por isso, estabeleça a sua autoridade na sua indústria ou do seu cliente, ganhando atenção e links de outros sites e influenciadores. E número 4, popularidade. Isso envolve promover o site e trazer o tráfego. Isto é especialmente importante com um novo site. Então, digamos que você lançou o site do seu cliente. Curso. Você fez um belo trabalho projetando-o. Parece incrível, mas nenhum tráfego entra. entanto, nenhum link de entrada foi estabelecido, anúncios, nenhuma mídia social e visões gerais. E assim é, é como você acha que o Google visualiza esse site? Tem algum tipo de autoridade? Se você é o Google, você classificaria esse psi acima da concorrência? Provavelmente não. Veja quando o tráfego entra, quando o tráfego permanece e retorna a um site, o Google começa a reconhecer sua popularidade. E embora isso certamente não seja o único fator de classificação, isso ajuda. Só tens de ter a certeza de que o trânsito é legítimo. Número 5, Google Meu Negócio. Esta é uma ferramenta gratuita que já discutimos algumas vezes. Ele permite que você crie sua lista local do Google para pesquisa e para mapas. Mas como você o utiliza para SEO? Bem, você começa criando sua listagem gratuita. Desde que seu cliente seja uma empresa local, você pode criar uma listagem gratuita para eles. Agora é importante, há algumas considerações importantes sobre SEO para sua listagem. Primeiro, seu nome, endereço e telefone, ou cochilo, deve ser digitado exatamente como mostra em seu site e outros diretórios. Em segundo lugar, certifique-se de que está sentado, você vincula sua listagem do Google Meu Negócio ao seu site. Isso cria que sinergia e começar a cantar tráfego de pesquisa para o seu site aumentar a popularidade. Em terceiro lugar, use o campo de descrição para avançar suas palavras-chave. Em última análise, para fins de SEO, você deseja preencher sua lista de negócios com o máximo de informações que o Google permitir, mais informações, quanto mais palavras-chave você inserir, melhor será que o Google pode classificar sua listagem. E número 6, Google Search Console, anteriormente chamado Google Webmaster Tools. Esta é uma ferramenta gratuita construída pelo Google, especificamente projetada para webmasters para tentar rastrear o desempenho da pesquisa do site. O que mais você pode fazer com o Google Search Console? Deixa-me mostrar-te. E aqui estamos no Google Search Console. Estes são os relatórios de um dos meus clientes favoritos, J orange.com. Estamos no search dot google.com barra painel de busca. E, especificamente, tenho os relatórios de um cliente em particular. Então, começamos na seção de visão geral, incluindo o desempenho aqui. Estes são os dados de desempenho dos últimos meses. E isso mostra que eles receberam um total de 26000 cliques de pesquisa na web. Então, o desempenho é uma das coisas mais importantes que você vem aqui fazer. Você pode clicar em Abrir relatório para v mais informações, o que faremos aqui em breve. E isso é páginas de cobertura com erros. Então, estas são as páginas do seu site que são indexadas pelo Google. Quais são válidos? Bom, e quais são inválidos ou têm erros. Ótima maneira de diagnosticar quaisquer problemas que possam surgir. E, em seguida, os aprimoramentos são algumas coisas extras que o Google sugere que você pode fazer para tornar sua oferta um pouco melhor. Tudo bem, então vamos olhar para a barra lateral aqui e clicar em desempenho. Esta é a seção principal que você acessará no Search Console. Então, no topo, podemos refinar olhando para o tipo de pesquisa, web, imagem, vídeo e notícias. Na maioria das vezes, só vamos para a web e depois namoramos, padrão é para os últimos três meses. Você pode fazer a semana passada, o último mês, três meses, 612, ou um intervalo de datas personalizado. E vamos olhar para os últimos três meses. E você pode até refiná-lo um pouco mais olhando para uma consulta de pesquisa específica, uma página específica ou aparência de pesquisa de dispositivo de país. Então, o que vemos aqui é o total de cliques, as impressões, a taxa de cliques, que é a porcentagem que a listagem foi visualizada e, em que é a porcentagem que a listagem foi visualizada e seguida, clicada e, em seguida, posição média de pesquisa. Gosto de marcar essa caixa também. Porque quando nós rolamos para baixo aqui, podemos ver qual posição a posição média que essas pesquisas específicas apareceram. Vejamos os 25 principais termos. No momento, isso é classificado pela maioria dos cliques. Então, claramente, o maior número de cliques seria o nome da empresa. No caso deles, é o rancho da prisão. Mas vamos olhar para os cinco primeiros aqui. Então o segundo seria um de seus três serviços primários. Eles oferecem tirolesa, passeios a cavalo e quadriciclos. Então, claramente, o serviço mais popular nos últimos três meses foi andar a cavalo com base nesses dados. Então 623 cliques usando o termo cavalgando Pigeon Forge, as impressões ou quantas vezes o site do rancho da prisão apareceu para essa busca foi mais de 5.600 vezes. Então ele parou mais de 5 mil vezes. Foi clicado em mais de 600 e a média da posição de seis. Isso seria na página um. Então, a página um geralmente tem dez anúncios. Então, qualquer lugar entre um e 10 na posição seria a primeira página. 13 seria o terceiro slot na segunda página. Então aqui estão os cinco primeiros seria o nome da empresa em si. cavalo naquela área, cidade de Pigeon Forge, cavalgando perto de mim. Essas são provavelmente pessoas que vivem naquela área onde a empresa está localizada. Jay Orange ATV e rancho de cavalos da prisão. Assim, você pode usar esses dados para ver quais são os serviços mais populares e pesquisados e onde você está classificando competitivamente usando a posição. Você também pode classificar pela maioria das impressões para ver o que as pessoas estão procurando. E você pode classificar pelo que está aparecendo. Número 14, estes dados são muito valiosos. Você pode usar isso para ver o que as pessoas estão interessadas, o que as pessoas estão pesquisando, onde seu site aparece. E você também pode usar esses dados para criar uma página separada ou postagem de blog especificamente para o que as pessoas estão pesquisando. Tudo bem, o que mais podemos encontrar? Inspeção de URL, é aqui que você copia e cola um URL específico. E ele só diz se há algum problema com a URL. Se é bom, se é móvel amigável, SEO amigável, se houver erros ou problemas com ele, isso pode ser útil. E agora índice, então índice iria mostrar a lista de páginas que são indexadas pelo Google. Nesse caso, não há erros porque ficamos no topo ou Google Search Console. Como um webmaster, você deseja se certificar de limpar quaisquer erros e mostra que 18 estão incluídos no índice. No caso deles, eles não têm um site terrivelmente grande. Eu só tinha a página inicial sobre nós comentários, contato, e um para cada um de seus serviços e algumas páginas extras. Então, não muito grande de um site. E lá vamos nós, submetemos um indexado, ele mostra 16 páginas aqui. Então, outra parte realmente importante do Google Search Console seria sitemaps. Então, quando lançamos este site pela primeira vez, nós nos certificamos de enviar o sitemap, muito importante, o arquivo xml do sitemap dot. Então isso foi submetido há vários, vários anos em 2014, e foi rastreado pela última vez outubro de 2020, que no momento desta gravação é apenas alguns dias atrás. Assim, o Google pega automaticamente o sitemap mais recente graças à nossa configuração com WordPress e tudo em um SEO Pack e Google Search Console. Tudo permanece sincronizado e atualizado. Sempre que atualizamos o site, adicionamos novas páginas ou qualquer outra coisa, ele é enviado automaticamente. Recurso muito conveniente. Então eu vou ter que entrar aqui para reenviar um novo sitemap sempre que algo mudar, isso é feito automaticamente. Muito, muito útil. Agora, remoções. E é aqui que você tem um índice de página no Google que você não quer. Há muitas razões pelas quais você pode querer remover uma página, como se ela fosse uma promoção temporária ou se ela deveria ser conteúdo oculto ou bloqueado ou premium. Talvez você queira ocultar algum conteúdo atrás um paywall e não queira que as pessoas possam encontrar essa página, a menos que tenham pago muitas razões pelas quais você pode querer remover um URL. Você pode fazer uma remoção temporária ou permanente clicando em nova solicitação. E a URL. Isso lê o URL de bloqueio dos resultados de pesquisa do Google por cerca de seis meses e as correntes claras, snippet atual e a versão em cache, eles serão regenerados em sua próxima rolagem para remoção permanente. Bloqueie páginas de indexação ou removê-las do site. E há um link para obter mais detalhes sobre isso. Então, isso pode ser um recurso útil e você pode fazer isso diretamente através do Google Search Console. Agora aqui temos algumas melhorias, principais sinais vitais da web, usabilidade móvel, que nos diz se o site é ou não móvel amigável e se há algum problema, como texto muito pequeno para ler ou elementos clicáveis muito próximos. Neste caso, não há erros como esse. Se você teve um erro, você poderia abrir isso e diagnosticá-lo e, em seguida, reenviar o URL para que o ar possa ser limpo e você não está mais preso pelo Google. E, em seguida, revise os trechos. No nosso caso, este site tem um snippet de revisão. Você pode procurar snippets do Google como um recurso limpo, onde você pode adicionar dados extras aos resultados da pesquisa, como eventos, receitas e comentários, todos os tipos de outras coisas. Neste caso, eles aproveitam um dos tipos de trechos. Tudo bem. Segurança e ações manuais. Pode executar uma ação manual, ver se sua propriedade tem alguma ação manual que possa impedir que ela apareça na Pesquisa Google, você pode saber mais se precisar de esclarecimentos sobre isso. Vamos clicar, Entendi. Porque não há problemas detectados se a guerra deles ou nós pudéssemos entrar aqui como webmaster deles, diagnosticá-los e resolvê-los. Questões de segurança. Não há problemas. Mas se o site tivesse um vírus ou algo assim e o Google descobrisse isso, então eles nos alertariam, nós poderíamos ir e corrigir o problema. Ferramentas legadas, isso se refere à versão mais antiga do Google Search Console, que é Google, Google Webmaster Tools. E essas ferramentas específicas não foram portadas para o New Search Console. Obviamente, o Google não os vê tão importantes quanto as outras partes do Search Console. Links é muito útil. Isso nos mostra os principais links externos. No caso deles, você tem 507 links externos. Esses são links de fora j orange.com ou site deste cliente para o seu site. Se você está acostumado com o relatório antigo, consulte estas notas. Então estas são as principais páginas vinculadas. Então, outro site está ligando para essas páginas específicas. Certo, então vamos ver o que mais. Principais páginas vinculadas em links internos. Links da sua propriedade para a sua propriedade. E a propriedade seria o site. E, em seguida, sites de ligação superior. Então isso nos mostra os principais links externos que eles têm. No caso deles, é YellowPages.com, pinterest.com, site.com de aluguel global, morte de célula de cupom em pseudo picks.com. Alguns deles são spam, alguns deles são legítimos. Obviamente, o Pinterest deve ser legítimo. Isso basicamente significaria que as pessoas têm fixado algum conteúdo que tem links para esse site. Texto piscando superior que mostra o que é especificamente clicável nesses links. Então vamos ver mais alguns desses principais sites de ligação. É uma maneira muito valiosa de ver quais sites estão sendo vinculados ao seu site. Muito útil. Tudo bem, e depois mais uma coisa, configurações. Portanto, em Configurações, você precisa verificar sua propriedade ao adicionar pela primeira vez um URL ao Google Search Console. E há a oportunidade de adicionar outras pessoas aos seus relatórios. Então eu recomendo adicionar seus clientes como um usuário. Se eles forem técnicos o suficiente para entender esses relatórios, você pode adicioná-los como um usuário e dessa forma eles serão copiados em qualquer tipo de relatórios que forem divulgados. O Google Search Console faz e o Google Meu Negócio. Ambos enviam relatórios regulares do Analytics e isso é útil. Assim, o cliente vai ver que tipo de acessos eles estão recebendo em seu site. Assim, você pode adicioná-los copiando e colando o endereço de e-mail que eles usam em sua conta do Google, como seu Gmail ou o que eles usam para fazer login seu telefone Android ou sua conta do YouTube ou qualquer outra coisa. Uma última coisa, como adicionamos um site ao Google Search Console? Você vai para o canto superior esquerdo aqui e adicionar propriedade. Lá vamos nós. Tipo de propriedade. Você adicionaria o nome de domínio como pioneer.me e clique em continuar. No meu caso, eu já tenho isso adicionado, mas você iria copiar este pequeno pedaço de texto para o registro DNS, ir para Ioannidis e adicioná-lo como um registro DNS. Vamos, deixa-me mostrar-te como se faz isso. Vamos voltar para I, Jonas e abrir os registros DNS para o nome de domínio. E mostrarei como podemos verificar de forma rápida e fácil uma propriedade do Google Search Console. Então você vai para o seu domínio e você pode fazer isso no GoDaddy, você pode fazer isso em qualquer registrador de domínio. Isto é tudo universal. Nós clicamos em DNS. De lá. O registro de verificação. Podemos adicionar clicando em Adicionar registro TXT. Portanto, existem diferentes tipos de registros DNS que servem diferentes propósitos. O TXT é apenas basicamente alguns dados de informação arbitrária. No nosso caso, é apenas um pequeno pedaço de código que diz, sim, eu possuo este domínio. Então vamos colocar o sinal no. Isso diz que Você copia o registro TXT na configuração DNS, para que possamos copiá-lo e colá-lo. Tudo o que você teria que fazer. Em seguida, clique em Verificar e você está pronto para ir. E com isso, é assim que você adiciona uma listagem ao Google Search Console, uma das muitas ferramentas maravilhosamente gratuitas em seu repertório, para que você possa monitorar e otimizar o desempenho do seu site. Aproveite. E eu recomendo fortemente conectar todos os sites que você cria ao Google Search Console. Envie seu sitemap assim que iniciar seu site e monitore o desempenho ao longo do tempo. Isso é especialmente importante para o serviço de atendimento do seu site, sobre o qual falaremos na lição do plano de manutenção do site. Fique ligado para isso. Então, recapitulando, o que aprendemos até agora? Há mais maneiras de melhorar seus rankings de mecanismos de pesquisa usando técnicas externas, como obter avaliações positivas, provas sociais de jogos, criar desequilíbrio confiável, trazer tráfego através da popularidade. Google, Listagens do My Business e Google Search Console. Agora, por favor, entenda que, como um webmaster, algumas dessas coisas serão mais difíceis para você fazer para seus clientes. Por exemplo, você não pode realmente obter avaliações, mas você não pode ditar o quão popular o site é. Não pode torná-los virais. Não é possível criar links de entrada de qualidade para eles. Estas coisas têm de acontecer organicamente, na maior parte das vezes. Então, o que você pode fazer com sua experiência e orientação? Você pode educar seus clientes sobre maneiras que eles podem melhorar seus rankings. Essa educação é tão valiosa para eles. O que você aprendeu. Continue sua educação de SEO para que você se torne um recurso mais valioso para seus clientes. E qual é o dever de casa? Quero que comece a implementar essas técnicas fora do local para o seu negócio de web design. Eu sou Leighton, e agora você sabe, SEO fora do local. 31. SEO como negócios: Bem-vindo. Sou Leighton, seu webmaster. Nas lições anteriores, aprendemos técnicas de SEO técnico no local e fora do local. Agora, vamos tomar esse conhecimento e comercializado como um negócio de web design. Então você tem várias opções. Você não pode oferecer SEO em tudo. Você poderia se referir a um especialista em SEO. Você poderia agrupá-lo com sua cotação. Você pode cobrar extra pelo SEO incluído no seu plano de manutenção do site, ou você pode solicitar auditorias SEO. Vamos falar sobre essas oportunidades de negócios. Mas primeiro, como uma palavra de cautela, se você optar por solicitar trabalho de SEO e saber do que você está falando. Isso significa que, além do que eu te ensinei, faça algumas de suas próprias pesquisas. Assista a vídeos educativos, leia os recursos do Google Webmaster e experimente o SEO por conta própria. Tenha uma sólida compreensão de SEO antes de começar a ensinar seus clientes sobre isso. Agora a primeira idéia, você poderia simplesmente não oferecer SEO em tudo. Eu realmente acho que esta não é a melhor escolha menos que você faça a opção número 2 e se refere a um especialista. E por que não recomendo isso? Porque na minha experiência como um webmaster, do que a coisa número um em uma mente de negócios é seu ranking de motores de busca quer a página um, todos nós queremos. Mas alguns clientes eles querem até mesmo se importar com a aparência de um site, desde que ele classifique bem. Então SEO é totalmente algo que você precisa compreender. E mesmo que você não o perseguir como um especialista para sua especialidade, você ainda precisa entendê-lo para que você possa fazer recomendações educadas para seus clientes e decisões informadas ao construir seu site SEO amigável. Como um designer de site respeitável, tudo o que você projetar deve ser SEO amigável. Número dois, a segunda opção é se referir a um especialista em SEO. Esta é realmente a sua opção mais simples. Sou um grande fã de especialistas. Refiro-me regularmente aos meus clientes fotógrafos, escritores de conteúdos, empresas de publicidade, etc. Por quê? O que acha que é sensato? Porque eles são melhores no que fazem do que eu. Todos sabemos que eles ganham. Se eu ganhar, o cliente ganha. Todos ganham quando trazemos especialistas. E em termos de SEO, se você pode encontrar um guru de SEO acessível e talentoso em sua área, confira. Se você pode formar um relacionamento comercial. Os melhores relacionamentos são aqueles em que você lhes dá trabalho de SEO e eles, por sua vez, dar-lhe empregos de design de site. Agora, para ser claro, neste cenário, você realmente não coletar nenhum dinheiro para o trabalho de SEO. Você está simplesmente dando o nome e o número do freelancer ou empresa que você recomenda. É como dizer corretores de imóveis e empresas de títulos. Cada um deles tem sua própria especialidade, mas eles passam regularmente negócios um para o outro. Eles não tentam pisar um no outro. Em vez disso, eles constroem o negócio uns dos outros através de referências e isso se torna rentável. O terceiro, você poderia cobrar por SEO, digamos que você estudou SEO e você está pronto para comercializar esses serviços. Você pode adicionar isso à sua cotação. Você poderia cobrar um extra, digamos 95 por 95, 995 pela otimização do mecanismo de busca. Então, outra maneira de gerar renda e servir seus clientes. Mas há um grande problema e por que eu pessoalmente não cobro extra para SEO. Você pode pensar em algum problema com a criação de SEO em add-on opcional ou upgrade? Ele coloca qualquer um que declina na opção, geralmente para o orçamento em uma séria desvantagem, o site estará faltando. E eles virão até você vários meses depois se perguntando por que seu site não está classificando e para frente. Você poderia agrupar isso com a sua citação, eu amo esta opção. É o meu favorito. Falaremos mais sobre os seus preços, várias lições a partir de agora. Mas basicamente, eu gosto de incluir SEO e minha citação em pacote, não como um complemento opcional. Então, de 1 a 5 mil dólares, o que quer que você esteja cobrando, o cliente recebe um belo site funcional, um que é móvel e de busca amigável. E honestamente nesse ponto de preço, SEO deve ser opcional. Ele deve ser incorporado no núcleo do site que você desenvolve. E se você está procurando desenvolver qualquer tipo de relacionamento longo com o negócio, também é do seu interesse construir um site de alto desempenho. Adorávamos esses relacionamentos de longo prazo. Então não faça SEO pago add-on. Torná-lo padrão com o do seu site. Número cinco, podemos incluir isso em nosso plano de manutenção do site. Falaremos mais sobre manutenção nas próximas lições. Mas SEO é uma ideia para o seu serviço de cuidados do site. Mas como SEO é um conceito tão abrangente, você precisa descobrir o que é especificamente que você está oferecendo? Você está oferecendo uma auditoria mensal de SEO, uma trimestral sobre ele? Revisa gerenciamento, blogs, criação de conteúdo. Veja muitas das técnicas de SEO no local que você aplica quando você está construindo o site pela primeira vez. Então, depois disso, grande parte do SEO em curso ocorre fora do local e nas mãos do cliente. Blogging, postar, ganhar comentários, construir links e relacionamentos. Muito disso está fora do seu controle. Você pode ajudar, mas, em última análise, está sob o controle do cliente ou do cliente. Então, transmita com precisão o que está oferecendo. Se você informar aos clientes que você fornecerá SEO como parte de seu contrato de serviço mensal. E número 6, auditorias de SEO. Este é o lugar onde você analisa minuciosamente cada página para SEO vantagens e desvantagens e prepara um extenso relatório de suas descobertas. Quanto acha que isso valeria? Eu normalmente vou cobrar por 95 e girar as poucas horas sobre isso. Mas você terá que considerar essas são apenas suas descobertas ou suas descobertas mais suas correções? Se você está corrigindo problemas de SEO, quanto tempo quando você girar sobre isso. Diga, você tem que ser muito claro em definir suas expectativas para esta auditoria. E para ser claro, auditorias de SEO, não são para iniciantes. Eles exigiam o conhecimento e a experiência. É como um inspetor residencial. Você pagaria por uma inspeção de alguém que nunca havia inspecionado uma casa antes? Não. Da mesma forma, seu especialista em SEO precisa ser educado e conhecedor nesse campo. Então, o que aprendemos? Existem várias maneiras de comercializar serviços de SEO para seus clientes. Você pode passar SEO, não oferecê-lo em tudo. Você poderia passar o trabalho para um especialista. Você pode cobrar extra por SEO, que iria agrupá-lo com sua cotação. Você pode incluí-lo com seu plano de manutenção do site e você pode vender auditoria SEO. E qual é o dever de casa? Eu quero que você briinstorm as maneiras que você é confortável marketing de serviços de SEO para seus clientes. Uau, isso foi muito. E apenas algumas horas você aprendeu muito sobre otimização de mecanismos de busca. E este é um tópico tão excitante. Espero ter sido capaz de desmistificar para você. Este é um assunto complicado, mas realmente se resume a apenas um punhado de fatores. Espero que tenha visto isso. E agora, armado com esse conhecimento, você pode começar a ter experiência em primeira mão à medida que melhora os rankings dos mecanismos de busca do seu cliente. Tão animado para ver o que você é capaz de realizar. Eu sou Leighton e agora você sabe, otimização de motores de busca. 32. PARTE 5: planos de manutenção de sites: Bem-vindo, sou Leighton, seu webmaster. Nesta série de lições, Vamos falar sobre uma das partes mais emocionantes sobre ser um designer de site, o plano de manutenção do site. Estes são incríveis. Eles são basicamente como seguro para o seu site. Quero dizer, você segura algo valioso, como o caso do seu carro, qualquer coisa dá errado. Um site também é valioso e precisa ser protegido. E como o seu carro, sites precisam de manutenção. Ele pode não ser executado em óleo, mas eles são executados em software que precisa ser atualizado. E é aí que você, o webmaster entra. Claramente, eu amo planos de manutenção de sites, mas por que eu sou tão apaixonado por eles? Bem, vamos voltar ao primeiro vídeo deste curso, a introdução. Lembra-se do que perguntei? Você está interessado em liberdade financeira? Liberdade para escolher suas próprias horas, liberdade para viajar, trabalhar de qualquer lugar do mundo. Sim, ser um web designer habilita esses objetivos. Mas, mais especificamente, o que há sobre o negócio de web design que suporta esses objetivos? É uma receita recorrente, um fluxo constante de receita que você pode confiar a cada mês. Caso contrário, você vai se encontrar em banquete ou fome. Já ouviu falar desse termo? O que o banquete ou a fome significa para você? Para mim, isso significa que se eu não tivesse receita dos meus planos de manutenção do site, eu não saberia quanto dinheiro você tem vindo a cada mês. Pense nisso em termos de salário. Quando você está no salário, você sabe muito bem quanto dinheiro você está coletando a cada mês. Por outro lado, quando você é um web designer freelance trabalhando para si mesmo, você poderia ter 10 projetos acontecendo em festa ou 0. Bandmann. O que você faz nos meses da fome? Se você tem um plano de manutenção do site, você apenas se concentrar em agradar seus clientes atuais. Esses clientes já concordaram em pagar 50, 75, 100, 150 dólares por mês, o que você concordou. Então você sabe, você terá uma renda estável e confiável a cada mês. Mas e se um cliente cair fora? Talvez fechem o negócio, talvez se aposentem, todos te cultivam, diminuem o tamanho, seja qual for o motivo. Como é que isso te afecta? Ao diversificar seu fluxo de renda em vários clientes, você ainda tem esses outros clientes pagando você a cada mês para ser o webmaster. Na verdade, o máximo que já perdi. 33. Serviços de manutenção: hospedagem: Bem-vindo, sou Leighton, seu webmaster. Na lição de hoje, vamos discutir uma característica importante do seu site significa em seu plano, a hospedagem, e especificamente domínios, servidores de hospedagem e e-mails. Então há duas filosofias sobre um plano de manutenção do site. Hospedagem separada da manutenção e hospedagem empacotada com manutenção. Acho muito mais valioso e eficiente agrupar esses dois juntos. Por quê? Bem, vamos passar por três cenários diferentes. Um, agora você pode ter hospedagem oferta em tudo e exigir que eles configurar seu próprio servidor de hospedagem. Agora, você pode pensar em quaisquer possíveis problemas em pedir um não-técnico para configurar seu próprio servidor. Isso não funciona quando essas pessoas, eles simplesmente não são proficientes em servidores e tudo bem. Você provavelmente não entende o que seus clientes fazem tanto quanto eles. Cada um de vocês tem suas próprias forças e fraquezas. E para não-web designers, hospedagem de servidores não é uma força e tudo bem. No segundo cenário, você pode incluir hospedagem, mas configurar a conta em seu nome. Agora eu me afasto disso pela mesma razão. A maioria dos meus clientes não querem brincar com a hospedagem. Eles preferem estar em mãos mais capazes, o que leva ao número 3. Alugue seus próprios servidores e ofereça hospedagem como parte de seu plano de manutenção do site. Isso é o que eu recomendo, pois é do melhor interesse de você como um negócio e seus clientes. Você se lembra da empresa que eu alugo servidores de Ioannidis? Isso é certo. Desde 2006, eu tenho alugado exclusivamente de ionise. Embora seu íon seja uma conta, você pode gerenciar nomes de domínio , endereços de e-mail e sites em um portal conveniente. Vamos passar por cada um desses serviços individuais. Como nós fazemos. Vou ver como você as oferece aos seus clientes. Domínios. Você basicamente tem três cenários aqui. Primeiro, se o cliente, se o cliente quiser manter seus domínios sob seu teto, isso é divertido. A maioria dos meus clientes hoje em dia tem a sua própria conta GoDaddy. E eu realmente prefiro que, nesse caso, eles paguem os $15 ou mais por ano diretamente para o registrador de domínio. E onde você entra? Você ainda gerencia o domínio ainda o aponta para o servidor. Você lida com os detalhes técnicos. Você só faz tudo através de login de domínio desafio. Segundo cenário, se eles já tiverem um nome de domínio, mas quiserem transferi-lo para você. Ótima. Você pediu a autorização do código de autenticação e transferi-lo para a sua conta ionizada. Eles se sentirão seguros sabendo que seu nome de domínio está nas mãos capazes de um webmaster. Ser-lhe-á cobrado o custo de renovação de 15 USD por ano. E você pode faturar essa fatura ao seu cliente por isso ou incluir na sua fatura mensal. No terceiro cenário, eles não têm um nome de domínio. Talvez sejam uma startup. Você pode registrá-lo diretamente em sua conta de testemunha ocular, faturar seu cliente anualmente ou agrupá-lo com sua fatura mensal. De qualquer forma, opção 12 ou três, você ainda precisa adicioná-la à sua conta de testemunha ocular para que possa hospedá-la e gerenciá-la. Vamos olhar para isso. Então estamos começando em nossa conta ionizada e eu quero mostrar a vocês a seção de domínios de Ioannidis. Mas antes de fazermos isso, deixa-me mostrar-te uma conta do GoDaddy. Este é o meu cliente em Austin, Texas, na América, e eles têm seus próprios nomes de domínio em sua própria conta GoDaddy, o que, para ser claro, está perfeitamente bem. Na verdade, é preferível que eles tenham seu domínio em sua própria conta em seu próprio teto. Deixe-me mostrar-lhe como podemos acessar isso e apontá-lo para o nosso servidor para hospedagem. Então primeiro fazemos login no cliente. Você pode fazer isso solicitando seu nome de usuário e sua senha. E agora vamos para o domínio e queremos clicar em Gerenciar DNS. Aqui em baixo. Gerenciar DNS. E queremos apontar os servidores de nomes para a nossa testemunha ocular. Então, em DNS e servidores de nomes, precisamos usar servidores de nomes personalizados, o que já foi feito, mas usarei meus próprios servidores de nomes aqui. E então você copia e cola os que 1 e 1 fornecem quando você configura um nome de domínio externo, que veremos aqui em um segundo. Então isto é apenas uma cópia e colar da nossa conta ionizada. O que isso faz é dizer todo o tráfego, todos os e-mails, tudo para fluir de GoDaddy para Ioannidis, que no nosso caso, será direcionado para a conta de íons que possuímos. Então, agora que olhamos para isso, deixe-me puxar nossa conta ionizada e eu vou para domínios e SSL aqui. Então o cliente tem o nome de domínio registrado na conta GoDaddy. E agora no nosso erro de IO, adicionei isso à minha conta. Então, como adicionamos um nome de domínio externo, um que não esteja registrado em nossa conta ionizada. Não está registrado em nosso nome. Ainda está no nome do cliente. Fazemos essa configuração de domínio externo. É o que procuramos. Você pode fazer isso em qualquer servidor de hospedagem, em qualquer conta de hospedagem. Então configure o nome de domínio externo. Lá, você digitaria seu nome de domínio. No meu caso, já acrescentei isso. Deixe-me tirar, torná-lo o nome de domínio incorreto. Talvez isto esteja disponível. Eu não vou me importar. Deixe-me tentar isto. Ok. Eu vou apenas aloha encanamento. Ok. Então você adicionaria o nome de domínio e, em seguida, selecionaria qual contrato você deseja adicioná-lo e siga as etapas. E eles lhe darão um servidor de nomes que você pode copiar e colar. Vamos voltar para a nossa conta ionizada, vamos voltar para o nome de domínio. E agora deixe-me puxar o domínio externo. O verde significa que ele foi protegido com um certificado SSL. Este é o nome de domínio, e em vez de ser registrado, eu possuo isso. Este é um nome de domínio externo, o que significa que nunca somos cobrados por este nome de domínio. Os $15 por ano são cobrados ao cliente através do GoDaddy. Então acaba sendo um pouco mais barato para você. Certo, clicamos no nome do domínio, e aqui está a informação que vemos. O status está ativo. É um nome de domínio externo, que é o oposto de ser registrado no meu próprio é onde você teria que pagar a taxa de inscrição. O destino é o espaço web, então ele está conectado a esta pasta em nosso servidor de hospedagem. Podemos gerenciar e criar endereços de e-mail para eles. O certificado SSL foi instalado, protegido com SSL. Esse é o número do contrato. Você pode redefini-lo e removê-lo da conta. O que mais podemos fazer pelo nome de domínio dos nossos clientes? Sob subdomínios? Você pode adicionar um subdomínio clicando em Adicionar servidor de nome de domínio. Isso mostra os servidores de nomes que estão sendo usados e é isso que copiamos e colamos na área DNS do GoDaddy na conta do nosso cliente. E então DNS é onde você pode editar os registros DNS. Então, neste caso, o registro MX diz que os e-mails vão para a nossa conta ionizada. E estes registros dizem que é hospedado no Jonas e, em seguida, esta é uma verificação do Google Search Console. Então você terá dois tipos diferentes de nomes de domínio. Embora seu relato de testemunha ocular, você terá outros externos como o que acabamos de ver, o que é muito comum. É aí que o cliente tem seu nome de domínio em sua própria empresa de registro de domínios. E estão apontando para você para hospedagem. Ou você pode registrar a conta através de Ioannidis. Então, registre-se, compre o nome de domínio. E você vai pagar os 15 dólares por ano. Você será cobrado pelo Jonas e você pode passar essa cobrança para o seu cliente. Ou a outra opção seria transferência. Assim, a segunda opção foi ordenada domínio. O terceiro é transferir domínio para ionizar. Então isso é transferir completamente o registro de domínio de onde estava antes para Ioannidis. Então seria fora de recusado a contar para o seu. Então você seleciona qual você deseja entrar e, em seguida, digite o nome de domínio. E o que faríamos a seguir? Deixe-me tentar isto para este cliente. Vamos ver o que ele pede. Verificação de transferência. Então, obviamente, foi registrado. Como transferimos? Mudar para o seu nome de domínio agora? Clique em Transferir. disciplina de ajuda pode não ser transferida. Isso porque nós adicionamos, adicionamos como um nome de domínio externo em nossa conta. Vamos ver que passos ele pede. Prepare seu domínio para o código de autorização de solicitação de movimentação do seu provedor atual. O que é isso? Isso seria isso. Então, se quisermos transferi-lo, seria puxar para cima o nosso nome de domínio e, em seguida, clicar em Transferir longe de GoDaddy. Nós fazemos isso. Temos que confirmar todas essas coisas diferentes e receberemos um código de autorização. Então, passo dois, temos um código. Pegamos esse código e colocamos no Jonas, transferimos o domínio, inserimos o nome de domínio que você gostaria de transferir para um cheque de domínio ou superior, depois para o seu código de autorização e ele será transferido para sua conta de testemunha ocular. Eles enviarão um e-mail para o contato de administrador na conta de domínio. E esse e-mail conterá um link onde eles podem aceitar ou rejeitar o pedido de transferência. Então precisamos de um código de autorização e também precisamos ter certeza de que o endereço de e-mail no arquivo está correto para que possamos acessar esse e-mail e aceitar a transferência. Mas, em última análise, se o mantemos em ionise ou se o mantemos na conta GoDaddy do cliente ou não, ainda vamos precisar adicioná-lo ao nosso ionizado se esperamos hospedar o site, seja ordenando diretamente, transferindo-o um existente de outro provedor para ionizar ou configurar um domínio externo, mantendo o domínio na conta do cliente. Então essas são nossas três opções, e esses são os serviços que você fornece de forma contínua. Você cuida de seus clientes, nomes de domínio que estão em sua conta de testemunha ocular. Estão em suas mãos. Você tem lá GoDaddy login, você tem a experiência para entender DNS, autorizações, transferências, contextos de domínio. Tudo isso está sob sua especialidade. Você pode fornecer suporte e gerenciamento para essas coisas. Então, recapitulando, quais serviços de manutenção você está fornecendo para o nome de domínio de uma empresa? Você lida com registro, gerenciamento, transferência, renovações, informações de contato, segurança, DNS e muito mais, todos os serviços valiosos para dar tranquilidade ao proprietário da empresa, sabendo que seu precioso nome de domínio está em boas mãos. Agora, hospedagem, é aqui que você coloca o site do seu cliente. Seu íon está hospedando servidor. Novamente, há normalmente três cenários diferentes aqui. Primeiro, o cliente já tem sua própria conta de hospedagem e quer mantê-la assim. Talvez eles já tenham, você tem hospedagem decente ou eles são apenas pagos com seu servidor existente. Seja qual for o motivo, tudo bem. Tudo o que você precisa é o login em sua conta de hospedagem. Construir e manter o site em seu servidor de hospedagem. Deixe sempre a porta aberta para hospedar-se com você, se quiserem. Agora, para ser claro, isso não é o ideal. Por quê? Bem, eles podem ter um servidor de alta qualidade assassino ou não. Mais do que não, eles terão uma conta de hospedagem compartilhada de cinco dólares do GoDaddy que eles pagaram por três anos ou dez anos ou o que seja. E em hospedagem de qualidade inferior só causar problemas a longo prazo. Então seja gentil e respeitoso sobre isso. Mas você realmente quer incentivá-los a hospedar-se com você. Se você ver que eles estão hospedando conta é básico. Haverá uma venda difícil. Não os faça sentir-se mal, mas seja sempre educativo sobre os benefícios. Em segundo lugar, se eles decidirem transferir para o servidor e a maioria dos clientes o fizer, você precisará migrá-lo para sua conta de testemunha ocular. Como você faz isso? Bem, o que você acha que está envolvido em uma migração de site? O banco de dados, os arquivos. Você também deve anotar as configurações de domínio e as contas de email. Será que eles esperavam através de e-mails em outro lugar ou eles têm contas de e-mail criadas dentro de seu servidor? Conhece todas essas coisas. Porque aqui está um ponto-chave. Você deseja que o processo de migração seja o mais perfeito possível. Tempo mínimo de inatividade, sem perda de dados. Este será o primeiro passo para criar confiança com seu cliente. Então, como fazemos uma migração de servidor? E deixem-me mostrar-vos um exemplo. Agora, certo? Então eu quero mostrar a vocês uma interface de uma empresa de hospedagem que é diferente de GoDaddy e diferente de Ioannidis, o local. Eles têm servidores maravilhosos disponíveis. E de vez em quando você vai se deparar com um cliente que já tem um site hospedado em uma empresa como SiteGround. Então, o que fazemos nesse ponto? Eles já têm um site ativo existente em outra plataforma de hospedagem, e eles lhe deram permissão e concordaram em transferi-lo para o seu servidor de hospedagem no IE Jonas como parte do seu plano de manutenção do site. Então, como fizemos isso? Vamos olhar. Então estamos na conta SiteGround do cliente. Esta é uma empresa de pavimentação na Nova Zelândia e vamos abrir sites. Aqui vamos nós. Prestige pavimentação dot, co, dot n, z e z para a Nova Zelândia, que foi um desafio porque eu honestamente não permite em z dot coda em nomes de domínio Z. Então, neste caso, tivemos que abrir uma conta na Ásia com pontos siteground. Mas seja o que for, foi um novo desafio que tivemos que superar. Então nós abrimos isso e vamos clicar em Ferramentas do site aqui. E nosso objetivo é descobrir como podemos salvar um backup do site e soltá-lo em nossa conta íon. Então, o que vemos aqui? Vemos gerenciador de aplicativos, que podemos ignorar. Vemos contas de e-mail que listariam todas as contas de e-mail diferentes no servidor. Esses seriam e-mails IMAP hospedados. Aqui está o gerenciador de arquivos, que é importante e Cloudflare, CDN. Então vamos abrir o Gerenciador de Arquivos. Estamos à procura de duas coisas diferentes aqui. Queremos os arquivos e o banco de dados. Então Gerenciador de arquivos. E puxe para cima. Vamos clicar em HTML público, que é a seção ao vivo do site. E lá vamos nós. Então estes são os arquivos WordPress para este site. Perfeito. Parece que os arquivos estão disponíveis e podemos baixá-los. Então, qual é a maneira mais fácil de baixá-los? Bem, vamos fazer isso. Vamos passar para Contas FTP e, em seguida, criar uma conta FTP ou apenas usar esta. Portanto, já haverá uma conta FTP, uma padrão. Podemos copiar o nome de usuário e, em seguida, redefinir ou definir a senha aqui, alterar a senha. E vejamos as credenciais de FTP. Então este é o nome do host, nome de usuário e, claro, a senha é muito longa e gerada aleatoriamente e não mostrará isso, mas eu não salvei na minha última passagem. Então este seria o nome do host e o nome de usuário, e então você digitaria a senha. Mas ele em nosso cliente FTP confiável FileZilla assim. E podemos baixar um backup completo do site baixando todos esses arquivos no seu computador. É assim que se obtém os ficheiros. Agora, e o banco de dados? Vamos clicar ao redor da visão. Fizemos gerenciador de arquivos, fizemos FTP, poderíamos ignorar o gerenciador de aplicativos. Vejamos o MySQL. Mysql, você vai se lembrar é o banco de dados. E aqui parece que já temos um banco de dados. E nós temos alguns, nós temos um usuário para o banco de dados. E vamos clicar em PHP, meu administrador. Isso puxa para cima o back-end do banco de dados para que possamos acessar as tabelas e dados a partir dele. Nós clicamos no banco de dados principal aqui, e lá está o nosso banco de dados. Lindo. Ele totaliza 39 megabytes. E podemos clicar em Exportar na parte superior e clicar em Ir. E lá vamos nós. Temos uma exportação do banco de dados. E parece que o total depois de baixarmos todo o banco de dados, que é um arquivo SQL, é de cerca de 20 megabytes. Então, o que temos neste momento? Temos o arquivo de banco de dados aqui, um backup do banco de dados, e baixamos um backup dos arquivos com FileZilla, e é isso. Isso é tudo que você precisa para o site, para um site WordPress. Agora, vamos para Ioannidis e preparamos o servidor como fizemos várias vezes juntos neste curso, podemos preparar o servidor e criar o banco de dados, importar este arquivo, criar o espaço web e importar isso. Estamos prontos para ir. Então nós adicionamos os arquivos, adicionamos o banco de dados, banco de dados, e então descobrimos o que queremos fazer com um nome de domínio, ou mantê-lo externo ou transferi-lo. E, em seguida, aponte esse espaço web para a nova pasta que criamos aqui. E é isso. Como um plano de manutenção, seus serviços de hospedagem estariam escolhendo o cuidado do espaço web, adicionando os arquivos ao espaço web, cuidando da conta FTP e cuidando do precioso banco de dados. E todos esses são serviços valiosos que os não técnicos do seu cliente não vão querer ter a largura total. Isso é o que eles contratam U4. Eles contratam você para cuidar de seu site, que inclui crucialmente o servidor de hospedagem. Essa é a sua experiência, não a deles. E eles estão pagando você para cuidar disso para eles. Essa migração é uma coisa única. Você só vai fazer isso quando você movê-lo pela primeira vez para o seu servidor para cuidar de seu plano de manutenção do site. Mas daqui em diante, você terá todos os seus clientes, contas FTP, todos os bancos e gerenciará seu servidor de hospedagem. Certifique-se de que ele permanece vivo, certifique-se de que não há problemas e fique em cima da sua conta de íon. E mais uma consideração que certamente não queremos esquecer são as contas de e-mail, isso é uma adição à hospedagem. Então, se o cliente já tem contas de e-mail existentes em seu servidor de hospedagem, onde você deseja transferir isso para sua conta de testemunha ocular. Então vamos até os e-mails e verificar a situação. Vamos ver se eles já têm reencaminhadores ou contas de email no servidor. Tudo bem. Eles têm um reencaminhador. Ele teve contato em ser encaminhado agora. E, em contas, eles têm três contas do Gmail. Então, três caixas de correio separadas. Um é meio show, um é quase um gigabyte, e então um é 0, que significa que ou eles nunca recebem e-mails ou estão usando o Gmail ou o Outlook. E está pegando todos os e-mails do servidor antes e os exclui. De qualquer forma eles querem manter essas contas de e-mail ou o que nós supomos que eles fazem, virtude pediria e se eles querem mantê-la, então eles não querem perder em e-mails. Você gostaria de perder e e-mails? Claro que não. Então o que você tem que fazer é apoiar esses. Fazer backup envolve adicionar essas três contas de email para seu Outlook ou seu e-mail iOS ou qualquer coisa que você usa para acessar e-mails e, em seguida, exportá-los para um arquivo no seu computador e, em seguida importá-los em Ioannidis através do e-mail seção. Então você iria para o e-mail e, em seguida, abrir o servidor de hospedagem particular que você deseja acessar. Crie três caixas de correio que espelhariam o que você vê aqui. Então criaríamos essas três caixas de correio como contas básicas masculinas. E, em seguida, uma vez que esses são criados , adicione-os ao Outlook, arraste e solte os arquivos do servidor antigo para o ionizado, ou faça a funcionalidade de importação de exportação no cliente de email. O Outlook permite que você faça isso. Mac mail permite que você faça isso apenas indo para correio e exportação de caixa de correio. E você deve ser capaz de fazer isso na maioria dos principais clientes de correio. De qualquer forma, você tem que exportar e importar as contas de e-mail para seus clientes quando você está transferindo contas de hospedagem, muito importante como um certamente não quer perder nenhum e-mail precioso. A terceira opção é quando seu cliente ainda não tem um servidor e não quer lidar com ele por conta própria. Isto é basicamente para novos sites, são startups. Quando você está assumindo um cliente e criando um site, você terá que preparar seu servidor como fizemos na lição de como construir um site. Obtenha seu espaço web, seu FTP, seu banco de dados pronto e instale o WordPress. Você sabe como fazer isso. Então, essas são as várias possibilidades de como e onde o site do seu cliente será hospedado. Mas e quanto a seguir em frente? Que serviço de hospedagem você fornece de forma contínua? Se eles hospedarem o site, você ainda poderá fornecer seus serviços de manutenção. Apenas armazenado de forma segura o login de hospedagem e seu gerenciador de senhas, como último passe. Caso contrário, você manterá sua conta de hospedagem, que na maior parte, é muito fácil. Os servidores gerenciados cuidam de todas as coisas técnicas. Você não precisa ter um servidor físico em seu escritório ou em sua casa. Você não precisa se preocupar com o sistema operacional ou com outros processos técnicos realmente avançados. Na verdade, gerenciar serviços de hospedagem são bastante convenientes por esse motivo. Então, se tudo correr bem, a conta de hospedagem continua funcionando dia a dia e manter seu site vivo. Hospedagem é um serviço valioso, mas a beleza é quando ele funciona como uma máquina bem oleada, você pode hospedar centenas de sites. E se você está hospedando servidores são confiáveis, você raramente tem que fazer alguma coisa. E em cerca de 10 ou 20 sites estão hospedando servidor, você está hospedando máquina pode gerar um lucro bonito. Quanto lucro? Bem, se um servidor custa $50 por mês e você o preenche com 20 sites a 50 dólares por mês, isso é uma receita de US $1000 por mês, $50 por mês, o que representa $950 para aquele servidor. Soa bem, certo? Sim. Então, recapitulando, quais serviços de manutenção você está fornecendo para hospedar um site? Você pode configurar e gerenciar o próprio servidor, que a maioria das pessoas não saberia como configurar por conta própria e monitorá-lo em andamento para quaisquer problemas que possam surgir. E e-mails. Agora há dois cenários diferentes aqui. Primeiro, eles hospedarão 30 mils em outro lugar, como o G Suite do Google ou o Microsoft 365. Você pode ajudar com isso. Você pode configurar sua conta, revisar. Ele fornece suporte e garantir que a conexão DNS de domínios está conectada à sua conta de email. Se eles escolherem essa opção, você configurará o domínio e solicitará a cobrança em seu nome. Eles pagarão US$5 por caixa de correio por mês. Você sempre pode construí-los diretamente acima de carga. Mas eu me afasto dessa opção de hospedar os e-mails diretamente no seu servidor. Você pode configurar e fornecer suporte para e-mails baseados em IMAP. Deixe-me mostrar-lhe estas duas opções. Portanto, a parte de e-mail do nosso plano de manutenção do site é muito importante, pois as empresas dependem de seus e-mails. Então aqui estamos nós no servidor de hospedagem ionizada sob a seção de e-mail. E como você pode ver, eu tenho muitas caixas de e-mail de clientes e encaminhamentos adicionados apenas a este servidor de hospedagem em particular. E neste ponto eu tenho vários servidores de hospedagem na minha conta. Então, qual é o benefício do plano de manutenção do site? Inclui hospedagem de e-mail. Como você sabe, podemos fazer isso clicando em Criar endereço de e-mail e criando quantas caixas de e-mail quiserem. Posso criar encaminhamentos, podemos criar caixas de correio e fornecer suporte ensinando-lhes como adicioná-lo ao seu cliente de e-mail. Deixe-me ver, mostrar-lhe um exemplo disso. Configurando um cliente de e-mail. Então, através de ionizado, você vai se familiarizar com o processo de como fazer isso. Na verdade, você terá estes memorizado as informações do servidor de e-mail depois de ter adicionado algumas vezes, É basicamente apenas IMAP dot ionised.com como a porta do servidor de entrada 993 com segurança SSL, saída é ponto smtp ionised.com com a porta 587 para o servidor de saída. E como você adicioná-lo ao seu programa de e-mail específico? Bem, vamos dar uma olhada no Outlook. Isto leva-te a um artigo de ajuda ionizada, os meus e-mails. E vamos adicioná-lo à sua perspectiva. Dizendo sobre o Outlook 2019. Configurar manualmente a conta. E aqui vamos nós. Este é um artigo de suporte passo a passo sobre como adicionar uma conta de email. Você possui essas contas de email para seu Microsoft Outlook. Eles têm um desses para cada versão do Outlook, e eles têm um para cada cliente de email principal, além de apenas um guia de configuração geral que funcionaria em qualquer cliente de email. Portanto, seu serviço que você está fornecendo está hospedando esses e-mails, bem como fornecendo suporte. Assim, as pessoas precisarão de ajuda para adicioná-lo ao seu cliente de e-mail. Eles precisarão ajudar a redefinir a senha, adicionar caixas de correio, excluir caixas de correio, e você pode fazer tudo isso por meio de sua conta de testemunha ocular. Então, qual é a outra opção? E vamos puxar para cima um cliente que não tem seus e-mails anexados à minha conta de edição I honesto. Seus e-mails são hospedados no Microsoft 365. Então, este é o traço image.com mais brilhante, uma empresa de limpeza comercial na Flórida, EUA. Portanto, seus e-mails ou no Microsoft 365 e meu serviço que eu forneço estão ajudando com seu Microsoft 365 se eles precisarem de ajuda, eu tenho o login para isso e certificar-me que seu e-mail permaneça conectado através das configurações de DNS. Então, clicamos em DNS. E, novamente, isso é o que você faria para um G Suite ou um Microsoft 365 quando eles fornecem essa linha de código para adicionar ao registro MX, é aqui que você o adicionaria. Clique em Adicionar registro e, em seguida, copie e cole o código que a Microsoft fornece. E eles fornecerão instruções passo a passo sobre como fazer isso. Mas este é um exemplo ao vivo. Mx recorde aponta para isso muito simples. Muitas pessoas, hosts ou e-mails com a Microsoft e com o Google. E essa é uma maneira maravilhosa de hospedar seus e-mails de classe executiva com segurança. Portanto, quer você mesmo os hospede ou esteja apenas se conectando à conta externa deles. Seu serviço como parte do plano de manutenção do site está gerenciando seus e-mails. Você pode redefinir senhas, você pode adicioná-las à sua conta de hospedagem. Você pode configurar sua conexão com a conta externa, como o G Suite ou o Microsoft 365. De qualquer forma, você está ajudando-os com seus e-mails, fornecendo suporte e gerenciamento e possivelmente hospedagem através de Ioannidis. Então essas são as diferentes maneiras que os e-mails podem tecnicamente ser hospedados. De qualquer forma, ficaria surpreso que os clientes precisem de ajuda com seus e-mails? Essa é uma das tarefas de TI mais comuns. Redefinir senhas, criar novas contas de e-mail, enviar e-mails em seu novo telefone, configurar suas perspectivas. entanto, através do seu plano de manutenção, os clientes podem receber suporte nas contas de e-mail que você configurou. Então, quais são suas opções para fornecer serviços de hospedagem para seus clientes quando você atualizou seu negócio para uma plataforma gerenciada de hospedagem em nuvem, como maneiras de nuvem. Agora, felizmente, os princípios de negócios que discutimos nesta lição, geralmente aplicaremos a qualquer plataforma de hospedagem que você escolher. As únicas diferenças que você pode cobrar seus serviços um pouco para o privilégio de hospedagem em seu servidor de nuvem de alto desempenho, você pode reservar seus melhores serviços para seus clientes pagantes mais elevados e seus menor em servidores para clientes de manutenção de nível inferior. E, em última análise, como você cobra seus clientes depende de você. Mas nós colocamos várias idéias estão prontas nesta lição. Então nós andou através I Jonas faria sua economia e servidores dedicados. Agora, vejamos uma solução gerenciada de hospedagem em nuvem, como maneiras de nuvem. Vamos detalhar as três facetas de seus serviços de hospedagem na web, seu domínio, sua hospedagem na web e e-mails, e ver como isso funciona nas maneiras da nuvem. Então, vamos percorrer cada um desses serviços, domínio, e-mails e hospedagem, e ver como podemos fornecê-los aos nossos clientes usando nossa conta de hospedagem em nuvem gerenciada maneiras de nuvem. Então, primeiro vamos olhar para os domínios. Agora, as formas de nuvem não oferecem registro de domínio. Isso significa que você deve ter o domínio do seu cliente em seu próprio registro, como por exemplo, domínios do Google ou Godaddy.com, ou um registro de domínio semelhante. E então, ou que eles criem seu próprio registro, sua conta em seu próprio nome. De qualquer forma, quer o domínio do seu cliente esteja em sua conta ou em sua conta, tudo o que você precisa fazer é apontar o DNS de domínios para sua conta de maneiras de nuvem. Nesse caso, vejamos um exemplo com um de nossos aplicativos e nossa conta de maneiras de nuvem. Então o endereço IP, esta é a credencial principal aqui. O endereço IP público deste servidor em particular que estamos olhando como um exemplo, está bem aqui. E, a fim de conectar um nome de domínio que foi registrado, registrado em outro lugar, a fim de conectá-lo a esta conta de maneiras nuvem. Como exemplo, copiaríamos esse endereço IP e entraríamos em nosso registro de domínio, como GoDaddy, domínios do Google neste caso. Estamos olhando para cloudflare.com. Entramos aqui e editamos o registro a encaminhar o nome de domínio primário. Em algumas empresas de registro de domínios, pode haver um símbolo at e colamos o endereço IP que estamos usando. Podemos fazer o mesmo para www para que ele funcione quando você adicionar www antes do nome de domínio. E essa é a única coisa que você tem que fazer para conectar sua conta ao Cowboys iria lá dentro. Criamos essa conexão de endereço IP e, em seguida, clicamos em um gerenciamento de domínio à esquerda aqui, uma vez que estamos em nosso aplicativo e digitamos nosso nome de domínio, clique em Salvar alterações, e pronto. Então é assim que fornecemos Serviços de Domínio. As maneiras de nuvem não fazem isso interno, mas podemos facilmente fazer isso com nossa própria conta de registro de domínio ou com seu cliente configurando sua própria conta. De qualquer forma, você está apenas a um endereço IP, registro DNS de distância de conectá-lo às maneiras da nuvem. Então, o segundo serviço Vamos olhar é hospedagem de e-mail. Assim, a nuvem maneiras também não oferece hospedagem de e-mail pronta para uso. E pense em maneiras de nuvem como hospedagem estritamente na web. No entanto, eles se integram a uma empresa chamada Rackspace para hospedagem base IMAP. E, claro, além disso, você sempre pode usar um espaço de trabalho do Google, Microsoft 365, serviços Zoho como esse para hospedagem de e-mail. Portanto, se você usar o Google ou a Microsoft, você não conectará esses serviços à sua conta do Cloud ways. Você entraria em seu registrador de domínio e se conectaria diretamente. Neste caso, este cliente está conectado ao Google, google workspace. Você deve conectá-lo diretamente do registrador de domínio para o Google, a Microsoft ou onde quer que seus e-mails estejam hospedados. Então, isso não se conectaria de forma alguma às maneiras da nuvem. Agora, se vamos usar a Rackspace em maneiras de nuvem, vamos ver como isso funciona. Entramos em nossa nuvem foi conta e clicamos em Complementos. E isso nos leva a esta página onde vemos nosso e-mail elástico, que é para entrega de e-mails transacionais e serviço de gerenciamento para receber e-mails entregues. E o e-mail da Rackspace, que é hospedagem de e-mails. Esta é uma maneira realmente acessível de adicionar e-mails baseados em IMAP à sua conta na moeda dos EUA, que é apenas US $1 por mês por caixa de e-mail. Então, tudo o que temos a fazer é clicar em Adicionar caixa de correio aqui. Podemos criar uma caixa de correio e alias ou encaminhar, basta digitar o endereço de e-mail que queremos criar, a senha. E é isso. Depois de criarmos nossa caixa de correio e começarmos a ser cobrados por esse novo valor. Podemos clicar em Ajuda aqui e ele nos mostrará como podemos integrar as formas de inclusão da Rackspace na nuvem. Ele menciona que precisamos apontar corretamente o registro MX DNS. Para ver um exemplo disso, vamos para outra conta aqui conectada à Rackspace. E isso traz o registro MX para a Rackspace aqui, ele X1 dot e-mail server.com e MX dois. Esses são os únicos dois registros MX necessários para se conectar à Rackspace. E há mais algumas que você pode adicionar, um demarc e DKIM e SPF registros, mas isso é tudo descrito aqui no artigo sobre as formas de nuvem, como usar a Rackspace, adicionar e-mails. Então, com a Rackspace, as caixas de correio apenas US$1 por milhão por mês. Então você tem algumas opções. Como uma decisão de negócios, você pode passar esse valor de US$1 por caixa de correio por mês para seu cliente ou pode cobrar isso, digamos, talvez US$5 por caixa de correio por mês. Isso estaria em consonância com o que o Google e a Microsoft estão cobrando. Ou você pode simplesmente incluir isso em sua taxa mensal de hospedagem e manutenção e vendê-lo como um benefício gratuito para sua hospedagem e manutenção. Então, essas são suas opções para e-mails com as formas de nuvem. Novamente, eles fazem parceria com a Rackspace e você pode facilmente configurar uma caixa de correio lá, suas maneiras de nuvem com a Rackspace. Então, o terceiro serviço de hospedagem, você pode fornecer o que Cloud maneiras? Este é o caminho principal. Você usará o modo Cloud como parte de seus serviços de hospedagem mensal. E esta é a hospedagem padrão. Agora, se você estiver hospedando um site com maneiras de nuvem, tudo que você precisa fazer como mencionamos, é apontar o registro principal para o servidor de maneiras da nuvem. Nesse caso, esse é o endereço IP que discutimos aqui. Você pode perceber que quando você adiciona seu aplicativo à sua conta Cloud ways, acessamos os detalhes e isso está aqui no IP público deles. Tudo o que temos que fazer é copiar isso, colá-lo em nosso registrador de domínio. Em seguida, vamos para o gerenciamento de domínio e adicionamos o nome de domínio primário que queremos adicionar para este aplicativo específico, colocamos em nosso nome de domínio, clique em Salvar alterações. E desde que esse registro DNS esteja instalado, ele estará pronto para uso. Finalmente, se queremos instalar um certificado SSL, isso é muito fácil de fazer. Eles fizeram parceria com Let's Encrypt para fornecer certificados SSL gratuitos com renovação automática ativada. Tudo o que precisamos fazer é digitar nosso nome de domínio, e então vamos adicionar um nome C simples, registro DNS, desafio Acme, e ele aponta para o nosso site de testes. Então copiamos isso. Entramos em nosso registro de domínio. Neste caso, ainda estamos olhando para o Cloudflare como um exemplo, mas você pode fazer isso em qualquer registro de domínio. E vamos para o nome C. Adicionamos um registro CNAME e copiamos e colamos o que nossa conta de maneiras Cloud nos forneceu. Simples o suficiente. Então é assim que você conecta com sucesso um site ao seu servidor de nuvem. Agora, uma vez que você tenha os sites do seu cliente em seu cliente-servidor de alto desempenho, você pode começar a criá-los para seus serviços de hospedagem. E, novamente, posso sugerir que você cobre um pouco mais, já que modo Cloud é uma solução de hospedagem de ponta superior. Mas a próxima pergunta, se você estiver enfrentando um cliente com um site existente e precisar migrá-lo para o servidor baseado na nuvem como está? Portanto, você não está criando um novo site, tem um site existente e você só quer transferi-lo ou migrá-lo para sua conta do Cloud ways. Bem, vamos ver um exemplo de como isso é fácil de fazer nas maneiras da Nuvem. Vou mostrar-lhe uma migração ao vivo de um dos meus clientes. Preciso migrar da minha conta do Jonas para as formas Cloud. Então vamos fazer login na área de administração do site estavam querendo migrar. Neste caso, o que queremos migrar é um salão de beleza. E queremos movê-lo para a nossa conta de maneiras de nuvem. Então, fazemos login e vamos para Plugins e clique em Adicionar novo. E estamos ansiosos para as maneiras de migrar ou plug-in na nuvem. Tenho um processo de migração muito fácil. Tudo o que temos que fazer é instalar este plugin, ativá-lo. E então copiaremos e colaremos algumas configurações de nossa conta de maneiras Cloud. Começaremos digitando o endereço de e-mail da nossa conta Cloud ways e clique no botão Migrar. E ele vai nos pedir algumas configurações de nossa conta de maneiras de nuvem. Antes de podermos copiar e colar aqueles, precisamos ir para a nossa Nuvem foi conta e configurar o novo aplicativo. Então, clique em Aplicativos e, em seguida, adicionar aplicativo e, em seguida, selecione um servidor para o qual deseja migrar e clique em Adicionar aplicativo. Estamos escolhendo o WordPress. E o nome do nosso aplicativo, que é o nome do site. E clique em Adicionar aplicativo. Tão super fácil de fazer em maneiras de nuvem e leva apenas alguns minutos. Então, estamos adicionando o aplicativo e em dois minutos, ele estará disponível. Agora, uma vez disponível, teremos o nome para o URL do site de destino. Esse é o URL do modo Cloud para esse aplicativo específico. Teremos o endereço IP do servidor, que é o que tínhamos olhado anteriormente. O nome do banco de dados criado para esse aplicativo e o FTP seguro para esse aplicativo específico. E, em seguida, clique em Migrar. Então, vamos voltar à nossa conta de maneiras de nuvem. E o aplicativo ainda está sendo instalado. E agora nossa aplicação está pronta para ir. Então, clicamos em nosso aplicativo e vamos recuperar o endereço IP. Vamos copiar e colar que sob o endereço do servidor barra host, irá copiar e colar nossa URL, que é WordPress e alguns números, DotCloud maneiras apps.com, ou colando que aqui na URL do site de destino. Agora estamos procurando o nome do banco de dados, que está bem aqui. E então o nome de usuário e senha SFTP. Então vamos criar um aqui, certo? E depois vamos em frente e colamos isso aqui. E então ele vai perguntar se temos autenticação HTTP habilitada, o que não temos neste site ao vivo. Queremos verificar os diretórios raiz para migrar e marcar esta caixa. E então a senha do site está protegida? Não, não é. Este é um site ativo e não há proteção por senha. Então, clicamos no botão verde Migrar. Vai validar a informação que introduzimos. Esperemos que não haverá erros se copiarmos e colarmos corretamente. O FDP foi criado com êxito. E vejamos o processo de migração. Seu site está sendo migrado para maneiras de nuvem. Então ele está indo deste nome de domínio ao vivo para este site de teste, este URL temporário. E o que está sendo migrado. Estamos olhando para os arquivos que estão sendo migrados, o banco de dados sendo migrado. E então vemos o processo geral de migração. Estamos olhando para cerca de cinco a dez minutos. Normalmente, este é um processo muito rápido. Todas as coisas consideradas e as maneiras de nuvem tornam isso extremamente fácil de fazer. Então, vamos esperar apenas um momento para que esta migração seja concluída. E parece que a migração está terminando aqui. Então, em apenas alguns instantes, migração estará completa. E podemos concluir a migração do nosso lado indo para o registro de domínio, adicionando o nome de domínio e adicionando o registro DNS apropriado. Então, idealmente, este site será movido como é do servidor anterior, onde quer que fosse, para sua conta Cloud ways. O benefício que você deve ver é que as maneiras de nuvem é provavelmente uma infraestrutura de hospedagem superior, o site deve ver um aumento de desempenho. E ela apenas no geral operar muito mais rápido, uma vez 34. Serviços de manutenção: gestão: Bem-vindo. Sou Leighton, seu webmaster. Na lição de hoje, vamos discutir o principal recurso do plano de manutenção do seu site. Para a manutenção, a gestão de um site. Como você gerencia os sites do seu cliente? Além de hospedagem, esta é a carne de seus serviços. Pode paisagista que mantém um longo arrumado, um gerente de propriedade que mantém uma casa em boa forma. Um webmaster garante que um site está em sua melhor forma e ao vivo e funcional. Vamos considerar sete facetas da gestão. Atualizações de software, monitoramento de tempo de atividade, detecção de alterações, análise, rastreamento, Search Console, listagens locais e suporte a sites. E a maioria deles inclui um serviço gratuito particular que eu verifiquei e usei por vários anos. Vamos saltar para dentro. Uma atualização de software. Wordpress em si, seus temas e plug-ins precisam de atualização regular. Aqui está o que parece. A cada poucos dias você vai encontrar algo para atualizar no site WordPress. Isso pode parecer fácil se você tiver apenas um site. Mas o que acontece quando você tem 10, 20, centenas? Quero dizer, como você pode acompanhar todas essas atualizações? O que você acha? Bem, há um serviço gratuito fantástico. Eu adoraria apresentá-lo para gerenciar WP. Eu amo tanto este software. Eu uso isso todos os dias. Então vamos ver isso imediatamente. E aqui estamos nós em Gerenciar WP.com. Eu acho que gerenciar WP é uma das melhores peças de software já criado para um webmaster WordPress. É incrível, então vamos dar uma olhada. Esta é a página inicial que eu consegui BEP uma maneira melhor de gerenciar sites WordPress. Monitore e mantenha seus sites WordPress a partir de um painel. Tudo bem, gerencie sites ilimitados de graça. Isso é tão incrível. Complementos premium disponíveis. Então, se você está se perguntando como eles ganham seu dinheiro, eles têm complementos premium. Pessoalmente, eu não aproveito disso, nem preciso recomendar que você aproveite isso a menos que você ache que você quer adicionar isso ao seu repertório de serviços. Até então, os serviços gratuitos são imagem incrível WP oferece painel de gerenciamento de site WordPress. Vamos assistir a este vídeo de introdução. Olá Em minutos e meio, você gerencia vários sites? caso afirmativo, você provavelmente está gastando inúmeras horas gerenciando todos eles com WP gerenciado. Não precisa mais se preocupar com isso. O WP gerenciado permite que você acesse e gerencie facilmente todos os seus sites a partir de um único painel. Assim, em vez de horas de trabalho administrativo, você pode atualizar seus sites com apenas um clique. Não é necessário lembrar senhas para cada site. Uma vez conectado, você tem acesso a todos eles. É muito fácil começar apenas os Websites do Azure no painel Gerenciar WP e começar a automatizar suas tarefas de administração, executar atualizações em massa dos principais plugins de software WordPress ou temas com apenas um clique. Manage WP vem com vários recursos que o ajudarão a realizar o trabalho de forma eficiente, incluindo backups, backup automatizado e manual para a nuvem ou download local de restauração fácil com um clique. As atualizações seguras criam automaticamente um ponto de restauração antes da atualização, compara o site antes e depois da atualização ser instalada e ajudam a reverter a atualização se algo der errado. A clonagem e a migração migram facilmente sites entre a área de preparação e o ambiente ao vivo. Monitor de tempo ativo, seja notificado instantaneamente se um site cair. E muito, muito mais WP gerenciado tornará sua vida mais fácil. Comece a economizar tempo. E foi um ótimo vídeo de introdução. Isso é o que gerenciado WP é tudo sobre em minutos você pode configurar gerenciar para ser p como seu primeiro site com um clique, Executar todas as atualizações e criar seu primeiro backup gratuitamente. E adoramos automatizar, automatizar seu fluxo de trabalho e começar a economizar tempo. Duas coisas são muito importantes para nós. Tudo o que você precisa para automatizar seu fluxo de trabalho. Portanto, gerencie ofertas de WP, manutenção, manutenção com atualizações e segurança, com backups e verificações de segurança, monitoramento com monitoramento de tempo de atividade, SEO e Google Analytics, colaboração, atendimento ao cliente com relatórios e marcação de banco, com verificações de desempenho do site. Então, sem mais delongas, vamos fazer login no meu WP gerenciado para que possamos ver o que isso parece do back-end. Então este é gerenciado WP, nosso direito. Então, a primeira coisa que vemos de frente e centro são todas as atualizações disponíveis em nossos sites. Então adicionei meus sites à minha conta. E isso mostra que atualmente existem 21 atualizações de plug-in disponíveis. Não preciso fazer login em cada cliente individual e atualizá-los. Tudo o que tenho que fazer é clicar em atualizar. Além disso, atualizará todos os plug-ins que estão disponíveis para atualizações em todos esses sites. Ele também faz temas e faz núcleo WordPress, que é uma economia de tempo incrível. Se for necessário, você pode selecionar individualmente as caixas que deseja atualizar e clicar em Atualizar. E raramente você pode clicar em Ignorar quando precisar ignorar uma determinada atualização. Como se houver um tema premium que não será atualizado sem o código adequado que você talvez ainda não tenha para o seu cliente. Mas, na maior parte, clicamos em atualizar tudo e tudo é bom. Tudo bem, otimização. Então, isso lhe dá algumas idéias de otimização, três maneiras separadas de otimizar, otimizar seu banco de dados. Um deles é spam. Muitos comentários de spam podem tornar o seu site mais lento. Limpar comentários de spam em seu site com esta opção, postar revisões. Então, estas são revisões para suas páginas e postagens. Como você diz postar revisões, seu banco de dados cresce e pode retardar o desempenho do seu site, otimizar suas revisões de postagem com essa opção. E depois sobrecarga de megabytes. O Azure, o banco de dados MySQL cresce. Ele pode retardar o desempenho do seu site, otimizar seu banco de dados MySQL com esta opção. Então isso mostra que a maior sobrecarga no meu banco de dados agora em todos os meus clientes é 2,5 megabytes, que está adicionando atualmente a cerca de 10 megabytes de excesso de dados no banco de dados que podemos limpar. Vou clicar neste botão uma vez por semana. Não é algo que sinto que faço diariamente. Mas o que isso faz é limpar todos os comentários de spam, postar revisões e sobrecarga de tabela em todos os meus sites. Então, uma vez por semana eu vou clicar em otimizar tudo. E isso foi uma grande economia de tempo. Em vez de ter que fazer login no banco de dados e fazer isso manualmente em todos os sites. Você também pode gerenciar comentários a partir daqui. Se houver um spam ou um comentário legítimo pendente, você pode aprová-lo ou desaprová-lo, excluí-lo ou enviá-lo por spam. Não há atualizações no blog agora. Esse seria o blog WP gerenciado. E então aqui podemos excesso de backups, segurança, desempenho, monitor de links, tempo de atividade, SEO e análise. Certo? E em breve passaremos por algumas dessas outras seções. Há também sites onde você pode ver os diferentes sites que você adicionou à sua conta VP de gerente. Você pode gerenciar clientes e, em seguida, visualizar os complementos, que são as atualizações pagas para WP gerenciado. É principalmente uma economia de tempo extra, como em vez de ter que fazer manualmente algo como fazer uma verificação de segurança em cada site individual. Você pode automatizá-lo comprando este plugin. O automatizar tudo. Aí está, 0,7 por mês. Vamos saber mais e ver como esse custo se decompõe atualmente. Vamos ver os preços para você add-ons, o prêmio que você pode fazer por site. Portanto, verificações de segurança automatizadas ou backups premium ou relatórios avançados de clientes ou verificações avançadas de desempenho automatizadas. Esses são basicamente ser um ou US $2 por mês. Ou você pode agrupar e obter até 100 sites que causarão vinte e cinco dólares por mês para sua conta. E você pode automatizar todas as suas verificações de segurança ou qualquer outra coisa que você queira fazer nesses outros complementos premium. Na verdade, eu não pago por nada disso. Eu apenas ficar com isso livre, mas extras premium estão lá se você quiser tirar proveito disso e automatizar seu fluxo de trabalho ainda mais. E então há um pacote final tudo em um pacote, todos os pacotes combinados por um $150. Então isso é gerenciado WP, Eu acho que é um pedaço fabuloso de software. Eu recomendo que você comece com eles o mais rápido possível. Vá criar sua conta WIP gerenciada e adicione seu site como o primeiro. Como você faria isso? Clicando no botão de adição aqui no canto superior esquerdo. Botão Plus Adicionar site. Você pode digitar o URL do seu site. E, em seguida, na próxima tela, você digitaria seu nome de usuário e senha para WordPress. Ou você colaria um código de conexão que você pode obter seguindo as instruções nessa tela. Tão super simples, eu recomendo que você comece imediatamente com este incrível pedaço de software. Neste ponto, pausar o vídeo, inscreva-se na sua conta WIP gerenciada. Conecte seu próprio site. Em seguida, monitoramento do tempo de atividade. Então, qual é o sentido de um site? Se ficar offline? Digamos que o que fica off-line? Você tenta puxá-lo para cima e está em branco. Não vai carregar. O que você faz? Bem, você conserta qualquer que seja o problema, obviamente, mas o mais importante, quanto tempo foi baixo? Se você não estiver monitorando ativamente seus sites? Pode ter ficado em baixo durante dias ou semanas. Se for um site de comércio eletrônico, imagine as vendas que seriam perdidas. Então, como você monitora seus sites? Quero dizer, é prático verificar manualmente todos os sites dos seus clientes todos os dias? E geralmente você usa um serviço para fazer isso. Não é caro. Não, na verdade, eu uso um serviço gratuito. E isso é olhar. Antes de irmos para robôs de tempo de atividade, quero mostrar a seção de monitoramento de tempo de atividade do WP gerenciado. Então, enquanto tivermos nossa conta P, por que não usamos o monitoramento de tempo de atividade integrado deles? Se está se perguntando isso, é uma ótima pergunta. Então vamos tentar isso fora do tempo. Então, vamos clicar em um de nossos sites e clicar no botão Ativar. E o que solicitamos com ativar o tempo de atividade monitorar o preço do complemento. Desde que eu tenho desde que eu tenho usado esta conta por um longo tempo. Agora é baixo para US $0,70 em vez de US $1, mas ainda US $0,70 por cada site. Vou pular isso. Se houver uma opção gratuita lá fora, ou podemos clicar em Ativar tudo. E isso seria um extra de US$77,70 por mês ou US$100 por uma nova conta. E mais uma vez, isso é desnecessário se houver uma opção livre lá fora. Então nós amamos software livre. Vamos ver o que há lá fora. Isso nos leva ao uptime robot.com. Uptime robot.com. Passou por uma atualização de design. Você vê um design muito mais de baixa qualidade e agora eles têm uma atualização incrível e bonita. Adoro este site. Então eles fizeram um ótimo trabalho refrescando isso. Este é o uptime robot.com, o principal serviço de monitoramento de tempo de atividade do mundo. Estou com ele há vários anos e atesto totalmente por eles. Você tem 50 monitores com cheques de cinco minutos. Totalmente grátis. Adoramos livre. Então você pode começar a monitorar, criar sua conta em apenas 30 segundos. Então vamos ver o que mais aqui. Atualmente estamos de olho em 4,5 milhões de monitores mais para mais de 800 mil usuários e empresas. Estas são algumas das empresas para as quais prestam serviços. Tudo o que você realmente se importa, monitorado em um só lugar, monitoramento de site, que é basicamente tudo vai usar aqui, certificado SSL, monitoramento de porta e ping e monitoramento de trabalho crone. Há recursos avançados. Basicamente, nós apenas definimos isso e esquecemos. Você adiciona o site. E isso é que nós não nos preocupamos com todos os recursos avançados, mas eles estão lá porque esta empresa oferece muito. tempo de inatividade acontece, seja notificado. Assim, quando ocorre um tempo de inatividade, você pode receber um e-mail. Pode ser um SMS, uma chamada de voz automatizada, Twitter, Slack, Zapier, telegrama, ganchos web, push bullet. Há todos os tipos de serviços e integrações de terceiros que você pode receber notificações quando o tempo de inatividade acontece. Então você pode escolher o que for conveniente para você. Mas vamos entrar no nosso painel sem mais delongas. Então, clicamos e vamos para ir para o painel de conta, faça login na nossa conta. E o que acontece aqui. Estes são os monitores que adicionei à minha conta. E basicamente, você pode ver a porcentagem de tempo de atividade. Você pode ver quais sites estão em cima, quais estão para baixo atualmente, nenhum, um menor para baixo, o que é incrível. E se clicarmos em um em particular, podemos confirmar que ele está ativo, que está ativo e ver um histórico, registro histórico do tempo de atividade e tempo de inatividade. É muito simples. Basta adicionar seus sites a este painel e, em seguida, você meio que esquece sobre ele até que um site caia. Este não é um site no qual você fará login regularmente, mas quando um site for desativado, você receberá a notificação pop-up qualquer maneira que você escolher e você pode ir diagnosticá-lo. Então, como adicionamos um monitor ao nosso robô up-time para conta, clicamos no verde, Adicionar novo monitor. E há algumas coisas que podemos fazer aqui. Podemos selecionar as contas a notificar. No meu caso, quando eu adicionar meu endereço de e-mail, meu número de telefone. Este é o aplicativo boxcar iPhone e, em seguida, o aplicativo oficial do robô uptime iPhone, que está disponível no tipo de monitor da loja de aplicativos. Então, podemos selecionar HTTPS, que seria um site. Meu local de teste. Lá vamos nós. Podemos selecionar o intervalo de monitoramento. Eu não faria um minuto porque um site pode cair por apenas alguns segundos e nós não queremos ser bombardeados com notificações. Vamos verificar a cada cinco minutos. Haverá muito mais opções avançadas gerenciáveis. Não precisamos nos preocupar com nada disso. E lá vamos nós, estamos prontos para ir. Basta clicar em Criar monitor e ele é adicionado à nossa conta. Incrível, incrível, incrível. Adoramos robô uptime. Vá em frente e obtenha sua conta o mais rápido possível e adicione seu site à sua conta de robô uptime. Neste ponto, pausar o vídeo, inscrever-se para sua conta de robô uptime e seu site como seu primeiro monitor. O terceiro serviço é a detecção de alterações. Este está intimamente relacionado com o monitoramento do tempo de atividade, mas fundamentalmente diferente. E deixe-me explicar pelo exemplo. Digamos que você puxar para cima o seu site e ele foi substituído por este em site ir para baixo. Como você responderia? C, O site é quebrado pelo robô uptime só vai mostrá-lo como on-line. É por isso que você precisa tanto de monitoramento de tempo de atividade quanto de detecção de alterações funcionando em conjunto. Felizmente, há outro serviço gratuito que lida com isso com estes. Vamos olhar. Então aqui estamos nós em seguir que page.com, um maravilhoso serviço gratuito criado há vários anos. Eles seguem tantas páginas na internet para tantas contas diferentes. E eles ainda têm um design de site muito básico. Mas tudo bem porque sua funcionalidade principal é incrível. Portanto, é um serviço de detecção e notificação de alterações que lhe envia um e-mail quando as suas páginas web favoritas foram alteradas. Este é um serviço muito básico, mas tão valioso que economiza tempo. Nós basicamente monitoramos a web para você. Tudo bem, então siga uma nova página. Basta copiar e colar seu URL. Mais importante ainda, podemos criar uma conta que eu recomendo que você faça. Então você clica em suas páginas. E isso nos leva a todas as páginas que adicionamos à nossa conta e podemos adicionar uma nova. Tudo bem, então adicionamos, digamos uptime robot.com, e clicamos em Avançar. Lembre-se que você pode, você pode seguir qualquer página na web. Não precisa ser um site de cliente. Você pode realmente seguir qualquer coisa que você está interessado. Mas adicionaremos nossas contas de clientes para seguir essa conta de página. Então nós adicionamos o endereço da página, que seria nosso clients.com. Podemos desmarcar e verificar estes dois. Isso parece bem. Linhas de contexto. Basta mantê-lo em 0. Descrição é onde você adiciona um nome amigável, que seria o nome comercial do seu cliente. Relatar erros. Eu vou em frente e relato todos os erros caso haja uma falha de conexão com o servidor. Onde você gosta de saber isso? Então podemos diagnosticá-lo. Como você é um webmaster, você quer diagnosticar quando algo der errado. Então é melhor sermos notificados. E em frequência. Faça a verificação diariamente, siga o Google PageRank e o Internet Archive. Podemos desmarcar esses dois e verificar se você está mais perto de você, então ótimo. Se você mora nos Estados Unidos, então eu vou em frente e mudá-lo para Estados Unidos. Filtro de linha pode ser útil se as coisas mudam regularmente no site que são mudanças legítimas. Você pode dar uma olhada no filtro de linha. E, em seguida, o mesmo para o bloco Filtro. Tirando isso, é só isso. Clique em Salvar e receberá um e-mail. Sempre que algo mudar, todos os sites da sua conta serão escaneados durante a noite. E você receberá um e-mail maravilhoso quando algo mudar, informando o que foi adicionado ou removido, e você pode ir diagnosticar o problema. Se houver um problema legítimo, você será notificado se atualizar algo no site do seu cliente. E é apenas uma confirmação de que eles pegaram as coisas que você atualizou, que seria uma mudança legítima, mas uma mudança ilegítima, algo que você não solicitou como um código de erro aparecendo ou algo que você não pretende estar lá. Isso é definitivamente algo que você iria querer diagnosticá-lo como um webmaster. Você precisa saber essas coisas para que você possa corrigir esses problemas quando eles surgirem para seus clientes. E esse é um serviço incrível. Vá em frente e obtenha sua conta o mais rápido possível em seguir esse page.com e comece a adicionar seu site à sua nova conta. Neste ponto, por favor, pause o vídeo, inscreva-se para a sua queda na conta da página. Adicione seu site como seu primeiro monitor. O quarto é o rastreamento analítico. Saiba o desempenho de um site. Se não conseguir rastreá-lo? Como você saberia o quão bem um programa de fitness está funcionando se você não poderia acompanhar o seu progresso? Da mesma forma, quando um site é lançado, você precisa medir e monitorar sua eficácia. Como você faz isso? Através de análises, análises, faixas de software de visitantes que chegam ao seu site. Deixar você saber de onde veio, quanto tempo eles ficaram. Se eles estão em um dispositivo móvel e muito, muito mais, muito mais informações do que você poderia precisar. Mas o que você faz com esses dados? Bem, e se você soubesse que a maioria de seus visitantes saiu para a tecnologia web sem olhar em volta? Ou a maior parte do seu tráfego vem de dispositivos móveis. Ou sua página mais popular não era atualizada há anos. Os dados analíticos permitem que você tome decisões, otimize seu site, como instalamos o Analytics? É um serviço gratuito? Vamos ver. Então esta é a análise de barras google.com que nos leva para a plataforma de marketing do Google. Você começa a conhecer seus clientes. Essa é a essência do rastreamento analítico. Então, vamos em frente e entrar em nossa conta de análise clicando em Entrar no analytics. Então isso usa nossa conta do Google, que se você tem um Gmail ou Google, ou YouTube ou um telefone Android ou qualquer outra coisa, você tem uma conta do Google e você já tem acesso ao Google Analytics. E este é o painel do Google Analytics. Então vamos pegar uma de nossas contas de clientes. Essas pessoas fornecem financiamento em toda a América para empresas de construção. E vamos ver o que os relatórios de análise mostram. Então esta é a casa de análise, que nos mostra alguns dos dados mais importantes nos últimos 30 dias. Assim, com o Google Analytics, você pode ficar completamente sobrecarregado com todos os dados disponíveis para você dividi-los em conversões, aquisição de comportamento, audiência em tempo real. Há tanta coisa que você pode ver. Então deixe-me mostrar o básico. Então, deixe-me mostrar os elementos mais importantes do Google Analytics nos quais você se concentrará para seus clientes. E então eu vou mostrar-lhe como adicionar isso ao seu site. Então vamos começar com público e visão geral. Então, nos últimos 30 dias, isso mostra quantas pessoas visitaram seu site sob usuários. Novos usuários seriam aqueles que nunca visitaram o site antes. Sessões seriam uma sessão é o período de tempo em que um usuário está ativamente envolvido com seu site. Todos os dados de uso estão associados a uma sessão. Certo, número de sessões por usuário, 1.48 visualizações de página. Este é o número total de páginas que são visualizadas. As exibições repetidas de uma única página são contadas. Então isso seria como sucessos, acessos ao site, páginas por sessão. Então, quando alguém apareceu, quantas páginas eles visitaram neste caso, nos últimos 30 dias, uma média de 2,6 páginas foram visitadas. Quanto tempo duraram cada sessão? 50 segundos. A duração média de uma taxa de rejeição da sessão é extremamente baixa, 4,94%, que significa que 4,9, basicamente 5% foram para o site e depois deixaram a página em que estavam, deixaram este site completamente. Isto é extremamente baixo. Qualquer coisa abaixo de 50% é bom, mas isso é, isso é incrível, uma taxa de rejeição incrível. Este gráfico aqui nos mostra visitantes novos versus retornantes. Voltando e novos visitantes. Podemos ver a língua que as pessoas estão visitando do país. É um tem visitantes nos EUA, Índia e outros. Cidade onde as cidades mais populares que as pessoas estão visitando o site, qual navegador estão usando. Neste caso, Google Chrome e Safari. Que sistema operacional? Provedor de serviços, sistema operacional móvel, Android, iOS, Windows, resolução de tela e provedor de serviços, o que não nos mostra nada. Como alteramos o período de visualização? Então, este é 14 de setembro a 13 de outubro. Você pode mudar isso para fazer hoje. Ontem, semana passada, mês passado, últimos sete dias e últimos 30 dias de dados analíticos. Ou você pode simplesmente selecionar sua data manualmente. E tudo bem, então essa é uma visão geral do tráfego da web nos últimos 30 dias. O que mais temos? Vou pular para o celular. Vejamos se os visitantes estão ou não visitando este site em um dispositivo móvel. Neste caso, nos últimos 30 dias. Vamos mudar isso para um gráfico de círculo para tornar isso mais fácil de ler. E parece que 55% estavam chegando em um dispositivo móvel, 39 por cento estavam chegando em um desktop e 5% em um tablet. Então, o que isso significa? A maioria das pessoas está visitando o site em um dispositivo móvel. Então você acha que seria melhor para otimizar um site para um desktop ou a visualização móvel. Ambos são importantes, mas se você estiver indo para onde seus visitantes estão, seria no lado móvel. Então, enquanto você quer se certificar de que a área de trabalho parece boa, É essencial que o celular parece topo de gama. Podemos ajustar isso com a visão original, onde podemos ver os usuários, sessões de novos usuários rejeitar páginas de taxa por sessão, duração média da sessão e os objetivos para cada uma dessas diferentes visualizações. Celular, desktop e tablet. Então, o que notamos? As pessoas em um tablet estão ficando uma média de 21 segundos. As pessoas na área de trabalho ficam um pouco mais de um minuto. O período de tempo mais longo, e móvel seria de 40 segundos, que é média desses três para as pessoas estão ficando mais tempo no desktop e celular está mantendo menos de sua atenção. Então, no celular, as pessoas estão indo direto ao ponto. E as pessoas não querem ter problemas para encontrar o que procuram. A taxa de rejeição é bastante uniforme em todos estes, 5.713.335.74. Então, se você ver um outlier claro, como um foi digamos, 40, 50 ou 60 por cento enquanto os outros estavam baixos, então isso seria um ponto fraco. Isso seria algo para investigar. Neste caso, não temos isso aqui. Vamos ver outra coisa. Então, analisamos a visão geral do público e analisamos a visão geral dos dispositivos móveis. Agora vamos responder à pergunta. De onde vieram os meus visitantes? Visão geral da aquisição. Isso nos mostra os diferentes canais pelos quais alguém encontrou seu site. O número um seria uma busca paga. Isso significa que a empresa colocou o Google Ads. Segundo seria a busca orgânica, que seria o ranking livre dos motores de busca. O terceiro foi direto, o que significa que eles foram diretamente para o.com. Nome de domínio. Número 4 era referência, que significa que eles estavam em um site diferente e eles foram eles clicaram em um link desse site para o seu site. O número cinco seria social, o que eu quero dizer, eles clicaram em um post no Facebook ou algo que ligasse a este site. Outro significa que não foi especificado e sete significa que eles clicaram em um link e um e-mail, talvez de uma campanha de marketing da Mailchimp e eles chegaram aqui. Podemos analisar isso um pouco mais, clicando em todo o tráfego e canais para ajustar esses dados. Então podemos quebrar isso, quebrar os usuários, a taxa de rejeição, as páginas, a duração da sessão para cada um desses diferentes canais, e ver quais são os pontos fortes e fracos nesses dados analíticos. Veja se há algum outliers. Outra coisa que podemos fazer é clicar em referências e ver de que links as pessoas estão vindo para visitar este site. Muito bem, já vimos a visão geral do público. Vimos aquisição de dispositivos móveis. Agora vamos olhar para o comportamento. Isso responde à pergunta, quais são as páginas mais populares no meu site? É muito valioso conhecer as páginas populares no site. Então você sabe a que páginas as pessoas realmente vão. E se uma dessas páginas de topo realmente não parece tão grande ou tem conteúdo desatualizado, ou por qualquer motivo ele pode ser otimizado, então isso é definitivamente algo que você pode colocar em sua lista de afazeres. Queremos que estas páginas de topo tenham o seu melhor aspecto. Então, vamos clicar no título da página ou da página para ver quais páginas são as mais populares. E, em seguida, se eu clicar em exibir, relatório completo vai obter mais dados aqui. Isso nos leva para as páginas mais populares e podemos, podemos ver feito para páginas. Neste caso, este site tem um 132 páginas. Podemos ver as páginas de cima. Então realmente só o primeiro 10 ou realmente tinha que se preocupar porque estes foram apenas visitados uma ou duas vezes e não são páginas populares, mas os que estão no topo nos últimos 30 dias, Eu provei que eles são as páginas mais visitadas. Então, novamente, se um desses cinco primeiros, digamos que um deles mal tem tempo de tela. Como este tem 13 segundos em vez de dizer mais de um minuto. E poderíamos dizer, por que esse aqui? Pessoas que não guardam a informação nesta página com fio e não ficam nela? Ou eles estão apenas clicando e clicando fora? O que podemos fazer para melhorar a página? E quanto aos adultos? Nós temos? E quanto à taxa de rejeição? A média é de 4,94. Mas há algum que seja maior do que os outros? Se sim, por que eles estão tão altos? Por que as pessoas vão para esta página e vão embora? Há apenas algumas sessões para uma página específica, então os dados podem ser um pouco distorcidos ou enganosos. Mas se você tem muito tráfego para uma página, então as médias são bastante confiáveis. Então aqui você pode percorrer cada uma das páginas superiores. Gosto de ficar no top 10 e vasculhar esses dados e ver se há alguma fraqueza. Quais pontos fortes e fracos você vê nesses dados? Então isso é muito útil também. E essas são as principais coisas que eu gosto de olhar. Então, como damos aos nossos clientes um relatório regular desses dados? Este é um recurso incrível que economiza tempo. Então vamos para qualquer uma dessas seções no Google Analytics e, em seguida, clique em Compartilhar, Compartilhar e você pode copiar e colar seu endereço de e-mail para o seu cliente e, em seguida, alterar o assunto para dizer, análise mensal, relatório. O anexo, torná-lo freqüência PDF mensalmente no primeiro dia do mês. E então aqui você pode inserir a opção ou a mensagem que deseja exibir no relatório de análise. Altere o tempo que você deseja que este relatório saia todos os meses no primeiro dia do mês durante 12 meses. E aqui você pode dizer que aqui está seu relatório mensal de tráfego do Analytics. Aproveite. Por favor, avise-me se necessitar de algum esclarecimento deste relatório. Tudo bem. Nós clicamos que eu não sou um robô. E aí vamos nós. Vamos configurar o nosso relatório de análise mensal. Depois de criar esse, você pode clicar no botão Adicionar a um e-mail existente e adicioná-lo a um e-mail mensal. Essa é uma característica muito útil. Assim, eles receberão um e-mail com todas essas seções diferentes que você adicionar manualmente. Talvez você queira um e-mail que inclua a visão geral do público, o celular, a aquisição e o comportamento da página. Portanto, essa é uma maneira incrível de automatizar ainda mais seus processos automatizando o relatório de rastreamento de análise. O Google Analytics é extremamente avassalador para qualquer pessoa. Mas uma vez que você sabe o que você está olhando e você ajustou o que especificamente você quer se concentrar. Torna-se muito mais claro. Então, como adicionamos seu site à sua conta de análise? Se for o primeiro, então o Google Analytics. O Analytics exigirá que você adicione uma nova propriedade antes mesmo de chegar a esse ponto. Mas aqui podemos clicar em Admin na parte inferior. Vou clicar em Configurações e, em seguida, criar propriedade. Quando criarmos nossa propriedade, clicaremos na Web. Continuar. Vamos digitar o nome do site, o URL, o setor, o fuso horário. E, em seguida, uma vez que clicar em Criar será dado este. C será dado um código de rastreamento. Você vai pegar esse código, copiá-lo, e então você vai colá-lo. Aqui. Vamos abrir nosso site. Vamos abrir o site WordPress que temos trabalhado nas lições anteriores. E nós vamos entrar em opções Divi, fazer login no backend WordPress. E então, uma vez que estamos logados, vamos clicar em devi à esquerda, abaixo na parte inferior, Devi e Opções de Tema. Após as opções de tema, clicaremos em integração e adicionaremos ao corpo os códigos de rastreamento, como o Google Analytics. Então, para ser completamente claro, você não precisa adicionar um plugin separado para incorporar o código de rastreamento em seu site. Basta ir para a guia de integrações incorporadas de temas Devi, copiar e colar seu código de acompanhamento do Analytics na guia de integração sob o corpo. Isso irá adicioná-lo ao corpo do código HTML. E lá vai você. Agora você está rastreando o tráfego no site. Você não pode atrasar esse tráfego. Mas daqui para frente, você pode começar a rastreá-lo. É por isso que recomendo instalar o código de acompanhamento do Analytics no primeiro dia o mais rápido possível para seus clientes, que ele possa começar a gerar relatórios sobre esses dados. Então esse é o Google Analytics. É uma ferramenta incrível, É completamente gratuito e eu recomendo que você comece a usá-lo o mais rápido possível. Vá em frente e crie sua conta, adicione o Google Analytics ao seu site. Neste ponto, por favor, pause o vídeo, inscreva-se na sua conta gratuita do Google Analytics, adiciona seu site como sua primeira propriedade. O quinto serviço é o Google Search Console. Agora nós discutimos Search Console já algumas vezes, particularmente para SEO, e é uma ferramenta gratuita que eu certamente recomendo para o seu plano de manutenção do site, Search Console. Enviaremos um e-mail quando houver um problema. Você pode diagnosticar. Como um webmaster. É sua responsabilidade manter um site funcionando sem problemas. Você está sendo pago para fazer isso, afinal. Você também pode incluir dados da seção de desempenho do Search Console. Se você assim escolher em seus serviços de SEO para enviar um relatório de SEO mensal ou trimestral que irá listar o topo para executar palavras-chave e rankings. O Google Search Console é totalmente gratuito, então vá em frente e inclua-o com as ferramentas de manutenção do seu site do repertório. Neste ponto, coloque o vídeo em pausa e conecte seu site ao Google Search Console. Seis como Google Meu Negócio. Outra coisa que você pode ajudar a gerenciar para seus clientes é a listagem do Google My Business. Sempre que algo muda, como horas de loja ou número de telefone, seu cliente pode pedir que você atualize sua escuta. E um cliente me pediu para fazer isso hoje mesmo. Você pode conceder-lhes acesso, ensiná-los a atualizá-lo por conta própria. Na maior parte. Gerenciar sua audição pode fazer parte do plano de manutenção do seu site. Assim, em vez de enganar quando eles mesmos, o que a maioria das pessoas não quer fazer. Basta enviar uma mensagem ou ligar para você e considerar feito. Número 7 é um site de suporte. Uma das coisas mais importantes é que você vai fornecer para seus clientes é simplesmente apoiar alguém para ligar quando as coisas dão errado, quando eles precisam fazer alterações ou atualizar para o site. Web designers têm uma má reputação de não responder ou levar mais de uma semana até mesmo para os pedidos mais simples. Ouvi muitas dessas reclamações em primeira mão para estar disponível, estar disponível por e-mail, chamada, texto, videoconferência, o que seu cliente preferir. Conheça seus clientes como eles se comunicam melhor. Quanto mais rápido você responder, melhor. Uma resposta rápida um querido você para seus clientes melhor do que qualquer outra coisa. E é disso que eles vão se gabar para os outros. Então, recapitulando, nesta lição, aprendemos uma. Você pode gerenciar seus sites, incluindo o plugin WordPress e atualizações de tema através WP gerenciado. Para, você pode monitorar o tempo de atividade do seu site gratuitamente através de up-time robot.com. Você pode configurar a detecção de alterações gratuitamente em seguir que page.com. Você pode instalar e monitorar o Google Analytics para otimizar seus cinco, você pode utilizar o Google Search Console para monitorar e otimizar seus sites SEO. Você pode atualizar sua listagem do Google My Business de clientes conforme necessário. Como webmaster, sua função principal é fornecer suporte com dúvidas ou preocupações que surjam. E qual é o nosso dever de casa? Eu quero que você se inscreva para os serviços gratuitos mencionados nesta lição. Você está familiarizado com eles porque você vai usá-los em cada nova planta que você tomar. O Leighton. E agora você conhece o gerente do site. 35. Serviços de manutenção: atualizações para sites: Bem-vindo, estou atrasado para o seu webmaster. A lição de hoje, vamos discutir outra característica importante do plano de manutenção do site. Site e este é os elementos visíveis do seu site, significa que ele está jogando. A parte que os clientes ficam entusiasmados é realmente não ver as atualizações de plug-in ou tema, o monitoramento de tempo de atividade, a detecção de alterações, a hospedagem. Você não vê nada disso. Tudo isso ocorre no back-end, enquanto o front-end do seu site permanece relativamente inalterado. Mas eles vêem são as atualizações um pedido. Agora, o que precisa ser atualizado no front-end, o site do Bot? Muitas coisas. Na verdade, nas últimas semanas, tive que atualizar as horas de operação. Números de telefone, adicionar fotos, trocar fotos, remover fotos em postagens de blog, atualizar preços , adicionar produtos, alterar cores, adicionar texto , remover texto, adicionar páginas, remover páginas e muito mais. Atualizações de conteúdo são comuns. E quando você tem vários sites de clientes, você passará um pouco de tempo todos os dias com esses pequenos pedidos. De repente, basta levar alguns minutos enquanto outros demoram mais. Isso levanta algumas questões. Suas atualizações terão limites? Os principais redesigns estão incluídos? Quantas horas você incluirá em seu plano de manutenção? O que acha que seria apropriado? Bem, você sempre pode permitir atualizações ilimitadas, mas há algum potencial para abuso. O cliente deles vai pôr-te a trabalhar no site deles o dia todo, todos os dias. E isso é bom. Desde que você seja compensado pelo seu tempo, é um então em que ponto você limitar as atualizações incluídas em seu plano de manutenção? Bem, isso é com você. Mas um boné típico seria uma ou duas horas. Agora você deve saber que a maioria das atualizações de seus clientes cairão na primeira hora e, portanto, incluídas no custo de manutenção mensal. Assim, você nem terá que verificar seu tempo nessas pequenas atualizações. Mas para alguns clientes que precisam de assistência regular, Eu estou falando sobre mais e horas trabalhadas as atualizações laterais por mês. Você pode acompanhar o seu tempo e cobrar de acordo. Mas quanto você cobra por hora? O que acha que é justo? Obviamente, qualquer taxa horária depende da sua experiência na sua indústria. Mas para a indústria de web design, US $70 é uma taxa horária bastante padrão. E eu vou construir isso mensalmente, além da fatura do plano de manutenção do site. Então, duas faturas estavam falando, uma para a taxa de manutenção mensal e outras 40 horas de compilação adicionais de suporte e atualizações, se aplicável. Agora você pode se perguntar, como eu rastreio meu tempo? Quero dizer, como você está pensando que você tem usar manualmente um cronômetro para verificar seu tempo? Não, claro que não. Há toneladas de serviços gratuitos lá fora que tornam isso uma brisa. Deixa-me mostrar-te o meu botão preferido. Aqui estamos no Toggle.com, TOG GL. Adoro este serviço. Quando eu digo que há toneladas de serviços e aplicativos disponíveis para verificar o seu tempo. Não me é dado que há muito para escolher. E este eu tenho amado. Então isso é alternar. É hora de colocar sua equipe no caminho certo através de faixa alternada, tempo confiável, rastreamento de tempo, amado por mais de 5 milhões de usuários. Este é um serviço gratuito que você pode usar para rastreamento de tempo. Eles recentemente se dividiram em três segmentos diferentes. Alternar plano, alternar faixa, alternar mais alto. Então, com base nessa nova reestruturação, estamos nos concentrando em controle alternado, rastreamento de tempo sem esforço e relatórios. Então, sem mais delongas, vamos em frente e entrar em nossa conta. E agora estamos na pista dot toggle.com e este é o nosso painel. Então começamos vendo os eventos recentes que estávamos rastreando. Então o que você vê aqui é o temporizador no topo. que você está trabalhando? Podemos dizer construindo um site e depois ele vai. E lá estamos nós. Está rastreando nosso tempo. Agora fazemos a nossa tarefa. E então, quando estivermos concluídos, clicamos em Parar. E lá vai você. Todos esses 11 segundos que fui rastreado na sua conta de alternância. Então, o que mais está disponível aqui? Você pode alterar manualmente o tempo gasto em um evento específico alterando a hora de início, parada ou alterando a duração. Então você pode realmente sintonizar em você que você não está vinculado exatamente à hora de início e fim que foram gravados. Você tem controle total sobre essas coisas. Então, à esquerda, temos analisar insights que não estão disponíveis na conta gratuita, projetos clientes. Então, basicamente, você pode inserir todos os clientes que você deseja acompanhar seu tempo clicando em novo cliente no canto superior direito, apenas digitando o nome do seu cliente. E você pode dividir isso por projetos específicos. Então eu gosto de ver um projeto como um site. Todo o nosso inverno, estes nome de domínio específico do site. Para um cliente em particular. Um cliente pode ter vários sites. E clicamos em Novo Projeto e no canto superior direito para digitar nosso projeto, meu primeiro site. E você pode selecionar a qual cliente pertence. Fácil o suficiente. Então, e sobre os relatórios? Então, quando ir para Relatórios e isso é o que eu vou fazer normalmente, você pode visualizar um resumo detalhado filtro semanal por projeto do cliente, tudo isso. Mas basicamente no primeiro dia de cada mês, você vai entrar aqui e clicar no mês passado. E mostra visualmente quais projetos você rastreou. Posso ver quantas horas passei em cada um desses projetos. Tive 13 quase 14 horas. Eram projetos que escolhi rastrear. Então coisas menores, atualizações, sites de e-mail suportam todas as coisas que foram incluídas no serviço de cuidados do site tipo de plano de manutenção do site. Eu não necessariamente rastreio aqui que é. Ou apenas projetos específicos que eu tenho um acordo que o tempo será rastreado. Então, o que você faz? Você vai até aqui e olha para a duração, quanto tempo foi gasto naquele projeto em particular naquele mês. Então, neste caso, Nosso neste quase cinco horas em que 16 horas neste projeto, você apenas pega seis vezes por sua taxa horária e coloca isso em uma fatura. E lá vai você. Maneira muito fácil de usar o software de rastreamento de tempo livre na alternância para faturar seus clientes, para verificar de forma honesta e confiável o seu tempo, faturar seus clientes e ser pago com base em exatamente quanto tempo você gastou em um determinado projeto. Eu amo alternar para isso e tornar muito fácil de visualizar esses relatórios e tornar mais fácil para verificar o seu tempo e dividi-lo em projetos e clientes. E eu nem preciso pagar por uma conta premium. Tudo isso pode ser alcançado com um livre. Então vá em frente e inscreva-se para alternar e crie sua conta. Neste ponto, pausar o vídeo e configurar sua conta de alternância. Agora, e sobre os principais redesigns do site ou novos recursos do site que você sabe que exigiriam várias horas de tempo de desenvolvimento. Você incluiria isso no seu plano de manutenção? Redesigns e desenvolvimentos podem levar horas. Portanto, a sua melhor aposta é uma, acompanhar o seu tempo e cobrar de acordo, ou enviar uma cotação para esse projeto específico, exatamente como você faria quando você construiu o site pela primeira vez. Agora não penses em moedas, os teus clientes também não vão faltar a ti próprio. Não dê níquel e cêntimos aos seus clientes, mas também não se mude. Encontre um equilíbrio. Então vamos recapitular. Nesta lição, aprendemos uma. Há muitos que precisam ser atualizados em um site. Você pode acompanhar o seu tempo e cobrar de acordo com a sua taxa horária. E três, redesenhos e desenvolvimentos podem ser flutuados separadamente. Qual é o nosso dever de casa? Quero que se inscreva e se familiarize com o botão. O serviço de rastreamento de tempo livre. Decida também especificamente que está incluído horas, limites de atualização e taxa horária para o seu plano de manutenção. Estou atrasada. E agora você sabe, atualizações do site. 36. Serviços de manutenção: segurança: Bem-vinda. Sou Leighton, seu webmaster na aula de hoje. E vamos discutir outro recurso do seu plano de manutenção do site. Segurança. E você sabe, a segurança é um assunto quente ultimamente, não é mais opcional no mundo digital. E para você como webmaster, isso significa fazer tudo o que estiver ao seu alcance para tornar sites de seus clientes o mais seguros possível. Então, como você faz isso? E em uma base contínua? Bem, vamos considerar seis maneiras de incorporar segurança ao seu plano de manutenção do site. Analisará segurança, SSL, TLS, backups de site, verificações de segurança, remoção de vírus e no Cloudflare. Agora, a maioria deles inclui serviços gratuitos. Portanto, esteja pronto para pausar e configurar suas contas. Primeiro, a IBM Security. Agora, WordPress em si seguro. Sim, mas quanto maior o software, maior o alvo é para os hackers. E verdade seja dita, o próprio WordPress não é necessariamente o problema. São senhas fracas de conta de usuário, plug-ins desatualizados, feixes de baixa qualidade que representam uma ameaça maior do que o software principal em si. Por essa razão, cerca de 30 mil novos sites são hackeados todos os dias. É aí que um plugin como eu temas aparece para salvar o dia. Este é um dos plugins de segurança gratuitos mais populares para WordPress. Ele inclui mais de 30 maneiras de proteger seu site contra hackers, como caminhar pelo WordPress, corrigir buracos comuns, parar ataques automatizados, fazer backup do banco de dados, fortalecer as credenciais do usuário e muito mais . Em vez de apenas falar sobre isso. Deixe-me mostrar-lhe como este plug-in incrível funciona e por que eu instalá-lo como um grampo para cada site WordPress que eu trabalho. Aqui estamos em WordPress admin. Então vamos encontrar o aplicativo de segurança tema e baixá-lo e instalá-lo. Então plugins e adicionar novo. E vamos procurar temas de segurança. Vamos instalar e ativar isso em nosso site. Eu tema Segurança, anteriormente melhor segurança WP. I tema segurança é o plugin de segurança número um WordPress por temas. Uma empresa muito respeitável na comunidade WordPress, mais de 1 milhão de instalações ativas, que significa que é muito popular e é compatível com nossa versão do WordPress e foi atualizado pela última vez há um dia. Se você encontrar um plugin que foi atualizado pela última vez vários anos atrás, e então esse é um que você deve se afastar. Mas se um é atualizado regularmente, e isso significa que os desenvolvedores ainda se preocupam isso como eles estão regularmente colocando para fora atualizações, o que significa que é um bom plugin instalado agora. Está instalando, instalando, e então podemos ativá-lo instalado, ativar. Yay, muito excitante. Adoramos proteger nosso site e isso é algo que você vai se acostumar a fazer em todos os sites de clientes. Vamos clicar em IBM Security and settings, ou podemos encontrá-lo à esquerda aqui na parte inferior acima Devi security. Vamos clicar nisso. Aqui estamos nós. Este é o painel de todos os diferentes módulos disponíveis para, eu acho que segurança. Mas primeiro somos atacados com a nossa verificação de segurança. Recursos e configurações repentinas são recomendados para todos os sites serem executados. Essa ferramenta garantirá que seu site esteja usando essas recomendações. E o botão abaixo é clicado. Os módulos a seguir serão habilitados e configurados. Backups de banco de dados do usuário banidos, força bruta local, proteção força bruta de rede, senhas fortes e ajustes do WordPress. Nós basicamente apenas o que eu acho que recomenda que nós precisamos ter ligado. E se você realmente olhar para o que estes fazem, e então você pode concordar com isso também. Então, clicamos no site seguro. E está fazendo essas melhorias de segurança padrão com proteção de força bruta de rede? Sim, vamos em frente e fazer isso. Seu site está protegido contra hackers encontrados por outros sites que executam a segurança de temas, que é um recurso incrível e usa crowd-sourcing para proteger ainda mais seu site. Se o seu site identificar um novo invasor, notifica automaticamente a rede. Então o outro lado tão protegido também. Então nos juntamos clicando em Ativar. Lá estamos nós. Então, todas essas diferentes otimizações de segurança foram ativadas. Então, vamos clicar em Fechar. E estes são todos os módulos disponíveis na segurança do tema palavra. Os que estão habilitados, desativados e, em seguida, disponíveis na conta Pro, que eu ainda não precisei. Posso fazer tudo o que estou interessado em usar a conta gratuita. Estes são os recomendados e estes são avançados. Tudo bem, então recomendado. Então, o que eu recomendo é clicar em todas essas configurações globais, configurar configurações básicas que controlam como eu tema funções de segurança. Você pode descer e ler cada um deles para saber o que eles fazem. Você pode adicionar seu IP atual à lista de hosts autorizados. Aqui estão os registros do banco de dados. Tudo bem, parece bom. É salvar e, em seguida, centro de notificação. Então, quando você ativar nosso tema de segurança, ele vai querer enviar um monte de coisas por e-mail. Então eu recomendo apenas desligar o resumo de segurança a menos que você esteja interessado em receber isso. Desligo o resumo de segurança e o local e a notificação de bloqueio. Prefiro que essas coisas aconteçam em segundo plano e não preciso necessariamente ser notificado quando cada um desses eventos de segurança ocorrer. Isso não é algo que você tem que agir. Isso é mais apenas uma notificação. Gerenciar grupos de usuários. Eu pulo isso. 40 para detecção bloqueia automaticamente os usuários bisbilhotando para que as páginas sejam exploradas. Essa é uma característica incrível. Eu clico em Ativar. E tudo isso parece bom. Modo Ausente, desative o acesso ao banco de dados WordPress em uma agenda. Então, basicamente, permite que você desative WordPress admin durante a noite. É um bom recurso para os hackers. Não será possível entrar em banda usuários bloquear endereços IP específicos e agentes de usuário de acessar o site. Eu gostaria de ativar isso em Habilitar recurso de lista de banimentos heck repair.com como um ponto de partida, você pode incluir a lista proibida desenvolvida por Jim Walker. Então essa é uma lista muito popular de maus jogadores e hackers que não queremos no site. Salvar configurações. Backups de banco de dados, criar backups do banco de dados do seu site. Os backups podem ser criados manualmente e em um cronograma. Então, para ser totalmente claro, estes são seus backups de banco de dados. Isto não é cópias de segurança de ficheiros. Banco de dados é um par de megabytes se esse arquivo vai ser muito maior, talvez em torno de um gigabyte. Então esta é a versão muito pequena, o backup do banco de dados. Nós adoramos backups de banco de dados. Muito importante. Mas eu só não quero que você sinta que se você ligar isso, todo o seu site é feito backup. Não é backup. O banco de dados completo verificará isso. E depois há três opções. E-mail localmente, que está salvando em seu íon é servidor, e salvar localmente e e-mail. Eu vou fazer apenas um local apenas. Então ele vai salvá-lo no íon é servidor e, em seguida, dizer cinco backups. Alguém manterá os últimos cinco backups, compactará, torná-lo um pouco menor, e programará isso para que aconteça automaticamente a cada, digamos, três dias. Isso é bom. Escreverei a detecção de alteração de arquivo, monitorarei as alterações inesperadas do arquivo de cifra. Isso pode ser útil se o site for visado regularmente por hackers. Mas para a maior parte, eu mantenho isso fora porque pode ser irritante como os arquivos mudam muitas vezes sempre que uma atualização ocorre, plug-in ou tema ou núcleo é atualizado, então isso é uma detecção legítima de mudança de arquivo. Então eu vou em frente e desligo isso. Permissões de arquivo, este arquivo e diretório permissões de áreas-chave do site. Esta é uma boa maneira de fortalecer ainda mais o seu site para contra hackers. Portanto, estas são as permissões de arquivo recomendadas pelo IBM Security. Quanto menor o número, maior a segurança e menos permissões são permitidas para as pessoas acessarem o site. Isto está tudo no back-end. Estes são os arquivos no back-end do site acessíveis via FTP? Então, quanto mais apertadas as permissões de arquivo, mais difícil será para os hackers entrarem no site. Você faria isso clicando com o botão direito do mouse em uma dessas pastas ou arquivos no FileZilla e clicando em permissões de arquivo para definir o valor sugerido. E então o amarelo ficará verde. Tudo bem, SSL configurado uso de SSL para garantir que as comunicações entre navegadores e o servidor são seguras. Célula é importante se tivermos um certificado SSL ativado, podemos habilitar este módulo, mas não ativá-lo. Embora eu habilitá-lo a menos que você tenha um certificado SSL instalado. Se você não tiver um SSL, isso pode causar problemas porque forçaria eles a carregar por SSL, o que não é possível, isso causaria problemas. Você só deseja ativar isso se você tiver um SSL instalado. O sistema ajusta as configurações avançadas. Melhoro a segurança alterando a configuração do servidor para este site. E basicamente eu marquei todas as caixas aqui. Todas essas coisas são boas. Então vamos em frente e verificar todas essas caixas. É raro que você vai encontrar um problema ou algo que você quer fazer legítimo não é capaz de acontecer porque você tem uma dessas caixas marcada. Nesse caso, desmarque quando chegar a hora. Mas eu gosto de balançar do lado da cautela. Então, como verificar todas essas caixas, sais WordPress, e pode alterar os sais WordPress, se necessário. Uma chave secreta torna seu site mais difícil de hackear e acessar adicionando elementos aleatórios à senha. Em termos simples, uma chave secreta é uma senha dos elementos que dificultam a geração de opções suficientes para romper suas barreiras de segurança. Você realmente não precisa fazer isso quase nunca. Um WordPress ajusta as configurações avançadas e melhora a segurança alterando o comportamento padrão do WordPress. Vá em frente e marque todas essas caixas também ou o que for recomendado pelas equipes de IA, consulte recomendado. Basta fazer o que eles recomendam. E se houver um problema ou um conflito onde eu não possa fazer algo que preciso fazer, então eu vou desmarcar a caixa que está causando o problema. Caso contrário, vamos errar do lado da segurança. Agora, certo? Então isso é que eu acho que a segurança, vá em frente e obter este plugin em seu site. E é um que instalei em todos os sites. Tenho no meu plano de manutenção do site. É uma ótima maneira de melhorar a segurança do seu site. É uma das muitas coisas que você pode fazer e eu definitivamente recomendo este plugin. Neste ponto, por favor, pausar o vídeo e instalar uma segurança tema em seu site WordPress. O segundo é SSL. Agora, em uma das primeiras lições deste curso, falamos sobre a importância de um certificado SSL. Eu realmente só vejo isso como opcional. Você deve instalar um com cada cliente que você assumir. Mas não é feito uma coisa única. Como isso é um serviço de manutenção contínuo? Bem, o que acontece quando o SSL lança um erro? Quando ele exibe um aviso não seguro e seu cliente recebe um e-mail de renovação SSL. O que acontece em ver, há muitas instâncias em que você pode fornecer suporte para esse certificado SSL. Não só você precisa instalá-lo em primeiro lugar, mas também garantir que ele permaneça ativo. Como é que fazemos isso? Conto com três, três serviços diferentes para SSL. I Jonas, I temas e SSL realmente simples. Agora, obviamente, você vai comprar em vez do certificado SSL em seu íon está hospedando conta. Você não pode comprar um SSL de terceiros. Você tem que usar os projetados para trabalhar com I Jonas, e tudo bem. Instale-o, certifique-se de que a renovação automática está ativada e que está tudo pronto. Mas quais plugins usamos? I tema segurança tem um módulo específico para SSL. Ele habilita o SSL em todo o site. Eu também uso plug-in SSL realmente simples, pois garante que todo o conteúdo é carregado com segurança. E então fez é apenas um pedaço de conteúdo, como um logotipo carregado sobre HTTP inseguro. Em vez de HTTPS, seguro é suficiente para vomitar, mas isso não é um aviso seguro. Claramente não queremos que isso aconteça. Então deixe-me mostrar como usamos esses plugins. Então, antes mesmo de pensar em adicionar os plug-ins SSL ao nosso site, precisamos ter certeza de que temos um certificado SSL instalado. Então, neste caso, estamos hospedando nossos sites através de Ioannidis que precisamos instalar certificados SSL através da conta de testemunha ocular. Então, vamos clicar em SSL. Vamos a um dos sites em que vamos trabalhar. E neste caso, este é um dos meus clientes e a América da Flórida, Jane Jay Construction Services Incorporated. Eles são uma empresa de construção de casas e remodelação. Tudo bem. Então eles têm um SSL certificados denotados por conexão é seguro aparecem o cadeado e o HTTPS para seguro. Como chegamos a esse ponto? Domínios e SSL? Aqui estamos nós. Basicamente, basta clicar no cadeado aqui, no ícone do cadeado, e ele puxa para cima a seção SSL de ionise. São certificados SSL. Existem certificados SSL do gestor de conta ionizado. Eu tenho um SSL ilimitado, que é um $100 por ano atualmente através Ioannidis, que me permite curinga, proteger todos os domínios em minha conta de hospedagem. É um grande negócio e eu recomendo totalmente a opção ilimitada. Então este é o certificado SSL. É aqui que visualizamos as informações do certificado, reemiti-las ou baixá-las como um início SSL ou curinga por meio de geo trust, dígitos do Power BI CERT. Então, estes são negócios muito respeitáveis. É uma validação de nível de domínio que é tão segura quanto qualquer outra opção. Só não é proteger a organização real ou verificar se a organização é quem eles dizem ser. Mas conhecemos nossos clientes e sabemos que esses certificados são válidos. Então, a menos que eles precisem de um maior em certificados SSL, estes são perfeitamente bons e muito seguros em termos de criptografia. Configurações Avançadas, você pode cancelar a atribuição do SSL. Você pode alterar o uso que você realmente não precisa fazer e você pode reeditá-lo o que você realmente não precisa fazer também. Este já foi instalado. Então está tudo bem para ir. Então, o que fizemos no WordPress? Uma vez que tenhamos instalado, uma vez que tenhamos comprado e instalado nosso certificado através de I onus em nosso servidor de hospedagem. Agora podemos pegar esses dois plug-ins que eu estava falando. Primeiro vamos para Segurança e vejamos o módulo SSL de segurança embutido. Eu gostaria de ativar este quando eu tiver um certificado SSL instalado, configurar o uso de SSL para garantir que a comunicação entre navegadores e o servidor é segura? Sim, por favor. Então, vamos clicar em Configurar configurações. Ssl é um recurso importante para cada site. Ele protege as contas de usuário de serem comprometidas, protege o conteúdo de modificações por ISPs e invasores, protege informações potencialmente confidenciais enviadas para o site de farejamento de rede, bom desempenho acelerado do site, e pode melhorar os rankings do motor de busca do seu site, benefícios em todo o lugar. Então, temos essa alteração para habilitada. O que ele faz é redirecionar todas as solicitações de página HTTP inseguras para HTTPS seguro. Isso nos permite ver o ícone do cadeado e faz todos os scripts, folhas de estilo, código, imagens, logotipo, tudo carregado sobre HTTPS, o que é seguro. Vamos verificar se olhando para algo que é carregado, como a imagem, como uma imagem aqui, que este arquivo PNG, esta é uma imagem. E lá vai você. É carregado com segurança graças aos plug-ins SSL que usamos. Tudo bem, legal. Então este é o módulo de segurança tema olho para SSL. Vejamos um diferente que eu gostaria de usar em conjunto com o IBM Security. Só para adicionar um pouco mais de proteção, é realmente simples. Ssl. Adicione isso clicando em, Adicionar novo e digitando. SSL realmente simples. É um plugin leve sem qualquer configuração para fazer suas configurações de prova SSL do site. E isso está sob configurações e SSL, basicamente você apenas ligá-lo e está pronto para ir. Você também pode marcar esta opção específica aqui. Então isso está dizendo que SSL está habilitado em seu site. O fixador de conteúdo misto foi detectado com êxito no front-end. Esse é o importante que gostamos de usar este plug-in para o fixador de conteúdo misto. Basicamente, faz tudo carregar sobre SSL, mesmo imagens individuais e pode já ser codificado no site como inseguro. Ele os reverte para garantir. Certificado SSL foi detectado quando você não gostaria de instalar este plugin a menos que tenhamos instalado um certificado SSL no servidor de hospedagem, muito importante. 301 redirecionar para HTTPS definido. Este é um pequeno pedaço de código para o HTT, o arquivo de acesso HT que o redireciona no back-end. Existem opções premium. Eu não uso as opções premium. É apenas mais uma venda adicional e a despesa mensal que eu evitar por ficar com o plugin gratuito. Então, vamos clicar em Configurações. E o que eles pedirão para você ativar manualmente é o redirecionamento de acesso HT 3 0, 1 habilitado . Ht acesso redirecionar isso mais rápido, SSL realmente simples detecta o código de redirecionamento que é mais provável para funcionar. Isto não é 100%. Certifique-se de saber como recuperar o acesso ao seu site se algo der errado. Basicamente adiciona um pedaço de código ao arquivo que você pode acessar com FTP. É o arquivo de acesso HT ponto nas raízes do seu servidor e redireciona tudo para o site seguro. Tão bonito plugin, que é grátis. Acho que a segurança é gratuita. Todos os plugins gratuitos onde podemos ativar e fazer uso do certificado SSL que instalamos com o nosso servidor de hospedagem em nosso site. Neste ponto, por favor, pause o vídeo, configure seu próprio certificado SSL e instale SSL realmente simples em seu site WordPress. A terceira é a cópia de segurança do site. Microsoft Word alguma vez travou e você perdeu o documento em que está trabalhando como seu computador já morreu e você perdeu as imagens e arquivos que estavam nele? Você já perdeu fisicamente seu telefone e agora você não tem seus contatos ou suas fotos que realmente fede. Mas com os backups apropriados no lugar, essas coisas são inconvenientes, mas não trágicas. Por quê? Porque você realmente não perdeu nada. Com um backup. Você tem uma cópia de seus dados e pode restaurá-los quando necessário. Mas como você lida com backups em seu site? Bem, é verdade que você está hospedando servidor geralmente faz backup de seus arquivos. Mas eu não confiaria inteiramente nisso. Por um lado, eles normalmente manterão apenas os últimos dias antes de excluir backups. Então, o que eu recomendo e qual é o custo? O que quer que eu esteja prestes a dizer. Consegue adivinhar o custo? Jira, você está começando a me conhecer. Eu amo software livre para, vamos ver o que há de graça lá fora. Em primeiro lugar, você deve saber que nossos amados homens e WP oferece backups gratuitos. Eles vão te dar uma opção mensal, o que é melhor do que nada. Então vou ativar esse recurso para o site de cada cliente. Eles oferecem backups diários e semanais, mas isso está em seu complemento pago, que é apenas cerca de dois dólares por site. Preço muito baixo, mas cada dólar conta. Então, se pudermos usar software livre e obter o mesmo resultado, vamos fazê-lo. Eu acho que a segurança tem um recurso interno de backup de banco de dados, que eu também vou ativar. Mas isso não inclui seus arquivos e vê seus arquivos e seu banco de dados e precisa ser feito backup de forma independente. E é aí que entra a corrente ascendente mais. Updraft mais um dos muitos plugins de backup gratuitos e pagos lá fora. É muito popular. E a versão gratuita deve ser suficiente para suas necessidades. Você pode definir a frequência e o destino de seus backups. Escolho o Google Drive como destino de backup. Portanto, o Google Drive é tão generoso com seu Cloud Storage. E a cada poucos dias, updraft plus carrega um arquivo zip ponto dos arquivos de meus clientes e banco de dados para o meu Google Drive. E onde eu preciso restaurar o backup, basta baixar o arquivo zip e enviá-lo para o servidor via FTP. O processo de restauração deve ser tão fácil quanto o backup. Deixe-me mostrar-lhe esses três serviços, todos os quais eu aproveito ao máximo o tabaco nos sites do meu cliente. Então, antes de olhar para quaisquer serviços adicionais foram Plugins, vamos olhar para o software que estamos prontos para utilizar e ver como ele pode nos ajudar com backups. Então, este é gerenciado WIP, que eu recomendo ter uma conta com para gerenciar todos os seus sites em um painel conveniente. Então, o que eles fazem para backups? Vamos clicar em backups e, em seguida, puxar um de nossos sites. Tudo bem, backups. Então este é o módulo de backups, e você pode ver no lado esquerdo aqui, backups. E parece que estamos em um cronograma mensal de backup. Esta é a versão gratuita. Onde você armazena meus backups são armazenados com segurança na nuvem usando a infraestrutura do Amazon S3, que é uma tecnologia high-end muito avançada. Então, isso é bom. O que você faz backup? Fazemos backup de toda a estrutura padrão do WordPress , exceto os arquivos de log e outros arquivos de backup. Então, isso é muito bom. Como isso afeta o desempenho do meu site? Ele só fará backup dos arquivos que eu tinha sido alterado desde o último backup, o que significa que o backup será muito mais rápido cada vez que um é concluído, vamos fazer todo o trabalho pesado e um símbolo completo arquivos de backup em nossos servidores. Então, isso é bom. Por quanto tempo você manter meus backups manterá seu histórico de backup por 90 dias completos. Então, isso é ótimo. A desvantagem aqui é que os backups são uma vez por mês. Precisamos de algo mais frequentemente do que isso. Como é que conseguimos isso? Bem, você tem que atualizar. A atualização neste caso é basicamente $2 por mês. No meu caso, é um $1,40 porque eu tenho usado conseguiu ser P por um tempo. Assim, a oferta de um desconto ou você pode pagar uma certa quantia por mês para agrupar vários sites. Vamos ver o que isso custa sob os preços. E os complementos premium. Pacote, pacote, 25 sites por 75 dólares para a versão pro e backup, que seria bom se não tivéssemos outras opções para backups. Mas nós temos. Então vamos explorá-los enquanto isso, vamos fazer o livre. Faz backup uma vez por mês, mas tudo bem. Vamos em frente e ligá-lo porque a opção está lá. Então vamos tirar vantagem disso. Há também um botão de backup de restauração, download de backup e clone site. Então é assim que iríamos restaurar um backup que foi salvo em Gerenciar WP. Muito útil quando você precisa. Vamos ver o que mais temos disponível. Então eu recomendo ativar isso para cada site que você não conseguiu BP, apenas se concentrar na opção gratuita, vá em frente e ative isso e utilize os backups gratuitos. Então vamos para o backend do nosso site WordPress. E vamos olhar para outro serviço que já estão usando, que é eu acho que segurança. Então eles têm uma opção de backup. Vamos fazer os módulos de busca e backup. Eles oferecem um backup de banco de dados. Crie cópias de segurança da base de dados do seu site. Os backups podem ser criados manualmente e em um cronograma. Então gerenciar WP faz backup dos arquivos e do banco de dados. Observe que os arquivos são muito maiores do que o banco de dados. Acho que a segurança só está fazendo backup do banco de dados. Isso está tudo bem. Precisamos de um backup de banco de dados. É importante. Gostamos de ligar isso, mas isso está em um backup completo. Se você só confiou em minha segurança tema, você estaria em uma perda para seus arquivos, que inclui todos os uploads, imagens que temas, os plugins, todas essas coisas valiosas que você configurou seu WordPress site para ter, tudo isso teria desaparecido. Mas sem o banco de dados, você não tem nada. Então precisamos dos dois. Então, ativamos Gerenciar WP para arquivos e banco de dados gratuitamente em uma programação mensal. E podemos ativar o recurso de backup do banco de dados no IBM Security e definir quantos backups queremos reter e em que intervalo, neste caso, sete dias. Podemos fazer backups programados do banco de dados. Então, isso é bom. Mas qual é a nossa próxima opção? Vamos olhar para ascendente mais iria para Plugins e Adicionar Novo para adicionar rascunho mais. E isso aparecerá em configurações e rascunho ascendente, além de backups. Então este é um maravilhoso software livre que nos permite fazer backup e restaurar nossos arquivos e nosso banco de dados, nosso banco de dados. Então faz as duas coisas no horário. O backup agora inclui banco de dados no backup. Embora, basquetebol as tabelas WordPress no banco de dados. E podemos incluir os arquivos e enviá-los para armazenamento remoto. No meu caso, deixei cair no Google Drive. Isso acontece em um temporizador. Eu costumo configurá-lo para semanalmente, manter cinco backups semanais para os arquivos e manter cinco backups de banco de dados semanalmente. Você pode definir isso para o que quiser. Isso só funciona para mim em clientes high-end que têm mais atualizações de conteúdo com mais regularidade, vou mudá-lo para diariamente. E eu, eu levanto isso, levanto isso. Escolha seu armazenamento remoto para que eles ofereçam muitas opções sob o gratuito, podemos escolher um desses, e no meu caso, eu escolho o Google Drive. Role para baixo e no Google Drive, eles terão um link Connect para conectar seu Google Drive à versão ascendente mais. E é muito fácil usar apenas dois cliques. E você tem seu Google Drive conectado. Deixe-me mostrar-lhe como isso seria. Pasta ascendente mais no meu Google Drive. Isso terá todos os meus backups recentes no Google Drive. E posso ordená-lo, ordenado pelo mais novo daqui em apenas um segundo. E você verá que temos os arquivos são separados em outros uploads, temas, plugins e, em seguida, o próprio banco de dados. Então, cada um deles é importante. E quando chegar a hora que você precisa restaurar um backup, tudo que você faz é encontrar o que você quer, encontrar a data que funciona para você. Selecione todos eles, clique com o botão direito do mouse e baixe. E lá vai você. Você tem os arquivos que foram copiados. E você pode restaurar isso em seu site com seu FileZilla FTP usando uma nova cópia do WordPress para os arquivos principais. E você terá que trabalhar com sua pasta de temas e plugins e seus valiosos uploads e o backup de banco de dados muito valioso. Então updraft plus é um incrível oh, pedaço de software. É completamente grátis. Muita informação aqui, e funciona no piloto automático. Você acabou de dizer isso quando você está lançando o site do seu cliente pela primeira vez e esquecê-lo. Funciona em piloto automático, funciona lindamente e é grátis. Então, em revisão, eu gosto de instalar todas essas ferramentas de backup, gosto de ativar os backups gratuitos em gerenciado para BP para um arquivo mensal e backup de banco de dados. Vou ativar nossos backups de banco de dados de segurança do tema para um backup de banco de dados local. E vou ativar a versão ascendente mais como minha solução de backup principal, que envia todos os meus clientes, sites e bancos de dados para minha conta do Google Drive todas as semanas. Então, ferramentas incríveis disponíveis para utilizar para todos os backups importantes. Neste ponto, pausar o vídeo, ativar, Gerenciar backups WP. Eu acho que backups de banco de dados de segurança e instalar objeto livre em seu site. A quarta são as verificações de segurança. Então, como você determina o status de segurança do seu site? É seguro só porque ainda não foi hackeado? - Não. Pode ser apenas um pato sentado lá esperando o hack vir em seu caminho. Em vez disso, queremos verificar regularmente ou sites em busca de vulnerabilidades. Na verdade, vários dos meus sites foram sinalizados recentemente porque um plug-in principal anunciou uma vulnerabilidade de segurança. A grande notícia, eles lançaram uma atualização junto com um aviso público. E se você não atualizar o plug-in, você estará deixando seu lado aberto para hackers. Então é isso que ficamos em cima dessas coisas. Como você faz a varredura do seu site em busca de segurança? Deixe-me apresentá-lo a dois serviços. WPS gerenciado, recurso de segurança integrado e verificação de site gratuito de títulos. Agora, primeiro, você já está usando gerenciado para BP. Não faz sentido para, para check-out e tirar proveito do recurso de verificação de segurança. A versão gratuita detectará malware, vulnerabilidades de plugins, erros no site, listas negras de software desatualizadas e muito mais. Agora está claro que este é apenas o mensageiro, não um limpador. É simplesmente informado sobre o problema e como resolvê-lo. Muito útil, de fato. E em terceiro lugar, o complemento pago faz exatamente a mesma coisa, exceto que economiza seu tempo escaneando todos os seus sites automaticamente, em vez de ter que executar manualmente o scanner em todos os sites. O outro serviço é a verificação do site de segurança, que basicamente verifica as mesmas coisas que gerenciou a BP. Mas sou fã de fazer vários exames no caso um pegar algo e outro errar. Segurança é um dos maiores nomes e segurança de sites. Eles pagaram soluções sob demanda, como remoção de malware. Mas o scanner gratuito é um ótimo ponto de partida. Deixe-me mostrar esses scanners maravilhosos. Então, antes de procurarmos scanners de segurança adicionais, vamos ver o que já temos à nossa disposição. Então, este é gerenciado um vice-presidente novamente, e nós estamos olhando para a guia Segurança aqui, segurança. E vamos olhar para um que recentemente. Alguma coisa apareceu sob a verificação de segurança. Diz que houve problemas detectados. Então vamos voltar abaixo da aba Segurança à esquerda. Uma vez que estamos em um site específico, queremos digitalizar. Podemos clicar em Verificar agora para ir em frente e digitalizar o site. Você pode fazer isso manualmente ou você pode fazê-lo em um temporizador com o recurso de agendamento, mas isso só estará disponível se você comprar o complemento que irá automatizar suas verificações de segurança. E eu não faço isso porque eu tento manter as versões gratuitas. E então as varreduras são exatamente as mesmas. É só que o complemento pago irá automatizar a verificação. Então, vou passar e clicar manualmente em Verificar agora em todos os sites dos meus clientes cerca de uma vez por mês. A menos que eu precise verificar mais vezes, se eu souber que há um problema em particular que vai aparecer. Portanto, isto procura vulnerabilidades, confiança na Web e malware. Atualmente, todos eles estão limpos, mas alguns dias atrás eles não estavam limpos. Então, vejamos quais problemas foram detectados. Este é um ótimo exemplo de algo que iria aparecer que você precisa diagnosticar. Então os problemas foram detectados. O malware estava limpo, não havia vírus no site. A confiança na web era limpa, que significava que o Google e outras listas negras e outros motores de busca não tinham colocado o site na lista negra. Então, isso é bom. Mas as vulnerabilidades foram detectadas e esse foi o problema. Então nós rolamos para baixo e vulnerabilidades, este é um plugin WP padaria Visual Composer foi comprometido e eles colocaram para fora uma atualização de segurança e eles queriam que todos atualizassem o site para que eles pudessem tirar proveito do patch de segurança. Então eu tive que entrar e fazer isso. E isso foi bom. Essa foi apenas uma atualização típica do WordPress, mas é algo que apareceu naquela verificação de segurança específica. Então eu estou feliz que conseguiu ser P me notificado. Então, eu me certificaria de incluir isso na minha rodada de atualizações. Confiança na Web, ele mostrou o domínio como limpo em todos esses diferentes sites, incluindo Google, Navegação segura e Norton e outros, e seus laboratórios de malware de segurança. Então, se clicarmos em Verificar agora, então ele mostrará a verificação de segurança. E esta é a nossa verificação de segurança. Então foi isso que surgiu e tudo é verificado, limpo, sem malware, sem vulnerabilidades, e a confiança na web é boa. Então somos bons em todos os departamentos aqui. Então, isso é ótimo. Nós limpamos o problema que surgiu e estamos todos prontos para ir. Então vamos cruzar isso com um, outro site. Este é o site em questão, master battery.com. Então vamos passar pela verificação do site gratuito de segurança. Este é o site check dot security, dotnet, SUSE URI dotnet. E podemos copiar e colar nosso nome de domínio no formulário aqui e clicar em Digitalizar site. Esta é uma verificação gratuita de segurança do site e um scanner de malware através da URL. Ele irá verificar se há vírus de malware conhecidos, status de lista negra, erros de site, software desatualizado e código mal-intencionado. Vamos em frente e clicar em Digitalizar site e começar. Uau, isso foi rápido. Nenhum malware encontrado. Nosso scanner não detectou nenhum malware. O site não está na lista negra em nove listas negras populares diferentes. E é um baixo risco de segurança. Nenhum malware no site. Nenhum malware detectado, nenhum spam injetado detectado, nenhum defacement detectado, erros internos do servidor. O lado está atualizado e usa uma versão atual do WordPress. A lista negra saiu. O domínio está limpo em todas as diferentes listas negras. E isso é ótimo. Monitoramento de sites e firewall ou aumento de encargos com segurança. Então vamos ignorar aqueles que estavam aderindo ao livre. E sim. Tudo bem. Então esse é outro para verificar, além de gerenciar a BP, se você estiver especificamente fazendo uma auditoria de segurança e quiser ter certeza de que o site está limpo, esta seria uma ótima ferramenta para usar em seu repertório de scanners de segurança. Então nós temos segurança, nós conseguimos BP e há muitos outros, mas esses são os dois que eu amo usar. Neste ponto. Por favor, pause o vídeo, digitalize seu site com gerenciado para BP e verificação do site de segurança. Observe o que é relatado nos resultados da varredura. O quinto é a remoção do vírus. Você já esteve em um site que foi hackeado? Como é que sabias? Bem, talvez você teve um pop-up não seguro ou redirecionou você para um site que obviamente não era o que você pretendia visitar. Apesar de seus melhores esforços para ficar em cima da segurança, hacks podem acontecer. Não se trata se o seu site é hackeado. É o que fazer quando o seu site detectar. Eu chamo isso de parte de remoção de vírus do seu plano de manutenção do site. Se você tiver seus backups adequados no lugar, simplesmente limpe seus arquivos e restaurou o site com um backup recente. Exclua o banco de dados no PHP, meu administrador através do Jonas, e restaure-o com o arquivo de banco de dados do Google Drive. E depois um. Uma vez que o site foi limpo e on-line novamente, você precisa fazer o seu melhor para garantir que isso não aconteça novamente. Como você faz isso? Bem, aqui está um guia conveniente de segurança sobre como limpar um site Hecht WordPress. Vamos ler. Isto é títulos, como limpar um guia do site Hecht WordPress. Há toneladas de guias on-line que você pode ler que lhe dão alguns passos incríveis sobre como remover um vírus de um site WordPress e como protegê-lo no futuro. Mas isso é de segurança, que é uma autoridade no setor de segurança e onde usá-lo para a verificação do site, então confiamos nas informações que eles fornecem. Então vamos ver, passos para remover malware, spam e outros hacks do WordPress. A segurança dedicou anos a ajudar os administradores do WordPress a identificar e corrigir sites da Hecht. Nós montamos este guia para caminhar proprietários WordPress, o processo de identificação e limpeza de um corte WordPress. Este não é para ser um guia abrangente, mas se seguido, deve ajudar a lidar com 70% das infecções que vemos. Primeiro, quero que identifique o hack. Segundo é limpar o hack, e terceiro é etapas post hoc. Então, primeiro, como identificamos o inferno? Bem, eles levam para o scanner do site, escaneiam o site, verificam a integridade do arquivo WordPress. Então estes são o administrador WP. Wp inclui pastas raiz. Uma boa maneira de limpar o site seria apenas colocar uma nova versão do WordPress em seus arquivos modificados recentemente. Verifique as páginas de diagnóstico do Google. Assim, você pode visitar o site de status de sites de navegação segura em seu URL. E nessa página, você pode verificar se foi adicionado a uma lista negra da Navegação segura do Google. Então, essa é uma maneira útil de ver se você está na lista negra ou se você tem algum hacks em seu site. Passo dois seria removido malware do seu site WordPress. Dica profissional. A melhor maneira de identificar arquivos e WordPress é comparando o estado atual do site com um backup antigo e conhecido por ser limpo. Se houver um backup disponível, você pode usá-lo para comparar as duas versões e identificar o que foi modificado. Arquivos do WordPress limpos e hackeados. Se a infecção por malware está em seus arquivos principais são plugins. Você pode corrigi-lo manualmente. Apenas não sobrescreva seu arquivo de configuração WP ou pasta de conteúdo WP e certifique-se de que você faça um backup completo de antemão. Queremos nossos backups prontos o tempo todo. E queremos aproveitar o WordPress.org, adicionar esse pronto para que possamos baixar uma nova versão do WordPress e limpá-lo dessa forma. Porque alguns arquivos podem ser substituídos por cópias novas ou backup recente que não foi infectado. Você pode remover arquivos suspeitos que não deveriam estar lá. Através do seu FileZilla, seu cliente FTP. Limpe tabelas de banco de dados hackeadas, contas de usuário seguras WordPress Isso significa um, fazer backup do seu site e banco de dados para fazer login como administrador. Para WordPress, clique em Usuários, localize novas contas de usuário suspeitas e exclua-as. Então, esses seriam os que você não adicionou. Eles não pertencem lá, e eles foram adicionados que um hacker ansioso para entrar no site. Então nós definitivamente queremos remover essas senhas e redefinir senhas que podemos achar que estão comprometidas. Remova portas traseiras escondidas em seu site WordPress. Então esses são arquivos que não deveriam estar lá. Basicamente, quando entramos no FileZilla e clicamos quando você conhece o WordPress e quais arquivos devem estar lá, é fácil identificar aqueles que não deveriam estar lá. Muitas vezes, backdoors são incorporados em arquivos nomeados como semelhantes aos arquivos principais do WordPress, mas localizados nos diretórios errados. Atacantes podem injetá-lo de volta portas em arquivos como um ponto de configuração WP PHP e diretórios como temas, plugins e uploads. Nós definitivamente queremos fechá-los. De qualquer forma. Podemos apagar o código completamente. Assim, o hack cessará, removerá avisos de malware se você estiver na lista negra do Google, do índice McAfee Yan ou de outras autoridades de spam da Web. Você pode solicitar uma revisão do seu site WordPress depois que ele foi limpo. Há maneiras de fazer isso. Proteja seu site WordPress de futuros hacks. Então, neste momento, o hacker foi identificado, o hacker foi limpo. E agora o que precisamos, na etapa final, aprender a corrigir os problemas que fizeram com que seu site WordPress fosse hackeado em primeiro lugar. Para que seu trabalho não termine aí. Depois de limpar o hack, você precisa ter certeza de que não aconteça novamente. Número um, atualizar e redefinir as configurações. Backup do seu site, restaurá-lo com uma nova cópia do WordPress. Actualizar. Execute todas as atualizações que estão disponíveis lá, administrad 37. Vender seu plano de manutenção de sites: Bem-vindo, sou Leighton, seu webmaster. Na lição de hoje, vamos discutir como comercializar e vender seu plano de manutenção do site. Então agora, você já está vendido sobre o valor de um plano de manutenção, tanto para você pessoalmente quanto para seus clientes. Você entende o tipo de serviços que você está jogando pode incluir, como hospedagem, gerenciamento, atualizações e segurança. E o que o Software Livre ajudou a fornecer esses serviços. Felizmente, você já se inscreveu para a maioria deles. Mas agora eu quero falar sobre o que você chama de seu plano. Quanto você vai cobrar por ele fora de uma cela ele. E se cancelarem o plano com você? Primeiro, como você chamará seu plano de manutenção do site? Obviamente, você pode simplesmente chamá-lo de seu plano de manutenção do site. A escolha padrão. Mas eu pessoalmente considero o meu um serviço de cuidados de site. Eu me afastei da palavra manutenção porque eu queria transformar isso em um cuidado positivo. Meu serviço está cuidando do seu site. Outros apenas consideram hospedagem e manutenção e tudo bem. Algumas agências até chamam isso de contrato de serviço. Está tudo bem também. Seja qual for o nome de seu serviço, escolha um nome e crie uma página para ele em seu site. Para sua inspiração. Aqui está como minha página de serviço de atendimento do site se parece. Então, uma vez que você decidiu que deseja comercializar um plano de manutenção de site, você tem que adicionar esse serviço ao seu site de negócios de design de site. Então, no meu caso, esta é a minha agência, mídia pioneira, e eu adicionei aos serviços e manutenção de sites. Assim, você pode usar isso como inspiração para a página de manutenção do seu site. Então este título é SEO amigável. Minha área local é especialistas em planos de manutenção de sites do Tennessee desde 2006. E o parágrafo de abertura aqui, o que inclui? Role para baixo para ver os recursos principais. Por que você precisa dele? Este é um link interno para um post de blog que escrevi em 16 razões pelas quais você precisa de um plano de manutenção do site. Aqui está um gráfico que eu criei que mostra as atualizações do site, os backups, servidores de segurança, hospedagem e e-mails no site. O que está incluído no serviço de atendimento do site? Hospedagem, atualizações de gerenciamento de e-mail, otimização de mecanismo de busca de segurança, mídia social , remoção de vírus, monitoramento de tempo de atividade, detecção de alterações, listagens locais e SSL. Então, esses são os diferentes serviços que comercializo no meu site de atendimento. E você pode marcá-los também se você estiver confortável fornecendo todos esses serviços. Então, cada um deles tem uma pequena descrição do que isso implica para que as pessoas possam vir a entender o que todos os serviços que você fornece em seu plano de manutenção do site. Quanto mais você pode escrever aqui, quanto mais você pode embalar em seu plano de manutenção do site, melhor. Então, enquanto continuamos a rolar, eu adicionei que estamos em uma classificação cinco estrelas do Google com um link para minha lista do Google e alguns depoimentos. Então, se as pessoas chegam a esta página e não viram nenhuma outra página no meu site, então eles podem ler alguns depoimentos. Finalmente, temos um apelo à ação. Será que o seu site precisa de gerenciamento, ligue para nós ou envie um e-mail ou preencha este formulário. Essa é uma ótima maneira de capturar qualquer interesse que as pessoas têm quando eles chegam nesta página, eles podem simplesmente preencher o formulário, atirar para mim e eu posso cumprir o pedido. Então essa é a página do meu plano de manutenção do site. Eu empacotei e refinado e refinado ao longo dos anos e agora ele está na subpágina de manutenção do site de serviços. Então você precisa de uma página inicial para o plano de manutenção do seu site e pode considerar a mente como inspiração para o seu. Então vá em frente e crie sua página de destino em seu site o mais rápido possível. Em seguida, quanto você cobra por um plano de manutenção de site? Adoro esta conversa. O que acha apropriado? Não posso decidir isso por você, mas posso lhe dar alguma inspiração. Algumas agências de web design oferecerão três níveis. O clássico, bom, melhor, melhor modelo de negócio. Então, digamos 50, 75, e cento e cinquenta, cem, duzentos, quaisquer que sejam seus planos, você precisa descobrir o que os diferencia. Por que alguém escolheria o plano mais caro? Talvez o seu primeiro aqui seja a manutenção sem hospedagem. Seu segundo nível é manutenção e hospedagem. E seu terceiro nível inclui dois sites, ou seu primeiro nível é um site de uma página. Seu segundo nível é um site padrão. terceiro nível é o comércio eletrônico, o que requer muito mais trabalho contínuo. Bem, você oferece um desconto em vários sites onde você apenas oferece um plano. Basicamente cobro 95 dólares aos meus clientes por mês por todos os planos. Na verdade, se um cliente tem um orçamento mais apertado, isso me dá algum espaço para negociar até, digamos, 75 ou 55. E se um cliente precisa de mais assistência, tem um orçamento mais alto. Cobrado até US$700 por mês para clientes que tinham vários sites de alto orçamento. Eu também cobrei tão baixo quanto US $15 por mês para empresas muito pequenas que só querem uma hospedagem pura. Assim, você pode alterar o preço com base na consulta inicial. Não sinta que seus preços estão fixos sem qualquer negociação. E esse é um ponto-chave. Bem, ouça as necessidades deles para que você possa antecipar quanto tempo você gastará em seu projeto a cada mês. E para ser claro, qual desses planos realmente te custou. Já somaste o custo? Bem, para seus primeiros, digamos, 2250 clientes, você pode conseguir com a versão gratuita que a maioria desses softwares e além de 50 clientes e o custo da versão paga, é quase nada. Então, praticamente o único custo inicial é o próprio servidor de hospedagem. Digamos que você escolheu o servidor dedicado de US$90 por meio de sua conta ionizada. Se você colocar 20 clientes lá em 50 dólares cada, isso é uma receita recorrente de US $1000 por mês e apenas US $90 por mês de despesa. É uma margem de lucro de 91%. Veja quanto mais serviços gratuitos você aproveita, menor será a sua despesa e maior será a sua margem de lucro. Se você tem 50 clientes com média de 75 dólares por mês, isso é $3.750 por mês totalizando $45 mil por ano, uma renda recorrente passiva para contas que basicamente funcionam em piloto automático com pouco trabalho de manutenção e administração. Então isso parece incrível. Mas como você vende seus planos de manutenção do site em si mesmo objetivo. Este é o ponto-chave número um. Acima de tudo, você precisa enfatizar valor, valor, valor, valor. Para fazer isso, você precisa ter uma compreensão sólida de seus serviços e seu valor. O que exatamente o seu plano de manutenção inclui? Como você responde quando perguntado, o que eu recebo por essa taxa mensal? O que achavam que a manutenção é desnecessária? Quase todos esses obstáculos podem ser superados pela compreensão booleana e acreditar em seu produto. Na verdade, em apenas essas lições, nós passamos por mais de 15 serviços individuais que você pode agrupar em seu plano de manutenção do site. Digamos que você está cobrando $50 pelo seu plano de manutenção. Se você estresse valor, valioso, cada um desses 15 serviços está em transmitir sua paixão por este serviço. Então, no final da chamada de vendas, eles não vão dizer que custa $50 por mês. Dizem que recebo tudo isso por apenas 50 dólares por mês. Esse é o tipo de sentimento que você quer suscitar neles. Você também quer levá-los em uma jornada, envolver suas emoções. Pergunte a eles, como você se sentiria se você derramasse seu site e ele sumiu ou foi hackeado. Não funciona mais. Com um plano de manutenção, apoiamos-te e deixamo-los entusiasmados com o website deles. Faça-os sentir que não podem dar-se ao luxo de não ter um plano de manutenção do site. Ponto de dentro. Eu não falaria disso no início da escola. Acertá-los com outra despesa recorrente logo fora do portão. Conheça um ao outro, explicou o valor de um site. Faça-os falar sobre o projeto e por que eles se aproximaram de você, quais problemas eles têm que você pode resolver. Em seguida, vá para o seu discurso sobre o valor de um plano de manutenção. Até lá, você já expressou como um site é importante e como qualquer quantidade que eles investem esse site deve trazer retornos. Muito além disso, ajudou-os a ver o site como sem despesas. Mas uma máquina geradora de renda. Essa máquina custa dinheiro, custa dinheiro para construir e um pouco a cada mês para manter. Mas sem ele, você estaria perdendo negócios. Uma vez que eles estão pensando em termos de como o site aumentará seus negócios, eles estarão mais abertos à idéia de manutenção e manutenção. - Curso. Quero que alguém cuide do gerador de chumbo, da máquina de renda. Se eles provocarem esses sentimentos, tiveram essa reação, você se foi. Agora, finalmente, o que eles cancelaram? Eles não mais 12 plano de manutenção do site. Isso é perfeitamente bom. Coisas acontecem. Coloque-se no lugar deles. Como você se sentiria se quisesse cancelar serviços com uma empresa? Você gostaria que eles cancelassem a conta da sua conta fosse grosseiramente, ou tornassem o processo de cancelamento um pesadelo. Agora, a recessão atinge, os negócios fecham, mudam de mãos, superam seus serviços. Talvez eles diminuam o tamanho. Por qualquer motivo, não faça seu cliente se sentir mal por cancelar a manutenção e hospedagem. E este é um ponto chave de negócios. Deixe sempre a porta aberta para futuras oportunidades de trabalho. Depoimentos positivos e referências. Depois de solicitarem o cancelamento, cabe a você fazer esse processo funcionar o mais suavemente possível. Isso realmente se resume a apenas cinco minutos de trabalho. É basicamente o oposto de uma migração de site. Você está migrando o site para fora do seu servidor. Na realidade, o que isso realmente significa é enviar um e-mail para seu cliente, um backup do banco de dados e arquivos do site. Podemos fazer isso em um zip para desbloquear seu domínio e enviar o código de autenticação. E três, essas são as contas de e-mail deles. Agora cabe ao cliente aceitar a transferência e mover o site para seu próprio servidor. Mas você fez sua parte para ser o mais cooperativo possível. Agora, um último ponto. Como você fatura seus clientes todos os meses? Uau, nós realmente vamos cobrir isso no próximo conjunto de lições. Então fique atento. Então vamos recapitular. Nesta lição, aprendemos que um, você deve nomear seu plano de manutenção do site e delinear claramente os serviços incluídos para anotar os vários planos que você vai oferecer e para o mês que eles custam. Três. Então, seu plano de manutenção, enfatizando o valor 4, se um cliente cancelar seu plano de manutenção e deixarmos a porta aberta para futuras oportunidades. Qual é o nosso dever de casa? Eu quero que você crie a página de serviço do plano de manutenção do site em seu site, anote seus planos e seus tríceps. Isto tem sido tão incrível. Espero que até o final desta série, você está se tornando um site planos de manutenção como eu sou. Estes são excitantes, transformaram o meu negócio. Estou feliz em ver como eles te ajudam. Eu sou preguiçoso. Agora você sabe, plano de manutenção do site. 38. PARTE 6: como atender clientes: Bem-vindo, sou Leighton, seu webmaster. Parabéns, você alcançou a série mais importante de lições em todo este curso. Até agora, você já aprendeu os fundamentos do web design. Você aprende a construir um site. Você aprende a criar sua marca. Otimização do mecanismo de busca é tudo sobre. Você aprende bem o que eu fiz para este pouso sobre esse conhecimento é incrivelmente valioso. E não só você aprendeu esse conhecimento, mas através do seu dever de casa, você pegou esse conhecimento e o usou para desenvolver suas habilidades. Tão capacitante para aprender novas habilidades. Mas como você vende esse conhecimento? Como você ganha dinheiro com essas habilidades? É como ter uma aula de imóveis para aprender o ofício, estudar para o exame, ganhar a licença, ter, sabe, tantas casas. O que esse conhecimento fez por você? Só o conhecimento é bom, mas não paga as contas. Precisamos implementar esse conhecimento para construir um negócio de sucesso, você começará a gerar quatro por seis dígitos de renda em web design uma vez que você começar a comercializar suas habilidades e ganhar clientes. É disso que se trata esta série de lições. Na verdade, estaremos aprendendo sobre cada etapa do processo de web design. Ganhar uma entrevista de clientes, cotar sites, enviar propostas e contratos, faturar impostos, integrar clientes, projetar, desenvolver, polir e lançar sites, e manter seus clientes. Mas por que essa série de lições é fria? Como servir os clientes? Porque como um webmaster, você não tem um e feito clientes construindo e comercializando o site não é uma transação única. Fornecer serviços de design de seu site significa estimular relacionamentos de longo prazo. Você atende seus clientes respondendo prontamente quando eles têm perguntas, solicitações ou atualizações para o site. Você atendê-los, mantendo o controle de seu site e garantindo que ele permaneça ativo e ativo. Seu atendimento ao cliente pode brilhar mais do que qualquer outra habilidade, e é disso que eles vão falar. É disso que seus clientes vão se gabar. Mas construir esses relacionamentos de longo prazo é um processo para atender a reunião de um cliente para ansiar seu site. Mas desde 2006, tenho refinado esse processo e estou tão feliz em compartilhar com vocês o que aprendi por tentativa e erro. Aprendi o que funciona e o que não funciona, mas também como automatizar e simplificar seus processos para economizar tempo e esforço. Na verdade, ao sair do portão, quero compartilhar com vocês dois documentos que economizam tempo que melhorarão muito a sua produtividade. Primeiro, chamo a linha do tempo do meu projeto. Então, digamos que você teve algumas metas de vendas. Você consegue alguns clientes, e começa a construir sites. Como você pode manter o controle de tudo isso? Como você se lembra quais pessoas usam suas propostas fazem que estão revisando seu contrato, que você está esperando, um adiantamento de qual cliente você precisa criar um site e para quem é os sites que você precisa lançar. Como você mantém o controle de tudo isso? Pouparás muito tempo e clareza mental. Se você obter o status desses clientes fora de sua mente em um documento, veja quando você escreve algo, você libera sua mente de ter que lembrar constantemente as mesmas informações. E os clientes que caem nas rachaduras? Aqueles que você não tem notícias há algum tempo, você vai se salvar de esquecê-los. Se você anotar o status de seu projeto, você pode conseguir isso através de software de gerenciamento de projetos. Já ouviu falar de Basecamp, Trello, Asana? - Sim. Não há falta de serviços de gerenciamento de projetos lá fora. Há muito mais do que o que acabei de nomear, mas esses são os mais populares. E o que eles fizeram? Eles basicamente permitem que as equipes colaborem, se comuniquem, gerenciem tarefas e projetos. Se você tem uma equipe, estes são serviços inestimáveis. E quando você está começando, como você e eu, quando você é um Premier solo, você precisa de uma solução cara de gerenciamento de projetos? Ou você pode efetivamente fazer isso por conta própria? Você já sabe a resposta, você me conhece, há sempre uma opção livre. Obviamente, você poderia apenas criar um documento de palavras ou notas. Prefiro o formato de planilha para isso. Deixe-me mostrar a planilha da linha do tempo do meu projeto de confiança. Aqui está a planilha da linha do tempo do meu projeto confiável, um processo de web design de 10 etapas mapeado do começo ao fim. Vejamos estes passos diferentes. Primeiro, encontramos um cliente, enviamos uma proposta, essa é a primeira coluna. Então os mudamos para assinar um contrato, onde daríamos um contrato e esperaríamos sua assinatura. Terceiro, seria um adiantamento quando você está esperando por eles para fazer o pagamento. O número quatro seria o domínio e o design. Foi aqui que reunimos o status atual do site, o domínio de hospedagem e a situação do e-mail e descobrimos o que gostaríamos de fazer para o design. E também reunimos conteúdo para o site. Em seguida, estamos construindo o site. É aqui que você constrói o site, desenha e o desenvolve. Baseado em quaisquer liberdades criativas que você recebeu e qualquer que seja o escopo do trabalho que está envolvido. Em seguida, após o seu produto com o trabalho, você enviá-lo e finalizamos o site. Então é aqui que eles enviam suas revisões, dão feedback no site e você vai fazer as alterações com base no que eles lhe disseram. Em seguida, lançamos o site, que é onde nós o embrulhamos no back-end e o lançamos, enviamos para o Google, tornamos ao vivo na internet para todos verem. Então nós pegamos para baixo ou nós recebemos um pagamento final, o pagamento de conclusão, que é o saldo na fatura inicial que você enviou. Em seguida, começamos o nosso “O que é um plano de manutenção no meu caso, eu chamo isso de serviço de cuidados. E é aqui que aguardamos o primeiro pagamento para o primeiro mês em que enviamos o serviço de atendimento. E, finalmente, adicionamos ao nosso portfólio e obtemos a avaliação dela. Então, como é que esta linha do tempo realmente funciona? Então este é um mapeamento visual de qual é o status de cada um de nossos projetos. Então vamos olhar para a empresa G. Então acompanhe G. Eles já concordaram com a proposta, eles assinaram o contrato, e agora nós os transferimos para adiantamento. Estamos à espera deles para fazerem um pagamento. Assim que fizerem esse pagamento, eles vão passar desta coluna para a próxima, domínio e design, onde descobriremos o que vamos fazer pelo site deles, como vamos projetá-lo, que tipo de conteúdo com o qual tivemos que trabalhar. E então, uma vez que tenhamos tudo pronto e estamos prontos para começar a construir, exploda para construir um site onde projetamos e desenvolvemos um site. Tão ideal que você está movendo estes da esquerda para a direita. E depois que terminarmos, o site foi lançado. Eles pagaram seu serviço de atendimento de honra como um cliente mensal pagante em nosso plano de manutenção e nós os adicionamos ao nosso portfólio e recebemos uma avaliação. Nesse ponto, podemos removê-los da linha do tempo e eles não são mais um de nossos projetos ativos. Eles são um cliente ativo, mas o projeto inicialmente está concluído. O que mais podemos fazer? Então, outra característica agradável são os comentários. Então, no aplicativo do número em um Mac, temos um botão de comentário que você também tem no Excel. Insira um comentário e podemos clicar nisso e digitar o que quisermos. Então local de construção, então poderíamos dizer homepage, completo. Precisa fazer sobre nós e entrar em contato. Lá vai você. Aí está o seu comentário e tem um carimbo de data/hora também. Podemos atualizá-lo no futuro. Podemos apagar o comentário. Gostaria de acrescentar comentários à proposta do Senado. Eu gosto de ter um encontro em cada um desses. Então podemos dizer enviado por e-mail ou enviado via e-mail em 5 de outubro de 2020, e, em seguida, colocar o valor 1995 mais 75 por mês. Lá vai você. Você tem um carimbo de data/hora, você tem o valor cotado, e nós temos como entregamos a cotação e a data. Muito bom. Por que estes são coloridos enquanto estes são pretos? Então eu gosto de codificar com base na idade da proposta. Então, se esses são clientes que estamos tentando ganhar no ano passado, então eu vou torná-los verdes. Se a proposta foi enviada ou o contrato foi enviado há mais de um ano, então eu vou torná-lo laranja e em mais de dois anos é vermelho. Então, a razão pela qual mantemos isso na lista mesmo depois de um tempo, é porque talvez estejamos sentados girando seus polegares e não temos nenhum trabalho a fazer. Bem, vamos ver esta lista e talvez liguemos para a empresa B, ver como eles estão indo companhia A, companhia II, e ver se podemos começar a trabalhar lá. E então os verdes são aqueles com os quais provavelmente temos um diálogo aberto. Mas também podemos acompanhar com eles em seu pouco tempo passou e ver como eles estão fazendo, ver se eles estão re para avançar com o projeto. Portanto, é muito valioso mantê-los na linha do tempo do nosso projeto. Não se esqueça deles porque é possível que talvez alguns meses a partir de agora, talvez na próxima temporada ou no próximo trimestre, eles vão querer prosseguir esse projeto do site, mas apenas não agora. Portanto, não queremos esquecê-los e certamente não queremos esquecer a quantidade que citamos ou o que oferecemos para fornecer para eles. Então esta é a linha do tempo do projeto. Ele tende a esse processo que eu uso para mapear e visualizar meus projetos e manter o controle de quais projetos eu tenho em curso. Neste ponto, pause o vídeo, baixe a planilha da linha do tempo do projeto na seção de recursos desta lição. Assim, a planilha da linha do tempo ajuda você a mapear seus projetos atuais. Mas e os seus clientes de manutenção? Eu não acompanho seus clientes pagantes quando nossa construção inicial estiver completa. Lembre-se que tudo em sua mente, eu posso começar a expressar o quão importante isso é. Imagine se Netflix esqueceu que você paga por seus programas e filmes, teria Amazon esqueceu que você é um número primo e acidentalmente cobrado devido para o envio. Quando os negócios te pagam para estar lá no webmaster, esperam que você os acompanhe. O DI será fácil para o primeiro. Clientes, mas que tal 10, 20, 50, centenas de clientes depois? Como você pode acompanhar quem está em seu site hospedando um plano de manutenção? Você adivinhou? Outra planilha gratuita. Prepare-se agora para o crescimento. Obtém seus sistemas, suas planilhas, processos no lugar, e você estará em melhor forma para dimensionar e assumir mais clientes no futuro. Então, que informações você deve incluir na planilha do seu cliente? Bem, eu gosto de incluir o nome comercial do cliente, meu contato dentro da empresa, o endereço do site, o valor que a empresa paga mensalmente pelo seu plano de manutenção. Como é que eles preferem pagar? Verifique, cartão de crédito, pagamento automático, se seu site é seguro com SSL. Se eles me escreveram um comentário e quem os encaminhou para mim? Na parte inferior, eu projetei a planilha para adicionar automaticamente aos clientes o valor que eles pagam mensalmente, anualmente e um detalhamento nas minhas principais fontes de referência, isso é informações e métricas super valiosas. Deixe-me compartilhar com vocês meus modelos de planilha de clientes. Era o modelo de planilha dos meus clientes. Então, estas são oito colunas diferentes. E ele se configura para o crescimento, pois podemos apenas adicionar uma nova linha toda vez que adicionamos um novo cliente. Então, vamos. O que está envolvido nesta planilha que começamos com o nome da empresa. Temos os nossos cinco clientes aqui. Temos o valor que eles pagam mensalmente, 75 por mês, 50 por mês, 9550. Temos o nome do contato. Esta é a pessoa com quem trabalhamos na empresa, seja o gerente de marketing, o proprietário, ou quem quer que seja, e o autopay, isso seria se eles estão ou não no cartão de crédito, pagamento automático através da nossa onda ou software de contabilidade. Então, três deles são, sim, eles estão no cartão de crédito, pagamento automático que é ideal porque se prefere um pagamento bancário e este prefere cortar um cheque e enviá-lo para nós. E eles nos revistaram. Então, dois destes escreveram uma crítica? Sim. Será que aqueles ainda não escreveram um comentário? E outra que já pedimos algumas vezes, então vou parar de perguntar porque não quero parecer insistente. Ssl, quatro de nossos sites, nosso SSL protegido, e um deles ainda não está, então vamos tentar mudar isso no futuro. Indicação. Como é que conseguimos este trabalho fazer com estes veio de B e i, 1 veio de um amigo. Então você pode colocar o nome do amigo, é claro, outro veio do Google e outro veio da câmara de comércio local. E, em seguida, o URL do site, este é um link para o site deles. Agora, isso é uma linha por cliente. Isso é muito útil. Mas uma das minhas partes favoritas é a parte de baixo aqui. Então é aqui que nossos cálculos acontecem. Temos a quantidade que trazemos e uma análise baseada na fonte de referência. Então vamos ver isso um pouco mais de perto. Total de clientes pagantes. Este é um resumo automático da quantidade de clientes pagantes que temos. Só acrescenta todas essas linhas, cinco. A receita mensal é uma adição de todas essas linhas nesta coluna. O valor que é pago mensalmente, $345 por mês. E, em seguida, o cliente pássaro médio leva esta soma e divide-a pelo total de clientes pagantes para nos dar uma média. Então, neste exemplo, temos $69 é a média por cliente, o que parece correto. Setenta e cinco, cinquenta, noventa e cinco. Então, a média é de 69 dólares por clientes pagantes, média de 69 por cliente somam $345 por mês, que é $4.140 por ano, que é apenas este número vezes por 12. E aqui está a nossa fórmula. Muito bom. À medida que avançamos, vemos o percentual que está no pagamento automático. Então isso seria 60 por cento se a palavra sim nessa linha e isso nos diz que 60% estão em pagamento automático, 40 por cento nos revisaram, e 80 por cento estão em SSL. Essa é uma boa maneira de ver se há algum dever de casa que você pode fazer como um proprietário de uma empresa tentando obter mais de seus sites protegidos ou obter mais comentários ou mais clientes sobre o pagamento automático, se possível. Que tal a fonte de referência? Então, neste exemplo, eu tenho demonstrado para você ser uma câmara de olho, Google, organizações comerciais e amigos. Então o que isso faz é agarrar qualquer uma das linhas que têm essa palavra, neste caso ser um I nele. E aqui temos 2122 empresas foram encaminhadas através de B e I. E lá vamos nós. Total por fonte é para 1 na câmara, um Google 0 comércio e um por amigos. Como é que isso se avaria? Então, B9 neste exemplo é 40% da nossa receita mensal. Câmaras 20 por cento. comércio de 20% do Google é 0 e os amigos são 20 por cento. Métricas muito úteis sua mensalmente, o que cada uma dessas fontes de referência trazendo como um negócio? Então os clientes da C&I trazem US$138 por mês. Câmara traz 69, Google traz 1609, comércio traz 0, e amigos trazem $69. O que faz isso anualmente? B9 é 16, 56 câmaras, 828, Google 828, comércio $0 e amigos $828. Então você pode ver como uma vez que você tem vários clientes adicionados a esses 10, 20, 30 clientes, essas métricas podem ser muito úteis. É bom saber quais empreendimentos de marketing estão funcionando melhor. Neste exemplo, B9 está funcionando melhor. E se a maioria de seus empregos vem de B9, então você saberá que isso é algo que você deve manter. Se você está fazendo anúncios pagos e você tem 0 clientes depois de seis ou 12 meses, então isso seria uma inclinação de que talvez isso não está funcionando para você. Portanto, esses dados são extremamente úteis. Gostaria de revisar isso a cada poucos meses e ver o que posso extrair dessas informações e ver quais mudanças posso fazer como um negócio avançando. Então eu vou salvar isso na seção de recursos para que você possa baixar este modelo e torná-lo seu próprio. Aproveite. Neste ponto, pause o vídeo, baixe a planilha do cliente na seção de recursos desta lição. Agora você tem suas duas planilhas de gerenciamento de projetos e está pronto para aumentar sua produtividade e começar a ganhar clientes. Incrível, eu vou guiá-lo através de todo este processo passo a passo, de como aterrissar clientes todo o caminho até o lançamento de seu site. Então, recapitulando, o que aprendemos? Um, nós implementamos o conhecimento de cache ou design de site por nomear clientes. Para executar um negócio bem-sucedido, é preciso automatizar e simplificar seus processos. Para projetar cronogramas. planilha ajudará você a mapear seu projeto. Ou a planilha do cliente ajudará você a acompanhar as quedas em seu ME hospedeiro. E qual é o nosso dever de casa? Eu quero que você baixe os modelos de planilha do fazer a partir da seção de recursos desta lição. Eu sou Leighton, e agora você sabe como servir clientes. 39. Ganhando clientes: Bem-vindo, sou Leighton, seu webmaster. Na lição de hoje, vamos discutir como ganhar clientes. Eu poderia ter chamado essa lição de como conseguir clientes, mas escolhi a palavra ganhar. O que a palavra significa para você? Quando você ganha alguma coisa? Vem de graça? Quando você ganha um salário? O que você dá em troca desse salário? Seu tempo e energia é ganhar um cliente. Você tem que colocar no trabalho. Os clientes não vão pular do céu quando você está começando. Eventualmente, uma vez que você está fazendo isso por um tempo, você construiu sua base de clientes. Você terá o que é chamado de trem de referência. Talvez já tenha ouvido falar do nosso trem de referência. Um trem é basicamente onde você tem onde você tem regularmente novos negócios chegando porque você se estabeleceu em uma indústria. As pessoas conhecem-te, construíste a tua base de clientes, cresceste na tua rede. Isso significa que 50, 100, talvez 200 pessoas, todos pensam em você quando eles pedem seus amigos, seu membro da família, ir trabalhador precisa de um site. Pessoalmente. Eu tenho chamadas e e-mails chegando todos os dias de pessoas que precisam do tempo construído. Lembro-me de começar no negócio de design de sites em 2006. Eu sei como é ser novinho em folha em uma indústria. Então, quais são as oportunidades para os clientes da Lana quando você está construindo seu negócio de design de sites. Vamos falar sobre oito maneiras diferentes que você pode ganhar clientes de web design. O número um é família e amigos para chamadas quentes. Três, sites freelance para organizações comerciais. Cinco, Otimização do Mecanismo de Busca, seis, publicidade paga. Sete, organizações sem fins lucrativos, oito, rede e marketing de referência. Não apenas para aguçar seu apetite por esta lição, número 8 é a melhor maneira absoluta de, para construir o seu negócio de mãos para baixo, especialmente quando você está começando. Mas já discutimos os sete primeiros. Na verdade, devido a isso, vou passar pelos sete primeiros para que possamos realmente explorar o marketing de rede e referência. Então vamos começar. Número um, família e amigos. Agora isso pode soar como um clichê. Quero dizer, anuncia o seu negócio para o seu círculo. Mas isso pode realmente ajudar você a iniciar seu portfólio e suas avaliações. Veja quando você é novinho em folha. As pessoas não te conhecem como um web designer. Então, como você acha que uma empresa iria perceber você se você tem 0 avaliações e você não construiu nenhum site, eles ficariam felizes em contratá-lo? Ou você acha que você não teria qualquer quantidade considerável de seu orçamento de marketing? Provavelmente não. Veja. Você precisa de algumas críticas e alguns projetos sob seu cinto. E família e amigos honestamente são uma ótima maneira de acelerar isso. Então diga aos seus amigos do Facebook, seus seguidores do Instagram, membros da família , grave algumas mensagens ou textos do WhatsApp, diga a eles o que você está fazendo e que você gostaria de ajudá-los com o site. Especialmente se você tem um amigo ou familiar que está começando um novo negócio, ajudem-se mutuamente. E a coisa boa de alavancar sua rede pessoal, que eles provavelmente serão um pouco mais gentis com você quando você cometer erros. Todos cometemos erros quando começamos. Isso está tudo bem. Nós clicamos no botão errado. Nós cavamos um pouco mais para fazer alguma coisa. Estragamos uma transferência, migramos algo incorretamente. Mas a cada erro que comete é uma oportunidade de crescimento. Eu repito. Cada erro que cometemos. É uma oportunidade de crescimento. Um lembrete para fazer uma gravação ou fazer melhor da próxima vez. Adoro erros. Cada erro que cometi foi uma oportunidade para otimizar e refinar meus processos. Amigos e familiares geralmente serão um pouco mais indulgentes quando um negócio mais indulgente do que um negócio, que ainda não tem uma amizade com você. Meus amigos empresários foram tão gentis comigo quando eu estava começando. Eu era tão jovem e fresco. E, no entanto, nossos negócios cresceram juntos. E a experiência que ganhei foi tão inestimável. Mas você pode se perguntar, eu preciso oferecer para o site gratuitamente apenas para ganhar experiência? Bem, eu não defenderia fazer isso de graça. Mas eu definitivamente explicaria que Joe apenas oferecendo para projetar o site por muito mais barato do que você tradicionalmente cobraria por causa da promessa de que eles vão lhe dar um comentário e que eles vão permitir que você coloque seu site em seu portfólio. Você vê essas críticas. Esses projetos de portfólio são tão cruciais quando você está começando, pode tirar, é alavancar sua rede pessoal de amigos e familiares para ajudá-los, construir ou melhorar seu site enquanto eles ajudam você construindo seu carteira, reputação e experiência. A segunda é chamadas quentes. Agora eu não estou nem colocando perguntas frias nesta lista porque eu não suporto golos de ouro. Eles são ineficazes para muitas indústrias, mas especialmente para a indústria de design de sites. Quero dizer, você já fez negócios com um completo estranho que te chamou de maravilhoso? Claramente, eu não sou um fã de metas, mas o que é um carvão quente? Bem, primeiro, uma indicação quente é aquela em que a pessoa, a pessoa que você está ligando já está interessada em seus serviços. Enquanto um carvão frio é um, isso significa que nenhum contexto foi feito. Eles não sabem quem você é. Eles não sabem que você está ligando ou por que você está ligando. Então, uma chamada quente está em algum lugar no meio. Por exemplo, digamos que você esteja navegando por empresas locais e se deparar com um site que talvez não seja compatível com dispositivos móveis, talvez tenha escolhido um aviso não seguro. Design não é tão impressionante por qualquer razão que você acredita que pode ajudá-los. Então pesquisou o negócio, anote as razões que você acha que pode ser um trunfo para eles e chegar, apresentar suas descobertas. É muito mais eficaz apresentar soluções personalizadas para problemas existentes do que apenas ópera arbitrariamente serviços de web design para todas as empresas locais. Concentre-se nas necessidades deles, não apenas nos seus serviços. Quando uma pequena empresa empréstimos que você pessoalmente verificou o site encontrou alguns erros e oferecer uma solução para o seu problema. Haverá mais possibilidades para considerar a sua cotação. O terceiro é sites freelance. Já ouviu falar de sites freelance antes? Freelancer.com, fiverr, um Bork. Esses sites conectam pessoas com profissionais. Assim, um empresário pode ir a um desses sites freelance, postar suas necessidades, como um site de e-commerce ou logotipo, junto com seu orçamento, como por exemplo, até $1000. E todos os profissionais do site podem licitar esse projeto por meio de uma cotação e uma apresentação de vendas. Mas qual é a probabilidade de você ser escolhido para esse projeto? Os outros freelancers também estão licitando. E se você for escolhido, provavelmente é porque você foi uma das opções mais acessíveis. Dito isso, eu realmente tenho um monte de meus primeiros shows nesses sites. A questão é a qualidade dos shows e aqui está a minha comida. Você pode fazer conexões de alto valor nesses sites. Mas como uma generalidade, as pessoas que postam nesses sites estão procurando o preço mais barato, simples e simples. Se você for escolhido, você provavelmente não está sendo compensado muito bem, nem você está construindo relacionamentos de longo prazo. É uma maneira decente de aumentar sua experiência e portfólio. Mas, eventualmente, você deveria superar esses sites freelance. O quarto é SEO, otimização do motor de busca. Então você sabe, isso é basicamente tentar classificar bem com o Google e aterrissar na página 1 quando as pessoas procuram por designers locais, teoricamente, isso seria uma ótima idéia. Alguns dos meus melhores clientes, na verdade venho de uma pesquisa no Google. Mas quando você está começando pela primeira vez, você simplesmente não pode esperar classificação na página um do Google. A primeira página está cheia de designers de sites estabelecidos e respeitáveis. E se você é novo, você não vai chegar lá ainda. Então aqui está a minha comida. Você definitivamente precisa de um site SEO amigável. Você definitivamente precisa postar em seu blog e criar conteúdo de alta qualidade. Mas eu não me sentaria e esperaria que aparecessem chamadas da sua lista no Google. Invista seu tempo em SEO, mas não confie nele como sua única fonte de referência. O quinto é publicidade paga. Você já fez propaganda antes? Pessoalmente, não sou fã de publicidade. Muitas empresas dependem da publicidade. Tem havido milhares de dólares nisso e está tudo bem. Mas nunca gastei um dólar em publicidade. Você pode tentar anúncios do Google, anúncios do Facebook, outdoors, anúncios de TV, revistas. Há um monte de dinheiro sem promessa de um retorno sólido se você buscar publicidade paga. Aqui está o meu ponto chave. Monitore sua campanha publicitária, acompanhe de perto o cliente. Você aterrissa através de seus anúncios. E depois de alguns meses, você tem que decidir se o dinheiro gerado pelos anúncios excede o valor que você colocou. Caso contrário, redirecione seus dólares de marketing para outro lugar. Número 6 são as organizações comerciais. Você já ouviu um parceiro de troca soar arcaico para você? Na verdade, está viva e próspera, especialmente em uma crise econômica. Você pode ter uma organização comercial onde você mora. Eu pessoalmente sou parte do banco de comércio e eu texto, você basicamente faz um site para dólares comerciais e você gasta esses dólares diretos com outras empresas também na rede de comércio. Assim, uma empresa pode comprar um site de 2000 dólares de mim no comércio. E eu posso comprar um hotel, estadia, um aluguel de cabine, limpeza de janelas, serviços odontológicos, ou qualquer outra coisa que seja oferecida por outras empresas que aceitam esses dólares. O lado positivo é que nenhum dinheiro é trocado. A desvantagem é que você não está ganhando dinheiro e você não pode pagar a maioria de suas contas com seus dólares comerciais. Então aqui está a minha comida. Você pode construir relacionamentos qualitativos através da negociação, mas certifique-se de que seu plano de manutenção do site é apenas dinheiro. Oferecer um design de site no comércio, mas exigiu que a conta mensal a ser pago com cartão de crédito. O sétimo é sem fins lucrativos. De vez em quando você será abordado por uma organização sem fins lucrativos. Trabalhar com uma organização sem fins lucrativos parece um pouco contraproducente para você? Quero dizer, se você está procurando construir um negócio e ganhar dinheiro, por que você poderia trabalhar com um negócio que não tem dinheiro? Bem, há três considerações aqui. Primeiro, reconhecidamente, a maioria das organizações sem fins lucrativos tem algum tipo de orçamento de marketing. Eu tenho vários clientes sem fins lucrativos e todos eles pagam pelo meu serviço de atendimento site com um cartão de crédito no pagamento automático. Então eles têm um pouco de dinheiro orçamentado para custos operacionais. Em seguida, sites e mídias sociais são muito importantes para organizações sem fins lucrativos, porque eles normalmente estão procurando obter o máximo de exposição possível desses canais. Eles são tudo sobre e obter exposição. Assim, embora eles possam não ser seus clientes mais pagantes, eles vêem o valor de ter um site de qualidade funcional. E a terceira consideração. Também o meu ponto chave, as organizações sem fins lucrativos estão cheias de indivíduos apaixonados e bem conectados, muitos dos quais têm seus próprios negócios com fins lucrativos, que podem se tornar sua maior e mais vocal fonte de referência, nutrir seu relacionamentos com suas organizações sem fins lucrativos. Nunca se sabe onde eles podem te levar. Lembre-se oito é networking e referências. Nós definitivamente salvamos o melhor para o último, esta é a melhor maneira número um que você pode ganhar o cliente juntou para ser um capítulo estranho e abraçar referência e marketing de rede. Já ouviu falar de referências? Networking coloca uma referência. É basicamente quando alguém ouve uma necessidade e diz que você deve ligar para essa pessoa e dar seu nome e número. A pessoa precisa de um site. No momento em que eles ligam para você, eles já estão interessados em seus serviços porque eles confiam na pessoa que o recomendou. Parece ótimo, certo? Deixe-me apresentá-los a organização de marketing número um do mundo B e I. Eles estão por aí desde 85. Faço parte dos gorros desde 2015. E até hoje, esta é a primeira maneira de ganhar clientes mais do que família e amigos, mais do que qualquer outra organização da qual faço parte. No DNI, você se junta a eles o que é chamado de um capítulo que tem cerca de 20 a 40 profissionais com quem você se encontra uma vez por semana durante 90 minutos, os negócios passados uns com os outros. Só pode haver uma pessoa para profissional. Isso significa apenas um web designer por capítulo. Você bloqueará sua concorrência quando entrar em um capítulo. Agora estão a tentar vendê-lo um ao outro. Em vez disso, você vê as outras pessoas no capítulo como seu Salesforce. Vocês educam uns aos outros sobre a melhor forma de passar referências. É grátis visitar um capítulo. Então deixe-me mostrar-lhe como encontrar um ser local um capítulo em sua área. Agora eu gero mais receita. Cerca de 270 mil empresas em todo o mundo utilizam a rede de beanies para gerar referências de vendas valiosas. Então estes são alguns números legais aqui em baixo. A maior organização de referência do mundo, 270 mil membros globais, 12,2 milhões de referências de membros, 9500 capítulos globais e 16,7 bilhões de dólares de negócios gerados através de referências I, Isso é incrível em 70 países diferentes. E essas estatísticas são precisas a partir de 2019. Isso é incrível. Então, como encontramos um capítulo para fazer parte do B? E eu clico no botão vermelho, encontrar um capítulo chamado à ação botão aqui em cima. E digamos que você esteja na área de Austin, Texas. Vamos colocar Austin, Texas. Tudo bem. Então isso vai puxar para cima capítulos localizados na área de Austin, Texas. Há um monte aqui que você pode percorrer. Isso nos dá o nome do grupo, como o grupo B19 360, que horas eles se encontram. Então aqui podemos ver um encontro na terça às 11h30. Um se reúne quarta-feira às 11h30, um se reúne quinta-feira às 11h30. Então, há todos os tipos de diferentes horários de reunião. 1 se reúne às 07:45 AM, se reúne às 08:00 AM. Pessoalmente, meu ser um capítulo na minha área atende às sete da manhã e fato divertido, B9 capítulos só se reuniu às sete da manhã quando eu fui fundado pela primeira vez. Ele cresceu para suportar diferentes momentos ao longo do dia. Mas a primeira coisa de manhã funciona muito bem historicamente. Então, o que fizemos para encontrar a hepta perfeita para nós? Bem, obviamente você gostaria de verificar como funciona com sua área local e sua agenda pessoal. Então um que é perto de você e em um momento conveniente, mas o que mais? Oh, nós absolutamente não podemos participar de um capítulo que tem um designer de site que simplesmente não é possível através de B9. Então precisamos encontrar um que não tenha um web designer. Podemos fazer dois botões aqui. Há o capítulo da visita e há detalhes do capítulo C. Vamos clicar que este tem um monte de membros. Gostaríamos de 12 com muitos membros. São muitas oportunidades para fazer negócios. Este tem 40 membros, então vamos clicar em ver os detalhes do capítulo. Diz-nos que este é o grupo B19 360. Eles se reúnem terça-feira às 11h30. Neste momento há temporariamente reunião on-line via Zoom e este seria o endereço de onde eles normalmente se encontrariam. Eles têm 40 membros neste capítulo. Esta é a liderança que seria o consultor diretor, o consultor diretor de área, o presidente, o vice-presidente, e o tesouro secretário. Todos menos por um mandato de um ano. E outro fato engraçado, se você for presidente, vice-presidente ou secretário tesouro, você ganha um ano de graça. E B e eu, eu mesmo fui o presidente, e isso é um privilégio incrível. E também é uma boa ideia de poupança de dinheiro. Tudo bem, membros do capítulo. Assim, podemos ver os membros que estão neste capítulo, o nome, a empresa que eles representam, e a profissão ou especialidade. Vamos ver o que eles têm publicidade e marketing, web design. Eles já têm um web designer. Vamos ver o que mais há. Impostos, publicidade e marketing. Oh, eu aposto que eles passam negócios com um web designers. Muitas vezes. Serviços de arquitectura, reparação automóvel e automóvel, TI e redes. Tudo isto deve ser um capítulo muito forte. O, TI, a publicidade em web design provavelmente estão passando negócios entre si o tempo todo. O construtor, empreiteiro geral, eletricista, h pintor vac, controle de pragas , reformas, remodelação, governadores de telhados. Eles devem estar passando referências para frente e para trás o tempo todo. Este deve ser um capítulo muito forte. Eu posso ver por que eles têm 40 membros. Há companhias financeiras e de seguros como propriedade, seguro de acidentes, consultor financeiro, seguro comercial, hipotecas residenciais, banco comercial, cartão de crédito e serviços comerciais. Tudo bem. Há alimentos e bebidas, saúde e bem-estar, seguros, fabricação legal e contábil. Há um quiroprático e um dentista. Imóveis residenciais, gestão imobiliária, inspetor imobiliário, sistemas de segurança, comércios, pisos, serviços de educação ou tutor e um treinador de vida. Então essas são todas as indústrias e especialidades que estão representadas neste capítulo. Então podemos ver como certas especialidades dentro deste capítulo seriam naturalmente no círculo interno do outro e regularmente passado negócios uns para os outros, especificamente para você, o B2B é realmente importante, como o web design, a publicidade e marketing, e a TI, eles não estão fornecendo esses serviços se relacionam com os consumidores. Eles estão principalmente fornecendo esses serviços para empresas. Então eles estão regularmente na condução de negócios com empresas. Então eles estão em empresas, eles estão em seu site, eles estão em seu computador, e eles naturalmente têm oportunidades de passar seus negócios para melhorar seus clientes. Que sites? Então você iria por aqui, você iria encontrar um que é conveniente para sua agenda, encontrar um que é conveniente para o local, e então encontrar um que não tem um web designer. Se conseguir encontrar todos esses três, ele verifica todas as caixas. Em seguida, você clica em Visitar capítulo e você pode ver se essa é a opção certa para você visitando-os gratuitamente e vendo se essa reunião é algo que você gostaria de fazer. Eu recomendo fazer compras um pouco. Se houver alguns que estiverem dentro da sua agenda, sua localização e não tiverem um web designer. Se houver alguns, então você pode fazer compras e visitar cada um deles e ver qual deles se encaixa na sua vibração porque todos eles têm uma cultura diferente. Alguns B e eu agarramos são realmente melhores do que outros. Acho que tenho uma fantástica. E alguns vêm e vão, mas outros já estão por aí há algum tempo. Be um capítulo AI tem sido em torno de mais de 25 anos. Então isso mostra a força e estabilidade no capítulo. Isso é o que você quer encontrar. Encontre um que esteja por perto para ficar. E lá você encontrará sucesso. Mas eu recomendo o B e dou uma chance. Networking e marketing de referência é a melhor maneira absoluta de fazer negócios. Então desejo-lhe sucesso em seus esforços b e eu. Então, por que ser eu trabalho tão eficazmente? Por causa da confiança? Não há tática de células que supere a construção de confiança. As pessoas fazem negócios com aqueles que sabem gostar e confiam. E confiam na pessoa que confia em você. Repito, as pessoas fazem negócios com aqueles em quem confiam, e confiam na pessoa que confia em você. Então, se o Sr. Johnson está se gabando de você para o Sr. Adams, Sr. Adams apenas a recomendação do Sr. Johnson. Ele automaticamente começará subconscientemente confiando em você. Agora cabe a você viver de acordo com essas expectativas. B e eu também nos ensinamos a importância do networking em geral. O que a rede significa para você? Networking é construir e nutrir relacionamentos. Então, conhecendo uma boa diversão corretores de imóveis, conhecendo uma coluna de agente de seguros. Mas eles naturalmente não se deparam com oportunidades de passar por seus negócios como um web designer. Mas fotógrafos, escritores de conteúdo, agências de marketing, empresas de publicidade, designers gráficos, técnicos de TI. Esses são parceiros de referência incríveis porque eles trabalham regularmente com empresas que têm sites. E se eles gostarem de você, eles podem realmente trazer algumas referências douradas. As pessoas fazem negócios com quem gostam. Então seja agradável, conheça pessoas, faça relacionamentos, aperte as mãos além de cartões de visita. Mas concentre-se nos tipos de negócios em sua rede, como acabamos de mencionar, construa relacionamentos mutuamente benéficos com as empresas. Você pode passar referências com a fonte de referência certa pode ser objetivo puro. E finalmente, qual é o custo? Quanto acha que eu e B custamos? partir de 2020, o custo é essencialmente 500 dólares por ano, 40 por mês. E o meu som parece muito no início, mas ouça-me. Este é o melhor investimento em seu negócio que você pode fazer. E do ponto de vista puramente financeiro, são apenas 40 dólares por mês. Eu fiz isso de volta após a segunda semana de frequentar B e I quando um dentista se aproxima de mim para entrar no meu plano de manutenção do site. Além disso, o que é isso? $500 você entra em publicidade tradicional, um pequeno anúncio de revista que é executado uma vez com B e I, você tem uma equipe de vendas de alta qualidade por um ano inteiro. E o retorno do investimento é incrível. cada ano, minha renda gerada por ser bar de negócios não relacionado excede a taxa de entrada de 500 dólares. Então, aí está. Confira os capítulos B9 locais em sua área, veja se há um que seja o ideal para você. Junte-se a um que ainda não tenha um web designer tem uma quantidade relativamente alta de membros em comparação com outros. De preferência, membros no B2B ou negócios para negócios, onde prestam seus serviços a empresas, não indivíduos. B9 pode parecer assustador no início, especialmente se você é um introvertido. Mas eu prometo que a indicação, marketing e networking é o melhor investimento que você pode fazer em seu negócio. Então, recapitulando, o que aprendemos? Discutimos oito ideias sobre como ganhar clientes. Um, família e amigos para chamadas quentes, três, sites freelance para organizações comerciais. Cinco, SEO, Seis, anunciantes, sete, organizações sem fins lucrativos, e networking para marketing de referência. As sugestões de A são simplesmente para novas oportunidades de ganhar seu primeiro cliente. Qual é o nosso dever de casa? Eu quero que você comece a implementar esses AIG é e verificar V e I.com para ver se há um capítulo local de ureia. E se não, fazer uma pesquisa no Google para outras organizações de rede em sua área, certamente é que não vai haver pelo menos que quando eu sou preguiçoso. Agora você sabe, como ganhamos clientes? 40. Entrevistas de clientes: Bem-vindo. Sou Leighton, seu webmaster. Na lição de hoje, vamos discutir como lidar corretamente com as metas de vendas entrevistando os leões e ver se você é a parte certa. Então você começou a implementar as sugestões na lição anterior e conseguiu algumas chamadas de vendas. Tão excitante. Então, como fecha o negócio, converte as chamadas de vendas em clientes pagantes? Bem, vamos descobrir. Vamos discutir um, agendar o carvão para se preparar para ele. Três, a introdução para a conversa. Cinco, seus preços e 6. A conclusão. Esta entrevista é tão importante, uma entrevista não é o seu objetivo, apenas a terra, o trabalho a todo custo? Não exatamente. Na verdade, hoje em dia, passo em frente a maioria do trabalho que vem em meu caminho. Veja, você não quer apenas clientes. Você quer os clientes certos. Aqueles que vão apreciá-lo, respeitar sua experiência e pagar a tempo. No início, você provavelmente vai pular em qualquer trabalho que vier em seu caminho. E está tudo bem. Mas ao longo do tempo, tente ser seletivo. Em última análise, esta lição é sobre entrevistar clientes. Mas, por favor, entenda que você está entrevistando potenciais clientes tanto quanto eles estão entrevistando você para ser seu web designer. Então vamos a isso. Primeiro, antes que a chamada ocorra, você precisa agendá-la. Compreender a importância disso. Pense. Gosta de ser pego desprevenido por longas conversas? Se alguém ligar para você no auge de um dia agitado, você vai dar a eles sua atenção total? Consiga os donos de negócios que você está chamando essa mesma cortesia. Se você estiver se comunicando via e-mail, WhatsApp, mensagem de texto, Facebook Messenger, mensagem direta do instagram ou qualquer canal pelo qual você está se comunicando. E você, você está olhando para pular no telefone para discutir mais sobre o projeto. Então, agende em um horário que seja conveniente para você e para os potenciais clientes. Escolha um dia e hora, coloque-o em seu calendário para que você não se esqueça de sete e alerte se você tiver dois. E no caso de a pessoa que você está ligando não ser tão organizada quanto você trabalha a partir dos y's, envie-lhes um lembrete, apenas uma mensagem rápida lembrando que você vai ligar mais tarde hoje e você está ansioso para conversando. É possível que eles se esqueceram e aquele lembrete amigável e despretensioso será exatamente o que eles precisam. Então, número de viagem 1, agende a chamada e um horário mutuamente conveniente para que possam ter atenção um do outro e dar-lhes um lembrete antes da chamada ter lugar. Segundo, uma vez agendado o carvão, você precisa se preparar para ele. Como você acha que poderia se preparar para uma chamada de vendas com o negócio? Você acha que seria sábio para rever seu site atual se eles têm um? Sim, seria um ótimo ponto de partida. Puxe o site deles, familiarize-se com ele. Faça uma lista de coisas que você acha que pode melhorar sobre isso. Abra uma nota em seu telefone ou um documento do Word ou do Pages e atribua o nome da empresa e o URL do site, se aplicável. Usando um serviço como Godaddy.com barra quem é quem fez isso ou quem está hospedando this.com. Você pode até descobrir onde seu domínio está atualmente registrado e quem é o host. Ferramentas muito úteis. Quero que reúna o máximo de informações que puder com antecedência para que possa estar completamente preparado quando tiver sua conversa telefônica. Dito isto, vamos gastar muito tempo neste trabalho preparatório, caso não acabe ficando com o cliente. Então takeaway número 2, preparem-se completamente para si mesmos carvão pesquisando o negócio e seu site. Número 3, você faz a ligação e eles respondem, isso é tão excitante. Então, como você começa? Bem, você gostaria de atender uma chamada se você gostaria de ir direto ao negócio, ou você faz alguma conversa fiada? No geral, a maioria das pessoas preferiria que você fosse amigável, ser humano, ser simpático. Tire um momento só para conhecer um ao outro. Cumprimente-os, troque nomes, gentilezas, obtenha outro negócio antes de mergulhar e discutir o projeto e os preços, coloque-os à vontade. Então em que área você vive, há quanto tempo você está por perto, talvez jogar fora um hobby ou dois. Isso irá um longo caminho para começar o relacionamento com o pé direito. Agora todos são diferentes. Talvez sábio preenchê-los, discernir quando eles estão prontos para começar a discutir o projeto. Porque para a personalidade de algumas pessoas e horário apertado, sua preferência pode ser para acertar o negócio. Se sim, tudo bem. Vá para, siga a liderança deles. Realmente, a questão é que, você só não quer que alguém se sinta como apenas mais um carvão de vendas, apenas outro número. E você pode dizer quando alguém está tentando te vender algo, como isso faz você se sentir? Faz-me sentir usado sem importância para eles. Então, o número 3, quando começar a conversa, seja autêntico. E conheçam-se um ao outro antes de discutir o projeto de design do site. Número 4, é hora de começarem a trabalhar. Quando você está discutindo projeto de design de site, qual é o seu objetivo? Oferecer seu preço e convenceram-no a ir com você? Não, não, absolutamente não. Seu objetivo é ouvir, ouvir, ouvir. essa altura, você os conheceu. Agora é hora de conhecer seu projeto para entender melhor a importância disso. Você já se expressou para alguém próximo a você, um companheiro, um membro da família, um amigo próximo. E eles rapidamente assumem o seu problema e oferecem uma solução. Como você se sentiria se suas sugestões não tivessem nada a ver com o que você realmente está passando ou sentindo? Se eles realmente não ouviram o seu problema. E web design, é realmente fácil assumir as necessidades de uma empresa. Quero dizer, eles precisam de um site, escrever um bonito. Bem, talvez o que eles realmente estão dizendo é que eles realmente querem melhores classificações de motores de busca, leads de alta qualidade ou mais exposição. Vê quando fazes as perguntas certas. Quando você identificar seus pontos problemáticos, haverá muito mais chances de pagar por suas soluções personalizadas para seus problemas. Então escute, escute, escute. Minha dica para você é abrir e anotar um documento do Word ou do Pages e escrever tudo o que eles dizem. Quase tudo o que você vai vir a calhar em algum momento. Se eles estão dizendo há quanto tempo eles estão no negócio. São elogios. Quem é seu webmaster atual, que tipo de site eles estão procurando, objetivos. Seus domínios foram registrados onde o site está hospedado? Ouvirei esses pedaços de informação em quase todas as chamadas que tenho. E eu escrevo em tudo e meu arquivo. Então eu não pareço tolo pedindo para eles repetirem essas coisas. Então, além de ouvi-los se expressar, você precisa fazer as perguntas certas. O que você acha que seria uma boa pergunta para fazer em uma entrevista inicial de sons? Você pode perguntar se eles têm um site no momento? caso afirmativo, qual é o propósito de eles estenderem a mão até você? Quais são seus objetivos para este site? Considerando que seu site hospedado onde seus e-mails hospedados. Somos uma espécie de domínio registrado. Qual é o orçamento deles para este projeto? Como é que eles souberam de ti? A lista continua, mas essas são algumas das perguntas que faço em cada célula é carvão. Então takeaway número 4. Ouça, ouça, ouça, faça as perguntas certas e anote tudo. Número 5, agora que você tem uma compreensão completa do projeto deles, é hora de falar de preços. Agora vamos realmente falar sobre seus preços em profundidade na próxima lição. Mas para este ponto, quero oferecer-lhe duas sugestões para a sua chamada. Primeiro, você poderia oferecer-lhes uma citação logo depois e ali no telefone. Agora eu só sugeriria isso se você realmente entender a quantidade de trabalho envolvido, você sabe seus preços e você está disposto a mantê-los. A segunda sugestão é dizer que teremos uma citação pronta para você nos próximos dias. É um bom endereço de e-mail para você. Proprietários de negócios mais respeitáveis. Eles vão colocá-lo no local certo então e lá para oferecer um preço concreto. Talvez queira um boneco. E está tudo bem. Você poderia dar-lhes uma gama, como Haverá cerca de US $1000 ou a maioria dos sites rodam em torno de dois a US $4 mil. Mas se fizer isso, quero que ouça atentamente a reação. O que quer que eles digam vai lhe dar uma visão sobre o orçamento deles. A maioria das pessoas em seu lugar vai entrar na conversa tendo uma idéia geral de quanto eles orçaram e eles estão dispostos a gastar no site. Se os seus preços estão muito acima e além disso. Dessa forma, eles são abandonados completamente o projeto ou encontrar um designer mais acessível. E está tudo bem. Você valoriza a si mesmo, valoriza seu tempo. Você não precisa pegar todos os projetos que vem em seu caminho. Mas você também pode aproveitar essa oportunidade para baixar seus preços. É por isso que eu sempre Sue oi. Sempre que eu gostaria de fazer, eu adiciono 20% a isso. Se eles aceitarem, ótimo, você ganha mais dinheiro. Caso contrário, se precisarmos negociar um pouco o preço para baixo, eles podem acabar concordando exatamente sobre o que você pretendia cobrar em primeiro lugar. Eles sentem que têm um bom negócio quando eles, quando todos ganham. Então takeaway número 5, ofereceu-se para rever o projeto e enviar-lhes uma cotação por e-mail nos próximos dias. Ouça atentamente a resposta ao seu preço de estádio. E número 6. Finalmente, como você encerra a conversa? sabedoria de vendas convencional diz que há duas necessidades para concluir a conversa. Primeiro, feche a venda, para agendar um acompanhamento. Você sabe o que é fechamento para a conversa sobre o design do site? É uma declaração verbal que eles gostariam de te contratar como web designer. Adoramos ouvir isso. Talvez tenha dado um preço a eles. Eles gostaram. Eles estão prontos para avançar com o projeto. Ou eles simplesmente realmente gostaram da conversa e eles estão ansiosos para rever sua cotação. Isso é bom. De qualquer forma, você meio que agendar acompanhamento. É aqui que você sugere que a conversa continue por e-mail ou escolha um dia para conversar novamente no telefone. Lembre-se, as pessoas estão ocupadas. Quero dizer, você não está ocupado? Sei que estou ocupado. Entenda que a pessoa que você chama provavelmente está ocupada executando seus negócios. E sem um acompanhamento, você pode nunca mais ouvir falar deles se você não seguir ativamente essa pista. Lembre-se, silêncio não significa que rejeitaram sua citação. Silêncio pode significar que eles ficaram ocupados. Mas eles realmente gostaram da sua citação, e eles estão prontos para seguir em frente. Você está estendendo a mão para eles e segui-los vai lembrá-los disso. E como um lembrete geral, uma humanidade muito bateu Curtius. Seja insistente, salesioso. Não pressiones ninguém para te contratar. As pessoas respeitam-te quando as respeitas. Finalmente, agora que você tem um conhecimento profundo do escopo do projeto, entenda que não há problema em recusar um projeto. Um proprietário de negócios respeitável preferiria que você fosse à frente sobre isso, depois armazená-los junto e desperdiçar seu tempo. Se você recusar, pense em outro designer ou empresa que eles poderiam chamar de um que poderia ser um melhor ajuste para eles. Seja humano, seja útil. Então, agradecemos que os conduza na direção certa, é por isso que é incrivelmente valioso interagir com outros web designers. Então, o número 6, feche o negócio. Seguimento programado. Não seja insistente e não tenha medo de recusar projetos. Então, recapitulando, aí está. Vamos rever as seis etapas de entrevistar os clientes para ver se você está na parte certa. Número 1, agende a chamada e um horário mutuamente conveniente para que você possa ter atenção total um do outro e deslocado para lembrá-lo antes que a chamada deve ocorrer. Número 2, preparem-se completamente para vocês. Chame isso pesquisando o negócio e seu site. Refiro-me à primeira vez que começares a conversa, sê autêntico. Pessoa vai se conhecer antes de discutir seus projetos de design de site. Ou ouçam, ouçam isto. Faça as perguntas certas e tome nota de tudo. Lembre-se de cinco se ofereceram para revisar o projeto e enviá-los por e-mail sem citação nos próximos dias. Ouvir atentamente a resposta ao seu parafuso por qualquer preço. Número 6, feche o negócio, agende o acompanhamento, e nós estaremos empurrando e não tenha medo de recusar. E qual é o nosso dever de casa? Quero que você crie um modelo com todas as perguntas que você gostaria de fazer em uma chamada de vendas típica e comece esse documento para que você esteja pronto quando uma oportunidade de venda aparecer. Eu sou Leighton e agora você sabe como entrevistar clientes. 41. Citando sites: Bem-vindo. Sou Leighton, seu webmaster. Na lição de hoje, vamos discutir como flutuar seu projeto de site. Então você ligou para as celas e ficou a conhecer o negócio, e agora é hora de falar de preços. Isso pode ser assustador e empoderador. É empolgante enviar uma cotação e aceitá-la. E ainda mais excitante quando o dinheiro bateu na sua conta bancária, certo? Mas como você escolhe os preços certos para seus serviços de design de site? Nesta lição, vamos considerar uma, algumas filosofias de preços. Dois pacotes, Três, enviando cotações para dicas de economia de tempo, e cinco, acompanhando as cotações. Primeiro, vamos falar sobre as duas filosofias de preços fundamentalmente diferentes, por hora e por projeto. Já trabalhou por um salário de hora em hora? Se sim, então você já está familiarizado com esse conceito. Você recebe um valor fixo com base no número de horas que você trabalha. É uma estrutura de preços padrão. A outra opção popular em design e construção, é preços baseados em projeto. É aqui que você envia uma cotação para todo o projeto, independentemente de quantas horas você gastará nele. Então, qual você acha que é melhor? Por hora ou por projeto? Na verdade, posso até decidir isso por você. Eu mesmo usei os dois. Há benefícios para cada um. Então vamos quebrar os prós e contras, começando com o nosso diário, hora, eu acho que é justo. E a estrutura de preços por hora é uma maneira infalível de ser compensada pelo seu tempo. Você é pago pelas horas que trabalha. Não mais, nem menos. Mas considere isto. Você precisa se certificar de que preparou o negócio, estimando quantas horas o projeto levará. Ninguém ninguém quer autocolante choque de sua fatura depois o projeto acabou, quando parecia que você levaria cinco horas, mas agora você está construindo para 15. Você pode muito bem ter realmente demorado 15 horas. Mas você acha que o negócio vai ligar para você na próxima vez que eles tiverem um projeto de site? Talvez não lhes dar uma ideia com antecedência. E você pode até dar-lhes um aviso ao longo do projeto, dizendo-lhes quantas horas você destruiu até agora. Seria uma boa cortesia. Bem, você acha que um belo serviço de rastreamento de tempo que eu uso e amo é alternar. Discutimos alternância e a lição de atualizações do site do plano principal de manutenção do site. Se você estiver cobrando de hora em hora, você precisa de um serviço de rastreamento de tempo de qualidade. E alternar é infalível. E se você está cobrando agora realmente, você precisa descobrir qual é a sua taxa horária. O que você acha que seria uma taxa horária apropriada? Eu também não posso decidir isso para você, mas posso dizer que cerca de US $75 por hora seria um preço padrão da indústria para serviços de design e gerenciamento de sites. Isso é o que eu cobro e eu nunca tive um problema com essa taxa. Então, dependendo da sua experiência, entre 5595 seria uma faixa horária ideal. E quanto mais você ganhar clientes, melhor você se sentirá em encontrar o preço certo. Então essa é a estrutura de preços por hora que eu uso ocasionalmente. Mas e quanto à opção mais popular, baseada em projetos? É aqui que você envia um preço para todo o projeto. Por exemplo, você pode oferecer um site WordPress personalizado, compatibilidade móvel, otimização de mecanismo de busca e configuração de banco de dados para, digamos, 1495. É um preço para todo o projeto. O cliente é claro sobre o que eles vão receber, os resultados, o site, e você está claro sobre o quanto você vai ganhar. Ótimo. Então, o que há a considerar? Bem, suponha que você consiga um emprego por US $1500, mas o projeto leva 50 horas para ser concluído. Esse dinheiro parece excitante, mas quando tudo está dito e feito, você realmente só ganhou $30 por hora. Se isso soa bem para você, então ótimo. Mas quero que pense em termos de valor para o seu tempo. Então, quando você assume um projeto, você acha que seria uma boa idéia para estimar quantas horas no projeto vai levar você. Bem, como você veio com essa estimativa? Experiência realmente ajuda, mas sabendo quanto trabalho está envolvido, tornando essa entrevista de chamada de vendas o mais completa possível. Permitam-me que dê uma volta diferente ao nosso exemplo. O projeto de design de $1500. E se você aprimorar suas habilidades, dobrar, um café, e completar todo o projeto em cinco horas. Eu entreguei lindos projetos prontos para produção polida em apenas algumas horas. Então, qual é o valor do seu tempo? 1500 divididos por cinco horas, 300 dólares por hora. Que diferença? E, no entanto, o cliente não sabe nada melhor. Nem eles realmente se importam. Quer dizer, eles concordaram em pagar US $1500 por essa entrega e eles estão felizes com os resultados, independentemente de quanto tempo você levou. Então, o que é que isto te encoraja a fazer? Bem, eu acho que a primeira vez que você vai tentar, você tenta uma nova receita. Você vai girar muito mais na primeira vez. Então, a décima vez que você faz, quanto mais você faz essa receita, mais fácil ela se torna. Da mesma forma, quanto mais sites você constrói, mais eficiente você se torna, e quanto mais rápido você conseguir bombear um site, mais valioso será o seu tempo. Então takeaway número um, você pode citar por hora ou por projeto, mas considerado o escopo do projeto e o valor do seu tempo. Segundo, se você estiver usando preços baseados em projetos, o que você cobra? Quanto você acha que vale um site? Novamente, não posso decidir isso por você, mas posso te dar alguma inspiração para seus preços. Primeiro, você quer preços fixos ou você quer cotações personalizadas? Uma citação personalizada é onde você dá uma cotação personalizada para todos que alcançam você. Parece ótimo no começo. Mas quanto mais cotações você enviar, mais você perceberá tendências em seus preços. Se você está dando preços semelhantes a diferentes empresas, por que não transformá-lo em um pacote fixo ou escalão de preços? E se você tiver vários níveis de preço, considere o que os diferencia. Bem, você tem um site de uma página, um site de brochura de padrões, querido, um nível de site de comércio eletrônico. O que você precisa que o nível de comércio seja uma cotação personalizada. Você cobrará por página, como $150 por página? Você vai cobrar extra pela facilidade móvel? Bem, você estaria cobrando extra por SEO, onde você tamparia a quantidade de páginas incluídas em sua cotação. Eu pessoalmente gosto de agrupar todos estes juntos para apresentar um preço para o melhor produto. Então talvez você cobre $495 por um site de uma página, 1495 por um site de folheto de várias páginas sem sete páginas em 2995 para um site de comércio eletrônico. Outra dica, pergunte ao orçamento deles. Você nunca sabe o que um negócio é reservado para o marketing. Se você está planejando citar um $1000, mas seu orçamento para este projeto é 5000. Você acha que há uma oportunidade lá? Digamos que pergunte ao orçamento dela. Digamos que gostariam de manter o projeto em seus 5000. E você cita 2500, como se sente? Como seu cliente se sente? Você é estática porque tem mais dinheiro do que esperava. E o cliente é igualmente estático porque eles têm um site com metade de desconto. Todos ganham aqui. Adoro cenários ganha-ganha porque todos vão para casa, felizes. Alcance isso. E você vai se elevar como um empreendedor. Uma nota final, quando você está começando, você realmente não tem a experiência ou experiência para cobrar taxas mais altas. E está tudo bem. Tenha uma mentalidade de crescimento aumentando gradualmente seus preços à medida que você conseguir mais contas. Uma vez que você está em maior demanda, você vai atrair empresas com orçamentos mais altos. Takeaway número dois, você pode oferecer preços fixos, lágrimas e pacotes, ou oferecer uma cotação personalizada em cada projeto. Os preços típicos estão na faixa de 100 a US $3 mil para um site profissional de pequenas empresas. Terceiro, uma vez que você decidir sobre a sua cotação, é hora de enviá-la. cotações são normalmente enviadas por e-mail. Nesse e-mail, você quer ser o mais amigável e minucioso possível. Existem vários elementos-chave para uma citação. O que vem à sua mente quando você pensa no que colocar em uma citação? Bem, primeiro, você gostaria de se reapresentar, seu nome, nome sua empresa, e pensar então apenas para a oportunidade de enviar esta cotação. Se você está construindo sites há vários anos, você pode incluir algo como eu construí vários sites desde 2017 e gostaria de ajudar com seu projeto. Essa frase dá-lhe credibilidade e vontade de trabalhar em conjunto. Em seguida, ofereça sua cotação, que inclui os serviços e o preço. Por exemplo, você poderia dizer, seu site como a maioria, ele cairia sob nosso pacote de negócios. Outros pacotes que temos incluem um site de uma página, um site de comércio eletrônico, etc. Isso inclui um WordPress Web Design personalizado até sete páginas. Site amigável para dispositivos móveis, otimização de motores de busca ou SEO, configuração de banco de dados, otimizações de segurança e muito mais. Por apenas 1495, seria essa linha que você expressou o que você pretende oferecer e para que preço. Em seguida, você pode esclarecer o que WordPress é apenas no caso de alguém não saber. Por exemplo, eu recomendo construir o site no WordPress, isso será mais fácil para mim E você gerenciar no futuro. Wordpress é o número um da web, CMS Content Management System. Próximo parágrafo, ofereça seu plano de manutenção do site. A chave aqui é embalar o máximo de valor possível. Você poderia dizer. O plano mensal de manutenção do site inclui hospedagem web e gerenciamento de DNS do domínio de suporte, hospedagem de e-mail e atualizações do site de suporte, Analytics, Relatórios de tráfego, monitoramento do Google SEO, monitoramento de tempo de atividade, detecção de alterações, backups regulares do site, remoção de vírus, patches de segurança, suporte ao cliente e muito mais. Por apenas 75 dólares por mês mais impostos. Seu site estará em boas mãos. E quanto ao SSL? Você poderia dizer. Também recomendo um certificado de segurança SSL que proteja seu site e aumente a confiança do cliente e a colocação do mecanismo de busca. instalação e certificados SSL evita o rótulo vermelho não seguro ao lado endereço do seu site em seu navegador e o substitui pelo ícone verde de cadeado seguro. Posso comprar e configurar um certificado SSL por até $49 por ano. Estes costumavam ser várias centenas de dólares, mas caíram significativamente desde que quase todo mundo precisa de um. E o que a empresa precisa fazer quando você estiver pronto para seguir em frente? Eu estou me perguntando. Você pode dizer, eu aceito cartões de crédito para sua conveniência. Eu exigi o padrão de 50% para baixo equilibrado devido após a conclusão e lançamento do site. Se você estiver interessado em avançar, enviarei uma fatura e elaborarei um acordo simples para sua revisão. Agora vamos falar mais sobre a fatura e o acordo nas próximas lições. Finalmente, gostaria de terminar meu e-mail de cotação ligando para o meu site, meu portfólio, meus comentários e listas, alguns dos meus projetos favoritos. E é isso. Revise o e-mail, faça as alterações conforme necessário e pressione Enviar. Então, o número de takeaway 3, seu e-mail de cotação deve indicar claramente seus serviços e preços, explicações de termos desconhecidos. Um convite para avançar com o projeto. Essas citações podem levar várias horas para se preparar. Há uma oportunidade que economiza tempo. Há sempre. Em vez de reinventar a roda cada vez que você enviar um e-mail rápido, por que não criar, criar o e-mail perfeito e salvá-lo como um modelo. Salve-o em suas notas ou documentos, ou crie um modelo no Outlook. Tenho o meu guardado nas minhas anotações. Então, cada nova citação é apenas uma cópia e cola desses parágrafos cuidadosamente redigidos e habilmente criados. Então mude o nome Boson para ser o preço. Isso é sobre isso. Citações agora me levou cerca de três minutos em vez de três horas. Crie um processo para suas cotações. Simplifique esse processo automatizando-o com uma rápida cópia e colagem do seu modelo mestre. Você economizará tempo e todas as suas cotações parecerão profissionais, já que você trabalhou tanto nesse modelo inicial. Você pode refinar esse modelo ao longo do tempo. Mas para a maior parte, em um trabalho como uma espinha dorsal para a maioria dos projetos. Verifique a seção de recursos desta lição para ver o meu modelo de cotação. Takeaway número 4. Economize tempo criando um processo para suas cotações. Simplifique e automatize esse processo desenvolvendo um modelo bem preparado e use-o como base para a maioria dos e-mails de cotação. Finalmente, depois que a cotação é enviada, o que você faz a seguir? Você fica sentado e espera por uma resposta? Bem, em primeiro lugar, é comum enviar-lhes uma mensagem de texto rápida, como FYI, sua citação de web design foi enviada por e-mail para nomear em gmail.com. Obrigado pela oportunidade. Isso realiza duas coisas. Qual você acha que é o benefício disso? Por um lado, mantém o diálogo aberto. É uma técnica comum de vendas. Em segundo lugar, na possibilidade de eles honestamente não terem recebido a cotação ou terem ido ao seu spam, você pode reenviá-lo através de outro método. Mas se não contactares, talvez nunca saibam que o enviaste. Eu também recomendo manter uma lista de todas as citações que você enviar. Se você usar seu aplicativo de notas, você tem Lembretes aplicativo um Word ou Pages, documento, Excel ou Numbers, planilha, qualquer que você usar software de produtividade, manter o controle de suas cotações. Eu enfatizo isso de novo. Acompanhe cada orçamento que enviar, listas, nome da pessoa, e-mail, preço, serviços, data da cotação e método de envio. Depois de alguns meses. Se você não respondeu e está procurando trabalho ativamente, vá para a lista de todos que citou. É uma ótima maneira de fazer negócios. Talvez alguém quisesse mesmo usar você, mas eles só ficaram ocupados. E isso é divertido. Coisas acontecem. As pessoas estão ocupadas. Você também está ocupado, tenho certeza. Mas você acompanhar com eles é um bom lembrete para eles ficarem motivados e começarem esse projeto. Takeaway número 5, envie a mensagem confirmando a cotação foi enviada por e-mail e mantenha o controle de todas as cotações que você enviar. Agora recapitulando, lá vai você, seis etapas e considerações ao citar um projeto de site. Vamos rever os pontos principais. Número 1, você pode cotar por hora ou por projeto, mas considerou o escopo do projeto e o valor do seu tempo. Você pode oferecer preços definidos, lágrimas foram pacotes, ou oferecer uma cotação personalizada em cada projeto. Os preços típicos estão na faixa de um a US $3 mil para um site profissional de pequenas empresas. Em terceiro lugar, sua cotação, e-mail deve indicar claramente seus serviços e preços, explicações de termos desconhecidos e um convite para avançar com o projeto. Economize tempo criando um processo para suas roupas. Simplifique e automatize esse processo desenvolvendo um modelo bem preparado e use-o como base para a maioria das cotações. Em quinto lugar, envie uma mensagem confirmando que o orçamento foi enviado por e-mail para manter o controle de todas as citações que você enviou. E qual é o nosso dever de casa? Quero que você baixe o modelo de e-mail de cotação na seção de recursos desta lição e personalize-o para o seu negócio. O próximo, e crie uma lista de todas as cotações que você enviará. Eu sou Leighton, e agora você sabe como citar um site. 42. Propostas e contratos: Bem-vindo, sou Leighton, seu webmaster. E a lição de hoje, vamos discutir dois documentos importantes para enviar aos seus clientes ao assumir um novo trabalho. Estou falando de propostas e contratos. Esses documentos fazem você parecer mais profissional, mais polido e, em última análise, encorajam clientes de maior valor. Estou compartilhando esses modelos de documento na seção de recursos desta lição. Portanto, certifique-se de fazer o seu dever de casa baixando-os para o seu computador. Primeiro, propostas que impressionam. Então você pode estar pensando, não é essa a citação? É isso que você está pensando? Porque se sim, você está correto, tipo de propostas atuam como citações. Mas neste caso, estou apresentando o melhor conselho que posso dar a vocês para desembarcar projetos de maior valor. Está tudo na proposta. Cotações baseadas em e-mail vai pousar um talvez $2 mil projetos. Mas uma proposta bem escrita e cheia de valor ajudará a ganhar 510 $15 mil clientes. Se você alguma vez se deparar com um artigo clickbait prometendo ajudá-lo a obter US $10 mil mais clientes web design. Provavelmente referindo-se a uma proposta assassina. Deixe-me mostrar-lhe o que estou me referindo com um exemplo de uma das minhas próprias propostas de página de equipe de TI que anexei a um e-mail de cotação para o nosso negócio. Aqui está minha proposta para redesenhar o site para um compressor e W. Eles fazem manutenção de compressores, reparos, vendas e serviços. Então vamos olhar para esta proposta de 15 páginas e ver o que está tudo incluído aqui. Começamos com o nosso logotipo, mídia pioneira, essa é a minha empresa. E então a proposta do site e o nome da empresa. E estamos a prepará-la para o nome da pessoa em particular para a qual estamos a prepará-la e, em seguida, preparada pelo seu nome, instantânea. Então é aqui que damos uma visão geral da situação. Eles oferecem um compressor de ar compressivo ou abrangente vendas e serviço e Knoxville e emoção Tennessee. Eles abordaram a mídia pioneira para uma renovação completa de seu site, bem como hospedagem e manutenção. E propomos reprojetar um site W compressor.com desktop e mobile, otimizando o site para motores de busca, adicionando funcionalidade de bate-papo e configurando o sistema de gerenciamento de conteúdo WordPress. Agora tudo isso veio da nossa entrevista inicial de vendas onde eu tive uma conversa com eles e descobri no que eles estavam interessados. Eles mencionaram a funcionalidade de bate-papo, eles mencionaram o ninho, então a necessidade de tê-lo mobile friendly que não têm classificação bem nos motores de busca. E eles estavam interessados no WordPress. Então eu estou colocando tudo isso por escrito. Tudo bem, Next Page, quem foi pioneiro na mídia? É aqui que me descrevo um pouco. Esta é a minha cópia e colar da minha página Sobre Nós onde eu explico quem eu sou e um link para um vídeo do YouTube onde eu me apresento. Aqui está uma captura de tela da minha lista do Google onde você pode ver que eu tenho 83 comentários no momento desta captura de tela foi criada na próxima página. Por que um redesenho? Então por que estamos redesenhando o site? Os proprietários de um compressor e W reconheceu o site atual é datado e precisa de uma atualização do conteúdo bem escrito, mas o projeto poderia usar melhoria. Propusemos considerar este outro site que eles mencionaram, a entrevista de vendas para inspiração em design. Esse site tem um design Incorporar limpo, que é o que eles estão procurando. Também propomos adicionar a funcionalidade de caixa de bate-papo para que os clientes potenciais possam conversar instantaneamente com um associado de células ativas. Finalmente, não tínhamos certeza se cada página é otimizada para motores de busca, especialmente porque um NW se expande para novos mercados, que é algo que eles mencionaram na entrevista. É por isso que propomos redesenhar o site. Agora, por que escolher WordPress? Wordpress é o sistema de gerenciamento de conteúdo CMS número um mais popular e favorito do mundo . Ele é usado por mais de 33% de todos os sites na Internet. Sites criados com um CMS ou facilmente atualizados por meio de um backend administrativo. Wordpress concentra-se na estabilidade e segurança. É orientado pela comunidade e facilmente extensível através de milhares de plugins. O software WordPress principal atualiza regularmente para manter uma segurança apertada. É um produto maduro e estável que se concentra na experiência do usuário e na manutenção dos padrões da web. Então é por isso que estamos propondo usar o WordPress como o backend do site. Após o redesenho e outras considerações, é aqui que você coloca seu plug-in para o plano de manutenção do site. Websites bem-sucedidos são aqueles que continuam a atrair o tipo certo de visitantes e levá-los a um caminho para se tornar um cliente. Isso requer conteúdo consistente, publicação e monitoramento do site para garantir que ele esteja atingindo seus objetivos. Uma vez publicado um redesenho do compressor e W, ainda há mais a fazer. Nosso serviço de atendimento ao site garante que seu site permaneça ativo, seguro, com backup e atualizado. Clientes em nosso plano de serviço de atendimento do site. Suporte ao cliente no mesmo dia via telefone, texto ou e-mail. Aqui estão 16 razões pelas quais um compressor e W precisa do serviço de atendimento ao site da mídia pioneira. Então isso é uma introdução aos planos de manutenção do site. E, em seguida, abaixo estão 16 razões pelas quais eles precisam de uma manutenção do site. Agora eles são um pouco personalizados, mas na maior parte é apenas uma cópia e colar na maioria das propostas. Mas eu personalizo um pouco. Por exemplo, o domínio em seus casos registrados soluções de rede AT. Então eu disse que você pode optar por manter seu domínio registrado nas soluções Nowhere, mas não há nenhum custo extra para transferi-lo para nós. Então, alguns deles eu personalizei para este cliente e você saberá onde você tem oportunidades para fazer isso enquanto você rever sua proposta para cada cliente. Portanto, temos hospedagem de e-mail, backups de monitoramento de tempo de atividade, atualizações de segurança, otimização de mecanismos de busca, listagens locais, SSL, redundância geográfica, remoção de vírus, atualizações de site. E é aí que eu incluo o suporte adicional é 75 e horas e duas horas de suporte estão incluídas por mês gratuitamente. Suporte, análise de blog e otimizações de desempenho. Então isso é muito para acertar na primeira vez. Mas para cada cliente depois disso, você já tem uma base. Você tem seu modelo, e leva apenas alguns minutos para personalizar isso para o cliente específico que você está enviando a proposta dois, tudo bem. Agora, para a linha do tempo do projeto de dinheiro e a citação, quanto tempo esses redesenhos demorarão? Propomos o seguinte cronograma, preparação, design e lançamento. Propomos duas semanas para reunir o nome de domínio, as edições de página, arquivos de logotipo, sugestões de design, novas fotografias, etc. A maior parte deste trabalho cai nas mãos de um design de compressor e W por semanas. Agora que tudo foi feito na fase de preparação, mídia pioneira pode começar a trabalhar. Vamos redesenhar e desenvolver um site bonito e de alta qualidade com base nos resultados acordados por ambas as partes. E finalmente lançou duas semanas edições finais e revisões propostas por um e W e cumpridas pela mídia Pioneer. Uma vez que o site esteja pronto, vamos lançá-lo, que inclui uma série de operações para torná-lo pronto para o público e enviar o novo site para os motores de busca. Então propomos duas semanas para lançar o site, que nos dá um total de oito semanas, apenas dois meses para este projeto. Então, qual é o investimento? Projetar e desenvolver um website compressor e W, $5.800. Isso inclui brainstorm, planejar, projetar e desenvolver e polir um belo site funcional novo até 40 páginas, um $100 para cada página adicional. Ele inclui hospedagem, configuração e instalação de banco de dados, configuração do WordPress, design responsivo para dispositivos móveis, SEO, segurança e otimizações de desempenho. Então isso é o que está incluído no 5800. Além do que você vê aqui em baixo, chat-box $0, site responsivo amigável para dispositivos móveis, $0, Otimização do mecanismo de busca $0, segurança e desempenho também $0. Então isso é apenas expondo sobre o que foi mencionado no 5800 aqui. Mas ele apenas constrói valor quanto mais nós adicionamos e eles vêem o preço de $0. E eu acho, uau, eu estou recebendo tudo isso incluído na citação inicial. Então, isso é incrível. Eu gosto de agrupá-lo juntos, embalar o máximo de valor possível como eles lêem através desta seção da proposta. Certificado de segurança SSL, também $0. Estou incluindo isso no serviço de atendimento do site, uma hora de configuração de graça. Isso melhora a segurança do site, confiança e SEO. Este certificado SSL é renovado automaticamente a cada ano e, em seguida, o serviço de atendimento do site, um $195 por mês mais fatura fiscal no primeiro dia de cada mês. O serviço mensal de atendimento do site inclui os 16 serviços que falamos acima. Cada hora adicional é construído a 75 dólares por hora. Duas horas estão incluídas a cada mês. Serviços de cuidados do site muito mais do que um retentor. É um serviço valioso para garantir que seu site permaneça ativo, otimizado e pronto para os negócios. Assim, o projeto totaliza em US $1995. Mas uma vez que incluímos o serviço de cuidados do site, um $195 vezes 12 meses chega a US $2340. Quando adicionarmos isso ao 5995, serão feitos 8.335 dólares após o primeiro ano. Então você pode ver que isso é uma cotação de dólar alta, muito mais do que apenas um $1000 para um site de pequenas empresas. O que temos como continuamos a rolar, Eu incluí algumas perguntas frequentes. O que você precisa de nós para começar 50% abaixo 50% na conclusão. E aqui está o guia de introdução. Você pode me dar na página um do Google, basicamente não há garantias, mas vamos tentar o nosso melhor. Por que escolher o WordPress? Wordpress é um sistema de gerenciamento de conteúdo mundialmente famoso. É maduro e seguro. E você terá seu login, assim como nós teremos um login. Quantos sites você construiu? Criamos e desenvolvemos centenas de sites desde 2006 com links para o portfólio e depoimentos. Então, qual é o seu melhor trabalho? Estes são alguns dos principais projetos que eu gosto de incluir, especialmente se houver um que se encaixa na indústria da empresa, estamos enviando a proposta 2. E finalmente, incorporei alguns depoimentos aqui. Então eu tenho quatro testemunhos escolhidos. E aí está. Essa é uma proposta de 15 páginas, valor embalado e pronto para essas grandes empresas, porque isso parece muito profissional e nos permite citar muito mais alto do que se simplesmente enviássemos um preço por e-mail. Então o que eu faço é exportar isso para um PDF. Este é um documento de páginas ou você pode usar o Word, mas então você precisa exportá-lo para o formato PDF, que é o que estamos olhando agora. E isso é o que você anexa a sua cotação, e-mail com uma mensagem simples como por favor veja a proposta anexada. Estou incluindo uma versão simplificada como modelo para você, para que você possa personalizar isso e torná-lo seu próprio. Então aproveite isso baixado da seção de recursos desta lição. Então, qual foi a sua impressão dessa proposta? Quando sugeriu sobre a pessoa que o preparou? Se você possuía um negócio de sucesso e tinha um orçamento de marketing decente com essa proposta e impressioná-lo. O que se passa com a proposta? Isso é impressionante. Bem, primeiro, a quantidade de conteúdo, 15 páginas de conteúdo, que diz ao cliente, você pensou muito nisso. Em seguida, o profissionalismo. Não é um e-mail amigável e informal. É um documento PDF profissional, polido e sofisticado que você pode até imprimir e vincular se preferir. Finalmente, o conteúdo é embalado com valor. Eu divido cada pedacinho da citação inicial do design, bem como a abundância de valor. atendimento ao site. Eu tive várias dessas propostas aceitas e esta é a melhor maneira de dobrar, triplicar ou até quadruplicar suas citações para você. Estou compartilhando este modelo na seção de recursos desta lição, eu tenho um modelo que você pode personalizar para o seu negócio. Quando você estiver pronto para preparar um para um cliente, faça uma cópia do modelo, insira as informações pertinentes, exporte-o como um PDF e anexe-o em um e-mail como sua cotação. Você vai me agradecer mais tarde. Takeaway número 1, propostas que eu impressionar ou a melhor maneira absoluta de aumentar seus preços e terra clientes de maior valor. E segundo, contratos que esclarecem, contratos nem sempre são a conversa mais divertida. Quero dizer, como consumidor, você gosta de contratos? Provavelmente não. Eu também não. Com base nessa resposta, que oportunidade você acha que tem como proprietário de uma empresa para tornar seu contrato o mais agradável e menos estressante possível. Primeiro, você deve saber que seu contrato é opcional. Muitos web designer servem bem os clientes para contratar e isso é bom. Eu não tinha um há anos. Então, como meu negócio cresceu e se tornou um contrato. Para ser claro, a partir de hoje, ninguém nunca lutou comigo ou me processou ao ponto em que meu contrato foi cumprido ou contestado. Espero que nunca tenhamos que passar por isso. Ao lado do ponto. É por isso que apostamos uma entrevista completa clientes antes de aceitá-los. De qualquer forma, com tudo isso sendo dito, qual é o sentido de um contrato se não estamos no tribunal e não pretendemos entrar no tribunal, você pode pensar em alguma razão para isso vir a calhar? Deixe-me colocar desta forma. Um contrato declara os termos do seu contrato. Ele define claramente o que você pretende fazer, para que preço suas condições de pagamento, política de cancelamento e expectativas de plano de manutenção. Por que isso pode ser útil? Você adivinhou para definir expectativas e esclarecer quaisquer mal-entendidos sobre seus serviços. Depois de lerem seu acordo e assinarem seu nome, eles sabem exatamente o que esperar e eles não podem dizer mais tarde, bem, eu não sabia que seria imposto sobre vendas ou eu não sabia que você estaria colocando meu portfólio meu site no seu ou por que meu lado não está na página 1 ou por que não está trazendo leads? Bem, no contrato claramente afirmado que não somos responsáveis por e-mail e tráfego de lado não garantimos nenhum ranking, etc. C, certo. Isso está limpo para fora do portão. Então, o que está envolvido no seu contrato? Deixa-me ensinar-te, mostrando-te o meu. E aqui estão os meus contactos. Eu esclareci modelo. Este é o nome da minha empresa, mídia pioneira. E o acordo título, política clara e termos relacionados com este projeto de design e desenvolvimento do site. Este acordo é entre a mídia pioneira, um Knoxville, Tennessee. Assim, a propriedade a seguir designada “parte da primeira parte”. E é aqui que você colocaria o nome da empresa deles. Digite seu nome aqui e depois referido como da segunda parte ou testemunha do cliente, que a primeira parte está no negócio de fornecer e esta é uma visão geral de seus serviços. Então, digamos que estamos fornecendo desenvolvimento de design de sites e estamos aceitando-os como um cliente. Portanto, hospedagem e manutenção, segunda parte deseja utilizar os serviços oferecidos pela primeira parte em uma base contínua para uma taxa como observado mais adiante aqui, então estes são termos legais, mas basicamente significa que isso é o que estamos fornecendo. Portanto, em consideração as promessas acima mencionadas e as promessas seguintes, seja resolvido e acordado com ele que a primeira parte irá fornecer a segunda parte os seguintes serviços para as taxas indicadas aqui, de modo que este é o cobrança única para a construção do site e esta é a taxa do contrato de manutenção em curso. Então, digamos que os serviços para este cliente é o comércio eletrônico. Design do site mais móvel mais SEO. Tire algumas dessas linhas, e lá vamos nós. E para este projeto, digamos que a taxa total mais tx é 2495. Tudo bem. Então eles estão concordando em pagar este ou os serviços e o contrato de manutenção em curso, segunda parte deseja entrar em acordo aqui e anotado em uma base contínua por uma taxa de, digamos, 75 dólares por mês mais chá local e taxa de imposto sobre vendas de 9,75% a pagar em dólares americanos no primeiro dia de cada mês. Líquido 30, o que significa que eles têm o mês inteiro para pagar. Para o termo deste acordo, que é contínuo. Esta taxa é referida como serviço de atendimento ao site. Começando. Então aqui eu comecei a hospedar manutenção contínua, condições de pagamento, cancelamento de propriedade, indenizar e manter inofensivo, e conclusão. Então vamos olhar para este projeto é estimado para levar entre 26 semanas para ser concluído, dependendo de quanto tempo o cliente envia a mídia pioneira tudo para começar. Então, se estamos oito semanas no projeto e não está indo muito rápido, talvez o problema é que eles não nos enviaram o que precisamos. Então é por isso que eu adiciono dependendo de quanto tempo o cliente nos envia o que precisamos para começar. É sensato adicionar requisitos típicos para começar. Esquema de cores do logotipo do domínio, ideias, solicitações de conteúdo de uma página, login no provedor de hospedagem, etc. Qualquer fotografia de estoque, US$10 por ativo e certificado SSL, US$50 por ano. As despesas são construídas para o cliente, não para a mídia pioneira. Então isso seria uma despesa extra. Hospedagem, a menos que seja explicitamente solicitado, o nome de domínio será registrado e hospedado com o servidor web medias pioneiro. O cliente já tem um nome de domínio. Ele será transferido para o servidor web medias pioneiro, a menos que explicitamente solicitado para permanecer sob a conta de hospedagem de clientes. Podemos hospedá-lo a menos que digam o contrário. Se o serviço com mídia pioneira for cancelado no futuro, os nomes de domínio serão imediatamente transferidos para o cliente que eles podem cancelar sem repercussões. As informações de contato de quem são são registradas de forma privada. Agora, manutenção contínua. Quais são os termos para os entendimentos de manutenção em curso? Temos sobre este serviço? Serviços de atendimento ao site, um contrato de manutenção mensal que inclui hospedagem, gerenciamento, análise, rastreamento, monitoramento de SEO, atualizações de site, atualizações de segurança, backups e monitoramento de tempo de atividade. Este é um importante. Os resultados Seo no ranking nunca são garantidos. Então, se eles não quebrarem na primeira página, eles não podem processá-lo e dizer que você garantiu que estaríamos na primeira página. Saberemos que estamos fazendo o nosso melhor, mas não temos controle total sobre isso. serviço de atendimento ao site começa no mês seguinte ao lançamento do novo site. Ou a hospedagem na web começa nos servidores de mídia Pioneer, o que ocorrer primeiro. Por isso, parece natural iniciar o serviço de cuidados do site depois de ter lançado um site. Mas e se este é um projeto que leva um ano inteiro e eles nunca realmente declaram feito? Bem, precisamos ser pagos desde o domínio esteja em nosso servidor e o site esteja ao vivo para o público, merecemos ser pagos pelo nosso serviço de atendimento do site. As atualizações podem ser solicitadas via texto, e-mail ou telefone. Normalmente, as solicitações de atualização são atendidas em quatro a 48 horas. Relatórios analíticos básicos ou enviados por e-mail no primeiro dia de cada mês, relatórios analíticos detalhados disponíveis mediante solicitação. Isso se você usou um recurso de envio automático de relatórios do Google Analytics. A maioria dos serviços prestados mensalmente ocorre no backend do site e sem notificação ao cliente. Portanto, o front-end do próprio site permanecerá relativamente inalterado. Então, se depois de um ano o cliente disser: “Bem, o que você fez? Não vejo nada diferente no site. Isso explica que muito do que fizemos está no back-end, mesmo que a frente e não tenha realmente mudado, o backend permaneceu ativo, estado atualizado, realizaríamos as atualizações de software e não fizemos backup, mesmo que isso não afete realmente o front-end no site. Serão enviados e-mails para faturas, relatórios analíticos e boletins informativos e notificações ocasionais. Links de cancelamento de assinatura estão incluídos no rodapé de cada e-mail. Pioneer media não fornece serviços de marketing além do desenvolvimento de sites e otimização de motores de busca e não é responsável pela quantidade de tráfego para um site recebe. Pioneer Media pode encaminhar um cliente para especialistas em marketing de pequenas empresas. Então eles pagaram todo esse dinheiro por um site, obtendo pistas dele. Eles não têm trânsito. Isso é porque eles não estão promovendo. Eles não estão fazendo nada para direcionar o tráfego. Eles não estão colocando nenhum dinheiro publicitário no site, e eles apenas esperam que o site gere tráfego por conta própria. Bem, não somos realmente responsáveis por isso e não fornecemos serviços de publicidade pagos, mas podemos encaminhá-lo a um especialista para isso. Novas páginas do site e grandes redesigns serão rastreados e construídos a uma taxa horária de US$75. Então, se eles querem um site totalmente novo ou eles querem adicionar algumas grandes páginas novas, tudo bem. Mas vai ficar surpreso que temos uma taxa horária para isso e não está incluído no custo mensal. Condições de pagamento. 50% para baixo pagamento necessário para começar por não 50% equilibrado devido após a conclusão do projeto ou líquido 60, o que ocorrer primeiro. Então digamos que você está dois meses na estrada e ainda está trabalhando no site. Mas eventualmente você merece ser pago. Assim, líquido 60 significa 60 dias após o pagamento inicial foi feito, o saldo final é devido. Porque nessa altura não é culpa sua. Se você foi cooperativo e você tem sido responsivo, são eles arrastando a bunda deles e você merece ser pago pelo site. Você pode continuar a trabalhar nisso, mas você precisa equilibrar antes de continuar. Lançamentos do site, após saldos pagos. Então os sites estão prontos para ir, mas eles não fizeram o pagamento final. Bem, não vai ser lançado até que eles façam o pagamento. Formas de pagamento aceitas. Aceita dinheiro, cheque, cartão de crédito, banco comercial. Você pode atualizar isso com os formulários de pagamento que você aceita. Banco de comércio com prazer aceito no site projetado trabalho, mas não o serviço de cuidados do site. Encargos de cartão de crédito incentivados a 0,9% taxa de processamento. Tanto o trabalho como o serviço de cuidados do site inclui 9,7 75 por cento T em impostos sobre vendas. Assinatura automática de cobrança de cartão de crédito oferecida por conveniência e cobrada no primeiro dia de cada mês. Então eles não vão se surpreender quando a carga chegar. Uma vez que eu me importo faturas de serviço serão enviadas por e-mail para o cliente no primeiro dia de cada mês. Então eles entendem quando vão ser construídos. Nenhum reembolso oferecido para pagamento antecipado, saldo final ou serviço de atendimento no site. Então eu não ofereço reembolsos, porque geralmente depois que eles pagaram, eu já fiz um pouco de trabalho, preparar o servidor, tipo de construção do site. Então, sem reembolsos, propriedade. Então, quem é o dono do site? Isto é muito importante. Algumas empresas de web design mantêm seus sites reféns alegando que eles são donos do conteúdo. Mas o que eu digo? Arquivos de site e banco de dados são hospedados com mídia pioneira, mas o cliente é proprietário do site uma vez o site é pago na íntegra de acordo com o contrato. Então o cliente possui o site é a parte importante aqui. Os arquivos são armazenados localmente em mídia Pioneer é computadores e regularmente backup de até seis destinos. Isso seria que eu possuo é o Google Drive, meu computador, minha máquina do tempo do disco rígido externo, etc. Por novos meios de comunicação reserva-se o direito de exibir e vincular ao projeto concluído e um portfólio. Cancelamento. Isso acontece de vez em quando e está tudo bem. Aqui estão os termos. serviço de manutenção do site pode ser cancelado a qualquer momento após seis meses após o lançamento da visão. Cancelamento antes de seis meses se passaram requer meses restantes serviço de cuidados site fazer após o cancelamento do serviço. Os arquivos do site e o banco de dados serão enviados por e-mail para o cliente, se solicitado. domínio será transferido para o cliente se solicitado, o que me importa? O serviço não será mais faturado a menos que o serviço seja restabelecido. Reembolsos não são oferecidos para o serviço de cuidados do site dos meses atuais ou passados. E qualquer uma das partes pode rescindir este contrato a qualquer momento através de um pedido escrito. O Cliente deverá, no momento da rescisão, pagar à mídia pioneira todos os valores não pagos devidos por serviços concluídos antes da notificação de resci Nenhum reembolso será dado para pagamentos já feitos pelo cliente. Agora este é um importante. Indenizar e manter inofensivo. Este é um termo legal padrão para Vamos ler sobre isso. A segunda parte concorda em indenizar, salvar e manter a mídia pioneira inofensiva de todos e quaisquer danos, perdas, processos judiciais, despesas, custos ou honorários advocatícios que possam surgir como resultado de reivindicação ou ação de terceiros. Isso inclui, mas não se limita a qualquer ação, envolve hacking ou outra atividade maliciosa de terceiros, resultando em danos ao site, reputação, boa vontade ou receita de um cliente . O que isso significa em termos simples, se o seu site é hackeado, não é culpa nossa. Faria tudo ao nosso alcance para corrigir a situação, mas não somos responsáveis por quaisquer danos ou ações que possam ocorrer. Então sites são hackeados, mas você não pode levar seu web designer a tribunal por causa disso. Vamos ser o mais cooperativos possível para limpar o hack e endurecê-lo contra futuros hacks. Mas não pode nos processar por isso. Conclusão. Este acordo é todo o acordo. Não existem outros termos deste contrato escritos ou verbais e os termos de discordância só podem ser alterados por acordo escrito substituindo este significado assinado por ambas as partes aqui, eles devem ser parte deste acordo ser considerados inexequíveis? Tais partes não afetam qualquer outra parte deste contrato. Tudo bem. Este acordo será regido pelas leis do estado do Tennessee, que é minha área local onde faço negócios, testemunhe isso. E é quando você coloca o dia do mês e depois o mês e depois o ano. Primeiro partido, aqui é onde você coloca o nome da sua empresa, seu nome e a data atual. E então você coloca o nome da empresa deles, o representante para o qual você está enviando isso, e então eles colocam sua assinatura, eles colocam sua data em um Mac. Você pode salvar isso como um PDF e, em seguida, adicionar sua assinatura através do aplicativo de visualização no Adobe Reader, no Windows ou em paz, no PC, Windows ou Mac, você pode adicionar uma assinatura acessando Ferramentas e assinatura para assinar um documento. Há muitas soluções modernas para isso hoje em dia. E você não deve ter que pagar por qualquer software extra, assim como um documento assinado. Então isso torna realmente conveniente assinar documentos em tempo real sem ter que imprimir isso e digitalizá-lo. Então, estes são os meus contratos que clarificou modelo. Vou colocar isso na seção de recursos para que você possa baixar e personalizar para si mesmo, desfrutar. Então, o que você acha? Não é muito assustador, certo? Eu tentei muito para tornar mais fácil de ler e tão amigável quanto possível, mas ainda legalmente vinculativo. Eu consultei um advogado para criar isso. Ainda assim, eu apenas apresento estes para clientes que estão se inscrevendo de um serviço de atendimento de site e, portanto, estão estabelecendo um relacionamento de longo prazo. Eu não faço isso por eles e clientes acabados. E isso é para você. Estou compartilhando com você pode modelo na seção de recursos desta lição, Eu tenho um modelo de contrato que você pode personalizar para o seu negócio. Quando você estiver pronto para preparar um para um cliente, faça uma cópia do modelo, insira informações do departamento, exporte como PDF e anexe-o junto com sua proposta e consulte um advogado ou advogado se precisar de suporte adicional em este número dois, contratos que esclarecem, vamos definir as expectativas para o seu relacionamento de longo prazo com um cliente. E agora, recapitulando, o que aprendemos sobre esses dois documentos? Primeiro, as propostas que eu impressiono são a melhor maneira absoluta aumentar seus preços e terra clientes de maior valor. Em segundos contratos, eu esclarecerei, vamos definir as expectativas para o seu relacionamento de longo prazo com os clientes. E qual é o nosso dever de casa? Quero que descarregue a proposta, os acordos e as inundações na secção de recursos desta lição. Personalize-os para o seu negócio. Eu sou Leighton, e agora você sabe como enviar propostas e contratos. 43. Faturas e impostos: Bem-vinda. Estou atrasado para o seu webmaster na lição de hoje e vamos discutir o aspecto financeiro e atender clientes faturas e impostos. Coletar dinheiro pode ser uma parte emocionante da gestão de um negócio. Mas você já enviou uma fatura antes? Talvez esteja pensando ultimamente, eu uso QuickBooks há anos. Eu sei como faturar as pessoas. Mas para aqueles que não estão familiarizados com a voz deles, vou apresentá-los a um dos maiores serviços gratuitos que já encontrei com o Wave. Já ouviu falar da onda WAV? Eu tenho usado Wave por anos e eu pesquisei software de faturamento extensivamente antes de resolver este. A maioria dos autores como este tem uma média de 20 a US $30 por mês. Mas você ouviu quanto custa peso? - Sim. Ouviu bem. É muito que eles estão faturando e os serviços de contabilidade são completamente gratuitos. O processamento de pagamento é apenas o padrão, 2,9% mais 30 centavos por carga. E seus serviços de folha de pagamento ou extra, o que você realmente não vai precisar deles. Mas há software de faturamento núcleo é muito agora faz livre significa que eles não são tão bons como os serviços de faturamento pago como QuickBooks, FreshBooks. Bem, quais recursos você gostaria de ver em uma solução de faturamento? Talvez faturas recorrentes, faturamento recorrente, extratos de clientes, lembretes, processamento de cartão de crédito, pagamentos bancários, verificação de recibos, contabilidade de entradas duplas. O Wave tem cada um desses recursos. Você pode até mesmo configurar seus clientes de manutenção mensal no pagamento automático e wave irá automaticamente cobrar de seu cartão de crédito em arquivo e depositar os fundos em sua conta bancária em dois dias. Isso não é incrível? Nisso, uma grande economia de tempo. Imagine quanto tempo você poderia gastar manualmente cobrando cada cartão de crédito para cada cliente, todos os meses. Mas com pagamento automático, onda, tudo isso funciona para você? Deixe-me ir em frente e mostrar-lhe o que é a onda. Aqui estamos no wave apps.com, a página inicial da onda. Então vamos ver o que eles são. A melhor maneira de fazer, mover e gerenciar seu dinheiro. Cada produto de onda que você usa aproxima você de uma imagem completa do sucesso financeiro. Então eles oferecem software de contabilidade que funcionou tanto quanto você. Eles oferecem faturas profissionais, criam faturas profissionais gratuitamente. Cada fatura paga é uma receita recebida positiva para o seu negócio. O software de fatura Waves permite que você crie e envie facilmente faturas profissionais com recursos avançados, como faturamento recorrente e pagamentos automáticos, que são incríveis para web designer freelance como você. Soluções de pagamento para o seu negócio são pagos tão rápido quanto dois dias úteis, melhorar sua marca e olhar mais profissional como, como você permitir pagamentos por onda, aceitar cartões de crédito e grandes pagamentos em suas faturas para como pouco como 1% por transação, 1% para pagamentos bancários e orvalho, 0,9% para cartões de crédito. Este é um recurso incrível e uma enorme economia de tempo quando as pessoas podem continuar e fazer um pagamento si mesmas, em vez de você ter que cobrar manualmente o cartão de crédito de cada pessoa. Então isso é incrível. Simplifique sua experiência de folha de pagamento. Não precisamos nos preocupar com isso, pois não temos funcionários que criem sua conta gratuita do Wave. Antes de fazermos isso, vamos confirmar algo na página de preços. Há três seções aqui para contabilidade como gratuita, faturamento é gratuito e recibos são gratuitos. Sem taxas de configuração, sem cobranças ocultas, sem mensalidades. E eu certamente posso atestar isso. Pagamentos por uso. O processamento de cartão de crédito é de 2,9% mais 30 centavos por Swain. Isto é completamente normal. Este é o padrão da indústria. É um pouco alto, mas ainda é o padrão da indústria. Faixa Paypal. Todos os principais processadores de cartão de crédito vão cobrar esse valor por transação. Bem, isso é normal. E pagamentos bancários 1% por transação. E então a folha de pagamento é um complemento pago, trinta e cinco dólares por mês. E o self-service diz $20 mensalmente B. Mas novamente, isso é folha de pagamento, é quando você tem funcionários, o que nós não temos. Então vamos ver o que mais é oferecido aqui. Software de contabilidade, facturação. Aqui estão alguns dos recursos sobre os quais falamos. Ilimitado e voicing, envie quantos quiser, exceto cartões de crédito e pagamentos bancários, diretamente na fatura, faturamento recorrente, o que é ótimo para o seu plano de manutenção. Lembretes e sincronizar suas faturas e contabilidade. Eles oferecem verificação de recibos para que você possa fazer upload de recibos. E eles oferecem pagamentos, pagos em dois dias úteis. Os clientes pagam com qualquer cartão de crédito principal diretamente da sua fatura. Então isso é incrível. Vamos entrar na minha conta e veremos como é o painel. Então aqui estamos na nova seção de fatura. É aqui que vamos criar uma fatura. E chegamos aqui indo para as vendas à esquerda e depois faturas. O Wave tem uma seção para estimativas e cotações de faturas que fornece a você uma lista de todas as suas faturas pagas e não pagas que você enviou para seus clientes, faturas recorrentes como o plano de manutenção e o mensal e anual faturas que você enviará. Checkouts, pagamentos, que são os pagamentos feitos em suas faturas, extratos de clientes, que é onde você pode enviar ao cliente um extrato de todas as suas faturas pagas e pendentes. Clientes, que lista todos os clientes que você adicionou à sua conta do Wave. Produtos e serviços, que seria como o seu plano de manutenção do site vai cuidar do serviço, O que é um design? Quaisquer produtos e serviços predefinidos que você adiciona regularmente às suas faturas. Você pode economizar tempo adicionando isso em suas compras de onda. Gostaria de ir aos recibos. E você pode fazer upload de recibos usando o aplicativo Wave em seu dispositivo móvel e ele será carregado aqui para recibos, recursos contábeis, pagamentos bancários mostra os pagamentos recentes com cartão de crédito que foram feitos e o pagamento faz o seu folha de pagamento do banco, que vamos ignorar porque não temos nenhum empregado. E, em seguida, relatórios, o que lhe dá alguns bons relatórios mensais e anuais que você pode aproveitar. Então, nova fatura. Então, no topo, temos o nosso logotipo. No meu caso, é pioneiro mediano. Temos uma fatura de maré. Você pode fazer um resumo rápido. Eu tenho o meu endereço de devolução e informações de pagamento e ou eles podem enviar um cheque caixa postal de pagamento, tenho o meu número de telemóvel e um link para o meu site. Em seguida, em adicionar um cliente, podemos clicar nisso. Tudo bem, temos um número de fatura que é calculado automaticamente toda vez que adicionamos uma nova fatura, temos a data atual da fatura e, em seguida, a data de vencimento, que é normalmente dentro de 30 dias. Você pode alterar isso para no recebimento dentro de 15 dias, 30, 45, 60 e 90 dias. E então vamos para a carne da fatura. Este é o lugar onde nós adicionamos um item. Então, digamos que estamos faturando alguém para um site e queremos dizer e-commerce, design de site, mobile friendly, site responsivo, otimização do mecanismo de busca, configuração do WordPress, configuração do banco de dados. Lá vamos nós. Podemos fazer a quantidade 1 e, em seguida, o preço, o valor que estamos cobrando para esse serviço específico. Podemos alterar isso de quantidade para a nossa clicando em Editar colunas e alterando-o para horas. As unidades, horas e o preço, alteram para a taxa. E nesse caso, podemos cobrá-los por quantas horas trabalhamos em algo como, digamos que gastamos dez horas em um projeto a 75 e nosso u estaria cobrando por US$750. Agora, o que é adicionado em cima disso, eu tenho dois impostos diferentes que eu adicionei aqui. Imposto sobre vendas, que na minha área local é 9,75, que é calculado automaticamente. E cartão de crédito a 3%, isso é calculado automaticamente também. Assim, o subtotal base seria essa quantidade e, em seguida, estes são adicionados a ele. Agora isso não vai pousar em sua conta bancária. Wave leva isso e, em seguida, esta lã e sua BankAccount. Mas no final de cada mês, eu reenvio isso para o site da Receita dos meus estados locais. Então isso vai deixar o BankAccount depois de um mês de qualquer maneira. Então eu tenho imposto total sobre vendas e cartão de crédito e , em seguida, o total que o cliente terá que pagar. Na parte inferior, você pode ter alguns Termos e declarações finais. Obrigado. Agradecemos muito o seu negócio. 2.9% Tn imposto sobre vendas é necessário para ser recolhido, por favor, e pagamento no prazo de 30 dias após o recebimento desta fatura. E agora eu adiciono para que possamos começar o seu projeto. Você pode pagar com segurança on-line com pagamento com cartão de crédito ou enviando um cheque para o endereço acima. Economize dinheiro, pague com cheque. Então eu só adiciono isso para dizer, se eles não gostam do cartão de crédito B, eles não querem pagar isso. Isso é bom. Não pague. Basta colocar um cheque no correio. A taxa do cartão de crédito é basicamente para conveniência e a maioria das pessoas não se importa com isso e eles esperam isso quando eles estão fazendo um pagamento on-line. Atenciosamente, Smith latente. Sob o rodapé, você pode ter uma declaração inferior. Se você tiver quaisquer problemas ou dúvidas em relação ao seu site, sinta-se à vontade para enviar um e-mail ou nos ligar a qualquer momento. Sua satisfação é a nossa preocupação número um, então você pode clicar em Salvar e continuar, e isso salvará a fatura e você pode enviá-la para o seu cliente. Vamos em frente e clicar nisso. Agora. Tudo bem. Então isso nos leva para a página da fatura. A fatura foi criada, está em rascunho. Este é o valor devido e esta é a data de vencimento, 30 meses a partir da data em que este foi criado. O próximo passo é aprovar o rascunho ou editá-lo, o que nos leva de volta à página anterior. Vamos clicar em Aprovar rascunho. Então temos algumas opções para enviá-lo. Podemos enviá-lo via e-mail e anexar uma fatura PDF. Ou podemos ignorar o envio se quisermos enviá-lo manualmente. E há lembretes programados. Assim, você pode ter um lembrete definido para a data de vencimento. E digamos que 14 dias depois. Este é um e-mail amigável e apenas diz que eu como um lembrete, você tem esta fatura fora e aqui está um link para pagar. - Ele. Ignora o envio. Vamos fazer isso por enquanto. Enviar fatura, você ignorou, enviar nota fiscal como centavo. Então, digamos que dissemos a nós mesmos manualmente você pode clicar em mercados enviados e, em seguida, ser pago. Então você tem duas opções aqui. O que permite que você insira o número do cartão de crédito dos clientes e envie o pagamento. E há uma caixa aqui para guardar o cartão para pagamentos futuros. Ou você pode registrar um pagamento manualmente, que seria um pagamento bancário, dinheiro, cartão de crédito, PayPal ou outro. Então, mais comumente, digamos que alguém passa um cheque. Então você digita check e, em seguida, você no que era para o design do site. Gosto de colocar isso no MIMO. E lá vai você, você aperta enviar, e é isso. Em seguida, o pagamento será feito. As faturas parecem muito profissionais e podemos editá-las, descendo aqui para configurações no canto inferior esquerdo da onda, podemos ir para configurações e alterar a aparência das faturas, mudar a cor para Pitt nossa marca. Há um monte de coisas diferentes que você pode personalizar lá. Recomendo clicar em Configurações e passar por cada uma dessas áreas para personalizar isso para sua empresa. Finalmente, vejamos as faturas recorrentes e mostrarei como criar uma fatura recorrente. Criar NFF repetitiva. Vamos colocar o nosso cliente e dizer que isto é para o nosso plano de manutenção. Então, no meu caso, isso é chamado de serviço de atendimento no site. Eu já tenho o valor predefinido aqui, 95 mais L6 mais cartão de crédito. Lindo. E vamos clicar em Salvar e continuar. Então, nesta tela, é semelhante ao anterior, mas temos algumas opções extras, definir o cronograma. Então, digamos que estamos adicionando-os ao nosso plano de manutenção e este é um cliente, vamos cobrá-los no primeiro dia de cada mês. Repita esta NFF mensalmente. Gosto que todos os meus saiam no primeiro dia de cada mês. Então lá vamos nós. Primeiro, crie a primeira fatura no próximo primeiro do mês e, em seguida, termine. Nunca. Clique em Avançar. Pagamentos automáticos. É aqui que você pode selecionar seu cartão de crédito de clientes que já foi salvo na conta. Muito útil. Caso contrário, se eles ainda não têm um cartão de crédito em arquivo, haverá uma caixa onde eles podem inserir suas próprias informações de cartão de crédito e verificar seu próprio salvar este tribunal para futuras compras caixa. Então a maneira cuida de tudo isso e lida com tudo para você. Caso contrário, há uma caixa de pagamento manual. Seu cliente terá que pagar cada fatura manualmente. E você pode selecionar esta caixa que diz permitir que meu cliente pague cada fatura via cartão de crédito ou pagamento bancário, que lhes dá a opção de fazer um pagamento com cartão de crédito. Caso contrário, eles só poderão visualizá-lo e colocar um cheque no correio. Então, clicamos em seguida e, finalmente, enviar envio automático ou envio manual, envio automático. Deixaremos você enviar isso por e-mail para seu cliente. Ele enviará automaticamente isso no primeiro dia de cada mês com base nesses termos que configuramos aqui, repetidos mensalmente no primeiro, então na primeira onda vai automaticamente lidar com isso para você. Então, se configuramos corretamente, você pode enviar sua fatura automaticamente no primeiro dia de cada mês e eles podem pagar imediatamente. Ou se eles marcaram a caixa salva este cartão para compras futuras, então ele será cobrado automaticamente e, em vez de enviar uma fatura, será enviado um recibo. Caso contrário, se preferirem colocar um cheque no correio, não. Receba sua fatura no primeiro dia de cada mês e eles podem colocar manualmente o cheque no e-mail, você receberá e você pode enviar o pagamento através de sua conta Wave. Então, de qualquer maneira, isso realmente é uma grande economia de tempo. É muito, muito melhor do que ter que criar manualmente uma fatura e enviá-la para cada cliente. Portanto, familiarize-se com o wave, configure suas faturas e suas faturas recorrentes. E se você tiver isso configurado corretamente, pode ser uma grande economia de tempo, especialmente se seus clientes estiverem bem colocando cartão de crédito em arquivo e fazendo seus pagamentos automaticamente no dia 1 de cada mês. Nesse caso, o primeiro de cada mês é muito emocionante e você verá o que quero dizer quando começar a ter alguns de seus clientes no pagamento automático. Então desfrutar de onda, É um belo serviço gratuito e estou tão feliz que eu descobri. Estou tão feliz em compartilhar com você. Então, agora que você está pronto com seu software de faturamento, digamos que você está em um cliente, você concordou com um preço. Eles aceitaram, estão prontos para avançar com o projeto. O que vem depois? Bem, você começaria por enviar-lhes uma fatura para todo o valor citado juntamente com uma mensagem como, nós exigimos metade para baixo para que possamos começar , então o saldo é devido após a conclusão do site. Então, basicamente, o percentual para baixo para amostragem mais profunda o site é lançado. Agora para baixo refere-se a down-payment, que é o pagamento inicial. Então você pode começar o projeto. Tenha isso em mente como uma dica de negócios. Não comece a construir seu site até que você tenha esse pagamento. O cliente que efetua o pagamento inicial provará que eles são sérios e prontos. Então envie a fatura, colete 50% de pagamento por cheque ou cartão de crédito ou pagamento bancário, e comece. Takeaway número um, wave é um fantástico serviço de faturamento gratuito para você cobrar seus clientes por projeto e por mês. Em seguida, seu DBA. Já ouviu falar de um DBA? Sabe o que isso significa? Conversamos sobre isso muito brevemente. Significa fazer negócios. Quanto a esse propósito, o DBA é basicamente o nome da sua empresa. No meu caso, o meu nome é Smith latente, mas o meu DBA e o nome da minha firma, é a mídia pioneira. Então, qual é o propósito de um DBA? Bem, se alguém escrever um pagamento para a mídia pioneira, eu posso depositá-lo ou descontá-lo apenas se o DBA estiver registrado na minha conta bancária, o que é. Se você não entregar o DBA ao seu banco, você terá que ser pago em seu nome pessoal. Torne as coisas mais fáceis para seus clientes e pareça mais profissional atualizando sua conta corrente com seu DBA ou abra uma verificação de negócios separadamente. Takeaway número 2, atualize sua conta bancária com seu nome de empresa como seu DBA para que você possa depositar dinheiro pago em sua empresa. Terceiro, você precisa ter uma licença de negócios. Se você já ouviu falar de uma licença de encanamento, uma licença elétrica, uma licença imobiliária, esses são muito importantes e essenciais para conduzir negócios legalmente nesses campos. Então isso significa que há uma licença para ser um web designer? Você teria ouvido que não existe tal coisa. Você não precisa ser licenciado ou certificado como um web designer. Experiência e conhecimento serão suficientes. Mas você precisa de uma licença de negócios. Isso é diferente de uma licença comercial, como os exemplos que acabamos de mencionar. Uma licença comercial basicamente significa que você está legalmente autorizado a conduzir negócios e você está contando. Estes aplicam-se a todas as indústrias. O muito fácil de obter. E a minha recomendação é ligar para o secretário local. Há super útil, especialmente para novos negócios. E eu vou apontar a direção certa. Mais uma vez, estes são muito fáceis de obter e você meio que conseguiu. Você tem que fazer é tirar o número três, registrar para uma licença de negócios em seu funcionário municipal local para que você possa legalmente conduzir negócios em sua área. E número 4, obrigações fiscais, começando com o imposto comercial, começo com textos de negócios porque vem junto com o registro para uma licença comercial. Na verdade, aqui está uma citação direta do site oficial do Tennessee. Geralmente, se você realizar negócios dentro qualquer condado e/ou município incorporado no mar, então você deve se registrar e enviar impostos comerciais. O imposto sobre as empresas consiste em dois impostos separados. O imposto comercial estadual no imposto comercial da cidade, com algumas exceções, todas as empresas que vendem bens ou serviços devem pagar o imposto comercial estadual. Mas são 10 para ver. E se você não morar no Tennessee? O seu estado tem um imposto comercial? Não posso responder isso por você. Consulte seu funcionário local tão facilmente aponte você na direção certa. Então, o que é o custo do imposto comercial? Na minha área, é uma pequena fração de 1% de todas as minhas vendas anuais. Então, relativamente pequeno, este é realmente o menor imposto que eu pago como um web designer. O segundo é o imposto local sobre vendas. Se aplicável. Você pagou o imposto sobre alguma coisa? Claro que você tem. Mas você sabia que as empresas têm que pagar isso até mesmo a um web designers? No meu estado natal, Tennessee. O design e desenvolvimento de sites é considerado software de computador. E software de computador é tributável. O que eu estou hospedando um planos de manutenção também são tributáveis. É este o caso em que você mora? Novamente, eu não posso responder isso para você, mas um CPA ou Contador Público Certificado, conhecido como um profissional fiscal, pode facilmente responder a essa pergunta. Agora, quanto custa o imposto sobre vendas? Minha área local? Eu tenho que cobrar 9,75% em cima do design do meu site e vozes, e enviar isso mensalmente no meu site de impostos estados. Felizmente, você pode facilmente tocar em impostos através de onda em Configurações, impostos sobre vendas. O terceiro é o imposto de renda federal e estadual. Você cai impostos todos os anos? Espero que sim. E o imposto federal dos EUA é exigido para todas as empresas. E alguns estados têm seu próprio imposto de renda estadual. Se você passar por TurboTax, H&R Block, ou contratar um CPA para preparar seus impostos. Você precisa preparar e pagar impostos federais anualmente. Nos termos mais simples, você paga imposto federal sobre sua renda bruta menos suas despesas comerciais. Então, mantenha o controle de suas despesas e recibos. Uma regra geral é reservar 30% da sua renda para impostos federais e estaduais. Felizmente, CPAs e software de preparação fiscal como TurboTax e H&R Block irão educá-lo e orientá-lo durante todo o processo. Takeaway número 4, imposto comercial, imposto sobre vendas, estadia em imposto federal são geralmente necessários para todos os web designers. Consulte seu funcionário local e um CPA para decidir quais impostos você precisa pagar e como. Então, recapitulando, o que aprendemos sobre o lado financeiro de administrar um negócio de web design? Aprendemos um, wave é um fantástico serviço de faturamento gratuito para você cobrar seus clientes para o projeto e por mês para atualizar sua conta bancária com seu nome de empresa como seu DBA para que você possa depositar dinheiro pago para o nome da sua empresa. Três, que se registra para uma licença de negócios em seu funcionário local. Assim, você pode legalmente conduzir o negócio em sua área. Para impostos comerciais, venda, sexo, permanência em textos federais são geralmente todos necessários para designers de sites. Consulte seu funcionário local em um CPA para decidir quais impostos e pagar e como e qual é o nosso dever de casa? Quero que te inscrevas para o Wave. Se você ainda não possui o QuickBooks, atualize seu DBA no seu banqueiro. E conversaremos quando seu funcionário local e um contador para revisar sua licença comercial legal e suas obrigações fiscais. Eu sou Leighton e agora você sabe como faturar e pagar impostos. 44. Clientes de onboarding: Bem-vindo, sou Leighton, seu webmaster. Na lição de hoje, vamos discutir clientes de integração. Já ouviu falar de embarque e desembarque? O que esses termos significam para você? A integração pode se referir a acompanhar trazendo um novo funcionário a bordo , juntando-se à equipe e aprendendo como eles fazem as coisas. Ele também pode se referir à familiarização de um novo cliente com seus produtos e serviços. E esse é o que se aplica a você como webmaster. Pense nisso como um novo telefone. Quando você recebe um novo telefone ou qualquer outro dispositivo técnico, você tem que aprender seus recursos, certo? Você tem que se familiarizar com como funciona. Da mesma forma, como webmaster, quando você vende serviços de design de sites, os clientes precisam se familiarizar com o processo. Na verdade, este pode ser o seu primeiro site. É tão emocionante para eles e pode ser emocionante para você. Também pode ser esmagador. Muitos clientes vão me dizer, eu não tenho idéia de como isso funciona. Então me diga o que precisa de mim e tudo bem. Porque eu não sabia o que eu precisava deles. Nesta lição, vamos discutir um, o Guia de Introdução para tarefas de integração de administradores. Três, coleta de logins e coleta de conteúdo. Primeiro, o guia de introdução. Você já leu um manual? Manual é geralmente conter uma seção de introdução perto do início. O que essa seção ajuda você a fazer? E começar? Como webmaster, uma vez que o cliente tenha pago, você está encarregado de iniciar o projeto. Como você faz isso? Deixa-me apresentar-te um guia útil que compus para os meus clientes. Então aqui estamos no site da minha agência em Pioneer Dot Media Slash Guides. Estes são guias e recursos para nossos clientes. Queremos que nossos clientes se sintam instruídos sobre como funciona o processo de web design e o que você pode fazer para ajudar. Portanto, nós compusemos dois guias, começando e entrando ao vivo. Então, estes são dois guias separados. Um para começar, um para ir ao vivo, o para começar. O que precisamos para começar? O que você deve reunir? Guia do leitor para descobrir entrar ao vivo depois de decidir lançamentos, o que vem a seguir? Não fique para trás dicas de radar para tirar o máximo proveito do seu novo site. E este é um pequeno gráfico que eu criei para este guia. Então, vamos ler o guia de introdução. Isto é o que eu envio para novos clientes quando eu assumo um novo cliente. Número 1, 2, 3 e 4, vamos ler o que precisamos para começar. Essa é uma pergunta muito comum. Quando você pega um cliente, eles querem alguma direção. Querem saber o que fazer. Você está recebendo um novo site? Há duas opções aqui. Novo site ou seu site está sendo redesenhado? Se você está recebendo um novo site? Primeiro, precisamos do adiantamento. Segundo acordo assinado, e terceiro, ideias de domínio. What.com você gostaria? Alguma ideia? Venha com alguns. E então vamos esperar e vamos verificar a disponibilidade deles. Depois de escolher um nome de domínio, você não deve. E para ficar com ele e não mudar de idéia. Nós cuidaremos de registrar o nome de domínio para você. Caso contrário, se o seu site estiver sendo redesenhado, ainda precisamos de um pagamento antecipado. Ainda precisamos de um acordo assinado. E em vez de se registrar para um nome de domínio, vamos obter o login para o seu nome existente. E se você já tem um site, você tem hospedagem. Então vamos obter a hospedagem ou o login WordPress para que possamos entrar em seu site atual. Qual é o próximo número para projetar ideias e conteúdo. Então, uma vez que descobrimos o básico e fomos pagos, agora podemos começar com o design e o conteúdo. Então, primeiro, precisamos de um logotipo. Então este seu logotipo em um desses formatos, nós não temos um logotipo. Podemos ajudar nossos especialistas a projetar um logotipo profissional personalizado para você. Segundo, esquema de cores. Quais cores você gostaria em seu site? As cores do seu logotipo são um excelente lugar para começar. A cor deve ser cuidadosamente escolhida para transmitir o sentimento e o humor atendidos do site. Deve usar IB eco-friendly, ser ousado e emocionante, calmante e relaxante. As cores refletirão isso. Fotos. Envie-nos suas melhores fotos de alta definição para o seu site. Quanto maior o tamanho, melhores métodos de transporte digital. Dropbox, Google Drive, OneDrive, e-mail ou design de texto. Há algum site lá fora que você particularmente gosta se eles estão na mesma indústria que você não está. Isto é muito útil. Dê-nos uma idéia do que você gostaria de ver em seu site. Páginas. Quais páginas você quer em seu site? Algumas ideias, nosso Home About Us serviços, produtos, depoimentos, galeria de fotos, contato. Então, algumas pessoas realmente não sabem o que querem no site. Então este é um ótimo começo de pensamento para fazê-los se mover na direção certa. O conteúdo, mais importante símbolos, o conteúdo que vai em cada página. Para a página sobre nós, envie alguns parágrafos e fotos para explicar a história e a história da sua empresa. Para a página de contato, quais seus dados de contato atuais? Para a galeria, precisamos de fotos para colocar lá. Portanto, o que quer que eles escolham como suas páginas, precisamos de conteúdo para elas. Em seguida, projetamos sua maquete de site. Então, muito disso acontece nos fins do cliente. Agora a bola está no seu campo. Nós projetamos seu maquete de site. Depois de nos dar tudo o que precisamos para começar, começamos a construir seu site. Sim, você pode ver o nosso progresso, irá enviar-lhe um link especial para ver o trabalho em andamento. Normalmente leva de uma a duas semanas para preparar a maquete? Sim, somos rápidos. Assim que estivermos prontos para mostrar o seu trabalho ao notificá-lo e enviar o link para a maquete. Nesse ponto, a maioria das pessoas vai adorar com inicialmente vendo ou designers profissionais lá fora todos manter em mente, embora o que você vê é apenas uma maquete. Não é um produto acabado. Isso significa que se você não gosta de algo, tudo bem. Você tinha total liberdade para solicitar qualquer alteração que quisesse. Não goste das cores, layout, textos, faça uma lista de alterações que você gostaria, e continuaremos trabalhando no site. É recomendável que você confira o site em seu computador desktop. Foi assim que projetamos um site no início, não para visualização em um dispositivo móvel. Se você verificar o site móvel, você pode ver alguma renderização de design funky. Então eu gosto de mobilizar o site no final, uma vez o conteúdo eo design principal está completo, muitos clientes têm encontrado fácil para escrever a lista de alterações em um e-mail ou um documento do Word. Tente organizar as alterações por página. Eles vão ter medo de falar alto. Não vais magoar os nossos sentimentos. Este é o seu site lá fora. Tudo que você deve se orgulhar do produto acabado. Há algumas rodadas de revisão. O site deve estar pronto para finalizar e iniciar para a etapa 4. O passo final, edições finais e lançamento. Agora que passamos por algumas rodadas de revisão, o site deve ser do seu agrado. Neste ponto, há uma série de coisas que farão para lançá-lo. E eu vou passar por isso em uma próxima lição sobre como lançar o site. Então este é o nosso guia de conceitos básicos. Isso é uma coisa incrível que podemos enviar para os clientes para que eles possam fazer suas pesquisas e descobrir o que eles precisam fazer para colocar a bola rolando neste projeto. Agora você é mais do que bem-vindo para pegar este guia e torná-lo seu próprio. O link está esperando por você nas notas da lição, mas por que nós escrevemos isso? Por que não educar pessoalmente cada cliente individualmente? O que você acha? Por isso uma grande corporação não te telefona pessoalmente para explicar a nova cafeteira que acabaste de comprar. Isso leva tempo. Qualquer coisa que você diga ou faça uma e outra vez deve ser simplificada e automatizada em um processo. Repito tudo o que você diz ou faz uma e outra vez, deve ser simplificado e automatizado em um processo. Em vez de repetir a mesma coisa para todos os clientes, reserve tempo para escrever este guia uma vez e, em seguida, enviá-lo para todos os novos clientes. Ao fazer isso, você economizará seu tempo e sua energia. Takeaway. Número um: economize tempo e repetição direcionando os clientes para um guia de introdução. As próximas tarefas de integração que você precisa fazer estão no lado administrativo. Agora, quando você se inscreve no serviço telefônico como AT&T ou Verizon, o que acontece a seguir, eles configuram sua linha telefônica. Eles lhe dão um novo número ou porta o seu existente. Eles configuram sua conta online, sua conta de cobrança e muito mais. Integração significa papelada e trabalho administrativo para a empresa. Felizmente para você, isso leva apenas alguns minutos como um web master freelance. Basicamente, para cada cliente que assumo, adiciono-os a várias listas. Vamos percorrer cada um deles. Primeiro, o cronograma do seu projeto. Você baixou essa planilha? caso afirmativo, você deve mover seus clientes ao longo da linha do tempo da esquerda para a direita. Assim que aterrissamos o cliente, eles se mudaram para a coluna de pagamento. Depois de efetuarem esse pagamento, eles serão movidos novamente para a coluna de domínio e design. Há algo incrivelmente satisfatório em mover um cliente ao longo desta linha do tempo. Parece uma realização tão grande. Eu adoro isso. Quero dizer, você não se sente bem quando seu quarto está limpo, quando seu carro é lavado, seu gramado é modo. Temos que celebrar essas pequenas realizações. De qualquer forma, quando você começa a integrar clientes, eles devem colocar em que a coluna de domínio e design do cronograma do seu projeto, onde você descobrirá seu domínio e eles estão hospedando situação e começará o design de seu novo site. Então, quanto tempo demora movendo-os ao longo desta linha do tempo? Trinta segundos. Número dois, a planilha dos seus clientes. Você tem esse aqui à mão? Essa é a minha lista principal de todos os clientes pagantes no meu site de atendimento. Assim que eu ganhar um cliente e eles fizerem um adiantamento, vou abrir a planilha e embarcar na lista. Esta lista inclui o nome da empresa, meu contato dentro da empresa, o URL do site, como eles pretendem pagar mensalmente se seu site for protegido por SSL e a fonte de referência. Depois de adicionar um cliente à lista, suas fórmulas na parte inferior, como um total de execução da quantidade de clientes e a receita mensal e anual, serão atualizadas automaticamente. Fácil. Isso leva apenas cerca de um minuto. A terceira tarefa de administrador que você provavelmente já fez, que é adicioná-los como um cliente no Wave ou no QuickBooks. Eles já devem ser um cliente se eles fizeram o pagamento adiantado. E mais tarde, quando você estiver lançando o site, podemos configurar a fatura recorrente para o plano de manutenção. Confirmar isso leva apenas cerca de um minuto. Número 4, esta é uma tarefa opcional. Você já ouviu um Mailchimp? Mailchimp é um fabuloso serviço de e-mail marketing. Você já recebeu e-mails de suas marcas favoritas? Compras, jantar, ofertas? Esses e-mails são, pessoalmente, individualmente, enviando-lhe esse e-mail? Ou é marketing em massa? E como todos esses e-mails saem com um serviço de e-mail marketing como o Mailchimp. Felizmente para você, mailchimp é gratuito para os primeiros 2000 assinantes, que é mais do que suficiente quando você está começando. Eu recomendo ter uma audiência do Mailchimp com todos os seus clientes. Ao integrar um cliente, basta adicionar seu nome e e-mail ao público-alvo do cliente para que você possa enviar e-mails em massa a todos os seus clientes sempre que precisar. A adição a um público leva cerca de um minuto. Número 5, configure uma pasta para o cliente no computador. Pessoalmente, tenho uma pasta dentro da pasta de documentos no meu computador chamada Web sites. Em sites, tenho uma pasta por cliente. Então, quando você estiver integrando um cliente, crie uma pasta em seu computador dedicada a esse projeto. Esta pasta deve realmente ser um espelho do que está no servidor ocioso. Assim, você pode editar os arquivos WordPress conforme necessário. Eu também crio uma pasta chamada notas, que não é enviada para ionise onde eu armazenei o conteúdo. Eles forneceram as fotos, eles enviaram seus documentos de logotipo, PDFs, o que mais pertence ao projeto. A criação da pasta cliente no computador leva apenas um minuto. Número 6. Este é um pouco mais longo. Para se preparar para este cliente, você precisa preparar seu servidor. Você se lembra desse processo? Já passamos por isso algumas vezes. Em suma, significa criar o espaço web, banco de dados de contas FTP, instalar WordPress e Divi. Agora, na maior parte, isso será feito em seu servidor. Mas se seu cliente insiste em usar seu próprio servidor, tudo bem. Você pode preparar o servidor deles. Onde quer que o lado esteja sendo hospedado, o servidor precisa estar preparado para que você possa começar a construir seu site. Isso leva cerca de 15 minutos, e aí está. Em cerca de 20 minutos, você concluiu o lado administrativo da integração de um cliente. Tão fácil. Takeaway número dois, incorpore ainda mais seu cliente adicionando-os à planilha de seus clientes, atualizando a linha do tempo do seu projeto, atualize os dados do cliente no wave ou no QuickBooks, adicione ao MailChimp, crie um cliente no seu computador e preparar o servidor de hospedagem. A terceira tarefa de integração envolve o cliente. Você precisa coletar logins em seu site existente. Se aplicável. Que logins eles podem ter? Mais comumente um login GoDaddy para seu domínio? Ou talvez eles usem soluções de rede, registered.com, nome Jeep Host, Gator, site ground ou Bluehost, um log Wix, Weebly ou Squarespace. E se eles mesmos construíram o site, um Gmail ou Microsoft 365, se eles tiverem classe executiva, e-mail, login no YouTube, se você estiver lidando com serviços de vídeo, senhas para suas esperanças de e-mails, um login no WordPress. Basicamente, você está procurando acesso ao seu domínio existente, hospedagem e e-mails. Se aplicável, certifique-se de salvar todos esses login com segurança, como na última passagem. Agora, se eles estão começando completamente do zero, eles podem não ter nenhuma dessas contas, e tudo bem. Você pode criar essas entidades em Jonas. Caso contrário, os sites existentes devem ser hospedados em algum lugar. Então você vai precisar descobrir isso. Mas e se você tem um cliente que diz, eu não tenho idéia de onde encontrar isso, eu não sei onde meu nome de domínio está. O que você faz com isso? Bem, felizmente, como profissional, você pode orientá-los na direção certa. Você tem as costas deles. Aqui estão algumas ferramentas que vou usar. Eu uso quem é dotnet? Quem está hospedando this.com e o que CMS.org. Vamos olhar para estes. Então, quando assumimos pela primeira vez um novo cliente que já tem um site, é muito importante descobrir o estado desse site. Então aqui estão algumas ferramentas que eu uso para fazer isso. A primeira é, quem é Dotnet? Lembre-se de quem é, é como as informações de fundo disponíveis publicamente em cada nome de domínio. Então vamos procurar um dos meus planos, sites, stores.com e ver o que está disponível aqui. Tudo bem, então quem está pesquisando? Vamos ver o que está disponível nos dados de quem é para isso? Primeiro, o nome de domínio é listado. Este é o domínio que procuramos. ID do domínio do Registro. Servidor de registro e o URL do registro. Então isso está dizendo que o nome de domínio está registrado no GoDaddy. Godaddy é o registrador de domínio. Isso foi atualizado mais recentemente em 2020 e o domínio foi criado em 2017. A data de expiração do Registro está atualmente definida como 2020 para o registrador é GoDaddy. Em seguida, a informação de abuso. Godaddy cuida do status de domínio que foi proibido porque GoDaddy se esconde ou privacidade. O servidor de nomes está apontando para Cloudflare e, em seguida, eu estou apontando do Cloudflare para o meu próprio servidor. Dns SEC não está assinado. E aqui está um link para o formulário de reclamação. E é isso. Isso é o que quem foi nos diz. Então a informação mais importante que aprendemos aqui é que o domínio está registrado onde GoDaddy. Então, se você pegar seus clientes que têm informações e descobrir que o domínio deles como eu vou, papai, então aí está. Próximo passo seria recuperar o login GoDaddy para que você possa entrar e apontar que seu domínio para o seu servidor. Número 12, coisas que eu encontro em quem é informação é o registo e depois os servidores de nomes. Então é aqui que o domínio é registrado e é aqui que o site está hospedado. Então, o que mais temos? Quem está hospedando este .com? Eu realmente gosto deste site. Você pode pesquisar seu nome de domínio e clicar em Pesquisar. E depois diz-nos duas coisas. Um, o provedor de hospedagem é Cloudflare e para os servidores de nome são color.com ímpar. Isso deve fornecer informações sobre onde o site está hospedado. E foi dotnet irá dizer-lhe principalmente que onde o domínio está registrado e também os servidores de nome. E quem está hospedando this.com dirá principalmente onde o site está hospedado. Então eu gosto de usar essas ferramentas em conjunto um com o outro. Uma terceira ferramenta Eu uso o que CMS.org, vamos procurar o mesmo nome de domínio e clique em Detectar CMS. Isso vai puxar para cima os sistemas de gerenciamento de conteúdo e diferentes tecnologias que alimentam o site. Então esta ferramenta nos diz usando a informação pública disponível no código-fonte e o HTML para este site, ele nos diz que este é WordPress. É programado em PHP e o banco de dados é MySQL. Então sabemos toda essa informação. Mas se você está assumindo um cliente, você pode não saber disso. E uma ferramenta como esta pode quase instantaneamente dizer-lhe o que o CMS alimenta para o site. O que você faz com essa informação? Digamos que você assumir um cliente, você executá-lo através desta ferramenta e você descobrir que o site está no WordPress. Qual é o seu próximo passo? Obtenha o login do WordPress. Você vai para quem é dotnet, você descobre que o domínio está registrado no GoDaddy. Seu próximo passo é obter o login do GoDaddy. Você descobre que o site está sendo hospedado na Cloudflare. Você pode solicitar o login do Cloudflare. Você descobre que o site é construído no WordPress. Você pode pedir um login WordPress. Portanto, essas ferramentas são muito úteis para descobrir o estado atual do site existente. Eu recomendo escrever tudo isso quando seu cliente notar que você tem que fazer referência. Agora, se eles usaram um web designer no passado, você pode precisar ligar ou enviar e-mail para o designer anterior e pode ter todas as informações que você precisa para transferir hospedagem, se comunicar com eles para entender melhor os sites atuais situação e criar um plano de jogo para transferir tudo isso para o seu servidor. Takeaway número 3 descobriu os sites existentes configurados ganhando acesso ao domínio, hospedagem e e-mails, se aplicável. Número para coleta de conteúdo. Este pode ser potencialmente um dos processos mais frustrantes do processo de web design. Então, digamos que você seja pago para construir um novo site para uma startup até começar a projetar esse site, a tela em branco. Então, o que você pede? Um logótipo? Algumas fotos, as páginas que foram em seu site, alguns parágrafos sobre a empresa. Coisas bem padrão, realmente, as coisas que você gostaria de encontrar no site. Então imagine que você solicitou esses itens, mas não obteve resposta. E então, uma semana depois, você recebe um e-mail de um cliente perguntando como as coisas estão indo e se o site está pronto para sua revisão. O que você faz com isso? Você não pode iniciar o projeto porque você não tem nenhum conteúdo para trabalhar. E é por isso que esta é muitas vezes uma das partes mais frustrantes do processo de web design. Tirando conteúdo do cliente. Quero dizer, eles estão ocupados e tudo bem. Foi por isso que te contrataram para tratar disto. Mas como eles conhecem o negócio melhor que você, eles realmente precisam te dar algo para começar. Então deixe-me compartilhar com vocês algumas das dicas que eu aprendi como divertir o processo de coleta de conteúdo. Número um, comunique-se regularmente. Esta é uma das melhores coisas que você pode fazer com os negócios em geral, mas especialmente para coletar conteúdo. Quando você assume um cliente, comunique claramente exatamente o que você precisa deles. Os clientes querem lição de casa. Na maioria das vezes eles perceberam que precisam te dar algo para começar. Eles podem não entender exatamente o que precisam te dar. Então, descreva claramente usando números, marcadores, o que você está procurando, como um logotipo, fotos, parágrafos. Listas de serviços, fotos, Logan, etc. Se você não ouviu nada de volta, acompanhamento em alguns dias ou uma semana, apenas não sinta que você pegou o dinheiro deles e fugiu manter o diálogo aberto. Confie em mim, eles vão gostar de você por ficar no topo das coisas. Número para reduzir o atrito. Torne mais fácil para eles enviarem conteúdo para você. Descobri que o Google Drive, o Dropbox e o OneDrive foram extremamente úteis para enviar conteúdo para frente e para trás, criar uma pasta e compartilhá-la para que ambos tenham acesso de upload e download. Claro, o e-mail funciona apenas sintonia fina. Eles sempre podem criar um documento do Word e enviá-lo por e-mail para você junto com algumas fotos. Isso é divertido. No interesse de tornar isso o mais fácil possível. Não faça alguém se inscrever um novo serviço de compartilhamento de arquivos apenas para enviar algumas fotos em um documento, descobrir com o que ele está confortável e tentar trabalhar com isso. Se eles deixarem isso completamente para você, o que muitos clientes fazem, sugere um serviço com o qual você está confortável. Número 3, se você está realmente lutando para obter algo deles, você pode apenas precisar chamá-los e entrevistá-los. As chances são que eles estejam perfeitamente confortáveis falando sobre seus negócios informalmente. A questão é que quando eles têm que escrever formalmente de forma profissional, maioria dos clientes vai admitir que não são pilotos e está tudo bem. Tenha uma conversa com eles. Prepare algumas perguntas, como, conte-me sobre seus serviços. Há quanto tempo está no negócio? Por que um cliente deve escolher seu produto ou serviço em vez da concorrência? Deseja exibir preços em seu site? Veja, prepare algumas perguntas como essa e anote tudo o que eles dizem. Quando a conversa terminar, você pode começar formalmente profissionalmente formatando isso em um slogan de abertura, uma página Sobre Nós, página de serviços, etc. Número 4, como último recurso, trazer um escritor de conteúdo. Por que eu veria isso como um último recurso? Para começar, é uma despesa extra, uma que a maioria dos clientes de pequenas empresas passaria. Mas que eles realmente odeiam escrever e vêem o valor de um escritor de conteúdo profissional. Você pode trazer um escritor freelance para resolver isso. Eu usei escritores freelance em muitos projetos e os resultados são super profissionais. Agora, você pode pensar em outros problemas em trazer um escritor de conteúdo? Se o seu cliente tem um problema para lhe dar conteúdo, quanto sucesso o escritor vai ter tirando conteúdo deles? O ciclista pode pesquisar e indústria em seu próprio SAR, mas mesmo eles não podem escrever a página Sobre Nós até que o cliente lhes dê algo para começar. Takeaway número 4, coletar conteúdo pode ser uma dor, mas você pode finalizar o processo comunicando regularmente, reduzindo o atrito com software de compartilhamento de arquivos, entrevistando-os pelo telefone ou trazendo um escritor de conteúdo. Então, recapitulando, o que aprendemos sobre clientes de bordo? O processo de integração ocorre após o pagamento inicial ter sido feito. A integração é necessária quando você ganha um cliente. E nesta lição que aprendemos, primeiro, economiza tempo e repetição direcionando os clientes para um guia de introdução. Para integrar ainda mais seu cliente, adicionando-os às planilhas dos seus clientes, atualizando a linha do tempo do seu projeto, atualize os dados do cliente no wave, crie uma pasta de cliente no seu computador e prepare o servidor de hospedagem. Três, descobriu os sites existentes configurados através da obtenção de acesso ao domínio, hospedagem e e-mails, se aplicável, e preparar o servidor ou coletar conteúdo pode ser uma dor, mas você pode finesse o processo comunicando regularmente, reduzindo o atrito com software de compartilhamento de arquivos, entrevistando-os pelo telefone ou trazendo um gravador de conteúdo. E qual é o nosso dever de casa? Revise o meu guia de introdução no pioneiro dot Media barra cara, navegue e marcador, quem é dotnet, quem está hospedando this.com e o que? CMS.org. Mas eu sou Leighton e agora você sabe como embarcar clientes. 45. Design e desenvolvimento sites: Bem-vinda. Sou Leighton, seu webmaster. Na lição de hoje, vamos falar sobre o serviço principal que você fornecerá, projetando e desenvolvendo sites. Então discutimos como fazer isso no segundo conjunto de lições deste curso. Neste ponto, você basicamente sabe como construir um site. Você sabe, WordPress, você sabe como projetar e desenvolver um. Onde ir para inspiração de design, como torná-lo compatível com dispositivos móveis, motor de busca otimizado e como adicionar um e-commerce. Mas agora que você realmente ganhou um cliente, é hora de colocar isso em prática. Depois de mover seu cliente para a coluna do local de construção da linha do tempo do seu projeto. O que está envolvido? Deixe-me compartilhar com vocês quatro dicas para tornar este processo como sucesso. Dica número um, criando uma maquete inicial. Número 2, respondendo favoravelmente para alimentar de volta. Três, adicionando CSS e para evitar a fluência do escopo. Então, primeiro, a maquete inicial. Uma vez que você tem seu cliente, você é pago, você tem seu servidor preparado, você está pronto para começar a projetar. Agora há dois cenários diferentes aqui. Se for um site novo, talvez para novos negócios, você está olhando para uma tela em branco. Caso contrário, o outro cenário é se eles já têm um site e você o está redesenhando. Nesse caso, você já tem algo para se referir. De qualquer forma, a lição de inspiração de design deste curso tem algumas dicas incríveis sobre onde ir para a inspiração de design. Mas e se você não se sentir muito inspirado? Você está olhando para uma tela em branco e nada vem à mente. Ou você começa a adicionar imagens e texto e nada está se juntando, nada realmente parece bom. Isso está tudo bem. É como cozinhar e uma refeição elaborada. Às vezes você está no clima para cozinhar algo incrível. Você tem aperitivos Andres, sobremesas, bebidas, e outras vezes você só quer pegar comida para fora. A questão é que você nem sempre se sente inspirado na sua rotina diária. E ao projetar um site, você nem sempre se sentirá criativo. E está tudo bem. Todo designer profissional neste planeta conhece esse sentimento. Minha sugestão é fazer uma pausa, sair, dar uma volta, exercício, obter a adrenalina fluindo, ouvir um podcast, dormir sobre ele, tirar uma soneca. Quando você revisitar o projeto em um momento mais tarde, a idéia certa apenas o meu bateu em você. E se você se sentir criativo, de repente, chamamos isso de estar em um fluxo criativo. Pule sobre ele. Projete o máximo que puder enquanto estiver em seu fluxo. É quando você bombeia seu melhor trabalho. No geral, porém, a maneira mais rápida de inspiração para mim pessoalmente é apenas olhar para outros sites. Navegue na Web em busca de sites bonitos, estejam eles no mesmo setor que seu cliente ou não, e você certamente terá esses sucos criativos fluindo. Há coisas incríveis lá fora. Mas seja o que for que projectes para a tua maquete, quero que encontres um equilíbrio. Um equilíbrio de quê? Gastar muito tempo na sua maquete, e pouco tempo. Muito tempo, você pode estar desperdiçando seu precioso tempo, especialmente em uma maquete que seu cliente potencialmente pode mudar completamente, mas muito pouco tempo e você corre o risco de enviar algo que parece fraco. Veja, uma maquete é sua primeira impressão. Precisas de impressionar os teus clientes. Idealmente, ficará impressionado com o design, mas apenas solicite algumas mudanças. Normalmente coisas que você nem saberia, como ajustes de texto ou trocar fotos. Então encontre esse equilíbrio. Não gaste muito tempo numa maquete, mas gaste tempo suficiente. Então parece impressionante. E, finalmente, antes de enviá-los, caminhe até seu cliente, traga um par de olhos extra, um membro da família, amigo,em um membro da família, amigo, quem você confia, trazendo a perspectiva de alguém que não é, você não está emocionalmente investido no projeto. Quanto mais olhas para o teu projecto, mais cego ficarás a algo que parece óbvio para outra pessoa. E não posso exagerar o valor de mostrar sua maquete para alguém do gênero oposto. As fêmeas verão coisas que os machos podem ignorar e vice-versa. Tão bem. Outro equilíbrio, um equilíbrio entre ter muitos cozinheiros na cozinha e bloquear-se da entrada dos outros. Um ou dois associados de confiança devem fazer o truque. E finalmente, para a maior parte, eu gosto de projetar apenas a página inicial antes de passar para as outras páginas, apenas no caso de eles querer ir em uma direção de design totalmente diferente. Uma vez que aperfeiçoamos a página inicial, passamos para as outras páginas. Então, número um, desenhe o modelo inicial da página inicial enquanto você está em um fluxo criativo. Faça com que pareça atraente sem gastar muito tempo e peça o feedback de um membro da família ou associados confiáveis. O segundo passo é depois que você enviar seu projeto inicial, as bolas em sua quadra para fornecer feedback. Às vezes você tem uma ou duas coisas simples. Outras vezes você receberá alguns parágrafos de mudanças. E está tudo bem. Entenda que essas mudanças geralmente são muito mais fáceis para você fazer do que construir a maquete inicial em primeiro lugar. Então eles estão mostrando tomar uma fração do tempo. Minha sugestão é responder favoravelmente ao feedback. Lembre-se, este é o site do seu cliente, não o seu. Imagine se você está escolhendo tinta com um empreiteiro geral, como você se sentiria se o empreiteiro insistisse em uma determinada cor, mesmo que você é o único que tem que viver com ela, você é o único estrondo para isso. Veja, em última análise, seu cliente é quem está pagando. É o site deles e o negócio deles. Então deixe-os ter suas opiniões, seus comentários. Sirva-os fazendo todas as alterações que você é capaz de fazer e fazê-las em tempo hábil. Quanto mais cedo você responder, melhor seu cliente se sentirá por você. Com o diálogo aberto e revisões de ida e volta, você navegará pelo processo de design e desenvolvimento. Takeaway número 2, responda favoravelmente aos comentários e faça imediatamente duas alterações solicitadas pelo seu cliente. Em terceiro lugar, algumas das alterações podem exigir CSS ou folhas de estilo em cascata, que discutimos brevemente na lição de codificação. Você se lembra de falar sobre CSS? Esta é uma linguagem de codificação relativamente fácil e permite ajustar o design do seu site. Felizmente, a edição CSS é construída diretamente no Devi. Deixe-me mostrar-lhe algumas das áreas onde você pode brincar com CSS. Então estamos de volta ao site de teste que construímos na segunda lição deste curso. E deixe-me mostrar-lhe alguns dos recursos CSS que temos disponíveis em Devi. Então, vou começar clicando em habilitar construtor visual. E isso nos levará até aqui. Temos o Visual Builder ligado. E primeiro, você pode ignorar a adição CSS personalizado se você realmente tirar proveito da seção de design, muito do que você quer fazer que normalmente seria realizado com CSS. Você pode fazer na guia Design. Isso se aplica a qualquer seção, linha ou módulo. Então, quando a guia Design, podemos fazer, por exemplo, se olharmos para o texto do título, isso puxa para cima a fonte, o peso da fonte, digamos o estilo da fonte. Estas são normalmente coisas para as quais você usaria CSS. Mas o tema Devi tem isso embutido no Visual Builder, que é uma enorme economia de tempo. O alinhamento do texto à esquerda, ao centro, à direita para justificar a cor do texto. E você pode redefinir qualquer um destes aqui com este botão. E então você pode escolher diferentes valores CSS com base no design responsivo. Ver, a área de trabalho, o tablet ou a visualização móvel. O telefone. Muito útil. Assim, você pode alterar o, por exemplo, você pode alterar o tamanho com base no celular. Pode fazer um maior no tablet já que temos mais espaço. E você pode torná-lo realmente grande na área de trabalho. Assim, com as ferramentas de edição de design responsivas, você pode ajustar seu design para cada dispositivo. Então isso é normalmente CSS, tamanho do texto seria o tamanho do traço da fonte e, em seguida, você adiciona os pixels. Mas aqui podemos fazê-lo visualmente através da guia Design indivi. Então, essas são algumas das medidas CSS que você pode usar na guia Design. Mas e se precisarmos adicionar um CSS específico ao nosso módulo? Clique em Avançado e vá para CSS personalizado. Temos antes deste cabeçalho, o elemento principal. Após o cabeçalho, o recipiente de cabeçalho, a imagem de cabeçalho, o logotipo, o título, o botão de subtítulo corpo, um botão para rolar para baixo botão. Então isso nos permite adicionar CSS a esses elementos específicos. Então vamos dizer que vamos mudar o tamanho da fonte deste título. Lá vai você. Nós adicionamos importante para que ele substitua o que já está na guia Design. E lá estamos nós. Podemos adicionar CSS personalizado a isso. Agora isso é algo que você pode alcançar na guia Design. Mas eu só queria mostrar a vocês como nós adicionamos CSS a um determinado elemento ou módulo ou linha ou seção com indivi. Então não temos isso disponível para nós. Clique em Salvar e, em seguida, temos outra coisa que podemos fazer. Então isso é por módulo, CSS. Vejamos por página CSS. Nós clicamos nos três pontos roxos aqui e, em seguida, configurações da página e puxa para cima uma caixa. E em CSS personalizado avançado, podemos adicionar CSS apenas a esta página. Então, se você encontrar um pedaço de código CSS de outro site ou recurso que você deseja incluir no seu. Ou você fez alguma pesquisa e você tem algo especificamente que você deseja alterar, então você pode copiar e colar o código aqui, e ele só se aplica a esta página. Talvez você só queira CSS para uma determinada página e isso é ótimo. Caso contrário, você pode sair daqui, ir para o backend do WordPress e role para baixo até divi, Opções de tema. E na parte inferior aqui, CSS personalizado. Isso se aplicará a todo o site. Então, isso é muito útil quando você precisa de uma alteração CSS em todo o site. Se você se encontrar adicionando o mesmo código em cada página, eu recomendo esses estilos globais. Significado global em todo o site que pode ser uma grande economia de tempo. Também podemos encontrar isso sob o personalizador tema. Em Personalizador de tema ou personalização de aparência, o que nos leva para o personalizador. Isso é padrão no WordPress, mas Devi torna muito melhor. Então, rolamos para baixo na parte inferior é CSS adicional. Este é o lugar onde podemos adicionar qualquer snippets de código CSS personalizado que queremos. Isso se aplicará globalmente em todo o site. Bem, deixe-me mostrar-lhe um exemplo de algo que podemos querer mudar com CSS. Então, na parte inferior aqui, podemos mudar para a visualização do tablet e para a visualização móvel. Então temos o nosso menu aqui e voltamos aos estilos móveis. Digamos que estamos olhando para o menu móvel e gostamos da cor do texto escuro. Isso parece bom. Para o cardápio. A cor de fundo parece boa. Eu adicionei um pouco de desvanecimento lá no fundo, apenas muito, muito sutil. Mas digamos que queremos alcançar duas coisas. Talvez queiramos centralizar este texto e talvez queiramos adicionar um pouco de cor a esta barra. Se colorizarmos aqui, então você também vai colorir o texto. Não queremos colorir os textos. Só queremos colorir o bar. Então, como fizemos isso? E como fazemos isso com CSS? Porque obviamente não podemos fazer isso com Devi. Não há nenhum design ou configuração avançada no momento, nada no Personalizador de Temas que nos permita centralizar esse menu. E não há nada que nos permita apenas mudar a cor disto. Então vamos ver, voltamos para o front-end do nosso site. E no navegador Safari podemos ir para desenvolver no topo e, em seguida, para o modo de design responsivo. Vamos puxar a visão móvel. É assim que parece em um iPhone. E estamos à procura de duas coisas diferentes aqui. Você pode fazer isso em qualquer navegador. No momento, estou no Safari. Mas vamos puxar o inspetor com o botão direito do mouse e inspecionar o elemento neste menu. Tente dar um pouco mais de espaço aqui. Certo, então aqui está o código HTML. No centro, e à direita está o código CSS. Então vamos ver se conseguimos encontrar, nós centralizaríamos este texto. Então vamos para o nosso link aqui, o um link âncora e role para baixo até o menu móvel ET, LI para lista e um link para âncora. Vamos apenas adicionar uma linha de código CSS, centro de alinhamento de texto. Isso fez isso. Lindo. Mas lembre-se que essas edições estão ocorrendo apenas em nosso dispositivo. Isto não é ao vivo para o público, é só para nós. Então, como fazemos isso ao vivo? Bem, CSS básico aqui, nós copiamos nosso seletor. Vamos pressionar Copy. E, em seguida, volte para o Personalizador de Temas e vá para CSS adicional. E abra uma nova linha aqui. Cole isso, abra nossos suportes. E, em seguida, linha traço texto. Vamos fazer o centro. E lá vai você. Lindo. É centrado, ele. Isso é excelente. Fizemos isso com apenas uma linha de código CSS. Muito, muito, muito útil. E isso acontece em todo o site. Então, como mudamos a cor do bar? Vamos fazer isso aqui. Vamos, então vamos pesquisar isso. Clique com o botão direito do mouse em Inspecionar nesta barra e vemos, tudo bem, barra de menu móvel antes. Legal. Então, vemos muitos seletores diferentes aqui, mas a maioria deles estão acinzentados, exceto por este. Então vamos copiar apenas este. E, em seguida, volte para o personalizador, cole-o. E então o que está se referindo? Color dois-pontos e, em seguida, o código hexadecimal da cor que queremos. Então vamos dizer que queremos fazer um azul. Não, parece bom. Então copiamos este código para o azul e, em seguida, colamos no personalizador. Então colamos nosso código. Ainda não o vemos no personalizador, mas vamos ver se isso muda quando recarregamos nosso site. Então, vamos clicar, Publicar e, em seguida, atualizar nosso site. E lá estamos nós. O menu móvel é azul e ainda o texto, vamos ver se isso afetou a cor do texto. Nenhum texto cores ainda preto e foi centrado. Então isso é incrível com apenas uma linha de código CSS. Nós somos capazes de mudar seletivamente apenas a cor das três barras aqui para o menu, nós só adicionar ponto de exclamação importante e, em seguida, importante que apenas substitui qualquer outro CSS. Às vezes você vai precisar adicionar isso. Às vezes você não sabe quando está em dúvida, basta adicionar importante. E isso vai garantir que esse é o código CSS superior que é disparado quando o site é carregado. Então, aí está. Através do construtor individual Devi, você pode fazer muitas coisas através da guia Design de qualquer seção ou linha de módulo indo para o design aqui e vendo o que se aplica a cada desenvolvimento específico que você está olhando. E então temos CSS por página, em CSS Avançado, este código se aplica a toda a página. Temos por módulo CSS através de CSS avançado e personalizado. E, em seguida, temos CSS em todo o site através do personalizador e CSS adicional na parte inferior, que é o mesmo que você vai encontrar em opções de tema Devi. Então, como eu disse, eu recomendo muito aprender CSS. É uma linguagem muito fácil de aprender e pode ser tão poderosa, especialmente quando você está polido seu site. Takeaway número 3, aprender e aplicar CSS é vital para ajustar o design de um site. A dica final para o processo de projeto e desenvolvimento é evitar a fluência do escopo. Já ouviu falar de Scope Screep? Deixe-me explicar isso pintando um quadro. Você passou algumas semanas projetando o site do seu cliente. Você passou por algumas rodadas de revisões. Eles adicionaram mais algumas páginas ao site. Todos querem blogar. Você não concordaria com isso primeiro? Agora eles estão pedindo por e-commerce já que aparentemente eles têm alguns produtos que eles querem vender on-line. Você não discutiu isso há algumas semanas. Você não colocou isso em sua proposta, nem eles pagaram por esse recurso. Consegue ver um problema aqui? Você pode ver como isso seria irritante, demorado, possivelmente rude. Veja, você fez um acordo para fornecer uma quantidade definida de serviços a um preço fixo. Quando eles vão além disso, isso se chama “Scope Screep”. Eles saíram do escopo do trabalho que você concordou. Então, como você lida com isso? Abordar isso? Sê sincero com eles. Respeitosamente explique que o que eles estão pedindo é viável. Mas você vai ter que citar isso separadamente ou acompanhar e cobrar seu tempo. Nesse ponto, o cliente ou vai misturar essa ideia ou permitir que você a cite. Você ganha de qualquer jeito. Portanto, não tenha medo de abordar o problema do escopo quando isso acontecer. Takeaway número 4, quando o cliente saiu do escopo do trabalho, concordou, abordá-lo e enviar uma cotação para as atualizações solicitadas. Então, recapitulando, o que aprendemos sobre o processo de design? Número 1, projetou o modelo inicial da página inicial enquanto você está em um fluxo criativo. Faça com que pareça atraente sem gastar muito tempo e peça o feedback de um membro da família confiável ou associe-o à Sue. Responda favoravelmente aos comentários e faça prontamente as alterações solicitadas e os clientes. Por 30. Aprender e aplicar CSS é vital para encontrar o ajuste do design de uma web. alguém. Número 4, quando o cliente saiu do escopo do trabalho, concordou, dirija-o e envie a cotação para as atualizações solicitadas. E qual é o nosso dever de casa? Confira alguns tutoriais, cursos ou vídeos sobre CSS que você usará para avaliar, para refinar seus projetos. Eu sou Leighton e agora você sabe como projetar e desenvolver um site. 46. Sites de lançamento: Bem-vinda. Sou Leighton, seu webmaster. Na lição de hoje, vamos discutir o passo final da construção do site, polimento e um empreendedor. Então pense em construir um todo. Foi emoldurado, isolado, encanamento e paredes drywall elétricas ou instaladas Assange são pintadas. Mas agora o que sobrou? Você tem espelhos, maçanetas, fotos, travesseiros, portas, lanças lâmpadas, basicamente os retoques finais, então você está pronto para entrar. Da mesma forma, você finaliza o site polido com pequenas edições. Em seguida, você o lança fazendo ao vivo na Internet. Vamos explorar esses dois processos, polimento e lançamento com uma lista de verificação de lançamento de 20 passos. Primeiro, no processo de polimento, você precisa obter e cumprir as edições restantes do cliente. Você pode dizer algo como enviar suas edições finais antes de lançarmos o site que os incentivará a solidificar suas edições finais e parar de fazer mais alterações. Você tem que terminar e lançar o projeto eventualmente. E eles provavelmente estão ansiosos para terminar o projeto também. Número dois, uma vez que as edições finais do cliente são feitas, você pode começar suas próprias edições finais. Antes de lançar o site, você deve percorrer cada pixel de cada página para aperfeiçoá-lo. Vá em frente e corrija o que você vê enquanto está escaneando o site. Aqui estão algumas coisas para cuidar. Gramática. Um site polido e pronto para produção não pode ter erros gramaticais, nem mesmo um. Quero dizer, como você se sente quando você está navegando em um site e você encontra o erro gramatical. Como isso reflete sobre o negócio? Quem é o dono do site? Acho que é inaceitável e pouco profissional. Leia todos os títulos e parágrafos que, para palavras erradas e erros gramaticais básicos, você pode até usar um corretor ortográfico on-line como Grammarly, se você quiser verificar novamente o número do seu site para teste de velocidade, quando você inicia um site, ele precisa carregar rapidamente. Definitivamente menos de cinco segundos, de preferência em torno de três. Quer dizer, você gosta de esperar que um site lento carregue? Ninguém faz. Então, como você testa isso? Você pode usar a ferramenta gratuita AT tools dot Pingdom.com para verificar o tempo de carregamento do seu site e ver se há algum problema gritante aqui. O maior criminoso é geralmente imagens. Imagens desnecessariamente grandes e descompactadas irão inchar seu site, aumentar o tamanho, aumentar o tempo de carregamento. Então estamos visualizar e otimizar todas as fotos. Número 5, compatibilidade móvel e compatibilidade entre navegadores. Lembre-se de como o celular é importante. Consumidores, empresas e até mesmo motores de busca adoram dispositivos móveis. Então, quando você estiver pronto para lançar seu site, você precisa puxá-lo para cima em seu smartphone, tablet e qualquer outra coisa que você tem. Revise seu site em cada tela e navegador da Internet que você possui e faça alterações no que não parece certo. O ponto é, o site deve ficar perfeito em todos os dispositivos, todos os navegadores e todas as telas. Quando você estiver pronto para iniciar o número 6, certificado SSL. Ao iniciar o site, você precisa protegê-lo com um certificado SSL. Lembra-se de como fizemos isso? Se você está hospedando com Ioannidis, isso significa fazer login em Ioannidis e ir para a seção de certificados SSL no site WordPress, plugins como SSL realmente simples. E acho que a segurança ajudou a redirecionar todo o tráfego para o local seguro. Analisamos isso na lição de segurança da seção do plano de manutenção do site, configuramos o certificado SSL antes de entrar no ar. Número 7, teste todas as ligações. Você já clicou em um link? E não funcionou. Você caiu em uma página quebrada ou morta. Você recebeu um erro 404 não encontrado. Isso é porque a ligação foi quebrada. São ruins para todos os tipos de razões. Ou seja, eles são realmente irritantes e cirurgiões e penalizá-lo se você tem um monte de elos quebrados. Então, o que você pode fazer para evitar isso? Primeiro, clique em todos os links do seu site. A navegação principal na parte superior, o rodapé vincula links internos em todo o corpo do site e links externos indo para outros sites, clique em tudo. Isso só levará alguns minutos e vale a pena. Número 2, confirme os links das redes sociais. Se você tiver links enviados para o Instagram, Facebook, YouTube ou outros sites sociais, clique neles para garantir que eles estejam no perfil correto. E número três, se você estiver construindo um site maior que continuará a crescer, você pode desfrutar dos links quebrados verificador WordPress plugin, que leva todos os links em todos os seus sites. A cada poucos dias, você receberá um e-mail se um quebrar ou ficar offline. Número oito testa os formulários de contato. Então, digamos que um empresário puxe seu site, preencha o formulário de contato e nada acontece. Eles não recebem os resultados. Qual é o problema? Bem, provavelmente os resultados do formulário foram para o e-mail errado. Mas você pode pensar em algum problema que poderia representar? Bem, para começar, o formulário de contato é tipicamente o maior gerador de chumbo no local. As pessoas hoje em dia estão preenchendo formulários com mais frequência do que simplesmente pegam o telefone e ligam para o negócio. Então imagine o negócio potencialmente perdido se o formulário não funcionar. É por isso que precisamos testar o formulário. Eu gosto de verificar novamente o por mim mesmo através de escavação. E também encorajarei o cliente a preencher o formulário de si mesmo para que se sintam bem com isso e saibam que funciona. Número nove, o favicon. Você já notou o pequeno ícone em seu navegador ao lado de cada guia? Eles são muito pequenos. Isso é chamado de favicon ou ícone para seus favoritos. Você pode carregar este indivi fazendo login no WordPress e indo para o Personalizador de Tema, configurações gerais, Identidade do Site, ícone do site. Esse é o favicon. Geralmente é o logotipo, símbolo ou ícone do seu cliente , e ele precisa ser quadrado. Crie um upload do favicon quando estiver lançando um site. Número 10, WP gerenciado. Adicione seu novo site à sua conta Gerenciar WP para que você possa facilmente gerenciar este I daqui para frente. Enquanto estiver lá dentro, ative os backups, a verificação de segurança e a verificação de desempenho. Vá em frente e execute uma verificação de segurança para verificar se o site está limpo. Gerenciar WP é a espinha dorsal dos serviços de manutenção do seu site. Você vai ficar lá um pouco. Então adicione seus novos sites à medida que você os inicia. Número 11, backups com rascunho ascendente uma parte importante do plano de manutenção do seu site são os backups. Você sabe como são importantes, tanto para você pessoalmente quanto para sua vida profissional. Portanto, instale o updraft plus e configure seus backups quando você iniciar o site do seu cliente. Número 12, robô uptime e siga essa página. Esses serviços fornecem monitoramento de tempo de atividade e detecção de alterações para seus sites. Quando estiver pronto para iniciar, adicione o URL ao seu robô uptime e siga as contas dessa página. Número 13, tudo em um SEO Pack e motores de busca encorajados. Você se lembra de tudo em um SEO PEC? Esse é o plugin SEO que eu gosto de usar em todos os meus sites WordPress. Ele abre melhorias extras de SEO como sitemaps e permite que você personalize seu título, meta-descrição, Meta social, e muito, muito mais. Instale tudo em um pacote SEO quando você iniciar seu site e passar alguns minutos configurando-o. Uma das primeiras coisas que você será solicitado é um lembrete de que a opção de visibilidade do mecanismo de busca nas configurações do WordPress está definida para desencorajar os mecanismos de busca. Você definitivamente precisa desmarcar essa opção ao iniciar um site. Assim que lançarmos, queremos que os motores de busca venham a rastejar e indexar o nosso site. E apenas um SEO Pack envia automaticamente o seu sitemap para os principais motores de busca. Número 14, eu tema segurança. Você se lembra de falar sobre temas na lição de segurança da seção do plano de manutenção do site? Este é um dos meus plugins de segurança favoritos, pois inclui mais de 30 maneiras de proteger seu site contra ataques, como bloquear WordPress, corrigir buracos comuns, parar ataques automatizados, fazer backup do banco de dados, fortalecendo as credenciais do usuário e muito, muito mais. Quando estiver pronto para iniciar, instale este plugin e passe alguns minutos configurando-o, revise todos os módulos e ative os recomendados. Número 15, Google Analytics. Lembra-se deste serviço gratuito? Falamos sobre isso na lição de gerenciamento da seção do plano de manutenção do site. Esta é uma ferramenta gratuita do Google que rastreia seu site e relata todos os tipos de dados analíticos. Há muito mais dados lá do que você precisa se preocupar. Mas é tão importante que você comece a rastrear seu site assim que o iniciar, porque não pode atualizar esses dados. E seu site como uma propriedade no Google Analytics, adicione seu endereço IP aos filtros para que seu tráfego pessoal seja incluído e incorpore o código de acompanhamento em DVs, Opções de tema, integrações, código de corpo. Número 16, Google Search Console. Já mencionamos isso algumas vezes. Esta é a ferramenta oficial do Google para webmasters e você deve adicionar seu site quando você iniciá-lo no site e verificá-lo com um rápido registro de texto DNS TXT. Depois de verificar, envie seu arquivo xml do sitemap dot na seção de sitemaps número 17, reveja. Agora que você lançou seu site, é hora de chamar seu cliente para uma revisão. Você se lembra da sugestão de subdomínio do ponto de revisão na lição de SEO fora do site, eu recomendo totalmente criar um subdomínio de ponto de revisão em seu nome de domínio pessoal para que você dê às pessoas uma maneira rápida e fácil de escrever um comentário. A questão é, não torne este processo difícil. Já é difícil fazer com que as pessoas te revisem. Você quer tornar isso simples. E esse link, o ponto de revisão um vai levá-los diretamente para o formulário de revisão no Google. Todo o dia eu coleciono cinco estrelas, digite algo agradável sucessos Enviar. Aqui está como meu e-mail de avaliação normalmente se parece. Muito obrigado por me deixar construir seu site. Como você sabe, as avaliações são tão importantes, tanto para credibilidade quanto para SEO. Seria meu dia se você me escrevesse uma crítica rápida. Aqui está um link diretamente para o formulário de revisão. Avaliação dot pioneer.me. Obrigado antecipadamente. É fácil, fácil. Obtenha uma avaliação e, em seguida, adicione-a ao seu site. Portfólio número 18. Agora que o site está sendo lançado, você precisa adicioná-lo ao seu portfólio, que inclui seu próprio site, seu Behance, enredo central, Facebook, Instagram, ou qualquer outra coisa, portfólio pobre ou sites de mídia social que você está ativo em. Adicione-o a todos os canais que tiverem uma cópia em execução do seu portfólio. Agora, o que você acha que seria apropriado em um post de portfólio? Talvez um link para o site ao vivo, uma visão geral de quais serviços você forneceu. Todos os problemas que você resolveu. Algumas capturas de tela do site. Todas as nossas grandes ideias. Eis o que eu gosto de fazer. Aqui está a página do portfólio da minha agência. Eu listo isso como nossos 100 melhores projetos de site. Eu tenho alguns links para páginas individuais que são para SEO. Há algumas páginas apenas no caso de as pessoas estarem procurando. Por exemplo, o que eu fiz para dentistas ou o que eu fiz para pintores. E isso é um bom valor de SEO para mim. Eu tenho um contador aqui com quantos sites que eu fiz nessas categorias específicas. E então este é o portfólio real. Então estes são os meus 100 melhores projetos de site, especificamente classificados em ordem de quão impressionante o site é e os que eu quero promover estão no topo. Todos os meus 100 são aqueles que não me importo de promover, mas no topo deve ser o melhor do seu melhor trabalho. Agora destaques do seu portfólio, especialmente se você fez negócios com uma marca que as pessoas reconhecerão. Porque se eles não reconhecerem o logotipo, eles realmente não se importarão com a aparência do site. Se eles reconhecem um logotipo, então isso parece impressionante, como PBS, eu fiz a estação PBS local. E isso definitivamente parece impressionante. Então, enquanto nós rolamos para baixo, eu uso o módulo de portfólio Divi para construir isso. E ele agarra a partir da seção de projetos do WordPress acenou. Este é o meu portfólio, meus 100 melhores projetos, e uma chamada à ação na parte inferior onde eles chamam e-mail e formulário de contato. Então, vamos clicar em um desses projetos e ver o que podemos colocar nas sub-páginas para os produtos ou projetos. Vamos clicar no lançamento do urso dançante e ver o que puxa para cima. Então eu começo com um título, o nome da empresa, e depois um slogan para o cabeçalho H2, premiado design de site resort. E depois o logótipo deles. Você pode clicar nisso e ele irá diretamente para o site. Capturas de tela responsivas de web design. Então é assim que o site se parece no desktop, celular e tablet. Eu criei esses no Photoshop usando um modelo de maquete. Nós continuamos rolando sobre as informações da equipe de design sobre o que o site, é tudo sobre como nós o projetamos, sobre o que ele é construído, os problemas e soluções que foram apresentados e,em os problemas e soluções que foram apresentados e, seguida, alguns detalhes do projeto. Localização, link do site, descrição da empresa, etc. E enquanto continuamos rolando, temos um depoimento. urso dançando grande nos escreveu um depoimento e eu tenho-o ligado aqui. tela da página inicial. assim que a página inicial parecia no momento em que eu tirei a captura de tela. Então você pode ver como ele se parece. Portanto, há algumas ideias para as páginas do seu portfólio. Vejamos um diferente. Então vamos puxar para cima. Mas jump.com e vê-lo outra idéia de como podemos fazer isso. Mas shall.com, e-commerce porta grupo. Esse é o design responsivo do logotipo. E este é mais um olhar refrescante. Eu fiz localização, biografia e link, e então o problema e a solução e o feedback. Este é o depoimento do cliente e a imagem da página inicial. Então isso parece bom. Mais uma coisa, eu quero encontrar uma que tenha uma versão simplificada do portfólio. Vamos ver um exemplo disso. Então esta é apenas a versão simplificada. Se eu não quiser passar pelo processo de criar essas maquetes e gastar uma hora criando essa página do portfólio. Certos projetos que eu não quero promover tão fortemente, eu vou apenas fazer esta versão simplificada. Nós temos o título, nós tivemos o subtítulo, nós temos o logotipo e você pode clicar nele para ir diretamente para o site. Em seguida, este, nós projetamos um belo que links para web design, responsivo e móvel amigável, aqueles ligados à página de sites móveis de encontrar o seu motor de busca de mídia amigável, que links para este site SEO orgânico para este cliente, continuamos a fornecer serviços de hospedagem e manutenção na web, o que nos leva à manutenção do site para garantir o seu sucesso contínuo. Visite o site de nossos clientes e que tem links diretamente para a enfermeira. Então o que isso faz é nos dar uma página de portfólio simplificada e fácil de fazer. Isso leva apenas dez minutos para criar isso, em vez de talvez uma hora nas outras páginas do portfólio. Estes demoram mais porque eu tive que tirar screenshots e preparei a maquete para imprimir um testemunho. Por isso, às vezes, não tenho tanto tempo para fazer isso. Só depende do projeto. Se eu tenho um site realmente impressionante, eu não me importo de criar essas maquetes. Eu ALL e fazendo a página do portfólio olhar tão impressionante quanto possível. Então você pode usar isso como inspiração para o seu portfólio? Então, enquanto você está lançando o site do seu cliente, faça capturas de tela e publique-o em seu portfólio, que é uma ferramenta de marketing inestimável para web designers. Número 19, pagamento final, o último passo antes de lançar oficialmente o site do seu cliente. Quando você assumiu o projeto, você concordou com metade para baixo e metade após a conclusão e lançamento do site. Agora que chegou a hora, eles terão que fazer o pagamento final antes que o site apareça. Eu recomendo enviar um e-mail amigável explicando seu entusiasmo para lançar o site. Mas primeiro você precisa do pagamento final. Eles provavelmente anteciparam isso e não têm nenhum problema pagar o saldo para finalmente lançar o site. E número 20, vá ao vivo. Agora é o último passo do lançamento. Você precisa fazer o site ao vivo. Como você faz isso? Quero dizer, tecnicamente, como se lança um site? Torná-lo ativo significa colocar o novo site que você acabou de construir no nome de domínio principal. Viva para que todos vejam. Site de desenvolvimento publicamente acessível, sem subdomínio. Agora o local de teste. Se você está construindo em um lado de teste para que o público não veja seu trabalho em andamento. Então agora você mapeia seu site para o nome de domínio. Ele, o site foi anteriormente hospedado em outro lugar. Agora, você atualiza os servidores de nomes para apontar um domínio para o servidor Iona. Como iniciar corretamente um site é uma das perguntas mais frequentes que recebi. Há alguns aspectos técnicos. Vamos passar por isso. Primeiro, vamos definir nosso objetivo. Quando estamos lançando nosso projeto de site. Em última análise, queremos publicá-lo no nome de domínio que estamos usando para o nosso site, para o nosso cliente, qualquer domínio que tenha sido selecionado. Então, se você está construindo seu site no nome de domínio ao vivo, então ótimo, ele já foi lançado. Um exemplo disso seria se você comprar um nome de domínio para seu cliente quando você iniciou o projeto pela primeira vez, é seguro começar a construir sobre esse nome de domínio porque ninguém sabe sobre ele. Não há trânsito indo para ele. Então, não há problema em construir um site com um novo nome de domínio como esse. Mas então, quando alguém já tem um nome de domínio e você está passando algumas semanas ou alguns meses construindo um novo site, é sábio construir isso em um ambiente separado do nome de domínio ativo. tráfego já está indo para isso, a situação ideal seria construir seu site separadamente e, em seguida, quando chegar a hora, iniciá-lo no nome de domínio real. Portanto, há algumas maneiras de realizar esse ambiente de preparação. Uma maneira seria usar o domínio do sistema. No caso de ionise, é um ponto s algo ponto casa on-line ponto js. E então sua pasta de espaço web agora seria uma ótima maneira criar seu próprio pequeno ambiente de preparação para criar seus sites, o modo sandbox. Então, quando estiver pronto, você pode publicar isso no seu nome de domínio real. Outro exemplo seria se você usasse um subdomínio, por exemplo, novo, como um novo site ou novo rascunho, novo maquete, domain.com. Então, quando você cria um subdomínio como esse, ou teste ou rascunho ou maquete ou o que quer que você esteja usando. Em seguida, para iniciar seu projeto de site, você gostaria de movê-lo para o nome de domínio principal, que seria apenas neste exemplo, meu domínio.com. Então, como conseguimos isso tecnicamente? Bem, um dos primeiros passos seria ir para o seu administrador WordPress, entrar em configurações e geral. E, em seguida, este é o URL da sua instalação WordPress. Então, gostaríamos de mudar o endereço WordPress. E o endereço do local. Agora, essas são praticamente a mesma coisa 99% das vezes. Então gostaríamos de mudar isso do nosso ambiente de preparação para o nome de domínio ativo. Então esse seria o passo número 1. Altere-o de seu subdomínio ou sua caixa de proteção ou o que estiver usando para o nome de domínio ativo. Agora, algumas considerações aqui. Às vezes, em um modo sandbox, não somos capazes de instalar um certificado SSL, daí o HTTP em vez de HTTPS. Portanto, você precisa considerar o status SSL do domínio em que você está iniciando. Nesse caso, se meu domínio.com não tiver um certificado SSL instalado, você não deve adicionar HTTPS aqui. Se você adicionar HTTPS como seguro a um nome de domínio que não tem um certificado SSL, você basicamente quebrará o site, um erro e não poderá prosseguir até instalar um SSL. Então isso precisa ser HTTP até que você faça isso. Agora, se o site é o domínio que você está iniciando, dois têm um certificado SSL instalado, então, por todos os meios, neste momento, e o HTTPS, sua URL. Agora, uma vez que você tenha feito isso, você pode vir aqui e clicar em Salvar alterações. Portanto, esse seria um primeiro passo importante. Agora, isso pode apresentar algumas pequenas tecnicalidades. Então você tem a URL do WordPress, que funciona para 95 por cento das URLs em seu site. Mas pode haver algumas coisas como uma imagem de fundo ou como um URL de logotipo que é codificado no site. Então, se estiver codificado na URL, depois de alterar esse endereço, seu site ainda fará referência a esse endereço. Então, qual é uma maneira completa de alterar todos os URLs no site? Bem, esta busca útil e substituir plug-in. Há muitos deles. Gosto de usar este. Melhor substituição de pesquisa pode ajudar a pesquisar todas as instâncias de uma URL e substituí-la pelo live. Então vamos instalar esse plug-in e, em seguida, ir para ferramentas, melhor substituição de pesquisa. Então vamos procurar por qualquer instância do URL antigo e, em seguida, substituí-lo pela versão segura ou insegura do nosso site. Podemos selecionar todas essas tabelas. Desmarque a execução seca e clique em Executar, pesquise e substitua. Isso mudará completamente todas as referências de URL para o URL da sua caixa de proteção, para o seu nome de domínio ativo. É uma maneira minuciosa de fazer isso. Então, outra consideração, como mencionei, precisamos descobrir o status SSL do nosso servidor de destino. Assim, no caso de Ioannidis, você pode verificar seu status de segurança SSL nos domínios e, em seguida, certificado SSL. Se você estiver em um ambiente de hospedagem compartilhada, você pode instalar seu certificado SSL com Iona nós. Go Daddy, SiteGround, o que quer que você esteja usando, você precisa se certificar de que seu certificado SSL está instalado. Se você optar por usar segurança SSL, que eu definitivamente recomendo. Então, além disso, o que é outra coisa a considerar? Então, se você ainda não tem seu nome de domínio em sua conta, então você deve ir para, neste caso. Neste exemplo, estamos olhando para ionise. Você deve entrar em domínios e, em seguida, configurar um domínio externo , ou transferir o domínio para sua conta para seu cliente. Então, quando você configurar esse nome de domínio, você vai ter um servidor de nomes. E então mencionamos anteriormente na lição com esse servidor de nomes. Esta é a conexão DNS final que ponto, tudo o domínio relacionado a partir do registro de domínio para o seu host. Então, por exemplo, se seu nome de domínio que você está usando estiver na conta do Go Daddy de seus clientes ali, registre seus domínios do Google, seja lá o que for. Então, uma vez que você adicionar seu domínio à sua conta de hospedagem, como íon nós, eu possuo AS lhe dará os servidores de nome para alterar. E você pode ir para GoDaddy e, em seguida, domínios e, em seguida, DNS, e alterar o servidor de nomes para apontar para sua conta de hospedagem. Nesse ponto, todo o tráfego relacionado ao domínio, o site, os e-mails, tudo estará apontando para a sua conta de hospedagem para que você gerencie para o seu cliente. E então você pode simplesmente entrar e ajustar o destino para apontar esse novo nome de domínio para o diretório de espaço web necessário. Então, se você está trabalhando em um determinado diretório, um nome de pasta, não há necessidade de mudar esse nome. Basta configurar seu nome de domínio e, em seguida, ajustar o diretório de espaço web para fazer a conexão com esse novo nome de domínio ativo para a pasta apropriada. Desde que você tenha o destino do diretório de espaço web em sua conta de hospedagem, você tem seu certificado SSL instalado, e você tem as referências de URL adequadas alteradas em sua instalação do WordPress, então você deve estar ao vivo e pronto para Vá. Agora, o que discutimos principalmente é para um ambiente de hospedagem de economia compartilhada. Você vai descobrir que com o papai, sem Jonah foi SiteGround em movimento, apenas anfitrião. Há muitos ambientes de economia de hospedagem compartilhada lá fora. E daí se você estiver em uma plataforma de hospedagem gerenciada, como maneiras de nuvem? E se você estiver trazendo o seu, você estiver levando sua empresa para o próximo nível e tiver atualizado para a hospedagem em nuvem gerenciada, como maneiras de nuvem. Então, se você está fazendo isso, é realmente fácil configurar seu próprio ambiente de preparação. Neste caso, vejamos um exemplo. Você obtém seus próprios aplicativos de pontos da nuvem. Nós clicamos neste botão e ele nos leva ao nosso traço WordPress, números, maneiras DotCloud, dietas. É basicamente o nosso próprio URL de teste privado que podemos brincar. Podemos usar sandbox, criar o site para o nosso cliente, o que quiser fazer. E quando é hora de ir ao vivo, há apenas alguns passos críticos. Então, o primeiro seria entrar aqui e clicar em Gerenciamento de Domínio. No Gerenciamento de Domínio, tudo o que você precisa fazer é digitar o nome de domínio no qual deseja iniciar. Colocar isso no domínio primário e, em seguida, clique em Guardar alterações. Então, isso irá configurar o nome de domínio em maneiras Cloud. E se você não precisa ter melhores formas de pesquisa e substituição de nuvem, já que existem soluções premium, formas de nuvem irão lidar com todo o redirecionamento de URL para você. Então, eles vão mudar todos os URLs a partir deste seu URL de sandbox de teste para o seu nome de domínio ativo. Então, isso é ótimo em sua plataforma de maneiras de nuvem. Mas como fazemos isso ao vivo na Internet? Bem, uma vez que você faz isso e você pode obter mais informações clicando em mais detalhes aqui, como faço para levar meu site ao vivo da nuvem maneiras? Ele dirá que você precisa adicionar um registro DNS, mapear seu domínio e gerenciar registros DNS. Então é muito simples. Você vai para acessar os detalhes. E aqui está o endereço IP público do seu servidor. Em maneiras de nuvem. Tudo que você precisa fazer é copiar isso e, em seguida, ir o seu registro de domínio dois são para o domínio que você está iniciando dois. Vejamos um exemplo aqui com maneiras de nuvem. E basta mudar o seu registro principal para o nome de domínio ou para o endereço IP que acabamos de copiar. Este seria o seu a. Você pode vê-lo como um AT para raiz ou o principal, um tipo de registro e um símbolo at e, em seguida, colar seu endereço IP. Você também pode adicionar um registro adicional para www e colar o mesmo endereço IP. Isso é para adicionar um www antes do seu nome de domínio. Portanto, você tem que adicionar seu nome de domínio ativo ao gerenciamento de domínio. Você tem que mapear seu registro DNS para o endereço IP do seu servidor de maneiras Cloud. E depois mais uma coisa. Clique em certificado SSL no lado aqui e, em seguida, selecione o, Vamos Criptografar. É o certificado SSL gratuito que você obtém com sua conta Cloud ways. Digite seu endereço de email e, em seguida, seu nome de domínio. E, em seguida, marque a opção aplicar curinga. Depois de fazer isso, você precisa adicionar seu registro CNAME às configurações de DNS. É apenas um desafio CNAME registro Acme, e isso vai apontar para seu domínio de aplicativos de nuvem maneiras. Então, adicionamos um tipo de nome C. E novamente, você pode fazer isso em qualquer lugar, qualquer registro de domínio, GoDaddy, Cloudflare, eu possuo nós domínios do Google. Todos eles permitem que você adicione esses registros DNS. Então este é apenas um exemplo. Nós adicionaríamos desafio Acme e, em seguida, copiaríamos este URL. Quando fazemos isso, neste caso, desmarcamos o proxy e, em seguida, clique em Salvar. Depois de fazer isso, clique em Verificar DNS e instale o certificado. E é isso. As formas de nuvem, uma vez que se trata de uma solução premium atualizada, tratam de todos os aspectos técnicos para você e garantem que seu certificado SSL seja configurado corretamente. Portanto, nas maneiras de nuvem, tudo o que você precisa fazer é adicionar seu domínio em Gerenciamento de Domínio no seu registro DNS. Muito importante. O DNS é tecnicamente o que fará isso ao vivo na internet para que todos vejam e, em seguida, adicione seu certificado SSL. Assim que você fizer isso, quer esteja em um ambiente compartilhado ou em uma hospedagem da Managed Cloud, o lançamento do site, retirá-lo do modo sandbox é o que eu gosto de chamá-lo. Seja qual for o URL em que você está trabalhando, seja um subdomínio ou um sandbox ou um euro de teste, seja qual for o seu uso, queremos apontar que o torne vivo na internet com o seu nome de domínio oficial que seu cliente está usando para conduzir negócios. Uma vez que tenhamos conseguido isso, o site em que trabalhamos tanto estará ao vivo na internet para que todos possam desfrutar. E aí está. Uma lista de verificação de lançamento de 20 passos. Vamos recapitular esses 20 processos. Número um, edições finais do cliente para revisar cada pixel de cada página. 3, verifique se há gramática ou teste de velocidade. Cinco, compatibilidade móvel e compatibilidade entre navegadores. Número 6, certificados SSL. Número 7, teste todas as ligações. Número h tem formas de contato e contras de tecido benigno. Número 10 gerenciado WP 11 up, Juiz, além de backups 12, robô de tempo de atividade e siga essa página 13, tudo em um SEO. 14, segurança. 15, Google Analytics. 16, Google Search Console 17. Bom para revisar. 18. Adicione ao seu portfólio. É o pagamento final? E 20 vão ao vivo. E qual é o nosso dever de casa? Eu quero que você anote esses processos e salve como sua lista de verificação de lançamento no LinkedIn. E agora você sabe como polir e lançar sites. 47. Como manter clientes: Bem-vindo, estou atrasado para o seu webmaster. Na lição de hoje, vamos discutir a manutenção do cliente. Então, como um web designer, você desenha e desenvolve sites para seus clientes. Mas, como webmaster, você atenderá seus clientes de forma contínua. É emocionante assumir um novo cliente, desenvolver o site perfeito. Mas seu trabalho não acaba quando o site for lançado. O que está envolvido em manter seus clientes felizes? Então eles vão continuar pagando você como um webmaster. Talvez tenha pensado nisso ainda. Alguns clientes continuaram a pagar-me há mais de uma década. Por que eles continuam pagando minhas pílulas? Porque o valor de seu site é muito acima e além do custo da minha conta mensal para eles. Esse é o objetivo. Essa é a realidade que você quer transmitir aos seus clientes para mantê-los. Além disso, aqui estão alguns elementos-chave para atender seus clientes. Número um, manutenção do site. Número 2, atualizações e solicitações do site, e número 3, faturamento e pagamentos. Vamos considerar estes três para que você esteja preparado para servir seus clientes pagantes. Número um, manutenção do site. Você assistiu às aulas do plano de manutenção do site? Falamos sobre todos os tipos de ideias e serviços para o seu plano de manutenção do site. Estas são as tarefas que não envolvem o cliente. A maioria deles gosta de backups, segurança, hospedagem, monitoramento de tempo de atividade. Eles estão no piloto automático. Você não precisa fazer login manualmente para executar essas tarefas. Eles ocorrem no back-end. E você só é notificado quando há um problema para solucionar. E isso é raro e geralmente leva apenas alguns minutos. A tarefa de manutenção manual é fazer login para gerenciar WP para atualizar todos os seus sites, plugins principais do WordPress e temas. Eu costumo fazer isso uma vez por dia e, em seguida, apenas leva alguns minutos. Na verdade, qual você acha que seria mais rápido? Entrar em gerenciar WP e clicar em um botão atualizar todos. Ou faça login manualmente na área de administração de cada site do cliente todos os dias para executar essas atualizações. Eu certamente escolher a primeira opção, Gerenciar WP. Isso é uma grande economia de tempo. Sou muito grato por esse software. Caso contrário, os serviços de monitoramento colocam erros vez em quando e você só precisava cuidar deles conforme necessário. Então takeaway número um, usar proativamente WP gerenciado para atualizações e otimizações do WordPress e reativamente resolver quaisquer problemas que surjam dos serviços de monitoramento. O número dois é apoio visual e pedidos. É verdade que a maioria dos seus serviços de manutenção ocorre no back-end e o próprio site permanece relativamente inalterado no front-end. Mas e quando seu cliente liga para atualizar ou alterar algo no site? Isso é ótimo. E eles estão pagando por esse privilégio. Deixe que eles se sintam confortáveis utilizando seus serviços. Novamente, eles estão pagando por isso. Recebo vários destes todos os dias. E a maioria dos e-mails leva apenas alguns minutos para serem cumpridos. Então, quando um cliente envia um e-mail, envia SMS ou liga para você com uma atualização ou solicitação, o que você faz? Vamos rever algumas considerações. Primeiro. Qual é a natureza deste pedido? Então é só uma pergunta que você pode responder? É só uma atualização rápida? Talvez um pântano de número de telefone, apenas adicionando ou removendo uma foto da galeria. Esses são rápidos e fáceis. Você geralmente pode cumpri-los dentro de alguns minutos. Então vá em frente e processe-os à medida que eles entram. Esforço-me para que todos os pedidos menores sejam cumpridos até ao anoitecer e isso funcionou muito bem para mim. Número dois, e quanto a atualizações mais longas, novos recursos, novos plug-ins, algo que levaria várias horas para cumprir. O que você faz depois de ler esse e-mail? Vai pisar cautelosamente. Bem, vamos demorar muito, porque você não tem experiência com essa tarefa. Porque você precisa fazer uma pequena pesquisa. Veja, isso não é realmente culpa do seu cliente. Isso é apenas parte de ser um webmaster. Tudo o que você leva tempo para aprender, constrói seu conjunto de habilidades. E o próximo cliente que perguntar sobre esse tópico, você terá uma melhor compreensão do problema e poderá responder de acordo. Aprendo coisas novas com quase todos os clientes e continuaremos aprendendo mais à medida que a tecnologia evolui. E quanto mais eu souber, melhor eu posso servir clientes que fizeram perguntas semelhantes. A terceira consideração, e as novas páginas? Designs totalmente novos? Bem, em primeiro lugar, considere quanto tempo isso vai demorar. Se ele conseguir cumprir em menos de uma hora, apenas faça. Você não quer ser conhecido por níquel e centavo seus clientes. Mas outros pedidos realmente levam várias horas do seu tempo. E quanto mais experiência você ganhar, melhor você pode detectar essas solicitações carregadas imediatamente. O que acontece então? O que você faria nesse caso? Você está pensando em alternar? Eu sou. Você realmente tem duas opções. Você pode usar alternar, rastrear seu tempo, uma fatura para a quantidade exata de tempo que você gastou vezes sua taxa horária. Ou a segunda opção, cite que projetos separadamente. Talvez você cobre 195 por essa nova página de destino ou 495 para adicionar a funcionalidade de carrinho e check-out ao site existente. Basta deixar claro sua intenção de cobrar separadamente por este pedido e explicar por que este pedido não está incluído em seu pagamento mensal. E quando você começar a aceitar clientes maiores, você perceberá solicitações chegando deles a cada poucos dias. Você certamente gastará mais de uma hora nessas glândulas a cada mês. Então aqui está o meu processo. Receba seus e-mails, ative Alternar, preencha seu pedido, desative a alternância. Em seguida, no primeiro dia de cada mês, enviar uma fatura para as horas de sites suporta dobrado no mês anterior. Alguns meses terão qualquer apoio. Outros terão de cinco a dez horas para certos clientes. E o número 4, seja qual for o pedido, grande ou pequeno, seja responsivo, esteja disponível por texto, e-mail. No entanto, eles preferem se comunicar, atender seus clientes atendendo seus pedidos assim que você puder. Isso vai ser um longo caminho para cativá-los para você. Digamos, os webmasters têm uma certa reputação. Que reputação é essa? Levando dias, até semanas para responder aos seus clientes. Se eles responderem, ouvi essas queixas há décadas e é inaceitável. Você pode realmente se destacar ou fornecer um bom serviço ao cliente. Takeaway número 2, domine seu mercado dominando o atendimento ao cliente. Número 3, facturação e pagamentos. Outra parte do seu tempo gasto na manutenção clientes será faturar e processar pagamentos. Você se inscreveu para onda ou você já tem QuickBooks? Felizmente, esses serviços de contabilidade lidar com a maior parte disso para você no piloto automático. É realmente incrível. Cada cliente deve ter sua própria fatura recorrente para o plano de manutenção do site. Se todas as faturas mensais são definidas para o primeiro de cada mês por conveniência do que as no pagamento automático, provavelmente haverá cerca de metade de sua base de clientes terá seus cartões de crédito cobrados e um recibo enviado a todos eles automaticamente. Os outros serão enviados um e-mail com um link e um endereço se quiserem enviar para verificar. Também automático. Esses clientes vão fazer um cheque que você receberá no correio e você terá que depositar manualmente. Fora isso, a maioria de tudo no lado da contabilidade ocorre automaticamente. Se você tiver seus sistemas em vigor, com exceção de pagamentos com falha, seu cartão de crédito já expirou? Alguma vez perdeste a cabeça? Por qualquer motivo, as pessoas recebem novos cartões de crédito e você terá que atualizar seu cartão no arquivo. Fique em cima desses pagamentos feltro para que você pode entrar em contato e pedir seu novo cartão de crédito. Takeaway número 3, configure seu serviço de contabilidade como Wave QuickBooks, etc, para lidar com faturamento e pagamento automaticamente. Então, recapitulando, o que aprendemos? O número um, usar proativamente WP gerenciado do que atualizações e otimizações do WordPress e reativamente e resolver quaisquer problemas que surjam dos serviços de monitoramento. Lembre-se de dominar seu mercado dominando o atendimento ao cliente. Configure seu software de contabilidade, wave, QuickBooks, etc., para lidar com faturamento e pagamento automaticamente. Qual é o nosso dever de casa? Verifique novamente o seu centro de software de contabilidade para que você esteja pronto para começar a faturar clientes. Então lá você tem ele agora capacitado para atender seus clientes em todas as etapas do processo de web design. Ganhar, entrevistar seu site, enviar propostas e contratos, faturar e impostos, integrar clientes, projetar, desenvolver, polir, o site de lançamento e manter seus clientes. Estou muito orgulhoso de você por continuar com essas lições. E eu sei que essa informação irá beneficiar muito você e seu negócio de web design. Para resumir o que aprendemos e acima de tudo, forneça um serviço excepcional ao cliente e você encontrará sucesso. Eu sou Leighton, e agora você sabe como manter o cliente. 48. PARTE 7: Conclusões e Takeaways: Bem-vindo, sou Leighton, seu webmaster. Estou extremamente orgulhoso de você por ter vindo até aqui. Você tem sido um aluno incrível e você aprende tanto sobre o design do site em si e sobre o negócio do web design. Na verdade, vamos recapitular tudo o que aprendemos. No primeiro conjunto de lições, aprendemos os fundamentos de web design, codificação, domínios, hospedagem, e-mails, SSL, segurança, WordPress e o tema Devi. Em seguida, aprendemos a construir um site. Aprendemos que o Visual Builder, sites de uma página, ciência de várias páginas, comércio eletrônico e sites amigáveis para dispositivos móveis. Onde ir para inspiração de design, ativos de imagem e qual software da Adobe você pode aproveitar para aumentar o nível de seus designs. Em seguida, giramos para o negócio de que design com a forma de criar uma marca. Aprendemos o que são as marcas, como criar a sua marca, o seu site e como promover a sua marca, abordamos uma das habilidades mais desejadas em todo o design do site e que a otimização do motor de busca, SEO. Aprendemos toneladas de técnicas de SEO no local e fora do local, bem como como como incorporar isso em seu negócio de design de site. Mais tarde, discutimos meu tópico favorito e que são os planos de manutenção de sites, que incluem hospedagem, gerenciamento, atualizações e segurança. E dei-te muitas ideias sobre como comercializar e vender o teu plano de manutenção do website. Finalmente, eu levei você através de todo o processo de cliente, que incluiu ganhar e entrevistar clientes, cotar sites, enviar propostas e contratos, faturas e impostos, integrar clientes, projetar, desenvolver, polimento e lançamento de sites, e como manter seus clientes. Todo esse conhecimento é incrivelmente empoderador. Se você é novo em web design, freelancing, macarrão criando um negócio de web design ou simplesmente um. E para subir de nível a sua agência existente. Eu sei que você encontrou vários ginásios que você está animado para aplicar ao seu negócio. Para encerrar este curso, eu só quero revisar algumas conclusões, algumas advertências e principais conclusões para o sucesso. Especificamente, vamos olhar para Tim principais aspectos para o sucesso. Dez coisas que eu gostaria de saber quando eu comecei meu negócio de design de site, e 10 coisas para evitar enquanto você conduz negócios. Juntem-se a mim enquanto terminamos esta jornada juntos. 49. 10 Takes principais para o sucesso: Bem-vindo, sou Leighton, seu webmaster. Na lição de hoje, vamos considerar meus 10 principais objetivos para o sucesso como um negócio de web design. Número 1. Seja amigável e responsivo. As pessoas fazem negócios com aqueles que sabem gostar e confiam. Novamente, as pessoas fazem negócios com aqueles que sabem gostar e confiam. O melhor serviço que você pode fornecer para seus clientes é o seu atendimento ao cliente. Então seja amigável, seja amável. Deixe as pessoas conhecerem você. Quanto mais eles gostarem de você, mais provável é que eles se agarrem a você como um webmaster e encaminhá-lo para outras pessoas. Na verdade, em depoimentos escritos sobre minha agência, eles escrevem mais sobre mim do que sobre seu próprio site. Portanto, ser responsivo e rápido para resolver problemas vai ser um longo caminho. Esteja disponível e cuide de seus preciosos clientes. Sua simpatia, sua vontade de ajudar não passarão despercebidas. Número para automatizar, automatizar, automatizar qualquer coisa que você possa automatizar, faça isso. Permitam-me que vos dê alguns exemplos. Envio de faturas recorrentes, monitoramento de tempo de atividade, detecção de alterações, relatórios mensais de análise , backups e a lista continua. Eu automatizei todas essas tarefas e imagino todo o tempo que levaria para fazer manualmente todas essas coisas para cada cliente. Por exemplo, digamos que você envie 50 faturas no primeiro dia de cada mês. Se cada um leva três minutos para se preparar, são 150 minutos ou 2,5 horas do seu tempo todos os meses. Por outro lado, se o seu software de faturamento pode fazer isso para você. Você gastará cinco minutos uma vez configurando esses perfis. E você está feito. Automatizar essas tarefas básicas libera seu tempo para fazer coisas mais importantes, como reuniões com clientes e criar sites. Então, qualquer coisa que você possa automatizar, vá em frente. Seu tempo deve ser gasto fazendo coisas que não podem ser automatizadas e que outros não podem fazer por você. Número 3, tem sistemas no lugar. Não reinvente a roda para cada projeto. Tudo o que você faz uma e outra vez, como preparar cotações, entrevistar clientes, escrever contratos, sites longos pode ser simplificado em um processo. Nos negócios, esse termo é SOP, ou procedimento operacional padrão, que é uma lista de instruções passo a passo sobre como executar operações de rotina. Mas as coisas que você faz da mesma maneira cada vez para criar um novo contrato e proposta a partir do zero. Cada vez, eles vão adivinhar, uh, como lançar um site, sistematicamente, fazer uma lista e segui-lo sempre que necessário para executar essa tarefa. Você economizará muito tempo. E você garantirá que essa tarefa seja feita de forma adequada e eficiente para cada cliente. Número quatro, especializar-se. Então, quando eu estava começando, eu queria oferecer tudo. Eu queria ser um balcão único. Isso significava web design, desenvolvimento, codificação personalizada, bancos de dados, e-commerce, branding, impressão, logotipos e muito mais. Eu finalmente descobri dois grandes problemas com isso. Primeiro, eu não era bom em todos esses serviços. Meu forte foi e ainda é WordPress, design de site e desenvolvimento, e gerir um negócio. Número dois, os outros serviços não me trouxeram muito dinheiro. É por isso que você precisa revisar regularmente suas finanças, descobrir o que realmente gera receita considerável e cortar os serviços em que você não se destaca ou ganha muito dinheiro. Além disso, é realmente gentil ou para as empresas para, porque você quer que eles para obter o melhor produto ou serviço possível. E se isso significa um site seu e um logotipo de outra pessoa, então que assim seja. Seja um especialista, não um valete de todos os negócios. E você vai encontrar o sucesso número 5. Então valor, não recursos. Isso se aplica a qualquer produto que você vende. Mas para o design de sites, há muitos recursos que você pode criar. Um site WordPress, um site móvel, galerias de fotos, formulários de contato, mapas, depoimentos, vídeos. Essas características são incríveis. Mas eles soam como se valessem $2000.5 mil dólares por um conteúdo ou talvez não. Mas qual é o valor de um site? Então, se um telhados está desembarcando em US $10 mil chumbo através de seu site e eles vendem dois desses por mês, então seu site é avaliado em US $20 mil por mês. Agora, parece valioso pagar 5 mil dólares por esse site? Sim, vender o valor de um site, não os recursos nele. O marketing baseado em valor é uma das melhores maneiras de aumentar o nível de suas vendas. Descubra como o site vai ajudar os negócios e, em seguida, criar o seu argumento de vendas em torno disso. Desde que o proprietário da empresa possa ver o valor e o lucro em algo, o custo exato torna-se irrelevante. Número 6, concentre-se nas pessoas, não no dinheiro. Então, quando você está crescendo um negócio, é fácil ficar obcecado em ganhar dinheiro. Quero dizer, você tem que pagar suas contas. Mas quando essa é a sua principal motivação, bom. Levar-te por um caminho sombrio. Longas horas, práticas comerciais obscuras, sobrecarga, deturpação de valor são todos possíveis efeitos colaterais de estar focado exclusivamente no dinheiro. Eu encorajo você a se concentrar em ajudar as pessoas a identificar seus problemas e oferecer soluções práticas em vez de apenas vendê-las o produto mais caro que você puder. Moralmente, você vai se sentir muito melhor quando mostrar empatia. Identifique seu porquê, por que você está perseguindo este negócio. Quais são seus objetivos pessoais? Quanto você precisa ganhar a cada ano, a cada mês? Quais são as suas prioridades pessoais? Como é que esta empresa apoiará essas prioridades? Veja que é fácil crescer, escalar obcecado com o dinheiro, mas você não será verdadeiramente feliz a menos que esteja cumprindo seus objetivos pessoais. Então seja humano, seja empático, identifique seu porquê e se concentre em ajudar as pessoas em vez de apenas ganhar dinheiro a todo custo. Número 7, peça comentários. Sua reputação digital de marcas para melhor ou pior. Está ligado às suas críticas. Isso significa avaliações do Google, recomendações do Facebook e avaliações do Yelp ou do TripAdvisor. Se você estiver em determinados setores, como consumidores, prestamos atenção às avaliações. Então, como dono de um negócio, você não pode demiti-lo. E embora possa ser difícil obter essas críticas organicamente, você não precisa sentar e esperar por uma. Seja proativo, já que você é um cliente feliz, um link diretamente para seu formulário de avaliação no Google e você terá uma chance muito maior e obterá avaliações positivas de cinco estrelas. Colete o maior número possível desses. Quanto mais você ganhar, melhor seu negócio será percebido pelos consumidores. E se você tiver uma visão mais baixa, como uma estrela, uma, a vida continuará e você pode tomar isso como uma experiência de aprendizado. Primeiro, por que essa pessoa acertou? Você vai rever uma estrela. E como você pode aprender com esse feedback para impedi-lo no futuro? E entenda que se várias pessoas escrevem o mesmo comentário negativo, isso não é mais uma anomalia, é uma tendência, talvez até um fato. Então conserte isso. E segundo, levando aquela crítica de uma estrela com um monte de cinco estrelas. Isso vai ser um longo caminho para melhorar a sua classificação média. Número 8. Construa seu portfólio. No negócio de design de sites. Ninguém se importa se você foi para a faculdade. Ninguém está pedindo suas licenças ou sua educação. Eles só querem que você saiba suas coisas. Portfólio é como você mostra seu trabalho. Comece a construir isso desde o primeiro projeto que você concluir. Organize cuidadosamente o seu portfólio colocando apenas o seu melhor trabalho e destacando o seu melhor dos melhores no topo, você está indo para a qualidade, não quantidade em seu portfólio. E quando você está se reunindo com um cliente, se ele estiver no setor da construção, por que não mostrar exemplos de sites que você fez no mesmo setor. Como um site de telhados, eletricistas, encanadores, respostas reais. Eles podem não estar tão interessados em sua cafeteria ou sua beleza é os sites de empréstimo. Mas que eles veem que você ajudou outros no mercado deles. Isso vai chamar a atenção deles. Personalize sua abordagem de vendas para o setor deles. Um designer de sites bem sucedido conhece seu portfólio por dentro e por fora. Eles sabem que seu site de acesso para se exibir e eles sabem quais sites eu construí em que indústrias. Número 9. Escolha as ferramentas certas. O que seria um faz-tudo sem um martelo, uma paisagem, ou sem um cortador de grama, um mergulhador sem equipamento de mergulho adequado, ferramentas são essenciais para executar tarefas. E certas ferramentas podem acelerar ou retardar o processo. Então, quais ferramentas você usa como web designer? No mínimo, você precisará de um computador ou smartphone, WordPress. Mas o que mais? Se você descobrir em software, há um suprimento infinito de software novo brilhante para experimentar. Mas só porque é novo não significa que seja melhor. Atenha-se ao software maduro e estável que está aqui para ficar. Eu acho que Adobe, Microsoft, Office, onda, gastar tempo aprendendo essas ferramentas e ignorar todos os novos betas brilhantes fora em direção a que vem em seu caminho. Terroristas, nada pior do que perder tempo mudando para um novo software. Então eles fecham depois de alguns anos e em apoio. Invista em ferramentas que as falhas precisam. Acrescente valor à sua empresa e são construídos por empresas vão durar. E número 10, continue sua educação. Seja sempre um estudante. Continue aprendendo com cada novo projeto. Eu ainda até hoje aprender coisas novas com cada site que eu construo. Se estou experimentando um novo recurso, uma nova ideia de design, aprendendo um novo plugin, desenvolvendo funcionalidades que eu não tinha experimentado anteriormente. Eu cresço meu conhecimento e habilidades em cada projeto, mesmo décadas neste negócio. Reserve um tempo para aprender completamente novas habilidades uma vez. Então você quer o re-aprendê-los em projetos subseqüentes. Siga blogs de tecnologia de qualidade como TechCrunch e Mashable, ouviu podcasts respeitáveis. Se você é um usuário do banco de dados, mantenha-se atualizado com o blog Temas elegantes, que é um dos blogs Wordpress de alta qualidade que eu já encontrei. Seja sempre um estudante. Sê humilde, sê modesto, e terás sucesso na vida. Então, aí está. Vamos recapitular as 10 principais vantagens para o sucesso. Número um, seja amigável e responsivo. Número para automatizar, automatizar para automatizar. Número 3, tem sistemas em vigor para o valor da célula especializada e não recursos. Número 6, concentre-se nas pessoas, não no dinheiro. Número 7, peça comentários. Número 8, construa seu portfólio. E 19, escolha as ferramentas certas. E número 10, continue sua educação. Eu estou atrasado 10 e agora você sabe, dez coisas importantes para o sucesso. 50. 10 coisas que Desejo saber o início no negócio: Bem-vindo, eu sou alongar seu webmaster. Na lição de hoje. Vamos considerar minhas 10 coisas que eu gostaria saber começando meu negócio de web design em 2006. Número um, planos de manutenção do site celular. Lutei contra isso nos primeiros 40 anos. Eu tive a atitude de que é sempre o dinheiro para um cliente. Por que eles me pagariam $75 quando eles poderiam ter seu próprio dinheiro de hospedagem de fingimento? É mais ético para mim configurar postagens no nome deles. Quando anos mais tarde eu alimentei uma mudança de mentalidade sobre isso. Um plano de manutenção de site de qualidade é um bom negócio para seus clientes. site ideal, funcional e orientado por conteúdo em um servidor seguro trará leads que excedem o custo de um plano de manutenção de site. Então o valor é inegável. E do seu lado, esses planos de manutenção do site podem se acumular para uma receita recorrente bonita ao longo do tempo. Com este curso, você aprende, mas o valor de um plano de manutenção do site e quais serviços estão envolvidos. Então vá em frente e comece a comercializar seus planos de hospedagem e manutenção do site para seus clientes o mais rápido possível. Número dois, comercialize você mesmo. Lutei contra isso durante a primeira década até que se tornou inegavelmente claro. As pessoas querem autenticidade. Acabaram com o sentimento impessoal corporativo. Eles querem ver você e se sentir conectados a você, especialmente se você está procurando estabelecer um relacionamento de longo prazo. Então, como você começa a se comercializar? Obter uma foto profissional, colocá-lo em seu site, gravar algum vídeo, apresentar-se, e não tenha medo compartilhar algum humor ou alguns hobbies pessoais de anos. Isso vai ser um longo caminho para agradar as pessoas para você. Lembre-os que você é humano e deixe-os conhecê-lo. Número 3, foco em clientes de qualidade. Agora, quando você está começando, eu sei que você está faminto por qualquer show que você pode conseguir. E isso é compreensível. Você tem contas, tem uma hipoteca, compras para comprar. Portanto, é natural assumir qualquer projeto de site que você possa encontrar. Mas à medida que você cresce, você constrói seu portfólio e avaliações. Dê a si mesmo permissão para começar a ser mais seletivo. Talvez ficar longe desses projetos de baixo orçamento e DIY. Você vai encontrar muito DIY ou assim calcular o valor de um site pela página de preços Wix ou Squarespace como se um site custasse apenas 20 dólares por mês. Mas está tudo bem. Deixe que as pessoas gerenciem seus próprios orçamentos. Basta oferecer-lhes a sua citação e permitir-lhes dignidade. 51. 10 coisas para evitar como negócios de design web: Bem-vindo, sou Leighton, seu web designer. Na lição de hoje, vamos considerar um 10 coisas para evitar como um design de site. Número 1, rastejamento do escopo. Agora, falamos recentemente sobre isso na lição de design e desenvolvimento de sites. Isto é quando um projeto menor se transforma em grande. Quando você já concordou com uma quantidade definida de trabalho, você começa a pagar. E, lentamente, o projeto se arrasta cada vez maior ao ponto em que você afundou várias horas mais do que esperava. Por exemplo, agora eles querem um blog, mais algumas páginas. E agora eles dizem que querem vender produtos no site. Não concordei com nada disso, mas eles continuam adicionando mais ao projeto. Então, como você pode evitar o rastejamento do escopo? Endereça-o, veja o que é, aborde-o e ofereça uma cotação para o trabalho solicitado. Os clientes ou vão anular essa ideia ou pagar por ela. De qualquer forma, você venceu. Número 2, oferecendo tudo. Então o conselho básico é, se você não é bom em um serviço, não ofereça. A tentação é agradar os clientes oferecendo o maior número de serviços possível. Sendo um homem sim, seja vídeo, design gráfico, fotografia, marketing, publicidade, É fácil ser seduzido pela quantidade de empresas estão dispostas a pagar por esses serviços. Mas se você não é bom em uma determinada habilidade, você está realmente fazendo esse negócio um mau serviço assumindo isso, em vez de pegar o dinheiro deles e fingir que sabe o que está fazendo, ou levar a habilidade a sério e aprendê-la, ou encaminhe seu cliente para um especialista. Alguém que prefere esse tipo de trabalho, faça conexões com especialistas que podem lidar as habilidades que você não possui ou não gosta de fazer. Não ofereça todas as habilidades. Apenas as habilidades em que você se destaca. Número 3, publicidade paga. Agora, se você anunciou com sucesso no passado, então vá em frente e faça isso. Faça alguns anúncios. Mas se você é novo em publicidade e design de sites, deixe-me dizer, anúncios podem ser um desperdício de dinheiro. Agora percebo certas indústrias como produtos farmacêuticos, concessionárias de carros, lojas de colchões. Você vai ver esses anúncios e muito fortemente sobre os métodos tradicionais como a televisão. As opções digitais incluem plataformas como anúncios do Facebook e anúncios do Google. No Facebook, você paga alguns dólares para impulsionar um post, o que significa que mais pessoas vão vê-lo. E há outras opções de anúncios lá também. Agora você pode acumular uma conta pesada e para o que gosta e comentários. Se você anunciar no Facebook, você precisa instalar seu pixel do Facebook em sintonizar realmente o seu público. Garante que as pessoas que você está pagando para estar na frente de realmente são pessoas que podem usar seus serviços. Caso contrário, estás a desperdiçar o teu dinheiro. Mostrando postagens sobre web design para pessoas que nem sequer possuem negócios. Agora, nos anúncios do Google, você paga por clique ou PPC. Isso significa que seu anúncio é exibido na seção Adicionar de um resultado de pesquisa do Google, que está na parte superior. E você será cobrado por $10 dólares 2050. Quando alguém clica, o custo varia em muitos fatores diferentes. Principalmente a concorrência. Você pode definir o PPC como automático ou escolher manualmente um orçamento. Auto levará em consideração o que outros web designers estão licitando para essa palavra-chave e esse ponto, e então classificará você competitivamente. Se você estiver exibindo anúncios como esse, sua página de destino precisa ser de alto nível e você precisa que seu número de telefone e suas informações de contato sejam proeminentes. Você precisa de títulos claros, uma chamada à ação e de alguma forma de capturar o endereço de e-mail deles. Sua página de destino precisa ser otimizada para converter visitantes em clientes. Se você não estiver fazendo isso, se você não tiver um funil de vendas, seus dólares de anúncios serão completamente desperdiçados. Sua outra opção como designer de site é a referência e o marketing de rede. Conheça proprietários de negócios, crie parceiros de referência e estimule esses relacionamentos. Essa é a minha sugestão. Número 4, falta de comunicação. Esta é uma das maiores causas de problemas, tanto nos relacionamentos comerciais quanto pessoais. falta de comunicação é onde você não está se comunicando de forma eficaz. Permitam-me que vos dê alguns exemplos. Você cita um cliente para um site e deposita seu pagamento em um fim de semana para o projeto, você percebe que eles realmente queriam e-commerce, não um site de folhetos padrão, mas você concordou com qualquer site que eles quisessem por esse preço. Qual é o problema aqui? Faltas de comunicação. Você não os entrevistou corretamente. Eles negligenciaram relacionar isso com você. Ou talvez um pouco acima. Outro exemplo. Aceita um adiantamento. Duas semanas depois, você ainda não recebeu conteúdo, o cliente pergunta como o site está indo. Qual é o problema? Faltas de comunicação. Você não descreveu explicitamente o conteúdo que você precisava, nem acompanhou ao longo dessas duas semanas, nem fez a coisa do cliente para perguntar o que você precisava. Faltas de comunicação. Um terceiro exemplo, você constrói um site para um cliente, então você começa a cobrá-los, você manutenção mensal ser o cliente recebe esta fatura e está muito confuso, mesmo irritado. Quero dizer, eles pagaram você pelo site deles. Por que estão recebendo outra conta? Qual é o problema aqui? Faltas de comunicação. Aparentemente, em algum lugar ao longo da linha, suposições foram feitas, mas acordos não foram. As pessoas gostam de saber exatamente o que esperar quando a conta chegar. Então, quando estiver lidando com o dinheiro deles, seja bem claro. Quanto está sendo cobrado, o imposto sobre vendas, a taxa do cartão de crédito, e com que frequência. Uma comunicação clara pode resolver problemas antes mesmo de surgirem. Evite a falta de comunicação e os negócios serão muito mais suaves. Número 5, pulando em servidores. Hospedagem é a peça número um mais importante da infraestrutura de um site. Por mais atraente que o som do servidor econômico barato, dez dólares ou mais por um servidor, não caia nessa. Você está se configurando para todos os tipos de problemas, como hacks, lentidão, tempo limite do servidor, só para citar alguns. Para seus primeiros projetos, você pode se safar com o servidor econômico de nível superior. Mas à medida que você cresce, ganha mais clientes, especialmente clientes mais altos, você realmente deve olhar para esses servidores dedicados. Além disso, quanto mais clientes você colocar no servidor, melhor você compensará o custo do servidor. Servidores de maior qualidade serão mais rápidos, mais confiáveis e mais seguros. Enquanto a camada superior que eu possuo é um servidor compartilhado. Certamente bem por tantos anos agora, eu estou alugando, eles são servidores dedicados mais caros, seu orçamento vai expandir à medida que você assume mais clientes. Portanto, mantenha seus olhos focados na importância do seu servidor de hospedagem. Número 6, brindes. Aqui é onde você faz um site gratuitamente em troca de exposição. É um arranjo decente se a empresa para a qual você está construindo um site é muito popular. Mas ouça-me. Cada site de quatro lucros que você construir vai aumentar sua exposição e comentários de qualquer maneira. Então, se você já está conseguindo isso com clientes problemáticos, como você daria seus serviços de graça? Agora você vai se deparar especialmente com a família e amigos. Quero dizer, eles sabem que você é um web designer. Eles querem te apoiar. Mas, ao mesmo tempo, você está tentando aumentar suas taxas e conseguir clientes de maior valor. Você não quer dar seu trabalho de graça, mas também não quer ordenhar sua família e amigos. Então, o que você faz? Não posso tomar essa decisão por você. Você tem que considerar o orçamento e o plano de marketing deles. Se eles estão dispostos a trabalhar junto com o site para reunir negócios. Minha sugestão é cobrar-lhes uma taxa com desconto e comunicar claramente exatamente o que você está oferecendo e o que eles podem esperar desta transação. Torná-lo muito profissional, coloque por escrito, e faça-os assinar seu contrato para que eles se sintam como um cliente. E sim, absolutamente obter uma revisão deles e adicioná-los ao seu portfólio. Se ele se qualificar como um site impressionante, certifique-se de que eles saibam que você vai acertar, você vai chamá-los para essa revisão. Número 7. Em sites seguros. Estes são sites sem um certificado SSL. vários anos, você só precisava de um certificado SSL quando o site tinha transações com cartão de crédito ou dados confidenciais. Isso não era necessário para um típico site de folhetos. Mas agora, como aprendemos em várias lições, os certificados SSL não só criptografam o tráfego do seu site, mas também melhoram seus rankings de mecanismos de busca e removem o ícone não seguro em seu navegador. Todos os benefícios mais o custo dos certificados SSL como realmente descer. Agora você pode continuar por 20 dólares e ionise ou por US $100, você pode obter SSL ilimitado para todos os seus sites. Evite que sites inseguros não tenham boa aparência para seus clientes e só causarão problemas abaixo da linha. Então vá em frente, proteja seu site assim que você iniciá-lo. Número 8, clientes tóxicos. Estes são os clientes que causam mais estresse. Aqueles que fazem seu coração parar quando eles chamam aqueles que lhe dão tristeza sobre seus preços. Dizem que 10% dos seus clientes causarão 90% dos seus problemas. E deixa-me dizer-te que isso é verdade. A chave é, primeiro, identificar seus 10 por cento, quais clientes seus causam mais estresse. Nem sempre é fácil evitar clientes tóxicos. Porque a toxicidade deles pode não sair até mais tarde no relacionamento. Mas uma vez que ele sai, identifique-o pelo que é. E em segundo lugar, quando apropriado, passá-los para outro web designer ou descontinuar sua manutenção em seu site, configurar sua própria conta de hospedagem e transferir o site para isso. Uma vez que você tem laços com clientes tóxicos, você não se sente muito, muito melhor. E você pode redirecionar sua energia para obter e manter clientes de qualidade. Mas há sinais de aviso quando você está entrevistando um cliente pela primeira vez? Pela minha experiência, deixe-me dar-lhe algumas ideias, coisas para cuidar. Balking ao seu preço, negociando mais baixo do que o seu valor. Solicitando várias revisões do seu contrato. Reclamando excessivamente sobre seus web designers anteriores. Insistindo em um determinado tema WordPress diferente de Devi, insistindo em um CMS diferente como Joomla ou Drupal, insistindo em hospedar o site por conta própria. Barata, GoDaddy economias servidor. Repetidamente enfatizando como este projeto precisa ser feito o mais rápido possível. Precisa ser feito ontem. Exigindo estar na página um do Google sem agir em suas sugestões práticas de SEO. Veja, há toneladas de sinais de alerta. E estes vêm com experiência. Mas uma vez que você vê esses padrões por si mesmo, você pode evitar uma situação estressante antes mesmo de acontecer. Número oito, não aprendendo código. Agora eu não estou dizendo que você precisa se transformar em um desenvolvedor web em tempo integral e girar suas horas codificando sites em vez de projetá-los e vendê-los. Mas é valioso pelo menos ter uma compreensão básica do código. Felizmente, é totalmente gratuito para aprender HTML, CSS, JavaScript, PHP e outras linguagens de programação web. A minha recomendação é passar algumas horas em cada uma dessas línguas. Vá para um dos muitos recursos gratuitos lá fora, como W3 schools.com para obter uma educação fundamental. Você vai se sentir muito mais confiante quando surgirem problemas, como mensagens de erro , avisos PHP ou outras coisas que você não pode resolver através do front-end do WordPress ou Devi. O Code irá capacitá-lo à medida que você polir seus sites de qualidade de produção. Html, vamos ensinar-lhe como os sites são emoldurados. Css permitirá que você refine o design do seu site. Javascript irá ajudá-lo a polir a funcionalidade dos seus sites. E o PHP será especialmente útil quando você precisar de funcionalidade extra e edições para o seu site WordPress. Número 10. Não acompanhando as tendências. A tecnologia está mudando o tempo todo. Há sempre um novo software para abraçar ou se distrair. Há novas atualizações para linguagens de programação. Há novos recursos no WordPress e Divi que você pode aprender. Há novas atualizações do Photoshop e de outros softwares da Adobe a serem lançadas todos os anos. Há novas atualizações e recursos em seu servidor de hospedagem. E eu sou dono desta conta. Há novas atualizações do navegador e do sistema operacional no computador da sua empresa. Há novos hardwares e novos desktops, laptops, tablets e smartphones a serem lançados. Como uma empresa de tecnologia, você tem que acompanhar essas tendências. Siga os melhores blogs tecnológicos como Tech Crunch e Mashable. Ouça os podcasts de qualidade e continue aprendendo. Minha única ressalva aqui é equilibrar isso não se distraindo com tecnologia desnecessária. Tecnologia que não vai aumentar o valor do seu negócio. Software que não vai ficar por aqui. Novos temas WordPress, novos CMS, novos plugins WordPress. Basicamente qualquer coisa que faça a mesma coisa que o seu software testado e verdadeiro. Você pode mantê-lo em seu radar, mas não seja rápido para saltar do navio. estado focado em fornecer o melhor serviço aos seus clientes, que significa aderir ao seu software confiável, acompanhando as tendências notáveis e implementando o que se torna mainstream. Se você evitar todas as tendências, se você se recusar a girar, você pode ficar na poeira. Você tem que ser adaptável para ser bem sucedido. E aí está. Vamos recapitular as coisas a evitar como designer de sites. Número 1, e evite rastejar no escopo. Número para evitar oferecer tudo. Número 3, evite publicidade paga. E, portanto, evite falhas de comunicação. Evite pular em servidores. Número 6, evite brindes. Número sete, evite um site inseguro. Número 8, evite clientes tóxicos. Número 9, evite não aprender código. E número 10, evite não acompanhar as tendências. Estou atrasada. E agora você sabe, e coisas para evitar como um site.