Vuoi nascondere il titolo di una pagina o un articolo del tuo sito WordPress in modo che non venga visualizzato nel front-end? Ci sono diversi metodi che ti permettono di farlo.
In alcuni casi il tema che stai usando o il builder che usi per modificare il design del sito, hanno già una funzione che ti permette di nascondere i titoli H1 delle pagine. Se non è così, non preoccuparti, ci sono altri metodi alternativi che si possono seguire: dall’aggiunta di un piccolo codice CSS fino all’utilizzo di un plugin con questa funzione.
Passiamo all’azione e vediamo come fare con questi diversi sistemi.
Table of Contents
Perché nascondere il titolo dalle pagine di WordPress
Ci sono diversi motivi per cui possiamo decidere di non mostrare il titolo nelle pagine del nostro sito WordPress.
Ad esempio ci sono pagine specifiche per cui invece del titolo vogliamo usare elementi di design differenti come una hero image o un video. L’esempio più comune è dato dalle home page o dalle landing page.
Anche in altre pagine si può decidere di omettere il titolo come in pagine di servizi o nella pagina Chi sono.
In altri casi l’obiettivo può essere quello di nascondere il titolo di default della pagina per poi inserire l’elemento H1 in una posizione differente.
Per esempio in questo caso qui sotto l’home page di Iubenda, non ha “Home” come H1, ma un testo diverso.
Qualunque sia il tuo obiettivo, in questa guida imparerai a far sì che i titoli delle pagine non siano mostrati.
Prima di procedere, però, vediamo alcune considerazioni importanti da fare.
Nascondere i titoli è una buona pratica SEO?
Se decidiamo di nascondere il titolo di una pagina, non dobbiamo solo considerare questo elemento come estetico o utile ai lettori, ma anche considerare il modo in cui i motori di ricerca analizzano le pagine web.
In genere in una pagina ci si aspetta di trovare una serie di titoli con una gerarchia ben precisa H1 ,H2 e via dicendo. I titoli servono a creare una struttura della pagina e a far capire ai motori di ricerca il contenuto stesso.
Inoltre, se non andiamo a specificare diversamente un titolo che deve essere usato come title e quindi che verrà mostrato nella SERP, verrà preso automaticamente il primo elemento H1 della pagina.
Cosa vuol dire nella pratica? Se eliminiamo l’H1 della pagina senza aver specificato un title quella pagina di fatto non avrà un titolo definito e quindi i motori di ricerca potrebbero selezionare un altro testo da mostrare al posto del titolo. Questo potrebbe mandare segnali non chiari ai motori di ricerca e di conseguenza avere anche un impatto negativo sul posizionamento delle pagine interessate.
Ti consigliamo quindi di valutare caso per caso quando nascondere i titoli delle pagine e di assicurarti di aver specificato un titolo che verrà mostrato nei risultati di ricerca. Puoi farlo facilmente usando un plugin per la SEO.
Come nascondere il titolo di una pagina su WordPress
In questa guida vedremo diversi metodi che ci permettono di nascondere il titolo delle pagine in modo che nel front-end del nostro sito non venga mostrato.
Le soluzioni che vedremo sono:
- Usare le funzioni integrate del tema o nascondere i titoli con Elementor.
- Aggiungere una classe CSS personalizzata.
- Usare un plugin.
Puoi seguire il metodo che preferisci in base a com’è stato creato il tuo sito e in base alle tue conoscenze.
Ti suggeriamo comunque di partire dal primo metodo e quindi di controllare se il tema che stai usando ha già questa funzione. Questo ti permetterà di risparmiare tempo ed evitare di dover usare metodi alternativi.
Metodo 1: controlla le opzioni del tema
In genere i temi hanno già delle opzioni che ci permettono di controllare la visibilità delle informazioni sulle pagine. Per esempio questo succede anche per le date di aggiornamento degli articoli che possono essere mostrate attivando una semplice opzione.
In questo caso, la funzione da cercare è quella che regola la visibilità dei titoli delle pagine.
In base al tema la procedura potrebbe essere diversa anche se simile, in questo caso andiamo a vedere come attivare l’opzione con il tema Neve.
Per prima cosa vai su Neve > Personalizza per accedere allo strumento di modifica delle preferenze del tema. Da qui clicchiamo su Globale > Pagina e vedremo l’opzione “Disabilita titolo”. Attivando questa opzione il titolo verrà nascosto in tutte le pagine.
Questo sistema quindi è applicabile solo che il tuo obiettivo è nascondere tutti i titoli delle pagine, senza distinzione.
In alternativa, se vuoi un controllo maggiore sulle singole pagine perché vuoi decidere per quali pagine nascondere il titolo e per quali tenerlo, devi usare un metodo diverso.
Come fare a nascondere i titoli con Elementor
Se stai usando Elementor, anche nella versione gratuita, puoi gestire la visibilità dei titolo delle pagine in modo davvero semplice.
Elementor ci dà la possibilità di gestire singolarmente i titoli delle pagine. Per farlo dobbiamo aprire la pagina che ci interessa e cliccare su “Modifica con Elementor” per passare all’editor.
Una volta dentro, dobbiamo cliccare su Impostazioni di pagina (puoi riconoscere il pulsante dall’icona con la pagina e l’ingranaggio) e poi scorrere fino a trovare l’opzione “Nascondi il titolo“, impostando quest’opzione su “Sì” avremo nascosto correttamente il titolo di quella pagina.
A questo punto possiamo salvare cliccando su “Pubblica” in alto a destra e poi ripetere esattamente questi stessi passaggi per nascondere il titolo anche su altre pagine se necessario.
Metodo 2: aggiungere una classe CSS
Se il primo metodo non è applicabile nel tuo caso, ad esempio il tuo tema o il tuo builder non ha una funzione integrata che ti permette di nascondere i titoli, ci sono ancora altre strade che puoi seguire.
Il metodo che andremo a vedere ora consiste nell’aggiungere del codice CSS personalizzato in modo da nascondere i titoli delle pagine o degli articoli.
Ci sono diversi metodi per aggiungere del codice CSS aggiuntivo. Se stai usando un tema come Twenty Twenty-Five, puoi inserire il CSS aggiuntivo direttamente dalle opzioni del site editor.
Basta andare su Aspetto > Editor cliccare su Stili > ⋮ > CSS aggiuntivo e poi incollare il codice.
Dovremo poi salvare cliccando su Rivedi modifiche > Salva.
In base al tema, le opzioni possono cambiare, ma per esempio i temi che usano il Customizer di WordPress, hanno in genere un’opzione CSS aggiuntivo, come in questo esempio con il tema Astra.
In altri casi potresti aggiungere il CSS personalizzato anche in altri modi:
- Aggiungendo il codice nei file del tema, ad esempio usando il file style.css. In questo caso assicurati di creare un tema child o perderai le modifiche quando aggiorni il tema.
- Usando un plugin come Code Snippets per aggiungere CSS personalizzato (è possibile solo con la versione Pro del plugin).
Qual è il codice da usare? Dipende da qual è l’obiettivo, nei prossimi paragrafi ti mostriamo come:
- nascondere il titolo da tutte le pagine;
- nascondere il titolo per una pagina specifica;
- nascondere il titolo per un post;
- nascondere il titolo in tutte le pagine delle categorie.
Nascondere il titolo in tutte le pagine
Per applicare la regola a tutte le pagine del sito WordPress e quindi far sì che il titolo venga nascosto per tutte le pagine, possiamo usare un codice come questo:
.page .entry-title {
display: none;
}L’elemento più importante in questo codice è la classe CSS da usare (nell’esempio sopra “entry-title“), questa, infatti cambia in base al tema e dovremo quindi fare prima una verifica in modo da trovare la classe CSS corretta in base al tema che stai usando.
Per farlo, dobbiamo aprire lo strumento DevTools da Chrome o Analizza pagina da Firefox (in base al browser che stiamo usando cambia il modo in cui viene chiamato, ma il funzionamento è lo stesso). Con questo strumento possiamo ispezionare l’elemento del titolo della pagina, vedere qual è la classe che viene usata e annotarla.
In questo esempio con il tema Twenty Twenty-Five, la classe applicata ai titoli è wp-block-post-title.
Andiamo quindi a modificare il codice CSS andando a specificare la classe corretta, in questo modo:
.page .wp-block-post-title {
display: none;
}Nascondere il titolo in pagine specifiche
In alternativa, rispetto a nascondere il titolo per tutte le pagine, possiamo anche specificare l’ID di una determinata pagina se vogliamo che il titolo sia nascosto solo in alcuni casi.
In questo caso andiamo alla lista di tutte le pagine dal back-end di WordPress, Pagine > Tutte le pagine, passiamo il mouse sul titolo della pagina interessata e in basso vedremo l’URL ce contiene un numero dopo “post=“, quel numero è proprio l’ID della pagina.
Lo annotiamo e andiamo a modificare il codice CSS in questo modo:
.page-id-153 .wp-block-post-title {
display: none;
}Nota: anche in questo caso assicurati che la classe (nell’esempio qui sopra wp-block-post-title) sia corretta seguendo il metodo che abbiamo visto prima.
Nascondere il titolo di un articolo specifico
Possiamo usare un codice CSS aggiuntivo anche se vogliamo nascondere il titolo di articolo del blog, anziché di una pagina. In questo caso il codice da usare è molto simile a quello che abbiamo visto prima.
.postid-139 .wp-block-post-title {
display: none;
}Dobbiamo andare a modificare questa stringa “.postid-139” andando a inserire l’ID dell’articolo che ci interessa. Come abbiamo visto prima, per trovare l’ID ci basta andare alla lista di tutti gli articoli, passare il mouse sul titolo dell’articolo e vedere nell’URL qual è il numero indicato dopo “post=“.
Dobbiamo anche assicurarci che la classe, nel nostro caso “wp-block-post-title“, sia quella corretta o modificarla.
Nascondere il titolo nelle pagine delle categorie
Possiamo applicare lo stesso metodo andando ad aggiungere del CSS personalizzato per far sì che solo i titoli delle pagine delle categorie vengano nascosti.
In questo caso dobbiamo andare sempre a verificare qual è la classe che viene usata in base al tema, per esempio nella nostra prova il tema Twenty Twenty-Five usa una classe diversa per i titoli delle pagine di categoria, rispetto a quella usata per i titoli di pagine e post.
Il codice sarà come questo:
.category .wp-block-query-title {
display: none;
}In questo caso “category” è la classe usata da WordPress per le pagine di categoria, mentre “wp-block-query-title” è la classe che dipende dal tema e sarà quindi quella che dovrai modificare per far sì che il codice funzioni.
Se, invece, volessimo applicare la regola a una singola categoria ci basterebbe indicare lo slug della categoria in questo modo:
.category-[slug]Per esempio, se lo slug è “blog”, la classe diventa:
.category-blogCosì facendo il CSS sarà applicato solo alla pagina della categoria “Blog”, mentre tutte le altre pagine di categoria continueranno a mostrare il titolo.
Metodo 3: usare un plugin per nascondere i titoli delle pagine
Un altro sistema che possiamo usare per non mostrare i titoli delle pagine, è ricorrere a un plugin.
Un plugin creato per questo scopo è Hide Titles.
Per cominciare installiamo e attiviamo il plugin, andando su Plugin > Aggiungi plugin e cercando “Hide Titles”.
Vediamo cosa ci permette di fare.
Nascondere tutti i titoli (pagine e articoli)
Dalle opzioni del plugin, accessibili cliccando su Hide Titles nella barra laterale di WordPress, abbiamo una funzione rapida che ci permette di scegliere se nascondere tutti i titoli.
Attenzione: questa opzione globale viene applicata sia alle pagine che agli articoli.
Il problema principale di questa funzione è che la lista di tutte le pagine e degli articoli apparirà come un elenco di soli elementi dal titolo identico: “(senza titolo)“.
Questa soluzione non è comoda perché rende difficile riconoscere le pagine e gli articoli dal back-end. Valuta quindi se vale la pena utilizzarla o se è meglio agire sulle singole pagine come sto per mostrarti.
Nascondere il titolo di una pagina
Possiamo anche usare il plugin per nascondere il titolo di una singola pagina, o di più pagine ripetendo la procedura per tutte le pagine che ci interessano.
Apriamo in modifica la pagina in questione e nella scheda “Pagina” vedremo in basso una nuova opzione “Hide Titles”, qui sotto ci basterà attivare la spunta vicino a “Hide the title” per nascondere il titolo di quella specifica pagina.
Questo metodo è il migliore da usare perché non va ad eliminare il titolo dalla lista delle pagine, per cui sarà facile continuare a distinguere le pagine. Il titolo verrà infatti nascosto solo nel front-end.
Errori da non fare quando si nascondono i titoli delle pagine
Un altro metodo possibile per evitare che i titoli delle pagine non vengano mostrati è realizzabile con Gutenberg. In questo caso ci basta semplicemente modificare la pagina, eliminare il titolo e salvare.
Il problema di questo metodo, e anche il motivo per cui non lo abbiamo riportato tra le alternative, è che si rischia di fare molta confusione.
Se facciamo in questo modo effettivamente raggiungiamo l’obiettivo perché il titolo non verrà mostrato nella pagina. Il problema è che nel back end, accedendo alla lista delle pagine, non riusciremo più a distinguere le singole pagine, perché verranno salvate come “(senza titolo)“.
Inoltre se le pagine in questione sono anche linkate da qualche parte nel sito, ad esempio in un menu o nel footer, appariranno indicate come (senza titolo) e questo andrà quindi sia a danneggiare l’esperienza utente creando confusione che a confondere i motori di ricerca.
Per evitare questi problemi, ti consigliamo di non usare questo metodo, ma applicare uno di quelli proposti in questa guida.
Conclusioni
Se vuoi personalizzare le pagine del tuo sito WordPress in modo che non vengano mostrati i titoli, ci sono diversi metodi che puoi seguire. Si tratta di sistemi pratici che puoi applicare per l’home page, landing page o anche custom post type in cui non vuoi che il titolo venga mostrato.
In questa guida abbiamo visto diversi metodi per farlo: siamo partiti dal controllare le opzioni del tema o del builder, fino a usare un plugin o aggiungere del codice CSS personalizzato per poter nascondere i titoli dove serve.
Quale metodo hai usato per apportare questa al tuo sito? Parliamone nei commenti.
Lascia un commento