Remove page title in wordpress

New Page

  1. Hogar
  2. Center of Recursos
  3. Knowledge base
  4. WordPress Tips
  5. How to hide titles of pages and publications in WordPress

How to hide titles of pages and publications in WordPress

Last update: January 18, 2021

hide wordpress page titleCircle

Acaba de terminar de diseñar una página ou escribir un article en WordPress y vas à obtention una vista previa de tu trabajo cuando te das cuenta de que el título de la página parece totallymente fuera de lugar y está arruinando por completo tu diseño.

Unfortunately, WordPress does not include a simple form to avoid a title. Tampoco hay una manera easy de personalizarlo, su apariencia depends on su tema. Si es demasiado grande y molesto, ¿qué debe hacer? This is why it is essential to deal with the process to hide page titles in WordPress.

¿Apurado? Save this article as a PDF.

¿Cansado de desplazarse? Download a PDF version to learn more without connecting with friends more easily.

To download

Your first instinct might be to just remove the page title, but wait before trying because it can really affect your SEO. If you want this title gone for good, what are your options here?

There may not be an easy “hide title” option built into WordPress, but getting rid of it isn’t too difficult. In fact, you have several options, whether you want to disable a single title or hide them all.

Here are five possible ways to hide the page title in WordPress.

Contents

  1. Why hide page titles?
  2. How to Quickly Hide All Page Titles and Post Titles in WordPress
  3. How to Hide Page Titles in WordPress
  4. How to Remove WordPress Page Title
  5. How to Hide Titles in Blog Posts
  6. How to Remove Blog Post Title in WordPress

Why hide page titles?

Not all pages on your site need a title. Although a title is expected on blog posts, it doesn’t always look great on other pages. What is well designed for a blog is not always acceptable for the rest of the website.

For example, having a “Home” title on your homepage is not necessary and may even seem a bit unprofessional. Similar story with your “About” or “Services”, such a page speaks for itself and having the title at the top could be redundant.

Kinsta spoiled me so much that I now demand this level of service from every provider. We also try to be at this level with our SaaS tool support.

NEW-Suganthan-Mohanadasan-150x150Suganthan Mohanadasan from @Suganthanmn View Plans

The title element may also look out of place in your overall design. While you could use CSS to style it and make it fit better, perhaps the best choice is to just remove it entirely. You could instead use the space to add a hero image or some other styling element.

Most of the time, you don’t even want to delete the title entirely – perhaps it’s just its placement or its theme styling that’s bothering you. If your page title is in a strange place or doesn’t fit well with your design, it’s possible to hide it and insert an H1 heading elsewhere.

But hiding the title from a page isn’t as easy as deleting an image or a paragraph of text. Headings do have an impact on SEO and on how search engines read the hierarchy of your page. Before hiding all your titles, there are a few things to take into account.

SEO Considerations

Search engines like Google use bots called crawlers that visit websites and index the pages on them. As they index your site, they read elements like the title, page text, and page hierarchy to figure out what the page is about.

This process helps them display relevant pages to people who search for certain terms, and sites that follow SEO best practices get a little boost in the ranking.

If you Google something like “how to speed up your WordPress site”, you’ll notice that the title of the snippet you see usually matches the title of the article.

A page’s title is determined by the HTML title tag, or if that isn’t there, the H1 heading. Should neither of these things exist, the search engine will just take the first heading it finds or a random string of text and make that the title. This can end up looking very bad in the search engine snippets.

See where we’re going here? Removing your H1 heading and leaving nothing to replace it may negatively affect your SEO and click-through rate.

Even if you only hide the page title and don’t delete it, search engine crawlers usually ignore hidden elements, so that won’t help. A good hierarchy — a page with an H1 element, and H2 or H3 headings where appropriate — also helps crawlers (and people!) understand what your page is about.

However, H1 headings aren’t strictly necessary for SEO. They are useful for providing page structure and strongly suggested, to be certain.

