Como garantir a sustentabilidade do tráfego orgânico durante uma migração tecnológica importante de um site

Se você já experimentou uma grande atualização tecnológica do seu site como SEO, ou está passando por este processo, escrevi este estudo de caso, que se concentrará no processo de garantir a saúde de seu site durante uma mudança tão maciça, os desafios que você enfrentará e as soluções que encontrei para uma migração suave.  Migração de um site

Cenário

No meu caso, a empresa decidiu que um de seus grandes marcos para o ano foi a atualização da estrutura JS do site de Angular 1.6 para Angular 6 (AKA Angular Universal), garantindo ao mesmo tempo que não houvesse regressão no tráfego orgânico para o site. E estamos falando de um site enorme com milhões de usuários ativos.

Os cronogramas originais para este projeto super desafiador foram os seguintes:

P1 - P3: Atualização da estrutura do JS

P4: Implementação de SEO

Então, o que você faz com essas informações agora? Podemos esperar com o trabalho de SEO enquanto o site trabalha no Angular 6, ou precisamos levantar uma GRANDE bandeira vermelha antes de começar o desenvolvimento? A solução de Renderização Dinâmica atual será suportada após a atualização?

Eu não tinha respostas naquele momento, por isso decidi dar um passo de cada vez, e dividir esta complexa tarefa em tarefas menores e seguir uma de cada vez. Aqui está o que eu fiz:

Etapa 1: pesquisa

As estruturas JavaScript são atualizadas regularmente, o que é uma das principais razões pelas quais elas se tornam uma preocupação SEO. O Google anunciou abertamente que eles rastejam e renderizam websites usando o Google Chrome 41, que foi lançado originalmente em 2015.

Isto significa que qualquer estrutura JavaScript que não seja compatível com o Chrome 41, provavelmente não será compatível com as capacidades de renderização do Google. Bem, isso era na época, hoje temos o sempre verde Googlebot.

Dito isto, uma estrutura JavaScript mais nova não significa necessariamente que o Google não será capaz de renderizá-la. Novas versões de estruturas JavaScript ainda utilizam as mesmas ferramentas e recursos das versões anteriores do Angular, mas com a adição de novos recursos, disponíveis apenas nessa estrutura específica ou mais recente.

Isto significa que se mudássemos para o Angular 6, o site poderia muito bem ser totalmente renderizado pelo Google, dependendo bastante de como foi codificado, e quais características de estrutura JavaScript foram usadas.

Passo 2: auditoria do local

Mudando para angular 6

Antes de mudar para o Angular 6, eu tinha que entender alguns elementos-chave que poderiam ter um impacto negativo no desempenho orgânico.

Todo o conteúdo visível que é carregado na página não deve utilizar as últimas ferramentas que foram lançadas recentemente no Angular 6. Por exemplo, se utilizarmos ferramentas exclusivas do Angular 6 e mais recentes para carregar a navegação principal, o corpo principal etc. - há uma grande chance de que o Google não seja capaz de carregar a navegação principal ou o corpo principal. Naquela época, o Google apenas rastreava e renderizava utilizando um navegador muito mais antigo (Chrome 41).

Ao mudar para o Angular 6, recomendo altamente o uso apenas de ferramentas específicas do Angular 6 para melhorar a forma como o website interage com os usuários. O Google não pode simular as interações dos usuários. Ou seja, o Google não pode clicar em uma aba habilitada para JavaScript e ver o conteúdo carregado dinamicamente em uma interação com o usuário. Portanto, todas as funções interativas no site não podem ser usadas ou vistas pelos mecanismos de busca. Portanto, todo o conteúdo carregado no site deve ainda estar totalmente visível, mesmo quando você estiver usando um navegador mais antigo, como o Chrome 41.

Tempo de carga de conteúdo DOM

A rapidez com que o DOM é carregado pode ter um impacto crítico no desempenho orgânico.

Ao contrário dos seres humanos, os computadores lutam para entender quando uma página está totalmente carregada. Geralmente, a maioria das ferramentas depende da atividade da rede. Por exemplo, se você executar um teste de velocidade de página usando ferramentas como webpagetest.org, a ferramenta não tem ideia de quando a página está de fato totalmente carregada. Portanto, ela monitora a atividade da rede e determina que a página está totalmente carregada após 2 segundos de nenhuma atividade da rede ter sido detectada.

