O Elementor é, sim, uma ferramenta prática — e pode ser extremamente útil para a construção de MVPs (produtos mínimos viáveis) ou projetos que precisam sair do papel rapidamente. Porém, quando falamos de performance real, escalabilidade, SEO técnico avançado e segurança a longo prazo, o Elementor deixa a desejar. Em nossa experiência, nunca vimos um site construído com Elementor superar projetos desenvolvidos com tecnologias mais refinadas e customizadas, tanto em performance quanto em resultados orgânicos. E somos até mais enfáticos: nunca vimos um blog ou portal de notícias em Elementor estar nas primeiras posições orgânicas no Google.

Esses sites usam recursos demasiadamente, mesmo sem precisa, e ficam pesados, geram muito código desnecessário, além de constantemente sofrer com vulnerabilidades, e acabam exigindo constantes “remendos” para manter o mínimo de funcionamento. No final das contas, muitos empresários acabam gastando muito mais para refazer todo o projeto — agora do jeito certo, com um site leve, otimizado para SEO e pensado para crescer de forma sustentável. A praticidade inicial do Elementor, portanto, cobra um preço alto no médio e longo prazo.

Muitos sites construídos com Elementor, apesar da popularidade inicial, começam a perder performance, tráfego e relevância. Neste post, vamos explicar por que isso acontece, quais sinais indicam que seu site pode estar “morrendo”, e como corrigir os problemas antes que eles prejudiquem definitivamente sua presença digital.

Por que sites feitos em Elementor “morrem” com o tempo?

1. Excesso de código desnecessário e baixo desempenho

O Elementor gera uma quantidade absurda de código HTML, CSS e JavaScript para construir cada página. Isso resulta em:

• Sites pesados e lentos.
• Altos tempos de carregamento.
• Páginas que sofrem penalizações de SEO devido à baixa performance (especialmente no Core Web Vitals).

Sites lentos perdem visitantes e posicionamento no Google. E corrigir a lentidão em um projeto feito em Elementor é extremamente difícil sem reconstruí-lo.

2. Dificuldades sérias em termos de SEO e baixa aquisição orgânica

Apesar do que muitos acreditam, o SEO vai muito além de instalar um plugin como o Yoast ou RankMath. Um site precisa ter:

• Estrutura semântica correta e bem formatada (headings, tags semânticas, ).
• Código limpo e organizado.
• Velocidade de carregamento ideal.
• Responsividade real (não apenas aparência no desktop).

O Elementor dificulta todos esses pontos, gerando páginas inchadas, com tags confusas e layouts que, muitas vezes, não respeitam as melhores práticas de SEO técnico. Quando o SEO do site não vai bem, a aquisição orgânica vai pior ainda.

3. Falta de escalabilidade

Projetos que começam pequenos mas pretendem crescer (adicionar novas páginas, integrações, novos módulos) rapidamente se veem limitados pelo Elementor. A cada atualização de plugin ou do próprio WordPress, existe risco de:

• Quebra de layout.
• Conflitos com outros plugins.
• Degradação de performance.
• Necessidade de criar “apêndices” desnecessários.
• Etc…

Escalar um site feito com Elementor é como construir um prédio alto sobre fundações frágeis — cedo ou tarde, problemas sérios surgem.

4. Segurança

Por ser um plugin popular e robusto, o Elementor é também um alvo constante de ataques cibernéticos. Sites mal atualizados ou mal configurados tornam-se vulneráveis, expondo:

• Dados de usuários.
• Credenciais de acesso.
• Possibilidade de invasões.

Além disso, sites com Elementor frequentemente dependem de outros complementos e extensões, aumentando a superfície de ataque.

Comparativo: Elementor vs. Desenvolvimento de tema próprio customizado

Quando o Elementor é indicado (e quando não é)

Quando usar Elementor:

• MVPs (produtos mínimos viáveis) que precisam de velocidade de lançamento.
• Sites pessoais ou institucionais simples e sem grandes ambições de SEO.
• Projetos de curto prazo.

Quando evitar Elementor:

• Sites empresariais com foco em SEO e crescimento orgânico.
• Lojas virtuais (e-commerce) que dependem de alta performance.
• Portais de conteúdo com centenas de páginas.
• Projetos que planejam escalar, integrar sistemas ou personalizar a experiência do usuário.

Solução eficaz e duradoura: refazer seu site da forma certa!

Em muitos casos, infelizmente, o caminho mais inteligente é reconstruir o site do zero, utilizando:

• Temas minimalistas ou desenvolvimento próprio.
• HTML/CSS/JS otimizados, evisando plugins.
• Arquitetura técnica SEO-friendly desde o início.
• Headless CMS (para projetos mais robustos).
• Infraestruturas como Next.js ou Astro integrados ao WordPress apenas como backend (para máxima performance).

A reconstrução traz benefícios como:

• Velocidade real (aumento na pontuação nas métricas Core Web Vitals via PageSpeed Insights).
• Maior autoridade em termos de SEO.
• Menos gastos futuros com manutenção.
• Base sólida para escalar o seu negócio online.
• Design de produto mais refinado.
• Etc…

Case de sucesso de migração de site de Elementor para tema customizado

No exemplo abaixo, de um dos nossos parceiros presente no mercado de crédito (que é super concorrido aliás…) teve um movimento “lindo de se ver” em termos de aquiisição orgânica e consequentemente em aquisição de leads qualificados.

Site no mercado de crédito

Site no mercado de saúde auditiva

Site no mercado de produção de eventos em São Paulo

E nem preciso falar que essa mudança nos rumos digitais da empresa, trocando seu site Elementor por outro com tema próprio, fez a empresa se tornar uma das maiores produtoras que oferecem DJ para eventos em São Paulo.

Você decide: chegou a hora de migrar seu site em Elementor ou patinar mais um pouco?

É óbvio que o Elementor revolucionou a maneira como muita gente criou sites WordPress nos últimos anos — e há seu mérito nisso. Mas para quem busca resultados de verdade, crescimento sustentável e performance, o Elementor se torna uma armadilha.

Aqui na Pink and Brain, já vimos dezenas de casos onde o barato saiu caro — e tivemos que intervir, reconstruindo projetos de forma profissional para garantir resultados de longo prazo.

Se você sente que seu site está lento, perdendo tráfego ou enfrentando dificuldades para crescer, não adie o inevitável: um site bem planejado, leve e escalável é o que vai garantir a sua presença digital no futuro.

Entre em contato conosco para uma consultoria estratégica digital para seu produto ou negócio. Venha tomar um café digital conosco para uma análise gratuita e descubra como podemos transformar seu site em uma máquina de resultados.

O post Por que seu site WordPress com Elementor pode estar morrendo? apareceu primeiro em Pink and Brain.

Neste artigo, exploramos como os Web Stories estão desempenhando um papel fundamental na aquisição de audiência de alguns clientes, seus benefícios, motivos para investir nessa estratégia, e como grandes publishers estão aproveitando essa oportunidade.

O que são Web Stories?

