¿Cómo puedo añadir "actualizado en" a mis artículos de Divi?

Actualizado el 17/09/2019 | Publicado el 02/09/2019 | 30 comentarios

La mención "actualizado el" le permite indicar a sus lectores la fecha de actualización del artículo.

Un artículo que se actualiza regularmente ayuda a mantener buenas posiciones en los resultados de búsqueda (SERP). Este es un importante criterio de SEO.

Sin embargo, los usuarios de Internet pueden no darse cuenta, a primera vista, de que el artículo es reciente porque la mayoría de las veces lo que aparece es la fecha de publicación.

Si su artículo se publicó hace 5 años pero lo actualiza cada año, sería una pena arriesgarse a perder lectores que piensen que el artículo está anticuado.

En este tutorial, veremos cómo añadir "actualizado en" a los metadatos de tus artículos Divi.

Como puede ver, esto se publica debajo de la miga de pan de mis artículos en Divi Tips.

Ajouter "article mis à jour le" dans Divi
A la izquierda: metadatos por defecto - a la derecha: metadatos con la mención "actualizado el".

Anuncio: este artículo contiene enlaces de afiliación que reconocerá fácilmente. Los enlaces clásicos están en púrpura y los enlaces patrocinados están en rosa.

Aquí está el programa del artículo:

  1. ¿Qué son los metadatos de los artículos?
  2. ¿Por qué es importante utilizar la fecha "actualizada el" en lugar de cambiar la fecha de publicación de un artículo?
  3. La importancia de actualizar una entrada de blog
  4. ¿Cómo puedo mostrar la fecha de actualización en un artículo de Divi?
  5. Gestión de metadatos en Divi
  6. En conclusión...

1 - ¿Qué son los metadatos de los artículos?

Los metadatos de las entradas de WordPress son información relacionada con la publicación de una entrada. Esta información se inserta automáticamente en tus publicaciones sin que tengas que hacer nada.

Por supuesto, los tipos de metadatos y el lugar en el que se muestran dependen de cómo se haya codificado el tema de WordPress.

Algunos temas no los muestran, otros los muestran automáticamente, y algunos temas, como Divi, ofrecen opciones para elegir qué metadatos mostrar.

Un metadato puede ser información relacionada con :

  • la fecha de publicación,
  • el autor del artículo,
  • la categoría o etiqueta en la que se ha clasificado el artículo
  • el número de comentarios
  • etc.

Estos metadatos revelan información importante a su lector.

Por mi parte, estoy muy apegado a estos datos cuando hago búsquedas en la web para documentarme. Cuando el blog no los muestra, me molesta porque no sé si el artículo es reciente y si puedo confiar en su contenido... También me permite saber si el blog en cuestión está bien mantenido o no: frecuencia de publicación o publicación muy aleatoria. Toda esta información puede pesar en la credibilidad de un blog.

obtenir Divi - get Divi

2 - ¿Por qué debemos utilizar las palabras "actualizado el" en lugar de cambiar la fecha de publicación de un artículo?

Seguramente estás pensando que es fácil y que sólo tienes que cambiar la fecha de publicación del artículo...

Pues no, esta forma no es la más recomendable como puedes ver en este artículo (o en este en inglés).

Si tiene la mala costumbre de cambiar la fecha de publicación de sus artículos para atraer a los robots y obtener fechas "frescas" en los resultados de búsqueda, su sitio podría ser penalizado por Google.

Esto tampoco sería justo para tus lectores, ¡sobre todo si no has cambiado ni una sola palabra del artículo! Sólo aumentaría la tasa de rebote de su sitio y perdería credibilidad.

Además, algunos artículos no podían someterse a un cambio de fecha por la sencilla razón de que podía haber una incoherencia entre el contenido y la fecha de publicación. Esto podría hacer sospechar al internauta...

Y por último, debes saber que si cambias la fecha de publicación de tus artículos, los comentarios mantendrán su fecha inicial.

