Como alterar o tamanho da imagem em destaque no WordPress

Sem dúvida, a imagem em destaque no WordPress é um dos aspectos mais importantes de qualquer postagem, o que torna a seleção do tamanho adequado essencial para o sucesso. Muitas vezes, é a primeira coisa que um visitante verá ao pesquisar um tópico.

Se a imagem parecer ruim, isso terá um impacto direto no quantidade de tráfego que você recebe. É essencialmente um outdoor do seu conteúdo com o objetivo de chamar a atenção do leitor. É por isso que tanto esforço é dedicado a eles.

Na maioria dos casos, o maior erro que os iniciantes cometem é não selecionar o tamanho certo para a miniatura da postagem no WordPress. Mesmo se você tiver uma ótima imagem, ela ficará ruim se o tamanho estiver errado.

Na verdade, você pode estar cortando partes importantes da imagem ou dificultando a leitura de qualquer texto.

Assim, se você realmente deseja ter sucesso no WordPress, precisará aprender como alterar o tamanho da imagem em destaque.

O que é uma imagem em destaque?

Uma imagem em destaque é uma imagem que representa o conteúdo da sua postagem ou página.

A imagem em destaque será a primeira coisa visível após o título e também estará visível ao selecionar uma postagem ou página de um diretório ou mecanismo de pesquisa. Assim, tem efeito direto no tráfego do seu site.

Muitas vezes é chamada de imagem de cabeçalho e é usada pelo WordPress para criar miniaturas, portanto, o nome pode mudar.

A imagem em destaque aparecerá em vários locais fora da postagem ou página original. Por exemplo, ele pode aparecer na sua página inicial se você exibir as postagens mais recentes ou mais populares ou os resultados de pesquisa do seu site.

Ele também aparecerá no centro quando você compartilhar aquela postagem ou página em plataformas de mídia social. Como você pode imaginar, devido à frequência com que a imagem é vista, é fundamental fazer uma boa imagem.

Uma coisa a ter em mente é que muitas opções de tamanho de imagem em destaque dependem do tema escolhido. Cada um suporta diferentes opções de tamanho de imagem e você precisará consultar a documentação do tema para encontrar as melhores opções.

Ler:  Como usar o bloco do editor clássico com WordPress Gutenberg

Assim, o tamanho da imagem do cabeçalho no WordPress é variável e não definido para cada site.

Como definir uma imagem em destaque

Agora, antes de alterar o tamanho de uma imagem em destaque, você precisa realmente ter uma imagem em destaque. Vamos abordar rapidamente como você definirá uma imagem em destaque no WordPress.

Etapa 1: abra uma postagem ou página

Basta abrir qualquer postagem ou página no WordPress. Alternativamente, você pode criar um novo.

Observação: O processo é idêntico para páginas e postagens.

Etapa 2: localize a seção de imagens em destaque

Por padrão, quando você cria uma nova postagem ou página, a roda de configurações deve estar aberta e visível no lado direito. Caso contrário, clique na roda de configurações para abri-la.

Localize a opção Imagem em destaque e clique nela para expandir.

Etapa 3: definir a imagem em destaque

Clique na caixa Definir imagem em destaque.

Isso abrirá a biblioteca de mídia. Selecione a imagem que deseja usar. Você verá opções para configurar a imagem. Você pode adicionar texto alternativo, título, legenda e descrição neles.

Basta clicar no botão “Definir imagem em destaque” e sua imagem estará no lugar.

Você notou qual opção não estava disponível? Não há opções para configurar o tamanho da sua imagem em destaque. Vamos consertar isso.

Como alterar o tamanho da imagem em destaque no WordPress

Antes de entrar nisso, preciso ressaltar que o melhor tamanho para uma imagem em destaque depende do seu tema. Cada tema é único, portanto, você precisa selecionar os tamanhos com base no que o seu tema recomenda.

Não seguir o que o seu tema recomenda pode resultar em imagens de baixa qualidade que podem parecer borradas ou cortadas.

Método 1: Editando a Imagem no WordPress

Portanto, existe uma opção para editar qualquer imagem da sua biblioteca de mídia. Você pode descobrir isso ao selecionar a imagem.

Você tem algumas opções básicas de edição de fotos que incluem cortar, girar a imagem para a direita ou esquerda e virar a imagem horizontalmente ou verticalmente. Mais importante, você pode realmente dimensionar a imagem.

Basta alterar as dimensões (em pixels) e clicar no botão “Escala”.

Agora, na realidade, isso só será eficaz em algumas situações. Veja, isso pode diminuir drasticamente a qualidade e resultar em imagens borradas. Realmente depende das dimensões originais da imagem e de como você a dimensiona.

