Cómo ocultar o eliminar títulos de páginas en WordPress (7 métodos sencillos)

¿quieres una página de inicio más limpia, una página de inicio sin distracciones o una sección de héroe que no luche con un gran título predeterminado? La solución suele ser la misma: ocultar el título de la página en WordPress. Es un pequeño cambio y puedes hacerlo en menos de dos minutos una vez que sepas qué método se adapta a tu configuración.

El problema es que “qué método” depende de su tema, su creador de páginas y si desea que el título desaparezca de una página o de todo su sitio. Un tema de bloque maneja esto de manera diferente a un tema clásico, y Elementor tiene su propio interruptor que los usuarios clásicos de WordPress nunca ven.

A continuación se muestran siete formas de ocultar o eliminar títulos de páginas en WordPress: configuración de temas, editor de sitios, CSS, Elementor, creador de temas, complemento y código. Cada uno tiene diferentes consecuencias de SEO y accesibilidad, así que elige con los ojos abiertos. No quieres intercambiar clasificaciones por estética.

Ocultar versus eliminar el título de una página: ¿cuál es la diferencia?

Estas dos palabras se usan indistintamente, pero describen cosas diferentes y la diferencia importa para el SEO.

• Ocultar un título lo mantiene en el HTML de la página pero lo hace invisible para los visitantes, generalmente con CSS. Los motores de búsqueda y los lectores de pantalla aún pueden verlo, por lo que la página mantiene su contexto. Piense en ello como una capa de invisibilidad.
• Eliminando un título lo elimina por completo del HTML. La página tiene el mismo aspecto para los visitantes, pero los motores de búsqueda pierden una información contextual y los usuarios del lector de pantalla pierden el encabezado que les indica de qué se trata la página.

Para la mayoría de los sitios, ocultar es la opción más segura. Eliminar tiene sentido principalmente en páginas creadas íntegramente en un creador de páginas, donde su diseño ya incluye su propio encabezado H1 y el título del tema sería un duplicado.

Título de la página versus título SEO: no confundas los dos

Una aclaración rápida antes de los métodos, porque esto hace tropezar a mucha gente. El título de la página que ves en la página (el encabezado H1) y el título de SEO (la etiqueta de título que se muestra en los resultados de Google y en la pestaña del navegador) son dos cosas diferentes.

Cada método de esta guía afecta sólo al título visible de la página. Su título de SEO, establecido por su tema o un complemento de SEO como Yoast o Rank Math, permanece exactamente donde está. Por lo tanto, ocultar el título de la página no borrará su listado en los resultados de búsqueda.

Método 1: utilice la opción de título oculto incorporada de su tema

Antes de tocar CSS o complementos, verifique si su tema ya resuelve esto. Muchos temas populares se envían con un título por página:

• Astra agrega una casilla de verificación “Desactivar título” en la configuración de la barra lateral de la página.
• GeneratePress incluye controles de visibilidad del título en su metacaja Diseño.
• Kadence y Neve ofrecen alternancias similares por página.

Abra cualquier página en el editor, mire la barra lateral de configuración a la derecha y busque una opción llamada “Desactivar título”, “Ocultar título” o “Visibilidad del título”. Si está ahí, marque, actualice la página y listo. Sin código, sin complemento, aplicado solo a esa página.

Si aún estás eligiendo un tema para tu próximo proyecto, nuestro resumen del mejores temas de Elementor cubre varios que incluyen este interruptor listo para usar.

Método 2: Ocultar títulos de página en un tema de bloque (editor de sitio)

¿Usar un tema de bloque como Veintidós y Cuatro o Veinticinco? Verás Apariencia > Editor en su panel de control en lugar del antiguo Personalizador. Tienes dos opciones aquí.

Opción A: Eliminar el bloque Título de la plantilla

Esto elimina el título de cada página que utiliza la plantilla:

1. Ir a Apariencia > Editor > Plantillas.
2. Abre el Páginas plantilla (o cualquier plantilla que utilice su página).
3. Haga clic en el Título bloquee, abra el menú de opciones de tres puntos y elija Eliminar.
4. Guarde la plantilla.

Esta es una verdadera eliminación: el título desapareció del HTML. Las páginas que utilicen esa plantilla necesitarán su propio encabezado, así que agregue un bloque de encabezado cerca de la parte superior de cada una. De lo contrario, los visitantes y los motores de búsqueda aparecen en una página sin ningún H1. El Documentación del bloque de títulos de WordPress cubre este bloque con más detalle.

Opción B: Ocultar el título con CSS (mantiene el valor SEO)

Si prefiere ocultarlo que eliminarlo, agregue una pequeña regla CSS:

1. Navegar a Apariencia > Editor > Estilos.
2. Haga clic en el Editar (pluma), luego el menú de tres puntos y elige Css adicional.
3. Pegue el siguiente código y guárdelo.

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

Aquí está todo el proceso en pantalla:

