Programação e automação são tópicos cada vez mais populares na indústria de SEO, e com razão.
Aproveitando novas maneiras de extrair, transformar e analisar dados em escala com o mínimo de intervenção humana pode ser extremamente útil.
Embora a velocidade seja importante, um dos principais benefícios de usar a automação é que ela tira o peso de nossas costas de tarefas repetitivas e nos deixa mais tempo para usar nossos cérebros.
Continue lendo para aprender alguns dos benefícios de usar JavaScript para automatizar as tarefas de SEO, os principais caminhos que você pode seguir para começar a usá-lo e algumas ideias para estimular seu curiosidade.
Por que aprender automação com JavaScript?
Muitos projetos de automação fantásticos na comunidade vêm de profissionais de SEO que codificam em Python, incluindo Hamlet Batista , Ruth Everett , Charly Wargnier, Justin Briggs, Britney Muller, Koray Tuğberk GÜBÜR e muitos mais.
No entanto, Python é apenas uma das muitas ferramentas que você pode usar para automação. Existem várias linguagens de programação que podem ser úteis para SEO, como R, SQL e JavaScript.
Publicidade
Continue lendo abaixo
Fora dos recursos de automação, você aprenderá no próxima seção , há benefícios claros em aprender JavaScript para SEO. Aqui estão apenas alguns:
1. Para avançar seu conhecimento para auditar JavaScript em sites
Quer você lide ou não com aplicativos da web criados com estruturas populares (por exemplo, Angular, Vue), é provável que seu site esteja usando uma biblioteca JavaScript como React, jQuery ou Bootstrap.
(E talvez até mesmo algum código JavaScript personalizado para uma finalidade específica.)
Aprender a automatizar tarefas com JavaScript o ajudará a construir uma base mais sólida para dissecar como JavaScript ou sua implementação podem estar afetando o desempenho orgânico do seu site.
2. Para compreender e usar novas tecnologias empolgantes baseadas em JavaScript
A indústria de desenvolvimento da web avança em um ritmo incrivelmente rápido. Portanto, novas tecnologias de transformação surgem constantemente, e o JavaScript está no centro disso.
Ao aprender JavaScript, você poderá entender melhor tecnologias como service workers , o que pode afetar diretamente o SEO e ser aproveitado em seu benefício.
Publicidade
Continue lendo abaixo
Além disso, mecanismos de JavaScript como o V8 do Google estão melhorando a cada ano. O futuro do JavaScript parece apenas mais brilhante.
3. Para usar ferramentas como o Gerenciador de tags do Google que dependem do JavaScript para funcionar
Se você trabalha em SEO, pode estar familiarizado com sistemas de gerenciamento de tags como Gerenciador de tags do Google ou Tealium. Esses serviços usam JavaScript para inserir código (ou tags) em sites.
Ao aprender JavaScript, você estará mais bem equipado para entender o que essas tags estão fazendo e, potencialmente, criar, gerenciar e depurar em seu site.
4. Para criar ou aprimorar seus próprios sites com JavaScript
Uma das melhores coisas sobre aprender a codificar em JavaScript é que isso o ajudará a construir sites como projetos paralelos ou campos de teste para experimentos de SEO.
Não há maneira melhor de entender algo do que sujar as mãos , especialmente se o que você deseja testar depende de JavaScript.
Caminhos para aproveitar o JavaScript para automação de SEO
JavaScript foi inicialmente desenvolvido como uma linguagem somente para navegador mas agora evoluiu para estar em todos os lugares, até mesmo em hardware como microcontroladores e vestíveis.
Para fins de automação de SEO, existem dois ambientes principais onde você pode automatizar tarefas de SEO com JavaScript:
- Um navegador (front-end).
- Diretamente em um computador/laptop (back-end).
Automação de SEO com seu navegador
Uma das principais vantagens que separam O JavaScript de outras linguagens de script é que os navegadores podem executar JavaScript. Isso significa que a única coisa que você precisa para começar com a automação JavaScript é um navegador.
Automação usando o console do navegador
A maneira mais fácil de começar é usando JavaScript diretamente no console do seu navegador.
Existem algumas automações fáceis e divertidas que você pode fazer. Por exemplo, você pode tornar qualquer site editável digitando “ document.body.contentEditable=true ” em seu console.
Isso pode ser útil para simular um novo conteúdo ou títulos na página para mostrar aos seus clientes ou outra equipe importantes em sua empresa sem a necessidade de software de edição de imagem.
Publicidade
Continue lendo abaixo
Mas vamos intensificar um pouco mais.
Os favoritos menos conhecidos
Como o console de um navegador pode executar JavaScript, você pode criar funções personalizadas que realizam ações específicas, como extrair informações de uma página.
No entanto, criar funções no local pode ser um pouco tedioso e demorado. Portanto, Bookmarklets são uma maneira mais simples de salvar suas próprias funções personalizadas sem a necessidade de plug-ins do navegador.
Bookmarklets são pequenos trechos de código salvos como favoritos do navegador que executam funções diretamente na guia do navegador em que você está.
Por exemplo, Dominic Woodman criou um bookmarklet aqui que permite aos usuários extrair dados de estatísticas de rastreamento da antiga interface de usuário do Google Search Console e baixá-los para um CSV.
Publicidade
Continue lendo abaixo
Pode parecer um pouco assustador, mas você pode aprender a criar seus próprios Bookmarklets seguindo as etapas em este ótimo recurso no GitHub .
Snippets, uma versão amigável de Bookmarklets
Se você usa o Chrome, há uma solução ainda mais simples usando Snippets . Com isso, você pode criar e salvar o mesmo tipo de funções de uma maneira muito mais amigável.
Por exemplo, criei um pequeno snippet que verifica quantos links”rastreáveis”estão disponíveis. página e baixe a lista em um arquivo CSV. Você pode baixar o código do GitHub aqui .
Embora geralmente sejam pequenas tarefas, são“ legais ter ”você provavelmente gostaria de fazer tarefas mais pesadas que podem ajudar com sua carga de trabalho de SEO de uma forma mais significativa.
Propaganda
Continue lendo abaixo
Portanto, é muito melhor usar JavaScript diretamente no seu laptop (ou um servidor na nuvem) usando Node.js.
SEO Automation no back-end com Node.js
Node.js é um software que permite executar código JavaScript em seu laptop sem a necessidade de um navegador.
Existem algumas diferenças entre executar JavaScript em seu navegador e JavaScript em seu laptop (ou um servidor na nuvem), mas vamos pular isso por enquanto é apenas uma breve introdução ao tópico.
Para executar scripts com Node.js, você deve ter é instalado no seu laptop. Escrevi uma curta postagem no blog onde passo a passo sobre como você pode instalar o Node , bem como algumas dicas de configuração adicionais para facilitar para você começar.
Publicidade
Continue lendo abaixo
Embora sua imaginação é o limite quando se trata de automação, reduzi-o a algumas áreas às quais vejo os profissionais de SEO voltarem ao usar o Node.js.
Vou incluir scripts que estão prontos para serem executados, você pode começar imediatamente.
Extraindo dados de APIs
A coleta de informações de diferentes fontes para fornecer ideias e recomendar ações é uma das mais comuns empregos em SEO.
O Node.js torna isso incrivelmente simples com opções diferentes, mas meu módulo preferido é Axios .
//Crie um arquivo index.js dentro de uma pasta e cole o código abaixo de //Módulo de importação de axios
const axios=require ('axios'); //Função personalizada para extrair dados da API PageSpeed
const getApiData=async (url)=> { const endpoint='https://www.googleapis.com/pagespeedonline/v5/runPagespeed'; const key='YOUR-GOOGLE-API-KEY'//Editar com sua própria chave; const apiResponse=await axios (`$ {endpoint}? url=$ {url} & key=$ {key}`);//Criar chamada HTTP console.log (apiResponse.data);//Log data return apiResponse.data;
}; //Chame sua função personalizada
getApiData ('https://www.searchenginejournal.com/');
Para começar a interagir com APIs, você precisa de um módulo que seja capaz de lidar com solicitações HTTP (cliente HTTP) e um endpoint (uma URL para extrair informações).
Em em alguns casos, você também pode precisar de uma chave de API, mas nem sempre é necessária.
Para ter uma ideia de como o Node.js interage com as APIs, verifique este script Eu publiquei que usa a API PageSpeed do Google para extrair dados do Core Web Vitals e outras métricas de laboratório em massa.
Publicidade
Continue lendo abaixo
Scraping sites
Se você gostaria de monitorar seu próprio site, fique de olho em seus concorrentes ou simplesmente extraia informações de plataformas que não oferecem uma API, scraping é uma ferramenta incrivelmente útil para SEO.
Visto que o JavaScript interage bem com o DOM, há muitas vantagens em usar N ode.js para scraping.
O módulo mais comum que usei para scraping é o Cheerio, que tem uma sintaxe muito semelhante ao jQuery, em combinação com um cliente HTTP como o Axios.
//Módulos de importação
const cheerio=require ('cheerio');
const axios=require ('axios'); //Função personalizada para extrair título
const getTitle=async (url)=> { resposta const=esperar axios (url);//Faça a solicitação ao URL desejado const $=cheerio.load (response.data);//Carregar com cheerio.js const title=$ ('title'). text ();//Extrair título console.log (título);//Título do log título de retorno;
}; //Chame a função personalizada
getTitle ('https://www.searchenginejournal.com/');
Se você precisa da versão renderizada de um site, módulos populares como Puppeteer ou Playwright pode iniciar uma instância sem cabeça de um real navegador como Chrome ou Firefox e realizar ações ou extrair informações do DOM.
Chris Johnson’s O Layout Shift Generator é um ótimo exemplo de como usar o Puppeteer para SEO. Você pode encontrar mais informações aqui ou baixe o script aqui .
Existem também outras opções, como JSDOM que emula o que um navegador faz sem a necessidade de um navegador. Você pode brincar com um script baseado em JSDOM usando este Node.js SEO Scraper construído por Nacho Mascort .
Publicidade
Continue lendo abaixo
Processando arquivos CSV e JSON
Na maioria das vezes, os dados extraídos das APIs vêm como objetos JSON, e o JavaScript é perfeito para lidar com eles.
No entanto, como SEOs, normalmente lidamos com dados em planilhas.
O Node.js pode lidar facilmente com os dois formatos usando módulos integrados como Módulo do sistema de arquivos ou versões mais simplificadas como csvtojson ou json2csv .
Se você deseja ler dados de um CSV e transformá-lo em JSON para processamento ou se você já manipulou os dados e você precisa enviar para CSV, Node.js está por trás.
//Módulos de importação
const csv=require ('csvtojson');
const {parse}=require ('json2csv');
const {writeFileSync}=require ('fs'); //Função personalizada para ler URLs e convertê-los em JSON
const readCsvExportJson=async ()=> { const json=await csv (). fromFile ('yourfile.csv'); console.log (json);//Log de conversão JSON const convertido=parse (json); console.log (convertido);//Log de conversão para CSV writeFileSync ('new-csv.csv', convertido);
}; readCsvExportJson ();
Criar funções em nuvem para executar tarefas sem servidor
Este é um caso mais avançado, mas é incrivelmente útil para SEO técnico.
Provedores de computação em nuvem como Amazon AWS, Google Cloud Platform ou Azure tornam incrivelmente simples (e barato) configurar”instâncias de servidores”que executam scripts personalizados criados para fins específicos sem a necessidade de você para configurar esse servidor.
Um exemplo útil seria agendar uma função que extraia dados da API do Google Search Console automaticamente no final de cada dia e os armazena em um banco de dados do BigQuery.
Existem algumas partes móveis neste caso, mas as possibilidades são realmente infinitas.
Anunciantes t
Continue lendo abaixo
Apenas para mostrar um exemplo de como criar uma função de nuvem, veja isto episódio de Agency Automators em que Dave Sottimano cria sua própria API do Google Trends usando o Google Cloud Functions.
A Potential Third Avenue, Apps Script
Para mim, fez mais sentido começar com uma abordagem menos opinativa.
Mas o Apps Script pode oferecer uma maneira menos intimidante de aprender a codificar, porque você pode usá-lo em aplicativos como o Google Folhas que são a base do SEO técnico.
Existem projetos realmente úteis que podem lhe dar uma ideia do que você pode fazer com o Apps Script.
Anunciantes t
Continue lendo abaixo
Por exemplo, Hannah Butler de explorador do Search Console ou Noah Lerner < Google My Business Postmatic de/a> para SEO local.
Se você estiver interessado em aprender Apps Script para SEO, recomendo Introdução ao Google Apps de Dave Sottimano Scripts . Ele também fez esta apresentação incrível no Tech SEO Boost, que explica muitos maneiras de usar o Apps Script para SEO.
Considerações finais
JavaScript é um dos linguagens de programação mais populares do mundo e veio para ficar.
O código-fonte aberto A comunidade está incrivelmente ativa e trazendo constantemente novos desenvolvimentos em diferentes setores-de desenvolvimento web a aprendizado de máquina-tornando-a uma linguagem perfeita para aprender como um profissional de SEO.
O que você leu neste artigo é apenas a ponta do iceberg.
Automatizar tarefas é um passo para deixar para trás tarefas rotineiras monótonas e repetitivas, tornar-se mais eficiente e encontrar maneiras novas e melhores de agregar valor aos nossos clientes.
Esperançosamente, este artigo reduz em um pequeno capacidade a reputação ligeiramente ruim que o JavaScript tem na comunidade SEO e instila um pouco de curiosidade para começar a codificar.
Publicidade
Continue lendo abaixo
Mais recursos:
<✓ Crédito da imagem
Imagem em destaque criada pelo autor, maio de 2021
