Logotipo horizontal de Diego C Martín colores invertidos, blanco y naranja para findo negro

Elimina títulos H1 duplicados en tu tema DIVI. No más de 1 H1, por favor

Categorías:  Autor: Diego C Martin 
títulos h1 duplicados en DIVI

Algo de info sobre los títulos H1 y el SEO

Sólo debe haber un título H1 en cada página de nuestro sitio si queremos tenerla optimizada para SEO. Ni más ni menos. Esto es lo que dirá cualquier manual.

Aunque en realidad en HTML5 podemos dividir las partes de una página en secciones o artículos y según las especificaciones W3C sería correcto poner un H1 en cada una de esas secciones.

A dónde quiero llegar con todo esto es a que en muchas ocasiones los temas o componentes que utilizamos de otros desarrolladores no están perfectamente optimizados para SEO. Sin ir más lejos el otro día, mediante la herramienta de auditoría SEO de SerpStat detecté que todos mis artículos del blog tenían más de un H1.

Tras analizar el código fuente de uno de ellos, me di cuenta de que el título sobrante era la palabra “Comentarios” del apartado correspondiente a los comentarios al final de la página.

El caso es que, independiente de que este H1 estuviera debidamente dividido mediante etiquetas de sección, para mí no tiene sentido que esa palabra sea un H1, ya que no relevante para mi SEO y además estará duplicada en cada uno de mis otros artículos.

Cómo identificar los títulos H1 que tiene una página

Tan fácil cómo hacer clic derecho sobre cualquier elemento de la página e ir a la opción “Ver código fuente de la página”. Una vez en el código buscamos (Ctrl+F) H1

buscando títulos H1 en el código de una página

Cómo cambiar la etiqueta H1 duplicada en el tema DIVI para WordPress

La operación consiste en identificar un trozo de código en uno de los archivos del tema y cambiar la etiqueta H1 por la que queramos, por ejemplo, H2.

Lo mejor para esto es utilizar un tema hijo, de ese modo, cuando el tema se actualice, no perderemos los cambios. Para hacerlo de este modo debes copiar el archivo dónde se encuentra el código de la carpeta del tema padre al una carpeta análoga del tema hijo.

Concretamente en el tema DIVI, el archivo se llama comments.php y se encuentra en la carpeta raíz del tema. Una vez tenemos la copia en el tema hijo, la editamos y localizamos el siguiente fragmento:

<?php if ( have_comments() && ! empty( $comments_by_type['comment'] ) ) : ?>
 <h1 id="comments" class="page_title"> ... </h1>

Como decía anteriormente, cambiamos el 1 por un 2, guardamos el archivo y, ¡listo!

Ahora, el título de la sección de  comentarios de todos tus artículos pasa a ser un título H2.

¡Recibe un cupón de un 10% sólo por darte de alta!

Usaré la info para informarte de novedades y ofertas sobre mis cursos y servicios.

* Más info en el Aviso legal.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Artículos de la misma categoría

crossmenu
linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram