Tamanho de imagem válido para marcação de trecho JSON-LD

Tamanho de imagem de PC e AMP para marcação de trecho JSON-LD válida

Atualizado em 20.7.2021

Este artigo ajudará você a saber como escolher o melhor tamanho de imagem para rich snippets testados com código JSON válido, bem como práticas recomendadas básicas para imagens usadas em suas páginas e postagens da Web.

Em um recente hangout para webmasters, John Mueller, do Google, falou sobre como o gigante das buscas planeja usar a pesquisa de imagens para tarefas mais transacionais, mais educacionais e mais relacionadas à pesquisa em 2020 e além. Vimos o aumento de imagens em Rich Cards e outros snippets de recursos avançados que incluem recursos visuais e esperamos que isso continue. Isso significa que ter um tamanho de imagem válido é mais importante do que nunca.

vamos às suas perguntas-chave imediatamente.

As imagens nas páginas AMP têm requisitos de tamanho?

sim. Cada página da web deve ter pelo menos uma ou, de preferência, várias imagens de alta resolução com no mínimo 800.000 pixels ao multiplicar largura e altura. O aspecto da largura deve ter no mínimo 800px.

O que significa este aviso: tamanho da imagem menor que o recomendado?

Uma página é marcada com esta notificação e é avaliada como uma página abaixo do ideal porque contém uma ou mais imagens com tamanho inferior ao recomendado. Normalmente, esse aviso é extraído da imagem em destaque.

Se sua empresa deseja ganhar visibilidade no Google News Carousel, Top Stories ou Product Carousels, por exemplo, ela exige dimensões de imagem específicas para um layout adequado. Também garante que, quando o pesquisador chegar à página, possa esperar uma imagem de qualidade para apoiar o tópico.

Qual é a vantagem de estar em conformidade com as especificações de imagem AMP?

• Ao seguir essas diretrizes, é mais provável que seus artigos obtenham posicionamento em destaque em snippets em destaque e no topo dos resultados de pesquisa. Não afeta a indexação de páginas HTML padrão.
• Ao atender às recomendações mínimas, seu conteúdo de mídia aumenta suas chances de ter um artigo em destaque no carrossel de AMP.
• Mais frequentemente do que nunca, as pessoas estão iniciando uma pesquisa realizando uma pesquisa de imagens. honrando o que funciona melhor para que os mecanismos de pesquisa encontrem e exibam seu conteúdo, você pode conquistar novos negócios.

As imagens de logotipo também têm requisitos de tamanho para AMP?

sim. Existem requisitos básicos de formato, dimensão e preenchimento do logotipo para páginas AMP. O logotipo deve caber dentro de uma caixa de 60 x 600 pixels; no entanto, ele será renderizado no carrossel de AMP em um tamanho de 16 x 160. Os logotipos AMP devem ter as dimensões de uma caixa de 60 x 600 pixels.

IMAGEM DO LOGOTIPO DO SITE

Para entender o uso abrangente de imagens no esquema, 'logo' e 'foto' são categorizados como subpropriedades de 'imagem'. O uso correto significa obter mais controle sobre o que é preenchido no Google Knowledge Graph de uma empresa .

Todo site tem um logotipo (ou deveria ter um), e a marcação correta logo permite que os webmasters digam ao Google qual imagem eles desejam usar na exibição do Gráfico de conhecimento.

As Diretrizes de imagem do Google dizem: “Você pode especificar qual imagem o Google deve usar como logotipo de sua organização nos resultados de pesquisa e no Gráfico de conhecimento. Para fazer isso, adicione a marcação da organização schema.org ao seu site oficial que identifica a localização do seu logotipo preferido.”

A capacidade de uma empresa de avançar sua posição nas SERPs continua a crescer, e os algoritmos do Google agora dependem mais dessa forma de marcação . Schema.org fornece uma lista de seus novos lançamentos. Esquema para imagens foi fornecido por algum tempo. A versão 1.7 de 8 de julho de 2014 declarou: “Esta versão altera a propriedade da imagem, observando que ImageObject é um valor razoável”. E está se desenvolvendo rapidamente, então as empresas têm mais oportunidades de usar marcação.

Google atualiza suas Diretrizes de imagem de dados estruturados

O Google está adotando uma abordagem mais estruturada com especificidades em sua imagem de dados estruturados para uso de imagem.

Começamos a fazer cópias da página de produtos do desenvolvedor do Google para acompanhar como essas diretrizes estão sendo atualizadas e comparar as variações. Ao realizar uma análise de comportamento do consumidor, observe qual segmento de público chega ao seu site por meio de uma pesquisa de imagens.

Seja para um negócio local, receitas, marcação de produtos , livro, evento, telefilmes, etc, cada um precisa de atenção especial agora às suas diretrizes de imagem. Alguns tipos de dados foram atualizados de uma propriedade recomendada para um tipo obrigatório.

