Meta tags HTML: como elas funcionam
Existem muitas meta tags HTML. Nesta dica prática, examinaremos quais são as mais importantes, por que você precisa delas e como elas funcionam.
Para que são usadas as metatags HMTL?
Meta tags - ou meta-detalhes - fornecem instruções úteis para o servidor web, navegador ou vários mecanismos de pesquisa. As informações sobre o autor ou o conteúdo são armazenadas aqui, que são lidas e usadas por vários programas.
- Existem cinco meta-detalhes importantes que você não deve esquecer. Eles estão listados na próxima seção.
- Outras meta tags úteis ajudam o navegador a processar informações e, assim, executar quaisquer instruções.
- Algumas tags são importantes para a otimização do mecanismo de pesquisa: Os mecanismos de pesquisa pesquisam essas informações e as usam para exibir informações nas consultas de pesquisa. Por exemplo, o título e a descrição são lidos nessas informações e exibidos.
- O título, a descrição e as palavras-chave são informações importantes para os mecanismos de pesquisa. Por exemplo, se você pesquisar no Google, essas informações aparecerão nos resultados da pesquisa. Quanto mais precisas as informações, maiores as chances de classificação no Google e em outros mecanismos de pesquisa.
- Nas tags, você também pode dar instruções sobre com que frequência e quais páginas os mecanismos de pesquisa devem capturar.
- Todas as meta informações são fornecidas na área de cabeçalho do site. Então eles pertencem entre as tags HTML e ,
Estas são as seis meta tags HTML mais importantes
Aqui listamos as seis metatags HTML mais importantes e seu significado. Estes não devem ser esquecidos, pois contêm informações importantes.
- O mais importante é a tag title, que na verdade não é uma meta tag no sentido real. É o cartão de visita do site e forma a manchete. Essa tag também é importante para os mecanismos de pesquisa e é exibida lá. Exemplo: As metatags mais importantes
- Qual seria o site sem uma descrição? Há também a meta tag de descrição . Assim como o título, a descrição é exibida no mecanismo de pesquisa. Uma boa descrição deve ter entre 150 e 250 caracteres, o que corresponde a cerca de 30 palavras. exemplo:
- Para ser encontrado melhor nos mecanismos de pesquisa, existem as palavras-chave da metatag. Aqui você insere palavras-chave relacionadas à página. A maioria dos mecanismos de pesquisa indexa apenas as 20 primeiras palavras-chave. É importante aqui que você nomeie o mais importante nos 10 primeiros pontos. As palavras-chave são separadas por vírgula. exemplo:
- Os motores de busca pesquisam no site e o indexam. No entanto, se você não deseja que o site inteiro seja indexado, você tem a opção de impedir isso com os robôs de metatags. Isso indica se e como as páginas podem ser indexadas. Com a especificação no-index, a indexação é proibida. exemplo:
- Com a metatag revisitar depois você indica quando a "aranha" do mecanismo de pesquisa pode indexar a página novamente. Você precisa especificar um período - por exemplo, "7 dias" por 7 dias. É importante observar que o Google não usa esse dia, mas usa uma data interna. exemplo:
- No mundo de hoje, você está sempre online em qualquer lugar - especialmente com smartphones. Você pode usar a metatag da viewport para que esses dispositivos não aumentem o zoom diretamente na página que está visualizando . Essa tag garante que a página seja dimensionada para que seja exibida completamente na tela. Assim, você pode obter uma visão geral do conteúdo e ampliar, se necessário. exemplo:
Mais meta tags HTML
Existem outras tags que não são tão importantes e desempenham um papel subordinado. Listamos alguns deles abaixo e mostramos o que está por trás deles. No entanto, esta é apenas uma pequena amostra das muitas tags que ainda existem.
- Para que os mecanismos de pesquisa possam atribuir o site ao país correto, existe o idioma da tag. A vantagem deve ser óbvia - porque de que serve se um site com conteúdo em alemão é exibido no mecanismo de pesquisa dos EUA? exemplo: ou
- Ao criar um site, você geralmente deseja especificar quem é o autor. Há também o autor da tag. Isso facilita a visualização no diretório de origem que criou e gerencia a página. exemplo:
- Mas e se você quiser redirecionar para outra página? Obviamente, você também pode simplesmente trabalhar com links. No entanto, a tag de atualização é automática . Se um URL foi alterado, você pode redirecionar do URL antigo para o novo URL. exemplo: , Este é um encaminhamento após 10 segundos
- Para sites com um idioma diferente do inglês, você deve especificar uma codificação de caracteres. Isso impede que os tremas sejam exibidos corretamente. exemplo: , Infelizmente, essas informações são suportadas apenas pelos navegadores mais recentes. Para navegadores mais antigos, use: