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

Bem-vindo ao segundo post no Guia definitivo para gerenciamento de imagens no WordPress. O primeiro post foi sobre como começar com o pé direito. Aprendemos quando usar um formato de imagem JPG ou PNG (embora com exemplos rigorosos) e algumas dicas sobre o upload adequado de uma imagem.


Na postagem de hoje, veremos alguns dos aspectos mais técnicos da manutenção e gerenciamento de imagens em seu site WordPress.

  • O que acontece com as suas imagens quando você altera o URL do site ou move os servidores?
  • E se você tiver vários autores em seu site e alguns deles tiverem links para imagens externas? Como você hospeda essas imagens no servidor?
  • O que acontece quando alguém vincula suas imagens? Btw o que está ligando?

Essas são algumas das perguntas que responderemos na postagem de hoje. Como sempre em nossa série de posts, começamos com o porquê e depois passamos ao como. Vamos começar!.

Dica 1: Gerenciamento de imagens com atualizações de URL do site

Este é um dos erros mais comuns que vemos nos usuários do WordPress.

Quando o URL do site WordPress muda?

Mas primeiro, devemos entender quando é provável que o URL de um site seja alterado. A seguir, estão os três cenários mais comuns.

1. Mudando para um novo nome de domínio

O URL do site é atualizado quando você altera o nome do domínio. Por exemplo, Moz era anteriormente conhecido como SEOMoz. Com a nova marca, eles tiveram que atualizar todos os URLs existentes de imagens, PDFs, links de afiliados etc. de seomoz.com para moz.com

2. Alterando o diretório de instalação do WordPress

O URL do site também muda quando você altera o localização da sua instalação do WordPress. De fato, este é um dos casos mais comuns por aí.

O WordPress se instala em um novo diretório padrão chamado blogue. Muitos usuários iniciantes do WordPress, sem saber, acabam instalando o WordPress no example.com/blog.

Apenas depois percebem que desejam mover o WordPress para o domínio raiz, ou seja,. example.com. (Se você é uma empresa de produtos ou serviços, que incluiu um marketing de conteúdo nos estágios posteriores, você deve se relacionar.)

Depois que o WordPress é movido para o diretório raiz, o URL do site muda de example.com/blog para somente example.com. Qualquer imagem, PDF (ou qualquer arquivo de mídia) ficaria assim:

  • VELHO: example.com/blog/ebook.pdf
  • NOVO: example.com/ebook.pdf

3. Alternando entre Servidores de Preparação e Produção (Ativos)

Isso prevalece em blogs de alto tráfego ou sites de comércio eletrônico, onde qualquer erro resulta em uma queda nas conversões. A migração de e para um servidor intermediário pode ser muito simples se você estiver usando um host gerenciado como o WPEngine ou o Flywheel. (No entanto, nós do WPExplorer usamos o WPEngine há três anos seguidos e nunca enfrentamos um tempo de inatividade!)

O problema ocorre quando alguém carrega uma imagem ou links para alguma postagem usando o URL do servidor intermediário. Quando você transfere seu site de volta ao servidor ativo, os links dos testes são usados ​​para as imagens que foram carregadas no ambiente do servidor de teste. Portanto, idealmente, isso deve ser evitado. Se você acha que alguém da sua equipe pode ter enviado conteúdo no ambiente de teste, você pode aplicar a correção que estamos prestes a compartilhar abaixo.

Em uma nota semelhante, alguns de vocês podem questionar – Bem, qual é o mal em usar links do servidor intermediário? Não economizará largura de banda do site atual / ao vivo?

Você não está errado em pensar isso. No entanto, na realidade, isso raramente ocorre. Aqui está o porquê:

  1. Um servidor intermediário geralmente é executado com recursos mais baixos. Você comprometeria a velocidade do site, o que afetaria negativamente a experiência do usuário.
  2. Em muitos casos, o link raiz do servidor de teste / teste continua mudando – o que pode levar a uma tonelada de links quebrados. Imagine um tutorial de 3000 palavras com capturas de tela quebradas em todo o lugar. Como poderia isso te fazer sentir?
  3. Isso também afetaria negativamente o SEO da sua imagem. Lembre-se, a pesquisa de imagens no Google é ainda uma fonte de tráfego orgânico. Se a imagem não pertencer ao seu domínio, você estará perdendo tráfego orgânico gratuito e Pontos de SEO!

O que estamos tentando resolver?

