Erros comuns do WordPress Image SEO
  1. 1. O melhor guia para gerenciamento de imagens do WordPress
  2. 2. 3 dicas de gerenciamento de imagem menos conhecidas no WordPress
  3. 3. Lendo atualmente: Erros de SEO na imagem do WordPress e como corrigi-los

Tudo o que aprendemos nos dois últimos artigos desapareceria se não implementássemos uma estratégia de SEO de imagem adequada. O SEO de imagem desempenha um papel importante em sua estratégia geral de SEO e é crucial para sites que compartilham tutoriais. Pense em todo o tráfego que você estaria perdendo se suas imagens não fossem nomeadas incorretamente, não tivessem tags ‘alt’ ou pior, hospedadas em servidores diferentes.


Erros de SEO de imagem do WordPress

Iremos visitar os principais erros quando se trata de SEO de imagem – e recomendar as contramedidas apropriadas.

Você não está usando imagens relevantes

Conheça Ronald e companhia

Imaginando que você e seus amigos estão tendo uma discussão séria sobre qual modo transportar para sua próxima viagem. Tanto o ônibus interestadual quanto o voo parecem boas opções, mas você está preso no debate sobre orçamento e tempo. Existem duas equipes – lideradas por Ronald e Jeremy. Ronald quer pegar um voo para não ter que reagendar suas reuniões de sexta-feira. Jeremy, por outro lado, sendo um admirador da Mãe Terra, não se importa de negociar sua agenda de reuniões para apreciar a beleza cênica que se avizinha na viagem de ônibus interestadual. É claro que todos os membros do grupo de viagem escolhem os lados – aqueles que não querem uma viagem de ônibus de dez horas estão com Ronald na luta. A outra equipe que quer admirar a beleza da Mãe Natureza acha absolutamente necessário pegar o ônibus.

Ambos os lados estão tentando o seu melhor para convencer o outro a ficar do seu lado. Em meio ao que parecia ser uma das discussões mais críticas de suas vidas, Ron cometeu o erro de proferir as seguintes palavras:

RON: Ei pessoal, eu estou bem com qualquer um dos modos de transporte. Quem deve tomar conta do meu gato no fim de semana?
JEREMY: O que? Você poderia deixar na casa da Emily! Espere, por que estamos discutindo isso?
INDIVÍDUO DA EQUIPE DE JEREMY: Sim, você não vê que estamos no meio de uma conversa importante?
CARA DA EQUIPE DE ROLAND: Vamos lá, cara!
ROLAND: Que diabos, Ron! Você não vê que estamos no meio de uma crise aqui?
RON (surtou um pouco): Ok, ok, vou deixar Sarah com Emily. Eita.
COLETIVAMENTE: Droga, Ron! Você sempre faz isso …

E o debate recomeça.

Você não quer ser Ron agora, não é? É o mesmo com relevância. As imagens valem mais que mil palavras. Mas se você não tomar cuidado, poderá perder a atenção da pessoa em uma linha de pensamento diferente.

Você provavelmente está pensando em Nova York agora

Uma das primeiras regras para adicionar uma imagem à sua postagem é melhorar o caminho você comunica sua ideia. As imagens são projetadas para agregar valor.

É por isso que os tutoriais do WPExplorer são preenchidos com capturas de tela e as listas de temas se concentram na exibição dos melhores bits / demonstrações de cada tema.

Esse valor pode ser (a) de natureza informativa, (b) ter um impacto visual ou emocional ou (c) uma mistura de ambos. As melhores imagens costumam ser uma combinação dos três.

Exemplo da página de destino do Github – uma ilustração de um desenvolvedor em sua mesa de trabalho

Dito isto, não faz sentido usar uma imagem para adicionar uma. Tais ações são frequentemente contraproducentes. Por outro lado, a imagem certa pode oferecer benefícios dobrados para suas conversões.

