Como quitar y ocultar el titulo de una pagina en Wordpress
Aunque no es una práctica SEO recomendada, puede ser que en ciertas URLs necesites ocultar el título. Si te encuentras en esta situación, aquí te explico como quitar el titulo de una pagina en Wordpress de varias formas diferentes.
Por qué ocultar el titulo de una página Wordpress
Como ya te he comentado antes, quitar el encabezado de una página o entrada no es una práctica recomendada de cara al SEO, pues éste es uno de los factores On Page que los bots de los motores de búsqueda tienen en cuenta para posicionarnos en las SERPs (resultados de búsqueda).
El título (etiqueta H1) es un indicador clave para los motores de búsqueda sobre el tema principal de la página, mejorando el SEO. Además, proporciona una clara jerarquía visual y estructural que mejora la navegabilidad y la experiencia del usuario, asegurando que comprendan rápidamente el tema del contenido.
Dicho esto, también es verdad que en ciertas ocasiones puede ser interesante quitar el título de una pagina. Yo, por ejemplo, en algunas landing pages deshabilito el encabezado por defecto para incluirlo en otra ubicación de la página.
Cómo quitar el titulo de una pagina en Wordpress
Existen varias formas de eliminar el título de una página WordPress: desde sistemas no code que te permiten deshabilitarlo, hasta implementaciones de código por CSS o en PHP. Vamos a ver las principales.
Quitar encabezado con Gutenberg (¡No lo hagas!)
La forma más fácil y tentadora de quitar el encabezado es con Gutenberg, yendo al modo edición de tu entrada o página y borrando la parte superior, tal y como ves abajo.
No obstante, esta forma no es la más elegante y no te la recomiendo, pues lo que estás haciendo es dejar esta etiqueta HTML vacía pero existente. Es decir, no es quitando el título sino que lo estás dejando vacío, lo cual parece parecido pero no lo es.
Vamos a ver un par de alternativas.
Te enseño a auditar tu web con Screaming Frog, para que identifiques y soluciones los problemas que están afectando tu SEO.
¡Comienza mi curso de Screaming Frog gratis hoy!
Quitar título mediante el tema de WordPress
En vista de que la opción de Gutenberg no es la más adecuada, aquí te explico cómo puedes implementar esto mediante el tema de tu WP.
Quitar encabezado con Genesis
Para quitar el título de una página WordPress con Genesis tienes que ir al modo edición de la página y en el menú lateral derecho tienes que seleccionar la opción de Genesis.
Allí encontrarás una sección llamada Ocultar el título específica para quitar el H1.
Quitar título con ASAP theme
En el caso de que estés usando la plantilla de ASAP, también puedes quitar el título muy facilmente. Para ello, debes bajar hasta la sección específica de ASAP en la página que quieras aplicarlo y seleccionar la opción de Desactivar H1.
Quitar título con Wasabi
En cambio, si usas la plantilla de Marc Ortolá, también puedes deshabilitar el título. Esto lo conseguimos accediendo a la opción de Wasabi settings > Design y escogiendo la opción de Disable H1 title.
Quitar el título con plugin
Otra forma de eliminar el H1 en WordPrees es con un plugin. Y de los cientos que hay, yo te aconsejo usar el de Hide Title, ya que es muy sencillo de usar y nos permite eliminar el título en entradas de WordPress, en página, de manera específica o en todas.
Quitar encabezado con Elementor
En caso de que estés utilizando el constructor visual Elementor, puedes quitar el título muy facilmente. Para ello, debes ir al modo edición de tu página con Elementor y acceder a los Ajustes de Página. Tras ello, dirígete a la pestaña de Ajustes y habilita la opción de Esconder título.
Quitar el título con código
Finalmente, vamos a ver cómo quitar el encabezado en WordPress con código.
Ocultar título con PHP
Si quieres eliminar todos los títulos de tus páginas y entradas en WordPress debes implementar el siguiente código PHP.
add_filter( 'the_title', '__return_false' );Para ello, debes ir a Apariencia > Editor de archivos del tema y seleccionar el archivo del functios.php. Tras ello, busca la última línea de código y pega la instrucción php indicada.
Aunque hacer un backup es muy que aconsejable, también te recomiendo implementar esta acción en un tema hijo de WordPress (Child theme) ya que así te libras de perder tu implementación por actualizar tu tema, por ejemplo.
Ocultar título con CSS
Para quitar el H1 con este método lo que tenemos que hacer es básicamente ocultar el texto CSS correspondiente. Para ello, tenemos que tener en cuenta que lo que queremos ocultar es el H1 de la web, por lo que el código a implementar es:
h1{display: none }Para realizar esto, debemos ir al panel de WordPress > Apariencia > Personalizar y en el editor de CSS incluir dicha línea.
Pero, ¡cuidado! ya que si hacemos esto estaremos ocultando el H1 en todas las páginas. Si queremos quitar el encabezado de una página específica debemos ver su ID, como te muestro abajo,
El ID de la página o entrada es el número que parece después de post=XXXX.
Una vez identificado, ya podemos modificar el código anterior por el siguiente:
.page-id-4885 h1{display: none }Y con esto ya hemos terminado de ver cómo quitar el encabezado de una página con WordPress. Asegúrate de realizar posteriormente una auditoria con Screaming Frog para asegurarte que se ha realizado correctamente
Si has llegado hasta aquí… ¡Apúntate a mi Newsletter y sigue aprendiendo cada semana sobre SEO!