Agora que sabemos quando uma URL de site WordPress for alterada, vamos ver um exemplo onde há potencial espaço para erro. Links gerados automaticamente (como links afiliados) não enfrentam problemas. No entanto, os links que foram colados manualmente em postagens e páginas (como links internos, links de imagens etc.) devem ser atualizados manualmente.

Todos usamos imagens em nossas postagens e páginas. Um exemplo típico de um link de imagem é:

http: //mywpsite.tld/wp-content/uploads/year/month/image-name.png

Quando o URL do site WordPress muda, os links de origem de todas as imagens devemos mude também para:

http: //newwordpressdomain.tld/wp-content/year/month/image-name.png

Não apenas imagens, todos os links (incluindo links entre postagens, arquivos de mídia, PDFs etc.) devem ser atualizados.

Ok, parece que discutimos a questão em profundidade. Agora vamos ver como corrigir o problema de uma vez por todas. Como sempre, temos um plugin WordPress para resgatar!

URLs de atualização do Velvet Blues

  • Primeiro, faça o download e instale o URLs de atualização do Velvet Blues
  • Após a ativação, vá para Ferramentas do Painel do WordPress> Atualizar URLs página para definir as configurações do plug-in.

Substituição de URL no WordPress – Cortesia do plugin Velvet Blues Update URLs

Lembre-se de como usamos o Localizar e substituir apresentam o Microsoft Word? Bem, isso é essencialmente o que o plugin faz! isto encontra os URLs antigos na página ou postar conteúdo e substitui com os novos URLs. Dessa forma, os links de imagens são atualizados em todas as suas postagens.

Além disso, você pode estender a funcionalidade do plug-in para encontrar / substituir URLs em links, trechos, anexos, campos personalizados e meta boxes.

A seguir, alguns exemplos de URLs antigos no seu site:

  • Se você estivesse mudando de um servidor intermediário, o URL antigo seria algo como: hostname.com
  • Se você estava alterando / atualizando o nome do domínio, basta usar o novo nome do site.
  • Se você usou ‘https’ como protocolo, substitua ‘http’ por ‘https’.

No nosso exemplo, substituímos o URL antigo de http://seomoz.com para https://moz.com. Depois de inserir o URL antigo e novo, basta clicar em Atualizar URLs AGORA. O plug-in irá verificar todos suas postagens e páginas e aplique sua localização e substitua a mágica. Todos os seus URLs serão atualizados para o Novo URL valor

Palavra de Cuidado: A digitalização e substituição de várias postagens e páginas pode consumir muitos recursos, especialmente se o seu blog WordPress tiver centenas de postagens. Se você selecionou todas as opções de digitalização (links de sites, trechos etc.), o uso de recursos aumentaria significativamente. Para muitas atualizações de URL em todo o site, a conta de hospedagem pode ser temporariamente suspensa devido ao uso excessivo de recursos. Esse problema seria mais prevalente em provedores de hospedagem compartilhada. Portanto, eu recomendaria um pouco de cautela ao executar o plugin.

Dica # 2: Importando imagens externas no WordPress

Imagens externas são aquelas que não estão hospedadas no seu servidor. Neste tutorial, aprenderemos como importar de forma rápida e eficiente todas as imagens externas para o seu próprio site WordPress.

Para maior clareza, vamos supor que estamos usando as imagens com licenças apropriadas (caso contrário, poderemos entrar em um debate completamente diferente!).

Para recapitular rapidamente, eis duas razões pelas quais não devemos usar imagens externas em nosso site WordPress:

  • Eles consomem a largura de banda de outras pessoas, o que não é realmente justo.
  • O dano às nossas pontuações de SEO de imagem.

Vamos dar uma olhada na postagem a seguir. É muito difícil entender se a postagem está ou não usando uma imagem externa usando o Editor Visual.

Editor Visual do WordPress

A menos, é claro, que passemos ao Visualização de texto do editor WordPress.

Visualização de texto do WordPress Editor, revelando o código fonte HTML do conteúdo da postagem.

Vimos que essa imagem está realmente hospedada no imgur.com – um popular site de hospedagem de imagens. Para consertar isso, precisamos:

  • Faça o download da imagem
  • Carregá-lo no WordPress
  • Atualize o link na postagem

Você pode imaginar repetir todas essas etapas para cada imagem em todas as postagens? Só encontrar todas as imagens externas levaria dias! Então deve haver uma solução, certo? Ou estou falando disso apenas para decepcioná-lo?