A captura de tela acima é uma das muitas páginas de destino do Github. Vamos examinar a imagem. Primeiro, você notará que esta imagem é na verdade uma ilustração vetorial. A ilustração supera toda e qualquer barreira racial / étnica. Além disso, a cor azul que está em sintonia com o esquema geral de cores da página anula qualquer perfil subconsciente. Um excelente exemplo do uso correto de uma imagem – juntamente com cópias incríveis e CTA – criando uma ótima página de destino.

Você não está se concentrando no nome do arquivo de imagem

Entendi – criar tutoriais de qualidade é um trabalho árduo. Cada etapa precisa ser documentada de maneira articulada e, ainda assim, não tão descritiva que seus leitores a considerem um insulto à inteligência deles..

Quando você trabalhou em um tutorial de 1800 palavras e cobriu mais de uma dúzia de capturas de tela, é muito fácil se convencer e usar nomes como captura de tela-1, captura de tela-17 etc..

Mas, na realidade, isso prejudica absolutamente o seu SEO.

Configurações de permalink do WordPress

Pense nisso – se alguém estivesse pesquisando algo remotamente relacionado à imagem mostrada acima – usaria ‘screenshot-1’ ou ‘image-1’ ou teria maior probabilidade de pesquisar por ‘como desativar os links permanentes no WordPress ”

Em uma nota relacionada, se você deseja atribuir 100% ao SEO de imagem, adicione também um atributo TITLE às imagens. O valor dessa tag TITLE pode ser o nome do arquivo da sua imagem.

Você não está definindo tags ALT

As tags ALT representam texto alternativo de uma imagem. Ele deve ser usado em todas as imagens, independentemente da dimensão, prioridade ou algo do gênero. Simplificando, as tags ALT são uma descrição da sua imagem. O que sua imagem representa no sentido literal?

As tags ALT são usadas pelos mecanismos de pesquisa para rastrear sua imagem. Se a imagem não puder ser renderizada, a tag ALT da imagem será usada em seu lugar. As tags ALT também são usadas pelos leitores de tela para pessoas que perderam a visão.

Por exemplo, a tag ALT ou o texto descritivo da nossa captura de tela anterior pode ser:

Captura de tela do painel do WordPress mostrando as configurações de links permanentes, com a opção padrão marcada.

Escrever tags ALT detalhadas pode ser uma chatice, mas os esforços valem a pena. Infelizmente, não consegui encontrar um estudo recente que mostre crescimento no tráfego orgânico devido à otimização de tags ALT. A maioria deles são comentários em fóruns. Se você encontrar esses estudos, compartilhe-os conosco!

Você está usando as tags TITLE e ALT de palavra-chave

O preenchimento de palavras-chave é basicamente como adicionar todas as suas palavras-chave populares apenas para obter um pouco de suco de SEO de última milha. No entanto, na realidade, é como usar óleo de baixa qualidade em seu carro bem oleado. O Google está ficando mais inteligente todos os dias, o que significa que ele sabe quando você está tentando mexer com ele. Resultado? Seu SEO pontua uma penalização.

Um exemplo típico de uma tag ALT cheia de palavras-chave seria:

Captura de tela do painel do WordPress, mostrando as configurações de links permanentes, com a opção padrão marcada MELHORES TEMAS DE WORDPRESS GRATUITOS E PREMIOS WPEXPLORER

Meu conselho? Não pegue o atalho. Você trabalhou duro para definir suas tags ALT – os frutos do seu trabalho seguirão.

Você não está usando legendas de imagem

O problema das tags ALT e TITLE é que elas não são realmente visíveis para o leitor / visitante. Os mecanismos de pesquisa adoram, mas como uma pessoa que lê seu artigo, não passo o mouse sobre a imagem para ver seu texto alternativo, muito menos abro a imagem em uma nova guia, apenas para que eu possa ver o nome do arquivo. (Obviamente, se eu estivesse salvando uma imagem, um bom nome de arquivo descritivo definitivamente faria o meu dia!)

Estabelecemos que as tags ALT e TITILE, não importa quão cruciais para o SEO, não desempenhem realmente um papel importante na experiência de leitura do visitante.

