John Mueller, funcionário do Google, alerta sobre a utilização de elementos personalizados no cabeçalho.

Recentemente, ocorreu um debate no Twitter acerca da legitimidade do emprego de recursos personalizados na seção das páginas da internet.

Componentes personalizados são incluídos nas definições dos Web Components, possibilitando que os programadores criem elementos HTML customizados de acordo com suas exigências.

Com o uso de tags personalizadas, os programadores conseguem criar componentes HTML reutilizáveis e autônomos, que operam de forma independente do restante do código.

No Twitter, alguém pergunta se é tecnicamente correto ter um elemento personalizado no início de um documento.

John Mueller, um advogado especializado em pesquisa no Google, indicou que esse procedimento poderia possivelmente afetar a forma como o Google processa e inclui a página em seu índice.

Mueller declara:

Ao utilizar elementos personalizados no cabeçalho de um site, existe a possibilidade de interferir na renderização da página no Google Search. Se forem incluídas meta tags relacionadas à pesquisa abaixo desses elementos personalizados no cabeçalho, como por exemplo a tag de robôs noindex, o Google pode não conseguir identificá-las durante a renderização da página.

Entender o processo de como o Google exibe páginas da internet.

Para compreender plenamente as consequências da afirmação de Mueller, é essencial compreender o processo pelo qual o Google exibe páginas da web.

Você pode comparar o HTML de uma página web a uma receita, enquanto os recursos, como CSS, JavaScript, imagens e vídeos, podem ser vistos como os ingredientes.

A atividade de renderização é comparável à culinária, pois ela converte as instruções em um resultado final visível pelos usuários em seus navegadores.

O rastreador do Google inicia o processo de renderização ao recuperar o HTML, interpretando o código e preparando os recursos necessários para mostrar a página da web de forma visual.

As ramificações do SEO de Etiquetas Personalizadas em HTML.

Apesar de ser benéfico para os desenvolvedores, é importante considerar o impacto das tags personalizadas no SEO.

As tags customizadas têm o potencial de influenciar a otimização para mecanismos de busca, uma vez que ferramentas como o Google geralmente contam com as tags HTML convencionais para interpretar o conteúdo e a organização de uma página.

Por exemplo, se um elemento personalizado é inserido no , o Google não consegue identificar as tags padrão que vêm após durante o processo de renderização.

Isso pode levar o Google a não ter as meta tags cruciais para otimização de mecanismos de busca.

A argumentação contrária ao uso de Tags personalizadas em HTML.

Apesar da flexibilidade proporcionada pelas tags HTML personalizadas, é aconselhável usá-las com cuidado.

Além das preocupações de Mueller, as tags HTML personalizadas podem gerar possíveis complicações de compatibilidade com navegadores antigos e softwares de leitura para deficientes visuais.

También pueden surgir conflictos en el espacio global de nombres y preocupaciones sobre la distinción entre funcionalidad, significado y presentación.

Uma opção adicional: Marcadores JSON-LD

Para quem busca otimizar o SEO de forma flexível, as tags JSON-LD surgem como uma opção promissora, permitindo a personalização das etiquetas.

JSON-LD, abreviação para JavaScript Object Notation for Linked Data, apresenta uma maneira de codificar Linked Data utilizando JSON.

Quando organizados de maneira adequada, essas informações podem ser empregadas em um script.

Isso facilita a interpretação do conteúdo pelos mecanismos de busca.

Este roteiro transmite informações importantes sobre uma empresa aos mecanismos de busca, o que melhora as chances de classificação da página em resultados de pesquisa pertinentes.

Claro! Podrías proporcionar el texto que deseas parafrasear?

À medida que novas e emocionantes ferramentas continuam a surgir no desenvolvimento web, ainda há muito a ser compreendido sobre como as tags HTML personalizadas afetam o SEO.

Pessoas que estão preocupadas com questões de compatibilidade ou SEO podem optar por utilizar tags HTML convencionais ou JSON-LD como opções.

Ilustração em foco: Darko 1981/Shutterstock