Com isto em mente, precisamos garantir que o DOM esteja continuamente carregando sem pausas na análise do DOM. Seja o tempo de resposta lento do servidor a partir de certos scripts API ou a espera de um evento para disparar sobre uma interação do usuário.

Quaisquer atrasos no carregamento do DOM ou dependências de uma interação do usuário serão completamente perdidos pelo rastreador do Google, resultando em um impacto negativo no desempenho orgânico.

Um excelente exemplo disso pode ser visto na página principal do site, onde o módulo principal do corpo leva um pouco de tempo demais para ser carregado. Seja por um curto período de tempo sem atividade na rede, fazendo com que o Google pense que a página está terminada e terminando a renderização (o mais provável), ou o tempo de carga DOM excedendo o tempo limite do Google.

Portanto, devemos assegurar que quaisquer scripts de bloqueio de renderização sejam removidos ou movidos para o final da página. O DOM está sendo analisado continuamente sem pausas e os tempos de carregamento são extremamente rápidos.

Etapa 3: análise de dados, previsão e riscos potenciais

O não cumprimento das recomendações acima pode levar a quedas significativas na classificação, resultando em perda de tráfego e receita para o negócio devido a qualquer uma dessas questões:

  • Carregamento de conteúdo chave usando recursos disponíveis apenas no Angular 6+
  • Links de carregamento usando recursos disponíveis apenas no Angular 6+
  • Pausas na análise do DOM
  • DOM tempo de carga total demorando 3+ segundos

A fim de compreender o impacto de ignorar as recomendações acima, incluí 3 previsões para ajudar a simular o que poderia acontecer. As previsões foram calculadas pela Avg. Volume de Busca, Posição e Tráfego Estimado (pela Avg. CTR por modelo de Posição) por posição de palavras-chave 1-10.

Baixo impacto

Esta previsão pressupõe que certas características novas que são exclusivas do Angular 6 e versões mais recentes são usadas para carregar uma pequena porção do site.

Isto inclui elementos interativos menores na página e pode incluir alguns links internos para páginas de eventos mais profundas, mas não inclui texto do corpo principal, links de navegação, etc. 

Impacto médio

Esta previsão pressupõe que certas características novas que são exclusivas do Angular 6 e versões mais recentes são usadas para carregar várias partes do site, isto pode incluir o corpo principal, a navegação ou outros elementos chave no site.

Isto inclui elementos interativos menores na página, inclui todos os links internos para páginas de eventos mais profundas e, em algumas circunstâncias, o conteúdo do corpo principal.

Alto impacto

Esta previsão pressupõe que muitas características novas que são exclusivas do Angular 6 e versões mais recentes são usadas para carregar uma parte significativa do site, o que inclui o corpo principal, a navegação e outros elementos-chave no site.

Passo 4: recomendações

A equipe de desenvolvimento pode utilizar as últimas características do Angular 6 para construir todos os elementos do front-end do site, seja para melhorias de velocidade ou novas capacidades sob uma condição. Se utilizarmos a renderização do lado do servidor.

Com a renderização do lado do servidor, estaremos passando o DOM analisado diretamente para usuários e mecanismos de busca. Isto significa que não importa se o crawler do Google não suporta o Angular 6, pois ele não precisará executá-lo ou tentar renderizá-lo.

O uso de renderização do lado do servidor para todos os módulos do site permite que o desenvolvedor utilize qualquer estrutura que desejar sem nenhuma preocupação com as repercussões SEO. Além disso, é desnecessário dizer que qualquer recurso JavaScript que carrega o lado cliente que permite ao usuário interagir com o website não é uma preocupação de SEO. Para concluir, eu recomendo altamente o uso de renderização do lado do servidor.

Checklist de SEO para desenvolvedores

