Skip to content

How to hide the title of a page in WordPress

Alejandro Frades
Cómo ocultar el título de una página en WordPress

Hiding a page title in WordPress can be a common need for many website administrators. Whether for aesthetic, design or functional reasons, hiding the title of a page can help customize and improve the presentation of your content. In this article, we’ll show you several ways to do it easily and effectively.

Methods to hide the title of a page in WordPress

1. Using custom CSS

One of the easiest ways to hide the title of a page in WordPress is by using custom CSS. This method is effective and does not require the installation of any additional plugins.

Steps to follow:

  1. Identify the CSS selector of the title: First, you must identify the CSS selector of the title you want to hide. You can do this using your browser’s inspect tool (usually accessed by right-clicking on the title and selecting “Inspect”).
  2. First, you must identify the CSS selector of the title you wish to hide.
  3. Add the custom CSS code: Once you have the CSS selector, go to your WordPress admin panel and follow these steps:
      • Navigate to Appearance > Customize.
      • Select Additional CSS.
      • Add the following CSS code, replacing .page-title with your theme-specific CSS selector:

     

    .page-title {
        display: none;
    }
                
  4. Publish the changes: Click “Publish” to save the changes and the page title should be hidden.

2. Hide the title on a specific page using CSS

If you only want to hide the title on a specific page, you can use the page ID to apply CSS only to that page.

Steps to follow:

  1. Find the page ID:.
    • Go to Pages in your WordPress admin panel.
    • Go to Pages in your WordPress admin panel.
    • Move your cursor over the page whose title you want to hide and look at the URL at the bottom of the browser. The ID of the page will be a number that appears after post=.
  2. Add custom CSS code: Go to Appearance > Customize and select Additional CSS. Add the following CSS code, replacing 123 with your page ID:
    .page-id-123 .page-title {
        display: none;
    }
                
  3. Publish the changes: Click “Publish” to save the changes and the title of that specific page should be hidden.

3. Using a plugin

If you prefer not to touch the code, you can also use a plugin to hide the title of a page. There are several plugins available that make this task easier. Here’s how to do it using the “Hide Page And Post Title” plugin.

Steps to follow:

  1. Install the plugin:.
      • Go to Plugins > Add new.
      • Look for “Hide Page And Post Title”

    .

    • Click “Install Now” and then click “Activate.”
    • Click “Install Now” and then click “Activate.
  2. Hide the title: Edit the page where you want to hide the title. You will see a new option on the edit screen that says “Hide Title”. Check this option and refresh the page.

4. Modify the theme template

Another way to hide the title is by directly modifying your theme template files. This method is more advanced and knowledge of PHP and HTML is recommended.

Steps to follow:

  1. Access theme files: Go to Appearance > Theme Editor (in WordPress 5.9 and later, this option may be under Appearance > Theme > Editor).
  2. Find the page template: Locate the page template file (usually this is page.php or similar file).
  3. Edit the template: Find the code that generates the page title, usually something like <?php the_title(); ?> and comment it out or remove it:
    <?php
    // the_title();
    ?>
                
  4. Save changes: Save the changes to the file and verify that the page title is no longer displayed.

Implications for SEO

Hiding a page title can have certain implications for your website’s SEO. Search engines like Google use page titles to understand and rank content. Here are some important considerations:

  • Title Relevance: Page titles are one of the most important factors for SEO. Make sure that, even if the title is not visible to users, it is present in the HTML code so that search engines can index it correctly.
  • Title relevance: The title of the page is one of the most important factors for SEO.
  • User experience: Although hiding the title may improve the aesthetics of the page, you should consider how it affects the navigation and usability of the site for users. A clear and visible title can help visitors quickly understand the content of the page.
  • Metadata: Make sure the metadata, such as the <title> tag and meta description, is optimized and reflects the content of the page. This will help search engines better understand the purpose of the page.
  • Accessibility: Consider the accessibility of your website. Titles help screen readers and other assistive devices navigate content. If you decide to hide the title, make sure the content is still accessible to all users.

In summary, hiding a page title can have aesthetic benefits, but it is important to balance these benefits with SEO needs and user experience. Maintain a clear structure and ensure that search engines can access and understand the content of your page.

Crawlers can still detect the hidden title?.

Yes, search engine crawlers such as Google can still detect a page title even if it is hidden from users. This is because the title is still present in the HTML code of the page. By using CSS to hide the title (for example, with display: none;), the content is still accessible to crawlers. However, it is crucial to maintain proper SEO practices and ensure that all elements important for indexing and ranking are well structured and present in the code.

Final considerations

Hiding a page title in WordPress can significantly improve the design and usability of your website. However, it is important to remember that while the title may not be visible to visitors, it is still important for SEO and website structure. Make sure your pages are still easily navigable and understandable to both users and search engines.

To further improve your website’s SEO, we recommend checking out the 5 best SEO plugins for WordPress. These plugins can help you optimize your content and improve your site’s visibility in search engines.

We hope this article has helped you learn how to hide a page title in WordPress. If you have any questions or need more help, feel free to leave a comment. happy editing!

Autor
Alejandro Frades
Marketing Specialist
The mind behind Modular's social content. Always on top of the latest trends to take advantage of them and make the digital world more enjoyable and entertaining.

Subscribe to our Newsletter about the web world