So what’s the solution here? The easiest one is using a plugin such as Yoast SEO. These allow you to set the “SEO title” for every page. You still get a pretty search engine result, but you can get rid of that annoying heading with no penalty of any kind.

What’s the Difference Between Title Tag and H1 Heading?

Both the title tag and the H1 heading affect how search engines understand content on your site, and both are often identical, so what is the key difference between the two?

The title tag is the HTML <title> element. It’s part of the underlying code of your website and isn’t usually visible to humans. But crawlers can read it and use it to set your search engine snippet’s title. Your theme will usually set it to match the post or page title you set in the backend, or SEO plugins can change it manually.

On the other hand, H1 headings can be seen by visitors. Headings are used to structure your page by nesting sections and breaking content up so it’s easy to read, and H1 acts as a title to introduce the content.

Most WordPress themes will take your post/page title and insert an H1 heading, as well as setting the <title> tag behind the scenes.

Search engines prioritize the HTML <title> tag over H1. If there’s no <title> tag, it will use an H1 heading instead.

There’s not much functional difference, but the distinction is important.

How to Quickly Hide All Page Titles and Post Titles in WordPress

These methods are generally safe and won’t cause any problems, but you should always backup your site before adding any custom code or installing a plugin.

Il existe des moyens de masquer de manière sélective les titres des publications ou des pages, et nous en parlons ci-dessous.

But first let’s see how to get rid of all post and page titles in WordPress with a little CSS trick. It only takes one line of code to make these titles disappear permanently.

From your WordPress dashboard, navigate to Appearance > Customize and find the additional CSS menu. In the code box that appears, paste the following code:

.entry-title { display: none; }

You should immediately see all the titles in the right preview disappear, simple as that. When you visit an individual post or page, the title will also be missing there. But you’ll notice that widgets like recent posts will still use the titles you set in the backend without issue.

If this code doesn’t work for you, you’ll need to figure out which CSS class your theme uses to display titles. In the right website preview on the theme customizer, right-click the post title and click Inspect. Depending on your browser, it may be Inspect Element or Inspector instead.

inspection itemInspect a page element

A new screen will appear with a highlighted code box. Look around the highlighted code to find the H1 or H2 class name, for example: <h2 class=”entry-title header-size-1″>

Instead of “entry-title”, it can be written “post-title”, “page-title”, or something else.

Use the CSS code we provided above, but replace “entry-title” with the CSS class used by your theme. It should work like a charm.

Edit post title CSS classChanging Post Title CSS Class How to Hide Page Titles in WordPress

Maybe you’re not trying to get rid of all your page titles; what if you just want to hide all page titles (but no posts) on your site? In this case, all you have to do is slightly modify the CSS code above. Just add “.page” in front of the code. For instance:

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

This should immediately hide all page titles on your WordPress site.

How to hide the title of a single page

Vous voulez masquer le titre d’une seule page dans WordPress ? Vous avez deux options : installer un plugin ou utiliser une version modifiée du code CSS ci-dessus qui cible les pages par leur ID.

Il existe des plugins spécialement conçus pour masquer les titres, comme le plugin Hide Page And Post Title, l’un des plus populaires.

Au lieu de télécharger un petit plug-in (trop de plug-ins sur votre site peuvent constituer un risque pour la sécurité du site Web), vous pouvez également essayer avec un constructeur de pages.

Un exemple est Elementor. Il inclut la possibilité de masquer les titres de page avec une simple bascule. Accédez à n’importe quelle page du backend, cliquez sur Modifier avec Elementor, puis cliquez sur l’engrenage Paramètres dans le coin inférieur gauche.

Now enable Hide Title and your page title will disappear.

remove title in ElementorDeleting title in Elementor

The last option is to modify the old CSS code so that it only targets specific pages instead of all of them.

First, you will need to determine the page ID. In your backend, navigate to All Pages and hover over a title.