Una cosa que debes saber: esto oculta el título en cada página y publicación. Para apuntar solo a páginas, use .page .wp-block-post-title en cambio. Y si el título aún se muestra después de guardarlo, actualice la página (Ctrl+Shift+R), ya que su navegador probablemente esté sirviendo la hoja de estilo anterior desde el caché.

Método 3: Ocultar títulos con CSS en el Personalizador de temas (Temas clásicos)

Si Apariencia > Personalizar aparece en su panel, tiene un tema clásico y el panel CSS adicional del Personalizador es la ruta sin complementos más rápida.

Primero, busque la clase CSS que utiliza su tema para los títulos. Haga clic derecho en el título en cualquier página, elija Inspeccionar, y mira el elemento de encabezado. En la mayoría de los temas clásicos la clase es entry-title, pero no asumas. Muchos temas le cambian el nombre y una regla que apunta a la clase equivocada no hace nada. Entonces:

1. Ir a Apariencia > Personalizar > CSS adicional.
2. Agregue la regla a continuación y publique.

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

Intercambiar .post para .page para apuntar a páginas, o usar .page-id-42 .entry-title para ocultar el título en una sola página (encontrará el ID en la URL de edición de la página, cubierta en el Método 7).

Ventajas del enfoque CSS:

• No se requiere complemento.
• El título permanece en HTML, por lo que el SEO y los lectores de pantalla no se ven afectados.
• Puede apuntar a una página, a todas las páginas o a todas las publicaciones con un solo selector.

Contras:

• Cada tema nombra su clase de título de manera diferente, por lo que es posible que primero deba inspeccionarlo.
• Si cambia de tema, la regla puede dejar de coincidir y los títulos reaparecerán.

Método 4: Ocultar el título de la página en Elementor

Los usuarios de Elementor obtienen el método más sencillo de todos y funciona en la versión gratuita. Abra la página en el editor Elementor, haga clic en Ajustes (engranaje) en la parte inferior izquierda del panel y encienda Ocultar título. Actualice la página y el título del tema desaparecerá únicamente de esa página.

La configuración se aplica por página, por lo que se adapta a páginas de destino donde de todos modos estás diseñando tu propia sección de héroe. Dado que estás construyendo la página visualmente, agrega tu propio widget de encabezado configurado en H1 para que la página aún tenga una estructura de encabezado adecuada. Nuestra guía para diseños personalizados de WordPress con Elementor profundiza en la estructuración de páginas creadas por constructores.

¿Ocultar título no funciona? Arreglar el selector de título

Elementor oculta títulos al hacer coincidir clases CSS comunes como entry-title. Si su tema utiliza una clase personalizada, el interruptor falla silenciosamente. Este atrapa a mucha gente y la solución tarda un minuto:

1. Inspeccione el título de su página en el navegador y copie su clase CSS.
2. En Elementor, vaya a Configuración del sitio > Diseño.
3. Pegue la clase (por ejemplo h1.custom-title) în el Selector de título de página campo y guardar.

El interruptor Ocultar título ahora sabe qué buscar. El propio Elementor Ocultar documentación del título cubre esta configuración también.

Alternativa: utilice el diseño Elementor Canvas

Para las páginas de destino, hay un instrumento más contundente. En el mismo panel de configuración de página, cambie Diseño de página a Lienzo elemental. Canvas elimina el encabezado, el pie de página y el área del título del tema en un solo movimiento, dejándote una pizarra en blanco. Úselo cuando desee control total del diseño; omítalo cuando aún necesites la navegación de tu sitio o combínalo con tu propio encabezado creado con a Creador de temas.

Método 5: eliminar títulos en todo el sitio con un creador de temas

Hasta ahora, todo funciona página por página u oculta títulos con CSS. Si desea que los títulos desaparezcan de cada publicación de blog o de cada página a nivel de plantilla, un creador de temas es la respuesta más limpia, porque controla exactamente qué elementos representa una plantilla.

Con Elementor Pro, vaya a Plantillas > Creador de temas > Publicación única, edite su plantilla de publicación única, seleccione el elemento Título de la publicación y elimínelo.

Si no tiene una plantilla de publicación única existente, cree una desde cero o importe una de la biblioteca de plantillas, luego elimine el widget Título de la publicación antes de publicarla.

¿no quieres pagar por Elementor Pro sólo por esto? Master Addons incluye el suyo propio Creador de temas eso le permite crear encabezados, pies de página, plantillas de publicación única, archivos y 404 páginas con la versión gratuita de Elementor. El Documentación del encabezado, pie de página y creador de comentarios recorre la configuración y el mismo control de plantilla significa que usted decide si aparece un título. Es el mismo enfoque que utilizamos en nuestra guía editar su pie de página en WordPress usando Elementor.

Pros:

• Una edición de plantilla cubre cada publicación o página de ese tipo.
• Control visual total, sin código.
• Puedes emparejarlo con condiciones de visualización mostrar diferentes diseños para diferentes contenidos.

Contras:

• Requiere Elementor Pro o un complemento de creación de temas como Master Addons.
• Esta es una verdadera eliminación, por lo que su plantilla necesita otro H1, como un widget de encabezado que extraiga dinámicamente el título de la publicación donde lo desee.

