Esta tradução ainda não foi revista editorialmente. A versão alemã é vinculativa. Deutsche Fassung
SEO
Por que meu site precisa de uma meta tag twitter:card?
Se você compartilhar um link no X (antigamente Twitter), no melhor caso você verá um mapa com imagem, título e descrição. Se aparece, decide uma única meta tag na cabeça da página: twitter:card. Chama o tipo de cartão, por exemplo, um grande cartão de imagem. Título, descrição e imagem X então lê a partir das tags de gráfico aberto, que muitos sites têm há muito tempo – mas o tipo de cartão apenas a partir de sua própria tag. Se estiver faltando, o post permanece um link nu. A área de teste SEO relata isso como sua própria descoberta.
O Open Graph cobre quase tudo, mas não o tipo de cartão
A maioria das plataformas — WhatsApp, LinkedIn, Facebook, Signal — constroem sua visualização a partir das tags de gráficos abertos: og:title, og:description, og:image. X é diferente: aceita estes valores como substituto do twitter:title e parentes, mas requer explicitamente a tag twitter:card para desenhar uma carta em tudo. O resumo do valor gera uma pequena carta com a imagem à esquerda, resumo grande imagem uma grande carta de imagem sobre a largura completa. Sem a tag, X só mostra o endereço — a página parece discreta no feed, e quem compartilhou recebe menos cliques. A área de teste lê a tag da cabeça da página medida; conta 3 de 100 pontos no livro de regras seo-v2.
Um dia, não um projecto
A correção é uma linha na cabeça da página: uma meta tag chamada twitter:card e um dos valores permitidos. A maioria dos sistemas editoriais colocá-lo através de seu módulo SEO, muitas vezes é apenas uma marca de verificação lá. Importante, a imagem de og:image está em um formato que leva X — pelo menos 300 vezes 157 pixels, melhor 1200 vezes 630, menos de cinco megabytes, acessível via https. Um próprio twitter:image só é necessário para que a imagem X se desvie da imagem de um gráfico aberto. O teste não diz se a imagem parece boa; Ela diz que se o X consegue construir um mapa.
- No cabeçalho de cada página, coloque uma meta tag twitter:card com o resumo de valor grande imagem se houver uma imagem de paisagem, caso contrário resumo.
- Verifique se og:image é acessível via https e tem pelo menos 1200 vezes 630 pixels — X lê esta imagem.
- Teste uma página com o validador de cartão de X ou inserindo o link em um post privado: Se nenhum cartão aparecer, a etiqueta normalmente está faltando.
- Tenha a tag definida no modelo de página, não cada lado à mão - caso contrário, está faltando em cada nova página novamente.
