WPBeginner https://www.wpbeginner.com/pt Beginner's Guide for WordPress Wed, 18 Sep 2024 10:03:06 +0000 pt-BR hourly 1 https://wordpress.org/?v=6.6.1 Os plug-ins premium de SEO para WordPress valem a pena? (+ Como escolher) https://www.wpbeginner.com/pt/opinion/are-premium-wordpress-seo-plugins-worth-it/ https://www.wpbeginner.com/pt/opinion/are-premium-wordpress-seo-plugins-worth-it/#comments Wed, 18 Sep 2024 10:00:00 +0000 https://www.wpbeginner.com/pt/opinion/are-premium-wordpress-seo-plugins-worth-it/ Sejamos realistas: fazer com que seu site seja notado é extremamente importante para seu sucesso. E, de acordo com nossa experiência, a maioria dos sites obtém a maior parte do tráfego dos mecanismos de pesquisa. Mais tráfego significa mais clientes, mais vendas e mais lucro.… Leia mais »

The post Os plug-ins premium de SEO para WordPress valem a pena? (+ Como escolher) first appeared on WPBeginner.

]]>
Sejamos realistas: fazer com que seu site seja notado é extremamente importante para seu sucesso. E, de acordo com nossa experiência, a maioria dos sites obtém a maior parte do tráfego dos mecanismos de pesquisa.

Mais tráfego significa mais clientes, mais vendas e mais lucro. Portanto, você pode estar procurando uma ferramenta de SEO de qualidade para melhorar suas classificações de pesquisa e atrair mais visitantes.

Com tantas ferramentas de SEO disponíveis, tanto gratuitas quanto pagas, é natural se perguntar se vale a pena pagar por um plug-in premium.

Neste artigo, compartilharemos nossa experiência em primeira mão com o uso de plug-ins gratuitos e premium de SEO para WordPress. Exploraremos os recursos extras que as ferramentas premium oferecem e o impacto que elas podem ter no tráfego e no sucesso de seu website.

Are Premium WordPress SEO Plugins Worth It?

Escolhendo a ferramenta de SEO certa para seu site WordPress

Os usuários do WordPress têm muitas opções quando se trata de plug-ins que ajudam a otimizar sites para mecanismos de pesquisa. Mas com tantas ferramentas que prometem aumentar suas classificações, é difícil saber por onde começar.

Aqui no WPBeginner, recebemos muitas perguntas dos leitores sobre qual plugin de SEO é o melhor para chegar aos primeiros lugares nos resultados de pesquisa.

Em resposta, criamos um mostruário detalhado dos melhores plug-ins e ferramentas de SEO. Essas ferramentas podem ajudá-lo a aumentar o tráfego do seu site em 20 a 30% em apenas alguns meses.

Essa lista abrange uma ampla gama de casos de uso e inclui os principais plug-ins, como All in One SEO (AIOSEO) e Yoast SEO, bem como ferramentas autônomas, como Semrush e Ahrefs.

Mas aqui está o problema. Muitos desses plug-ins oferecem versões gratuitas e premium, o que deixa você com outra decisão a tomar.

Embora as versões gratuitas ofereçam uma base sólida para SEO básico, as atualizações premium prometem desbloquear recursos avançados projetados para dar ao seu site uma vantagem nas classificações dos mecanismos de pesquisa.

Então, esses recursos premium valem o investimento? Eles realmente fazem diferença em suas classificações de pesquisa?

Vamos nos aprofundar e explorar os recursos exclusivos das ferramentas premium de SEO para WordPress e ver como elas podem ajudar seu site a chegar às principais páginas de resultados de pesquisa.

Dica: se você tiver orçamento para gastar dinheiro com SEO, mas preferir não fazer o trabalho por conta própria, poderá contratar nossos especialistas em SEO a preços acessíveis no WPBeginner Pro Services para fazer isso por você.

Quais são os benefícios dos plug-ins premium de SEO para WordPress?

Na WPBeginner, usamos plug-ins de SEO premium há muitos anos. Aqui estão alguns de nossos recursos e benefícios favoritos:

1. Auditorias abrangentes de SEO

Embora os plug-ins gratuitos forneçam análises básicas na página, as versões premium geralmente oferecem insights e recomendações mais aprofundados.

Eles realizam auditorias abrangentes de SEO em seu site. Dessa forma, você terá uma ideia clara da saúde geral do seu site do ponto de vista de SEO. Eles examinam todas as suas páginas da Web e destacam os possíveis problemas, recomendando como corrigi-los.

Usamos regularmente o AIOSEO para analisar nosso conteúdo quanto à legibilidade, uso de palavras-chave e otimização geral. Ele nos dá acesso a um relatório de SEO acionável dentro de nossa área de administração do WordPress que nos fornece um roteiro claro para melhorias.

Complete SEO Checklist in AIOSEO

Isso é realmente útil porque a otimização de mecanismos de busca é um procedimento complexo que leva tempo. Ter uma lista de verificação clara de tudo o que precisa ser melhorado simplifica o processo para que você possa corrigir facilmente um problema de cada vez.

2. Sitemaps avançados

Os mecanismos de pesquisa precisam localizar e indexar todas as páginas do seu site antes que elas possam ser exibidas nos resultados de pesquisa.

O Google recomenda o uso de sitemaps para ajudar nesse processo. Os sitemaps ajudam os mecanismos de pesquisa a rastrear até 40% mais páginas, fazendo com que mais conteúdo seu apareça nos resultados de pesquisa.

Existem diferentes tipos de sitemaps, como os sitemaps XML que ajudam os mecanismos de pesquisa a descobrir e indexar seu conteúdo e os sitemaps RSS que os notificam sobre o conteúdo atualizado.

A ativação de ambos lhe trará os maiores benefícios de SEO. Com um plugin premium de SEO para WordPress, isso é tão fácil quanto ativar uma configuração para cada tipo de mapa do site.

Enable sitemap

3. Redirecionamentos avançados e monitoramento 404

Os links quebrados apontam para páginas da Web que não existem, causando frustração e mensagens de erro 404 para seus usuários. Eles também são ruins para o SEO e resultam em uma taxa de rejeição 12% maior.

Os plug-ins de SEO premium ajudam a evitar links quebrados, criando redirecionamentos automaticamente quando você renomeia um post ou uma página ou altera seu URL.

Eles também rastreiam e registram automaticamente os erros 404 para que você possa redirecionar rapidamente esses URLs para publicações existentes como parte da manutenção regular do WordPress.

404 Logs Under Redirects

Isso garantirá que seus visitantes encontrem as informações que estão procurando e evitará surpresas frustrantes ao clicar em links no seu site.

4. Marcação avançada de esquema

A marcação de esquema é um dado estruturado que é adicionado às suas páginas da Web nos bastidores. Ele ajuda os mecanismos de pesquisa a entender melhor seu conteúdo e exibi-lo com mais destaque nos resultados de pesquisa.

Por exemplo, o uso do esquema de receitas pode tornar os blogs de culinária mais visíveis nos resultados de pesquisa. Ele pode aumentar suas taxas de cliques em 30%, trazendo tráfego valioso para seu site.

An example of a featured recipe snippet, in Google

Mas adicionar manualmente esses dados estruturados às suas postagens é muito técnico e demorado.

