Javascript: O que é o Javascript e como se aplica nos Sites?! SEO Técnico [2023]
Cada vez mais os sites utilizam o JavaScript na sua construção, de modo a adicionar interatividade aos websites e fornecer
Já vimos que o SEO técnico são as otimizações feitas ao nível da estrutura interna de um site. No artigo anterior de SEO técnico parte 1 abordamos como fazer a indexação através do sitemap XML e como fazer uma migração. Na parte do rastramento falamos dos orçamentos de rastreamento, Log Files, erros 404 e disponibilidade de um site. Estas técnicas têm impacto nos resultados de pesquisa orgânicos de um site mas existe muito mais a abordar.
Neste artigo vamos verificar as técnicas restantes de rastreamento, servidores/CDN’s, Navegadores, Diretivas dos Robots, Redirecionamentos, Código de Status HTTP e Canonização.
Servidores CDN’s são muito importantes atualmente. Uma CDN é uma rede de entrega de conteúdo, um grupo de servidores geograficamente distribuídos que aceleram a entrega do conteúdo da Web. As CDNs armazenam conteúdo de cache em servidores próximos da localização do utilizador, que permite que o carregamento do conteúdo seja significativamente mais rápido. Os serviços da CDN foram criados para resolver o problema de congestionamento de rede causado pela entrega de conteúdo da Web avançado, como gráficos e vídeos pela Internet, mas também podem oferecer aos websites uma maior proteção contra agentes mal-intencionados e preocupações como ataques à segurança. É importante para um SEO verificar com que tipo de servidor lida e, caso o site requeira muito conteúdo de imagens/vídeos, propor á equipa de TI para se trabalhar com um servidor CDN.
Ao criar um site é preciso considerar a variabilidade de navegadores que existem atualmente (Chrome, Edge, Firefox, Safari, etc.). Enquanto alguns utilizadores recorrem a browsers modernos, muitos ainda utilizam o Internet Explorer como padrão para as suas navegações. Além disso, cada navegador faz uma leitura diferente dos sites, o que pode prejudicar a visualização de alguns destes. Por isso, os técnicos de SEO devem considerar as limitações de cada browser, saber onde está o seu público-alvo e fazer uma auditoria de SEO para verificar a compatibilidade do domínio em cada navegador.
O Robots.txt é um arquivo de texto guardado na raiz do website para controlar e instruir os robôs de busca a lidarem com a indexação dos respetivos websites. No Hearder de cada página do site é possível colocar uma robots meta tag, um “pedaço” de HTML que informa os motores de busca de como rastrear ou indexar uma determinada página:
<meta name=”robots”
content=”noindex”/>
Já no Robots.txt é possível definir algumas diretivas de indexação no seu site em geral. Para o efeito existe a diretiva “Allow” que informa os robôs de busca sobre o que eles podem indexar no website. O código abaixo indica que permite que os arquivos “JavaScript” e “CSS” sejam indexados e analisados:
Allow: .js
Allow: .css
Também é possível definir o comando “User-Agent” que determina qual é o robô de busca a que se dirige, por exemplo, o “Googleboot”:
User-agent: Googleboot
Adicionalmente, existe o comando “Disallow”, que serve para impedir que uma página seja visualizada ou indexada pelos robôs de busca, neste caso a “Beta.php” e os ”Arquivos”:
Disallow: /beta.phpDisallow: /arquivos/
Por fim, existe a diretiva de indicação do “sitemap do website”, muito útil para auxiliar os robôs de busca a identificarem todas as páginas existentes no domínio. Hoje em dia esta diretiva está em desuso devido às “Google Webmaster Tools” que auxiliam neste tema de uma forma mais eficaz.
Sitemap: https://www.seusite.com/sitemap.xml
Redireccionamentos são usados nas páginas de um site, mais especificamente, nos URL’s/links, e servem para redirecionar esses mesmos links para outra página/conteúdo.
Existem vários tipos de redireccionamentos:
Para se criar um redireccionamento no HTML de uma página do site, os desenvolvedores podem criar um elemento “meta” e o “http-equiv” – atributo definido como refresh no header página. Ao exibir a página, o navegador encontrará este elemento e irá para a página indicada. O “content” é o atributo que começa com um número, a indicar quantos segundos o navegador deve esperar, antes de redirecionar para o URL fornecido. Defina sempre como 0:
<head>
<meta http-equiv=”refresh” content=”0; URL=http://www.example.com/” />
</head>
Os redireccionamentos em JavaScript são criados definindo um valor para a “window.location” propriedade e a nova página é carregada. Este redirecionamento só funcionará em clientes que executam JavaScript:
window.location = “http://www.example.com/”;
Exemplo de código para a abordagem de redireccionamento:
fetch(`/api/products/${productId}`)
.then(response => response.json())
.then(product => {
if(product.exists) {
showProductDetails(product); // shows the product information on the page
} else {
// this product does not exist, so this is an error page.
window.location.href = ‘/not-found’; // redirect to 404 page on the server.
}
})
Exemplo de código para a abordagem da tag noindex:
fetch(`/api/products/${productId}`)
.then(response => response.json())
.then(product => {
if(product.exists) {
showProductDetails(product); // shows the product information on the page
} else {
// this product does not exist, so this is an error page.
// Note: This example assumes there is no other meta robots tag present in the HTML.
const metaRobots = document.createElement(‘meta’);
metaRobots.name = ‘robots’;
metaRobots.content = ‘noindex’;
document.head.appendChild(metaRobots);
}
})
Os loops acontecem quando redireccionamentos sucessivos seguem aquele que já foi seguido, isto é, já tinha sido criado um redireccionamento para determinado link e este, sofreu de novo um outro redireccionamento para uma nova página. Na maioria das vezes, isso é um problema do servidor, se encontrar esse erro logo após modificar uma configuração de servidor, provavelmente será um loop de redireccionamento: 500 (Internal Server Error).
Noutros casos pode ser um erro de navegador, devido às cookies, para isso têm de limpar o histórico manualmente. Outra opção que pode resolver o problema se estiver no wordpress: desative e volte a ativar todos os plugins que têm no site, pode ser este tipo de erro.
Noutros casos está relacionado com o protocolo de segurança (SSL), tendo, por isso, de configurar de novo o SSL para os Settings padrão e atualizar a página. Se a mensagem de erro ainda estiver lá, tente redefinir completamente o seu certificado SSL. Pode também verificar o .htaccess, o arquivo que controla a maioria dos redirecionamentos das páginas: redefina com um cliente FTP (Painel de Controlo):
No “Apache” os redireccionamentos são definidos no arquivo “.htaccess” de cada diretório. A URL “http://example.com/” será redirecionada para http://www.example.com/:
<VirtualHost *:80>
ServerName example.com
Redirect / http://www.example.com
</VirtualHost>
Redirect_Match faz o mesmo, mas usa uma expressão regular para definir uma coleção de URLs que são afetadas, por exemplo, todos os documentos na “images/” pasta serão redirecionados para um domínio diferente:
RedirectMatch ^/images/(.*)$ http://images.example.com/$1
No “Nginx” cria-se um bloco de servidor específico para o conteúdo que deseja ser redirecionado:
server {
listen 80;
server_name example.com;
return 301 $scheme://
www.example.com$request_uri;
}
Para aplicar um redireccionamento apenas a uma pasta ou a um subconjunto de páginas, use a “rewrite” diretiva:
rewrite ^/images/(.*)$ http://images.example.com/$1 redirect;
rewrite ^/images/(.*)$ http://images.example.com/$1 permanent;
Redireccionamentos são uma maneira de encaminhar tráfego (ou bots do mecanismo de pesquisa) de uma URL para outra, isto é de extrema importância para um site, mas temos de ter em conta de que devemos redirecionar uma URL para o conteúdo mais parecido à mesma, pois o Google pode voltar a redirecionar esse link para uma página 404. A implementação de redireccionamentos difere consoante o CMS que se utiliza, podemos fazer através do arquivo .htaccess do site, adicionando um bloco de servidor ao arquivo nginx.conf, utilizando o plugin “Easy Redirects Manager” no WordPress, ou o “Rank Math” que usufrui de uma série de ferramentas ligadas ao SEO.
Os códigos de status das respostas HTTP indicam se uma requisição HTTP foi concluída corretamente ou não. As respostas são agrupadas em cinco classes:
Normalmente um domínio pode ser acedido por múltiplas combinações de URL’s. Isto permite que o utilizador possa aceder ao site de formas diferentes dentro do mesmo domínio, por exemplo:
www.suaempresa.com;
suaempresa.com;
suaempresa.com/index.html;
www.suaempresa.com/index.html.
Contudo, quando existem várias versões da mesma página, o Google selecionará apenas uma para armazenar no seu índex. Este processo é chamado de canonização (ver canonização na prática) e o URL selecionado como canónico será aquele que o Google mostrará nos resultados da pesquisa. A forma mais fácil de ver como o Google indexou uma página é usar a ferramenta de inspeção de URL’s no “Google Search Console”. Este mostrará o URL canónico selecionado pela Google.
Existe duas formas de se fazer a canonização do site: através do .htaccess ou organizando os links do site todo manualmente. Por exemplo, de www para não-www, no .htaccess, coloca-se o seguinte código:
RewriteCond %{HTTP_HOST} ^mestreseo\.com\.br [NC]
RewriteRule (.*) https://www.agenciamestre.com/$1 [R=301,L]
A segunda opção é através das tags canónicas, que informam aos motores de busca que o URL em questão é a cópia principal de uma página: rel = “canonical”. Tags canónicas encontram-se no Hearder de uma página:
<link rel=”canonical”
href=”https://www.website.com/pagina/” />
Ou o uso das URL canónicas, o URL escolhido como o principal para um conjunto de páginas duplicadas. No wordpress poderá utilizar os plugins “Yoast SEO” e “Rank Math” para fazer estas canonizações, em qualquer página ou post, vá para a aba ‘avançado’ da meta caixa de RankMath, aceda ao campo e defina um URL canónico para a página.
Neste artigo Parte 2 de SEO técnico prático abordamos técnicas de rastreamento. No artigo Parte 3 de SEO técnico vamos falar sobre a arquitetura do site, Schema, Javascript, API’s.
Atualmente, muitas empresas precisam de resultados imediatos, mas a verdade é que não podem dar-se ao luxo de implementar SEO internamente enquanto alavancam com a prioridade do foco do seu negócio. Se ainda não consegue dar conta destas etapas ou não tiver tempo para as colocar em prática, a Bringlink SEO garante que tenha a visibilidade e o crescimento da marca que merece.
Fale connosco, envie email para a bringlinkseo@gmail.com.
Semrush – https://pt.semrush.com/blog/
redirecionamentos/ | https://pt.semrush.com/blog/urls-canonicas-guia-para-iniciantes/ | https://pt.semrush.com/blog/muitos-redirecionamentos/
Akamai – https://www.akamai.com/pt/our-thinking/cdn/what-is-a-cdn
Mozilla – https://developer.mozilla.org/pt-BR/docs/Web/HTTP/Redirections
Rock Content – https://rockcontent.com/br/blog
/seo-tecnico/
Otimifica – https://www.otimifica.com.br/seo-tecnico/
Cada vez mais os sites utilizam o JavaScript na sua construção, de modo a adicionar interatividade aos websites e fornecer
A migração é uma das tarefas mais desafiadores de qualquer SEO e pode ser feita de diversas maneiras, dependendo da
Construir uma marca em linha em 2023 não será uma chave única para o sucesso, mas uma combinação de estratégias.