In the lower left corner, a preview of the link address should appear. In it, you’ll see near the end of the “post=” string. This number is the page identifier.

WordPress page IDWordPress Page ID

Now use the ID to target this page using CSS, replacing “0” with the ID you found like this:

.page-id-0 .entry-title { display: none; } destination post IDTarget post ID

If these don’t work for you, your theme may be using a different CSS class.

Go to the page you are trying to target and press F12 to bring up the Developer Console in Chrome. Press Ctrl-F and type “body”, using the navigation arrows to jump until you see “<body class=” and a large list of classes.

Look for one with the page ID and replace the class in the code above.

For example, if you see a class called “page-id-113” listed, you would use this code instead:

.page-id-113 .entry-title { display: none; } How to remove title from WordPress pages

Vous vous demandez probablement pourquoi ne pas simplement laisser le titre de la page vide ? Si vous souhaitez uniquement supprimer les titres, rien de plus simple : accédez à Pages > Toutes les pages. Survolez une page et cliquez sur Modification rapide, puis videz le titre et cliquez sur Mettre à jour.

Vous pouvez également cliquer sur le titre ou survoler et cliquer sur Modifier, puis rechercher le titre en haut, supprimer le texte à l’intérieur et cliquer sur Mettre à jour. Lorsque vous reviendrez à l’écran Pages, elles seront marquées comme « (sans titre) » et elles auront disparu de votre site en ligne.

This may seem like the easiest solution, but it’s actually not a good idea . Permalinks are important for SEO, and WordPress normally generates them based on your title. If you don’t have one, it will create one instead using numbers or a random string of letters, which may result in a penalty.

You can manually edit the permalink (or “URL slug”), but you’ll have to remember to do it each time.

malos permanent tiesExample of a bad permalink

On top of that, untitled posts and pages display in your backend as “(untitled)”. When you have dozens or hundreds of them on your site, finding the one you’re looking for in all that clutter can quickly become a logistical nightmare.

untitled backend

And it’s not just a problem for you. Depending on your theme, an untitled page or post will also display as “(untitled)” on your front-end website – for example, if you have the page in a menu or use the Posts widget recent. This will make your website nearly unnavigable.

sin título en la interfazExamples of no title in a widget

And if that’s not enough, you’ll end up with a huge hole in your layout where the title used to be. That’s the nail in the coffin for this barely functional way to remove the WordPress page title.

As easy as it might be to just erase the title, it’s recommended to choose one of the other methods – installing a plugin or inserting CSS – instead. Hiding the title is a much better idea than removing it altogether.

How to Hide Titles in Blog Posts

Hiding all post titles is as easy as hiding all page titles in WordPress. Using the same CSS as before, instead of adding .page before the code, you need to add .post as shown here:

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

Now not all of your posts will display their titles, but normal pages will.

Untitled blog postUntitled blog post

Hide the title of a single WordPress post

Hiding a blog post title is similar to hiding a page title, as shown above. You can install a title removal plugin, use a page builder to remove it manually, or target the post ID with CSS.

If you want to use CSS, the code you use is just a bit different. Again, you need to go to your backend and hover over the post whose title you want to remove to see its ID, then try using this code. Be sure to replace “0” with the post ID you are trying to target.

.postid-0 .entry-title { display: none; }

Si cela ne fonctionne pas, parcourez la console du développeur en appuyant sur F12 lorsque vous êtes sur le message que vous souhaitez cibler. Appuyez sur Ctrl-F, tapez “body” et recherchez “<body class=” pour une liste des classes utilisées sur cette page. Recherchez dans la liste un numéro avec un numéro d’identification, comme “post-11” et remplacez le code ci-dessus par la bonne classe.

Comment supprimer le titre des articles de blog dans WordPress

Comme mentionné précédemment, ce n’est pas la meilleure idée de supprimer entièrement le titre de vos publications ou pages. Nous vous suggérons fortement de ne pas le faire car cela peut causer des problèmes avec vos permaliens, votre référencement et même la mise en page de votre site.