É muito mais fácil usar um plug-in de SEO premium porque ele pode adicionar a marcação de esquema automaticamente. Essas ferramentas também permitem que você adicione marcações mais específicas a posts individuais com o clique de um mouse, incluindo perguntas frequentes, receitas, eventos, produtos e muito mais.

5. Sugestões de links internos

Sempre recomendamos que você adicione links para seu próprio conteúdo em todo o site. Dessa forma, você ajuda os usuários a encontrar publicações relacionadas ao tópico sobre o qual estão lendo. Esses links são chamados de links internos e são bons para SEO, aumentando as visualizações de página em até 40%.

O problema é que, à medida que você cria mais conteúdo, fica difícil encontrar todas as publicações de blog relacionadas às quais você pode criar links. Pesquisá-los manualmente se torna frustrante e leva muito tempo.

Os plug-ins de SEO premium ajudam a listar automaticamente as oportunidades de links internos. Com um clique do mouse, você pode adicionar facilmente esses links a posts relevantes, juntamente com uma frase e um texto âncora gerados automaticamente, aprimorando seu SEO e economizando seu tempo.

Find internal link opportunities and orphaned pages

6. Otimização de mídia social

Também usamos um plugin premium de SEO para WordPress para otimização de mídia social porque ele nos permite controlar como nosso conteúdo do WPBeginner aparece quando compartilhado em plataformas como Facebook e Twitter (X).

Em vez de essas plataformas extraírem informações e imagens aleatórias de nossas postagens, podemos especificar o título, a descrição e a imagem que serão usados. Isso significa que nossas postagens têm maior probabilidade de repercutir entre nossos seguidores de mídia social, trazendo mais tráfego para nosso site.

The WordPress social media sharing settings

7. Otimização de SEO local

Se a sua empresa tiver locais físicos, os plug-ins de SEO premium poderão ajudar a otimizar seu site para resultados de pesquisa local, incluindo a geração automática de marcação de esquema específica do local, o que facilita a localização dos clientes da sua área.

Os clientes em potencial verão sua empresa no Google Maps e nos resultados de pesquisa quando procurarem seu tipo de empresa na área local.

Eles poderão ver seu endereço, número de telefone e horário de funcionamento diretamente na página de resultados da pesquisa. Além disso, eles podem até obter instruções passo a passo enquanto dirigem até sua loja.

Example of Google Business Profile

8. SEO do WooCommerce

Se você tiver uma loja on-line, também poderá se beneficiar dos recursos especializados de SEO do WooCommerce oferecidos pelos plug-ins premium. Eles ajudam a otimizar suas páginas de produtos para que fiquem mais visíveis nas pesquisas de produtos.

Os usuários também poderão ver avaliações de clientes e classificações com estrelas, mostrando que outros clientes tiveram uma experiência positiva com seus produtos. Isso pode ajudar a direcionar mais tráfego para sua loja.

Product Search Result Showing Star Ratings

9. Suporte prioritário

Quando você está administrando um site de negócios on-line, ter acesso ao suporte especializado pode ser inestimável. As versões premium geralmente oferecem suporte prioritário para ajudá-lo a resolver problemas rapidamente.

Isso garante que, se você se deparar com algum problema ou questão ao usar o plug-in, poderá receber ajuda imediata de especialistas e voltar ao trabalho de administrar sua empresa.

Para obter mais detalhes, consulte nosso guia sobre como solicitar suporte ao WordPress e obtê-lo.

Qual é o plug-in de SEO premium de melhor custo-benefício?

Se você quer mesmo direcionar mais tráfego orgânico para o seu site, a assinatura de um plug-in de SEO premium como o nosso é uma medida inteligente.

Sua próxima tarefa é decidir qual plug-in ou serviço usar. Sua primeira pergunta provavelmente será qual plug-in oferece a melhor relação custo-benefício.

All in One SEO vs. Yoast SEO Premium

O AIOSEO e o Yoast SEO são os principais plug-ins de SEO para WordPress e oferecem recursos abrangentes.

AIOSEO's homepage

No entanto, há diferenças importantes em seus preços e recursos.

Quando comparamos os planos mais econômicos dos dois plug-ins, o AIOSEO é mais econômico e oferece recursos comparáveis:

  • O plano básico do AIOSEO custa a partir de US$ 49,60 por ano
  • O Yoast SEO Premium custa a partir de US$ 99 por ano

À primeira vista, os preços de seus planos de SEO mais avançados parecem semelhantes:

  • O plano Elite da AIOSEO custa US$ 299,60 por ano
  • O preço do pacote Yoast SEO Premium, Yoast WooCommerce SEO, Yoast Local SEO, Yoast News SEO e Yoast Video SEO custa US$ 229 por ano.

No entanto, a diferença é que o plano do AIOSEO abrange 100 sites, enquanto o preço do Yoast é para um único site. Além disso, o AIOSEO oferece um conjunto de recursos mais abrangente.

Quando se trata de custo-benefício, o AIOSEO se destaca. Ele oferece um pacote atraente que abrange vários sites a um preço competitivo.

Você pode saber mais em nossa comparação detalhada entre Yoast SEO e All in One SEO.

Talvez você também goste de ler sobre nossa jornada de mudança do Yoast para o All in One SEO para melhorar nosso fluxo de trabalho de SEO e acessar os recursos de SEO de que precisamos.

SEO tudo em um vs. ferramentas de SEO autônomas premium

Se você não tiver orçamento para ferramentas de SEO autônomas, como Semrush ou Ahrefs, o AIOSEO Premium oferece muitos recursos impressionantes por um ótimo preço.

Para se ter uma ideia, mesmo quando se olha para as opções mais acessíveis, o plano mais básico da Semrush começa em US$ 119,95 por mês, e o plano lite da Ahrefs começa em US$ 99 por mês.

Embora essas ferramentas sejam incrivelmente poderosas, seus preços iniciais chegam a mais de US$ 1.000 por ano, o que pode não ser justificável para sites menores ou blogueiros.

Por outro lado, você pode assinar o plano Elite de nível mais alto do AIOSEO por muito menos dinheiro. Ele inclui recursos avançados, como SEO local, suporte avançado ao WooCommerce e SEO de vídeo, e custa menos de US$ 300 por ano.

Além disso, o AIOSEO se concentra especificamente no WordPress, tornando-o mais fácil de usar e mais adaptado às necessidades de seu site. Isso o torna uma solução econômica para agências ou empresas que gerenciam vários sites WordPress.

Além disso, se você tem uma pequena empresa ou está apenas começando, os recursos do AIOSEO Premium podem ser mais do que suficientes para suas necessidades.

Dito isso, se estiver procurando mais recursos de SEO a um custo menor, você pode combinar o plug-in com uma ferramenta acessível como o SEOBoost para obter opções poderosas de otimização de conteúdo. Isso lhe proporcionará análises baseadas em IA, auditorias de conteúdo, resumos de conteúdo e muito mais.

Ou, se você precisar de uma ajuda extra com a pesquisa de palavras-chave, o LowFruits é uma ótima opção. Ele ajuda você a gerar palavras-chave e analisar as SERPs para melhorar suas classificações.

Perguntas frequentes sobre plug-ins premium de SEO para WordPress

