Cómo mostrar la última fecha de actualización en Google con GeneratePress

En este tutorial de GeneretePress, vamos a mostrar la última fecha de actualización de una entrada de blog para tus visitantes y para Google.

Mostrar a tus visitantes la última fecha de actualización en lugar de dejar la fecha de publicación es una ventaja importante para tu estrategia de SEO.

GeneratePress es un tema gratuito y ligero que puede ser ampliado mediante la instalación de un plugin Premium que permite añadir muchas características y funciones. Es un tema receptivo personalizable y bien codificado construido con un enfoque en la velocidad y la usabilidad.

Así que, si no estás aun usando el tema de GeneratePress, te aconsejo que consigas este tema super rápido y lleves el rendimiento de tu sitio al siguiente nivel.

Si quieres saber más sobre GeneratePress y su versión premium, puedes leer mi guía y ver si vale la pena comprarla.

Antes de entrar en detalles, déjame hablarte de la importancia de tener la última fecha de actualización en tus entradas de blog.

¿Por qué mostrar la fecha de actualización en tu página web?

Hay ventajas en mostrar la última fecha de actualización en tu página web.

• Muestra que actualizas regularmente tu contenido.
• Para asegurarse de que tus visitantes están recibiendo contenido actualizado.
• Para que los motores de búsqueda muestren la última fecha de actualización en las SERPs.
• Aumentar el CTR de tu página web.

Los artículos actualizados ofrecen a los usuarios una buena experiencia y no hay duda de que se comprometerán más con fechas más recientes.

WordPress registra en su herramienta una fecha de publicación y una fecha de modificación para cada entrada.

En la herramienta de prueba de datos estructurados de Google, puedes comprobar la fecha de publicación y la fecha de actualización de cualquiera URL.

Si no utilizas un código para mostrar la fecha de actualización en tu página web, cada vez que actualices un artículo, se mostrará la fecha publicada en lugar de la actualizada.

Es estándar y es más que suficiente para algunos sitios web, pero cuando tus artículos se actualizan regularmente, es mejor permitir ver cuándo se actualizaron.

Así que, para que tus visitantes sepan que están leyendo una versión actualizada del contenido, necesitas mostrar la última fecha de actualización.

Además, Google u otros motores de búsqueda muestran esta fecha en sus fragmentos en las SERPs, por lo que es muy interesante utilizar esta ventaja. También ayudará a aumentar la tasa de clics (CTR) de tu sitio web.

Ahora que sabes por qué es importante mostrar la última fecha de actualización, veamos cómo implementarla.

Mostrar la última fecha de actualización en GeneratePress

Voy a mostrarte dos enfoques para mostrar la última fecha de actualización en una entrada de blog.

Dependerá de si sólo quieres mostrar la última actualización a tus visitantes o si también quieres que Google tome en cuenta las actualizaciones para mostrar las fechas de actualización directamente al usuario en sus páginas de resultados.

Mostrar la fecha de actualización para tus visitantes

Si quieres mostrar la fecha de actualización de los artículos modificados sólo para tus visitantes, nada más simple que eso y sólo con un poco de CSS, siga los siguientes pasos.

1. Copia el siguiente código CSS.

.posted-on .updated {
    display: inline-block;
}

.posted-on .updated + .entry-date {
    display: none;
}

2. Pega el código en el CSS de tu tema.

Para eso ve a Apariencia > Personalizar > CSS adicional

3. Cambiar el texto.

Para añadir texto delante de la fecha sólo tienes que pegar este código.

.posted-on .updated:before {
    content: "Última actualización: ";
}

Cambia la propiedad del content para escribir lo que quieras.

Mostrar la fecha de actualización para Google

Transmitir la información de la última fecha de actualización a Google es una muy buena táctica de SEO.

Para esto necesitas añadir un código PHP en tu tema de GeneratePress. Si has leído otros de mis artículos, habrás notado que uso el plugin Code Snippets para añadir código.

Este plugin ayuda a insertar fragmentos sin tocar directamente los archivos de tu tema. Busca Code Snippets en la biblioteca de WordPress e instálalo.

Una vez que el plugin está activado, ve en la barra lateral a Fragmentos de código > Añadir nuevo. Escribe un título, Última fecha actualización, por ejemplo, luego pega el siguiente código y actívalo.

add_filter( 'generate_post_date_output', function( $output, $time_string ) {
    $time_string = '<time class="entry-date published" datetime="%1$s" itemprop="datePublished">%2$s</time>';
    $updated_time = get_the_modified_time( 'U' );
    $published_time = get_the_time( 'U' ) + 86400;
    if ( $updated_time > $published_time ) {
        $time_string = '<time class="entry-date updated-date" datetime="%3$s" itemprop="dateModified">%4$s</time>';
    }
    $time_string = sprintf( $time_string,
        esc_attr( get_the_date( 'c' ) ),
        esc_html( get_the_date() ),
        esc_attr( get_the_modified_date( 'c' ) ),
        esc_html( get_the_modified_date() )
    );
    return sprintf( '<span class="date-label>Última actualización: </span><span class="posted-on">%s</span> ',
        $time_string
    );
}, 10, 2 );

Si quieres cambiar el texto, está casi al final en la propiedad return sprintf, ahora mismo es Última actualización y puedes cambiarlo en lo que quieres.

Si quieres mostrar algún texto antes de la fecha en tu página web, necesitarás añadir CSS.  Si tienes otro código CSS como por ejemplo el de la parte 1, entonces bórralo y reemplázalo por este:

.updated-date:before {
    content: " Última actualización: ";
}

Después de añadir el código PHP, hay que esperar un tiempo para ver la fecha en los resultados de búsqueda de Google. Depende de la frecuencia de rastreo de los robots.

Conclusión

Google odia el contenido obsoleto y por lo tanto ha introducido el Freshness Algorithm. Siempre da prioridad a los artículos que han sido actualizados con información útil.

Así que mostrar la última fecha de actualización es un enfoque útil para el SEO, y puede ser implementado rápidamente, como lo mostré anteriormente.

Espero que hayas encontrado útil este artículo y si te gustó no dudes en compartirlo en las redes sociales. Y si tienes alguna pregunta, pregúntame en los comentarios.