Web Stories são conteúdos visuais curtos e interativos, semelhantes aos stories das redes sociais, como o Instagram, mas hospedados em sites e descobertos principalmente via Google Discover. Criados com a tecnologia AMP (Accelerated Mobile Pages), eles carregam rapidamente e oferecem uma experiência envolvente, com vídeos, imagens, animações e textos curtos.

Por que devo investir em produzir Web Stories?

As Web Stories estão revolucionando a forma como consumimos conteúdo online. São vários os motivos para que você começe sua jornada nesse formato. Separei alguns:

1. Aumento de visibilidade no Google Discover

O Google Discover se tornou uma das plataformas mais relevantes para direcionar tráfego para sites de publishers. Os Web Stories se destacam visualmente nesse feed, proporcionando uma oportunidade ímpar de alcançar novos públicos de maneira orgânica e eficiente.

2. Formato otimizado para dispositivos móveis

Com a crescente predominância do consumo de conteúdo em dispositivos móveis, os Web Stories surgem como uma solução ideal. Seu formato vertical e interativo captura rapidamente a atenção dos usuários, promovendo uma experiência imersiva e envolvente.

3. Diversificação das fontes de tráfego

Investir em Web Stories permite que você diversifique suas fontes de tráfego, minimizando a dependência de mecanismos tradicionais de busca e redes sociais. Isso garante uma presença online mais robusta e resiliente, além de abrir novas oportunidades para alcançar diferentes segmentos de audiência.

Se você busca inovação e uma estratégia eficaz para engajar seu público, os Web Stories são a escolha certa. Aproveite essa ferramenta dinâmica para aumentar sua visibilidade, adaptar-se ao consumo móvel e diversificar suas fontes de tráfego.

Google Discover: o propulsor de audiência

O Google Discover se consolidou como uma poderosa ferramenta de descoberta de conteúdo, especialmente para publicações que utilizam Web Stories. Ao aparecerem diretamente no feed de usuários, os Web Stories geram tráfego massivo e constante.

Essa fonte de tráfego já representa dezenas de % do share de aquisição de players como Forbes, B3, CNN Brasil, e devem ser considerados para qualquer site que queira chegar mais perto de possíveis brand lovers.

Retargeting natural no Discover

O Google Discover utiliza algoritmos para recomendar conteúdos baseados no interesse do usuário, o que cria um ciclo de retargeting natural. Uma vez que um usuário interage com um Web Story, é provável que receba conteúdo similar posteriormente, aumentando as chances de conversão e fidelização.

Publishers e a dependência do Google Discover

A dependência de diversos publishers no Google Discover para a aquisição de audiência se intensificou nos últimos anos. Isso se deve ao fato de que os Web Stories ocupam uma posição privilegiada na plataforma, atraindo visualizações recorrentes e orgânicas.

Paralelo a isso, o Google SERP clássico, os resultados padrões, estão cada vez mais concorridos, e menos pessoas utilizam, já que o ChatGPT e outras ferramentas foram lançadas e desviaram grande parte dos usuários da web.

O Google Discover traz um poder enorme para os publishers. Conteúdos interativos e visuais são destacados no feed dos usuários, proporcionando um fluxo constante de tráfego e aumentando significativamente o alcance e a visibilidade das publicações.

Dicas para criar conteúdos engajadores para Web Stories

1. Conheça seu público-alvo
   • Compreenda as preferências, interesses e comportamentos do seu público.
   • Utilize essas informações para criar conteúdos relevantes e atraentes.
2. Conte uma história envolvente
   • Estruture seus Web Stories com um início, meio e fim.
   • Use elementos visuais atrativos, como imagens e vídeos de alta qualidade.
3. Use textos curto e impactantes
   • Mantenha o texto curto e direto ao ponto.
   • Utilize fontes legíveis e tamanhos adequados para facilitar a leitura em dispositivos móveis.
4. Aposte em elementos interativos
   • Adicione elementos interativos, como enquetes e quizzes, para aumentar o engajamento.
   • Utilize animações e transições suaves para manter o interesse dos usuários.
5. Otimize para SEO
   • Utilize palavras-chave relevantes no título e na descrição dos seus Web Stories.
   • Inclua tags e metadados apropriados para melhorar a indexação pelo Google.

Tipos de conteúdo que geram mais engajamento

1. Tutoriais e dicas práticas
   • Web Stories que ensinam algo útil ou oferecem dicas práticas tendem a ser muito populares.
   • Exemplos: tutoriais de maquiagem, dicas de culinária, exercícios físicos.
2. Histórias inspiradoras
   • Conteúdos que inspiram e motivam os usuários são altamente compartilháveis.
   • Exemplos: histórias de superação, jornadas de transformação, projetos de caridade.
3. Notícias e atualizações
   • Manter os usuários informados sobre as últimas notícias e tendências é uma ótima maneira de aumentar o engajamento.
   • Exemplos: novidades do setor, atualizações de produtos, eventos importantes.
4. Conteúdos de entretenimento
   • Web Stories divertidos e envolventes, como memes e vídeos engraçados, têm um alto potencial de viralização.
   • Exemplos: clipes de comédia, desafios virais, bastidores de shows.

Melhores práticas para aumentar o CTR (Click-Through Rate)

1. Crie títulos atrativos
   • Títulos chamativos e intrigantes incentivam os usuários a clicar.
   • Use palavras de ação e crie um senso de urgência.
2. Inclua chamadas para ação (CTAs)
   • Adicione CTAs claros e visíveis para direcionar os usuários para a próxima ação.
   • Exemplos: “Saiba mais”, “Assista agora”, “Compre aqui”.
3. Utilize Imagens e vídeos de alta qualidade
   • Imagens nítidas e vídeos envolventes capturam a atenção e incentivam os cliques.
   • Certifique-se de que os elementos visuais são relevantes e complementam o conteúdo.
4. Teste e otimize regularmente
   • Realize testes A/B para identificar quais elementos funcionam melhor.
   • Ajuste e otimize continuamente com base nos resultados obtidos.

WordPress e o plugin Web Stories

O WordPress é amplamente reconhecido por sua flexibilidade e facilidade de uso, sendo a escolha principal de muitos publishers. Para quem deseja explorar o poder dos Web Stories, o plugin Web Stories by Google é uma ferramenta essencial. Ele permite criar narrativas visuais dinâmicas e interativas, maximizando o potencial do formato Web Stories diretamente na plataforma WordPress.

Facilidade de criação com o plugin Web Stories

O plugin Web Stories by Google oferece uma experiência intuitiva, permitindo que usuários, mesmo sem conhecimentos técnicos avançados, criem histórias envolventes. Confira algumas de suas funcionalidades que tornam o processo de criação mais eficiente:

• Editor WYSIWYG (What You See Is What You Get): A interface de arrastar e soltar permite construir histórias de forma visual, adicionando imagens, vídeos e textos com facilidade.
• Modelos predefinidos: Para agilizar a criação, o plugin disponibiliza layouts personalizáveis, permitindo ajustes rápidos para se adequar à identidade visual do site.
• Integração com a biblioteca de mídia do WordPress: Facilita o acesso a imagens e vídeos diretamente do painel do WordPress, simplificando a adição de conteúdo multimídia.
• Personalização completa: O plugin oferece opções de personalização de cores e estilos de texto, garantindo que os Web Stories mantenham a identidade visual do site.
• Análises e rastreamento: Com ferramentas de análise integradas, é possível acompanhar o desempenho dos Web Stories e ajustar estratégias com base em dados reais.