Aqui estão algumas perguntas que recebemos com mais frequência sobre plug-ins de SEO premium para WordPress:

O que são plug-ins de SEO premium?

Os plug-ins de SEO premium são versões pagas das ferramentas de SEO do WordPress que oferecem recursos avançados, capacidades de otimização aprimoradas e, muitas vezes, suporte superior em comparação com suas alternativas gratuitas.

Qual é a diferença entre os plug-ins de SEO premium e os plug-ins de SEO gratuitos?

Em geral, os plug-ins de SEO premium oferecem recursos mais avançados, como geradores de marcação de esquema, ferramentas de otimização de conteúdo, recursos de SEO local e suporte dedicado. Os plug-ins gratuitos geralmente oferecem funcionalidade básica de SEO, mas podem não ter recursos avançados ou atualizações regulares.

Os plug-ins de SEO premium são necessários para obter boas classificações nos mecanismos de pesquisa?

Embora não sejam absolutamente necessários, os plug-ins premium de SEO podem aprimorar significativamente os esforços de otimização do seu site WordPress, o que pode levar a melhores classificações nos mecanismos de pesquisa. Eles geralmente oferecem ferramentas e recursos que podem lhe dar uma vantagem em mercados competitivos.

Um plug-in de SEO premium melhorará automaticamente minhas classificações de pesquisa?

Nenhum plug-in de SEO pode garantir melhores classificações. No entanto, os plug-ins premium oferecem ferramentas avançadas e orientação para ajudá-lo a otimizar seu site com mais eficiência, o que pode contribuir para um melhor desempenho na pesquisa.

Quanto custam os plug-ins de SEO premium?

Os preços variam, mas a maioria dos plug-ins de SEO premium custa entre US$ 50 e US$ 300 por ano, dependendo dos recursos oferecidos e do número de sites em que você pode usá-los.

Preciso renovar minha licença do plug-in SEO premium anualmente?

Na maioria dos casos, sim. As renovações anuais garantem que você continue a receber atualizações, suporte e acesso a novos recursos. No entanto, alguns plug-ins oferecem licenças vitalícias.

Posso obter um reembolso se não estiver satisfeito com um plug-in de SEO premium?

Muitos desenvolvedores de plug-ins premium oferecem garantias de devolução do dinheiro por um determinado período. Sempre verifique a política de reembolso antes de comprar.

Atualmente, o AIOSEO oferece uma garantia de reembolso de 14 dias, e o Yoast SEO tem uma garantia de 30 dias.

Esperamos que este tutorial tenha ajudado você a saber que, para muitos sites, vale a pena investir em plug-ins premium. Talvez você também queira ver nosso guia sobre como automatizar o SEO do WordPress ou nossa seleção especializada dos melhores plug-ins de FAQ para WordPress.

Se você gostou deste artigo, inscreva-se em nosso canal do YouTube para receber tutoriais em vídeo sobre o WordPress. Você também pode nos encontrar no Twitter e no Facebook.

The post Os plug-ins premium de SEO para WordPress valem a pena? (+ Como escolher) first appeared on WPBeginner.

]]>
https://www.wpbeginner.com/pt/opinion/are-premium-wordpress-seo-plugins-worth-it/feed/ 1
Como corrigir o tamanho excessivo do DOM no WordPress (11 dicas de especialistas) https://www.wpbeginner.com/pt/wp-tutorials/how-to-fix-excessive-dom-size-in-wordpress/ https://www.wpbeginner.com/pt/wp-tutorials/how-to-fix-excessive-dom-size-in-wordpress/#comments Tue, 17 Sep 2024 10:00:00 +0000 https://www.wpbeginner.com/pt/opinion/how-to-fix-excessive-dom-size-in-wordpress/ O aviso “Evite um tamanho DOM excessivo” pode aparecer no Google Lighthouse ou em outras ferramentas de teste de velocidade de sites. Basicamente, isso significa que seu site tem muitos elementos, o que pode reduzir o tempo de carregamento e frustrar os visitantes. Felizmente, há… Leia mais »

The post Como corrigir o tamanho excessivo do DOM no WordPress (11 dicas de especialistas) first appeared on WPBeginner.

]]>
O aviso “Evite um tamanho DOM excessivo” pode aparecer no Google Lighthouse ou em outras ferramentas de teste de velocidade de sites. Basicamente, isso significa que seu site tem muitos elementos, o que pode reduzir o tempo de carregamento e frustrar os visitantes.

Felizmente, há algumas coisas que você pode fazer para reduzir o tamanho do DOM e melhorar o desempenho do WordPress. Experimentamos vários métodos para acelerar nossos próprios sites e, portanto, sabemos o que realmente causa impacto no desempenho do WordPress.

Neste artigo, mostraremos a você nossas maneiras testadas e comprovadas de corrigir um tamanho excessivo de DOM no WordPress.

How to Fix Excessive DOM Size in WordPress

O que significa o aviso “Evite um tamanho excessivo de DOM”?

Você já executou um teste de velocidade em seu site WordPress e se deparou com um aviso chamado “Evite um tamanho excessivo de DOM”?

Esse aviso aparece em ferramentas de teste de velocidade, como o Google Lighthouse, o Google PageSpeed Insights ou o GTMetrix. Ele indica que seu site tem muitos elementos, o que pode reduzir a velocidade de carregamento.

Avoid an excessive DOM size warning in PageSpeed Insights

Mas o que é exatamente o DOM e por que seu tamanho é importante? Vamos detalhá-lo.

DOM significa Document Object Model (Modelo de Objeto de Documento). Pense em seu site WordPress como uma grande estrutura de árvore. Cada elemento de sua página, como títulos de texto, imagens, menus e botões, é como um galho ou uma folha dessa árvore. Esses elementos individuais são chamados de nós DOM.

O número total de nós na estrutura de árvore de seu site é o tamanho do DOM. Quanto mais elementos você tiver em sua página, maior será a árvore DOM.

Por exemplo, uma página simples com apenas um título e um parágrafo pode ter um tamanho DOM menor em comparação com uma página complexa com várias seções, imagens, formulários de contato e conteúdo incorporado.

Como o tamanho excessivo do DOM afeta o desempenho do site?

Um tamanho grande de DOM pode afetar negativamente o desempenho do seu site WordPress de várias maneiras.

Pense em como você cria uma nova página no WordPress. Você pode adicionar elementos como títulos, parágrafos, imagens, galerias, formulários, botões e ícones de mídia social. Cada um desses elementos se traduz em um nó DOM na estrutura em árvore.

Embora cada elemento individualmente possa parecer pequeno, o número total pode se acumular rapidamente, criando um tamanho excessivo de DOM.

Se os nós do DOM continuarem aumentando, o navegador levará mais tempo para ler, entender e carregar a estrutura do seu site. Isso ocorre porque uma estrutura DOM complexa exige mais uso de memória e poder de processamento do dispositivo do usuário para exibir a página.

Tudo isso leva a tempos de carregamento mais lentos, o que pode frustrar os visitantes e fazer com que eles abandonem o site antes mesmo de ver o conteúdo.

Hoje em dia, os usuários esperam que os sites carreguem rapidamente. Um site que carrega lentamente pode ser como esperar em uma longa fila – ele desestimula as pessoas a permanecerem nele.