Escrevi todos os componentes SEO necessários e de alto nível para garantir que os desenvolvedores tenham uma lista de verificação a seguir ao desenvolver um website no Angular 6, com respeito a SEO, certas características dentro do Angular 6 não podem ser interpretadas por mecanismos de busca como o Google. Portanto, a codificação incorreta do website pode afetar negativamente o desempenho orgânico, impactando o tráfego e a receita. Eu forneci à equipe de desenvolvimento uma checklist para garantir que o Google possa renderizar totalmente um website construído em Angular 6.

  • Usando o Chrome 41, todos os elementos da página são totalmente visíveis sem nenhuma interação do usuário?
  • As características específicas do Angular 6 só devem ser usadas para melhorar a experiência do usuário de um website. Por exemplo, após um usuário ter interagido com o website. Devido ao Google utilizar o Chrome 41, não devemos utilizar as características específicas do Angular 6 para carregar qualquer parte do website, caso contrário, o Google não será capaz de renderizá-las.
  • Todos os links carregados devem conter tags HTML válidas de hiperlink, por exemplo Texto da Âncora. Estes links devem ser visíveis dentro do DOM do Chrome 41.
  • O site deve ser construído para suportar a renderização do lado do servidor em breve.
  • Certifique-se de que o website serve os códigos de status corretos. Por exemplo, em uma página inexistente, servir 404 códigos de status e garantir que 301 redirecionamentos funcionem corretamente.
  • Os redirecionamentos Pushstate devem ser evitados em todo o website.
  • Os principais links de navegação devem ser totalmente visíveis no DOM sem nenhuma interação do usuário.
  • O conteúdo das abas deve ser totalmente visível dentro do DOM e não deve ser injetado dinamicamente ao abrir uma aba.

DEV FAQ - Ainda precisamos de renderização do lado do servidor se obedecermos a todas as regras mencionadas neste documento? Sim, principalmente porque o site é muito dinâmico, e o conteúdo está sempre mudando, várias vezes por dia. Embora o Google possa renderizar websites, ele não o faz com frequência. Isto significa que um evento recém-publicado hoje poderia levar uma semana para o Google vê-lo e indexá-lo, e nessa altura o evento poderia muito bem ter expirado. A renderização do lado do servidor permitirá ao Google ver todo o conteúdo do site sem ter que depender da renderização. O resultado será que novos eventos/páginas serão indexados em questão de minutos/horas.

Passo 5: testes

Agora é aqui que começa toda a diversão…

Poucas semanas depois, a engenharia completou sua primeira versão do site usando o Angular 6, no ambiente de encenação, e forneceu acesso para testes para todos os interessados.

Aparentemente, o site não poderia ser rastreado pelos motores de busca, e foi aqui que percebi que não há como publicar o site com o Angular 6 antes de garantir que o tráfego orgânico não esteja em risco, um verdadeiro risco.

O que fazer quando você atinge o pior cenário possível?

Parece que o impacto sobre o tráfego orgânico será sem precedentes, se eu não conseguir convencer o proprietário do site a não ir ao ar no terceiro trimestre apenas com Angular e sem suporte de SEO.

Agora este tipo de desafio requer mais do que apenas boas habilidades de SEO. Exige um pensamento e compreensão fora da caixa da política interna de sua organização. Se você está prestes a interromper severamente o projeto planejado e está na hora de comercializá-lo, não basta ter um caso comercial sólido, é melhor ter também um amplo apoio interno de outros responsáveis e departamentos para vencer esta batalha. Você não pode vencer isto sozinho.

Por isso, fiz duas coisas para tentar mudá-lo:

1. Afiar minha previsão do pior cenário com dados extras e mostrar o caso de uma forma mais digerível para a alta administração, para tentar abraçar minhas recomendações

Foi assim que abordei a questão. Preparei uma lista de todas as palavras-chave classificadas de 1 a 20, para demonstrar o impacto no tráfego e na receita no caso de perdermos todas as posições devido à atualização da estrutura. Se você quiser, 1-10 também é suficiente, eu decidi pegar a segunda página de qualquer maneira.

Para cada palavra-chave, eu tinha os seguintes pontos de dados:

  • Busca Mensal Vol.
  • Rank
  • Share of Voice (Baseado na Avg. CTR por posição)
  • Tráfego estimado (Busca Mensal Vol. * Avg. CTR)
  • CPC
  • Custo PPC (Estimativa de tráfego * CPC)