As diretrizes anteriores que tínhamos eram escassas e diziam pouco além de fornecer uma imagem; no entanto, os indivíduos que implementam o esquema agora devem aderir às novas diretrizes que são muito mais descritivas. Uma nova diretriz é óbvia: " URLs de imagem devem ser rastreáveis ​​e indexáveis ​​".

Anteriormente, precisávamos apenas fornecer um URL para cada imagem. Agora, o Google indica que deseja "Campo repetido de ImageObject ou URL". Embora algumas de nossas páginas não contenham uma imagem, as novas diretrizes dizem: "Toda página deve conter pelo menos uma imagem e não especifica que isso é apenas para páginas e postagens que incluem marcação de esquema. A diferença pode significar se seu conteúdo aparece ou não em Google Cards populares .

O Google recomenda usar content=”max-image-preview:large” para incentivar a classificação no Google Discover para URLs não AMP.

O Google detecta entidades da Web com uma imagem local

O Google está se aprofundando no mapeamento de entidades locais e vaza indicações de que está prestes a levar a pesquisa de imagens a um nível totalmente novo.

Mas agora sabemos que o Google selecionará a imagem que deseja exibir nos resultados de pesquisa levando em consideração a proporção e a resolução de cada imagem. É interessante que “resolução” agora seja referenciada, o que indica um reconhecimento de que os usuários aprendem muito sobre uma página a partir das imagens usadas nela e o Google está especificando mais sobre quais fatores importam na seleção de imagens. Realize uma auditoria completa do site para ter chances de melhorar como suas imagens podem ser usadas de forma mais eficaz na pesquisa visual.

Qualquer imagem antiga não é útil para os espectadores, então, naturalmente, sabíamos o tempo todo que as imagens precisam ser relevantes para o conteúdo marcado com esquema. Uma mudança clara é que o Google agora revela que prefere uma variedade de imagens em diferentes proporções. Assim como um ótimo conteúdo, suas imagens devem ser centradas no consumidor e atrair seu público . Aprendemos que, "Para obter melhores resultados, forneça várias imagens de alta resolução (mínimo de 800 mil pixels ao multiplicar largura e altura) com as seguintes proporções: 16 × 9, 4 × 3 e 1 × 1".

Se você estiver usando a propriedade de imagem thumbnailUrl , as mesmas diretrizes – incluindo a recomendação para várias proporções – entram em ação. Nem tudo foi no sentido de ser mais específico. Considerando que a TV e os filmes anteriormente precisavam de uma imagem com "um mínimo de 140px de largura por 210px de altura, com uma proporção de 2:3", atualmente, essas especificações são substituídas por esses novos formatos de imagem "padrão", ou seja, a chamada do Google para "16× 9, 4 × 3 e 1 × 1 ".

Os webmasters que enfrentam a tarefa de voltar, atualizar e substituir a imagem anterior para atender às novas solicitações de imagem de dados estruturados do Google ficarão felizes em saber que as diretrizes de imagem do artigo não foram alteradas. Eles mantêm a mesma especificação para a largura do pixel da imagem: o URL para uma imagem que é representativa do artigo. Apenas uma imagem marcada que pertença diretamente ao artigo deve ser especificada. Anteriormente, as imagens precisavam ter pelo menos 696 pixels de largura; certifique-se de manter-se atualizado com as práticas recomendadas do Google para ter mais chances de exibir suas imagens no Google Maps .

IMAGEM DO ARTIGO

Como atualmente encontrado exatamente nas Diretrizes do Google: “ImageObject; obrigatório (AMP), recomendado (não AMP)

Diretrizes de imagem adicionais:

• Apenas uma imagem marcada que pertença diretamente ao artigo deve ser especificada.
• As imagens devem ter pelo menos 1200 pixels de largura (anteriormente 696 pixels de largura).
• Cada página deve conter pelo menos uma imagem (incluída ou não marcação). O Google escolherá a melhor imagem para exibir nos resultados da Pesquisa com base na proporção e na resolução.
• Os URLs de imagem devem ser rastreáveis ​​e indexáveis.
• As imagens devem representar o conteúdo marcado.
• As imagens devem estar em .jpg, .png ou. formato gif.
• Para obter melhores resultados, forneça várias imagens de alta resolução (mínimo de 800.000 pixels ao multiplicar largura e altura) com as seguintes proporções: 16×9, 4×3 e 1×1.

Como obter um artigo, um blog e uma imagem de postagem de blog ideais em suas postagens do Google

Os sites de comércio eletrônico podem aumentar a venda com o esquema de imagem do produto correto.

