Cómo mostrar la fecha de la última actualización con Elementor

 
Cómo mostrar la fecha de la última actualización con Elementor

Como tuve que sustituir un snipet que hacía esto mismo por un problema de compatibilidad con PHP 8, aprovecho para dejar aquí los pasos a seguir para mostrar la fecha, y si quieres la hora, de la última actualización en tus artículos.

Se puede añadir para casi todas las plantillas con CSS, algún plugin (siempre primera opción a descartar) o una simple función, aunque con el widget Post Info de Elementor PRO (no disponible en la versión gratis) se simplifica el proceso y se puede trastear algo más rápido el diseño.

Además de informar a tus lectores de que es un contenido actualizado estarás avisando a los buscadores de la fecha en la que ese post se actualizó, puede recuperar posiciones y mostrar la fecha de actualización en los resultados de búsqueda, algo beneficioso para el rollo SEO.

Los motores de búsqueda tienden a darle amor a las páginas que se actualizan regularmente porque entiende que los contenidos que se mantienen más frescos son más relevantes para los lectores.

Pasos para mostrar fecha de actualización

Cómo mostrar la fecha de la última actualización con Elementor

1 – Se arrastra el widget Post Info al lugar de tu plantilla donde quieres mostrar la fecha.

Cómo mostrar la fecha de la última actualización con Elementor

2 – Eliges el tipo de formato de fecha y añades el campo «Time» como segundo campo. (También se puede añadir la hora después tirando de la cadena de formato que quieras sin necesidad de incluir ese último campo «Time»).

Algunos ejemplos:

d/m/Y09/07/2021
l j \d\e F \d\e YViernes 9 de julio de 2021
g:i a 13:30 am
g:i:s a 13:30:48 am

Aquí están todos los formatos de fecha y hora que puedes usar a tu gusto.

Cómo mostrar la fecha de la última actualización con Elementor

3 – En «Antes» puedes añadir el texto que aparecerá antes de la fecha.

Cómo mostrar la fecha de la última actualización con Elementor

4 – Se añade bajo la fecha otro nuevo campo de fecha.

Cómo mostrar la fecha de la última actualización con Elementor

5 – En la opción»Tipo«, se selecciona «Personalizado» y este pasará a llamarse «Custom«.

Cómo mostrar la fecha de la última actualización con Elementor

6 – Después, en ese icono llamado «Etiquetas dinámicas» podrás acceder a distintas opciones. Elige y selecciona «Post Date«.

Cómo mostrar la fecha de la última actualización con Elementor

7 – Ahora encontrarás a la izquierda de «Post Date» un simbolito de una herramienta. Al hacer clic en ella aparecen dos opciones. Selecciona «Post Modified«

Cómo mostrar la fecha de la última actualización con Elementor

8 – Para este segundo campo de fecha añades en la caja «Antes» el texto «Actualizado: » o «Última actualización: «

Cómo mostrar la fecha de la última actualización con Elementor

Y eso es todo, ahora ya puedes darle formato a las fechas para que se ajusten al diseño de tu plantilla y añadir iconos o mostrarlas sin ellos.

Este es el aspecto actual de la fecha aquí:

Cómo mostrar la fecha de la última actualización con Elementor

Para terminar puedes actualizar un post cualquiera y comprobar que rula bien para luego comprobar si estás avisando a los buscadores en la prueba de resultados enriquecidos.

Para ello, ingresas la URL de ese último post que acabas de actualizar en esta herramienta de Google y le das a «Probar URL».

Despliegas el primero de los resultados o en su defecto el más parecido a «Artículo». Si todo está bien, podrás ver que ya se añade la fecha y la hora de publicación y debajo la de la última modificación como puedes ver en esta captura.

Cómo mostrar la fecha de la última actualización con Elementor
Cómo mostrar la fecha de la última actualización con Elementor


Suscríbete por email para recibir las viñetas y los artículos completos y sin publicidad

Repositorio de documentales sobre dibujantes de cómic y humor gráfico.

Tontolares. Los titulares más gilipollas de la prensa. Envía los tuyos