Popularidade entre Publishers

O plugin Web Stories by Google tem se tornado uma escolha popular entre publishers devido à sua facilidade de uso.

Exemplo de sucesso: Bora Investir da B3

O Bora Investir da B3 é um exemplo notável de sucesso com Web Stories. Com conteúdo educativo sobre investimentos, rankings, quizzes, o canal utiliza Web Stories para atrair público e engajar em seu ecossistema de conteúdos sobre finanças e investimentos.

A estratégia ajudou a conquistar uma audiência fiel e a se destacar no Google Discover, tornando-se uma referência no nicho financeiro.

Insights finais: por que você deve começar a criar Web Stories hoje mesmo

Os Web Stories não são apenas uma tendência passageira; eles representam uma revolução na forma como o conteúdo é descoberto e consumido. Se você ainda não integrou esse formato na sua estratégia de aquisição e marketing de conteúdo, está perdendo uma grande oportunidade de crescer sua audiência e aumentar seu engajamento. Aqui estão os motivos pelos quais você deve começar hoje mesmo:

• Visibilidade imediata no Google Discover: Os Web Stories aparecem de forma destacada no Google Discover, garantindo uma exposição massiva e recorrente para o seu conteúdo. Isso não apenas amplia seu alcance, mas também coloca sua marca na frente de um público altamente segmentado.
• Aproveitamento do comportamento de consumo atual: Com o crescimento do consumo de conteúdo em dispositivos móveis, o formato vertical e interativo dos Web Stories é ideal para capturar e manter a atenção do usuário.
• Engajamento e retargeting natural: Ao aparecerem no feed do Discover, os Web Stories geram um ciclo de retargeting natural, mantendo seu conteúdo na mente do público por mais tempo. Isso resulta em maior reconhecimento de marca e chances de conversão.
• Diversificação de canais de aquisição: Dependência excessiva de uma única fonte de tráfego é um risco para qualquer estratégia digital. Com os Web Stories, você diversifica suas fontes de aquisição, reduzindo sua dependência de redes sociais e SEO tradicional.
• Potencial de cescimento exponencial: Exemplos como o Bora Investir da B3 demonstram que, com uma estratégia bem executada, é possível não apenas atrair, mas também fidelizar um público altamente engajado e relevante.

Integrar os Web Stories à sua estratégia de marketing digital é um passo estratégico para potencializar sua aquisição de audiência, aumentar o engajamento e fortalecer sua presença digital.

Não fique para trás. Comece hoje mesmo a aproveitar o poder dos Web Stories e veja sua audiência crescer!

Se precisar de ajuda na estratégia e execução das suas estratégias de marketing de conteúdo, conte com os ratos.

O post O papel dos Web Stories em aquisição de audiências apareceu primeiro em Pink and Brain.

Mas saiba que é exatamente aí que mora o perigo: quanto mais recursos e plugins utilizados para fazer algo que via programação seria mais “eficiente”, pior para o desempenho da sua aplicação. Além disso, por ser uma tecnologia baseada em PHP, que roda do lado do servidor completamente, um site tende a sere mais oneroso para a experiência de navegação dos usuários.

