Como ocultar ou remover títulos de páginas no WordPress (7 métodos fáceis)

Quer uma página inicial mais limpa, uma página de destino sem distrações ou uma seção de herói que não lute com um grande título padrão? a correção geralmente é a mesma: ocultar o título da página no WordPress É uma pequena mudança, e você pode fazê-lo em menos de dois minutos, uma vez que você sabe qual método se encaixa em sua configuração.

O problema é que “qual método” depende do seu tema, do seu construtor de páginas e se você deseja que o título saia de uma página ou de todo o seu site. Um tema de bloco lida com isso de maneira diferente de um tema clássico, e o Elementor tem sua própria alternância que os usuários clássicos do WordPress nunca veem.

Abaixo estão sete maneiras de ocultar ou remover títulos de páginas no WordPress: configurações de tema, o Editor de Site, CSS, Elementor, um construtor de temas, um plugin e código Cada um tem diferentes consequências de SEO e acessibilidade, então escolha com os olhos abertos Você não quer trocar rankings por estética.

Escondendo vs. Removendo um Título de Página: Qual é a Diferença?

Essas duas palavras são usadas de forma intercambiável, mas descrevem coisas diferentes, e a diferença é importante para o SEO.

• Escondendo um título mantém-no no HTML da página mas torna-o invisível para os visitantes, normalmente com CSS Os motores de busca e leitores de ecrã ainda podem vê-lo, pelo que a página mantém o seu contexto Pense nele como um manto de invisibilidade.
• Removendo um título exclui-lo do HTML inteiramente A página parece o mesmo para os visitantes, mas os motores de busca perdem um pedaço de informação contextual, e os usuários do leitor de tela perdem o título que lhes diz sobre o que a página é.

Para a maioria dos sites, esconder é a escolha mais segura Remover faz sentido principalmente em páginas construídas inteiramente em um construtor de páginas, onde seu design já inclui seu próprio título H1 e o título do tema seria uma duplicata.

Título da página vs. Título SEO: Não confunda os dois

Um rápido esclarecimento antes dos métodos, porque isso faz com que muitas pessoas façam tropeçar O título da página que você vê na página (o título H1) e o título SEO (a tag de título que mostra nos resultados do Google e a guia do navegador) são duas coisas diferentes.

Cada método neste guia afeta apenas o título visível na página Seu título de SEO, definido pelo seu tema ou um plugin de SEO como Yoast ou Rank Math, permanece exatamente onde está Portanto, ocultar o título na página não apagará sua listagem nos resultados da pesquisa.

Método 1: Use a opção de título oculto integrada do seu tema

Antes de tocar em CSS ou plugins, verifique se o seu tema já resolve isso Muitos temas populares são fornecidos com uma alternância de título por página:

• Astra adiciona uma caixa de seleção “Disable Title” nas configurações da barra lateral da página.
• GeneratePress inclui controles de visibilidade de título em sua meta box Layout.
• Kadence e Neve oferecem alternâncias semelhantes por página.

Abra qualquer página no editor, olhe para a barra lateral de configurações à direita e procure uma opção chamada “Disable Title”, “Hide Title” ou “Title Visibility”. Se estiver lá, marque-a, atualize a página e você não terá código, nenhum plugin, aplicado apenas a essa página.

Se você ainda está escolhendo um tema para seu próximo projeto, nosso resumo do melhores temas Elementor abrange vários que incluem este alternar fora da caixa.

Método 2: Ocultar títulos de página em um tema de bloco (editor de site)

Usando um tema de bloco como Vinte e Vinte e Quatro ou Vinte e Vinte e Cinco? você verá Aparência > Editor no seu painel em vez do antigo Customizer Você tem duas opções aqui.

Opção A: Remova o bloco Título do modelo

Isso remove o título de todas as páginas que usam o modelo:

1. Ir para Aparência > Editor > Modelos.
2. Abrir o Páginas modelo (ou qualquer modelo que sua página use).
3. Clique no Título bloqueie, abra o menu de opções de três pontos e escolha Excluir.
4. Gravar o modelo.

Esta é uma verdadeira remoção: o título foi embora do HTML As páginas que usam esse modelo precisarão de seu próprio cabeçalho, então adicione um bloco Heading perto do topo de cada uma Caso contrário, os visitantes e os mecanismos de pesquisa pousam em uma página sem nenhum H1 Documentação do bloco WordPress Title cobre este bloco com mais detalhes.

Opção B: Ocultar o título com CSS (mantém o valor SEO)

Se preferir ocultar do que remover, adicione uma pequena regra CSS:

1. Navegar para Aparência > Editor > Estilos.
2. Clique no Editar (caneta) ícone, em seguida, o menu de três pontos, e escolha CSS adicional.
3. Cole no código a seguir e salve.

.wp-block-post-title {
    display: none;
}

Aqui está todo o processo na tela:

Uma coisa a saber: isso esconde o título em cada página e post Para segmentar apenas páginas, use .page .wp-block-post-title em vez disso. E se o título ainda aparecer após salvar, atualize a página (Ctrl+Shift+R), pois seu navegador provavelmente está servindo a folha de estilo antiga do cache.

