Meta tags SEO: Guia completa de título, descrição e Open Graph

As meta tags são a primera impressão que tua site web da nos resultados de búsqueda e as redes sociais. Le dizem a os motores de búsqueda de que trata tua página e controlan como se muestra tua conteúdo quando se compartilha na web. Apesar de seu simplicidade, as meta tags seguem sendo um dois elementos de SEO mais impactantes que podes controlar. Esta guia cobre cada meta tag importante com estrategias práticas de otimização para cada uma.

Tag Title: O elemento Meta mais importante

A tag Title é o elemento de SEO on-page mais importante. Aparece como o título cliqueavel nos resultados de búsqueda, o título de a aba nos navegadores e o nombre predeterminado dois marcadores. Um title tag bem optimizado pode mejorar significativamente tua taxa de clics e tua ranking de búsqueda.

Melhores práticas para a tag Title

Longitud: Mantén os títulos entre 50-60 caracteres. Google trunca os títulos depois de aproximadamente 600 píxeles, lo que típicamente significa 55-60 caracteres dependiendo do largo das letras.
Palavras clave principais primero: Coloca as palavras clave mais importantes no início do título. Os motores de búsqueda dão mais peso a as palavras que aparecem antes.
Nombre de marca: Inclui o nombre da marca no final, separado por uma barra vertical o um guión. Por exemplo: "Como comprimir imagens web | ToolHub".
Único por página: Cada página deve ter um título único que describa com precisão seu conteúdo específico. Os títulos duplicados confunden a os motores de búsqueda e diluyen as senhales de relevancia.
Evita o preenchimento de palavras clave: No satures o título com múltiples variaciones de a mesma palavra clave. Escreve de forma natural para humanos enquanto incluyes tua palavra clave objetivo.

Meta Description: Tua texto publicitario em resultados de búsqueda

A meta description é um breve resumen do conteúdo de tua página que aparece embaixo do título nos resultados de búsqueda. Embora Google ha declarado que a meta description no é um factor de ranking direto, influencia significativamente na taxa de clics, lo que afecta indiretamente o ranking.

Escrever Meta Descriptions eficazes

Longitud: Apunta a 150-160 caracteres. Google trunca as descrições depois de aproximadamente 920 píxeles em desktop e 680 píxeles em móvel.
Inclui palavras clave objetivo: Google coloca em negrita os términos de búsqueda coincidentes nas descrições, fazendo que tua resultado destaque mais.
Adiciona chamadas a a acção: Frases como "Aprende como", "Descubre" o "Começa" animan a os usuarios a fazer clic.
Coincide com a intenção de búsqueda: Tua descrição deve alinearse com lo que o usuario está buscando. As consultas informativas necessitam descrições diferentes a as consultas transaccionales.
Evita duplicados: Cada página necessita uma descrição única. Google pode ignorar descrições genéricas o duplicadas e generar seu próprio resumen a partir do conteúdo da página.

Dica SEO: Google às vezes reescribe as meta descriptions, extraindo texto do conteúdo da página que coincida melhor com a consulta do usuário. Isto é normal e significa que deves enfocarte em escrever descrições atractivas para tuas consultas mais importantes em vez de tentar otimizar para cada búsqueda possível.

Tags Open Graph: Controla as previsualizaciones em redes sociais

As tags Open Graph (OG) fueron criadas por Facebook e agora são utilizadas por LinkedIn, Discord, Slack e a maioria das plataformas sociais para determinar como se muestra tua conteúdo quando se compartilha. Sem tags OG, as plataformas adivinham que título, descrição e imagem usar, frequentemente equivocándose.

Tags básicas de Open Graph

Tag	Uso	Exemplo
og:title	Título do conteúdo	Como comprimir imagens web
og:description	Descrição do conteúdo	Aprende como comprimir imagens...
og:image	URL da imagem de vista previa	https://example.com/image.jpg
og:url	URL canónica da página	https://example.com/page
og:type	Tipo de conteúdo	article, website, product
og:site_name	Nombre do site	ToolHub

Melhores práticas para imagens OG

Usa imagens de pelo menos 1200 x 630 píxeles para uma visualização óptima em todas as plataformas
Centra o conteúdo importante já que diferentes plataformas recortan as imagens de maneira diferente
Usa uma relação de aspecto de 1.91:1 para uma visualização consistente em Facebook, LinkedIn e Twitter
Mantén o tamanho do arquivo abaixo de 5MB para que as vistas previas se carguen rápidamente
Inclui o logotipo da marca e o título da página na imagem para máximo reconocimiento

Tags de Twitter Card