But if you really prefer to do this, the process is similar to removing titles from pages.

Go to Publicaciones > All Posts to see a list of all blog entries on your site. Coloca el cursor sobre el título de la publication que deseas eliminar y haz click in Edición rápida . Deje en blanco el título, luego haga clic en Actualizar . Or simply click on Editar para ingresar a la pantalla de edición de Gutenberg, click on haga el encabezado en la parte superior y elimine el texto del título.

blank post titleRemove title from a blog entry

Haga clic en Actualizar y el título debería desaparecer para siempre. Tenga en cuenta que esto reemplazará el título de cada publication con “(sin título)”, por lo que si tiene problems para navegar una vez que tenga cientos de publicaciones, intends to conceal usando un complemento o selectores de CSS.

There are a lot of scripts that need to be hidden under page titles on your WordPress site. ¡Esta guía práctica le muestra cómo hacerlo! 🎯 Haz clic para twittear

No hay un botón incorporated para occultar los títulos de las páginas en WordPress, pero aún tiene muchas opciones para hacerlo. For publications or individual pages, you can install a complement that aggregates the ability to activate or deactivate titles voluntarily. O puede aprovechar CSS para ocultar todos los títulos de página o directirse à páginas specíficas donde desee ocultarlo.

If you need to avoid simply dejar en blanco el título en el backend, ya que eso cause problems para su SEO y entlaces permanents, disorder sur backend y puede de stropear les functions que llaman a los títulos de publicaciones/páginas como el menú o el widget de Publicaciones recent.

In any case, recuerda que es necesario un encabezado H1 ou un elemento de título HTML para evitar ser penalizado por los motores de búsqueda. If you decide to hide the title, you should consider installing an SEO complement and make sure that the “SEO title” or “HTML title” element is configured on the cada page.

Ahorre tiempo, costos y maximice el rendimiento del sitio con:

  • Instant support from WordPress alojamiento experts, 24/7.
  • Cloudflare enterprise integration.
  • Alcance of global audience with 35 data centers all over the world.
  • Optimización con nuestro monitoreo de rendimiento de applications integrado.

Todo eso y mucho más, en un solo plan sin contratos a largo plazo, migraciones asistidas y garantía de devolution de dinero de 30 días. Consult nostros planes o hable con ventas para encontrar el plan adecuado para usted.

Google Google Ubersetzer

Google Translator from Google

Google Traduction


Video Remove page title in wordpress

Related Posts

Free chat room code for my website

Contents1 How to set up a free chat room on the website.2 3 comentarios2.1 Trackbacks/Pingbacks2.2 Submit a Comment Cancel reply3 How to Create a Chat Room Website…

Background image full screen css

Contents1 Cómo – Full Page Image1.1 Example1.2 Example2 CSS background image tamaño tutorial: how to codify a complete page background image3 Perfect Full Page Background Image3.1 Méthode CSS géniale,…

WordPress leverage browser caching

Contents1 Aproveche el almacenamiento in hidden del navegador1.1 Will it works for my website?1.2 Where are plugin options1.3 Some JavaScript files still display under Leverage Browser Caching1.4…

WordPress post to facebook page

Contents1 How to Automatically Post to Facebook from WordPress1.1 Download Now: How to Launch a WordPress Website [Free Guide + Checklist]1.2 1. Create an IFTTT account.1.3 2….

Download images from wordpress media library

Contents1 How to export your WordPress media library1.1 Download maintenant : How to launch a WordPress website [Free Guide + Checklist]1.2 How to export your WordPress media…

WordPress single post template

Contents1 How to Create Custom Unique Post Templates in WordPress2 Post Template Files2.1 author.php2.2 Fecha.php3 Handbook navigation4 How to Create Custom Single Post Templates in WordPress5 Video…