Método 3: Ocultar títulos com CSS no personalizador de temas (temas clássicos)

Se Aparência > Personalizar aparece no seu painel, você está em um tema clássico, e o painel CSS Adicional do Customizer é a rota livre de plugins mais rápida.

Primeiro, encontre a classe CSS que seu tema usa para títulos Clique com o botão direito no título em qualquer página, escolha Inspecionar, e olhem para o elemento de cabeçalho Na maioria dos temas clássicos a classe é entry-title, mas não assumamMuitos temas renomeiam, e uma regra que visa a classe errada não faz nada Então:

1. Ir para Aparência > Personalizar > CSS adicional.
2. Adicione a regra abaixo e publique.

.post .entry-title {
    display: none;
}

Trocar .post para .page para páginas de destino ou usar .page-id-42 .entry-title para ocultar o título em uma única página (você encontrará o ID no URL de edição da página, abordado no Método 7).

Prós da abordagem CSS:

• Não é necessário plugin.
• O título permanece no HTML, portanto os leitores de SEO e tela não são afetados.
• Você pode segmentar uma página, todas as páginas ou todas as postagens com um único seletor.

Contras:

• Cada tema nomeia sua classe de título de maneira diferente, então talvez seja necessário inspecionar primeiro.
• Se você trocar de tema, a regra poderá parar de corresponder e os títulos reaparecerão.

Método 4: Ocultar o título da página no Elementor

Os usuários do Elementor obtêm o método mais fácil de todos, e ele funciona na versão gratuita Abra a página no editor do Elementor, clique no Configurações ícone (engrenagem) na parte inferior esquerda do painel e ligue Ocultar título. Atualize a página e o título do tema desaparece apenas dessa página.

A configuração se aplica por página, por isso se encaixa em landing pages onde você está projetando sua própria seção de herói de qualquer maneira, já que você está construindo a página visualmente, adicione seu próprio conjunto de widgets Heading a H1 para que a página ainda tenha uma estrutura de cabeçalho adequada ao nosso guia layouts WordPress personalizados com Elementor aprofunda a estruturação de páginas feitas por construtores.

Ocultar título que não está funcionando? Corrigir o seletor de título

Elementor oculta títulos combinando classes CSS comuns entry-title. Se o seu tema usa uma classe personalizada, a alternância falha silenciosamente Este pega muitas pessoas, e a correção leva um minuto:

1. Inspecione o título da sua página no navegador e copie a sua classe CSS.
2. Em Elementor, vá para Configurações do site > Layout.
3. Cole a classe (por exemplo h1.custom-title) no Seletor de Título da Página campo e salvar.

O botão Ocultar título agora sabe o que procurar. Próprio do elementor Ocultar documentação do Título cobre esta configuração também.

Alternativa: use o layout Elementor Canvas

Para landing pages, há um instrumento mais rombudo No mesmo painel de configurações de página, altere Layout da página para Lona Elementor. Canvas tira o cabeçalho, rodapé e área de título do tema em um movimento, deixando uma lousa em branco Use-o quando quiser controle total do design; pule-o quando ainda precisar da navegação do seu site ou combine-o com seu próprio cabeçalho construído com um Construtor Tema.

Método 5: Remova títulos em todo o site com um criador de temas

Tudo até agora funciona página por página, ou esconde títulos com CSS Se você quer títulos idos de cada post de blog ou cada página no nível de modelo, um construtor de tema é a resposta mais limpa, porque você controla exatamente quais elementos um modelo renderiza.

Com Elementor Pro, vá para Modelos > Construtor de temas > Single Post, edite seu modelo de postagem única, selecione o elemento Post Title e exclua-o.

Se você não tiver um modelo de postagem único existente, crie um do zero ou importe um da biblioteca de modelos e remova o widget Postar título antes de publicar.

Não quer pagar pelo Elementor Pro só por isso? Master Addons inclui o seu próprio Construtor Tema isso permite criar cabeçalhos, rodapés, modelos de postagem única, arquivos e 404 páginas com a versão gratuita do Elementor. O Documentação do Header, Footer e Comment Builder percorre a configuração, e o mesmo controle de modelo significa que você decide se um título aparece. É a mesma abordagem que usamos em nosso guia editando seu rodapé no WordPress usando Elementor.

Prós:

• Uma edição de modelo cobre cada postagem ou página desse tipo.
• Controle visual completo, sem código.
• Você pode emparelhá-lo com condições exibição para mostrar diferentes layouts para diferentes conteúdos.

Contras:

• Requer Elementor Pro ou um plugin de construtor de temas como Master Addons.
• Esta é uma remoção verdadeira, então seu modelo precisa de outro H1, como um widget Heading puxando o título do post dinamicamente onde você quiser.

Método 6: Use um plug-in de remoção de título

Se preferir clicar em uma caixa de seleção do que escrever CSS, o grátis Removedor Título plugin faz um trabalho bem Instale e ative-o, e cada página, post e tipo de post personalizado recebe um “Ocultar o título para este item” caixa de seleção em seu painel de configurações Marque-o nas páginas que você deseja, deixe-o fora em qualquer outro lugar.

