https://github.com/josuejuca/seo-tags
SEO básico e meta tags sociais no HTML
https://github.com/josuejuca/seo-tags
seo seo-html seo-tags
Last synced: 6 months ago
JSON representation
SEO básico e meta tags sociais no HTML
- Host: GitHub
- URL: https://github.com/josuejuca/seo-tags
- Owner: josuejuca
- Created: 2022-07-31T17:42:01.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2024-06-25T17:56:26.000Z (over 1 year ago)
- Last Synced: 2024-06-25T19:44:56.790Z (over 1 year ago)
- Topics: seo, seo-html, seo-tags
- Language: HTML
- Homepage: https://josuejuca.github.io/seo-tags/
- Size: 9.77 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Esse código é uma estrutura básica de um documento HTML que incorpora várias meta tags importantes para SEO (Search Engine Optimization) e para melhorar a aparência do conteúdo quando compartilhado nas redes sociais. Vamos detalhar cada parte do código e entender como utilizá-lo da melhor forma:
### Estrutura Básica do HTML
```html
```
- ``: Declaração do tipo de documento, essencial para que o navegador interprete o HTML corretamente.
- ``: Define o idioma do conteúdo da página como português do Brasil.
- ``: Contém metadados, links para estilos, scripts, e outras informações de configuração.
- ``: Onde o conteúdo visível da página será inserido.
### Metadados e SEO
```html
Título da página
```
- ``: Define a codificação de caracteres como UTF-8, garantindo que caracteres especiais sejam exibidos corretamente.
- ``: Título da página que aparece na aba do navegador e nos resultados de busca.
- ``: Descrição da página para motores de busca, importante para SEO.
- ``: URL canônica da página, ajuda a evitar conteúdo duplicado.
- ``: Nome do autor do site.
- ``: Instrução para motores de busca indexarem a página.
### Integração com Redes Sociais
#### Google+ / Schema.org
```html
```
- ``: Nome da página para Schema.org.
- ``: Descrição para Schema.org.
- ``: URL da imagem para Schema.org.
- ``: Link para a página do Google+.
#### Open Graph (Facebook)
```html
```
- ``: Título da página para o Open Graph.
- ``: Descrição para o Open Graph.
- ``: URL da página.
- ``: Nome do site.
- ``: Tipo de conteúdo.
- ``: URL da imagem para o Open Graph.
#### Twitter Cards
```html
```
- ``: Título da página para Twitter.
- ``: Descrição para Twitter.
- ``: URL da página para Twitter.
- ``: Tipo de card do Twitter (summary é um tipo comum).
- ``: URL da imagem para Twitter.
- ``: Nome do usuário ou empresa no Twitter.
### Como Utilizar da Melhor Forma
1. **Título e Descrição**: Mantenha o título e a descrição curtos, descritivos e com palavras-chave relevantes.
2. **Canonical URL**: Sempre use a URL canônica correta para evitar problemas de conteúdo duplicado.
3. **Metadados de Redes Sociais**: Use imagens de alta qualidade e garanta que títulos e descrições estejam bem otimizados para cada rede social.
4. **Atualização Regular**: Revise e atualize metadados regularmente para garantir que estejam alinhados com o conteúdo atual da página.
5. **Verificação de Ferramentas**: Utilize ferramentas como Google Search Console e o validador de Open Graph do Facebook para verificar se os metadados estão corretos.
Esses passos ajudarão a melhorar a visibilidade da sua página tanto nos motores de busca quanto nas redes sociais, proporcionando uma melhor experiência para os usuários.