Validador de gráfico aberto

Extraia e verifique os metadados de qualquer gráfico aberto

Inspecione gráficos abertos com o Open Graph Validator da ETTVI para garantir que os metadados de uma página da web chamem a atenção quando compartilhados nas redes sociais. Esta ferramenta avançada ajuda os webmasters a descobrir como seus links aparecem no Facebook, Pinterest, Instagram e LinkedIn em tempo real.

Basta inserir o URL da sua página da web e ver com que rapidez o Open Graph Validator da ETTVI exibe a visualização e os metadados do gráfico aberto. Ele irá extrair e destacar o copiável:

• Título do Gráfico Aberto

• Descrição do Gráfico Aberto

• Tipo de recurso da web

• Nome do site

• URL do site

• imagem URL

O inovador Open Graph Generator Validator da ETTVI extrai as  meta tags OG  - ele busca e exibe automaticamente as meta tags do gráfico aberto. O usuário pode facilmente copiar ou baixar os códigos do gráfico aberto solicitado.

Verifique e extraia metatags de gráficos abertos - visualize gratuitamente como os links da web aparecem nas redes sociais.

Siga estas etapas para verificar o gráfico aberto de qualquer link da web:

PASSO 1 “Inserir URL”

Coloque o link para uma página web para validar seu gráfico aberto da seguinte forma:

PASSO 2 “Execute a ferramenta”

Clique em validar para executar o Open Graph Checker da ETTVI.

PASSO 3 “Visualizar gráfico aberto”

O Open Graph Validator da ETTVI exibirá o gráfico aberto para mostrar como seu link aparecerá nas redes sociais da seguinte forma:

PASSO 4 “Verificar detalhes do gráfico aberto”

O Open Graph Validator da ETTVI extrairá e destacará as seguintes informações:

PASSO 5 “Obter meta tags do gráfico aberto”

O Open Graph Validator da ETTVI extrairá as Meta Tags OG e as exibirá da seguinte forma:

Clique em ou para salvar as meta tags do gráfico aberto fornecido.

O Open Graph Validator da ETTVI é o melhor para garantir que os usuários de mídia social considerem seus links da web significativamente notáveis ​​ou não. Ele permite visualizar e verificar gráficos abertos de qualquer web em menos de um minuto. Além disso, você pode extrair facilmente metadados e metatags copiáveis ​​de qualquer gráfico aberto com a ferramenta avançada do ETTVI.

Dê uma olhada abaixo para saber o que o Open Graph Checker da ETTVI oferece e por que você deve escolhê-lo:

Interface amigável

A equipe ETTVI garantiu que os usuários pudessem encontrar, acessar e usar facilmente esta ferramenta para testar o gráfico aberto de qualquer recurso da web. Todos os recursos e funções do Open Graph Validator da ETTVI foram exibidos de forma destacada e adequada de maneira organizada. Além disso, o que o Open Graph Tester da ETTVI faz, como e por que os usuários devem usá-lo foi claramente especificado.

Precisamente, a forma como esta ferramenta foi desenhada e desenvolvida para verificar o gráfico aberto de qualquer link web é verdadeiramente notável. Funciona de forma eficiente e precisa para ajudar os webmasters a validar qualquer gráfico aberto.

Validação com um clique

O Open Graph Validator da ETTVI exige apenas que o usuário insira a URL de um recurso da web para buscar e exibir seu gráfico aberto. Com apenas um clique, os usuários podem verificar e validar o gráfico aberto de qualquer página web. Caso o usuário encontre algum problema no entendimento do funcionamento da ferramenta, poderá ler o manual integrado para saber como testar o gráfico aberto com o Open Graph Validator da ETTVI.

Extração Rápida

Quando o usuário insere a URL de um recurso web, ele busca e exibe automaticamente todos os detalhes do gráfico aberto. Resumindo, o Open Graph Validator da ETTVI extrai os metadados e metatags do gráfico aberto solicitado e permite aos usuários copiá-los ou baixá-los conforme necessário. Com certeza, todos os webmasters, incluindo SEOs, profissionais de marketing de mídia social e blogueiros, podem aproveitar esta ferramenta avançada para rastrear as meta tags og ou o título e a descrição de qualquer gráfico aberto em tempo real.

Acesso Gratuito e Ilimitado

ETTVI permite que os usuários acessem e utilizem o Open Graph Validator gratuitamente. Pessoas de todo o mundo podem validar gráficos abertos com esta ferramenta avançada - independentemente de qualquer limite de tempo e assinatura.

O conteúdo é o mais importante. No entanto, mesmo o melhor material passaria despercebido sem o compartilhamento nas redes sociais e plataformas que promovam o compartilhamento. Se um usuário deseja maximizar o alcance nas redes sociais, a primeira coisa que deve fazer é melhorar a aparência do conteúdo quando compartilhado, o que os SEOs podem fazer com tags Open Graph.

O que são metatags de gráfico aberto?

Cada página web pode ser transformada em um objeto rico no gráfico social através do protocolo Open Graph. É possível alterar a forma como os URLs aparecem nas redes sociais adicionando meta tags Open Graph ao cabeçalho das tags HTML.

A seção de uma página da web contém essas tags. Tags Open Graph são quaisquer tags com o prefixo og: antes do nome da propriedade.

As meta tags para gráficos abertos são codificadas da seguinte forma:

Depois de aprender o que são tags de gráfico aberto, os SEOs podem perguntar como é a codificação dessas tags.

A fórmula básica para esta codificação é a seguinte:

Embora o Facebook tenha sido pioneiro neste conceito, desde então ele foi adotado por outras empresas de mídia social. Twitter, LinkedIn e Google reconhecem tags abertas do Graphs. Embora o Twitter tenha suas próprias meta tags chamadas "Twitter Cards", ele ainda reconhece e emprega tags Open Graph e o fará se nenhum Twitter Cards for encontrado. No entanto, os SEOs podem usar o verificador de gráfico aberto do ETTVI, que fornece uma visão geral das tags válidas que foram implementadas com sucesso.

Por que o protocolo Open Graph é necessário para o site?

O Open Graph Protocol melhora a experiência do usuário com conteúdo compartilhado. Aumenta a exposição do conteúdo, torna-o mais interessante e incentiva os leitores a clicarem nele.

Por exemplo, envolver-se com itens valiosos como:

• Aumente o número de pessoas que visitam o site

• Melhore as classificações nos mecanismos de pesquisa e aumente as vendas

• Obtém backlinks de alta qualidade para o site

• Aumente o número de pessoas que respondem ao conteúdo específico

• Aumente o número de seguidores nas redes sociais

• Aumente a taxa de cliques (CTR) do site

Use tags OG para notificar as redes sociais sobre qual conteúdo elas devem exibir quando alguém compartilha o conteúdo. O Facebook não é um bom lugar para postar um link se a imagem estiver faltando ou o título estiver incorreto. As tags OG também podem ser usadas para atingir determinados grupos ou locais. Por exemplo, os SEOs podem controlar as informações que aparecem aos usuários em uma área específica. Vamos começar com alguns princípios básicos de metadados para gráficos abertos.

Noções básicas de metadados

Existem quatro meta tags fundamentais que cada página deve incluir:

• og:title: o título da página. Isto não deve incluir quaisquer identificadores específicos do site, mas apenas informações sobre a própria página.

• og:type: o tipo de conteúdo da página. O tipo mais comum é um site, mas mais variedades estão disponíveis se os webmasters precisarem de algo mais específico.

• og:image: a imagem que aparecerá na visualização de um link. Esta deve ser uma imagem representativa do conteúdo da página. Além disso, é benéfico incluir uma imagem substituta representando o site vinculado ao link.

• og:url: o URL canônico da página. Deve ser um URL totalmente qualificado.

Embora a implementação de tags Open Graph não tenha efeito direto no SEO da página, certamente terá efeito no desempenho dos links de mídia social. Como resultado, é um aspecto crítico a ser investigado!

Compreendendo E Meta Tags no Facebook

As metatags de gráfico aberto no Facebook vêm em uma variedade de sabores. Aqui estão muitos tipos de gráficos abertos que explicarão como usar cada um.

e: título

O título do conteúdo é definido da maneira que o usuário espera. O código ainda pode usar a meta tag de título padrão para essa finalidade. O meta título é usado em vez da tag og:title se o Facebook não o localizar na página.

Lembre-se de que o texto exibido no feed de notícias do Facebook está em negrito e é incrivelmente atraente. Assim como um bom título de artigo de blog, deve ser intrigante.

Uma regra prática razoável é manter entre 60 e 90 caracteres, mas não há restrição superior ou inferior. O Facebook truncará o título para apenas 88 caracteres se tiver mais de 100 caracteres.

e:url

Ao compartilhar uma página, é fácil definir o URL canônico da página. Essencialmente, isso significa que todos os compartilhamentos estarão vinculados a uma única página da web. Esta é uma tag útil se o conteúdo tiver muitos URLs apontando para o mesmo conteúdo. Uma observação importante: o feed de notícias do Facebook mostra apenas o nome do domínio e não o URL fornecido pelos usuários.

e: tipo

Isso expressa o tipo de objeto, aqui estão alguns exemplos:

Entretenimento:

• livro

• jogo

• filme

Há muita sobreposição entre este meta-descritor e a tag de meta descrição HTML. A tag og:description é usada para descrever o conteúdo do Facebook; ele aparece abaixo do título do link, e não no topo da página de resultados de um mecanismo de pesquisa. Não perca muito tempo tentando descobrir como incluir palavras-chave no conteúdo. Como resultado, não terá impacto nas classificações do mecanismo de pesquisa. No entanto, se os SEOs desejam que os usuários cliquem nele, eles precisam torná-lo interessante e envolvente, e podem verificar sua descrição, título, imagem e conteúdo com o validador de gráfico aberto da ETTVI.

Cartões do Twitter

Os cartões do Tumblr são um tipo de meta tag social usada apenas para twittar.

O Twitter usa tags de cartão do Twitter, que fornecem maior poder e opções quando estão disponíveis. Caso contrário, Open Graph será usado como padrão (novamente, se fornecido).

Com os cartões do Twitter, conteúdo adicional, como fotografias, vídeos e outras mídias, é incorporado instantaneamente ao Tweet, aumentando a interação.

Tags para cartões do Twitter

Twitter:card determina o tipo de cartão usado em uma situação.

Resumo - oferece um cartão de resumo que inclui a imagem de um quadrado acompanhado das informações resumidas.

Imagem de resumo grande: quando a imagem usada é retangular, o usuário deseja usar uma imagem de resumo grande em vez de uma imagem de resumo pequena.

twitter:description (og:description) Uma descrição da página ou artigo.

twitter:site Usando o identificador do Twitter, associado à empresa ou site

twitter:criador (opcional). Criou o identificador do Twitter do criador de conteúdo. Somente se o twitter:card for definido para resumir uma imagem grande essa tag será significativa.

Imagens quadradas (através da tag twitter:image) dimensionadas entre 4096x4096 e 144x144 pixels podem ser usadas para Twitter:cards definidos como resumo.

Além disso, imagens retangulares entre 4096x4096 e 300x157 pixels são suportadas para o parâmetro de resumo de imagem grande, que pode ser usado para imagens maiores. Arquivos JPG, WEBP, GIF e PNG são suportados e não devem exceder 5 MB de tamanho. O Twitter, por outro lado, não oferece suporte a GIFs animados. Em vez disso, o primeiro quadro é usado. Porém, a ferramenta Open Graph Checker da ETTVI auxiliará os profissionais de SEO na identificação e otimização das Tags OG em uma página web, de acordo com suas necessidades.

Configurando tags Open Graph do Shopify para Facebook

Tags OG como og:title e og:image são extraídas de variáveis ​​como a tag de título e a imagem em destaque na maioria dos temas do Shopify. Somente a tag og:image pode ser personalizada por meio da interface do Shopify. Tema/Personalizar/Configurações do tema/Personalizar/Mídia social/escolha uma imagem no menu suspenso. Para ver como isso é feito, vá em Loja Online > Temas > Ações>Editar código>Snippets>social-meta-tags liquid na barra de rolagem. Se os usuários precisarem fazer alterações no código, eles poderão fazê-lo.

Wix permite adicionar tags de gráfico aberto

Além do meta título e da descrição da página, o Wix também usa outros dados para preencher tags OG típicas.

Nas opções de “Compartilhamento social”, os usuários podem alterar a descrição, o título e a imagem do OG de cada página. A imagem OG também pode ser personalizada para todo o site. No menu principal, selecione Configurações > Compartilhamento Social. O Wix simplifica a adição de tags OG porque nada precisa ser codificado.

Abra tags gráficas no painel de administração do WordPress

O plugin SEO do Yoast pode ajudar a melhorar a classificação do site nos mecanismos de pesquisa. Uma caixa de ferramentas de SEO deve ser exibida no editor de postagem ou página, até a parte inferior. Selecione "Facebook" no menu suspenso "Social"

Para definir as tags og:description, og:title e og:image, digite as informações aqui. Não há necessidade de definir og:url explicitamente, o Yoast cuida disso. As dimensões da imagem também estão incluídas na lista de tags OG que podem ser benéficas. Um usuário pode não saber disso, mas se não tiver uma imagem em destaque para a postagem, o Yoast a usará por padrão. Para economizar tempo, ele também adicionará outras tags de cartão do Twitter e OG, como nome do site, tamanho da imagem e assim por diante.

Definir uma tag og:image em todo o site também é recomendado. Quando um URL compartilhado não possui uma tag personalizada, esta mensagem é exibida. Usando as configurações do Yoast, ele localizará esta opção. Yoast > Facebook > Redes Sociais Assim que o botão estiver definido como "Ativado", envie uma imagem apropriada. Este é um bom lugar para imagens de marca.

O que acontecerá se a postagem não tiver tags OG?

Por padrão, a maioria das redes sociais fará o possível para criar uma prévia do conteúdo. Na maioria das vezes, isso não acontece como planejado. Mesmo que o nome da minha página apareça no título e na descrição, o tweet não é particularmente atraente. Vemos uma história diferente quando comparada à visualização de uma única postagem. Então, o que acontece se um usuário não usar tags gráficas abertas em seu site? Nada de terrível acontecerá, mas não será possível utilizar algumas das características que distinguem o Conteúdo do dilúvio de outros conteúdos publicados online.