Por ejemplo: artículo publicado el 24 de julio de 2019 - comentario publicado el 12 de abril de 2018. Un poco extraño, ¿no? Seguro que ya has visto esto antes.

Por eso hay una práctica mejor: añadir la fecha de actualización dentro de los metadatos de su artículo.

"mis à jour" apparait sur les vignettes du blog
La mención "actualizado el" también aparece en las miniaturas del blog

¿Por qué mostrar la fecha de actualización en los metadatos y no en el propio artículo?

Porque los metadatos son visibles dentro del artículo, bajo el título, pero también desde las páginas de archivo (página del blog, página de archivo de la categoría, etc.)

¿Sabías que puedes probar Divi gratis? Ir a esta página y haz clic en "PRUEBA GRATUITA

3 - La importancia de actualizar una entrada de blog

Actualizartus artículos antiguos es una estrategia para mantenerte competitivo en los resultados de búsqueda y seguir llevando tráfico a tu blog.

Internet se mueve muy rápido y los temas que se tratan suelen ser tratados por otros blogueros. La idea es tratar de mantener un buen lugar en los resultados de búsqueda, incluso varios años después de la publicación.

La actualización desus artículos le permite mejorar su SEO (referenciación natural) y capitalizar el trabajo ya realizado. Sí, escribir es un trabajo duro.

Recuerde que el hecho de que su artículo no mencione que ha sido actualizado no significa que Google no lo vea... ¡Uf! Eso ya es una buena noticia.

Effectivement, même si la date de mise à jour n’apparait pas dans les métadonnées de votre article, <strong>elle apparait dans le code source</strong> de celui-ci, au sein de la section <strong><head></strong>.

property "article:modified_time"
Meta propiedad = "article:modified_time" - esto indica a los bots cuándo se actualizó su artículo.

Comme vous pouvez le voir sur cette capture d’écran, une balise <strong><em><meta property= »article:modified_time » content= »2019-08-30″></em></strong> est insérée dans la section <strong><head></strong> de votre site lorsque vous modifiez un article déjà publié.

Al escanear su sitio, Google ve esta información que le indica que usted mantiene su blog. Y pronto tus visitantes también lo verán gracias a este tutorial...

¿Quieres personalizar Divi como un profesional? Consulta todos los tutoriales.

4 - ¿Cómo puedo mostrar la fecha de actualización en un artículo Divi?

Para editar los metadatos de tus publicaciones en Divi, necesitarás un tema hijo.

Esta es la forma más segura de modificar un tema de WordPress sin perder sus personalizaciones en la siguiente actualización y sin arriesgarse a cometer errores irreversibles.

Puede obtener un Tema infantil Divi de forma gratuita aquí o aprenda a crearla.

Un tema hijo debe utilizar un archivo functions.php, sólo tendrás que editarlo y añadir el siguiente trozo de código:

function ad_last_updated_post( $the_date ) {
     if ( 'post' === get_post_type() ) {
         $the_time = get_post_time( 'His' );
         $the_modified = get_post_modified_time( 'His' );
         
         $last_modified =  sprintf( __( 'Mis à jour le %s', 'Divi' ), esc_html( get_post_modified_time( 'd/m/Y' ) ) );
         $published =  sprintf( __( 'Publié le %s', 'Divi' ), esc_html( get_post_time( 'd/m/Y' ) ) );     
         
         $date = $the_modified !== $the_time ? $last_modified . ' | ' .  $published : $published; 
    
         return $date; }
 }

 add_action( 'get_the_date', 'ad_last_updated_post' );
 add_action( 'get_the_time', 'ad_last_updated_post' );

Ver el fuente de este código PHP.

Una vez añadido este código, verá la fecha de la última modificación de sus artículos.

"mis à jour le"

