Cómo cambiar el H2 de los encabezados de los widgets del tema Astra para mejorar el SEO #SemanaAstra

Si utilizas el tema Astra ya estarás disfrutando de sus muchas virtudes, pero como todos los temas, no es perfecto, y personalmente creo que hay un error importante que puede afectar negativamente a tu SEO.

Me refiero a que, por defecto, Astra asigna a los encabezados de los widgets la etiqueta HTML H2, lo que les daría el mismo peso jerárquico SEO que los títulos de las entradas en la vista de blog y que los encabezados del contenido cuando ves una entrada o página.

De hecho, normalmente los encabezados de los widgets deberían tener una jerarquía SEO menor, usar como mucho H3, pues suelen tener títulos muy genéricos y poco relevantes para el SEO de tu web, como «Archivo», «Últimas entradas», ya sabes a lo que me refiero.

Así que, si según la estructura y jerarquía SEO de tu web no tiene sentido que estos encabezados tengan un H2, te propongo cambiarlo, y asignarles una tag de título de menor jerarquía.

Afortunadamente no hay que modificar todo el código del tema, algo que sería contraproducente de cara a actualizaciones, solo tienes que añadir un poco de código al final del archivo functions.php del tema hijo de Astra (que ya deberías tener activo).

Cómo cambiar la etiqueta de título en los widgets del pie de página

En el caso de los widgets de pie de página (footer), el código completo sería como este:

// Pie de página Widget 1
add_filter( 'astra_advanced_footer_widget_1_args', 'widget_title_footer_1_tag', 10, 1 );
function widget_title_footer_1_tag( $atts ) {
$atts['before_title'] = '<h1 class="widget-title">';
$atts['after_title'] = '</h1>';
return $atts;
}

// Pie de página Widget 2
add_filter( 'astra_advanced_footer_widget_2_args', 'widget_title_footer_2_tag', 10, 1 );
function widget_title_footer_2_tag( $atts ) {
$atts['before_title'] = '<h3 class="widget-title">';
$atts['after_title'] = '</h3>';
return $atts;
}

// Pie de página Widget 3
add_filter( 'astra_advanced_footer_widget_3_args', 'widget_title_footer_3_tag', 10, 1 );
function widget_title_footer_3_tag( $atts ) {
$atts['before_title'] = '<h4 class="widget-title">';
$atts['after_title'] = '</h4>';
return $atts;
}

// Pie de página Widget 4
add_filter( 'astra_advanced_footer_widget_4_args', 'widget_title_footer_4_tag', 10, 1 );
function widget_title_footer_4_tag( $atts ) {
$atts['before_title'] = '<p class="widget-title">';
$atts['after_title'] = '</p>';
return $atts;
}

// Pie de página Widget 5
add_filter( 'astra_advanced_footer_widget_5_args', 'widget_title_footer_5_tag', 10, 1 );
function widget_title_footer_5_tag( $atts ) {
$atts['before_title'] = '<div class="widget-title">';
$atts['after_title'] = '</div>';
return $atts;
}

No debes copiar el código tal cual, porque he aprovechado para poner, para cada widget, una tag HTML diferente, para que veas varias opciones, así que debes elegir la que quieras usar tú.

En el ejemplo anterior las sustituciones serían estas:

  • Widget 1 del pie de página: H1
  • Widget 2 del pie de página: H3
  • Widget 3 del pie de página: H4
  • Widget 4 del pie de página: p  (párrafo normal)
  • Widget 5 del pie de página: div

Así que, lo más lógico es que elijas una tag HTML y le asignes la misma a todos los widgets, por ejemplo, H3 a todos, como en este ejemplo:

// Pie de página Widget 1
add_filter( 'astra_advanced_footer_widget_1_args', 'widget_title_footer_1_tag', 10, 1 );
function widget_title_footer_1_tag( $atts ) {
$atts['before_title'] = '<h3 class="widget-title">';
$atts['after_title'] = '</h3>';
return $atts;
}

// Pie de página Widget 2
add_filter( 'astra_advanced_footer_widget_2_args', 'widget_title_footer_2_tag', 10, 1 );
function widget_title_footer_2_tag( $atts ) {
$atts['before_title'] = '<h3 class="widget-title">';
$atts['after_title'] = '</h3>';
return $atts;
}

// Pie de página Widget 3
add_filter( 'astra_advanced_footer_widget_3_args', 'widget_title_footer_3_tag', 10, 1 );
function widget_title_footer_3_tag( $atts ) {
$atts['before_title'] = '<h3 class="widget-title">';
$atts['after_title'] = '</h3>';
return $atts;
}

// Pie de página Widget 4
add_filter( 'astra_advanced_footer_widget_4_args', 'widget_title_footer_4_tag', 10, 1 );
function widget_title_footer_4_tag( $atts ) {
$atts['before_title'] = '<h3 class="widget-title">';
$atts['after_title'] = '</h3>';
return $atts;
}

// Pie de página Widget 5
add_filter( 'astra_advanced_footer_widget_5_args', 'widget_title_footer_5_tag', 10, 1 );
function widget_title_footer_5_tag( $atts ) {
$atts['before_title'] = '<h3 class="widget-title">';
$atts['after_title'] = '</h3>';
return $atts;
}

¿Solo quieres cambiar la tag HTML para un encabezado de título de los widgets del pie de página? No hay problema, añade a tu functions.php solamente el código correspondiente y aplícale la etiqueta elegida.

Por ejemplo:

// Cambiar tag HTML encabezado pie de página Widget 3
add_filter( 'astra_advanced_footer_widget_3_args', 'widget_title_footer_3_tag', 10, 1 );
function widget_title_footer_3_tag( $atts ) {
$atts['before_title'] = '<h5 class="widget-title">';
$atts['after_title'] = '</h5>';
return $atts;
}

En este caso he decidido que los encabezados de los títulos del widget 3 del pie de página sean en H5.

Cómo cambiar la etiqueta de título en los widgets de las barra laterales

El mismo problema tenemos en los encabezados de los widgets de las barras laterales, que también se les aplica un H2 por defecto, y también la misma solución, en este caso con algunos cambios en el código.

// Cambiar la tag HTML encabezado widgets de barra lateral 
add_filter( 'astra_widgets_init', 'widget_title_tag', 10, 1 );
function widget_title_tag( $atts ) {
$atts['before_title'] = '<h3 class="widget-title">';
$atts['after_title'] = '</h3>';
return $atts;
}

En el ejemplo he cambiado los encabezados de los widgets de barras laterales para que sean todos H3. Como antes, tú decides, pon lo que mejor se ajuste a tu jerarquía SEO.

Y aquí tienes el resultado tras aplicar los cambios…

VALORA Y COMPARTE ESTE ARTÍCULO PARA MEJORAR LA CALIDAD DEL BLOG…
(3 votos, promedio: 5)

¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!

Deja un comentario

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

 

Ir arriba Ir al contenido