Aqui está um exemplo de quando seu site pode se beneficiar do uso correto de imagens. Quando uma nova postagem no Google é publicada, ela pode incluir uma imagem atraente no link gerado. O Google renderiza uma visualização, ou snippet de SERPs, que hoje consiste no título da página, uma breve descrição dela e uma imagem em miniatura para chamar a atenção do espectador.

Cada imagem em uma página deve ter uma tag alt relacionada ao tópico da página e compatível com a intenção de pesquisa correspondente .

O Google fornece detalhes abrangentes sobre a renderização de uma imagem de artigo .

A partir de 6 de janeiro de 2017, fomos obrigados a ter marcação de esquema de imagem com um tamanho de imagem de acordo com as seguintes diretrizes:

* A imagem tem pelo menos 400px de largura

* A imagem tem uma proporção não maior que 5:2 (largura:altura).

Quando sua imagem +Snippet não é exibida

O Google revela um possível motivo: “Imagens muito pequenas ou não quadradas o suficiente não são incluídas no +Snippet, mesmo que as imagens sejam explicitamente referenciadas por microdados schema.org ou marcação Open Graph. Especificamente, a altura deve ser de pelo menos 120px e, se a largura for menor que 100px, a proporção não deve ser maior que 3.0.”

TAMANHO DA IMAGEM DO VÍDEO

Os usuários da Internet estão aumentando o nível de consumo de conteúdo de vídeo . O que isso significa para você implica que marcar seu site com partes da web de vídeo com dados estruturados ajudará a Pesquisa semântica do Google com um ponto de entrada para descobrir e ajudar a corresponder consultas de pesquisa a seus vídeos relevantes disponíveis on-line.

Deve ser fornecido um thumbnailUrl que indique o arquivo de imagem em miniatura do vídeo que pode ser exibido nas páginas de resultados do mecanismo de pesquisa (SERPs). “As imagens devem ter no mínimo 160×90 pixels e no máximo 1920×1080 pixels. Recomendamos imagens nos formatos .jpg, .png ou .gif. Todos os URLs de imagem devem ser rastreáveis ​​e indexáveis. Caso contrário, não poderemos exibi-los na página de resultados de pesquisa”, afirma o Google atualmente.

As seguintes práticas recomendadas de miniaturas personalizadas para tamanho e resolução de imagens de vídeo são oferecidas: “Sua imagem em miniatura personalizada deve ser o maior possível, pois a imagem também será usada como imagem de visualização no player incorporado. Recomendamos suas miniaturas personalizadas:

* Tenha uma resolução de 1280×720 (com largura mínima de 640 pixels).

* Ser carregado em formatos de imagem como .JPG, .GIF, .BMP ou .PNG.
Permaneça abaixo do limite de 2 MB.

* Tente usar uma proporção de 16:9, pois é a mais usada em players e visualizações do YouTube.”

Seu conteúdo de vídeo é uma imagem altamente visível e procurada pelos usuários da Internet. Reserve um tempo para selecionar a imagem da capa que anuncia o conteúdo do seu vídeo. Maximize o impacto de suas imagens na página e na pesquisa para aumentar o interesse e incentivar o envolvimento do usuário.

CARROSSEL DE IMAGEM AMP

Ele usa o arquivo amp-carousel-0.1.js e width: 100% . Os codificadores contam com o tipo carousel para exibir uma lista de imagens de tamanho semelhante como uma faixa contínua. O componente amp-carousel faz uso ideal de espaços de tela menores em smartphones para permitir que os espectadores móveis escolham entre várias miniaturas semelhantes de conteúdo oferecidas clicando em uma imagem ao longo de seu eixo horizontal.

O artigo da RelayMedia intitulado Spread the Carousel Love ** começa dizendo: “Qualquer editor que hesitar em relação ao AMP deve considerar a oportunidade que está perdendo. Basicamente, não há risco na publicação de artigos AMP e muito a ganhar em termos de destaque de pesquisa e aprendizado.”

Estamos vendo um uso mais amplo do carrossel de imagens do produto. Este é um imóvel de alto valor para autores de livros, cineastas, pessoas famosas e lojas de comércio eletrônico. E espera-se que seu uso cresça.

A página AMP por exemplo usa 400 pixels de largura por 300 pixels de altura para cada imagem do carrossel.

GALERIA DE IMAGENS NÃO AMP

Página não AMP com galeria de imagens de dados estruturados

Se seu site ainda não estiver pronto para os benefícios do AMP, as páginas não AMP também podem se tornar uma pesquisa aprimorada em uma lista de resultados aprimorados de SERP ou em um carrossel que exibe páginas da Web não AMP semelhantes. As pesquisas aprimoradas podem incluir títulos e imagens. Embora o Google tente extrair informações suficientes automaticamente para que os sites possam se qualificar para esses recursos, se a página da Web tiver implementado corretamente os dados estruturados, ela poderá ajudar os mecanismos de pesquisa a interpretar melhor seu conteúdo e aumentar a probabilidade de obter uma imagem de rich card ou um carrossel de imagens resultado. Os dados do esquema foram incorporados às práticas fundamentais de SEO .

