Programando com a Vibe com IA para criar um site otimizado para SEO!

1. Boas-vindas ao curso!: Bem-vindo a este curso incrivelmente empolgante sobre Vibe SEO. Meu nome é Alex Genadinik e eu serei seu instrutor. Neste vídeo, explicarei brevemente o que esperar do curso e começaremos imediatamente. Bem, o que é vibe SEO? Talvez você já tenha ouvido falar em vibe coding, em que você diz à IA que tipo de site você deseja Dizendo isso em inglês com palavras. E ele te diz, e cria o site exatamente como você quer. E é tão bom finalmente criar sites que é como vibrar com eles Portanto, é um termo que os desenvolvedores criaram quando IA conseguiu criar coisas para eles que os desenvolvedores nunca precisaram mais citar. Agora vamos usar isso para SEO, vibe SEO, criação de sites e SEO técnico, que era difícil, essa era a abordagem, que demorava muito tempo e às vezes era cara Agora, em poucas palavras, sem dores de cabeça , porque é feito pela IA. E mesmo que a IA cometa um erro, adivinhe? Basta dizer: Ei, AI, por favor, conserte isso. E então ele conserta. Então eu vou te mostrar como fazer toda a técnica de SEO que era difícil. Agora é muito fácil e você pode fazer isso sozinho. Nunca mais, você precisa contratar um designer, desenvolvedor web, pessoa do wordpress, tudo isso. Essa era acabou. E foi uma época difícil, porque se você se lembra de criar seu site contratando pessoas fibra óptica ou fazendo isso sozinho, e o site ficaria feio, chega disso Eu vou te mostrar exatamente como fazer isso. O SEO certo, o design certo, o SEO técnico certo, tudo em menos de um dia, às vezes menos de 1 hora, desde não ter um site até ter um site ao vivo próspero que os visitantes possam visitar neste curso Então, bem-vindo. Vamos começar. 2. Mostrando o resultado final de um site construído: Com este vídeo, vamos começar uma nova seção do curso, na qual mostrarei como criar um site inteiro. E à medida que você otimiza esse site, tudo com IA, não há mais codificação Então, se você já fez WordPress ou já contratou freelancers antes e isso lhe custou muito dinheiro, tempo e dores de cabeça, isso mostrará exatamente como fazer isso em poucos minutos ou horas E mesmo se você tiver um site, haverá um vídeo mostrando como portar seu site para que você nunca precise escrever conteúdo à mão. Freelancers. Esse é um universo do passado, e a IA está mudando isso rapidamente, tornando as coisas muito mais baratas, rápidas e fáceis. E essa seção específica foi retirada de outro curso meu, que é um curso mais completo sobre como criar seu site com IA. Mas aqui, eu adicionei alguns vídeos, para que você também os tenha neste curso, para não precisar pular os cursos. Está aqui para sua conveniência e não é um curso completo, mas é o suficiente para ajudá-lo a entender exatamente o que você pode fazer com a IA hoje, pois é assim mais e mais sites estão sendo criados, especialmente se eles não forem excessivamente complexos E o exemplo que vou mostrar é um site aleatório meu que acabei de usar como exemplo. Portanto, não é necessariamente relevante para nada que estamos fazendo neste curso. Então, para tirar suas conclusões, pense em como aplicar isso a qualquer outro site seu que você esteja criando ou um que você queira editar e que já esteja mantendo para ver como sua vida seria mais fácil se você mudasse para o desenvolvimento de IA E, claro, se você odeia IA, eu entendo que a IA não é para todos. Você não precisa fazer nada com a IA que não queira. Você pode manter seu site da mesma forma que antes. Não há pressão. Essa é apenas uma opção mais ou menos inovadora. Isso eu deveria recomendar porque, para muitas pessoas, empresários e profissionais de marketing, criar um site é uma dor de cabeça Muitas pessoas não são especialistas nisso e muitas ficam contentes quando o processo é simplificado, o que esta seção mostrará. E o serviço de IA que usei para isso é o Atomsvms dot DIV. É uma plataforma de IA que pode ajudá-lo a criar sites com codificação Vibe, que significa que você apenas diz em palavras em inglês o que você queria criar, e ele faz isso por Eu vou te mostrar exatamente como isso é feito. Mas essa é a abordagem moderna. O método tradicional de criar seu site com o WordPress está meio que desaparecendo porque, para novos sites, codificação AI vibe é essencialmente o padrão, e aqui vou mostrar não apenas a codificação AI vibe, mas o Vibe SEO, que está fazendo seu SEO da mesma forma em que você diz à IA exatamente o que você queria criar, e ela faz isso seu site com o WordPress está meio que desaparecendo porque, para novos sites, a codificação AI vibe é essencialmente o padrão, e aqui vou mostrar não apenas a codificação AI vibe, mas o Vibe SEO, que está fazendo seu SEO da mesma forma em que você diz à IA exatamente o que você queria criar, e ela faz isso por você, economizando centenas e centenas e centenas de horas de tempo, como você verá. Antes de nos aprofundarmos em como criar um site do zero com Adams, quero mostrar o resultado final do site que ele criou para mim em literalmente algumas horas E, na verdade, foram alguns minutos, mas depois continuei dando instruções e aperfeiçoando o que queria com apenas um pouco de atenção aos detalhes Mas deixe-me explicar o que aconteceu. Este é um site completo e completo, enterprisespeaker.com Isso é meu. É um site que promove meu discurso público. Você pode criar um site sobre qualquer outra coisa. Se eu tivesse que contratar um desenvolvedor de WordPress , levaria talvez uma semana e algumas centenas de dólares em um bom caso. Só para lançar, e depois milhares de dólares ao longo tempo e ao longo dos anos em futuras atualizações. Isso sem contar a criação de conteúdo. Isso é apenas a manutenção do site e você economiza milhares de dólares durante a vida útil do seu site. Às vezes, o desenvolvedor que você contrata não é bom e você precisa pagá-lo, depois perceber que ele é ruim e contratar outro. Mas imediatamente, você obtém essa economia de uma ou duas semanas e algumas centenas de dólares. Isso é apenas para o design e desenvolvimento do site. Agora também, o que a IA criou para mim aqui é um monte de páginas de destino. Se eu clicar em produtividade, você verá que há várias páginas que segmentam palavras-chave específicas. Se eu clicar em produtividade de IA , serão páginas diferentes. Você vê que todas as páginas de destino são otimizadas para SEO, que possam se classificar no Google e serem promovidas. Agora, se eu tivesse contratado alguém. Existem cerca de 50 a 70 páginas. Isso levaria alguns meses para ser criado por um humano. E se você contratasse alguém, custaria alguns milhares de dólares, mesmo que seja relativamente barato porque tem muitas páginas. E a razão pela qual existem tantas páginas é para segmentar palavras-chave diferentes, porque o que estou fazendo com o site é, por exemplo, querer ser contratado como palestrante corporativo, como palestrante corporativo sobre tópicos como IA para criação de conteúdo e outros tópicos como liderança e todos os subtópicos de liderança Então, em apenas um dia, criei toda essa estrutura de SEO para que meu site pudesse ser classificado para todas essas palavras-chave de cauda longa, sem precisar escrever nada. Acabei de pedir a Adams que fizesse isso. Portanto, agora são milhares de dólares e meses de trabalho que são economizados e concluídos em apenas algumas horas. Agora, é claro, existem imagens que foram criadas e muitas outras coisas assim, como para as postagens do blog e para páginas diferentes. E há a redação de vendas. Portanto, há ainda mais economias, mas nem vou falar sobre isso porque, como você pode ver, já são economias muito substanciais e um desenvolvimento muito rápido. Então, isso é ótimo em dois casos. Se você é freelancer, agora pode oferecer um conjunto incrível de serviços, redação de SEO, redação de vendas e criação de sites, tudo em um, enquanto antes talvez estivéssemos apenas oferecendo SEO ou outros tipos de serviços Então, isso é ótimo. Se você é freelancer, isso torna sua vida muito melhor. Mas também, se você é apenas proprietário de uma empresa individual, agora você pode simplesmente criar seu site em alguns minutos, porque, você sabe o que? Eu sempre quis criar um site específico para minha empresa falando e promovendo isso, mas nunca tive tempo. Então, na verdade, eu estava no seu lugar porque sempre achei que seria uma ótima ideia, mas tenho outros projetos, não tenho tempo. Mas isso o tornou tão rápido e eficiente que eu realmente tive tempo e consegui priorizar e criar tudo Esse é o resultado final que você realmente pode esperar, e isso é empolgante, porque agora você pode realmente dar vida às suas ideias por uma taxa mínima absoluta e em minutos ou horas, que é simplesmente inacreditável 3. Preço: Neste vídeo, vamos examinar o preço dos átomos para que você entenda o que pode obter para suas necessidades E eu vou te dar algumas sugestões de como gerenciar seu trabalho para que seu orçamento vá o mais longe possível. Então, como você pode ver, há um nível gratuito. Você recebe 15 créditos diários com até 25 créditos por mês. Portanto, não é como 15 todos os dias, 15, todos os dias, 15, no dia seguinte. São 151 dias e dez no dia seguinte, e então você tem que esperar até o próximo mês, que é um pouco complicado Também é confuso, 15 créditos, o que posso obter por um crédito Cerca de 15 créditos fornecem o suficiente para criar um protótipo de um pequeno projeto, um pequeno site Esse nível é basicamente para você testar este produto, para não precisar pagar antes de estar pronto. Mas se você puder criar seu site aqui gratuitamente, forma que quiser, pelo menos na maior parte , isso será um sinal de que, Ei, eu posso obter a opção profissional, que não é cara, porque se você fosse hospedar um site, ainda custaria alguns dólares por mês. Nós também, são alguns dólares por mês. Além disso, você obtém essa incrível funcionalidade de criar seu site para você porque se você tivesse um site tradicional, talvez também tivesse que pagar por um designer, por um desenvolvedor, por outros serviços que essa IA fará por você, então, na verdade, funciona muito mais barato no geral. E aqui você ganha 100 créditos por mês, o que não é ilimitado, ok? Não é ilimitado. Mas é o suficiente. Para que isso é suficiente? Basta fazer ajustes nas páginas que você cria, por exemplo, talvez você não goste dos esquemas de cores ou de parte da terminologia usada na redação ou a voz da redação talvez não seja boa e queira alterá-la Ou se você quiser continuar adicionando algumas páginas a cada mês, isso é perfeito porque, no primeiro mês, você pode criar seu site com as páginas iniciais, começar sua classificação de trabalho e, claro, pagar pelos excedentes Mas se você não quiser pagar por excedentes, pode criar seu site e começar a promovê-lo Quando seu próximo ciclo mensal começar, você receberá mais 100 créditos, que é suficiente para criar um bom site para SEO. Agora, se você decidir comprar a versão pro, há duas maneiras de obter um desconto. Como você pode ver, se você obtiver a conta anual, $15,80 por mês, não os Mas digamos que entendemos isso e dizemos que começamos e criamos uma conta, isso nos levará de volta à mesma página e nos dará a opção de fazer o upgrade. Diremos upgrade. E o que você pode fazer é na finalização da compra, eles pedem que você confirme que é você primeiro, então eles enviam uma mensagem para o seu telefone Acabei de inserir um código. E quando ficou pronto, entrei em contato com Adams e perguntei: Os alunos do meu curso podem obter um desconto E, felizmente, eles disseram que sim e me fizeram um código de desconto É Alex dez. Veja o que acontece quando eu entro em Alex 10. O preço anual é de $189,60. Depois de aplicar esse código, você deve obter um desconto de 10%. Aí está. Para divulgação completa, para obter esse código, tive que me tornar um afiliado da Atoms, que significa que recebo uma comissão quando as pessoas se inscrevem Se você não quiser que eu receba uma comissão, não insira esse código. Mas se você quiser um desconto, esse é o código a ser usado. Depois de inserir esse código, você pode clicar em Cancelar assinatura e, em seguida, obter acesso imediato à conta Pro ou a qualquer nível de conta que você à conta Pro ou a qualquer nível de conta E com isso, você poderá criar seu site no mesmo dia e publicá-lo, como verá em breve no curso. Se você se tornar um usuário avançado do serviço, a opção MAX seria a opção certa para você, porque se você quiser gastar mais de 100 créditos por mês de forma consistente , ainda sentirá que precisa de mais e mais desenvolvimento. Na verdade, isso é muito bom porque talvez você esteja recebendo muitos clientes, construindo seus sites e fazendo o trabalho deles. Portanto, há muitos casos em que realmente a atualização para esse nível é uma boa ideia Mas caso esteja preocupado com o orçamento, você pode testá-lo gratuitamente, e até mesmo a opção profissional oferece o suficiente para continuar criando seu site, talvez mais de um site, uma quantia substancial por mês. E se você se tornar um usuário avançado, essa é a opção MAX, mas a opção profissional deve ser suficiente para a maioria das pessoas. Então é assim que eu o administraria para mantê-lo econômico, mas também muito prático e capaz de fazer seu negócio crescer. Obviamente, compare que, se você tivesse que pagar por um freelancer, isso não seria dezenas de dólares. Isso seria centenas ou milhares de dólares. Portanto, é muito, muito melhor e mais econômico. 4. Como criar uma taxonomia de palavra-chave de SEO: Antes de sairmos e criarmos várias páginas com a codificação do Vibe , porque é muito fácil porque a codificação do Vibe faz isso por nós, ainda precisamos E seja qual for sua vertical, você tem uma variedade de palavras-chave que, se você estivesse criando páginas à mão, como antigamente, e tivesse um humano escrevendo coisas , teria um número muito pequeno de páginas que poderia criar, fosse você mesmo ou freelancers, você teria uma restrição de tempo ou orçamento Mas agora não temos isso. Então, deixe-me dar um exemplo de uma vertical maluca com tantas palavras-chave e como organizá-la em taxonomia com categorias que você pode então fornecer ao seu agente de codificação AI Vibe, e ela gerará várias páginas planejadas de forma inteligente, cada uma páginas planejadas de forma inteligente, segmentando Então, este é um exemplo de um site em que estou trabalhando atualmente, onde estou segmentando artistas Agora, se você perguntar o que é arte? Bem, sob arte, há dança, há canto e música, há pintura. Tem fotografia. Tem filme. Há muitos. E há tantas que é fácil esquecer quantas. Aqui é Claude. Você pode usar qualquer agente de IA. Eu perguntei assim. Estou fazendo SEO para o token Spark voltado para artistas que gostariam de arrecadar dinheiro com Quais são todas as verticais de artista a pintor e escultor Sou só eu dando um exemplo para que ele saiba do que estou falando. Acho que precisamos organizá-lo em categorias e, em seguida, em cada categoria, todos os gêneros possíveis Esse aviso específico é desleixado. Claude não precisa das palavras. Acho que pode funcionar com frases diretas, como organizá-las em categorias de arte de alto nível, com cada categoria com todas as variações. E isso me deu isso. Aqui temos arte visual, arte cênica, música, arte literária, etc., me deu um monte delas e, abaixo de cada uma delas, me deu todas as palavras-chave Obviamente, essas palavras-chave terão vários graus de demanda de pesquisa Alguns terão algum volume, alguns terão quase zero. Mas mesmo que haja uma pesquisa de cerca de uma por mês, se a pesquisa for quase gratuita, por que não segmentar isso? Então, eu tenho essas oito categorias de nível superior e, depois disso, eu disse, liste todas as páginas de SO que você segmentaria de forma estratégica e sensata com todas essas palavras-chave, porque você não criaria uma palavra-chave para cada subcategoria e subpalavra-chave, você agruparia algumas delas provavelmente em escultura, diferentes tipos de esculturas diferentes tipos de liste todas as páginas de SO que você segmentaria de forma estratégica e sensata com todas essas palavras-chave, porque você não criaria uma palavra-chave para cada subcategoria e subpalavra-chave, você agruparia algumas delas provavelmente em escultura, diferentes tipos de esculturas iniciais que ocuparão menos de uma página, mas gêneros musicais diferentes, alguns se sobrepõem, mas outros não E o que eu pretendia era financiar coletivamente uma alternativa de patrono com a criptomoeda quatro E é aí que entra o tipo de arte em que estou reunindo toda essa palavra-chave. Em seguida, ele me deu todas essas páginas de primeiro nível, financiamento coletivo para artistas visuais, financiamento coletivo para músicos, financiamento coletivo para artistas, etc E me deu todas essas outras páginas. E então isso, veja, me deu nível três, páginas de outros tipos de páginas, cerca de 52 páginas no total. Então você pega todas as variações e categorias de palavras-chave e pega todas as páginas que elas sugerem, como esses tipos de nomes, e elas formariam a página e, na verdade, isso é o que você envia para o assistente de codificação do Vibe , porque é muito fácil para o assistente de codificação do Vibe criar todas essas páginas Agora, obviamente, não é totalmente gratuito. Cada solicitação custa um pouco. Talvez você tenha alguns créditos que comprou e precise continuar comprando novos créditos. Mas essa é uma daquelas coisas em que, idealmente, você faz isso uma vez e ela fica no seu site para sempre e, com sorte, gera tráfego E, obviamente, é bom em páginas. Portanto, mesmo para a IA, pode levar um pouco de tempo, cerca de dez, 15 minutos para criar todas essas páginas e, obviamente, teria algum custo inicial Portanto, não é totalmente gratuito, mas quase gratuito. Mas neste vídeo, o que eu queria destacar é como usar uma taxonomia gigante de palavras-chave, e a sua pode ser ainda maior Mas depois de organizá-los, não importa quão grande seja. Está muito bem definido e a IA saberá exatamente como estruturar as páginas, como arquitetar tudo e criar todo o conteúdo de forma organizada. Então você não precisa ficar se perguntando: Eu tenho como alvo artistas? E quanto aos escultores? Eu tenho como alvo escultores com argila E quanto aos escultores que esculpem? Eu não sei, certo? Você nunca quer entrar em um lugar onde você fica tipo, eu não sei. Eu esqueci Eu fiz isso? É por isso que você precisa dessa organização de alto nível, um tipo de taxonomia para suas palavras-chave, que a IA possa manipular com muita facilidade 5. Engenharia de prompts para programação de vibração.: Sempre que você cria uma conta no Adams, você faz login e verá uma tela como essa perguntando: O que você gostaria de criar hoje A maioria das pessoas ainda estará na conta gratuita quando fizer login pela primeira vez. Mas como você pode ver, no meu caso, eu tenho muitos créditos aqui nessa conta. Para que eu possa criar algo grande. Se você não tem muitos créditos, não crie algo grande, mas aqui podemos fazer isso. E eu quero criar um site inteiro de uma só vez. Agora, é claro, não será o resultado final do site, mas será um bom primeiro rascunho. Eu quero criar um primeiro rascunho muito forte, e aqui vamos ter um foco muito forte em SEO. O que significa que eu fiz muito pré-trabalho antes do tempo. Deixe-me mostrar esse pré-trabalho, que em grande parte tem a ver com a pesquisa de palavras-chave porque trabalhei com Claude, ou você pode usar qualquer outra IA ou sozinho sem E eu criei uma taxonomia para meu discurso público. Eu abordei tópicos como comunicação, liderança e gerenciamento, produtividade e desempenho, IA, coisas assim. E eu demorei um pouco. Mas primeiro, eu criei as palavras-chave que eu quero segmentar. Com base nessas palavras-chave, criei diferentes páginas que quero segmentar e os URLs e subURLs. Obviamente, não fiz tudo isso manualmente e recebi ajuda Levei cerca de uma hora para me organizar porque, , eu sabia muito, mas não se importava em me ler. Eu tive que editar. Houve algumas iterações. Há muito trabalho prévio porque eu quero fazer tudo isso de uma só vez, que você não precisa fazer, mas eu quero tentar Então, aqui está o prompt que eu criei. É um livro longo, rápido, muito detalhado, com muitas páginas, como você pode ver, vou pedir que Adams faça Então, vamos lê-lo juntos. Primeiro, quero contextualizar. Crie um site para Alex Gia Denick, que é palestrante corporativa Alex é especialista nessas categorias de tópicos de alto nível. Gerenciamento de produtividade e tempo, produtividade de IA no local de trabalho, liderança, comunicação, inteligência emocional. Então, pedi a ele que criasse páginas de tópicos de alto nível para elas sob essas páginas de alto nível, adicionasse esses tópicos específicos, e aqui estão os tópicos específicos. Então, haverá uma seção de produtividade, uma seção de IA, uma seção de liderança como essa. Você pode dividir isso em uma pequena solicitação para que a IA desenvolva uma etapa de cada vez. Mas como eu tinha uma certa estrutura em mente para o site, eu só queria dar a ele essa estrutura completa. E sob essa estrutura, esses são todos os URLs, isso é específico para este projeto Mas, obviamente, no seu caso, você terá coisas específicas para o seu projeto, mas, por baixo, dei algumas sugestões adicionais , mas elas são específicas para SEO Tipo, olha isso. Em cada página, deve haver uma seção de perguntas frequentes. Não use o hífen longo porque essa é uma espécie de revelação absoluta para a qual a IA escreveu o conteúdo, opcionalmente aqui, gere uma imagem para gere uma imagem Na verdade, vou remover isso porque leva muito tempo e muitos créditos para gerar imagens. É muito mais caro do que texto, então você pode fazer upload de suas próprias imagens por página ou fazer com que o Cha GPT crie suas imagens gratuitamente e depois faça o upload dessas imagens Então, isso é opcional. E depois de cada artigo, pedi que ele criasse uma biografia. As biografias são muito importantes para a credibilidade, tanto para as pessoas quanto para os algoritmos que examinarão seus sites Em seguida, pedi que interligasse as páginas quando apropriado. Isso é bom para o CEO. E faça com que cada página tenha uma chamada à ação para me enviar um e-mail para que as pessoas que desejam me contratar possam perguntar sobre me ter como palestrante, e então eu poderia muito bem dizer algo assim aqui Isso não é necessariamente uma questão de SEO, mas para cada página de tópico, crie um programa de palestras de 1 hora, um workshop de 1 hora que possa ser feito e um workshop de três horas. E então, no meu caso, o que eu faria seria entrar em cada página e editá-las uma de cada vez ao longo do tempo. Mas, por enquanto, eu só quero que eles sejam feitos para que haja espaços reservados E o que eu posso fazer é aguentar tudo isso. Este é um aviso completo. Antes de colá-lo completamente, talvez você queira editá-lo e pensar em coisas que está esquecendo, como, por exemplo, como deveria ser o design O design deve ser profissional. Eu adicionei algumas instruções ao aviso de que o design deve ser profissional e acessível em termos de ser amigável e aberto e deve posicionar Alex como uma autoridade na área. Obviamente, você pode mudar isso com o tempo. Nada disso é imutável, mas você quer acertar muitas coisas desde a primeira vez. Então, quando estiver pronto, você pode pegar tudo isso e colar diretamente no prompt do Atoms Você também pode adicionar algumas imagens. Vou apenas tirar uma captura de tela de uma imagem que usei recentemente e colá-la aqui Se parecer estranho, posso removê-lo de algumas páginas, mas vamos pelo menos dar algumas imagens Obviamente, talvez você tenha mais imagens para que elas mudem. Não é a mesma imagem em todas as páginas, mas em qualquer caso, como você pode ver, basta arrastar e soltar imagens. É muito fácil. Se não estiver claro onde o texto foi colado, você verá que diz colar texto com hífen ponto TXT. Isso, quando você cola um grande bloco de texto, ele não é colado apenas como um texto de formato livre, mas é colado assim Ainda está lá. O mesmo com a imagem. Ainda está lá, mas são apenas pequenos acessórios. Então eu tenho um pequeno aviso, use esta imagem na página inicial e em outras páginas. Algo que eu escrevi à mão. Este é o grande bloco de texto que eu colei, e eu só queria explicar isso, se não ficar imediatamente claro a aparência na página Mas tudo em que trabalhamos está lá, a imagem e o prompt. E vamos pressionar Go e fazer com que Adams crie o site para nós Agora, isso vai ser apenas um protótipo. Não será um site real, mas se gostarmos, poderíamos lançá-lo, mas por enquanto está contido apenas em nosso ambiente de teste e ambiente desenvolvimento aqui. Então, vamos pressionar Go. Isso vai demorar um pouco porque há muito conteúdo e páginas para criar. Então, como você pode ver, ele já está funcionando, já está processando coisas. No lado esquerdo, está meio dizendo o que está acontecendo. É uma boa ideia ler junto com tudo o que Ted está fazendo. Mas vou avançar rapidamente até o momento em que estiver pronto para que possamos examinar a saída. Então, vamos realmente ver a saída no próximo vídeo. 6. ResultadosDeConstruçãoTheWebsite NOU: Então, demorou mais de 30 minutos, talvez até um pouco mais do que isso, porque havia muitas páginas, porque, como você pode ver, diz aqui, o site foi totalmente construído e compilado com sucesso, todas as páginas da página inicial e cinco páginas de categorias e mais 40 páginas de tópicos e componentes compartilhados e roteamento e camada de dados estão completos com estilo gradiente quente talvez até um pouco mais do que isso, porque havia muitas páginas, porque, como você pode ver, diz aqui, o site foi totalmente construído e compilado com sucesso, todas as páginas da página inicial e cinco páginas de categorias e mais 40 páginas de tópicos e componentes compartilhados e roteamento e camada de dados estão completos com estilo gradiente quente, uma versão final verificação e a verificação da interface do usuário será realizada. Então, construiu muito disso. Agora é hora de pré-visualizar o que ele fez. E como você pode ver, eu perguntei, como faço para pré-visualizar o site, e ele me deu a prévia do site, veja aqui todos os itens de navegação com todas as páginas que ele criou. Vamos dar uma olhada em um. Aqui está o gerenciamento, a página do palestrante corporativo, e tem uma trilha de navegação, gerenciamento de tempo como título Talvez eu quisesse criar um título como palestrante corporativo para gerenciamento de tempo. Então isso é uma edição. Eu poderia sugerir dois átomos Isso é fácil, basta um texto. Então, as principais conclusões, os formatos do programa, criaram o Depois, o FAQ é um pouco limitado no conteúdo, então essas são algumas das edições que eu poderia solicitar, como otimizar um pouco mais os títulos, escrever um pouco mais no conteúdo de cada postagem do blog ou de cada página, interligar com as outras páginas, Pedi que ele se interligasse no prompt, mas isso não aconteceu. Isso me deu uma boa biografia e coisas assim. Então, algumas coisas funcionaram bem, e interligá-las funcionou assim, mas eu pretendia fazer isso em texto, mas simplesmente não há texto aqui, como parágrafos de texto Então isso talvez seja algo a acrescentar. Mas se você voltar para a área da página inicial, muito bom. É um site profissional. Você poderia liberá-lo. Obviamente, você não o libera. Você quer revisá-lo, editá-lo, mas pode lançá-lo para que ele comece a ser incorporado no algoritmo do Google comece a envelhecer, porque mesmo que seja lançado no primeiro dia, ele não começará a ser classificado no primeiro dia Leva tempo para atravessar, configurar tudo. Mas é original. exemplo, é organizado para mim com minhas instruções, com meus tópicos que eu abordo com meu nome, etc E parece um site que um freelancer profissional pode criar para você, mas um freelancer profissional cobrará cerca de algumas centenas de dólares por isso, pelo menos, e muito mais quando se trata de edições Mas aqui, as edições são apenas por meio de texto. Por exemplo, o e-mail aqui não é um e-mail real, Alex, um exemplo. Não configuramos um e-mail. Isso é algo que você pode fazer sozinho ou pode simplesmente fornecer seu e-mail pessoal , mas precisa alterá-lo . Então você tem que examinar os detalhes e lê-los, especialmente como no livro, Alex. Bem, como você não o instruiu? E abre um cliente de e-mail que talvez não seja isso que você deseja. Portanto, há alguns detalhes a serem alterados, mas 90% deles podem ser publicados Você vê no primeiro dia. Obviamente, é altamente recomendável que você faça isso com um pente fino E faça edições. As edições são muito simples. Por exemplo, se eu quiser dizer algo como na página inicial, altere esse endereço de e-mail para o meu endereço. Faço algo assim em todo o site, use este e-mail para entrar em contato comigo em vez de Alex, por exemplo E você pode dizer que vou pensar sobre isso. Diz o que ele faz. Diz que preciso atualizar o endereço de e-mail em todo o site e substituir todas as instâncias de Alex exemplo.com por Alex dotcagmil.com Obviamente, se você está fazendo isso profissionalmente, você vai querer criar um endereço de e-mail profissional Isso é só um exemplo. Então, ele descobre onde estão as instâncias . Ele vê duas instâncias, uma no rodapé e outra em outro lugar. Então, um rodapé, um no Vagation, um no índice, arquivo, uma coisa que você pode querer fazer do jeito que essa coisa está pensando Quero explicar algumas ideias para você . Que, em vez de criar muitas páginas de tópicos com muito conteúdo, você vê há alguns problemas que eu quero mudar, e provavelmente esse será o caso de todas as páginas que ele criou. Então, em vez de criar todas essas páginas de uma vez, o que exige muitos créditos, talvez você queira criar uma, aperfeiçoar uma e criar outras nesse estilo com os mesmos requisitos , e criar outras nesse estilo com para que você não precise refazer 40 páginas como eu vou ter que refazer. Mas aqui estamos. Nós terminamos. Encontrei nove casos em que esse endereço de e-mail antigo foi usado e o substituí. Perfeito. Agora, isso pode ser visualizado aqui dentro Se você quiser visualizá-lo em um navegador, não em seu próprio site porque não compramos um domínio, mas apenas em um URL da web para ver se ele é bem renderizado em um URL da web, você pode publicá-lo Assim, você pode publicar o projeto. Veja, ele te dá esse URL de teste. Então, vamos fazer isso. Vamos copiar isso e depois publicar. Aqui demorou alguns segundos para publicar, nos deu essa URL. Podemos copiar isso e colar no navegador de URL. Este é o site. Parece muito profissional. Você pode dizer que a imagem não saiu perfeitamente alinhada, mas isso é muito, muito corrigível Todos esses problemas são muito solucionáveis, mas resumindo que ele criou uma arquitetura incrível do site para nós, que podemos então dizer: Ei, eu não gosto de como isso está escrito Isso não é tão perfeitamente otimizado quanto eu gostaria, mas está tudo em inglês. E tudo o que você vê em minutos, sem freelancers, muito, muito mais rápido e muito, muito mais barato do que se um humano tivesse criado esse tipo de site Se um humano tivesse que escrever todo esse conteúdo e agora o design, seriam necessárias centenas de horas de trabalho humano. Então, infinitamente mais eficiente, e o trabalho continua se tornando mais eficiente porque você nunca precisa esperar um humano o ajude com as atualizações Você está no comando e no controle de todas as atualizações. 7. Evitar armadilhas de rastejamento: Agora, antes de você sair e criar seu site, quero mostrar algo realmente importante para o seu SEO, que é uma armadilha que temos e que não está à vista de todos Então, a menos que eu tenha indicado para você, será difícil perceber. Então, deixe-me ver a fonte página em qualquer página de conteúdo criada no site. E quando eu fizer isso, você notará muito pouco conteúdo. Na verdade, no corpo, não há corpo. É aí que geralmente está todo o conteúdo. exemplo, geralmente há um cabeçalho, mas você não vê o que está no cabeçalho. Essas são apenas algumas configurações. Bem, como o Google deve rastrear seu conteúdo se ele não estiver acessível Essa dinâmica aqui é algo que você realmente precisa entender e depois explicar. Então eu perguntei a Adams, quando eu faço uma fonte de visualização de página em alguma página, ela me mostra tanto conteúdo, e eu colei o Veja, eu colei tudo isso, mas não o conteúdo real da página, como não o que está na página Principais conclusões: identifique todas as coisas que o Google rastrearia e usaria para classificar a página de forma adequada, o que é rastrearia e usaria para classificar a página de forma adequada, o que é extremamente importante para o SEO. E aqui está a resposta. É uma limitação fundamental da CSR renderizada no site do cliente para aplicativos de reação Então, quando esses tipos de assistentes de codificação criam um site, seja átomos ou outro, padrão é criar um É um determinado conjunto de tecnologias que ele usa. O que precisamos é de algo que mostre HTML bruto. Agora, dessa forma, o Google ainda rastreará nosso site, mas não tão rápido E, portanto, a classificação não acontecerá tão rápido. E mesmo que a classificação seja sempre lenta, mesmo quando rápida , será extremamente lenta. Por isso, queremos ter certeza de que teremos o rastreamento e a classificação ideais Isso explica isso aqui. Diz que rastreador moderno do Google executa JavaScript e veremos seu conteúdo e metatags, e o Google confirmou isso, então suas páginas serão indexadas, no entanto, há um atraso, que é o que eu estava Portanto, para corrigir isso corretamente, você precisa de renderização de servidores de engenharia diferentes ou geração lateral estática Então eu fiz minha coisa favorita, que é fazer com que os mecanismos de IA verifiquem uns aos outros. Então eu fiz algumas perguntas a Adams. Tecnicamente, isso me deu algumas respostas. Eu apenas copiei e colei essas respostas, e então perguntei a Claude, Este é Claude Eu perguntei só para me dizer : Ei, são todas essas coisas que me interessam? Eles ainda vão ficar bem? Por exemplo, o anel pré-renderizado se adapta bem? Essa é uma solução de pré-renderização algo que Adams sugeriu Ou fica caro hospedar depois de muito tráfego e ser rastreado imediatamente em coisas E depois colei todas as sugestões que ele fez sobre essa tecnologia e os prós e contras dela, e depois perguntei E então, em segundos, ele me deu respostas para todas as minhas perguntas. É caro? Não? É rápido, não é? O Google rastreia Ultimately , sim? E então, essencialmente, isso lhe dá aquele voto de confiança, tipo uma segunda opinião, e então você diz: Ok, vamos fazer isso. E então eu digo a Adams, diga: Ok, vamos implementar o perenderne Vá, e então faremos isso. Resumindo, essa foi uma decisão de engenharia muito importante que, se você se preocupa com SEO, que fazemos neste caso, você realmente deve estar ciente, porque sem ela, poderíamos ter caído em uma armadilha, mas agora não precisamos 8. Criando meta tags exclusivas em todo o site: Agora, há outra coisa importante a ser verificada antes de publicar seu site se todas as suas meta tags estão corretas. Por exemplo, aqui está a fonte de visualização de uma página aleatória, e ela tem um título como Alex Kdnic corporate Speaker e, em seguida, tem itens genéricos Mantenha esse pensamento. Por que é genérico? As meta tags devem ser específicas e exclusivas para cada página. E a mesma coisa está aqui para a meta descrição, que diz: Reserve Alex Kdnic em seu evento corporativo principal Ele é especialista em peratividade, IA, liderança, etc., mas é Então você vai até Atoms e pergunta. Bem, eu meio que já sei a resposta, mas vamos perguntar só por causa do curso. Eu perguntei: Todas as meta tags de descrição do título são únicas? Caso contrário, otimize cada uma das duas classificações para as palavras-chave que são segmentadas por SEO para cada página e, em seguida, comece a trabalhar e, obviamente, atualizará todas as páginas. Uma mudança bastante básica porque é apenas um pouco de texto. Então, funcionará um pouco, e eu avançarei rapidamente até o momento em que estiver pronto para que possamos dar uma olhada nos resultados. Quando estiver pronto, ele fornece um resumo. Todos os meta títulos e inscrições agora são exclusivos e otimizados para SEO para cada página Perfeito. Agora, pequena edição. Depois de testar isso no site ao vivo, as metatags não eram originais e eu tive um ciclo de algumas durações em que solicitei alterações, depois ela me disse que havia feito alterações, mas não funcionou. Foi confuso Então, eu não filmei tudo isso porque seria muito entediante para você assistir tudo, mas deixe-me te dar uma lição A solução ideal que encontrei para rastreamento mais rápido é simplificar a arquitetura do site e apenas criá-lo com HTML e CSS para que não haja renderização do lado do servidor e não precise se confundir, pois há algumas tecnologias que estavam meio que conflitando na configuração do que os átomos Portanto, se você tem um site informativo básico como a maioria dos sites, basta falar sobre seus serviços e nosso conteúdo. Para CO, basta um site HTML básico com CSS e imagens, que será ideal tanto para classificação quanto para rolagem mais rápida e , na verdade, mais fácil tecnologicamente Agora, se você tem um site complicado, precisará mexer um pouco e descobrir as tecnologias certas Eu recomendaria fazer isso em uma combinação de inteligência artificial e outras IAs e talvez especialistas em humanos , para que você obtenha o melhor de todos os conselhos mundiais. Mas como a maioria dos sites são sites simples, mesmo que sejam grandes, eles ainda podem ter uma arquitetura simples, apenas texto, imagens e informações, então a solução ideal é apenas HTML, um site em HTML direto. Agora, talvez você não consiga obter alguns sinais e assobios visuais Existem algumas desvantagens, mas achei mais fácil ter essa solução pelo menos no começo, e então você pode testar a longo prazo para ver como as coisas funcionam e ter um ambiente ao vivo e um ambiente de teste Portanto, é importante lançar algo ao vivo rapidamente. E depois que seu site estiver ativo, você poderá ter um ambiente de teste em que você mexe com tecnologias e tudo mais e essa complexidade Mas, para isso, basta o HTML simples, maioria dos sites informativos no estilo blog ou no estilo comercial, a menos que seja comércio eletrônico, isso será suficiente Depois de fazer isso, foi fácil para Adams também criar meus meta títulos e tags de descrição exclusivos para cada página, etc Então isso resolveu esse problema. 9. Domain name: Depois de ter a arquitetura básica do seu site pronta, é melhor lançá-la mais cedo do que mais tarde, porque você precisa se basear no algoritmo do Google. classificação leva muito tempo, então você precisa começar na ACAP porque, à medida que seu site está envelhecendo na Pesquisa do Google e tem uma então você precisa começar na ACAP porque, à medida seu site está envelhecendo na classificação mais alta, mais lenta e mais lenta, você pode continuar melhorando, mas começar mais cedo é muito importante porque se você começar tarde mais lenta e mais lenta, você pode continuar melhorando, mas começar mais cedo é muito importante porque se você começar tarde e tiver que esperar um mês, um segundo mês, um terceiro mês, às vezes você não sabe A classificação leva muito tempo, então você precisa começar na ACAP porque, à medida que seu site está envelhecendo na Pesquisa do Google e tem uma classificação mais alta, mais lenta e mais lenta, você pode continuar melhorando, mas começar mais cedo é muito importante porque se você começar tarde e tiver que esperar um mês, um segundo mês, um terceiro mês, às vezes você não sabe o que Google seu site seja classificado é um processo muito ruim e uma experiência muito ruim. Portanto, é importante lançar um site mais cedo ou mais tarde, mesmo que não seja perfeito, porque se não for perfeito, simplesmente não o mostre para ninguém ainda, mas deixe-o envelhecer no Google. E, claro, também é melhor ter seu site disponível para que você possa obter um feedback inicial. Portanto, há outros benefícios em lançar mais cedo. E é por isso que, com este vídeo, vamos começar a ver como realmente obter seu nome de domínio. E configure-o para que seu site seja renderizado nesse nome de domínio Então, primeiro, na pesquisa de nome de domínio aqui, estou na Claude AI, e tudo o que perguntei é: qual seria um bom nome de domínio para o meu site? Ele perguntou qual tipo de site eu achava que conhecia porque já conversei com ele sobre isso antes. Mas de qualquer forma, meu site de palestrantes corporativos, e então ele me deu um monte de ideias. Primeiro, me deu ideias para, tipo, marcas pessoais, como Alex Ken Dini, sou eu ou Alex fala Isso é legal. Mas eu meio que queria algo mais autoritário Então você simplesmente vai e volta, como eu pedi, você não gosta de algo como corporatespeaker.com Isso não estava disponível, mas seria um nome de domínio com uma marca muito boa E então fomos e voltamos. A razão pela qual estou mostrando isso é para que você tenha idas e vindas com qualquer Claude do AitaGPT, mas com um pouco de IA, para que você pense em nomes de domínio ideais e não se No meu caso, eu não queria que fosse uma marca muito pessoal Achei que seria mais forte manter o profissionalismo, especialmente para pessoas que não me conhecem, que talvez simplesmente me descubram no Google porque esse é um tipo de Google Play, certo? É uma jogada de SEO. Então, de todas as sugestões que ele me deu e de todas as combinações, optei por uma palavra-chave como essa aqui, Enterprise speaker.com Enterprise sugere que é uma grande empresa, e alto-falante é e alto-falante São duas palavras. Ela sai da língua. Não é o melhor domínio do mundo, mas é razoavelmente bom E então eu fui para godaddy.com. Você pode acessar qualquer registrador de domínio, mas o GoDaddy é meio popular Algumas pessoas odeiam isso, então não me mate por isso, mas basicamente digite aqui, Enterprise Speaker, e você verá, Oh, disponível. Alguns não estão disponíveis como alto-falantes corporativos. Isso teria sido mais ideal. Portanto, não está disponível. Ok, tudo bem. Então, quando você encontra um nome de domínio de que gosta e não precisa se apressar, e se não tiver certeza de qual seria o melhor para você, ofereço serviços de treinamento porque seu nome de domínio é importante porque fará parte da sua marca por muito tempo Mas o palestrante corporativo, então você fala em algo como Go Daddy Next Eles oferecem um acordo um tanto razoável. Existem outros lugares onde você pode comprar um nome de domínio que oferecem um nome de domínio gratuito no primeiro ano, mas isso só se você for hospedar com eles. No nosso caso, vamos hospedar com Adams. Então, não podemos conseguir esse tipo de acordo. Então, este não é o melhor negócio do mundo, mas é razoável que em três anos acabe custando cerca de $45 ou algo assim Você vê um item, $45. Esse é um nome de domínio para três anos e isso lhe dá tempo de sobra para decidir se isso será um bom negócio para você ou não. Isso é antes de você ter que renovar. E então, se você gostar, pode adicioná-lo ao seu cartão, finalizar a compra, como farei aqui Perfeito. Portanto, a próxima etapa é conectar seus átomos a esse nome de domínio E depois de conectar seus átomos a esse nome de domínio, vez de ver seu site em um URL de teste, você poderá vê-lo sob o nome de domínio escolhido, que significa que seu site estará ativo e sua empresa estará ativa, e você estará operando uma empresa ativa Então, vamos conectar seu site a esse domínio e publicá-lo no próximo vídeo. 10. Como publicar o seu site: Neste vídeo, vamos fazer o trabalho necessário para realmente lançar seu site ao vivo. Então, nesse caso, você vai redirecionar seu site, acesse o painel da sua Go Daddy conta do Go Daddy abaixo do E aqui você terá todos os seus domínios e negócios. Você clicará no que acabou de comprar, depois em Domínio e clicará em Registros DNS Então, no Atoms Dev, você precisa obter duas coisas um registro A, endereço IP ou um destino CName Aqui está o que temos. Eu perguntei, comprei um nome de domínio para hospedar este projeto. Como faço para configurar o encaminhamento do DMS? Na verdade, não é encaminhamento, é hospedagem de DNS. Diz, publique seu site em átomos. Ok, nós fizemos isso. Em seguida, adicione seu domínio personalizado em átomos nas configurações publicadas do seu projeto, adicione corporatespeaker.com Então é isso que fazemos. Então, vamos atualizar e, na URL do seu site, adicionaremos seu domínio. Já temos um domínio. Então, onde diz conectar o domínio, faça isso e, em seguida, adicione seu domínio aqui, conecte o domínio. Então, diremos que continue. Vai fazer seu trabalho. Em seguida, o provedor de domínio, usamos o Go Daddy. Em seguida, ele nos dá as instruções. Diz: Remova todos os registros A e AA presentes na conta antes de adicionar os seguintes registros. Temos os seguintes registros. Temos o tipo de registro A e TXT. Então, aqui, em nosso Go Daddy, vamos remover nossos registros A. Portanto, é um pouco assustador, mas é um site de criação de sites. Nós vemos o que é. Não precisamos disso porque teremos nosso próprio site. Então, vamos clicar em Excluir. Confirme. E fomos muito corajosos Então você olha tudo isso e vê, há mais coisas assim? Não é mais assim. Você adiciona o registro que ele nos deu. Ele nos deu um nome de host, valor obrigatório, copiamos isso. Nós adicionamos os nossos. Dizemos, adicione um novo registro, escolha a opção. É A. O valor é o valor que copiamos e o nome estará em Você vê que diz em ou WW. No nosso caso, vai ser em Depois de configurar o registro A, você precisa configurar o registro TXT Essa é a próxima linha aqui no que Adams lhe dá. Portanto, é o mesmo processo. Já temos um registro TXT que estava lá. Mas em vez de excluí-lo, vamos adicionar um novo. Então, diremos Adicionar novo registro, escolheremos a opção TXT e copiaremos o nome e o valor do que Adams nos fornece Então, o nome será o que ele nos der, copiaremos isso, colaremos lá e você pegará o outro valor. Copie isso, cole aí. Pressione Salvar e diz sucesso. Você atualizou seus registros DNS com sucesso. A maioria das atualizações entra em vigor em uma hora, mas às vezes 48 horas. Depois de copiar tudo, você pode simplesmente dizer que adicionei meus registros ao meu provedor de domínio Diz: Está tudo pronto, obrigado. Clique em concluído. Em seguida, diz corporatespeaker.com e diz Verificando se está nesse processo Vai demorar um pouco. Geralmente, leva menos tempo do que o indicado. Então você pode voltar em 30 minutos, 1 hora, 2 horas, e provavelmente deve estar tudo pronto, e pode dizer ao vivo mas isso vai ser em um certo período de tempo, como 30 minutos por hora, 2 horas e, em alguns casos, 24 a 48 horas, como dito anteriormente. Mas, essencialmente, seu trabalho está concluído. Parabéns. Você comprou um domínio e definiu seus registros de DNS Portanto, agora seu nome de domínio estará ativo em breve e você estará pronto para os negócios. 11. Mostrando o site em tempo real.: Então, demorou cerca de 45 minutos, talvez 30 minutos, e como você pode ver, sob esse URL, o site está ativo. Você pode ter um período em que pode dizer que não é seguro depois que o site estiver ativo. São necessários alguns minutos extras para o SSL e os certificados de segurança sejam configurados Mas tudo isso é automático. Então, só temos que esperar. E como você pode ver em Atoms, quando eu clico em Atualizar, ele dirá que tenho todos esses domínios em visão geral, mostre mais dois Veja, eu tenho esses domínios, e sob o domínio do administrador, você vê que ambos estão ativos Você vê esse e esse. Você não quer fazer nada porque está feito. E um erro que cometi em um vídeo anterior, acabei digitando alto-falante corporativo Não sei se você notou esse pequeno erro. Eu cometi um erro de digitação. Então, no começo, ele não se conectou. Tive que corrigir esse erro de digitação, alto-falante corporativo, que era meu nome de domínio real E está ao vivo. Então, depois disso, o que você quer fazer é enviar seu site para o Google Search Console. O Google Search Console é a principal ferramenta que o Google fornece para determinar a saúde do seu site. Então, vamos fazer isso, começando com o próximo vídeo. 12. Configurando o Console de Pesquisa do Google e o mapa do site: Neste vídeo, vamos adicionar nosso site ao Google Search Console, que nos mostrará a saúde de nossas classificações de SEO À medida que nosso site envelhece no Google e tem uma classificação cada vez mais alta, nunca saberemos onde estamos nos ranqueando em diferentes países, para palavras-chave diferentes, URLs diferentes, a menos que usemos essa ferramenta Portanto, é muito importante se inscrever, basta pesquisar pelo Google Search Console. Obviamente, o primeiro resultado será esse. Clique no Google Search Console. Clique em Começar agora. É sua primeira vez, talvez você precise passar por algum processo de inscrição. Este é um projeto que acabei de começar, então você pode ver que tem um pouco de tráfego. Não estamos preocupados com isso. É apenas a tela padrão que eu tenho aqui. Você quer ir e adicionar propriedade quando chegar aqui, porque é possivelmente seu primeiro site, então você não verá essas propriedades que eu tenho aqui, mas adicione propriedades, e você fará isso por meio do domínio. Você vai dar a ele seu domínio. Então, vou colar meu domínio aqui, enterprispeaker.com, enterprispeaker.com, começando com o WW e Agora, esse é um passo importante. Você precisa verificar se você realmente é o proprietário deste site. É o que diz: pressione Iniciar verificação abaixo para verificar seu site, autorizando o Google a acessar seu registro DNS Ok, então você clica nesse botão, inicia a verificação e segue a direção que diz Clique em Conectar para ativar a verificação do domínio, digamos conectar. Obviamente, vai verificar tudo, verificar. Como diz aqui, isso pode levar um minuto. Vou avançar até quando isso for concluído. Perfeito. Diz que a propriedade foi verificada. Vá para a propriedade. Então, vamos até a propriedade. Obviamente, o Google não sabe nada sobre este site porque ele acabou de ser lançado há alguns minutos. Portanto, devemos enviar o mapa do site ao Google para que ele possa rastrear este site mais rapidamente Existem outras maneiras de fazer com que o Google inunde o site, mas essa é a padrão Então você vai até seus átomos e diz: Qual é a URL do meu mapa do site? E, para ser honesto, provavelmente é um mapa do site de domínios, mas queremos ter 100% de certeza Então, como você pode ver, eu disse: Qual é o URL do mapa do site Você já fez o mapa do site, se não o fez? E, claro, isso pensará um pouco, até o momento em que concluirá o pensamento. Na verdade, enquanto está fazendo isso, uma ideia muito boa é dar uma olhada. Então, chegaremos a este site com barras SID Map dot XML. Vamos ver se está lá. carregando lentamente, então não parece bom. O que ele realmente deveria retornar é apenas um monte de texto, como um arquivo XML. Então, vamos analisar o que está fazendo aqui e diz: Ainda não existe um mapa do site. Deixe-me verificar a estrutura do diretório e entender. Ok, perfeito. Está pensando um pouco mais, então vou passar rapidamente por todas as vezes que está pensando até ele nos dê alguma atualização. Em seguida, diz que tenho todos os dados de que preciso. Deixe-me criar um mapa do site, XML perfeito. Isso é exatamente o que precisamos para que esse domínio seja perfeito. E pode levar um minuto, dois ou três para criar todo o arquivo XML. Então, vou avançar novamente até o momento em que isso for concluído. Então, aqui estão os resultados. Diz que criou um mapa do site. Incluiu 53 páginas, perfeito, e só precisamos atualizá-lo e publicá-lo para que fique ativo no site. Agora está ativo, e podemos verificar isso acessando esse URL e vendo esse mapa do site exato Perfeito. Então, vamos apenas inserir esse URL em. Você vê os mapas do site no lado esquerdo aqui no Google Search Console, insere o URL do mapa do site, envia, e essa é uma das maneiras mais rápidas de fazer com que o Google comece a rolar todas as suas páginas e, depois de cruzá-las, ele as indexa e começa a classificá-las Tudo isso leva tempo, mas essa é a primeira etapa que você precisa fazer para que todo o processo comece, o que foi iniciado Agora, quando isso vai ser concluído? Depende do Google. É sempre mais lento do que queremos, mas pelo menos começamos, então parabéns 13. Começando com uma lista de verificação de SEO.: Agora, vou te dar uma pequena lista de verificação de SEO de fatores importantes de classificação, não para que realmente os façamos, e depois disso, nosso site subiu na classificação, mas para que possamos usar a IA e eu possa mostrar como criá-la com IA Portanto, temos uma pequena lista de verificação porque você provavelmente ouviu que existem centenas de fatores de classificação Esses são alguns dos mais importantes, mas não se preocupe com a importância deles. Primeiro, vamos ver como realmente fazê-los com IA. Aqui está nossa lista de verificação e o primeiro item pode parecer confuso e o segundo esquema organizacional para uma pessoa esquema O que é isso? É parte do SEO técnico. Sempre que você vê um esquema, é parte do SEO técnico Você nunca o escreveria à mão, pelo menos a maioria das pessoas não teria meu crédito no WordPress por padrão Você nem sabe que está fazendo isso. Mas pode não estar fazendo isso. A única maneira de saber é verificar na fonte de visualização da página se você tem um esquema organizacional ou pessoal no cabeçalho Veja bem, esse é o cabeçalho HTML. Não é algo que as pessoas veem quando acessam seu site, mas é algo em seu código que é para o Google. Mas os consumidores não veem. Às vezes, ajuda você a fazer com que seu site apareça com rich snippets nas páginas de resultados de pesquisa rich snippets são basicamente pequenas estrelas, pequenos ícones, pequenas imagens, apenas para tornar sua lista de resultados de pesquisa do Google um pouco mais atraente do que os outros sites que aparecem Além disso, esses específicos ajudam o Google a saber mais sobre você, porque é muito importante que ele saiba qual é a coisa mais confiável sobre sua pessoa, se você tiver uma marca pessoal relacionada ao seu site ou à sua Se você não tem uma marca pessoal, normalmente é bom ter as duas, a menos que você realmente não queira que sua marca pessoal seja conhecida. Isso lhe dá credibilidade. Como não queríamos escrevê-lo à mão, fui até a Cloud, uma IA terceirizada, diferente, e fiz uma pergunta inocente. Quais são os melhores itens para adicionar ao esquema pessoal e organizacional nos cabeçalhos dos sites Isso te diz o que eles são. Você é uma pessoa para quem você pode trabalhar, ser ex-aluno conhecer, ter uma ocupação ou algumas outras, e você tem algo semelhante para descrição de sua organização: Area Service conhece o número de funcionários Isso é chamado de dados estruturados para que o Google saiba mais sobre você. É mais fácil para o Google entender. Eu só quero adicionar um pouco mais. Há mais itens. Então eu perguntei: E se uma pessoa criasse ou construísse coisas como onde eu coloquei meu site ou meu anúncio na Amazon para ter credibilidade, certo? Então, por exemplo, se eu lancei um site, vejo os proprietários ou o autor, certo? Então, essas são coisas de marca pessoal. Faz uma oferta não é boa, tem credenciais. Portanto, você pode pedir uma lista extensa. Tipo, me dê uma lista extensa para ambos. Então, você vê que, no esquema de uma pessoa, você pode ter coisas pessoais, coisas profissionais, coisas que você criou Você não precisa usar todos eles nem mesmo se inscreverá, tipo, faz uma oferta. O que é isso? Ou autor. Se você não é um autor, não adicione isso, mas você quer pesquisar isso. E então você vai para Adams e aqui está a parte legal. Então, aqui estou eu no meu projeto, e vou perguntar assim. Crie um esquema organizacional presencial para mim como fundador deste site Eu poderia tentar ser mais claro e dizer que isso vai no cabeçalho, embora eu ache que você já sabe disso. E então você diz, aqui estão as informações sobre mim. Você também pode pedir a Claude que crie uma inicial para Tipo, eu já fiz isso para um site diferente. Então, eu vou perguntar isso. Me dê uma inicial Então você vê que parece que essa pessoa, Alex, sou eu, URL. Esse é o meu site principal que eu possuo. E então eu poderia copiar isso. Isso é para pessoa. Tipo. Isso é para organização. Então você pode copiar isso e dizer, para Adams, use isso como ponto de partida Depois disso e isso, você cola o outro para esquema da organização. Basta colar isso. E então você analisa as outras opções que lhe foram dadas e navega Faz sentido adicionar alguma delas ao Google para que o Google saiba mais sobre a credibilidade, as credenciais e a autoridade sobre você e sua empresa, porque quanto mais autoritário ele pensa que você e sua empresa são, a probabilidade de confiar em você e classificá-lo mais alto. Portanto, não é um sinal direto de classificação, mas pode muito bem ser porque, se ele não souber essas coisas sobre você, fará com que você demore muito para se classificar até que ele realmente descubra tudo isso. É por isso que dados estruturados são a maneira mais fácil de informar ao Google exatamente o que ela queria saber sobre você. A única coisa a acrescentar no final é, obviamente, torná-lo relevante para a autoridade em falar em público, fazer apresentações comerciais e palestras corporativas Ok, bom o suficiente. Basta ler todos esses elementos que ele adicionou, certifique-se de que está certo sobre você, especialmente a descrição. Obviamente, ele fará algumas edições sozinho, mas você precisa dar um bom ponto de partida e pressionar go E sempre que criar isso, levará um pouco de tempo. Mas quando estiver pronto, tudo o que você faz é apenas atualizar aqui e essas alterações entrarão em vigor. E se você quiser que essas alterações sejam publicadas ainda mais cedo, acesse o Csol de Pesquisa do Google e envie uma página para que ele possa rastrear Você basicamente solicita o índice. Exemplo, eu vou te mostrar como fazer isso muito rapidamente. Aqui estou em algum outro site, e aqui está uma página desse. Digamos que seja a página inicial desse site. Tudo o que eu quero fazer é colar esse URL. Ele vai te dizer se esse URL já está no Google. Claro, é porque é um site estabelecido. E se houver alguma alteração nessa página, obviamente, já que você está alterando o cabeçalho do seu site, assim que o site estiver ativo, todas as páginas do seu site terão um novo cabeçalho, o que significa que haverá algo novo para rastrear Tudo o que você clica é solicitar indexação, e essa é a maneira mais rápida de fazer com que o Google reindexe suas páginas para que ele escolha esse esquema Espero que, com isso, conquiste você com a maior autoridade possível e, portanto, confie em você e o classifique 14. Avançado: esquema de SEO: Neste vídeo, vou te mostrar algo super incrível. Bem, é super incrível se você é como um Senhor como eu. Não é super incrível, como sair de férias. Mas para Ion Rd, isso vai ser ótimo. Então, lembre-se da nossa lista de verificação de SEO. Lembre-se de que, no vídeo anterior, acabamos de criar esse esquema de pessoa e esquema de organização Portanto, pode parecer que temos todos esses itens. E sim, nós temos, e temos outros itens. Mas como eles estão relacionados, você sabe, ao conteúdo deles em nosso site, podemos fazê-los quase tudo de uma só vez. Veja como vamos fazer isso. Primeiro, vamos começar com as páginas de perguntas frequentes. Provavelmente você já ouviu falar que as perguntas frequentes, como páginas de perguntas e respostas e o esquema de perguntas frequentes são realmente ótimas para o EO e isso é correto Mas deixe-me explicar como fazer com que eles realmente ajudem mais seu SEO. Eles não deveriam regurgitar o que seu conteúdo já diz acima disso exemplo, digamos que você tenha uma página de empréstimo em seu site, ela fala sobre o que quer que fale. As perguntas frequentes abaixo não devem ser sobre as mesmas coisas, As perguntas frequentes abaixo não devem ser porque o Google já rastreou É redundante e repetitivo para seus leitores e para o Google Em vez disso, você deve ter sua área de perguntas e respostas para perguntas que possam surgir e que ainda não tenham sido abordadas no conteúdo principal da página, mas que estejam relacionadas. Para que você obtenha uma boa cobertura de tópicos de cauda longa que tenha largura. Por exemplo, se você falar sobre uma ferramenta para construir algo dentro de sua casa, na área de perguntas frequentes, você pode perguntar: ela é segura para crianças? É seguro para animais de estimação? É só para profissionais ou amadores podem fazer isso? Veja, todos esses são tópicos que oferecem uma cobertura longa, e o Google também verá que você tem uma ampla profundidade de cobertura. Isso significa que você é mais um especialista. E o que isso também lhe dará é a capacidade de interligar páginas relevantes em seu site nas áreas em que você discute tópicos relevantes para outras páginas Portanto, há mais oportunidades de interligação que são oportunidades naturais de interligação Você não está forçando nada por causa do SEO. Por causa disso, você pega isso, copia e cria seu prompt de dois átomos. Veja como fazer isso. Logo antes disso, só para economizar tempo, perguntei quantas páginas temos no total e, dentre elas, quantas são páginas de conteúdo ou páginas de destino. Então, temos a página inicial. Não vamos trabalhar com isso. Nesse caso específico, é uma página única. Temos nossas páginas de categorias. Poderíamos trabalhar com eles, mas eles são uma espécie de minoria, mas temos 47 páginas de destino, ou você pode pensar nelas como páginas de conteúdo. Ok, para as páginas de empréstimo e conteúdo, vamos escrever a solicitação juntos Para as páginas de conteúdo de categorias e subtópicos, que são essencialmente quase todas as nossas páginas, exceto a página inicial e talvez a página sobre ou a página de política de privacidade, mas todas as páginas comerciais relevantes Então, para todos eles, faça isso, e eu vou colar as coisas importantes dessa lista de verificação e vou editá-la Crie áreas de perguntas frequentes com o esquema de perguntas frequentes na parte inferior dessas páginas E discuta coisas que o conteúdo principal dessas páginas não abordava. Certifique-se de que cada página use a área de perguntas frequentes para ter uma boa cobertura de tópicos longos para SEO. Você vê como estou transformando essa lista de verificação em um prompt com muito pouca reformulação gramatical e me certificando de interligar as páginas relevantes nosso site nas perguntas frequentes Talvez você queira copiar isso e deixar pra lá. Agora, vai funcionar por um tempo porque dá muito trabalho. Mas isso é SEO real. É SEO técnico. É SEO para escrever um blog. Editar sozinho mais de 50 páginas interligá-las e lembrar a quais delas interligar, o que é uma quantidade enorme de trabalho Pessoas diferentes trabalham em velocidades diferentes, mas para algumas pessoas, isso pode levar dias ou algumas semanas de trabalho em tempo integral. Se você fizesse isso sozinho, seria muito caro para você, pois desviaria sua atenção de seu outro trabalho. Se você contratasse um freelancer, seriam milhares de dólares ou pelo menos centenas, dependendo de quão barato você paga ao Mas se for um freelancer realmente barato, talvez ele não seja tão experiente e, portanto, possa cometer alguns erros. Aqui, você esperaria erros mínimos. Obviamente, alguns erros podem ocorrer, mas, geralmente, os erros seriam mínimos E se houver erros, basta corrigi-los escrevendo um segundo aviso sobre exatamente o que corrigir. Então isso ainda está funcionando. Não vou esperar até que esteja pronto, porque o importante aqui foi essa solicitação. Você pode simplesmente copiar o prompt na tela aqui e certificar-se de fazer algo assim, pois isso terá um impacto muito positivo e importante em seu SEO, incluindo seu SEO técnico, como o esquema, que você nunca escreveria à mão, mesmo que pudesse, porque cometeria vários erros de digitação, então você precisa de uma ferramenta automatizada para criá-lo para 15. Otimização da velocidade do site para SEO: Então, uma coisa em nossa lista de verificação é a velocidade do site, e você provavelmente sabe que velocidade do site é muito importante para o CEO, mesmo que não tivéssemos uma lista de verificação Então, vamos realmente verificar velocidade do nosso site e ver como melhorá-la com o Atoms Então, aqui estamos em uma página aleatória do nosso site, ok? É a IA usada para brainstorming e criação de ideias. Isso está no site da minha empresa falando. É um dos tópicos sobre os quais eu gostaria descoberto para que marcas e empresas possam me contratar para fazer uma apresentação sobre isso. Até agora, tudo bem. Mas sabemos que precisamos que isso carregue rapidamente para que o Google ame esta página para CO. Então, vamos fazer isso por meio de um teste de velocidade de página. Existem algumas ferramentas para isso, mas uma popular, na verdade, pode ser acessada pelo Chrome. Então, vamos para esses três pequenos pontos no canto superior direito e vamos para a opção que diz mais ferramentas Abaixo disso, diremos ferramentas para desenvolvedores e em Ferramentas para desenvolvedores. Temos todas essas opções, como desempenho, e isso imediatamente já nos fala um pouco sobre nossa página. Até agora, essas informações são boas, mas queremos fazer nosso próprio relatório. Então, abaixo das duas pequenas setas aqui, vamos clicar em Farol Essa é a ferramenta que vai medir nossa velocidade, deixar os padrões como estão E clique em Analisar o carregamento da página. Isso funcionará um pouco e fornecerá um relatório sobre a rapidez com que sua página carrega. Se a página for muito rápida, ótimo, pronto. Se a página não for rápida, temos um pouco de trabalho a fazer, mas este relatório nos dará pistas sobre exatamente que tipo de trabalho Então, vou avançar rapidamente até o momento em que esse relatório é gerado e a ferramenta lighthouse conclui seu trabalho. Aqui está o relatório, desempenho 67. Esse é o principal problema com o qual estamos preocupados. Quer dizer, gostamos que o SEO seja 100, mas pela velocidade, estamos interessados no desempenho. Agora, quando rolarmos para baixo, ele nos dirá o que havia de errado com o desempenho. E o problema estava aqui na primeira pintura completa do conteúdo. É como quando ele carrega pela primeira vez e o maior conteúdo é pintado, é quando a coisa toda é carregada. São coisas técnicas. Você pode procurá-los. Mas o que nos importa é o que causou esses problemas. Assim que soubermos o que os causou, saberemos como corrigi-los e você saberá exatamente o que os causou. Então você vê aqui, esses são os problemas em pequenos quadrados vermelhos aqui E você pode dizer, se os corrigir quanta economia terá em termos de velocidade de carregamento da página. Realmente quero terminar em algum lugar nos anos 90 ou 95, mas não há problema em começar em algum lugar um pouco mais baixo Então a imagem, essa imagem que usamos para a página, dizia que é um pouco lenta. Agora, o que podemos fazer é colocar isso em diferentes ferramentas de IA. Quase assim, eu quase veria o quanto eu conseguiria caber na tela, como o problema da imagem e tudo o que nos diz sobre o segundo problema, solicitações de bloqueio de renderização. E então eu ia para algo como Claude, e então eu tirava a captura de tela, colocava diretamente em Claude e perguntava sobre o que exatamente melhorar Eu meio que sei, mas quero conversar com Claude antes de fazer pedidos para Adams Perguntei a Claude: Aqui está meu relatório de velocidade de carregamento da página da ferramenta Google Light House com alguns problemas a serem melhorados O que devo pedir a Adams que conserte exatamente e quais estratégias de correção devem ser usadas A última parte é a decisão de engenharia. Tipo, há um problema. Você pode ter dez maneiras diferentes de corrigi-lo. Todos eles têm prós e contras, mas devemos descobrir qual é tecnicamente a melhor maneira De pé aqui ou sentado aqui, é difícil saber tecnicamente qual é a melhor abordagem porque existem tecnologias subjacentes que são usadas É por isso que precisamos da ajuda de Claude para o brainstorming. E, claro, fala sobre a imagem enorme do herói. Provavelmente envolverá uma correção que mantemos a alta resolução da imagem, mas reduzimos o tamanho da imagem , para que seja mais fácil e rápido de carregar. É uma mudança básica clássica na velocidade do site. Também pode sugerir que usemos cache e outras coisas Então, aqui estão as correções. Então, podemos dizer que os átomos realmente nos dizem exatamente o que dizer aos átomos Diga isso a Atoms. Então, basta ir até Atoms e colar essa solução Então eu escrevi para a imagem do Herói em páginas diferentes, fiz isso, converti para todas as coisas que basicamente diziam, eu meio que colei tudo O tamanho do arquivo de destino é muito pequeno em comparação com o que é agora. Isso é o que queremos fazer. Se isso resolve bem as coisas, se isso não resolve as coisas, então temos que procurar soluções secundárias. As soluções secundárias podem ter a ver com um carregamento de imagens mais inteligente Então, vamos apenas lançar isso. Vai funcionar um pouco, e eu vou avançar até o momento em que terminará de funcionar e mostrarei o resultado da velocidade do site. E o que você precisa fazer é examinar cada um dos elementos dos quais ele reclamará um dos elementos dos quais ele reclamará aqui, que estão desacelerando sua página, discutindo ideias com o Atoms ou com ferramentas de terceiros, ou talvez você saiba como corrigir esses problemas que surgirão e implementar essas correções para que sua velocidade lateral aumente que sua velocidade lateral Novamente, sozinho, isso seria muito, muito tedioso, mas como você não precisa fazer nada tecnicamente aqui, basta escrever texto Isso pode levar apenas alguns minutos ou, na pior das hipóteses, talvez horas, mas certamente não dias ou semanas como esse tipo de coisa costumava levar. Então, demorou alguns minutos para fazer tudo isso. Como você pode ver, resume que a imagem aqui foi convertida e otimizada para o formato web P, qualquer que seja, um formato web avançado E o que precisamos fazer é apenas atualizar nosso aplicativo, para que o site ao vivo receba essas atualizações. Espero que as imagens antigas não estejam armazenadas em cache e possamos realmente realizar um bom novo teste Então, o que faremos é pegar essa página e carregá-la novamente. Portanto, é uma página totalmente diferente em termos de carregamento. Você verá que a imagem ainda está lá. É um pouco menor, vamos verificar e comparar. Vamos ver. Não quero remover isso porque vamos comparar com a alta velocidade aqui. Mas o que vamos fazer é executar o mesmo teste, mais ferramentas, ferramentas de desenvolvedor, desenvolvedor, analisar o carregamento da página com a nova versão da página que criamos. E a grande esperança é que o desempenho seja superior a 67. Se for pior, então algo engraçado aconteceu, então criamos um bug para o qual deveríamos ter criado uma correção. O mundo, porque você ainda terá que descobrir, ok, qual foi o bug e analisará o que aconteceu, analisará todos os textos e explicações, colocará em um clado, para que você possa entendê-lo, mesmo que não seja técnico Mas espero que nosso desempenho esteja acima de 67. 67 é engraçado porque se você tem filhos, sabe cerca de 67, mas isso não vem ao caso. Agora, ok, temos um desempenho pior. Por quê? Não precisa se perguntar. Podemos olhar aqui. O bloco de renderização nas solicitações não é um problema. Mas observe que o pior agressor não é essa imagem, porque originalmente o pior ativo ofensivo era essa Isso realmente foi corrigido. Então, mesmo que tenha acontecido outra coisa que tenha causado o pior carregamento, na verdade acabamos tendo menos coisas diferentes que causaram lentidão. Então, na verdade, é um vento Embora não seja uma aparência particularmente intuitiva, resolvemos esse problema porque quando analisamos a falha do LCP, agora é outra imagem ou fonte que está nos atrasando Mas aquela imagem da qual ele estava reclamando antes, essa imagem com minha foto de rosto, não é mais o problema, então foi corrigida Então, todos os problemas de velocidade lateral, você basicamente passa por eles assim, um por um. Às vezes, como você pode ver, você pode dar um passo à frente, dois passos para trás, tudo bem. Contanto que você faça isso sistematicamente, você terá um desempenho muito alto na velocidade do seu site , o que será ótimo para o seu SEO 16. Porting an existing website: Neste vídeo, quero abordar o caso de você já ter um site, e talvez ele tenha sido feito à mão em WordPress ou Wix escrevendo HTML, e você não quer mais fazer isso e quer entrar no próximo século, quer acompanhar os tempos e fazer as próximas mudanças em seu site com IA Então, a questão é: como você porta seu site? Existem algumas maneiras e, por exemplo, eu realmente tenho um projeto em andamento em que tenho um site antigo meu, e eu o criei há muito tempo, muitos, muitos anos atrás. Então, obviamente, as tecnologias que usei não eram ótimas, nem tão legais, nem tão eficientes quanto se eu fizesse isso com IA Então, o que eu faria é baixar todo o site do meu servidor. Se você não certeza de como fazer isso devido a diferentes planos de hospedagem e tecnologias diferentes, entre em contato com o suporte para saber como obter um arquivo zip para download em seu site E depois de fazer isso, você o carrega no Atoms como um novo projeto Então, você diria novo projeto, pode clicar no sinal de adição e fazer o upload desse arquivo, como o arquivo zip ou as pastas. Agora, alguns sites podem ser pequenos o suficiente para que você possa fazer isso de uma só vez. Em alguns casos, com diferentes níveis de associação, você pode ter restrições de tamanho de upload . Nesse caso talvez seja necessário fazer alguns arquivos por vez. Essa é uma maneira muito eficiente porque dessa forma, os átomos simplesmente recriarão o site que você está carregando, mas hospedado em átomos, construído em átomos com IA, e qualquer próxima alteração que você queira fazer site será apenas dizer em inglês o que Fazer, e fará isso por você. Então, isso se você puder baixar seu site. Agora, há outro caso em que digamos que você tenha outro design de site de que goste, não o seu site, mas outro design de site. Talvez você vá para um site totalmente aleatório, algo como soccer.com Eu não possuo isso. Acabei de acessar este site porque é um assunto meio divertido, futebol. Você pode simplesmente fazer uma captura de tela. todo o site ou de qualquer página ou elemento do site, e você pode arrastá-lo diretamente para dentro. Veja, já tem isso aí anexado. E você pode dizer: Faça-me um novo site de hóquei, mas com o estilo deste site que é para futebol, e você pode arrastar apenas uma página inicial ou algumas páginas e pressionar Enter, e é assim que você faz Então, é assim que você pode usar sites externos, o que é um caso de uso muito, muito grande. O site externo, como mostrei, pode ser de sua propriedade ou de um site que o impressiona com o design Você pode pensar que esse site de terceiros que não é seu tem um design interessante. Talvez você queira que seu site tenha essa aparência. Você faz capturas de tela desses dois átomos e diz Faça-me um site como esse, mas, você sabe, talvez você não goste de algumas das fontes, torne as fontes um pouco maiores, diferentes tipos de fonte, torne-as mais amigáveis, talvez mais divertidas, com cores diferentes Você pode contar tudo isso, mas pelo menos ele conhecerá arquitetura fundamental a partir de um exemplo E dessa forma, você não precisa se em explicar o que quer porque às vezes explica imagens com palavras confusas Então, o que eu queria mostrar neste vídeo são métodos de como portar, recriar ou se inspirar em designs existentes e criar algo realmente excelente em apenas alguns minutos. E se você estiver portando seu próprio site, basta que os átomos recriem seu site e, em seguida, a única coisa que você precisa fazer é apontar esse domínio para onde você hospeda atualmente dois E em um vídeo diferente deste curso, mostro como realmente fazer isso, como redirecionar o domínio Portanto, é uma etapa bem fácil. Não é uma etapa divertida, mas é relativamente fácil.