Calculei a potencial perda de receita mensal de SEO usando os seguintes dados:

  • Tráfego mensal total estimado (soma da coluna de tráfego estimado)
  • Taxa de conversão
  • Valor do usuário $
  • Perda mensal de receita SEO (Tráfego total mensal estimado * CVR * Valor do usuário)
  • PPC Custo para reter o tráfego (soma da coluna Custo PPC)

Agora este tipo de dados é muito mais fácil de entender em termos de resultado final, mas por que estou usando dados PPC? Por duas razões: primeiro, você sempre quer deixar alguém comparar entre duas opções, para que ele entenda melhor o quadro geral, e quais são os custos associados a cada decisão que ele possa tomar.

No meu caso, eu estava tentando fazer notar que reter o tráfego SEO perdido com PPC é muito caro, e tem alguns outros efeitos colaterais, que mencionarei mais tarde.

Second, to establishing a wide, cross-department shared voice around the preferred solution:

2. Obter apoio interno utilizando a abordagem win-win

Percebi que se a decisão comercial for esperar com a implementação de SEO para o 4º trimestre, após a atualização angular, eles poderão pensar em reter esse tráfego com campanhas de PPC, o que impactará a equipe de PPC também, de duas maneiras.

A equipe PPC precisará recrutar mais membros a fim de enfrentar este desafio e todos os outros objetivos. O recrutamento é um longo processo e as decisões sobre nossa situação precisam ser tomadas agora! E a equipe está extremamente ocupada de qualquer forma.

Tentar atingir termos de cauda longa com anúncios PPC às vezes não é possível, e mesmo que seja possível, isto terá um impacto dramático em sua pontuação de qualidade, que pode ser cortada e potencialmente arriscar toda a conta PPC.

Uma vez que eu tinha a tabela acima e a equipe de PPC do meu lado, eu coloquei o negócio e consegui obter sua total atenção e fornecer uma visão clara do que precisa ser feito.

Minhas principais conclusões em relação a este desafio

  1. Educação em SEO. As pessoas do produto se concentram principalmente no desenvolvimento de novas características, é isso que elas adoram fazer. As pessoas do Dev fazem o que o produto lhes diz para fazer. Ninguém está realmente apoiando a SEO, pelo menos neste cenário. Mas não culpe ninguém além de você mesmo. Nós, o pessoal de SEO, devemos educar o negócio sobre SEO, se quisermos obter seu apoio e entender nossas necessidades, mas este é um tópico amplo que tenho a tendência de abordar em um posto separado.

  2. Não caminhe sozinho neste caminho. Aproveite o apoio “político” interno para aumentar sua influência sobre os resultados projetados. Assuma a responsabilidade.

  3. Não peça permissão, implore por perdão. Decidi levantar todas as bandeiras vermelhas com antecedência, mesmo que haja uma chance de estar errado em minhas conclusões. Por quê? Porque prefiro administrar a crise e não ser conduzido por ela.Fico feliz em ouvir sua opinião a respeito.


Written By

Disruptivos na Rede

Read more


Monetização TikTok para iniciantes | Como começar a ganhar dinheiro com o aplicativo mais badalado

A TikTok se orgulha de ter mais de 2 bilhões de downloads globalmente, mas como você pode usar seu potencial para fins de monetização? Pode ser uma renda passiva? Se sim, quão difícil é isso? Você está no caminho certo se você estiver lendo este artigo.

Hoje você vai focar sua visão na estratégia de monetização da TikTok. Desde inventar conteúdo cativante até ganhar dinheiro com marketing de afiliados e outros meios, você terá todas as dicas à sua frente. Mergulhe e deixe seus planos se transformarem em negócios!

Por que a TikTok pode ser considerado para a monetização? TikTok é um aplicativo social que permite aos usuários criar, editar e compartilhar cerca de 15 ou 60 segundos de loops de vídeo com sobreposições musicais cativantes, efeitos visuais e sons. A idéia é simples, mas genial ー qualquer um pode se tornar famoso. Um excelente gancho que faz milhões de usuários gerarem conteúdo e mantém milhões de usuários colados em suas telas.