Uma imagem em miniatura relevante para a Coisa


"primaryImageOfPage": {
"description": "Indicates the main image on the page.",
"$ref": "file://imageobject.json"
},
"image": {
"oneOf": [
{
"$ref": "file://imageobject.json"
},
{
"type": "string",
"format": "uri"
}
],
"description": "An image of the item. This can be a href=\"https://schema.org/URL\">URL or a fully described href=\"https://schema.org/ImageObject\">ImageObject."
},
"thumbnailUrl": {
"type": "string",
"description": "A thumbnail image relevant to the Thing.",
"format": "uri"
},


O Github JSON Schema Form Repository é um site ideal para participar para obter exemplos de código e contribuir para a expansão dessa área da Web. Como o Google se preocupa muito com consultas de pesquisa com intenção transacional; novos tipos de marcação de esquema de comércio eletrônico estão surgindo e se expandindo .

Por que os sites precisam ser otimizados para a pesquisa de imagens

Rand Fishkin relatou sua análise da pesquisa de imagens do Google em um artigo de 14 de março de 2017 intitulado The State of Searcher Behavior Revealed Through 23 Remarkable Statistics .

Rand relatou sua análise da pesquisa de imagens do Google nos dados da Jumpshot e da Moz e descobriu que:

• Google Image Search é a 2ª plataforma de busca mais usada, logo após Google.com em 1º lugar.

• Suas pesquisas são mais do que as 10 principais propriedades da web restantes combinadas.

• Mais de 10 vezes mais do que qualquer pesquisa no Bing ou Yahoo.

• Eles registram mais de 40 vezes o número de buscas de imagens na plataforma do Facebook.

Rand afirmou que “porque as pessoas são naturalmente atraídas por imagens e porque o Google usa dados de cliques para mostrar especificamente imagens que geram mais engajamento”, mais cliques estão acontecendo a partir do bloco de imagens. Com o uso crescente da marcação JSON, adicionar esse esquema corretamente está dando aos sites que gerenciamos visibilidade aprimorada em SERPs.

Detalhes de imagem exatos e especificados estão nas Diretrizes de esquema do Google

Grande parte da tecnologia inovadora de hoje para reconhecimento de imagem depende da tecnologia Deep Learning , uma forma avançada de Machine Learning e do sucesso crescente da Inteligência Artificial. Anteriormente, os profissionais de pesquisa semântica precisavam aderir a diretrizes menos rígidas ao usar a propriedade image para marcação de esquema que se aplica a LocalBusiness , um Article e NewsArticle. Inicialmente, era necessário apenas um URL de imagem. Em seguida, afirmou que “[a] URL, ou lista de URLs apontando para o(s) arquivo(s) de imagem representativo”, juntamente com sugestões. Muitas das sugestões iniciais já se transformaram em regras, em particular para artigos.

As diretrizes revisadas agora buscam garantir que a visibilidade da própria imagem agregue valor à página. Embora o GoogleBot não a veja com o olho humano, o gigante das buscas agora diz que a imagem deve ser “[a] imagem representativa do artigo… que pertence diretamente ao artigo”.

Priorize imagens dentro de seu conteúdo evergreen pilar . Dado que um artigo pode conter várias imagens; isso elimina a adivinhação do processo de seleção de um mecanismo de pesquisa ao exibir o artigo com um snippet de imagem que o acompanha. Também é interessante que um tamanho mínimo seja instruído: “[i]imagens devem ter pelo menos 696 pixels de largura”. Pode-se supor que isso aponta para o valor de uma imagem na página e que não deve ser um tamanho de miniatura irritante.

A condição atual de que a altura e a largura da imagem devem ser incluídas aponta para o fato de que uma simples declaração de URL para image não é mais compatível com rich snippets de artigos e produzirá um erro crítico. Não há erro em supor que isso é parte do empurrão do Google para ajudar os webmasters a mudar para as Accelerated Mobile Pages (AMP). Os elementos AMP devem ser carregados rapidamente e muito é excluído ou definido quando se trata do layout de um artigo para dispositivos móveis. Incorpore a teoria AMP para melhorar a experiência do usuário em seu design UX.

Quando as dimensões da imagem são adicionadas explicitamente, o Google pode renderizar imagens associadas a artigos AMP corretamente em diferentes dispositivos. Ele tenta “substituir as referências de imagem por imagens dimensionadas para a janela de visualização do visualizador”. Essa é uma das razões pelas quais uma imagem pode ultrapassar os limites ao visualizar uma versão AMP em um PC. A troca do tamanho da imagem não é feita porque está pronta para as medidas da tela maior. Ele deve ser considerado como um requisito básico do seu web design interativo .

