Uma empresa de SEO sugeriu que alterar a ordem dos nossos meta tags HTML para que <title>e <meta name="description">são os dois primeiros. Eles dizem que isso é para garantir que os mecanismos de pesquisa possam utilizar essas duas tags. Fiquei com a impressão de que a ordem das tags na cabeça do documento não é significativa. Eu estive errado? Há realmente os motores de busca que assumem que as duas primeiras marcas são sempre titlee descriptione desistir de procurá-los se eles não são?
16
Respostas:
Você está certo. A ordem dessas tags não importa para SEO. Eles só precisam estar presentes. Quem disse que isso é obviamente sem noção (e, claro, administrando um negócio de SEO. Suspiro).
fonte
Embora, para os propósitos do SEO, possa ser verdade que o pedido não é significativo, não é verdade quando se considera outras coisas como segurança, exibição de conteúdo (personagem) ou velocidade de carregamento. É uma boa ideia ordenar o cabeçalho da sua página de maneira mais ou menos assim (presumindo a sintaxe HTML5):
Até agora no documento, você não deveria ter usado caracteres não ASCII, portanto a codificação de caracteres ainda não é um problema. Mas a probabilidade de usar caracteres não-ASCII aumenta acentuadamente quando você abre esse cabeçalho. Consequentemente (e supondo que você não esteja declarando sua codificação de caracteres programaticamente ou no nível do servidor), faça da próxima declaração sua declaração de codificação de caracteres. Isso também satisfaz analisadores / navegadores / agentes que farejariam as instruções de codificação de caracteres:
Os dois (
X-UA-Compatibleeviewport) a seguir são recomendados pelo pessoal do Bootstrap (tão recentemente quanto a v3.3.4). Embora eu esteja quase certo de que essas recomendações são baseadas no desempenho, a maioria do que eu diria seria especulativa:Se você estiver pensando em design / desenvolvimento independente de dispositivo (incluindo agentes de usuários menores, que não sejam de área de trabalho), inclua o seguinte:
Finalmente, o título:
Em seguida, você oferece o CSS o mais rápido possível após o título (sem 'luz do dia' entre eles):
Se você estiver usando estilos no nível da página, eles aparecerão aqui. Isso ocorre principalmente devido à natureza "em cascata" do CSS: a última declaração de estilo, com níveis idênticos de especificidade (como duas declarações direcionadas a um parágrafo
p). Para facilitar a substituição de estilos externos (por exemplo, sem usar maior especificidade ou!important), você deve colocar os estilos no nível da página após estilos externos<link>. Além disso, é geralmente desaconselhável usar a diretiva @import em estilos no nível da página, porque isso impedirá o download simultâneo de outros ativos de estilo:Este é o ponto em que parece mais apropriado colocar metatags, favicons e outros itens. É possível argumentar que favicons ou ativos semelhantes (por exemplo, imagens de aplicativos para iOS) seriam carregados antes da maioria das metatags, porque isso faz com que o download desses ativos seja iniciado um pouco antes.
Como ele bloqueia / atrasa a renderização, se você deseja exigir scripts, carregue-os o mais tarde possível. Se eles devem estar no diretório
head, você pode carregá-los antes do fechamento dehead(</head>). Se você puder carregá-los mais tarde, coloque-os antes do fechamento dabodytag (</body>).Parece sem importância, na maioria dos casos, prestar muita atenção à ordem das metatags para fins de SEO, uma vez que os bots de indexação (por exemplo, spiders dos mecanismos de pesquisa) vão consumir a página inteira. Caso contrário, como eles indexariam o conteúdo de uma página ou atualizariam esse índice posteriormente?
É notável para mim que, por tudo o que achamos que sabemos e por todas as recomendações que encontramos na Web (mesmo em locais como o Google e as Ferramentas para webmasters do Bing etc.), sites como Amazon, Google e outras pessoas que se importam claramente sobre tais ganhos de desempenho minúsculos não seguem essas regras.
fonte
X-UA-Compatible,viewportícones sensíveis ao toque e da Apple ainda eram (relativamente) novo em 2010, todos estavam em uso. O HTML5 afetou apenas o comprimento da declaração do conjunto de caracteres. CSS, JS e pipelining de imagens eram uma preocupação na época, bem como a (re) renderização de páginas subsequentes à aplicação de CSS e JS. Não obstante, não consegui encontrar essas informações em um só lugar (fora doheads dos documentos html) e, depois de tropeçar nessa pergunta, parecia bom fazê-lo aqui.application/ld+jsonscripts para dados estruturados? Para fins de velocidade. Onde seria melhor colocá-lo? Devemos tratá-lo comoJavaScriptarquivos externos ?Do ponto de vista da funcionalidade, o seguinte no Bootstrap parece ser a melhor ordem das metatags:
De acordo com as pessoas do Google, o que importa para SEO é
Se seu site não for compatível com dispositivos móveis, eles nem olharão para 2) ou 3). Se for compatível com dispositivos móveis, eles poderão usar o título e a descrição quando listarem seu site. Não há garantias sobre isso. Eles podem decidir criar sua própria descrição com base no que encontrarem no seu site.
Se o seu conteúdo for plagiado ou repetitivo e se você tentar enchê-lo de palavras-chave ou usar outras técnicas do 'BlackHat', essas coisas o machucarão e possivelmente o banirão.
fonte