Claro que não! Existe uma solução. E, como sempre, é um incrível plugin gratuito para WordPress.

Como importar imagens externas no WordPress

Uma das primeiras coisas que eu gosto sobre este plugin é o próprio nome. É claro, nítido e direto ao ponto. Para começar, faça o download e instale o Importar imagens externas plugar. Ative o plug-in e vá para Painel do WordPress> Mídia> Importar imagens

Você deve ver um painel de opções como este:

Importar opções de plug-in de imagens externas do WordPress

Se você notar no canto inferior direito, verá que o plug-in já identificou as postagens que contêm imagens externas.

Em nosso exemplo, executamos esse plug-in em um ambiente de preparação, e é por isso que temos apenas uma postagem, com uma imagem externa.

Tudo o que você precisa fazer agora é clicar em Importar imagens agora para iniciar o processo. Na conclusão, você verá uma mensagem de confirmação semelhante do total de imagens importadas.

Opcionalmente, você também pode optar por excluir imagens com base no nome do domínio. Isso é útil se você tiver links especiais para download de imagens (de sites externos de hospedagem de imagens pagos, como o Photobucket), que não deseja substituir.

Depois que a importação da imagem estiver concluída, se verificarmos a galeria de mídia, veremos todas as imagens importadas.

As imagens são importadas e armazenadas automaticamente na Biblioteca de Mídia do WordPress.

Ok, então as imagens são importadas para a Galeria de mídia do WordPress. E o conteúdo da postagem? Eles ainda apontam para o URL da imagem antiga? Absolutamente não!

O plug-in também substitui o link do arquivo de imagem pelo novo URL, ou seja, o link do seu domínio!

Após a importação, os links da imagem também são atualizados.

Impacto no desempenho: Semelhante aos problemas de consumo de recursos que discutimos no plug-in de atualização de URL, a importação de imagens externas no WordPress também consome seu quinhão de recursos do servidor. Felizmente, o desenvolvedor adotou medidas para controlar o uso do servidor. O plug-in verifica no máximo 50 postagens por chamada (ou seja, quando você visita ou atualiza a página de configurações do plug-in). Também limita o número máximo de imagens a 20 por chamada de importação.

Dica # 3: Como impedir a vinculação de imagens no WordPress

Simplificando, hotlink significa vagar pela cidade na reserva de outra pessoa do Uber. Pense nisso. Você reserva um Uber para o seu trajeto e um estranho de alguma forma consegue roubar sua reserva e usá-la à sua vontade. Você paga pelos passeios deles. Agora imagine se alguém pode apenas levar sua reserva do Uber – use-a como bem entender – por quanto tempo quiser – e você não pode fazer nada a respeito.

Bem, imagem hotlinking é um pouco semelhante. As pessoas pegam suas imagens e as usam em seus sites. Eles ganham fama e você acaba pagando as contas. E não há nada que você possa fazer sobre isso.

Aguente! A última linha não é verdadeira. Vocês lata faça alguma coisa sobre isso. Afinal, é o WordPress! Você provavelmente está pensando “Ah Sourav vai introduzir outro plug-in”. Bazzinga! Eu não estou.

1. Configure o servidor da Web para prevenção de hotlinks (Apache ou NGINX)

Seu servidor da web é suficiente para impedir que outras pessoas enviem suas imagens para hotlking. Os dois servidores web mais comuns são Apache e NIGNX. Se você estiver usando o Apache como servidor da Web, poderá impedir a hotlinking de imagens no WordPress adicionando algumas linhas de código no seu arquivo .htaccess. Em 2013, escrevi um breve tutorial sobre isso – ainda é aplicável hoje.

No entanto, se você estiver usando o NGINX como seu servidor wes, adicione o seguinte trecho de código ao seu arquivo de configuração do NGINX.

localização ~. (gif | png | jpe? g) $ {
valid_referers nenhum bloqueado .yourwebsite.com;
if ($ invalid_referer) {
retorno 403;
}
}

Substituir yourwebsite.com com seu nome de domínio real.

Em poucas palavras, esse trecho de código impede que arquivos GIF, PNG e JPG / JPEG sejam vinculados. Esses arquivos serão acessíveis apenas pelo seu domínio e mais ninguém. Caso alguém tente vincular esses 3 formatos de arquivo, eles receberão um erro 403.

