Táticas de crescimento de editores para época eleitoral | WEBINÁRIO
Táticas de crescimento de editores para época eleitoral | WEBINÁRIO
Através deste módulo, você aprenderá o que é otimização de imagens, sua importância para o SEO, as melhores práticas para utilizá-la de forma eficaz e as armadilhas comuns a serem evitadas na otimização de imagens.
Duração do vídeo
19:24
Responder ao questionário
Faça um teste atual do módulo
Materiais
Modelos prontos para usar
Recursos
Relatórios e recursos
Não há questionários para mostrar neste módulo.
A otimização de imagens é a aplicação das melhores práticas às imagens que você usa em sua página para que seu conteúdo tenha uma melhor classificação nas páginas de resultados de mecanismos de pesquisa (SERPs).
Os utilizadores da Internet têm demonstrado uma preferência crescente por maior conteúdo visual . Isso significa que otimizar as imagens é tão importante quanto otimizar o texto do seu conteúdo.
A otimização de imagens é utilizada para produzir imagens no melhor formato, tamanho e resolução possíveis para aprimorar a experiência do usuário (UX). Para que o Google possa indexar e rastrear adequadamente a imagem, para exibi-la em SERPs, a imagem deve ser otimizada de acordo com as diretrizes do Google e devidamente identificada com os metadados relevantes.
Neste módulo, nos aprofundaremos nos aspectos mais importantes da otimização de imagens.
As imagens também são conteúdo. Tal como acontece com o texto, eles aparecem nos resultados da pesquisa e influenciam a utilidade da sua página para o leitor. Veja por que a otimização de imagens é importante para o SEO.
Para a maioria das páginas, as imagens representam mais de 70% do seu peso , o que significa que o uso de imagens não otimizadas pode retardar o tempo de carregamento. Como a velocidade do site é um fator importante de classificação, isso impacta diretamente o SEO. Além da velocidade do site, as imagens não otimizadas também podem afetar a experiência do usuário, causando problemas como mudanças de layout.
Esses fatores afetam os principais sinais vitais da web (CWVs) do seu site, que o Google usa para medir a experiência da página.
Para obter mais informações sobre CWVs, consulte nosso módulo detalhado de experiência de página aqui .
A otimização de imagens envolve identificar e rotular corretamente imagens usando texto ALT e dados estruturados, adicionando imagens aos sitemaps e criando novos sitemaps para imagens . Tudo isso ajuda os rastreadores da Web de maneira rápida e correta a identificar e processar as imagens em uma página, melhorando assim a velocidade e a eficiência de rastreamento.
As pesquisas do Google estão se tornando mais visuais , em vez de apenas sobre palavras-chave baseadas em texto. O número de imagens no Google subiu na última década, tornando -o mais importante do que nunca para otimizar sua imagem.
Já em 2018, o Google anunciou seu compromisso de tornar o conteúdo visual mais central na pesquisa . Consequentemente, o Google lançou várias funcionalidades mais recentes - como legendas, fatos rápidos e pesquisas relacionadas - todas as quais dependem muito de imagens. Como editor, a exploração desses recursos provavelmente afetará diretamente seu SEO e a descoberta de conteúdo.
Dê uma olhada no que acontece quando procuramos a Copa do Mundo da FIFA no Catar.
Agora existe um painel lateral dedicado à direita mostrando imagens, que aparecem logo acima da entrada da Wikipedia para o termo de pesquisa.
Clicar na guia Imagens não apenas expande o número de opções de imagem navegável, mas como podemos ver na caixa verde abaixo, agora oferece um carrossel de termos sugeridos que permitem filtrar imagens por nome.
A rolagem mais abaixo (como mostrado na imagem abaixo) revela mais recomendações para pesquisas relacionadas que podem ajudar a restringir os resultados ou expandir a consulta.
Ter imagens da sua classificação de conteúdo nas principais imagens é outra maneira para os editores aprimorarem a descoberta de conteúdo.
O Google também está desenvolvendo e atualizando o Google Lens -sua tecnologia de reconhecimento de imagem AI-I-Ibled que é encontrada na barra de pesquisa do Google App para iOS e Android
- para torná -lo ainda mais poderoso.
Com o Google Lens, os usuários podem pesquisar mais informações sobre imagens, clicando em uma imagem de algo ou enviando uma imagem armazenada no telefone e solicitando que o Google trave correspondências.
Um recurso poderoso da lente do Google é o MultiSearch, que permite aos usuários adicionar descrições de texto às pesquisas de imagem para facilitar a pesquisa de informações visuais.
O Google também está trabalhando para tornar a pesquisa multi -pesquisa mais local, o que significa que os usuários podem apontar suas câmeras em alguma coisa, carregá -la para o Google Lens, digitar algumas perguntas e o Google mostrará os melhores resultados próximos ao local atual.
Apesar de seu significado óbvio, os editores geralmente tendem a lutar com a otimização da imagem devido a alguns desafios comumente observados.
Quando se trata de otimizar o conteúdo do texto, os editores geralmente sabem quais parâmetros monitorar e otimizar - palavras -chave, pilares e clusters de conteúdo, cabeçalhos e títulos, etc.
No entanto, quando se trata de otimização de imagens, os editores podem não estar cientes de quais métricas monitorar e melhorar. As métricas comuns incluem tamanho de imagem, tipo de imagem e velocidade de carregamento, para citar poucos.
Com imagens regularmente otimizando para os muitos artigos que você cria, isso pode fazer disso uma tarefa tediosa. Embora existam maneiras de otimizar em massa imagens, como o uso de plug -ins e o uso de uma CDN, manter a qualidade da imagem também é importante. É um equilíbrio importante para alcançar através de testes rigorosos.
Agora que entendemos o que é a otimização de imagem e por que é importante para o SEO, podemos começar a analisar como fazer o processo de otimização.
PNG e JPEG são os dois formatos de imagem mais populares e universalmente suportados . Saber qual dos dois usar em qual situação é importante.
Enquanto o PNG funciona bem para capturas de tela, gráficos e imagens com texto neles, o JPEG é bom para fotografias. O PNG usa compactação sem perdas, o que ajuda a manter a qualidade da imagem, enquanto o JPEG reduz a qualidade da imagem cada vez que é salvo no formato.
SVG (formato vetorial escalável) é ideal para logotipos e formas geométricas simples com baixa complexidade da imagem.
Formatos mais recentes, como WebP e AVIF, estão rapidamente ganhando popularidade como alternativas aos formatos acima. Enquanto ambos os formatos fornecem uma resolução de maior qualidade, juntamente com a capacidade de apoiar a animação, o WebP, em particular, é suportado em todos os navegadores da Web e móveis modernos.
No geral, no entanto, PNG e JPEG/JPG permanecem de longe os formatos de imagem mais populares usados em 81,3% e 76,6% de todos os sites, respectivamente, com o SVG seguindo de perto, em novembro de 2022.
O tamanho coletivo das imagens em sua página tem um impacto direto na velocidade de carregamento. No entanto, a compactação não deve resultar em qualidade de imagem subparta.
Encontrar o equilíbrio certo entre qualidade e tamanho é essencial, mas pode ser complicado se você tentar fazê -lo através de tentativa e erro. No entanto, é aqui que as ferramentas on -line podem realmente brilhar. Ferramentas como a Imagemin podem ser usadas para comprimir imagens em vários formatos em cenários com perdas e sem perdas.
O uso do formato certo também pode ajudá -lo a encontrar o equilíbrio adequado. Por exemplo, considere usar o WebP. O WebP é uma alternativa melhor ao JPEG, pois pode fornecer um tamanho de imagem 30% mais baixo, sem afetar sua qualidade e resolução.
Se o WordPress for o seu CMS de escolha, você pode usar um plug-in como Smush , Optimus ou Imsanity para otimizar suas imagens. Isso o ajuda a comprimir, redimensionar, carregar imagens preguiçosas e muito mais. Você também pode substituir as imagens animadas como GIFs (que podem ter tamanho grande) por CSS. A animação e os efeitos do CSS podem ajudá -lo a criar imagens complexas que retêm a integridade e a qualidade da resolução, mesmo através de alto zoom.
Um nome de imagem ajuda o Google a entender o contexto da imagem quando se trata de classificá -lo no SERP. Para publicações maiores, nem sempre pode ser viável nomear cuidadosamente todas as imagens no site. Nesse cenário, você pode criar um sitemap de imagem que possa ajudar o Google a localizar a imagem, entender seu objetivo e indexá -lo.
Além dos nomes de arquivos contextuais, também recomendamos adicionar um título e uma legenda para a imagem. Embora sejam atributos opcionais, eles complementam seu conteúdo, dando ao mecanismo de pesquisa uma compreensão mais holística do seu tópico e tema, ajudando -o a indexar melhor a imagem .
Como fazer isso
Os nomes de imagens precisam ser adicionados no código -fonte da sua página. Isso é feito usando o atributo IMG SRC manualmente ou um plug-in CMS.
Se sua imagem contiver uma bola de futebol, o código da fonte de imagem deve parecer algo assim<img src=”football.jpg”/> , o que ajuda o Google a entender o que a imagem contém. Por outro lado, código que se parece com isso<img src=”IMG11082022.jpg”/> é vago e não oferece nenhum contexto.
Quando as pessoas não conseguem ver suas imagens - um problema para aqueles com deficiência visual ou quando a baixa largura de banda dificulta a dificuldade de suas imagens - os atributos de texto alt ajudam a descrever a imagem para elas. Isso também ajuda os mecanismos de pesquisa a rastejar e indexar suas imagens com mais facilidade.
Como fazer isso
Continuando com o exemplo do ponto acima, o código para o texto alt deve parecer kike então<img src=”football.jpg” alt=""mundo" cup official football on the ground”/> .
Se você é um desenvolvedor experiente, poderá adicionar o texto alt manualmente no código da sua página. Se você usar o WordPress, poderá seguir estas etapas:
Ao adicionar dados estruturados às suas imagens, você pode fornecer ao Google as informações necessárias para listá -las como resultados e trechos ricos. Isso oferece aos usuários mais informações, ajudando -os a escolher qual link clicar, levando mais tráfego para a sua página.
Atualmente, o Google suporta dados estruturados para imagens em produtos , vídeos e receitas esquema.
Como fazer isso
O Google recomenda o uso do JSON-LD para criar scripts de dados estruturados para seu conteúdo e imagens.
Os dados estruturados podem ser facilmente adicionados usando um dos vários plug-ins gratuitos ou premium, como Schema Pro , Schema.Press , etc. Se você adicionar dados da estrutura da imagem manualmente ou através de um plug-in, as etapas envolverão a adição de valores para todas as imagens relevantes de imagens e tipos de dados , para que o código do código de imagens e, em seguida, a implementação e, em seguida, a implementação e, em seguida, a imagens de imagens, para que a imagens, a imagens, a imagens, a imagens de imagens e a imagens, a imagens, para que a imagens, a imagens, e a implementação de imagens e a imagens de imagens e a imagens de imagens, para que a imagens, a imagens de imagens, a imagens, para que a imagens, a imagens, e depois a implementação e, em seguida, a imagens de imagens e a imagens, que a implementará e depois a implementação e, em seguida.
Para entender mais sobre dados estruturados e como usá -los, consulte nosso módulo no esquema .
Para aprender a criar e enviar sitemaps, consulte nosso módulo detalhado no Google News Sitemaps.
A experiência da página é um critério importante que o Google usa ao classificar as páginas. Um dos elementos que compõem a experiência da página é a velocidade de carregamento.
Veja como você pode otimizar as imagens para melhorar a velocidade de carga da página:
Nele, apenas os recursos críticos são carregados no início, enquanto outros recursos de baixa prioridade são carregados de forma conforme necessário. Os benefícios do carregamento preguiçoso incluem tráfego de rede reduzido e problemas de largura de banda associados e custos de uso de dados, melhor legibilidade de páginas longas, carga reduzida de imagens embutidas que não estão agregando valor ao conteúdo etc.
Crie imagens responsivas
Os usuários visualizam imagens em uma variedade de dispositivos. A implementação do atributo SRCSET para diferentes dispositivos permite que a imagem apareça legivelmente em diferentes tamanhos de tela. Aqui está um exemplo do código IMG SCRSET:
Cobrimos os itens essenciais da otimização da imagem. No entanto, os pontos listados abaixo também ajudam bastante a otimizar as imagens para SEO.
Todas as imagens do mundo não podem compensar o conteúdo de baixa qualidade. O foco principal deve ser o conteúdo destinado a atender às necessidades dos usuários. As imagens devem ser uma extensão orgânica e ser usadas como uma ajuda no processo geral de narrativa. Apping sua página com imagens irrelevantes ou não relacionadas não aumentará sua classificação.
Pelo contrário, o Google é contra essas práticas e recomenda o uso de conteúdo original o máximo possível. O conteúdo de alta qualidade é o mais seguro, garantindo que sua página seja bem na pesquisa do Google, incluindo as imagens que você usa.
O conteúdo da imagem fornece informações vitais aos usuários e ao mecanismo de pesquisa sobre a relevância da imagem. O Google recomenda colocar a imagem mais importante próxima ao topo da sua página.
Embora seja uma questão de debate se as imagens colocadas mais adiante na classificação da página e as em direção ao topo, é melhor seguir as diretrizes do Google sobre o assunto.
É improvável que todos os seus esforços para a otimização de imagens produzam resultados se suas imagens não estiverem acessíveis ao Googlebot como resultado de configurações de robots.txt ou sem índice.
Eles dizem ao Google para não indexar ou engatinhar seu conteúdo, o que, por sua vez, significa que não aparecerá nos resultados da pesquisa. Você pode usar o recurso "Inspecionar URL" no GSC para testar a acessibilidade de conteúdo e imagens.
Além disso, também recomendamos verificar se um filtro de pesquisa de segurança se aplica a seu conteúdo de alguma forma. O SafeSearch é uma configuração do usuário fornecida pelo Google que permite ou bloqueia imagens com conteúdo explícito e exige que os sites rotulem o conteúdo adequadamente .
O teste não é apenas importante para a descoberta, mas também é valioso testar como suas imagens realmente aparecerão entre os dispositivos, antes de irem ao vivo na página. O Google também oferece conteúdo visual imersivo com histórias como parte de seu formato de Web Stories . Embora isso tenha sido projetado especificamente para trazer conteúdo visual fácil de dispositivos móveis, as imagens e o texto também aparecem no Google Images and Discover. Você pode usar o recurso "Prevista do desenvolvedor" para testar seu conteúdo para uma narrativa mais atraente.
Imagens livres de direitos autorais estão disponíveis em várias fontes, como Pixabay, Unsplash e Pexels, para citar alguns. Embora possam ser livres para usar, lembre -se de que a mesma imagem pode ter sido usada por vários outros criadores de conteúdo.
De acordo com John Mueller, do Google, isso pode dificultar a classificação da imagem na pesquisa de imagens do Google. Na medida do possível, tente usar imagens originais.
Além de seguir as diretrizes anteriores, também é importante evitar essas armadilhas comuns para otimizar melhor suas imagens.
Como mencionado anteriormente, o uso de um texto ALT descritivo torna suas imagens mais acessíveis aos usuários. O Google terá conhecimento dos seus atributos de texto ALT e tenderá a classificá -los mais altos.
No entanto, é fácil ser tentado a embalar em palavras -chave com o objetivo de classificar alto em SERPs. Isso é conhecido como enchimento de palavras -chave e pode ser prejudicial aos seus esforços. Não só pode levar a uma experiência ruim do usuário, mas o Google também pode considerar seu spam de página .
Aqui estão alguns exemplos de erros a serem evitados e o texto alt feito corretamente.
Veredicto: ruim, já que está faltando o atributo de texto alt
Veredicto: ruim, devido ao recheio de palavras -chave.
Veredicto: Bom, mas deve ser mais descritivo.
Veredicto: ideal
Embora o Google tenha a tecnologia de reconhecimento óptico de caracteres (OCR) para ler o texto impresso nas imagens, pode não ser 100% preciso a cada vez. Além disso, os usuários e os mecanismos de pesquisa podem não ser capazes de decifrar o texto incorporado na imagem.
Se você tiver informações importantes para transmitir, é melhor usar o texto em vez de uma imagem.
Provavelmente não será possível usar imagens originais todas as vezes. Nesses casos, você pode ser tentado a usar a pesquisa do Google para encontrar novas imagens. No entanto, algumas dessas imagens podem ser protegidas por direitos autorais, restringindo seu uso. Isso significa que você precisa verificar os termos de reutilização da imagem antes de usá -la na sua página.
O Google Images oferece um filtro conhecido como "direitos de uso" para pesquisar imagens que vêm com informações de licença marcadas pelo site host ou pelo provedor de imagens. Esse recurso está disponível na seção "Ferramentas" na caixa de pesquisa.
Depois de selecionar a imagem, você pode verificar os detalhes da licença para entender as implicações, os custos (se houver) e os requisitos do uso da imagem.
Como você pode ver na captura de tela acima, em "Direitos de uso", as opções de licença do Creative Commons e Comercial ou outras são aparentes.
Geralmente, as imagens com uma licença Creative Commons são gratuitas, mas podem exigir que o crédito seja fornecido e a fonte declarada. Imagens com uma licença comercial geralmente vêm com um custo de uso. O Google recomenda revisar os detalhes da licença antes de usar qualquer imagem em sua página.
A configuração Max-Image-Preview permite definir o tamanho máximo para a pré-visualização da imagem quando ela aparece no SERPS. Se não houver valor para essa configuração, o Google exibirá a imagem em seu tamanho padrão.
Embora isso se aplique a todas as superfícies do Google, como imagens, pesquise e descubra, é mais pertinente ao usar o Discover, onde formatos maiores contribuem para um UX mais rico.
O uso do Atributo Max Image Visualize foi documentado para melhorar a CTR e o tráfego para vários editores. O uso deste atributo permite que o Google exiba imagens grandes na visualização como elas são, sem tentar comprimi -las ou alterar suas configurações. Ter imagens grandes e de alta qualidade na própria pré-visualização é mais provável de capturar o interesse dos pesquisadores.
As redes de entrega de conteúdo (CDNs) são plataformas de hospedagem terceirizadas que servem como um repositório para imagens e outros arquivos de mídia. Devido à sua infraestrutura avançada que se concentra em problemas de latência e largura de banda, eles podem oferecer velocidades de carga de página mais rápidas do que o material hospedado interno. No entanto, os benefícios da CDN precisam ser avaliados para suas necessidades específicas.
Embora um CDN possa ajudar a resolver alguns problemas técnicos, ela pode prejudicar seu perfil de backlink. Os backlinks são um dos fatores de SEO de maior escalão e são valiosos para a aparência do seu site nos resultados de pesquisa. Você pode aprender mais sobre o valor dos backlinks em nosso módulo sobre o assunto.
Quando você hospeda uma imagem em um CDN em vez do seu próprio site, qualquer backlinks para ele levará o usuário ao caminho do CDN para a imagem, reduzindo assim as visitas diretas ao seu site que um backlink efetivo teria fornecido.
Um pacote de imagens é uma colagem de imagens de sites diferentes que podem aparecer no Google Serps. Eles se parecem com isso.
Quando você clica em qualquer uma das miniaturas, no entanto, você não é automaticamente roteado para o site de origem. Em vez disso, você é mostrado uma janela de imagens do Google com uma versão expandida dessa imagem, assim.
É apenas ao clicar na imagem novamente - como visto no painel direito da captura de tela acima - que você deixará o Google e chegará na página de origem. Em outras palavras, o Google Images atua como intermediário aqui antes que a ação de roteamento seja concluída.
Se a sua imagem fizer parte de um pacote de imagens, o Google Search Console (GSC) registrará uma impressão para essa imagem cada vez que o pacote é carregado em um SERP. Isso é graças ao atributo de título da sua tag de imagem que contém seu URL.
Mas, embora você possa registrar um grande número de impressões, o número real de cliques no seu site provavelmente será muito menor, graças ao fato de os pacotes de imagens contêm links de refinamento de consulta que geram um novo resultado de pesquisa de imagem do Google, em vez de direcionar os pesquisadores para fora da plataforma.
Devido à maneira como os links de refinamento de consulta funcionam, bem como como o GSC conta impressões e cliques, os pacotes de imagens podem distorcer drasticamente sua taxa de cliques (CTR) para imagens.
Agora recorremos a um estudo de caso de um site para desconstruir como ele implementou as diretrizes mencionadas neste módulo para otimizar as imagens.
Kirbie Cravings é um blog de alimentos de San Diego que publicou centenas de receitas em seu site. Cada receita é acompanhada por imagens vívidas e de alta qualidade.
Quando clicamos com o botão direito do mou<head> elemento logo no início do código -fonte.
Como resultado, as imagens de alta qualidade do editor aparecem em visualizações no Google Surfaces.
Ao mesmo tempo, apesar de serem grandes, essas imagens não diminuem o tempo de carregamento da página.
Clicamos com o botão direito na imagem e selecionamos "Inspecionar". Isso abre um painel no lado direito da página em que podemos inspecionar as propriedades do elemento selecionado na página. Vemos o seguinte para a imagem acima:
Vemos duas coisas interessantes aqui:
Como discutimos anteriormente, as imagens contribuem com a maior parte do peso para o peso de uma página, portanto, mantê -las leve é essencial para acelerar sua página carregando.
Também discutimos a importância de usar o formato de arquivo correto. Recomendamos que .jpg/.jpeg para fotografias, enquanto .png deve ser usado para gráficos e imagens digitais. Podemos ver abaixo que os desejos de Kirbie usa .png onde quer que seja usado imagens digitais, como logotipos e ícones.
Em seguida, dentro desse mesmo painel de inspeção, quando clicamos em "Propriedades", podemos ver que a página usou carregamento preguiçoso, apesar do peso relativamente leve das imagens.
Esta página otimizou meticulosamente suas imagens por:
À medida que evolui para atender melhor às necessidades de seus usuários, o Google deve adicionar/atualizar recursos e políticas sobre a otimização de imagens e seu impacto nos resultados da pesquisa.
Ao manter em mente as melhores práticas atuais de imagem quando se trata do seu site, você estará melhor posicionado para fornecer o melhor UX, classificar -se mais alto em SERPs e, eventualmente, impulsionar o tráfego do seu jeito.
Ativo agora
Ver mais