Além disso, mecanismos de pesquisa como o Google priorizam sites que oferecem uma boa experiência ao usuário, incluindo velocidades de carregamento rápidas. Portanto, um tamanho excessivo de DOM pode prejudicar indiretamente o SEO do WordPress e, por fim, as conversões do site.

Quantos elementos DOM são demais para o Google?

Embora não haja um limite rígido definido, o Google Lighthouse e outras ferramentas de teste sinalizam sites com tamanho excessivo de DOM. Aqui está um detalhamento do que esses sinalizadores podem indicar:

  • Aviso: O Google Lighthouse sinaliza um aviso quando o elemento body de sua página tem mais de aproximadamente 800 nós.
  • Erro: Se o elemento do corpo atingir mais de 1.400 nós, o Lighthouse emitirá um erro.

Vamos colocar isso em contexto para entender que tipos de sites podem se enquadrar nessas categorias.

Sem a otimização adequada, uma única página com conteúdo de texto, imagens, um menu de navegação, elementos básicos de layout e vários plug-ins para formulários ou compartilhamento social poderia facilmente atingir cerca de 800 nós.

Por outro lado, as páginas com mais de 1.400 nós são provavelmente mais complexas e podem incluir um número maior de elementos. Eles podem incluir vários controles deslizantes ou carrosséis com imagens grandes, layouts elaborados com muitos elementos e seções aninhados ou vários conteúdos incorporados.

Esses são apenas exemplos gerais. Não deixe que essas ilustrações o assustem e o impeçam de criar um site personalizado da maneira que você deseja. Dito isso, se você quiser garantir que as pessoas permaneçam no seu site, precisará evitar o tamanho excessivo do DOM.

Felizmente, elaboramos um guia completo para você reduzir o tamanho do DOM no WordPress. Você pode usar os links rápidos abaixo para saber mais sobre um método de otimização do desempenho do DOM:

1. Use um plug-in de otimização de velocidade do WordPress

Nossa primeira recomendação é instalar um poderoso plugin de otimização de velocidade do WordPress. Esses plug-ins são projetados para analisar seu site e torná-lo mais rápido de várias maneiras.

Um plug-in de otimização de velocidade pode cuidar dos aspectos técnicos necessários para acelerar seu site. Dessa forma, você pode se concentrar no gerenciamento e na criação de seu conteúdo.

Aqui no WPBeginner, recomendamos o uso do WP Rocket. Na verdade, nós mesmos o usamos no site do WPBeginner, sobre o qual você pode saber mais em nosso artigo sobre como aumentamos a velocidade de carregamento da página no WPBeginner.

WP Rocket

Embora o WP Rocket seja conhecido principalmente como um plug-in de cache, ele tem muitos recursos que também podem ajudar com o tamanho do DOM. Esses recursos incluem otimização de arquivos, carregamento lento e adiamento de JavaScript.

Explicaremos todos esses recursos em mais detalhes posteriormente neste artigo. Você também pode ler nossa análise do WP Rocket para obter mais informações.

Mas, por enquanto, usar um plugin de aumento de velocidade como o WP Rocket é um ótimo primeiro passo para corrigir o tamanho do DOM e tornar seu site mais rápido, mesmo que você seja novo no WordPress.

Você pode ler nosso guia de instalação e configuração do WP Rocket para colocar o plug-in em funcionamento.

2. Verifique seu tema e seus plug-ins

Embora os plug-ins e temas do WordPress sejam ótimos para adicionar funcionalidade e estilo ao seu site WordPress, às vezes eles podem contribuir para um tamanho excessivo do DOM.

Primeiro, nem todos os temas e plug-ins são criados da mesma forma. Plug-ins e temas mal codificados podem resultar em um documento HTML inchado com elementos desnecessários. Isso pode aumentar significativamente o tamanho do seu DOM.

Os temas e plugins do WordPress geralmente vêm com recursos extras que talvez você não precise. Eles podem adicionar elementos indesejados à estrutura do seu site, mesmo que você não os esteja usando ativamente.

Ao examinar mais de perto o que está instalado no seu site, você pode identificar os possíveis culpados que contribuem para o tamanho do DOM.

Se você acha que um determinado tema ou plug-in pode estar causando problemas, tente mudar temporariamente para um tema padrão do WordPress ou desativar os plug-ins um de cada vez.

Deactivate all the plugin except WooCommerce

Em seguida, veja se o aviso de tamanho do DOM desaparece nas ferramentas de teste de velocidade depois de fazer essas alterações. Isso pode ajudá-lo a identificar o elemento problemático.

Ao escolher temas e plug-ins, você deve se ater a fontes confiáveis, como o diretório do WordPress ou desenvolvedores conhecidos. Esses recursos têm padrões de codificação rigorosos, reduzindo a chance de códigos inchados que podem prejudicar o desempenho do seu site.

Se você deseja obter recomendações confiáveis de plug-ins e temas, consulte o WPBeginner Solution Center. É aqui que testamos, analisamos e recomendamos softwares para WordPress. Recomendamos apenas soluções que sabemos que serão úteis para nossos leitores.

WPBeginner's WordPress Solution Center

3. Use um construtor de páginas otimizado

Os plug-ins do construtor de páginas são editores WYSIWYG usados para criar sites do WordPress bonitos e funcionais sem a necessidade de codificação. No entanto, algumas dessas ferramentas podem realmente contribuir para um tamanho excessivo do DOM.

Um dos motivos é que eles geralmente usam elementos HTML adicionais, como tags div com classes ou atributos personalizados, para estilizar o conteúdo e controlar o layout. Embora esses elementos permitam flexibilidade, eles também podem aumentar muito o volume.

Além disso, os blocos ou widgets incorporados, como controles deslizantes ou elementos interativos criados com um construtor de páginas, geralmente são criados usando estruturas HTML específicas.

Muitos construtores de páginas também dependem de códigos de acesso para inserir suas funcionalidades. Embora esses códigos de acesso possam não ser exibidos visualmente em seu site, eles podem adicionar código extra ao DOM nos bastidores.

Se você acha que o construtor de páginas pode estar contribuindo para os problemas de tamanho do DOM, pode testar essa teoria em um site de teste. Tente desativar o construtor de páginas e veja se o aviso desaparece nas ferramentas de teste de velocidade do site. Isso pode ajudá-lo a determinar se essa é a causa principal.

Se você decidir não usar mais o antigo construtor de páginas, poderá usar uma das ferramentas internas do WordPress para criar seu site (como o Full-Site Editor ou o Theme Customizer).

Eles oferecem controle sobre o design do seu site sem a necessidade de um plug-in separado. Eles também costumam ter um impacto menor no tamanho do DOM.

Dito isso, essas ferramentas não são as mais flexíveis. Nesse caso, recomendamos o uso de um construtor de páginas otimizado, como o SeedProd.

Aqui no WPBeginner, testamos vários criadores de páginas, e o SeedProd mostrou um desempenho mais rápido (93 no PageSpeed Insights) em comparação com concorrentes como Divi (91) e Elementor (90).

SeedProd page performance test

Você pode ler mais sobre isso em nossa análise Elementor vs. Divi vs. SeedProd.