Por esse motivo, a maioria dos desenvolvedores irá ignorar essas opções no WordPress e se concentrar no uso de software de edição de fotos real, como o Photoshop, que é o próximo método.

Método 2: dimensionar corretamente a imagem antes de carregá-la

A imagem em destaque aparecerá em qualquer tamanho da imagem original (se o tema permitir). Assim, uma das maneiras mais simples de controlar seu tamanho é usar softwares como o Photoshop e ajustá-lo manualmente.

Ler:  Como corrigir um erro de publicação de agendamento de postagem perdida no WordPress

Isso inclui até imagens de banco de imagens, já que você pode colocá-las no Photoshop e recortá-las para obter o tamanho correto sem perder qualidade.

Em geral, a maioria dos blogs utilizará o Photoshop, pois é o software de edição de fotos amplamente disponível. Também existem diversos tutoriais para demonstrar como usá-lo, o que pode ajudar os iniciantes.

Se você não tem dinheiro para comprar o Photoshop, pode usar uma alternativa online gratuita, como Fotopea. Funciona de forma semelhante ao Photoshop e possui muitas das mesmas funções e ferramentas.

Isso também tem outra vantagem simples: você pode armazenar a imagem original em seu computador.

Ao longo da vida de um site, é bem possível que você faça diversas alterações em relação às suas imagens. Isso pode ser alterar o tamanho, a borda, um elemento gráfico específico, fonte ou qualquer outra coisa.

Ter o original disponível permite editá-lo e carregá-lo novamente. Isso pode evitar que você tenha que procurar a mesma imagem novamente ou criar uma nova do zero.

Essencialmente, dimensione-o corretamente antes de carregá-lo, dessa forma você pode simplesmente colocá-lo e pronto.

Método 3: definir o tamanho da imagem em destaque no WordPress com PHP

Outro método mais complicado é codificar o tamanho da imagem em destaque usando PHP. Ou mais especificamente, adicionando algum código ao arquivo functions.php do seu tema.

Agora, digo mais complicado, porque na verdade se resume a copiar e colar uma linha de código e adicionar seus próprios valores a ela. Assim, não é muito difícil.

No entanto, representa um risco maior porque se você cometer um erro de digitação, poderá bagunçar o seu site.

Antes de prosseguir, recomendo fortemente fazer um backup. Na verdade, não importa o que você faça, você deve criar um.

Um backup é uma ferramenta inestimável para desenvolvedores, pois não importa qual erro ocorra, você basicamente tem um cartão para sair da prisão. E às vezes, nem é um erro de sua parte que requer um backup.

De qualquer forma, tudo que você precisa fazer é localizar o arquivo functions.php do seu tema e colar a seguinte linha de código nele:

Este código não está pronto para uso, pois você deve fazer uma pequena alteração nele. O $largura deve ser substituído pela largura da sua imagem em pixels. O $altura deve ser substituído pela altura da sua imagem em pixels.

Por último, o $colheita opção cortará a imagem na largura e altura especificadas. Se você quiser habilitar isso, insira True. Alternativamente, você pode deixar em branco ou inserir False.

Assim, o código ficará assim para uma imagem 100 x 100 sem corte:

E é isso. Salve as alterações e imagens que você envia para o seu site depois fazer essa alteração seguirá essas regras.

Observação: Como esse código está no arquivo functions.php do seu tema, se você alterar o tema, terá que adicioná-lo novamente. Alguns temas podem não suportar esta função, portanto consulte a documentação do seu tema.

Ler:  WordCamp Montclair 2024: Pronto!

Como alterar o tamanho das imagens do WordPress

É claro que as imagens em destaque não são as únicas que existem no WordPress. Na verdade, existem quatro tipos de dimensionamento de imagem padrão:

  • Tamanho da miniatura: 150×150 pixels
  • Tamanho médio: 300×300 pixels
  • Tamanho grande: 1024×1024 pixels
  • Tamanho completo: Tamanho da imagem original (sem limite)

Na verdade, toda vez que você carrega uma imagem em sua biblioteca de mídia, o WordPress faz uma cópia dela usando cada um desses tamanhos. Muitos desenvolvedores realmente dedicam algum tempo para desativar esse recurso porque ele ocupará espaço no servidor.

Embora esses sejam os tamanhos de imagem padrão no WordPress, eles podem ser alterados. Isso é importante porque às vezes esses tamanhos não funcionam bem para um tema ou para tipos específicos de conteúdo.

Por exemplo, o tamanho da miniatura pode ser muito pequeno para alguns sites, o que pode resultar em uma imagem borrada ou difícil de ver.

Vejamos como alterar o tamanho da imagem do WordPress.

Etapa 1: vá para configurações de mídia

Clique em Configurações e selecione a opção Mídia.

Etapa 2: alterar os tamanhos de imagem padrão