Aqui está uma rápida explicação linha por linha do código cortado.

  1. A linha 1 define os formatos de imagem. Você também pode adicionar formatos de vídeo como mp4 aqui.
  2. A linha 2 informa ao NGINX que solicitações do seu domínio devem ser permitidas. Se algum outro domínio solicitar, bloqueie a solicitação.
  3. A linha 3 informa ao NGINX o que fazer se uma solicitação for de um domínio não permitido
  4. A linha 4 informa ao NGINX para lançar um erro HTTP 403 Proibido, se a condição na linha # 3 for atendida.
  5. As linhas 5 e 6 fecham o código corretamente para que ele execute!

Da mesma forma, se você deseja impedir que um diretório inteiro seja vinculado a hotlink, também existe um trecho de código..

local / uploads / {
valid_referers nenhum bloqueado .yourwebsite.com;
if ($ invalid_referer) {
retorno 403;
}
}

Substitua / uploads / pelo diretório que você deseja impedir que seja vinculado a hotlink. Em nosso exemplo, escolhemos o WordPress padrão carregamentos diretório. Se você é como a maioria de nós, faria o upload de todas as suas imagens, PDFs e outros arquivos de mídia usando o carregador padrão do WordPress, que por sua vez colocaria os arquivos dentro da pasta / uploads /. Assim, ao proteger a pasta principal, estamos impedindo que todo e qualquer upload seja vinculado a hotlink.

2. Use uma CDN para impedir a vinculação de imagens no WordPress

Surpreso? Eu também era quando li sobre isso pela primeira vez. Todos nós ouvimos falar do CloudFlare como um dos melhores CDNs gratuitos disponíveis no mercado. Você sabia que eles também oferecem proteção gratuita contra hotlinks?

Para ativar a proteção de hotlink, vá até o painel da sua conta CloudFlare, seguido por Scrape Shield. Alterne o botão para LIGADO e você está definido.

Se você estiver usando o Cloudflare, poderá facilmente ativar a proteção de hotlink em Raspar escudo na sua conta. Como o Cloudflare é um serviço totalmente proxy, você não precisa se preocupar em ativar a proteção por hotlink no servidor de origem.

Se você estiver usando um serviço CDN premium, como StackPath CDN ou KeyCDN, tudo que você precisa é criar regras apropriadas para referenciadores de zona e aplicá-las. O KeyCDN possui um maravilhoso tutorial sobre isso, vale a pena ler.

3. Use um plug-in: tudo em um WP Security & Firewall Plugin

Se você preferir não se misturar com o código .htaccess e desejar que haja um plug-in disponível que possa cuidar dos negócios – bem, você está com sorte.

Confira a Tudo em um WP Segurança e firewall plugar. Com mais de meio milhão de instalações ativas, este plugin possui vários recursos essenciais de segurança do WordPress.

Aqui está o que você precisa fazer para ativar o recurso Prevenção de Hotlinking de Imagem.

Como impedir a vinculação de imagens no WordPress usando o plug-in de segurança WordPress tudo-em-um

  • Faça o download e instale o plugar.
  • Ative-o e vá para Painel do WordPress> Segurança WP> Firewall e clique no Impedir hotlinks
  • Marque a pequena caixa de seleção na parte inferior e clique em Salvar configurações.

E é isso. A ligação direta da imagem é impedida a partir de agora.

Conclusão

Para encerrar esta postagem, vamos analisar rapidamente o que aprendemos até agora.

  1. Como atualizar, substitua os URLs antigos pelos novos. A solução é um plugin bacana chamado URLs de atualização do Velvet Blues.
  2. Em seguida, aprendemos como importar imagens externas para o WordPress. Muitos colegas blogueiros fizeram isso pelo menos uma vez na vida! Novamente, a solução estava em um plugin chamado Importar imagens externas.
  3. Os dois plug-ins mencionados nos dois cenários acima têm um impacto no desempenho associado a eles. Nós precisaríamos executar esses plugins com cautela.
  4. Finalmente, vimos o que é hotlinking de imagem e vimos duas maneiras de evitá-lo. Um foi adicionando algumas linhas de código ao plugin .htaccess e o segundo foi usando um plugin de segurança.

Pergunta – quais são seus pensamentos sobre essas dicas? Encontrou algo útil? Tem algo melhor para oferecer? Além disso, como você gosta da série até agora? Deixe-nos saber nos comentários abaixo e fique atento para a próxima parte da série.

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