Além do desempenho, o SeedProd também tem mais de 350 kits de modelos de temas profissionais, integrações com ferramentas populares de marketing por e-mail e um assistente de IA para ajudar a acelerar seu processo de criação de sites.

Insert the AI image generated by SeedProd

4. Otimize suas imagens e vídeos

Imagens e vídeos não otimizados podem ter tamanhos de arquivo grandes. Esses arquivos grandes podem contribuir para o tamanho do DOM porque se tornam elementos extras que o navegador precisa processar.

A otimização de suas imagens pode reduzir significativamente o tamanho do arquivo sem sacrificar a qualidade. Isso ajuda o site a carregar mais rapidamente e melhora a experiência geral do usuário.

Um plug-in como o Optimole pode ser uma ótima solução para otimizar suas imagens. O Optimole foi projetado para funcionar imediatamente, otimizando automaticamente as imagens do seu site à medida que você as carrega.

Optimole Review: The image optimization plugin's lazy loading feature

Você também pode ajustar suas configurações para ajustar a qualidade da compactação ou redimensionar imagens que excedam um determinado tamanho, reduzindo ainda mais o tamanho do arquivo e o espaço ocupado pelo DOM.

Se não quiser usar muitos plug-ins, você pode usar ferramentas on-line gratuitas, como o TinyPNG, para compactar suas imagens antes de carregá-las no site do WordPress.

Para obter um guia detalhado sobre otimização de imagens, confira nosso artigo sobre como otimizar imagens para desempenho na Web sem perder a qualidade.

Quando se trata de vídeos, não recomendamos carregá-los diretamente no WordPress. Arquivos de vídeo grandes podem reduzir significativamente o tempo de carregamento do seu site.

Uma abordagem melhor é usar um serviço de hospedagem de vídeo como o YouTube ou o Vimeo. Esses serviços lidam com o armazenamento e a transmissão de seus vídeos, tirando a carga do servidor do seu site e reduzindo o tamanho do DOM.

Em seguida, você pode incorporar os vídeos diretamente em suas páginas usando códigos de incorporação fornecidos pelo serviço de hospedagem.

Embedding a YouTube video in WordPress

Temos outro artigo útil sobre como otimizar vídeos para seu site WordPress que se aprofunda nas estratégias de otimização de vídeo.

5. Implementar o Lazy Loading

Quando você abre uma página da Web longa com muito conteúdo, todos esses elementos normalmente são carregados de uma só vez. Esse processo pode demorar um pouco, especialmente em conexões de Internet mais lentas.

O carregamento preguiçoso adota uma abordagem mais inteligente. Ele atrasa o carregamento de elementos não críticos, como imagens e vídeos. Eles só serão carregados quando forem realmente necessários para o usuário, à medida que ele rolar a página para baixo.

Isso significa que o conteúdo essencial que aparece primeiro (como texto e layout) é carregado mais rapidamente. Por sua vez, isso resulta em um carregamento inicial mais rápido da página e em uma experiência de usuário mais tranquila.

A configuração do carregamento lento é fácil, especialmente se você já estiver usando um plug-in de otimização de velocidade do WordPress, como o WP Rocket.

Basta navegar até Configurações ” WP Rocket no painel do WordPress. Em seguida, clique na guia “Mídia”.

Aqui, basta marcar todas as opções para ativar o carregamento lento para imagens, vídeos e iFrames.

Enabling lazy loading in WP Rocket

Se você quiser exibir uma galeria de imagens, recomendamos o uso de um plug-in de galeria com um recurso de carregamento lento.

A Envira Gallery é um ótimo exemplo disso. Além do carregamento lento, você pode definir um atraso de tempo específico para o carregamento das imagens.

Enabling the lazy loading feature in Envira Gallery

Além disso, você pode carregar a seção de comentários com preguiça.

Para isso, você pode usar o Thrive Comments, que oferece recursos para otimizar os comentários do WordPress.

Depois que o plug-in estiver ativo, vá para Thrive Dashboard “ Thrive Comments. Em seguida, abra a guia “Advanced Settings” (Configurações avançadas) e vá para a seção “Page speed optimization” (Otimização da velocidade da página).

Enabling lazy loading in Thrive Comments

Aqui, basta marcar as caixas que podem se aplicar à sua seção de comentários. Você pode carregar a seção de comentários até que o usuário role para baixo até a parte inferior da página e/ou carregar os comentários progressivamente nas páginas à medida que os usuários clicam no botão “Carregar mais comentários”.

Você também pode optar por carregar imagens de avatar nos comentários até que elas sejam exibidas.

6. Paginar comentários ou publicações com muito conteúdo

Postagens ou seções de comentários excessivamente longas geralmente têm um tamanho DOM grande que reduz o tempo de carregamento do seu site. É aqui que a paginação é útil.

Basicamente, a paginação divide seu conteúdo em partes gerenciáveis, facilitando a navegação e a digestão das informações pelos usuários.

Se você estiver escrevendo artigos detalhados, considere dividi-los em seções lógicas usando paginação. Isso permite que os leitores façam pausas entre as seções e evitem se sentir intimidados por uma parede gigante de texto.

Felizmente, você pode dividir facilmente postagens longas usando o bloco “Page Break” no editor de blocos.

Para obter instruções passo a passo, consulte nosso artigo sobre como dividir as postagens do WordPress em várias páginas.

Adding a page break in the WordPress block editor

Também temos um guia útil sobre como paginar comentários no WordPress. Mas, basicamente, tudo o que você precisa fazer é fazer login na área de administração do WordPress e ir para a página Configurações ” Discussões.

Em seguida, marque a caixa ao lado de “Break comments into pages” (Dividir comentários em páginas) e personalize o número de comentários que você deseja ver em cada página.

Break comments in pages

Além disso, sugerimos evitar a rolagem infinita. Embora eles possam manter as pessoas em seu site por mais tempo, pois elas não precisarão alternar entre as páginas manualmente, isso pode causar problemas de desempenho em seu servidor.

7. Reduzir arquivos CSS e JavaScript

A funcionalidade e o estilo visual do seu site dependem de arquivos de código como CSS e JavaScript. Embora sejam essenciais, esses arquivos podem contribuir para aumentar o tamanho do DOM se não forem devidamente otimizados.

A minificação pode resolver esse problema removendo elementos desnecessários do código, como comentários, espaços e quebras de linha. Esse tamanho menor se traduz em tempos de carregamento mais rápidos e em um tamanho menor do DOM.

Dito isso, é importante observar que a minificação pode, às vezes, introduzir problemas de compatibilidade com determinados temas ou plug-ins.

Antes de reduzir o código, é uma boa ideia criar um backup do seu site e testar as alterações em um ambiente de teste ou local, se possível. Isso permite que você identifique possíveis problemas antes que eles afetem seu site ativo.

Em seguida, leia nosso guia sobre como reduzir os arquivos CSS e JavaScript no WordPress para obter instruções passo a passo.

Como você verá no guia, a redução do código é fácil se você já estiver usando um plug-in como o WP Rocket. Tudo o que você precisa fazer é ir para Settings ” WP Rocket e mudar para a guia “File Optimization” (Otimização de arquivos).

Em seguida, basta ativar os recursos para reduzir os arquivos CSS e JavaScript.

Minifying files using the WP Rocket caching plugin for WordPress