Embora anteriormente o amp-img exigisse que a tag “devesse incluir uma largura e altura explícitas”, agora o mesmo é universal para desktops. Para web designers que usam URLs relativos para inserção de imagens, eles devem ajustar para AMP, onde a declaração de URL ImageObject pede um URL absoluto em vez da versão de URL relativa. Isso faz sentido ao considerar as tarefas que um navegador tem para renderizar uma página da web. Em conjunto, só torna o Google mais lento por ter que analisar o código para calcular as dimensões da imagem.

Afinal, a intenção do AMP é carregar as páginas mais rapidamente. Isso vem de usuários que não querem esperar. Então, por que não simplesmente oferecer os dados da imagem antecipadamente? SEO eficaz é a otimização para uma melhor experiência do usuário , e a velocidade é importante para eles.

IMAGENS DE E-COMMERCE DE CARROSSEL DE PRODUTOS

Muitas vezes, é preciso escolher qual página é a melhor para adicionar marcação estruturada a uma imagem. Implemente-o na página de produto individual em seu carrinho de compras versus a página de categoria com vários produtos listados. Isso evitará confusão para potenciais compradores.

A imagem encontrada em um rich snippet válido e um resultado de pesquisa de imagem pode ser rico em informações de produtos que os compradores de comércio eletrônico desejam. NOTA: seu web designer pode exibir carrosséis de produtos em qualquer área do seu site de comércio eletrônico usando um recurso de design Carrossel de produtos; que é diferente do Google optar voluntariamente por exibir seu produto no uso do carrossel em pesquisas aprimoradas de comércio eletrônico para dispositivos móveis .

Maneiras de estipular as dimensões da imagem JSON-LD

Dependendo do cenário, tente anotar sua marcação primeiro com JSON-LD, a menos que as diretrizes especifiquem um formato diferente como preferível.

Ao usar a marcação JSON-LD, os valores de imagem sem o uso de aspas são “números”, enquanto os valores expressos entre aspas são “strings”. Isso significa que um codificador precisa ser deliberado para evitar as aspas quando um valor numérico é o resultado desejado.

Uma maneira comum de estipular a altura e a largura de uma imagem é "width": "600px" , mas para muitos navegadores modernos, isso apresenta o problema do valor esperado para "width", pois espera "Distance" ou "QuantitativeValue" . Testes executados que incluem “width”:”600px” foram alterados pelo Google para:


"width":{
"@type":"Intangible",
"name":"600px"
}

Isso ainda carece de informações sobre que tipo de unidade de medida está sendo usada. Tente substituir “Distance” usando algo assim:


"width":
{
"@type":"Distance",
"name":"600 px"
}

Pense além do ponto de obter marcação válida aqui, pois ainda deixa uma quantidade de ambiguidade quanto à unidade de medida e força os mecanismos de pesquisa a tentar descobrir o que significa usar “px”. Nossa preferência é usar a ferramenta de dados estruturados Linter , ela gosta de imagens que usam “QuantitativeValue”:

"contentSize":"298 Bytes",
"width": {
"@type": "QuantitativeValue",
"value": "700"
},
"height": {
"@type": "QuantitativeValue",
"value": "490"
}
},

Os URLs que descrevem entidades de imagem devem ser estáveis ​​e não depender de dados variáveis. Este exemplo de marcação de imagem será interpretado como uma referência, em vez de um literal de string, porque (no momento da publicação), o contexto JSON-LD do schema.org define a imagem como do tipo @id:
Exemplo de snippet de contexto do schema.org para codificar uma imagem JSON:

{
"@context": {
...
"image": { "@id": "schema:image", "@type": "@id"},
...
}
}
Se não for expresso como tal em um contexto remoto, determinados termos podem ser (re-) definidos em um contexto local:

Exemplo de relação de imagem digitada:

{
"@context": ["https://schema.org", {
"image": { "@id": "schema:image", "@type": "@id"}
}],
"id": "https://www.wikidata.org/wiki/Q22686",
"type": "Person",
"name": "Donald Trump",
"givenName": "Donald",
"familyName": "Trump",
"jobTitle": "President-elect of the United States of America",
"image": "https://en.wikipedia.org/wiki/Donald_Trump"
}

Como as pessoas se relacionam tão bem com imagens e a pesquisa de imagens do Google está crescendo, é importante entender como as imagens representam sua empresa e construir sua marca .

A marcação JSON ajuda a entender os componentes visuais de um artigo

