RankEngineResposta rápida: preencha os campos e copie o bloco de tags para o seu <head>. A pré-visualização mostra o cartão 1.91:1 que a maioria das plataformas renderiza. Use uma imagem de 1200 × 630 e um URL HTTPS absoluto — essas duas escolhas resolvem a grande maioria das pré-visualizações quebradas.
Ferramenta grátis
Gerador de Open Graph — etiquetas og: e Twitter grátis
As tags que realmente importam
| Tag | Porquê |
|---|---|
og:title |
O título no cartão. Não é necessariamente o teu título de SEO — este é lido por uma pessoa a percorrer um feed. |
og:description |
Uma ou duas linhas. Cortado drasticamente no LinkedIn e Facebook. |
og:image |
O maior fator para determinar se o link é clicado. |
og:url |
O URL canónico. Mantém as partilhas de variantes etiquetadas ou com parâmetros consolidadas numa única entrada. |
og:type |
website, article ou product. |
twitter:card |
Define summary_large_image ou o X renderiza uma miniatura pequena. |
Tudo o resto é opcional, e os duplicados twitter:* de título, descrição e imagem só são necessários se quiseres que sejam diferentes dos valores Open Graph — caso contrário, o X recorre a og:.
Regras para imagens
- 1200 × 630 px, proporção 1.91:1.
- URL HTTPS absoluta. Um caminho relativo é a causa mais comum de um cartão sem imagem; os scrapers não os resolvem.
- Menos de ~5 MB, idealmente bem menos.
- Mantenha o texto afastado das bordas. Algumas superfícies cortam para um quadrado, e um título que vai de ponta a ponta perde as suas primeiras e últimas palavras.
- Não reutilize a foto do produto sem alterações. Uma foto de produto com fundo branco é adequada numa página de produto, mas invisível num feed. Um cartão com o nome do produto sobre a imagem é legível em tamanho de miniatura; a foto sem nada não é.
Cache busting
Cada plataforma armazena em cache a sua extração, muitas vezes por dias. Se substituir a imagem no mesmo URL, a antiga continua a aparecer. Duas soluções, por ordem de fiabilidade:
- Mudar o URL — novo nome de ficheiro ou adicionar
?v=2. Isto funciona sempre. - Forçar uma nova extração — Facebook Sharing Debugger, LinkedIn Post Inspector ou o validador de cartões do X. Normalmente funciona, ocasionalmente não.
Padrões do Shopify
A maioria dos temas já emite as quatro etiquetas principais a partir da imagem destacada e descrição do produto. Verifique antes de adicionar as suas próprias: duas etiquetas og:image numa página significam que a plataforma escolhe uma, e qual delas não é algo que você controla.
Se os padrões do seu tema estiverem adequados, a alteração de maior valor é geralmente uma imagem social feita para o propósito, em vez de mais etiquetas. Imagem de partilha social e SEO no Shopify cobre onde o tema define isto e como substituí-lo por produto.
Perguntas frequentes
O que são etiquetas Open Graph?
Etiquetas meta no <head> que indicam às plataformas sociais e apps de mensagens como renderizar um link: qual título, descrição e imagem mostrar na pré-visualização. Sem elas, cada plataforma adivinha a partir da página, geralmente escolhendo a primeira imagem que encontra e um fragmento truncado do texto principal.
Qual deve ser o tamanho da og:image?
1200 × 630 px, uma proporção de 1.91:1. Isso garante uma renderização correta como um cartão grande no Facebook, LinkedIn, X e Slack. Mantenha o tamanho abaixo de 5 MB, use um URL HTTPS absoluto e evite texto importante nas bordas, pois algumas superfícies cortam para um quadrado.
Preciso de etiquetas Twitter card além das Open Graph?
Na maioria das vezes, não. O X recorre às Open Graph quando os equivalentes twitter: estão ausentes, por isso og:title, og:description e og:image geralmente são suficientes. A única etiqueta que vale a pena adicionar explicitamente é twitter:card definida como summary_large_image, que seleciona o formato grande em vez da miniatura pequena.
As etiquetas Open Graph afetam o SEO?
Não diretamente — o Google não as usa para classificação. Elas afetam se um link partilhado parece algo que vale a pena clicar, o que influencia partilhas e o tráfego e links que se seguem. É um efeito indireto, mas real.
Atualizei a minha imagem e a antiga ainda aparece. Porquê?
Cada plataforma armazena a captura em cache de forma agressiva. Force uma atualização com o Facebook’s Sharing Debugger, LinkedIn’s Post Inspector ou o validador de cartões do X. Se a imagem mudou no mesmo URL, altere também o URL — um novo nome de ficheiro ou uma string de consulta é a única forma fiável de ultrapassar um cache teimoso.
O que faz o Shopify por padrão?
A maioria dos temas emite og:title, og:description, og:image e og:url, usando a imagem em destaque do produto. Isso é um padrão razoável, mas raramente é o ideal: uma foto de produto num fundo branco faz um cartão social fraco comparado com uma imagem 1200 × 630 feita de propósito com o nome do produto.
Todas as ferramentas grátis
SEO Title Generator & Checker
Generate SEO titles from your keyword and check any title's character count, pixel width, and keyword position.
Meta Description Generator & SERP Preview
Generate high-converting meta descriptions and preview how your page looks in Google.
Keyword Density Checker
Paste any text and see keyword density, top 1–2–3-word phrases, and stuffing warnings.
Robots.txt Generator (AI-Crawler Aware)
Generate a correct robots.txt in seconds.
LSI & Related Keyword Generator
Generate related keywords, question keywords, and commercial long-tails from any seed term.
Image Alt Text Generator & Checker
Build descriptive, SEO-friendly alt text for product images and check existing alt text for length, redundancy, and stuffing.
Googlebot Simulator — See What Google Sees
Fetch any URL with Googlebot's user agent: status code, redirects, title, meta robots, canonical, X-Robots-Tag, H1s, and an indexability verdict.
Schema markup generator
Generate valid JSON-LD schema free: Product, FAQPage, BreadcrumbList, LocalBusiness and Article.
Hreflang tag generator
Build a valid hreflang cluster for every language version of a page, with x-default, and a built-in check that every URL points back at every other one..
UTM builder
Build consistent UTM-tagged campaign URLs free.
URL slug generator
Turn any title into a clean, lowercase, hyphenated URL slug.
Readability checker
Paste text and get Flesch Reading Ease, Flesch-Kincaid grade level, sentence length distribution and the specific sentences that are dragging the score down..
SERP preview tool
Preview how a title, URL and meta description will render in Google on desktop and mobile, measured in pixels rather than characters so truncation is accurate..
SEO ROI calculator
Estimate what a ranking improvement is worth: search volume, position-based CTR, conversion rate and order value, plus a payback period on your SEO spend..
SEO report generator
Generate an on-page SEO report for any URL: title and meta lengths, headings, canonical, schema types, image alt coverage, links and indexability, scored..
Guias relacionados
Open Graph Images on Shopify: Fix Your Link PreviewsShopify meta titles: fix duplicates at scaleShopify meta description: write ones that rankShopify noindex: keep the right pages out of Google
Run this across your whole catalog
RankEngine applies and verifies these fixes on every product in your Shopify store — automatically.
Install RankEngine free