Alguns provedores de hospedagem WordPress também oferecem recursos integrados para minimizar arquivos CSS e JavaScript.

Por exemplo, o SiteGround (que é onde hospedamos o WPBeginner) oferece o plug-in Speed Optimizer para reduzir o CSS.

A Hostinger também oferece um recurso semelhante por meio de sua CDN integrada, disponível em seu plano Business e em níveis superiores.

Minifying CSS in SiteGround plugin

8. Reduzir o bloqueio de renderização de JavaScript e CSS

Outra abordagem para otimizar os arquivos CSS e JavaScript é reduzir o bloqueio de renderização.

Os recursos de bloqueio de renderização são como materiais de fundação que impedem que a casa (o conteúdo do seu site) seja construída até que esses recursos sejam entregues e estejam no lugar. Quanto mais tempo esses recursos demorarem para carregar, mais tempo os usuários levarão para ver o conteúdo do seu site.

O WP Rocket tem recursos integrados para reduzir o CSS e o JavaScript que bloqueiam a renderização.

Por exemplo, você pode combinar arquivos CSS e JavaScript, o que reduzirá o número de solicitações HTTP que seu site precisa fazer. Menos solicitações significam menos tempo de espera para que o navegador carregue tudo e renderize seu conteúdo.

Minifying CSS, JavaScript, and iFrame in WP Rocket

Você também pode remover qualquer código CSS que não seja realmente usado em suas páginas.

Isso não apenas reduz o bloqueio de renderização, mas também minimiza o tamanho geral da página e o número de solicitações HTTP.

Removing unused CSS in WP Rocket

Além disso, há um recurso chamado “Carregar JavaScript diferido”. Isso diz ao navegador para aguardar o carregamento de alguns arquivos JavaScript até que o conteúdo principal do seu site (o HTML) seja exibido.

Dessa forma, os usuários veem o conteúdo do seu site mais rapidamente, mesmo que todas as funcionalidades em segundo plano ainda não tenham sido carregadas.

Delay loading non-essential JavaScript code

Você pode saber mais sobre como ativar esses recursos em nosso artigo sobre como reduzir CSS e JavaScript que bloqueiam a renderização no WordPress.

9. Ativar o cache do WordPress

O armazenamento em cache não reduz diretamente o tamanho do DOM, mas melhora significativamente o desempenho percebido do seu site.

Veja o que acontece quando o cache está ativado: quando um usuário revisita seu site, o navegador pode verificar o cache primeiro. Se os arquivos já estiverem armazenados localmente, eles poderão ser carregados muito mais rapidamente, reduzindo significativamente o tempo de carregamento da página.

Isso faz com que o DOM seja carregado e exibido mais rapidamente, resultando em uma experiência mais tranquila para os visitantes.

O armazenamento em cache também ajuda seu servidor a ser executado com mais eficiência, aliviando sua carga de trabalho. Isso o libera para se concentrar em tarefas importantes, como o processamento do DOM, o que, em última análise, acelera o tempo de carregamento.

Felizmente, a configuração do cache do navegador é simples com um plug-in como o WP Rocket. Isso ocorre porque o plug-in ativa automaticamente o armazenamento em cache com as configurações ideais para seu site.

How to set up the WP Rocket caching plugin

Melhor ainda, o WP Rocket armazena seu site em cache continuamente o tempo todo. Sempre que o cache é limpo (manual ou automaticamente), o WP Rocket gera automaticamente novos arquivos de cache.

O WP Rocket também oferece a possibilidade de limpar o cache do WordPress a qualquer momento. Isso pode ser útil se você fizer alterações significativas no seu site e quiser garantir que os usuários vejam a versão mais recente.

How to clear the WP Rocket cache manually

Para obter mais detalhes sobre os recursos de cache do WP Rocket, consulte a seção de configuração das opções de cache do nosso guia de instalação do WP Rocket.

10. Use uma CDN do WordPress

Uma CDN (Content Delivery Network) é uma rede de servidores espalhados pelo mundo. Embora uma CDN não altere diretamente o tamanho do código do seu site, ela faz com que seu site pareça carregar mais rápido.

Isso ocorre porque uma CDN armazena cópias do conteúdo estático do seu site (imagens, scripts, folhas de estilo) em servidores em diferentes locais. Quando alguém visita seu site, o computador faz o download do conteúdo do servidor CDN mais próximo.

Isso reduz significativamente o tempo de download em comparação com a busca de tudo em seu servidor original, que pode estar distante. Essa entrega mais rápida torna o processamento do DOM muito mais rápido.

Além disso, uma CDN ajuda seu servidor original a trabalhar mais rapidamente, compartilhando a carga de entrega de conteúdo. Isso permite que o servidor se concentre no que é mais importante, como o processamento do DOM. Por sua vez, isso faz com que seu site seja renderizado mais rapidamente em geral.

Se você precisar de recomendações de CDN, temos um guia dos melhores serviços de CDN para WordPress para ajudá-lo a escolher o mais adequado para o seu site.

Usamos a CDN da Cloudflare em nosso site aqui no WPBeginner. Ela funciona bem para nosso grande blog com muitos visitantes.

Cloudflare global network

Se estiver interessado em saber mais, confira nosso post interno sobre por que a WPBeginner mudou da Sucuri para a Cloudflare. Este artigo explica o que procuramos ao escolher um provedor de CDN.

11. Otimize seu banco de dados do WordPress

Seu site WordPress depende de um banco de dados para armazenar todas as informações importantes, como publicações, comentários, contas de usuário e até mesmo configurações.

Com o tempo, esse banco de dados pode conter muitos dados desnecessários, como revisões antigas de postagens, comentários de spam ou informações restantes de plug-ins excluídos.

Embora o banco de dados em si não faça parte do DOM, um banco de dados inchado pode tornar seu site mais lento. Um site mais lento pode fazer com que pareça que o tamanho do DOM é maior porque tudo leva mais tempo para carregar e renderizar.

A otimização do banco de dados por meio da remoção de dados desnecessários ajuda o site a funcionar com mais facilidade e pode melhorar indiretamente a percepção do tamanho do DOM.

Confira nosso guia útil sobre como otimizar seu banco de dados do WordPress em um clique. Este guia o orienta no processo de uso de um plug-in para limpar seu banco de dados e garantir que ele funcione com eficiência.

Foco no desempenho geral do WordPress, não apenas no tamanho do DOM

Embora a abordagem do aviso “Evite um tamanho DOM excessivo” no WordPress seja importante para a velocidade do site, esse não é o único fator a ser considerado.

Um site com muita funcionalidade ou formatação exclusiva pode naturalmente ter um DOM maior, e não há problema nisso.

O segredo é encontrar o equilíbrio certo entre o desempenho e os recursos do site. Portanto, além do tamanho do DOM, talvez você queira prestar atenção a outras métricas, como o Core Web Vitals. Essas são métricas específicas que o Google usa para medir a experiência do usuário de um site.

Core Web Vitals report example

Se você usou várias técnicas de otimização diferentes e seu site ainda parece lento, considere a possibilidade de procurar ajuda de nossos Serviços de otimização da velocidade do site.

Nossa equipe de especialistas pode analisar seu site e identificar as maneiras mais eficazes de otimizar seu desempenho.

WPBeginner Professional Services: Site Speed Optimization Service