Ou seja, ter um site no WordPress não é suficiente para ter sucesso em aquisição de tráfego orgânico, aquele oriundo de pesquisas no Google. Para ser notado e bem ranqueado é preciso garantir que seu site esteja otimizado para os mecanismos de pesquisa. Isso significa que precisará atender a uma série de premissas técnicas, como formatação das páginas, servidor utilizado, recursos utilizados, peso desses recursos, técnicas de atraso de carreegamento, técnicas de antecipação de carregamento, cache, GZIP, deflate, CDN, tamanho do HTML, enfim, uma série de boas práticas que podem te colocar no toipó dos resultados de pesquisas (óbvio sem contar o marketing de conteúdo que é outra avenida paralela para desbravar.

Se você utiliza o WordPress, é bem provável que já tenha se perguntado: “porque meu site não atrai os usuários” ou “como posso aprimorar o SEO do meu site WordPress para que ele apareça melhor no Google?”. A resposta não é simples, pois existem várias maneiras de otimizar um site como mencionado. Trabalhar em melhorias de SEO é essencial para manter suas páginas responsivas, rápidas, estratégicas na formatação, atualizadas, garantindo que os algoritmos considerem seu domínio relevante por fornecer informações novas e valiosas constantemente.

Para ajudá-lo a entender como melhorar o SEO do seu site WordPress, nós, da Pink and Brain, preparamos este material com práticas fundamentais e poderosas, baseadas em nossa experiência de vários anos nesse mundo.

Por que escolher o CMS WordPress para o seu site?

Escolher o WordPress para o seu site é uma decisão inteligente por diversas razões. Primeiramente, o WordPress é uma das plataformas mais populares e amplamente utilizadas no mundo, conhecida por sua flexibilidade e facilidade de uso. Mesmo que você não tenha experiência técnica, o WordPress oferece uma interface amigável que permite criar e gerenciar sites com facilidade.

Além disso, a plataforma é altamente personalizável, com milhares de temas e plugins disponíveis, permitindo que você adapte seu site às suas necessidades específicas, seja ele um blog, um site corporativo, uma loja virtual ou um portfólio.

Outro grande benefício é a capacidade do WordPress de otimizar o SEO do seu site, com diversas ferramentas e plugins que ajudam a melhorar a visibilidade nos motores de busca.

A segurança é outro fator importante, pois o WordPress recebe atualizações constantes para proteger seu site contra vulnerabilidades. Ele possui uma comunidade ativa de desenvolvedores e usuários ao redor do mundo oferece suporte contínuo, garantindo que você nunca esteja sozinho ao enfrentar um problema ou desafio.

Mesmo se baseando em tecnologia server side em detrimento das tecnologias atuais cliente side como o React (Next é bom para SEO), que tendem a ser mais rápidas eperformáticas, o WordPress ainda sim é escalável, o que significa que ele pode crescer junto com o seu negócio, suportando desde pequenos sites até grandes projetos com alto tráfego.

Essas características tornam o WordPress uma escolha sólida e confiável para qualquer tipo de site.

Ter um site em WordPress melhora automaticamente a posição no Google?

Claro que não! Embora o WordPress traga vantagens pela sua flexibilidade e capacidade de customização, ideais para as equipes de marketing e produtores de conteúdo, a melhoria de posicionamento no Google depende de diversos fatores, como o tempo de carregamento das páginas, as premissas técnicas como um todo, a qualidade do conteúdo, a segurança do site, a responsividade em dispositivos móveis e a autoridade do domínio, além de outras centenas de boas práticas.

Porém, se você usa a plataforma de forma conciente dessas premissas, certamente o WordPress pode ser um canhão na sua mão. Sites como a CNN, Infomoney, Exame, B3, dentre outros, utilizam e possuem visibilidade orgânica poderosa, estando sempre nas primeiras posições para uma infinidade de termos valiosos que são procurados diariamente.

Dicas de ouro para otimizar seu site WordPress para fins de SEO

Aqui na Pink and Brain somos ratos especialistas em desenvolver sites otimizados em WordPress e iremos compartilhar com você dicas valiosas que usamos para nossos clientes.

Fuja do Elementor e crie um tema autoral para o seu negócio

Ao instalar o WordPress, você terá um tema padrão, como o “Twenty Twenty”. Embora básico, você pode substituí-lo por um dos milhares de temas disponíveis, gratuitos ou pagos.

Contudo, temas prontos costumam não ser otimizados para SEO. O ideal é construir um tema do zero incluindo as melhores praticas de formatação semântica, as malicias do SEO como sempre falamos, para que o seu site tenha uma vantagem diante da concorrencia.

Um erro comum é utilizar o plugin Elementor para criar sites, pois ele adiciona muito código ineficiente, que pode tornar as páginas mais lentas e impactar negativamente SEO. O Elementor é geralmente recomendado para projetos MVP ou landing pages de campanhas que não dependem diretamente de tráfego orgânico.

Aqui na Pink and Brain, costumamos contruir temas autorais para os nossos clientes trazendo toda nossa carga cognitiva de experiência em SEO para conceber aplicações super podersosas no que tange aquisição orgânica.

Utilize JavaScript puro ao invés de recursos terceiros como o JQuery

Deixar de utilizar o jQuery para utilizar JavaScript puro pode trazer diversos benefícios para o SEO do seu site. Primeiramente, o JavaScript puro ajuda a reduzir o tamanho do código e o overhead, resultando em páginas mais leves e rápidas. Essa melhoria na velocidade de carregamento não só proporciona uma experiência de usuário mais fluida, mas também é um fator importante para o SEO, já que o Google valoriza sites rápidos.

Ao eliminar a dependência do jQuery, você reduz o código desnecessário, o que pode evitar problemas de carregamento e renderização que poderiam impactar negativamente a indexação do seu site. O uso de JavaScript puro também garante melhor compatibilidade com APIs modernas nativas dos navegadores, o que ajuda a prevenir erros que poderiam afetar a acessibilidade e a performance do site.

Outra vantagem é que menos dependências significam menos riscos de conflitos e uma manutenção mais fácil. Com um código mais limpo e direto, você garante que seu site funcione de maneira consistente em diferentes navegadores e dispositivos, proporcionando uma experiência de usuário positiva que contribui para melhores resultados de SEO.

Reponsividade ao invés de desenvolver interfaces separadas

Com o crescimento contínuo do uso de smartphones e tablets, a otimização para dispositivos móveis não é mais uma opção, mas uma necessidade. O Google utiliza a indexação mobile-first, o que significa que ele prioriza a versão móvel do seu site ao determinar o ranking nos resultados de busca.

Ao tornar o seu site responsivo, se adaptando para dispositivos móveis, você não apenas melhora o SEO, mas também garante uma experiência de usuário positiva, o que pode resultar em mais visitas e um maior engajamento com seu conteúdo.

Na década passada, pela falta de recursos como o CSS Grid, Flexbox, as media queries, o HTML5 semântico, era comum ver sites desenvolvendo suas aplciações apartadas para cada dispositivo, mas isso morreu rápido. Hoje quem faz isso está deixando dinheiro na mesa e perdendo tempo. Nosso caso mais recente, o portal Panrotas, tinha um site no subdomínio “m.” para sua versão mobile, e ao migrar tudo para o “www”, teve um crescimento enorme de visibilidade.

Uma coisa posso afirmar: foi o melhor movimento da empresa dos últimos 10 anos da emprsa. Veja o gráfico do nosso dashboard no Looker. Monitoramos a audiência antes e depois da mudança, e realizamos um planejamento detalhado de redirecionamentos, além de melhorias técnicas de SEO, ajustes na formatação HTML e otimização da estrutura de dados. O resultado? Aumentamos em 25% a audiência diária média do portal.

Somos ratos quando o assunto é migração de sites, m. para www.

Otimize o SEO On-page: tags essenciais, title, description, imagem de destaque, densidade das palavras-chave no contexto

Para facilitar o trabalho de otimização, é essencial ter um bom plugin de SEO instalado no WordPress. O Yoast SEO e o Rank Math são dois dos plugins mais populares. Eles ajudam a configurar meta descrições, tags de título, sitemaps e muito mais. Esses plugins também oferecem análise de conteúdo em tempo real, sugerindo melhorias para que suas páginas estejam sempre otimizadas.

Otimize suas imagens (a tal boa prática em imagens)

Imagens de alta qualidade são importantes, mas se não forem otimizadas, podem prejudicar o desempenho do seu site. Precisamos torna-las leves e responsivas para acelerar o tempo de carregamento de páginas web.

Existem 5 premissas básicas quando lidamos com imagens em páginas web:

• Nomenclatura;
• Formato;
• Peso;
• Atributos Alt e Title;
• Legenda.

Tanto o formato quando o peso estão diretamente ligados ao tempo de carrergamento das páginas, essenciais para atender as métricas do Google Core Web Vitals (entenda aqui).

Quando criamos um tema do zero, otimizamos cada espaço onde as imagens poderão aparecer e por isso realizamos crops estratégicos pensando no resultado final do carregamento da página. Dessa forma, ao incluir uma imagem, automaticamente ma aplicação irá otimiza-las para cada espaço. No entanto, recomendamos utilizar ferramentas como o Smush ou o ShortPixel para compactar suas imagens sem perder qualidade.

Não menos importante, o nome que você dá aos arquivos, atributos alt e title que são cadastrados nas meta informações de cada imagem, além da legenda, também são importantes para uma estratégia sólida de SEO., São através dessas boas práticas em imagens que os bots (crawlers como o GopogleBot) podem entender e converter o conteúdo visual em textual, além de tornar seu site acessível para pessaoss com deficiência visual.

Ah!! e sobre os formatos, utilize sempre imagens em Webp ao invés de Jpeg ou PNG. Por serem mais leves, elas ajudam o seu site a performa melhor. Vectores, logos, utilize o SVG. Vídeos e iframes, use o atributo loading="lazy" para que não atrapalhem a renderização do HTML.

Melhore a velocidade do seu site

A velocidade de carregamento do seu site é o principal ponto de atenção para SEO. Se o seu site demorar mais do que alguns segundos para carregar, os visitantes podem sair antes mesmo de ver o conteúdo, o que aumenta a taxa de rejeição. Para melhorar a velocidade, considere usar um serviço de hospedagem de qualidade, habilitar o cache (WP Rocket, WP Fastest Cache são ótimos plugins para isso). Minimize também o uso de recursos terceiros.

Dessa necessidade de tornar a web rápida, eficiente e menos onerosa, foi que o Google lançõu o Core Web Vitals. Após aplicar vários critérios para a experiência do usuário, como a velocidade da página e a responsividade do site, o Google anunciou as Core Web Vitals (ou, em português, Principais Métricas da Web) em maio de 2020. O objetivo era oferecer uma orientação unificada para os indicadores de qualidade de um site.

Não vamos entrar muito nesse mérito nessa postagem ,as aqui tem um guia completo sobre as métricas do Google Core Web Vitals para você enternder a fundo como funciona e como otimizar.

Sites WordPress podem ter boas notas de classificação no Core Web Vitals?

Boas não.. excelentes. Inclusive hoje enquanto escrevo esse artigo, lançamos o site da Express Remoções otimizado para SEO. Criamos um tema do absoluto zero para este cliente e reparem as notas obtidas pelo Google Lighthouise, ferramente do console do seu navegador que permite a visualização rápida das principáis métricas apontadas..

SEO técnico: a fundação da sua obra

A parte técnica do SEO não pode ser ignorada,: ela é de fato a fundação da sua construção. Escolha um servidor dedicado, use a CDN ao seu favor, mas também pense em toda a arquitetura para fins de rastreabilidade e indexação, como estrutura das URLs, sitemaps, feeds, etc…

Uma vez lançando o site, utilize ferramentas de análise como o próprio Google Search Console para verificar se as páginas importantes estão sendo indexadas e se não há erros que possam afetar seu ranking.

Certificado SSL e o HTTPS

A segurança é um fator crucial para garantir um bom tráfego orgânico. Sites com HTTPS oferecem uma camada extra de segurança e isso é considerado um fator de ranqueamento pelo Google. Para implementar o HTTPS, obtenha um certificado SSL junto ao seu provedor de hospedagem ou através de autoridades de certificação.

Foque na experiência do usuário

Embora as otimizações sejam importantes para os buscadores, o foco principal deve ser o usuário. O Google prioriza informações reais, relevantes e úteis. Portanto, tenha um site bem arquitetado, com conteúdo estruturado e que realmente atenda às necessidades dos usuários. Evite práticas de spam, que podem resultar em penalizações ou até no banimento do Google.

Atualize seu conteúdo regularmente

Conteúdos antigos podem perder relevância com o tempo. Atualize seus posts antigos com novas informações, dados recentes ou melhores práticas. Isso não só mantém seu conteúdo relevante, mas também mostra ao Google que seu site está sempre atualizado e fornecendo informações precisas.

Monitore seu desempenho

Como dito, monitore o desempenho do seu site com ferramentas como o Google Analytics e o Google Search Console para acompanhar o tráfego, o comportamento dos usuários e o desempenho das suas páginas. Analisar esses dados permite que você faça ajustes contínuos e mantenha seu site otimizado para SEO.

Otimizar seu site WordPress para SEO é um processo contínuo, que exige atenção e ajustes regulares. Com as práticas e ferramentas certas, você pode aumentar significativamente sua visibilidade online e atrair mais visitantes qualificados. Lembre-se: um site otimizado não é apenas benéfico para os mecanismos de pesquisas, mas também proporciona uma experiência melhor para os seus usuários.

Comece hoje mesmo e colha os frutos de um SEO bem feito!

Se você precisar de ajuda com otimização ou deseja explorar mais sobre como melhorar o SEO do seu site, não hesite em entrar em contato com os ratos da Pink and Brain. Somos ratos quando o assunto é criar sites otimizados em WordPress.

O post Dicas essenciais de otimizações para SEO em sites WordPress apareceu primeiro em Pink and Brain.

Se você já precisou atualizar URLs em massa em seu site WordPress, sabe o quão trabalhoso pode ser modificar cada link manualmente. Felizmente, o plugin Better Search Replace facilita esse processo, permitindo que você altere links diretamente no banco de dados sem precisar mexer em cada post.

Neste artigo, vamos explorar um caso de uso “rotineiro” para quem trabalha com SEO e destacar pontos importantes de qualquer virada de estrutura de URLs para levar em consideração antes de sair alterando as coisas no site.

O que é o plugin Better Search Replace?

O Better Search Replace é um plugin gratuito do WordPress que permite buscar e substituir trechos de texto dentro do banco de dados do site. Ele é ideal para:

• Atualizar URLs antigas para novas
• Corrigir erros em links internos
• Trocar palavras-chave ou referências obsoletas
• Ajustar caminhos de imagens e arquivos

Uma das grandes vantagens do plugin é a opção de Dry Run, que permite testar a alteração antes de aplicá-la, evitando erros. Você roda a ferramente, enxerga quantas “menções” em alguma tabela do banco de dados escolhida existe, e pode “debugar” e anteceipar erros não programados.

Caso real: como utilizamos o Better Search Replace em clientes da Pink and Brain

Quase que de maneira natural, precisávamos atualizar links internos de publicadores de notícias do padr /tag/ para /tudo-sobre/ ou quaqluer outra variação esperada. Com centenas de posts e milhares de links, fazer isso manualmente seria inviável.

Com o Better Search Replace, conseguimos:

• Identificar 7.932 ocorrências que precisavam ser alteradas
• Testar a substituição com o Dry Run
• Atualizar todos os links em poucos minutos sem erros

Esse processo foi rápido, eficiente e ajudou a manter a estrutura do site consistente sem comprometer o SEO.

Como usar o Better Search Replace (Passo a Passo)

1. Instalação e ativação

1. No painel do WordPress, vá até Plugins > Adicionar novo
2. Busque por Better Search Replace
3. Instale e ative o plugin

2. Fazendo a busca e substituição

1. Acesse Ferramentas > Better Search Replace
2. No campo Pesquisar por, insira a URL antiga (ex: /tag/)
3. No campo Substituir por, insira a nova URL (ex: /tudo-sobre/)
4. Selecione a tabela wp_posts (ou todas, se desejar mudar em todo o banco de dados)
5. Marque a opção Dry Run e clique em Executar Pesquisa
6. Verifique os resultados e, se tudo estiver correto, desmarque Dry Run e clique em Executar Substituição

Pronto! Seus links serão atualizados instantaneamente. 🔥

Cuidados ao modificar estrutura de URLs (Estrategia Completa para SEO)

Mudar URLs é um processo delicado. Para evitar problemas de SEO, siga estas boas práticas:

1. Configurar redirecionamentos 301

Sempre que uma URL mudar, configure redirecionamento(s) 301 para garantir que os usuários que encontrarem links antigos sejam levados ao novo destino.

Uma maneira prática é através do htaccess, abaixo do RewriteEngine On

RewriteRule ^tag/(.*)$ /tudo-sobre/$1 [R=301,L]

2. Atualizar linkagem interna

Com o Better Search Replace, você atualiza os links nos posts, mas também revise menus, widgets e links manuais para garantir consistência.

3. Monitorar requisições e indexação

Use o Google Search Console para verificar se os redirecionamentos estão funcionando e se as novas URLs estão sendo indexadas corretamente.

Ferramentas como Screaming Frog também ajudam a analisar erros de redirecionamento e links quebrados.

4. Acompanhar o impacto para SEO

Monitorar rankings e tráfego é essencial. Use o Google Analytics e o Search Console para ver se houve quedas de desempenho e ajustar a estratégia, se necessário. Faça um gráfico de usuários e pageviews e filtre por página de destino que contém /tag/ e outro que contenha /tudo-sobre/. Com isso você estará enxergando a transição de “visibilidade” entre ambas as estruturadas ao longo do tempo.

Mais um caso de uso de alteração de palavras-chave e frases em massa no WordPress

Insghts finais dos ratos

O Better Search Replace é uma ferramenta incrível e fantástica para gerenciar alterações massivas de links e conteúdo no WordPress, garantindo que seu site permaneça organizado e otimizado. Você não precisa da ajuda do DEV para isso (mas consulte-o antes por precaução).

Se você está planejando uma mudança de estrutura de URLs, siga as melhores práticas para evitar impactos negativos e aproveite a automação do plugin para agilizar o processo.

Conte com os ratos do digital para seu projeto de SEO e Inbound Marketing.

O post Better Search Replace: atualização de linkagem em massa no WordPress apareceu primeiro em Pink and Brain.

Vou fazer um review do plugin All-In-One Security (AIOS) para explicar as funcionalidades para você configurar em poucos instantes lendo esse tutorial.

Sobre o plugin AIOS

O AIOS é um plug-in de segurança completo que protege seu site com funções básicas e algumas mais avançadas, que acabam com 99% dos problemas (na minha opoinião). Funções como firewall integrado, bloqueio de IP, autenticação de dois fatores, honey pot, scanner de malware, detecção e prevenção contra ataques de força bruta, XSS (cross site scripting) e outras ameaças comuns à segurança.

Por que usar o All-In-One Security (AIOS) no seu site WordPress?

O All-In-One Security (AIOS) é um plug-in muito recomendado de fabricantes idôneos e comprometidos, super popular entre os desenvolvedores e a comunidade WordPress, que oferece auditoria de segurança, monitoramento e firewall e uma ampla gama de defesas contra ameaças, incluindo ataques de força bruta, malware e roubo de conteúdo.

O firewall do AIOS filtra o tráfego suspeito antes que ele chegue ao seu site. Caso os hackers consigam ultrapassar o firewall, o plug-in oferece vários recursos para proteger seu painel, como alterar o URL de login e o prefixo do banco de dados, além de exigir autenticação de dois fatores (2FA).

Dashboard do All-In-One Security

Se um intruso mal-intencionado obtiver acesso ao seu painel, o AIOS registrará todas as atividades no seu WordPress, ajudando a identificar rapidamente comportamentos suspeitos para que você possa tomar medidas corretivas.

Se você está começando ou tem um orçamento limitado, pode baixar a versão lite do AIOS no repositório oficial do WordPress que já oferece uma centena de funcionalidades.

Versão gratuita do All-In-One Security (AIOS)

Este plug-in gratuito oferece recursos essenciais para combater spam de comentários e proteger seu painel com autenticação de dois fatores, além de criar um registro de auditoria detalhado e notificar sobre comportamentos suspeitos.

O AIOS também pode proteger seu site contra ladrões de conteúdo, desativando feeds RSS e Atom e impedindo cliques com o botão direito do mouse.

Entretanto, a versão premium oferece recursos adicionais, incluindo um scanner de segurança, opção de bloquear tráfego por país de origem, entre outros.

Segurança é fundamental em sites WordPress

A segurança do WordPress é crucial para todos os proprietários de sites. Mesmo que você esteja começando ou não tenha muito tráfego, muitos ataques são realizados por bots e scripts automatizados, tornando qualquer site um alvo potencial.

Vamos explorar se o AIOS é o plug-in de segurança ideal para seu site WordPress.

1. Proteção Contra ataques de força bruta

O AIOS bloqueia automaticamente um endereço IP após um número definido de tentativas de login com falha. Você pode personalizar o número de tentativas e o período de bloqueio nas configurações do plug-in.

Bots frequentemente geram erros 404 enquanto procuram vulnerabilidades. O AIOS monitora esses erros e bloqueia IPs que geram um número anormal de erros 404.

Você também pode bloquear o tráfego com base no país de origem, permitindo a lista branca de IPs específicos mesmo em países bloqueados.

2. Autenticação de dois fatores (2FA)

O AIOS adiciona autenticação de dois fatores ao WordPress, compatível com ferramentas como Google Authenticator e Authy, e até com o WooCommerce.

Você pode limitar esse recurso a funções específicas ou torná-lo obrigatório para certas funções de usuário, como administradores e editores.

3. Scanner de malware

O AIOS inclui um scanner de malware que notifica sobre códigos suspeitos no seu site e monitora o status do seu site nos mecanismos de busca. Está disponível apenas na versão paga e é um ótimo recurso sem dúvidas, uma vez que pode nortear ajustes vitais rapidamente.

4. Proteção contra spam de comentários

O AIOS bloqueia comentários originados de outros domínios e IPs conhecidos de spammers, eliminando esses comentários automaticamente. Os comentários de spam podem prejudicar a experiência do usuário e podem até mesmo prejudicar seu SEO.

5. Scanner de segurança automatizado

O AIOS vem com um scanner de segurança integrado que verifica se há alterações em arquivos no seu site e o notifica se encontrar algo suspeito. Ele verifica alterações em arquivos e notifica se encontrar algo suspeito, podendo ser executado manualmente ou agendado automaticamente.

6. Firewall de aplicativos da web (WAF)

O WAF integrado protege contra ataques de hackers, força bruta e DDoS usando regras de firewall “6G Blacklist”, protegendo seu site contra solicitações de URL maliciosas conhecidas e bots.

Novas ameaças à segurança estão sendo descobertas o tempo todo. Dito isso, a equipe do AIOS mantém uma lista de explorações conhecidas e as libera como novas regras de firewall, para que você possa ter certeza de que seu site está protegido contra as mais recentes ameaças à segurança conhecidas.

7. Alterar o URL de login

Personalize o URL de login para dificultar que hackers encontrem a página de login.

8. Forçar Logout

Configure o logout automático de usuários após um período de tempo para aumentar a segurança, especialmente em computadores compartilhados.

9. Aprovação manual de contas

Marque novas contas como “pendentes” até aprová-las manualmente no painel do WordPress, ajudando a prevenir contas de spam.

10. Gerador de CAPTCHA

Proteja páginas de login e registro com CAPTCHA, usando Cloudflare Turnstile, Google reCAPTCHA v2 ou CAPTCHA matemático.

11. Ativar Honeypot

Adicione um campo visível apenas para bots nas páginas de login e registro para redirecionar usuários suspeitos.

12. Renomear contas “admin”

Substitua o nome de usuário “admin” por outro para evitar ataques de força bruta.

13. Lista negra de IPs

Bloqueie rapidamente IPs específicos, intervalos de IP e agentes de usuário.

14. Proteção de cópia de conteúdo

Impeça que outros sites exibam seu conteúdo via iframe e desative o clique com o botão direito para proteger imagens.

15. Desativar Hotlinking

Impeça hotlinking para proteger imagens e economizar recursos do servidor.

16. Ferramenta de Força da Senha

Verifique a força das senhas para evitar vulnerabilidades de segurança.

17. Desativar Enumeração de Usuários

Impeça que hackers obtenham uma lista de nomes de usuário válidos.

18. Sais adicionais

Adicione 64 novos caracteres aos sais padrão do WordPress para maior segurança nas credenciais de login.

19. Desativar XML-RPC

Bloqueie acesso externo ao XML-RPC para maior segurança, mantendo a funcionalidade de plug-ins como Jetpack.

20. Desativar editores de arquivos

Desative editores integrados para evitar que hackers adicionem códigos maliciosos ao seu site.

21. Prefixo de banco de dados personalizado

Altere o prefixo do banco de dados de “wp_” para dificultar ataques automatizados.

22. Configurações de Permissão

Corrija permissões de arquivos e pastas para manter a segurança ideal.

23. Registro de Auditoria Detalhado

Monitore mudanças e atividades do usuário com um log de auditoria detalhado, ajudando a identificar atividades suspeitas.

24. Monitoramento de Tempo de Resposta e Uptime

Receba notificações sobre lentidão ou tempo de inatividade do site para ações rápidas de correção. Essa é mais uma funcionaldade premkum, e de verdade, eu acho que vale a pena pagar os quase 50$ por ano. As vantagens valem muito mais do que isso.

Meus insights finais

O plugin de segurança para o WordPress All-In-One Security, ou AIOS, se preocupa de verdade com a segurança e oferece tudo que um site WordPress precisa para se proteger contra malwares, spams, bots maliciosos e outras infinitas vulnerabilidades. É claro que ele é apenas um plugin e não resolve todo o desenvolvimento web e as tecnologias colocadas na aplicação, mas é uma excelente forma de blindar seu conteúdo com diversas ferramentas poderosas de gestão.

Se você precisa proteger seu site WordPress contra diversas ameaças de segurança, o AIOS pode ser uma ferramenta valiosa. Considere inclusive o premium, pois a empresa por trás é excelente e nunca tive problema algum com qualquer funcionalidade.

Nota editorial: Não ganhamos comissão de links e ferramentas selecionadas em nosso site. Não há qualquer tipo de interferência nas nossas opiniões trazidas aos leitores.

O post Review do plugin de segurança: WordPress All-In-One (AIOS) apareceu primeiro em Pink and Brain.

O Code Block Pro é um plugin para WordPress que facilita a inserção de trechos de código em suas postagens e páginas, oferecendo uma formatação elegante e destacando a sintaxe para diversas linguagens de programação. Este plug-in é especialmente útil para desenvolvedores e blogueiros técnicos que desejam exibir códigos de maneira clara e visualmente atraente para seus visitantes.

Nossa opinião dos diferenciais do Code Block Pro:

Realce de sintaxe

O principal objetivo do Code Block Pro é oferecer realce de sintaxe para uma ampla gama de linguagens de programação. Isso torna os códigos mais legíveis e compreensíveis para os leitores.

Alguns blocos de exemplo

CSS

/* Estilo para parágrafo */
.paragrafo__exemplo_css {
  font-family: Arial, sans-serif;
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  color: #333333;
  background-color: tomato;
  letter-spacing: 1px;
  line-height: 1.5;
  text-align: left;
  margin-bottom: 20px;
}

/* Estilo para parágrafo */
.paragrafo__exemplo_css {
  font-family: Arial, sans-serif;
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  color: #333333;
  background-color: tomato;
  letter-spacing: 1px;
  line-height: 1.5;
  text-align: left;
  margin-bottom: 20px;
}

HTML deprecated inclusive

<!-- Código obsoleto -->
<font color="#333">Texto exemplo</font>
<center>Conteúdo centralizado</center>

<!-- Código atualizado -->
<span class="text-style">Texto exemplo</span>
<div class="center">Conteúdo centralizado</div>

<style>
.text-style {
  font-size: 14px;
  color: #333;
}

.center {
  text-align: center;
}
</style>

<!-- Código obsoleto -->
<font color="#333">Texto exemplo</font>
<center>Conteúdo centralizado</center>

<!-- Código atualizado -->
<span class="text-style">Texto exemplo</span>
<div class="center">Conteúdo centralizado</div>

<style>
.text-style {
  font-size: 14px;
  color: #333;
}

.center {
  text-align: center;
}
</style>

Fácil gestão e edição

Permite a inserção simples de blocos de código em postagens e páginas através de um editor visual. Não é necessário conhecimento avançado para usá-lo.

Personalização de estilo

Oferece várias opções de temas para que você possa personalizar a aparência dos blocos de código de acordo com o design do seu site.

Suporte multilíngue

• Suporta diversas linguagens de programação, desde as mais populares, como JavaScript, Python e PHP, até linguagens mais específicas.

Responsividade

• Os blocos de código são responsivos e se adaptam bem a diferentes tamanhos de tela, garantindo uma ótima experiência de leitura em dispositivos móveis.

Integração com gutenberg

• Compatível com o editor de blocos Gutenberg do WordPress, permitindo uma integração suave e intuitiva, basta adicionar um bloco e digitar Cod.. que ele aparece.

Principais benefícios do Code Block Pro

Além de bonito demais, funcional, leve, o plugin tem forte reputação, é feito por um excelente desenvolvedor, é simples, seguro, e pode ser seu escolhido para embedar trechos de códigos em suas páginas.

Funções que para mim são as TOP

• Detecta automaticamente a linguagem de programação do código inserido e aplica o realce de sintaxe adequado.
• Sabe o que você mais usa e já facilita a nteração com as variáveis.
• Suporta uma ampla gama de linguagens de programação, incluindo, mas não se limitando a, JavaScript, Python, PHP, HTML, CSS, SQL, e muito mais.
• Possui funcionalidades adicionais como numeração de linhas, cópia de código com um clique e coloração de sintaxe personalizada para melhorar ainda mais a experiência do usuário.
• Com uma interface amigável e intuitiva, o Code Block Pro é fácil de usar, mesmo para aqueles que não são desenvolvedores experientes.
• Os blocos de código são visualmente atraentes, tornando o conteúdo técnico mais acessível e agradável para os leitores.
• Compatível com qualquer tema de WordPress, garantindo uma integração suave e sem complicações.

Meus insights finais

O Code Block Pro é uma ferramenta ótima para compartilhar códigos e tutoriais técnicos. Ele não apenas melhora a legibilidade dos códigos, mas também adiciona um toque profissional e estilizado às suas postagens. Com sua facilidade de uso, opções de personalização e suporte a múltiplas linguagens, o Code Block Pro é um dos melhores plugins de destaque de sintaxe disponíveis para WordPress.

Se você busca uma solução eficiente e visualmente atraente para inserir e destacar códigos em seu site WordPress, o Code Block Pro é definitivamente uma escolha recomendada.

Nota editorial: Não ganhamos comissão de links e ferramentas selecionadas em nosso site. Não há qualquer tipo de interferência nas nossas opiniões trazidas aos leitores.

Informações extras do desenvolvedor do plugin Code Block Pro

Features

• Includes 25+ built-in themes to choose from.
• Supports over 140 programming languages
• 10+ Modern programming web fonts – locally hosted
• Line numbers
• Line highlighting (static and on hover)
• Blur highlighting (with reveal on hover)
• Header styles
• Footer styles
• Copy button
• Native Gutenberg block
• Tab or space indentation
• Core functionality works in headless mode (see FAQ)
• Converting from the default code block (and others)
• Max height with scrollable section (optional expand button)

Dicas

• Try combining line highlighting with the blur effect to add some extra depth, and focus on the important parts of the code without losing context
• All settings are per block, but some settings are remembered when you add the next block
• Add a link in the code footer (some footers support this, not all) that points to a demo
• To achieve a flush look, remove padding under Extra Settings and select a theme with a background color matching your site theme

Temas Visual Studio Code inclusos

• Dark Plus (demo)
• Dracula Soft (demo)
• Dracula (demo)
• GitHub Dark Dimmed (demo)
• Github Dark (demo)
• Github Light (demo)
• Light Plus (demo)
• Material Darker (demo)
• Material Default (demo)
• Material Lighter (demo)
• Material Ocean (demo)
• Material Palenight (demo)
• Min Dark (demo)
• Min Light (demo)
• Monokai (demo)
• Nord (demo)
• One Dark Pro (demo)
• Poimandres (demo)
• Rose Pine Dawn (demo)
• Rose Pine Moon (demo)
• Rose Pine (demo)
• Slack Dark (demo)
• Slack Ochin (demo)
• Solarized Dark (demo)
• Solarized Light (demo)
• Vitesse Dark (demo)
• Vitesse Light (demo)

Temas extras premium e pagos

• Custom Dynamic Theme (advanced)
• Andromeda (demo)
• Ayu Dark (demo)
• Ayu Mirage (demo)
• Ayu Light (demo)
• Cobalt2 (demo)
• Night Owl (demo)
• Night Owl Light (demo)
• Noctis (demo)
• Noctis Azureus (demo)
• Noctis Bordo (demo)
• Noctis Hibernus (demo)
• Noctis Lilac (demo)
• Noctis Lux (demo)
• Noctis Minimus (demo)
• Noctis Obscuro (demo)
• Noctis Sereno (demo)
• Noctis Uva (demo)
• Noctis Viola (demo)
• Palenight (demo)
• Pico 8 (demo)
• Shades of Purple (demo)
• Shades of Purple Super Dark (demo)
• Synthwave ’84 (demo)
• Tokyo Night (demo)
• Tokyo Night Storm (demo)
• Tokyo Night Light (demo)
• Winter is Coming (demo)
• Winter is Coming Light (demo)
• Winter is Coming Dark (demo)

Linguagens suportadas

• ABAP (demo)
• ActionScript 3 (demo)
• Ada (demo)
• ANSI (control codes rendered)
• Apache (demo)
• Apex (demo)
• APL (demo)
• Ara (demo)
• ASM (demo)
• Astro (demo)
• Awk (demo)
• Ballerina (demo)
• BAT (Batchfile) (demo)
• Berry (demo)
• BibTeX (demo)
• BICEP (demo)
• Blade (demo)
• C (demo)
• Cadence (demo)
• Clarity (demo)
• Clojure (demo)
• CMake (demo)
• COBOL (demo)
• CodeQL (demo)
• CoffeeScript (demo)
• C++ (demo)
• Crystal (demo)
• C# (demo)
• CSS (demo)
• CUE (demo)
• Cypher (cql) (demo)
• D (demo)
• Dart (demo)
• DAX (demo)
• Diff (demo)
• Dockerfile (demo)
• DreamMaker (demo)
• Elixir (demo)
• Elm (demo)
• ERB (demo)
• Erlang (demo)
• Fish (demo)
• F# (demo)
• GDResource (Godot) (demo)
• GDScript (Godot) (demo)
• GDShader (Godot) (demo)
• Gherkin (demo)
• GLSL (demo)
• Glimmer js/ts (demo)
• Gnuplot (demo)
• Go (demo)
• GraphQL (demo)
• Groovy (demo)
• Hack (demo)
• HAML (demo)
• Handlebars (demo)
• Haskell (demo)
• HCL (demo)
• HLSL (demo)
• HTML (demo)
• HTTP (demo)
• INI (demo)
• Imba (demo)
• Java (demo)
• JavaScript (demo)
• Jinja HTML (demo)
• Jison (demo)
• JSON (demo)
• JSON5 (demo)
• JSONC (demo)
• JSONL (demo)
• JSONnet (demo)
• JSSM (demo)
• JSX (demo)
• Julia (demo)
• Kotlin (demo)
• Kusto (demo)
• LaTeX (demo)
• LESS (demo)
• Ledger (Beancount) (demo)
• Liquid (demo)
• Lisp (demo)
• Logo (demo)
• Lua (demo)
• Makefile (demo)
• Markdown (demo)
• Marko (demo)
• MATLAB (demo)
• MDC (demo)
• MDX (demo)
• Mermaid (demo)
• Mojo (demo)
• Narrat (nar) (demo)
• Nextflow (nf) (demo)
• Nginx (demo)
• Nim (demo)
• Nix (demo)
• Objective-C (demo)
• Objective-C++ (demo)
• OCaml (demo)
• Pascal (demo)
• Perl (demo)
• PHP (demo)
• PLSQL (demo)
• PostCSS (demo)
• Power Query (demo)
• PowerShell (demo)
• Prisma (demo)
• Prolog (demo)
• Protocol Buffers (demo)
• Pug (demo)
• Puppet (demo)
• PureScript (demo)
• Python (demo)
• R (demo)
• Raku (demo)
• Razor (demo)
• Windows Registry (demo)
• Rel (demo)
• RISC-V (demo)
• RST (demo)
• Ruby (demo)
• Rust (demo)
• SAS (demo)
• Sass (demo)
• Scala (demo)
• Scheme (demo)
• SCSS (demo)
• Splunk SPL (demo)
• Bash (demo)
• ShellScript (demo)
• Zsh (demo)
• ShellSession (demo)
• Smalltalk (demo)
• Solidity (demo)
• SPARQL (demo)
• SQL (demo)
• SSH Config (demo)
• Stata (demo)
• Stylus (demo)
• Svelte (demo)
• Swift (demo)
• SystemVerilog (demo)
• TASL (demo)
• TCL (demo)
• TeX (demo)
• TOML (demo)
• TSX (demo)
• Turtle (demo)
• Twig (demo)
• TypeScript (demo)
• V (demo)
• VB (demo)
• Verilog (demo)
• VHDL (demo)
• VimL (demo)
• Vue HTML (demo)
• Vue (demo)
• Vyper (vy) (demo)
• WASM (demo)
• Wenyan (demo)
• WGSL (demo)
• Wolfram (demo)
• XML (demo)
• XSL (demo)
• YAML (demo)
• ZenScript (demo)
• Zig (demo)

O post Review do plugin: Code Block Pro – Beautiful Syntax Highlighting apareceu primeiro em Pink and Brain.