Método 6: utilice un complemento de eliminación de título

Si prefieres hacer clic en una casilla de verificación en lugar de escribir CSS, el gratis Eliminador de títulos el complemento hace bien un trabajo. Instálelo y actívelo, y cada página, publicación y tipo de publicación personalizada obtiene una casilla de verificación “Ocultar el título de este elemento” en su panel de configuración. Marque en las páginas que desee y déjelo en cualquier otro lugar.

Es la opción más amigable para principiantes, aunque agrega un complemento más para mantener. Si su creador de temas o páginas ya ofrece un interruptor (Métodos 1 y 4), utilícelos primero y mantenga breve su lista de complementos. Una pila más sencilla también ayuda con los tiempos de carga, algo que cubrimos en nuestra publicación cómo acelerar los sitios web de Elementor.

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

¿Cómodos archivos de temas de edición? Puedes filtrar títulos a nivel PHP. Agregue estos fragmentos al tema de su hijo functions.php archivo. Utilice un tema secundario para que una actualización del tema no borre sus cambios y haga una copia de seguridad primero.

Elimine el título de publicaciones individuales del blog

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;
}

Elimina el título de una 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;
}

Reemplazar YOUR_PAGE_ID con el ID de la página a la que te diriges. El in_the_loop() verifique las cosas: sin él, el filtro también puede borrar las etiquetas del menú de navegación y los títulos de los widgets. He visto ese error exacto al eliminar un menú de navegación completo en un sitio en vivo.

Cómo encontrar un ID de página

Abra la página en el editor de WordPress y mire la URL en la barra de direcciones de su navegador. El número después post= es el ID de la página.

Este método es una verdadera eliminación, así que resérvalo para los casos en los que el tema no ofrezca alternancia y CSS no sea una opción. Si ya estás dentro functions.php territorio, es posible que también te guste nuestro tutorial sobre cómo hacerlo deshabilite la función de guardado automático con un fragmento similar.

SEO, UX y accesibilidad: lo que realmente afecta ocultar títulos

Antes de ocultar títulos en su sitio, sopese las compensaciones.

SEO. Ocultarse con CSS mantiene el H1 en su HTML, por lo que los motores de búsqueda aún lo leen. Eliminar el título elimina esa señal y una página sin H1 le da a Google menos contexto sobre el contenido. Si elimina un título, reemplácelo siempre con otro H1 en algún lugar de su diseño. Para obtener una lista de verificación más amplia, consulte nuestra Prácticas de SEO para Elementor guía. Tus subtítulos también tienen peso « a complemento de índice construye su navegación en la página a partir de sus H2 y H3, así que mantenga intacto el resto de la estructura de encabezado.

Experiencia de usuario. En las páginas de destino, eliminar el título predeterminado suele ayudar: menos elementos en competencia, un camino más claro hacia el llamado a la acción. En publicaciones y documentación de blogs, los títulos orientan a los lectores. Eliminarlos tiende a confundir más de lo que pule.

Accesibilidad. Los lectores de pantalla dependen de encabezados para navegar por una página. Aún se anuncia un título oculto para CSS, por lo que se conserva la accesibilidad. Un título eliminado sin reemplazo H1 deja a los usuarios del lector de pantalla adivinando. Si su diseño reemplaza el título, haga del reemplazo un elemento de encabezado real, no un texto de párrafo con estilo.

Cuándo ocultar títulos y cuándo conservarlos

Mantenga los títulos visibles cuando:

• La página es una publicación de blog, un documento o cualquier cosa a la que lleguen los lectores durante la búsqueda.
• Necesita una jerarquía de contenido clara para la navegación y el SEO.
• El título proporciona contexto que el resto de la página no repite.

Ocultar o eliminar títulos cuando:

• Estás construyendo páginas de destino con su propio título de héroe.
• El diseño de la página de inicio ya comunica qué es el sitio.
• La ubicación del título del tema choca con un diseño que construiste en Elementor, por ejemplo, un héroe de ancho completo bajo un encabezado adhesivo en Elementor.

Preguntas frecuentes

Envolviendo

Ocultar o eliminar títulos de páginas en WordPress se reduce a elegir el método que coincida con su configuración. Primero verifique el interruptor integrado de su tema, use el Editor del sitio o el CSS del personalizador para ocultar todo el sitio, busque Ocultar título de Elementor en páginas de destino individuales y use un creador de temas cuando desee control a nivel de plantilla sin títulos en cualquier lugar.

Cualquiera que sea la ruta que tome, recuerde la regla general: escóndese con CSS cuando desee mantener el valor SEO y, si realmente elimina un título, entregue a la página otro H1 en su lugar.

Si de todos modos estás creando diseños personalizados, echa un vistazo al conjunto completo de complementos maestros widgets y extensiones. Creador de temas, Extensión CSS personalizada, y más de 76 herramientas manejan trabajos como este sin complementos adicionales, y el página de precios muestra lo que se incluye en las versiones gratuita y Pro.