Todos os planos de serviço incluem configuração de cache especializada para as necessidades do seu site, otimização de imagens sem reduzir a qualidade visual, otimização do carregamento automático do banco de dados e muito mais. Além disso, garantimos que seu site obterá um A ou B+ em nossa ferramenta PageSpeed.

Esperamos que este tutorial tenha ajudado você a aprender como corrigir o tamanho excessivo do DOM no WordPress. Talvez você também queira conferir nosso guia sobre como acelerar o desempenho do WooCommerce ou nosso guia completo de velocidade e desempenho do WordPress.

Se você gostou deste artigo, inscreva-se em nosso canal do YouTube para receber tutoriais em vídeo sobre o WordPress. Você também pode nos encontrar no Twitter e no Facebook.

The post Como corrigir o tamanho excessivo do DOM no WordPress (11 dicas de especialistas) first appeared on WPBeginner.

]]>
https://www.wpbeginner.com/pt/wp-tutorials/how-to-fix-excessive-dom-size-in-wordpress/feed/ 1
Como criar formulários multilíngues no WordPress (2 métodos) https://www.wpbeginner.com/pt/wp-tutorials/how-to-create-multilingual-forms-in-wordpress/ https://www.wpbeginner.com/pt/wp-tutorials/how-to-create-multilingual-forms-in-wordpress/#comments Mon, 16 Sep 2024 10:00:00 +0000 https://www.wpbeginner.com/pt/opinion/how-to-create-multilingual-forms-in-wordpress/ Se você tem visitantes de todo o mundo, os formulários multilíngues podem ajudá-lo a interagir com um público diversificado, melhorar a experiência do usuário e aumentar a acessibilidade do seu site. Felizmente, é muito fácil configurar formulários em vários idiomas usando os plug-ins do construtor… Leia mais »

The post Como criar formulários multilíngues no WordPress (2 métodos) first appeared on WPBeginner.

]]>
Se você tem visitantes de todo o mundo, os formulários multilíngues podem ajudá-lo a interagir com um público diversificado, melhorar a experiência do usuário e aumentar a acessibilidade do seu site.

Felizmente, é muito fácil configurar formulários em vários idiomas usando os plug-ins do construtor de formulários do WordPress.

Neste artigo, mostraremos como criar formulários multilíngues no WordPress usando dois plugins populares: WPForms e Formidable Forms.

Create multilingual forms in-post image

O que são formulários multilíngues e por que criar um?

Os formulários multilíngues podem exibir vários idiomas com base na preferência do usuário.

Esses formulários são essenciais para sites voltados para um público global. Eles garantem que os usuários possam interagir com o seu site WordPress no idioma preferido deles.

Aqui estão alguns motivos para criar formulários multilíngues:

  • Aumentar o envolvimento do usuário. Os formulários multilíngues permitem que os usuários entendam as perguntas ou informações solicitadas sem barreiras linguísticas. Isso aumenta a probabilidade de eles preencherem o formulário.
  • Melhorar as taxas de conversão. A taxa de conversão é a porcentagem de usuários que realizam uma ação desejada em seu site, como assinar um boletim informativo por e-mail ou fazer uma compra. Quando os usuários podem preencher formulários em seu idioma nativo, o processo se torna mais eficiente.
  • Proporcionar uma melhor experiência geral ao usuário. Os formulários multilíngues contribuem para uma experiência positiva do usuário. Os usuários podem interagir com o seu site em seu próprio idioma, o que aumenta o nível de conforto deles.

Com isso em mente, criar um formulário multilíngue é uma boa ideia. Dessa forma, você pode tornar seu site acessível e fácil de usar para um público diversificado.

As seções a seguir abordarão dois métodos de criação de formulários multilíngues. Você pode usar os links rápidos abaixo para ir para o método que deseja usar:

Pronto? Vamos começar.

Método 1: Criar formulários multilíngues do WordPress usando o WPForms (recomendado)

A maneira mais fácil de criar um formulário multilíngue no WordPress é usar o WPForms e o Weglot. Essas ferramentas podem traduzir automaticamente o conteúdo de seu site, inclusive formulários, usando um alternador de idiomas.

O WPForms é o melhor criador de formulários do tipo arrastar e soltar, com milhares de modelos predefinidos. Sua interface amigável também facilita a criação de um formulário em apenas alguns minutos.

Na verdade, nós o usamos em nossos próprios sites para atender às nossas necessidades de formulários de contato. Para obter mais detalhes, consulte nossa análise abrangente do WPForms.

WPForms' homepage

Para traduzir seus formulários do WPForms, você precisará usar o plug-in junto com um plug-in de tradução.

O Weglot é um dos melhores plug-ins de tradução do WordPress para iniciantes. Essa ferramenta usa aprendizado de máquina para traduzir automaticamente qualquer conteúdo em seu site, inclusive páginas, posts e formulários.

Embora recomendemos a aquisição da versão premium, você pode aproveitar a avaliação gratuita para até 2.000 palavras traduzidas em um site.

Weglot's homepage

Para começar, você precisará instalar o WPForms e o Weglot no seu site WordPress. Se precisar de ajuda, consulte nosso guia sobre como instalar um plug-in do WordPress.

Após a ativação, você pode começar a criar formulários navegando até WPForms ” Add New para criar um formulário. Para obter mais detalhes, consulte o nosso guia sobre como criar um formulário de contato.

Quando o formulário de contato estiver pronto, vamos traduzi-lo usando o Weglot.

No painel do WordPress, vá em frente e clique no item de menu Weglot. Em seguida, você chegará à área de configuração “Configuração principal”.

Aqui, você precisará primeiro preencher sua chave de API da Weglot. Se não souber qual é sua chave ou onde encontrá-la, basta acessar o painel da Weglot e registrar-se em uma conta.

Weglot's sign up page

Depois de se inscrever, você encontrará sua chave de API no painel de sua conta Weglot. Em seguida, você pode copiar e colar a chave no campo “Chave de API” na área “Configuração principal”.

Depois de verificado, você pode começar a escolher os idiomas de destino. Basta clicar no menu suspenso “Destination languages” (Idiomas de destino) e rolar a lista para baixo para selecionar um idioma.

Weglot's Main Configuration area with a Destination Languages field

Se desejar, você pode adicionar mais de um idioma. O Weglot oferece mais de 100 idiomas, portanto, sinta-se à vontade para explorar e escolher os idiomas de destino que sejam relevantes para seus objetivos.

Quando terminar, não se esqueça de clicar em “Save Changes” (Salvar alterações) para não perder seu progresso.

Após alguns segundos, você verá uma janela pop-up de notificação que diz: “Muito bem! Seu site agora é multilíngue”.

Weglot's success message

Agora, você deve visitar seu site para ver se pode traduzir seus formulários WPForms. Basta clicar no aviso “Ir para a minha página inicial” na notificação.

A partir daí, você verá um menu suspenso no canto inferior direito da tela. Você pode clicar nele para mudar para Norsk (norueguês). Isso traduzirá automaticamente a página, juntamente com seu formulário, para o norueguês.

Weglot's language switch on a live website

É isso aí! Você traduziu com sucesso seu formulário de contato WPForms com Weglot.

Método 2: Criar formulários multilíngues no WordPress usando o Formidable Forms