O exemplo perfeito de músicas que atribuem seu sucesso inicial ao TikTok inclui ‘Truth Hurts’ de Lizzo e ‘Old Town Road’ de Lil Nas X.

Outro exemplo é Charli D’Amelio, cujos 121 milhões de seguidores (em julho de 2021) superam a população de alguns países. O conteúdo de Charli é genuíno e sempre atrai milhões de pontos de vista.

O aplicativo é uma ótima ferramenta para fazer as coisas ficarem virais e lucrativas. Algumas estatísticas do TikTok provam que ele é perfeito para fazer dinheiro.

Estatísticas TikTok que provam que é ótimo para fazer dinheiro Com cerca de 1,2 bilhões de usuários mensais previstos pela App Annie, a TikTok é a plataforma mais promissora para a criação de conteúdo e marketing de afiliados. Vamos verificar algumas estatísticas interessantes relacionadas a suas capacidades. • US$ 54 milhões - gastos globais do usuário dentro de 1,5 anos (Statista). • $1 Bilhão de dólares - TikTok vai investir em seus melhores criadores de conteúdo (TikTok). • US$5 milhões renderam à blogueira estrela, Addison Rae Easterling, de 19 anos, em 2020. • $25-$125 por postagem - é um lucro estimado de um micro-influenciador (Influencer Marketing Hub).

Quanto você pode ganhar com o TikTok? Se você está pensando na monetização da sua conta TikTok , você realmente se pergunta: “quanto dinheiro eu posso ganhar? A resposta não será um número específico de seis dígitos. Mas podemos especular com os fatos.

Os especialistas estimam que é possível obter de 2 a 3 centavos por 1.000 visualizações. E imagine que você tenha conseguido 300-400K seguidores? Então você pode faturar cerca de $350 por cada postagem de afiliado.

O Influencer Marketing Hub criou uma ferramenta fantástica, a Calculadora de Dinheiro de TikTok. Também ficamos curiosos e recebemos uma estimativa aproximada de conta para uma blogueira estrela, Sharon Tseung , que cria conteúdo valioso sobre assuntos imobiliários, marketing de afiliados e finanças. O perfil TikTok de Sharon Tseung

Monetização de Pinterest: Como os criadores de conteúdo e os marqueteiros afiliados ganham dinheiro

O Pinterest Pinterest tem visto um rápido aumento no número de usuários nos últimos anos. Somente em 2021, o número de usuários de Pinterest aumentou em 26%. Enquanto o Facebook e o YouTube continuam sendo algumas das plataformas mais essenciais para criadores e comerciantes de conteúdo, você ficará surpreso ao saber que o Pinterest é a rede social que mais cresce hoje em dia e que ocupa o terceiro lugar como a maior plataforma de rede social. Por que qualquer comerciante que queira ter sucesso na indústria online perderia esta oportunidade de rentabilizar o tráfego da Pinterest?

A maior razão por trás disso é a relação custo-benefício que as plataformas on-line têm a oferecer. Vamos investigar este artigo e aprender sobre a monetização de Pinterest e como as pessoas a utilizam como uma fonte de renda. Pinterest

Monetização de Snapchat: Um guia abrangente sobre como fazer o Snapchat trabalhar para você

A mídias sociais revolucionaram a forma como fazemos amigos , lidamos com questões cotidianas em nossas comunidades e no mundo e até mesmo fazemos negócios. Voltamo-nos para as mídias sociais para conforto, para construir marcas e para alguns ganhar dinheiro por fora. Agora, não há dúvida de que o Facebook é uma fera no espaço das mídias sociais. Mas, de vez em quando, é preciso fazer uma pausa e ver o que outras plataformas têm a oferecer. Aqui nós o referimos ao Snapchat como plataforma alternativa para a monetização.

Como a maioria das plataformas, Snapchat serve como uma ferramenta de comunicação e um meio para os anunciantes aumentarem sua base de clientes, melhorarem as vendas e ganharem dinheiro. Nesta peça, entraremos na estratégia de monetização do Snapchat e o guiaremos para pastagens mais verdes que você nunca soube que existiam. Snapchat