Aqui é onde legendas entrar. De acordo com um Estudo Kissmetrics, verificou-se que as legendas das imagens são lidas 300% a mais do que a cópia do corpo real. Isso é muito mais olhos do que o esperado.

Design responsivo. Este é um exemplo de legenda de imagem!

Se suas legendas são cativantes, existe uma boa chance de o leitor ler e ler o que você tem a dizer. Pense nisso desta maneira:

  • A tag TITLE é um nome de arquivo sucinto para o arquivo de imagem
  • A tag ALT é uma descrição descritiva do conteúdo da imagem
  • A legenda é para o leitor. É uma mistura das tags TITLE e ALT criadas para aprimorar a experiência de leitura do visitante.

Você não enviou um Sitemap de imagem

Um site é essencialmente uma coleção de várias páginas HTML interligadas. Um mapa do site é um documento que contém informações sobre como todas as páginas do seu site estão estruturadas. Normalmente, eles não contêm informações das imagens do seu site.

É aí que entram os sitesmaps da imagem. Udinra All Image Sitemap é o plugin perfeito para o trabalho. O plug-in suporta plug-ins de controle deslizante de imagem, como NextGen Gallery e Envira Gallery; Plug-ins de comércio eletrônico, como WooCommerce, Easy Digital Downloads e plug-ins de criadores de páginas, como Visual Composer, Site Origin, etc..

Otimização do desempenho da imagem

O desempenho geral de um site é um fator crucial no SEO. Quando se trata de otimização de desempenho, nada é perfeito – sempre há espaço para melhorias. Veja um exemplo recente em que o Google reduziu seu logotipo de 14.000 bytes a 305 bytes e ainda continua a evoluir.

A seguir, apresentamos algumas dicas de otimização de imagem que compartilhamos nas postagens anteriores.

Você não está otimizando suas imagens

  • Uma das melhores maneiras de otimizar suas imagens é usar ferramentas como o TinyPNG para reduzir e otimizar o tamanho do arquivo.
  • Você também precisa definir um tamanho máximo para todas as suas imagens e redimensionar todas as imagens maiores que o tamanho máximo.
  • Mas antes de começar com o exposto, você precisará aprender as formato correto para salvar uma imagem.

Eu suponho que você já tem isso. Caso contrário, consulte nosso primeiro post – é tudo sobre o que falamos!

Você não está usando imagens responsivas

Todos nós usamos sites responsivos. É absolutamente crucial ter um site otimizado para celular hoje em dia. Caso contrário, você está perdendo potencial para os clientes, sem mencionar a pontuação de SEO. (Sim, o Google realmente o penalizará se seu site não for compatível com dispositivos móveis.)

Agora vamos discutir imagens responsivas. Com o WordPress 4.4, a propriedade de imagens responsivas é ativado por padrão. Quando você carrega uma imagem, o WordPress cria várias versões para diferentes tamanhos de tela.

Com o novo suporte para imagens responsivas, o WordPress inclui todos os tamanhos disponíveis de uma imagem em um srcset atributo. Isso permite que o navegador escolha entre as opções e faça o download da dimensão de imagem mais apropriada, com base no tamanho da tela do dispositivo. O navegador ignora os outros – potencialmente economizando largura de banda e acelerando o tempo de carregamento da página no processo.

Se, por algum motivo, você não tiver atualizado para o WordPress 4.4, use o Imagens responsivas RICG plugin para obter o mesmo conjunto de recursos. Se você está na versão mais recente do WordPress, na verdade não precisa deste plugin.

Você não está usando uma CDN grátis

A segunda maneira de melhorar o desempenho é usar um CDN gratuito, como o Photon, do popular módulo Jetpack. Adoramos o Jetpack por vários motivos e o Photon é apenas um deles. Se você estava se perguntando o que é o Photon – é um serviço gratuito de CDN de imagem do WordPress. Módulo Photon do Jetpack pega todas as imagens do seu site e as armazena na rede global de distribuição de conteúdo do WordPress.com. As imagens são descarregadas do seu servidor, carregadas mais rapidamente e você economiza em custos de largura de banda. O que mais você poderia querer?