Por supuesto, puede adaptar el código a sus necesidades y cambiar el formato de la fecha o su redacción. Utilización :

  • d/m/Y para una fecha como el 30/08/2019
  • d/m/a para el 30/08/19
  • M j, Y para una fecha como el 30 de agosto de 2019
  • F j, Y para el 30 de agosto de 2019

Otros los formatos de fecha son posibles aquí.

Actualizacióndel 17 de septiembre de 2019: siguiendo una muy buena observación de David en el comentario, el código anterior tenía la preocupación de mostrar la fecha de actualización a partir de la fecha de publicación. David propone entonces el siguiente código para que la fecha de actualización no se muestre si la fecha de modificación del artículo tuvo lugar en los 5 días siguientes a su primera fecha de publicación:

function ad_last_updated_post( $the_date ) {
    if ('post' === get_post_type() ) {
        $nb_days_between = (get_post_modified_time() - get_post_time())/86400;
        $nb_days_to_compare = '5';
        $last_modified =  sprintf( __( 'Mis à jour le %s', 'Divi' ), esc_html( get_post_modified_time( 'd/m/Y' ) ) );
        $published =  sprintf( __( 'Publié le %s', 'Divi' ), esc_html( get_post_time( 'd/m/Y' ) ) );
        $date = $nb_days_between > $nb_days_to_compare ? $last_modified . ' | ' .  $published : $published;
        return $date;
    }
}
add_action( 'get_the_date', 'ad_last_updated_post' );
add_action( 'get_the_time', 'ad_last_updated_post' );

Gracias David 😉 !

5 - Gestión de metadatos en Divi

Además de añadir la fecha de actualización a sus artículos, es posible que tenga que activar o desactivar algunos otros metadatos del artículo.

Esto será posible desde 2 lugares diferentes:

  1. Opciones del tema Divi
  2. Opciones del módulo del blog

5.1 - Desde las opciones del tema

métadonnées page d'archive Divi
Establezca los metadatos que se mostrarán en las páginas del archivo

En la pestaña Divi > Opciones del tema > pestaña Diseño, encontrará opciones para mostrar los metadatos.

Todo está detallado en este artículo dedicado a la pestaña Diseño de las opciones del tema Divi.

5.2 - Desde las opciones del módulo Blog

choisir les métadonnées à afficher dans le module blog Divi
Elija los metadatos que se mostrarán en el módulo Blog de Divi

Si utilizas el módulo Divi Blog para mostrar tus entradas, verás un montón de opciones disponibles.

En la configuración del módulo, vaya a la pestaña Contenido > Elementos para activar o desactivar la siguiente información:

  • Imagen destacada,
  • El botón de leer más,
  • El nombre del autor,
  • La fecha de publicación,
  • Categorías,
  • El número de comentarios,
  • El extracto.

Así puedes decidir qué debe aparecer en las miniaturas de las entradas de tu blog.

Si ha añadido "Actualizado el", será visible si la visualización de la fecha de publicación está activa.

6 - En conclusión...

Lástima que Divi no ofrezca esta opción de forma nativa! Pero ya has visto en este artículo que no es difícil añadir una fecha de actualización a tus entradas de Divi...

¡Oh, casi lo olvido! Aquí hay un último consejo de SEO:

Los resultados de búsqueda enriquecidos (rich snippets) no mostrarán la fecha de actualización de su artículo, sino siempre la fecha de publicación.

Esto significa que el usuario no sabrá, por los resultados de la búsqueda, que su artículo ha sido revisado recientemente.

Entonces, ¿por qué no añadir una pequeña mención dentro de la meta descripción, la que introduces con el plugin Yoast?

Afficher "mis à jour le" dans la méta-description
Mostrar las palabras "actualizado en" en la meta descripción de Yoast SEO

El internauta podrá ver, a primera vista, que su artículo es reciente = aumento de la tasa de clics.

De este modo, seguirá generando tráfico respetando las recomendaciones de Google.

¿Necesitas más recursos sobre Divi? Visite el blog de ElegantThemes que está lleno de ideas y tutoriales.