Dado o aumento da pesquisa visual , esse é um aspecto importante do SEO. Se um site estiver na plataforma WordPress e contar com um plug-in para renderizar a marcação estruturada, podem surgir problemas onde você precisa corrigir a propriedade Image. Nesse caso, geralmente é porque uma Imagem em Destaque deve ser usada para Página ou Post. Pode valer a pena codificar manualmente seu esquema se os plug-ins tiverem problemas de compatibilidade e de código depreciado.

Sem essa configuração, o plug-in não reconhece qual foto melhor representa o conteúdo desse artigo. O plug-in depende dessas informações para adicionar o ImageObject junto com suas dimensões de tamanho. Independentemente de seu site depender ou não de plug-ins, algumas de suas melhores ferramentas de SEO para solucionar problemas são encontradas no Google Search Console .

Aaron Bradly, da SEO Skeptic, recomenda que “os benefícios que o Google espera obter com a marcação de artigos, em geral, são a capacidade de manipular melhor os artigos no ecossistema do Google devido a uma melhor compreensão dos componentes e da proveniência de um artigo, em vez de usar a marcação para entender melhor sobre o que é um artigo.”*******

Agora combine esse pensamento com a afirmação familiar de que uma imagem vale mais que mil palavras e combine tanto uma seleção de imagem poderosa com os dados estruturados de esquema apropriados em torno dela.

NOTA: Use uma vírgula para sinalizar que mais propriedades estão por vir. Por exemplo, isso é necessário ao incluir várias imagens. A última propriedade “image” não usa vírgula. Teste seu novo código e verifique se todos os erros foram substituídos pela sintaxe correta.

SUGESTÕES DE IMAGEM ADICIONAL

O seguinte é apenas a opinião da Hill Web Marketing e além de ter um tamanho de imagem válido:

1. Quando possível, evite banco de imagens

Muitos clientes perguntam sobre que tipo de imagem devem usar. Escolha uma imagem com pessoas nela, se possível; um indivíduo de aparência feliz eleva os ânimos do espectador, talvez inconscientemente, são poderosos. Rostos humanos e linguagem corporal contam uma história, o que torna o atraente. Já notou como uma criança olha descaradamente? É natural olhar para rostos mais do que qualquer outro tipo de imagem. Cada página da web deve ter fotos de pessoas, ou pelo menos uma foto .

Os visitantes do site podem reconhecer imediatamente uma imagem de estoque. Essas imagens de pessoas parecem ser os piores ofensores, pois simplesmente não parecem genuínas. Não fique muito desconfiado de simplesmente usar a câmera do seu smartphone. Imagens que são compostas de iluminação imaculada, salas de escritório impecáveis, photoshopadas com perfeccionismo irreal e compostas por 50/50% de pessoas etnicamente diversas simplesmente não são como a vida acontece.

Dado o poder de uma imagem, invista em um pouco de fotografia profissional original. Vista-se, mas ainda assim, pareça natural para o dia da foto. A menos que sejam gritantes, pule a edição de pequenas imperfeições; uma imagem que transmita esteticismo é mais importante do que exibir um estado de ser “polido”.

O erro mais comum cometido ao usar fotografia de banco de imagens é selecionar imagens aleatórias em vez de imagens suficientemente relacionadas ao artigo ou ao tópico da postagem do blog. Para proteger sua dependência de imagens de banco de imagens, se comprar, vá para um site como Getty Images ou Fotolia, onde a qualidade geral da foto é maior. Certifique-se de ter imagens que possam impulsionar o engajamento do consumidor em suas campanhas do Google Ads .

Depois de realizar um estudo sobre o uso de imagens em 41 blogs de diferentes nichos online, Neil Patel****** concluiu que “Em média, quando um post de blog usava uma imagem de banco de imagens, recebia 152 tweets e 83 curtidas no Facebook”. Observe como sua imagem contribui ou distrai com suas plataformas sociais e, se necessário, contrate um gerente de marketing de mídia social profissional .

2. Para imagens de carregamento mais leves, use compactação

Observe que na imagem do topo da nossa página, o fundo está desbotado, o que reduz a resolução nesses espaços enquanto é possível deixar um aspecto de maior resolução no ponto focal desse gráfico, a mulher.

Existem muitas listas de recursos on-line de ferramentas que auxiliam na compactação de imagens. Tente mais de um para definir seu processo preferido para codificar melhor suas imagens, fornecendo a imagem idêntica com o menor número de bytes, sem oscilar para ser otimizado demais. O importante é testar, testar, testar o código correto que atende aos requisitos de imagem JSON.

De antemão, saiba qual formato de foto usar que funciona melhor para compactar imagens. Por exemplo, converter um arquivo GIF (não animado) em uma imagem PNG reduziria em 21%, em média. Guy Podjarny *** declara que “converter um arquivo PNG (não transparente) para JPEG pode oferecer economias ainda maiores, geralmente reduzindo o tamanho do arquivo em 3–5x. Novos formatos como WebP e JPEG XR podem ir ainda mais longe e comunicar o mesmo visual com 25 a 50% menos bytes”.

