Gerador de Twitter Cards
Crie etiquetas meta HTML para Twitter Cards com opções de título, descrição, imagem de destaque e identificadores de autor.
Executar ferramenta
O gerador de Twitter Cards cria etiquetas HTML meta prontas a integrar no cabeçalho de qualquer página web. Ao partilhar ligações nas redes sociais, estas etiquetas estruturam a apresentação visual do conteúdo através de cartões informativos. O formulário disponibiliza a seleção do tipo de cartão, assumindo por omissão o formato com imagem de grandes dimensões, ideal para publicações de blogue e páginas de produtos. Para obter o código final, basta indicar um título obrigatório para o artigo. Os campos adicionais permitem incluir uma descrição resumida, o endereço web direto para a imagem de destaque, a conta editorial do sítio e o identificador pessoal do autor. Todos os textos introduzidos passam por um processo de escape para proteger a sintaxe HTML. Se o campo do título permanecer vazio, o assistente não gera qualquer etiqueta. Copie o bloco de código gerado e cole-o diretamente na secção head do seu documento web.
Instruções
- Defina o modelo de cartão pretendido no campo do tipo de cartão ou mantenha o valor predefinido.
- Introduza o título da publicação no campo de preenchimento obrigatório.
- Indique, se desejar, uma descrição concisa do artigo ou recurso web.
- Insira o endereço URL absoluto da imagem e as contas de utilizador do sítio e do autor.
- Copie o bloco de etiquetas meta gerado no painel de saída e cole-o no cabeçalho HTML da página.
Exemplos
- Configuração de artigo de notícias: tipo de cartão definido como resumo com imagem grande, título do artigo, resumo de duas frases, ligação direta para a fotografia em formato JPG e conta institucional do portal.
- Configuração mínima de página institucional: tipo de cartão predefinido e título institucional preenchido, gerando as duas etiquetas essenciais de visualização.
Perguntas frequentes
Porque é que o painel de código não mostra resultados após a edição?
A criação de etiquetas requer obrigatoriamente um título. Caso o campo do título esteja vazio, o gerador não produz qualquer linha de código HTML.
Como são tratados caracteres como aspas ou sinais menor e maior no texto?
Todos os valores introduzidos recebem escape HTML antes de serem adicionados aos atributos das etiquetas, garantindo a integridade da estrutura da página.
Onde devo inserir o código gerado no meu sítio web?
O bloco com as etiquetas meta deve ser colado no interior da secção head do documento HTML correspondente à página partilhada.
Os campos de utilizador do sítio e do autor exigem o símbolo @?
Pode introduzir o identificador com ou sem o prefixo @, conforme a convenção habitual da plataforma para menções a contas.