Mention "mis à jour" article Divi
Add "updated post" to Divi

1.785 palabras

7

A ti también te debería gustar:

Page d’erreur 404 personnalisée : avec et sans le Divi Thème Builder

Página de error 404 personalizada: con y sin el Divi Theme Builder

¿Ha pensado en personalizar la página de error 404 de su sitio? ¿No? Pues debería hacerlo: no sólo es fácil de hacer, sino que también podría reducir su tasa de rebote. La idea es mantener en su sitio al internauta que pasaría por allí. Descubre el tutorial paso a paso + el vídeo.

Appliquer des masques et des formes sur vos images avec Divi

Aplica máscaras y formas a tus imágenes con Divi

Las máscaras hacen que tus imágenes parezcan más gráficas y dan a tu diseño un aspecto original. ¿Sabías que puedes crearlos fácilmente con el Constructor Visual de Divi? Te muestro cómo en este tutorial y en este vídeo.

30 Commentaires

  1. Adrien

    Article impeccable !!

    Je vais bientôt me lancer dans ces modifications sur mon site utilisant Extra de ET grâce à vous ! 🙂

    Bien vu le petit bonus dans la méta-description 😉

  2. Lycia Diaz

    Merci Adrien, il faudra tester en local pour voir si ce code fonctionne pour le thème Extra. C’est possible.
    À bientôt 😉

  3. David

    Super ce code Lycia… Par contre je pense qu’il faudrait mettre une condition :
    Ne pas afficher la date si elle est inférieur à 5 jours (plus ou moins suivant son besoin) par rapport à la date de création.
    Là par exemple, pour ton article, la date de modification est la même que la date de création, ce qui ne rend pas très bien. J’avais remarqué ça sur tous tes articles.

  4. Lycia Diaz

    Hi hi oui ! David ! C’est une très bonne idée effectivement. Mais tu as bien compris que je n’étais pas developpeuse dans l’âme… j’ai d’ailleurs cité la source du code dans l’article. Je l’ai un peu modifié mais je ne sais pas si j’arriverai à ajouter un If/Else … je serai capable de tout casser MDR !

  5. David

    Bah tu as les variables avec les valeurs des dates… Je pense qu’il est simple de faire une condition avec une comparaison… Je vais voir si j’y arrive. Je ne suis pas non plus développeur mais quand quelque chose me résiste j’y passe des fois plusieurs heures lol.

  6. David

    Bon en fait, la condition existe déjà dans la déclaration de la variable $date
    $date = $the_modified !== $the_time ? $last_modified .’ | ‘ .$published : $published;

    Explication :
    Si $the_modified n’est pas égale à $the_time alors $date = $last_modified .’ | ‘ .$published
    sinon $date = $published

    Où : (condition ? action_if_true: action_if_false;)
    Plus d’explication ici : https://www.php.net/manual/fr/control-structures.if.php

    Alors, pourquoi ca ne fonctionne pas… Et bien parce que la date « timestamp » remontée est brut avec les secondes, etc… du coup vu que la création du post et la publication sont espacé de plusieurs minutes, voir des heures pour certains articles (hein Lycia), ce ne sont pas les mêmes.

    Plus d’info ici : https://codex.wordpress.org/Function_Reference/get_post_modified_time

    Il faut donc convertir les dates pour avoir un format sans les minutes et seconde qu’on peut comparer facilement.

    On peut s’apercevoir que WordPress nous mâche le travail avec une fonction qu’ils implémentent dans leur code avec la fonction esc_html comme ceci : esc_html(get_post_time(‘d/m/Y’)

    Donc voici le nouveau code :

    function ps_last_updated_post($the_date) {
    if (‘post’ === get_post_type()) {
    $the_time = esc_html(get_post_time(‘d/m/Y’));
    $the_modified = esc_html(get_post_modified_time(‘d/m/Y’));
    $last_modified = sprintf(__(‘Mis à jour le %s’, ‘Divi’), $the_modified);
    $published = sprintf(__(‘Publié le %s’, ‘Divi’), $the_time);
    $date = $the_modified !== $the_time ? $last_modified .’ | ‘ .$published : $published;
    return $date;
    }
    }
    add_action(‘get_the_date’, ‘ps_last_updated_post’);
    add_action(‘get_the_time’, ‘ps_last_updated_post’);

    Attention tout de même, ce code s’exécute à chaque fois que WordPress demande une date ou une heure (fonctions get_the_date et get_the_time).

  7. David

    Et voici le code pour faire de la comparaison sur plusieurs jours.
    En effet, il est intéressant de ne pas afficher la dernière modification si celle-ci s’effectue dans les 5 jours suivants… Souvent suite à des commentaires pour des fautes d’orthographe (plutôt de frappe lol), une p’tite erreur dans le code ou encore pour améliorer le contenu mais qu’on s’en est souvenu après coup.

    function ps_last_updated_post($the_date) {
    if (‘post’ === get_post_type()) {
    $nb_days_between = (get_post_modified_time() – get_post_time())/86400; // 86 400 = 60*60*24
    $nb_days_to_compare = ‘5’;
    $last_modified = sprintf(__(‘Mis à jour le %s’, ‘Divi’), esc_html(get_post_modified_time(‘d/m/Y’)));
    $published = sprintf(__(‘Publié le %s’, ‘Divi’), esc_html(get_post_time(‘d/m/Y’)));
    $date = $nb_days_between > $nb_days_to_compare ? $last_modified .’ | ‘ .$published : $published;
    return $date;
    }
    }
    add_action(‘get_the_date’, ‘ps_last_updated_post’);
    add_action(‘get_the_time’, ‘ps_last_updated_post’);

    Pour expliquer :

    Je récupère le timestamp des deux dates pour savoir le nombre de secondes (parce que le timestamp est exprimé en seconde) qu’il y a entre les deux afin de les soustraire entre eux…
    Sinon la soustraction n’est pas possible avec une date formé à la fransaise… Essayé de soustraire 05/08/18 à 23/06/16… Alors alors, combien de jours ? 🙂

    Après ca, je divise par 86 400 pour avoir le résultat en jour. (conversion des secondes en jours)

    Je me suis aidé ici : https://openclassrooms.com/forum/sujet/nombre-de-jours-entre-2-dates-31730

    Puis je renseigne une valeur de nombre de jour souhaité pour comparaison dans la variable $nb_days_to_compare.

    Ensuite, une simple condition si le nombre de jour entre les deux dates est supérieur au nombre dans la variable $nb_days_to_compare.

    C’est cadeau, en même temps c’était pas très compliqué 😉

  8. Lycia Diaz

    Merci David ! C’est super. J’ai pas eu le temps de me pencher dessus depuis ton commentaire précédent… Merci encore !

  9. Gilles

    Merci pour ce tuto
    Comment faire pour simplement remplacer la date de publication par défaut du module Blog par la date de dernière modification ?

  10. Lycia Diaz

    Salut Gilles, tu dois juste un peu modifier le code proposé dans ce tuto pour qu’il corresponde à tes besoins.

  11. Gilles

    Ok merci mais si on veut formater la date en 2 langues différentes sur un site multilingue ?

  12. Gilles

    Merci Lycia !

  13. Adrien

    Bonjour Lycia, sais-tu comment cacher dans la description des moteurs de recherche la date d’un article, mais la conserver sur son blog ?

  14. Lycia Diaz

    Salut Adrien.
    Utilises-tu Yoast SEO ? Car dans ses paramètres, tu peux demander à ce que la date soit cachée dans les méta-descriptions.
    Mais par expérience, Google fait ce qu’il veut et même si tu désactives cette option, il peut décider d’afficher la date s’il trouve que c’est pertinent.
    C’est « Dieu » Google quoi 😉

  15. Adrien

    Bonjour Lycia, j’ai masqué la date dans les articles grâce aux paramètres d’Extra.
    Depuis, la date de publication n’apparaît plus dans les résultats de Google. 🙂

    C’est parfait pour moi. 😀

  16. Lycia Diaz

    Ah ok … je n’utilise jamais Extra donc je sais pas trop mais si ça te convient, tant mieux 😉

  17. Thomas

    Bonjour et merci pour cet article.

    J’utilise Divi sur un site crée très récemment et précise que mes connaissances en langage informatique sont quasi nulles.

    J’ai suivi la procédure mais je constate dans l’espace « Activité » du back-office de WordPress que pour chaque article publié, j’ai 3 fois la même alerte:

    Warning: gmdate() expects parameter 2 to be int, string given in /homepages/46/d821463696/htdocs/clickandbuilds/…/wp-admin/includes/dashboard.php on line 955 / 957 et 959

    Si je retire le code, les alertes disparaissent.

    J’ai cherché un peu sur internet, j’ai trouvé quelques pistes mais mes compétences sont trop limitées pour bien comprendre. Si quelqu’un a une idée, je suis preneur.

  18. Lycia Diaz

    Bonjour Thomas, j’utilise le code et je n’ai pas de warning. J’espère que quelqu’un aura la réponse à ta question.

  19. Thomas

    Merci Lycia, je vais préciser la situation au cas où.
    J’ai créé un thème enfant, collé le code de « David » dans functions.php du thème enfant.
    J’ai testé avec ton code aussi, mais les alertes sont présentes aussi.
    Je vais continuer mes recherches et posterai un commentaire si je trouve la solution.

    Dans tous les cas, merci pour ton travail, ton site est ma « bible » depuis quelques jours.

  20. Thomas

    Je pense avoir trouvé l’origine du problème.
    En relisant le code, j’ai constaté que j’avais copié le code après le dernier } de function theme_enqueue_styles()
    alors qu’en collant le code avant, les alertes disparaissent.

  21. Lycia Diaz

    Ah super !

  22. Rico

    Bonjour

    J’ai installé le code il y a un moment, 1 ou 2 mois, par contre ce matin 14/09/2020 une erreur dans le fichier function détecté et site HS

    J’ai une erreur au chargement de ad_last_updated_post, Je l’ai remis en place je verrais demain et je regarderais le fichier erreurs ce soir

    Je suis à jour dans toutes les versions, wordpress, plugins, pas d’intervention autre qu’écriture d’articles, mises à jour manuelles, j’utilise Divi, une idée ?

    Merci

  23. Lycia Diaz

    Salut Rico,
    Est-ce que le problème est toujours d’actualité ?

  24. VRIGNAUD Sylvain

    Bonjour,

    Merci beaucoup pour ces explications très claires !

    Comme je suis presque nul en terme d’informatique, je n’ai pas réussi à faire apparaitre la mention « Mise à jour » des pages.
    En effet, je veux en mettre pour les « pages » et non pour les « articles » sur Divi.
    Sauriez-vous comment faire ?

    Merci beaucoup !

  25. Lycia Diaz

    Salut Sylvain.
    Je ne crois pas que cela soit possible. Ou du moins, je ne sais pas comment.

  26. David C.

    En soit c’est possible en créant un shortcode pour faire appel aux fonction wordpress afin d’aller chercher les dates de publication / mise à jour et de les renvoyer… Mais cela demande un peu de code PHP.

  27. Lycia Diaz

    Merci David. Oui, j’imagine !

  28. Lilie, Créatrice de Style

    Merci. Cet article m’a vraiment aidé. Je cherchais à faire exactement ça depuis longtemps…

  29. Lycia Diaz

    Merci Lilie

Soumettre un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Je souhaite recevoir les news du blog Astuces Divi !

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

Pínchalo en Pinterest

Acciones
Comparte esto