3. Corrija problemas que impedem o carregamento de imagens mais rápido

Depois, há mais em que pensar: como suas imagens são carregadas é o trabalho que um navegador tem que fazer, o que determina a rapidez com que suas imagens podem ser exibidas. Web designers que dependem de CSS com instruções longas, JavaScript para gerenciar gráficos ou confiam em plugins do WordPress para fazer parte do trabalho, muitas vezes complicam indevidamente as coisas. Cada aspecto precisa ser cuidadosamente examinado, o que é melhor realizado em uma auditoria técnica de SEO completa .

4. As imagens devem se adequar à intenção e ao tópico da página

Leva mais tempo para ser intencional, mas especialmente a imagem principal em uma página deve se encaixar claramente na intenção de uma página.

Neil também relatou que ao usar gráficos e imagens de gráficos, ele recebeu o maior número de trackbacks. “Em média, eles receberam 258% mais trackbacks do que postagens de blog com outros tipos de imagens.”

Adicionar mais imagens a páginas com conteúdo de formato longo pode ajudar a quebrar blocos de texto longos e fortalecer seu ponto de vista.

As imagens nas suas landing pages merecem atenção especial, pois são fundamentais para impulsionar as vendas. As postagens que contêm dados de imagem podem não atrair atenção em massa, mas têm seu próprio mérito do ponto de vista educacional e comercial. Eles agregam valor a blogs de nicho instrucionais (como este) e frequentemente obtêm um link para eles. Apenas para fins de pesquisa, um gráfico incorporado, acionável ou estático, pode realmente aumentar de valor. Onde algumas formas de conteúdo gráfico ficam desatualizadas após vários anos, Neil descobriu que “outros blogs ainda terão links para postagens ricas em dados com gráficos, independentemente da idade das postagens”.

O Hubspot diz que “se uma imagem relevante for combinada com essa mesma informação, as pessoas retiveram 65% da informação”. O artigo de 3 de janeiro de 2017 2 Estatísticas de marketing de conteúdo visual que você deve conhecer em 2017 . *

5. Envolva-se com gráficos 3D desenhados à mão e imagens animadas

Use um tamanho de imagem válido para todas as marcações JSON-LD qualificadas.

Desenhos à mão, gráficos 3D ou imagens animadas são populares e geralmente têm menos peso, especialmente quando se usa um fundo claro. Dê uma olhada rápida nas imagens usadas por Rand Fishkin para seus posts no blog da White Broad Friday, incrivelmente populares (moz.com/blog/). Talvez um “fundo pastel” não seja o visual da sua marca, mas provavelmente foi escolhido por um bom motivo. Se você não tiver tempo para criar ou gostar desses tipos de imagem, tente gráficos, infográficos ou fotografias de banco de imagens.

Lembre-se do requisito de tamanho da imagem para utilizar a marcação de esquema. Por que limitar o uso futuro da página focando apenas no apelo visual de uma imagem?

Nem todas as imagens online foram marcadas corretamente, tornando suas imagens ricas com metadados corretos para otimização correta. As mensagens de chatbot de conversação podem conter botões, texto, imagens e outros elementos , ou ser totalmente baseadas em fala. Aplicativos ou sites tradicionais podem solicitar e exibir várias informações em uma tela de uma só vez, um bot coletará a mesma quantidade de informações usando várias mensagens.

Por que um tamanho de imagem válido é importante?

As pessoas são fortes aprendizes visuais. Suas imagens transmitem uma conexão com seu tópico e com você pessoalmente. Novas oportunidades em SERPs ricos dão uma melhor exposição à sua marca. Ter um plano de marketing ágil permitirá que você atenda melhor aos requisitos emergentes de tamanho de imagem.

“A web está se tornando cada vez mais rica em imagens. Entre telas móveis de alta resolução, design no estilo Pinterest e grandes gráficos de fundo, a carga útil média de imagens mais que dobrou nos últimos três anos. Embora visualmente atraentes, essas imagens têm um custo de desempenho substancial e, se não forem otimizadas corretamente, podem tornar a experiência na Web lenta e dolorosa, não importa o quão bonita ela seja.” – Guy Podjarny em Oreilly

“Você sabia que 90% das informações transmitidas ao cérebro são visuais? O cérebro também processa visuais 60.000 vezes mais rápido que texto e estudos mostraram que 40% das pessoas respondem melhor a imagens do que texto simples”, afirma shiftelearning.com **** Significando que é um investimento valioso de tempo para pesquisar seu nicho de mercado para entender quais tipos de imagem estimulam a conexão com os usuários. Depois que os tamanhos e a marcação das imagens estiverem otimizados, envie uma imagem sitemap.xml. O Google pode indexar suas imagens, bem como URLs de página .