Esta área contém as configurações que permitem personalizar o tamanho dos três tipos de imagem padrão. Tudo isso envolve alterar as dimensões da imagem, por isso é bastante simples.

Etapa 3: salve as alterações

Depois de fazer as alterações, tudo o que você precisa fazer é clicar no botão “Salvar alterações” na parte inferior. No futuro, esses serão os tamanhos que seu site utilizará.

Nota importante: Isso não alterará nenhum dos tamanhos de imagem existentes. Você terá que reenviar a imagem para que ela tenha essas opções de dimensionamento, já que o WordPress só as cria após o upload.

Por esse motivo, determinar quais tamanhos de imagem você usará deve ser uma das primeiras coisas a fazer.

Otimize sua imagem em destaque para SEO

Fazer todo o esforço para redimensionar sua imagem em destaque é completamente inútil se ninguém a vir. Assim, você precisa otimizar a imagem para SEO.

Então como você faz isso?

Bem, o aspecto mais importante é o Alt Text. Este é o texto que você pode adicionar à imagem que descreve o que está acontecendo.

Por exemplo, imagine um artigo sobre videogames que inclua a imagem de duas pessoas jogando em um sofá. Bem, você gostaria que a imagem contivesse um texto alternativo dizendo: “Dois jogadores jogando videogame em um sofá”.

Isso descreve a imagem com precisão, ao mesmo tempo que inclui a palavra-chave videogames.

Essas descrições claras não ajudam apenas os mecanismos de pesquisa, mas também podem ajudar os visitantes. Se a conexão com a Internet for fraca, o que é especialmente importante para usuários móveis, as imagens não serão carregadas. Em vez disso, o Alt Text aparecerá.

Isso pode ser benéfico porque o visitante terá uma ideia do que deveria ser a imagem.

Ler:  Como escrever uma postagem no blog que as pessoas queiram ler

É claro que, embora o foco aqui esteja nas imagens em destaque, todas as imagens devem receber esse tratamento. Isso pode melhorar drasticamente a classificação do seu mecanismo de pesquisa.

DR: Descreva sua imagem e inclua a palavra-chave nas imagens em destaque.

Tamanho da imagem em destaque nas perguntas frequentes do WordPress

Você pode ter algumas perguntas persistentes, então vamos analisar algumas:

Preciso definir a imagem em destaque no WordPress?

Não.

Na verdade, não é obrigatório. Na realidade, o WordPress detectará a primeira imagem em uma postagem ou página e a definirá como imagem em destaque. Embora isso seja eficaz, é menos ideal do que definir um manualmente.

Em muitos casos, a imagem pode não ser suficientemente chamativa para captar a atenção do visitante. Ou pode simplesmente não refletir o tópico.

Obviamente, configurá-lo você mesmo é a melhor opção que recomendo, porém, não é obrigatório.

As imagens em destaque são naturalmente responsivas?

Na maioria dos casos, sim.

Isso depende completamente do seu tema, mas praticamente todos os temas modernos do WordPress são desenvolvidos para serem responsivos hoje em dia. Na verdade, seria mais difícil encontrar um tema que não faça isso por padrão do que encontrar um que faça.

Dito isto, é sempre recomendável testar o seu site em vários dispositivos para confirmar. É melhor encontrar um problema sozinho do que deixar que um visitante o encontre. Em alguns casos, você pode não saber que o problema existe.

Os visitantes nem sempre informam você.

Qual é o tamanho ideal da imagem em destaque no WordPress?

É completamente dependente do tema. Dito isto, de modo geral, 1200×628 pixels é um bom tamanho para satisfazer a maioria dos temas WordPress.

Para realmente descobrir qual seria a melhor opção para o seu site, leia a documentação do tema. Se você comprou um tema premium, pode entrar em contato com o suporte para pedir uma recomendação.

Você também pode utilizar fóruns de plugins ou Reddit para perguntar o que outras pessoas estão usando. Muitos desenvolvedores estão dispostos a ajudar os outros.

Altere o tamanho da imagem em destaque do WordPress hoje

WordPress é um dos CMS mais amigáveis ​​para iniciantes que existe e, como você pode ver, alterar o tamanho de uma imagem em destaque é bastante simples. Não só é fácil, mas também é importante.

A imagem em destaque que você escolher será a primeira coisa que o visitante verá ao carregar uma página. Precisa captar a atenção deles, refletir o tópico e ser otimizado para SEO. Caso contrário, há uma boa chance de que a postagem não funcione muito bem.

Com isso em mente, uma boa quantidade de tempo deve ser gasta em cada imagem em destaque que você cria para o WordPress.

Quanto tempo você gasta criando imagens em destaque no WordPress? Você está satisfeito com o tamanho da imagem que aparece em uma pesquisa?

Novas publicações:

Recomendação