É a opção mais amigável para iniciantes, embora adicione mais um plugin para manter Se o seu tema ou construtor de páginas já oferece um alternador (Métodos 1 e 4), use-os primeiro e mantenha sua lista de plugins curta Uma pilha mais enxuta também ajuda com os tempos de carregamento, algo que abordamos em nosso post como acelerar os sites da Elementor.

Método 7: Remova títulos com código (functions.php)

Arquivos de tema de edição confortáveis? você pode filtrar títulos no nível PHP. Adicione esses trechos ao tema do seu filho functions.php arquivo. Use um tema filho para que uma atualização de tema não limpe suas alterações e faça backup primeiro.

Remova o título de postagens de blog único

add_filter( 'the_title', 'ma_remove_single_post_title', 10, 2 );
function ma_remove_single_post_title( $title, $id ) {
    if ( is_single() && in_the_loop() && get_the_ID() === $id ) {
        return '';
    }
    return $title;
}

Remova o título de uma página específica

add_filter( 'the_title', 'ma_remove_page_title', 10, 2 );
function ma_remove_page_title( $title, $id ) {
    if ( is_page( YOUR_PAGE_ID ) && in_the_loop() && get_the_ID() === $id ) {
        return '';
    }
    return $title;
}

Substituir YOUR_PAGE_ID com o ID da página que você está segmentando. O in_the_loop() verifique as coisas: sem ele, o filtro também pode apagar os rótulos do menu de navegação e os títulos dos widgets. Já vi esse erro exato retirar um menu de navegação inteiro em um site ao vivo.

Como encontrar um ID de página

Abra a página no editor do WordPress e olhe para o URL na barra de endereços do seu navegador O número depois post= é o ID da página.

Este método é uma verdadeira remoção, por isso reserve-o para os casos em que o tema não oferece alternância e CSS não é uma opção Se você já está dentro functions.php território, você também pode gostar do nosso tutorial sobre como fazer desactivar a funcionalidade de gravação automática com um trecho semelhante.

SEO, UX e acessibilidade: o que ocultar títulos realmente afeta

Antes de ocultar títulos em seu site, pese as compensações.

SEO. Esconder-se com CSS mantém o H1 em seu HTML, então os motores de busca ainda lê-lo Removendo o título exclui esse sinal, e uma página sem qualquer H1 dá Google menos contexto sobre o conteúdo Se você remover um título, sempre substituí-lo por outro H1 em algum lugar em seu design Para uma lista de verificação mais ampla, consulte o nosso Práticas de SEO para Elementor guia. Seus subtítulos carregam peso também plugin de índice constrói sua navegação na página a partir de seus H2 s e H3 s, portanto, mantenha o resto da estrutura de cabeçalho intacto.

Experiência usuário. Nas landing pages, deixar cair o título padrão geralmente ajuda: menos elementos concorrentes, caminho mais claro para a chamada à ação Em postagens de blog e documentação, os títulos orientam os leitores Removê-los lá tende a confundir mais do que polir.

Acessibilidade. Os leitores de tela dependem de títulos para navegar em uma página Um título oculto em CSS ainda é anunciado, portanto, a acessibilidade é preservada Um título removido sem substituição H1 deixa os usuários do leitor de tela adivinhando Se o seu design substituir o título, faça da substituição um elemento de cabeçalho real, não um texto de parágrafo estilizado.

Quando ocultar títulos e quando mantê-los

Mantenha os títulos visíveis quando:

• A página é uma postagem de blog, documento ou qualquer coisa que os leitores cheguem na pesquisa.
• Você precisa de uma hierarquia de conteúdo clara para navegação e SEO.
• O título fornece contexto que o resto da página não repete.

Esconder ou remover títulos quando:

• Você está construindo landing pages com sua própria manchete de herói.
• O design da página inicial já comunica o que é o site.
• A colocação do título do tema entra em conflito com um design que você construiu no Elementor, por exemplo, um herói de largura total sob um cabeçalho pegajoso no Elementor.

Perguntas frequentes

Embrulhando

Ocultar ou remover títulos de páginas no WordPress se resume a escolher o método que corresponde à sua configuração Verifique primeiro a alternância integrada do seu tema, use o Editor de Site ou o Customizer CSS para uma ocultação em todo o site, alcance o Hide Title do Elementor em páginas de destino individuais e use um construtor de temas quando quiser controle em nível de modelo sem títulos em qualquer lugar.

Seja qual for o caminho que você seguir, lembre-se da regra prática: ocultar com CSS quando quiser manter o valor de SEO e, se realmente remover um título, dê à página outro H1 em seu lugar.

Se você estiver construindo layouts personalizados de qualquer maneira, dê uma olhada no conjunto completo de Master Addons widgets e extensões. Construtor de temas, Extensão CSS personalizada1, e mais de 80 outras ferramentas lidam com trabalhos como este sem plugins extras, e o página preços mostra o que está incluído nas versões gratuita e Pro.