SEO Google - Tags para melhorar a visibilidade do site nos mecanismos de busca
A seguir há instruções que ajudam na visibilidade dos sites nos mecanismos de busca. Tais instruções devem ser realizadas no código da aplicação, com destaque para o arquivo index.html.
Tags HTML:
§ Título:
<title> Insira o título da página </title>
Tags meta:
§ Atributo do conjunto de caracteres HTML:
<meta charset="utf-8" />
§ Viewport:
<meta name=" viewport" content=" width=device-width,minimum-scale=1, initial-scale=1" />
§ Theme-color:
<meta name="theme-color" content="#000000" />
§ Descrição:
<meta name="description" content="Inserir a descrição que aparecerá no Google" />
Recomenda-se que essa descrição tenha por volta de 155 a 160 caracteres.
Mais informações sobre a tag Description: Description e Meta Description.
§ Robots:
<meta name="robots" content="all" />
Necessário arquivo robots.txt, dentro da pasta que contém o arquivo index.html.
Pode ser gerado a partir do site: Gerador de robots.txt
Mais informações sobre a tag Robots: Robots e Googlebot.
§ Autor:
<meta name=" author" content="Nome do autor" />
§ Palavras-chave:
<meta name="keywords" content="" />
Recomenda-se o limite de aproximadamente 150 caracteres na construção do conjunto de palavras-chave, que devem ser separadas por vírgula.
Tags og: Meta tags para as redes sociais.
§ URL:
<meta property="og:url" content="Inserir URL https do site" />
§ Type:
<meta property="og:type" content="website" />
§ Título:
<meta property="og:title" content="Título da página" />
§ Descrição:
<meta property="og:description" content=" Inserir a descrição da página" />
§ Imagem:
<meta property="og:image" content=" Imagem que estará sempre junto ao conteúdo que está sendo compartilhado" />
Tags link:
§ Manifest
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
Necessário arquivo manifest.json, dentro da pasta que contém o arquivo index.html.
Formato do arquivo, segundo o Chrome: Manifest
Exemplo de manifest.json utilizado na Legaro:
{
"short_name": "Legaro",
"name": "Legaroesg",
"icons": [
{
"src": "favicon.ico",
"sizes": "64x64",
"type": "image/x-icon",
"purpose": "maskable"
},
{
"src": "logo192.png",
"type": "image/png",
"sizes": "192x192",
"purpose": "maskable"
},
{
"src": "logo512.png",
"type": "image/png",
"sizes": "512x230"
}
],
"start_url": "./",
"display": "standalone",
"theme_color": "#000000",
"background_color": "#ffffff",
"description": "Environmental, Social and Governance",
"related_applications": [
{
"platform": "web"
}
]
}
§ Apple-touch-icon: Ícone de toque para dispositivos iOS
<link rel=" apple-touch-icon" href=”Endereço da imagem" />
§ Canonical: marcação inserida no código-fonte de páginas da web, indicando que elas são um conteúdo original.
<link rel="canonical" href=”URL da homepage do site oficial" />
§ Autor:
<link rel="author" href=”URL da homepage do autor" />
§ Publicador:
<link rel="publisher" href=”URL da homepage do publicador" />
§ Shortcut icon:
<link rel="shortcut icon" href=”Endereço da imagem" />
Arquivos Necessários:
§ sitemap.xml:
É o mapa do seu site. Nele você indica robôs do Google e de outros buscadores quais são as páginas que deseja indexar e armazenar nos servidores.
Necessário arquivo sitemap.xml, dentro da pasta que contém o arquivo index.html.
É possível gerar a partir do link: Sitemap
Mais informações no link: Sitemaps Google
Mais informações sobre o SEO Google:
https://developers.google.com/search/docs/beginner/seo-starter-guide
https://www.pensare.cc/dicas-para-colocar-seu-site-topo-buscas-google/
Page Speed: https://pagespeed.web.dev/report?url=https%3A%2F%2Flegaroesg.com.br%2F&hl=pt_BR