Outra maneira de criar um formulário multilíngue no WordPress é usar o Formidable Forms e seu complemento Polylang. Esse método permite que você insira suas próprias traduções para o formulário e as exiba para cada idioma de destino.

OFormidable Forms é um ótimo plug-in para criar formulários do WordPress, principalmente formulários mais avançados, como calculadoras, diretórios, questionários e muito mais.

Para obter mais informações, consulte nossa análise do Formidable Forms.

Formidable forms

O complemento Polylang permite que você insira traduções do conteúdo do seu site, inclusive formulários. Com esse complemento, você pode inserir traduções para quantos idiomas precisar.

Para usar as duas ferramentas juntas, primeiro você precisará instalar o Formidable Forms e o Polylang. Se precisar de ajuda, siga nosso guia passo a passo sobre como instalar um plug-in do WordPress.

Após a ativação, você deve primeiro configurar o Polylang escolhendo seus idiomas de destino. Vá em frente e expanda o menu suspenso, selecione o idioma de destino e clique no botão “Adicionar novo idioma”.

Polylang's setup process

Depois disso, clique no botão “Continue” (Continuar) abaixo da seção “Language already defined” (Idioma já definido).

A próxima etapa é ativar as traduções de mídia. Essa configuração permite traduzir os títulos, o texto alternativo, as legendas e as descrições dos arquivos de mídia.

Para ativar essa configuração, basta ativar o controle deslizante “Allow Polylang to translate media” (Permitir que a Polylang traduza mídia). Em seguida, você pode clicar em “Continue” (Continuar) para ir para a terceira etapa.

Polylang's media setup

Na próxima área, você escolherá o idioma principal para o conteúdo do seu site.

Você pode clicar no menu suspenso e escolher entre os idiomas que registrou na primeira etapa. Aqui, escolhemos o inglês como nosso idioma principal.

Polylang's main language setup

Depois de selecionar o idioma principal do site, você pode clicar em “Continue” (Continuar). Isso o redirecionará para a última etapa.

A partir daí, você verá a notificação “You’re ready to translate your content!” (Você está pronto para traduzir seu conteúdo!), seguida de algumas recomendações de documentação da equipe da Polylang.

Você pode ler esses documentos com calma ou rolar a tela para baixo imediatamente e clicar no botão “Return to dashboard”.

The Return to dashboard button on Polylang's setup

Agora, vamos navegar até Formidable Forms ” Add-Ons para ativar o complemento Polylang.

Para facilitar, você pode usar a barra de pesquisa e digitar “Polylang” para encontrá-lo. Uma vez encontrado, clique em “Instalar”.

Polylang's install button on Formidable Forms

Quando o processo de instalação for concluído, você verá o status mudar para “Ativo”.

Agora, você pode ir para Formidable Forms ” Forms no painel do WordPress. Por padrão, o plug-in fornece um exemplo de formulário de contato, por isso você tem um formulário pronto na guia “My Forms” (Meus formulários).

Vamos tentar traduzir o formulário “Fale conosco”.

Para começar a traduzir o formulário, a primeira coisa que você precisa fazer é passar o mouse sobre o formulário e clicar em “Settings” (Configurações).

Contact Us' settings button

Isso o redirecionará para a guia “Settings” (Configurações) do formulário.

Aqui, tudo o que você precisa fazer é rolar a tela para baixo e clicar em “Translate Form” (Traduzir formulário).

The Translate Form button on Contact Us' Settings tab

O plug-in o redirecionará para uma nova página.

Lá, você pode inserir manualmente as traduções de todos os elementos do formulário nos idiomas de destino.

Polylang translating the contact form's elements

Quando terminar, clique no botão “Save Changes” (Salvar alterações) na parte inferior da tela.

Agora, você pode publicar o formulário.

Você pode fazer isso voltando à guia “Settings” (Configurações) e clicando no botão “Embed” (Incorporar).

Formidable Forms' embed button

Em seguida, você pode optar por adicioná-lo a uma página existente ou a uma nova página. Há também a opção de usar o shortcode do formulário para adicioná-lo ao editor de blocos do WordPress.

Vamos escolher a opção “Selecionar página existente” como exemplo.

Select existing page option for embedding a Formidable Forms' contact form

A próxima etapa é selecionar uma página no campo suspenso. Por exemplo, aqui, vamos adicionar o formulário à página “Contato” do nosso site.

Depois de escolher a página, clique em “Insert form” (Inserir formulário).

Inserting a form to a page

Isso o redirecionará para o editor de blocos. Você pode rolar a página para baixo para encontrar o formulário “Fale conosco” recém-adicionado.

Lá, você deverá acessar a guia “Página” no lado direito e localizar o item de menu “Idiomas” no canto inferior direito.

Vamos clicar no botão “+” para adicionar a tradução para o norueguês.

The Languages section on WordPress block editor

Ao clicar no botão, o WordPress gerará uma nova página.

Em Página Idiomas, você verá que está editando uma página para a tradução do Norsk.

Editing a new page to display in Norsk

Não se preocupe se você não conseguir ver a versão traduzida. Quando você clicar em “Publicar”, o formulário será exibido em nórdico.

E está pronto!

Você traduziu seu formulário usando o Formidable Forms e o Polylang. Veja como ele pode ser exibido em seu site do WordPress:

The Contact Us form in Norsk

Bônus: Como adicionar pesquisa multilíngue no WordPress

Agora que o seu site WordPress oferece um formulário multilíngue, recomendamos levá-lo ao próximo nível, adicionando a funcionalidade de pesquisa multilíngue.

A pesquisa multilíngue permite que os sites manipulem e retornem resultados relevantes em diferentes idiomas. Isso significa que os usuários podem pesquisar e receber resultados no idioma de sua preferência.

De modo geral, oferecer uma experiência multilíngue pode diferenciar seu site dos concorrentes, que talvez suportem apenas um único idioma.

A maneira mais fácil de adicionar uma pesquisa multilíngue é com o plug-in SearchWP.

Esse plug-in pode equipar seu site WordPress com recursos avançados de pesquisa. Após a ativação, o WPSearch cria automaticamente um índice de pesquisa e combina as palavras-chave de pesquisa com o conteúdo, os títulos, as tags, os códigos de acesso, os produtos e muito mais do seu site.

Is SearchWP the right search plugin for you?

O WPSearch também tem configurações pré-configuradas para funcionar na maioria dos sites, inclusive nos multilíngues.

Para saber mais, consulte nosso guia passo a passo sobre como adicionar pesquisa multilíngue no WordPress.

Esperamos que este artigo tenha ajudado você a aprender como criar formulários multilíngues no WordPress. Em seguida, talvez você queira ler nossos guias sobre como personalizar e estilizar seus formulários do WordPress e como criar formulários do WordPress mais interativos e aumentar as conversões.

Se você gostou deste artigo, inscreva-se em nosso canal do YouTube para receber tutoriais em vídeo sobre o WordPress. Você também pode nos encontrar no Twitter e no Facebook.

The post Como criar formulários multilíngues no WordPress (2 métodos) first appeared on WPBeginner.

]]>
https://www.wpbeginner.com/pt/wp-tutorials/how-to-create-multilingual-forms-in-wordpress/feed/ 1