Você não é preguiçoso carregando imagens

Gato fedido, gato preguiçoso, o que eles estão te alimentando?

Com o carregamento lento ativado, as imagens são carregadas quando aparecem na sua janela de exibição. Por exemplo, digamos que você esteja lendo um artigo de 2000 palavras sobre as melhores soluções de podcasting para WordPress. Você não precisa olhar para todas as imagens até chegar ao final do artigo. A ativação do carregamento lento reduz drasticamente os tempos de carregamento e economiza a largura de banda do usuário e do visitante.

o BJ Lazy Load plugin é a sua resposta. Com mais de 50.000 instalações ativas, você não pode errar. Baixe e ative o plug-in e deixe a mágica começar com um clique.

No entanto, por outro lado, existem algumas armadilhas em potencial quando se trata de imagens com carregamento lento. Se você não tomar cuidado, pode correr o risco de prejudicar sua pontuação de SEO. Tenha certeza de que, se você usar os plugins recomendados, será classificado. Além disso, se você usar outros plugins de login lento, tente o Buscar como o Google para sites para garantir que todo o seu conteúdo possa ser rastreado corretamente pelos mecanismos de pesquisa.

Algumas dicas sobre o uso da imagem

As dicas a seguir não devem ser consideradas erros, mas mais diretrizes gerais que podem melhorar a qualidade do seu conteúdo.

Steer Clear of Generic Fotos De Stock

Qual é a primeira coisa que vem à sua mente quando você vê esta imagem?

Nada é mais desanimador do que a imagem de um executivo de suporte ao cliente sorrindo para você no Contate-Nos página. Ou uma foto óbvia de modelos em um Sobre nós ou pior, Junte-se a nós página. Todo mundo está tão acostumado a eles, que podemos reconhecê-los quase instantaneamente. Se você deseja que um cliente em potencial ou cliente entre em contato com você – tenha uma ótima foto da equipe de suporte ou seja simples – faça um formulário de contato útil. Mas (pelo amor de Deus) não use uma imagem nas suas páginas Sobre nós, Junte-se a nós ou Fale conosco. Hoje, eles certamente causarão mais mal do que bem.

Use GIFs quando possível

Felicidade é Nicolas Cage. Fonte: GIPHY

Com a crescente popularidade dos GIFs, começando do 4chan ao 9GAG para todas as principais redes sociais (sim, eu estou olhando diretamente para o seu Facebook e Twitter) e teclados de suporte; não há como negar o fato de os GIFs estarem aqui para ficar. Se você considera o uso de GIFs em suas postagens (e fez as pazes com o fato), o GIPHY é um ótimo lugar para encontrar boas imagens GIF!

Use as licenças com cuidado – # CC0

Eles dizem que nunca se pode ser também Cuidado. Não, não estou pedindo para você começar a construir seu bunker pós-apocalíptico. Mas, quando se trata de licenciar imagens, é melhor optar pelas CC0, que são gratuitas para baixar e usar. Se você tiver um bom orçamento de marketing, adquira uma assinatura da Shutterstock e faça o download de algumas fotografias brilhantes e livres de royalties para o seu blog e boletins.

Conclusão

Para encerrar esta série, vamos revisar o que aprendemos até agora:

  1. Use o formato de imagem correto
  2. Dicas sobre como enviar fotos de estoque para postagens do blog
  3. Otimização de imagem – tamanho, dimensões, qualidade e economia para a web
  4. Gerenciamento de imagem quando o URL do site WordPress muda
  5. Importando imagens externas no WordPress
  6. Evitando hotlinking de imagem no WordPress
  7. Erros comuns na imagem WordPress SEO
  8. Preguiçoso carregando imagens
  9. Sitemaps de imagem no WordPress
  10. Imagens responsivas no WordPress

O que você achou dessa série de posts? Eles estão perdendo uma dica vital? Deixe-nos saber nos comentários abaixo.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me