Twitter utiliza suas próprias tags Card além disso de Open Graph. Embora Twitter recurre a as tags OG quando faltan as tags Card, definir ambas explicitamente asegura uma visualização consistente em todas as plataformas.

twitter:card: Tipo de cartão. Usa "summary" para uma imagem pequena o "summary_large_image" para uma imagem destacada.
twitter:title: Título do conteúdo (máximo 70 caracteres).
twitter:description: Descrição do conteúdo (máximo 200 caracteres).
twitter:image: URL da imagem a mostrar.

Outras meta tags importantes

Tag Canonical

A tag canonical (link rel="canonical") le diz a os motores de búsqueda que versão de URL é a preferida quando múltiples URLs sirven o mesmo conteúdo. Isto previne problemas de conteúdo duplicado e consolida a autoridade de links. Usa siempre URLs absolutas nas tags canonical.

Tag Robots Meta

A tag robots meta controla como os motores de búsqueda rastrean e indexan tua página. As directivas comuns incluem "index, follow" (comportamento predeterminado), "noindex, follow" (no indexar mas seguir links) e "noindex, nofollow" (excluir completamente). Usa noindex para páginas delgadas, páginas de agradecimiento e conteúdo que no quieras nos resultados de búsqueda.

Meta tag Viewport

A tag viewport é crítica para o design responsivo móvel. Usa meta name="viewport" content="width=device-width, initial-scale=1.0" em cada página. Sem ela, os navegadores móveis renderizan as páginas com o largo do desktop e as reducen, resultando em texto diminuto e mala usabilidade.

Codificação de caracteres e idioma

Declara siempre a codificação de caracteres com meta charset="UTF-8" e o idioma da página com o atributo lang no elemento html. Estas declaraciones ajudam a os navegadores a renderizar o texto correctamente e a os motores de búsqueda a entender o idioma de tua conteúdo.

Meta tags que deves evitar

Algumas meta tags estão obsoletas o são ineficaces e ya no deveriam usarse:

meta keywords: Google no ha usado esta tag como factor de ranking desde 2009. Desperdicia largo de banda e pode expor tua estrategia de palavras clave a os competidores.
meta revisit-after: Os motores de búsqueda determinan a frecuencia de rastreo segundo suas próprios algoritmos, no esta tag.
meta author: No tem valor SEO. Usa datos estructurados para proporcionar informação do autor.

Valida tuas meta tags

Depois de implementar as meta tags, usa estas ferramentas para validarlas:

Facebook Sharing Debugger: Valida as tags Open Graph e muestra como aparecerá o conteúdo quando se comparta em Facebook.
Twitter Card Validator: Previsualiza como aparece tua conteúdo nas cartões de Twitter.
Google Rich Results Test: Verifica os datos estructurados e previsualiza como poderia aparecer tua página nos resultados de búsqueda.
Gerador de Meta Tags: Usa nosso gerador de meta tags para criar tags com o formato correto e previsualizar seu apariencia.

Usa nossas ferramentas gratuitas para generar meta tags perfectamente formateadas para tua site web.

Experimenta o gerador de meta tags

Perguntas frequentes

Seguem sendo importantes as meta keywords para o SEO?

No, os principais motores de búsqueda, incluídos Google e Bing, han confirmado que no usam a meta tag keywords como factor de ranking. Google dejó de usarla em 2009. Enfoca tuas esfuerzos no title tag, a meta description e os datos estructurados.

Que longitud deve ter o meta title?

O meta title deve ter entre 50 e 60 caracteres para evitar ser truncado nos resultados de búsqueda de Google. Google muestra aproximadamente 600 píxeles de largo de texto de título, lo que típicamente equivale a uns 55-60 caracteres dependiendo do largo das letras.

Que sucede se no agrego tags Open Graph?

Sem tags Open Graph, as plataformas de redes sociais escolhem automaticamente um título, descrição e imagem de tua página, lo que pode no ser óptimo. Poderias encontrar vistas previas quebradas, imagens incorrectas o descrições truncadas. As tags Open Graph te dão control completo sobre como se muestra tua conteúdo quando se compartilha.

Google ainda usa a meta description como factor de ranking?

Google no usa a meta description como uma senhal de ranking direta. No entanto, uma meta description bem escrita pode mejorar significativamente a taxa de clics desde os resultados de búsqueda, lo que envia senhales de relevancia indirectas e pode impactar positivamente o ranking com o tiempo.

Cada página deveria ter uma meta description única?

Sí, cada página deve ter uma meta description única que describa com precisão seu conteúdo. As meta descriptions duplicadas o genéricas em todas as páginas podem fazer que Google as ignore e genere suas próprios fragmentos, que podem ser menos atractivos para os usuarios.