Como o Google usa algumas imagens para destacar informações factuais e confiáveis

Como o JSON-LD e suas imagens trabalham duro para construir a visibilidade e o EAT da sua marca.

“Fotos e vídeos são uma maneira incrível de ajudar as pessoas a entender o que está acontecendo no mundo. Mas o poder da mídia visual tem suas armadilhas⁠—especialmente quando há questões em torno da origem, autenticidade ou contexto de uma imagem. A partir de hoje, estamos disponibilizando informações de verificação de fatos no Imagens do Google globalmente para ajudar as pessoas a lidar com esses problemas e fazer julgamentos mais informados sobre o que veem na web. Isso se baseia nos recursos de verificação de fatos em Pesquisa e Notícias, com os quais as pessoas se deparam bilhões de vezes por ano.

Agora, quando você pesquisa no Google Images, pode ver um rótulo “Fact Check” nos resultados da imagem em miniatura. Ao tocar em um desses resultados para visualizar a imagem em um formato maior, você verá um resumo da verificação de fatos que aparece na página da Web subjacente. Esses rótulos podem aparecer tanto para artigos de checagem de fatos sobre imagens específicas quanto para artigos de checagem de fatos que incluem uma imagem na história.” - Google

O Google também nos informa que “adicionar este rótulo nos resultados do Google Images não afeta a classificação; nossos sistemas são projetados para trazer à tona as informações mais relevantes e confiáveis ​​disponíveis.” Em Trazendo informações de verificação de fatos para o Google Images publicado em 22 de julho de 2020, o gerente de produtos do Google, Harris Cohenm, fala sobre a intenção de garantir que as pessoas tenham acesso a um contexto crítico sobre as informações que encontram ⁠— incluindo as imagens ⁠— que encontram on-line .

Faça parceria com Jeannie Hill , fundadora da Hill Web Creations, que trabalha com empresas de Minneapolis para garantir que o tamanho válido da imagem seja usado e tenha um código livre de erros para melhorar a pesquisa orgânica, a otimização do mecanismo de pesquisa para o primeiro mundo móvel e as chances de uma vantagem competitiva online . Constantemente vigilante para conhecer e aderir às atualizações das diretrizes de SEO do Google .
Gosto de residir em Minneapolis , Minnesota , onde presto serviços de marketing digital para a área metropolitana e além.

Resumo

Authoritative business sites that rise to the call for AMP pages, use a planned structured approach when building content, and incorporate schema image SEO data to be among those early adopters. They already are able to enjoy the first-mover benefits of winning more viewer clicks from the scrolling images.

A relevant image that has Microdata has the potential to enhance a site's CTR within search results from anywhere between 10-25%, according to builtvisible.com*****. In the case of the need to troubleshoot your markup for an image code error, currently, two types of errors are produced. We can resolve errors and fix both for you.

1. The “image is required” error that can be found in the Google Structured Data Testing Tool (SDTT).

2. An image error that when checking for the Accelerated Mobile Pages (AMP) version.

Your photos reached a new record on Google Maps!

After adding the above image strategies to one client site, they received a message directly from Google that their images uploaded to their Google Profile had a significant increase in views. Ready to start a more advance approach to how your business site uses imagery?

“Your photos helped people over 3,000 times, a new record for you on Google Maps. Parabéns! Millions of people rely on photos like yours when they search for places. Thanks for sharing your photos with the world.” – Google Maps

“More records this week…(One Photo)reached 3,320 views.” – Google Maps

Leverage cutting-edge opportunities to make your site's image use more advantageous to both and viewers and your business. Call 651-206-2410 to get on our Schema Site Audit Schedule

NOTE: Topic image source: PHLEARN. Consider hiring a professional photographer to make critical image edits that can transform an flawed image into one perfect to use. Start with great images, then add JSON-LD snippet markup wherever you can – that fits.

NOTE: Informative references have been listed in context at time of use.

* https://blog.hubspot.com/marketing/visual-content-marketing-strategy#sm.000000iy0z9nnp3d6210gl3qzksok

** https://www.relaymedia.com/2016/03/06/spread-the-carousel-love/

*** http://www.oreilly.com/pub/e/3425

**** http://info.shiftelearning.com/blog/bid/350326/Studies-Confirm-the-Power-of-Visuals-in-eLearning

***** https://builtvisible.com/micro-data-schema-org-guide-generating-rich-snippets

****** https://www.quicksprout.com/2014/08/13/what-type-of-images-should-you-use-within-your-blog-posts/

******* http://www.seoskeptic.com/google-article-rich-snippets-guide-updated-for-amp/