Consejos Divi 65

¿Cómo añadir "actualizado el" a sus artículos Divi?

Actualizado en 19/06/24

1877 palabras

7 minutos de lectura
37 comentarios

Este artículo contiene enlaces de afiliados reconocibles por el icono porcentaje (%) → Soy un enlace de afiliado

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

Uno artículo actualizado periódicamente mantiene buenas posiciones en los resultados de búsqueda (SERP). Es un criterio SEO importante!

Sin embargo, los netizens no pueden darse cuenta, a primera vista, de que el artículo es reciente porque la mayor parte del tiempo, es Fecha de publicación que aparece.

Si su artículo fue publicado hace 5 años pero lo actualizas cada año, sería una vergüenza arriesgar perder lectores que piensan que El artículo es obsoleto !

En este tutorial, veremos cómo agregar la mención "Actualizado en" en los metadatos de sus artículos Divi.

Como puede ver, esta entrada se muestra bajo la Hilos Ariane de mis artículos Astuces Divi.

Añadir "artículo actualizado en" en Divi
Izquierda: metadatos predeterminados – derecha: metadatos con "actualizados".

Aquí está el programa del artículo:

  1. ¿Qué es un artículo de metadatos?
  2. ¿Por qué debería preferir la frase "actualizada" en lugar de cambiar la fecha de publicación de un artículo?
  3. La importancia de actualizar un artículo del blog
  4. ¿Cómo mostrar la fecha de actualización en un artículo Divi?
  5. Gestionar metadatos en Divi
  6. En conclusión...

1 – ¿Qué es un artículo de metadatos?

El metadatos de WordPress artículos son información de publicación. Esta información se inserta automáticamente en sus artículos sin tener que hacer nada.

Por supuesto, los tipos de metadatos y el lugar de visualización dependen de cómo se codificaba el tema de WordPress.

Algunos temas no los muestran, otros los muestran de oficio y otros temas, como Divi, proponer opciones para elegir metadatos para mostrar.

Los metadatos pueden ser información relacionada con:

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

Estos metadatos revelan información importante para su lector.

Por mi parte, estoy muy apegado a estos datos cuando hago búsquedas 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... Esto 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. Por lo tanto, toda esta información puede afectar la credibilidad de un blog.

Divi - conseguir Divi

2 - ¿Por qué preferir la frase "actualizada" en lugar de cambiar la fecha de publicación de un artículo?

Probablemente pienses que es fácil y que es suficiente modificar la fecha de publicación del artículo ¿Solo?

Bueno no, esta manera de hacer no es la más recomendable como se puede ver en esto Artículo (o en inglés).

Si tienes el mal hábito de modificar la fecha de publicación de sus artículos para atraer robots y obtener fechas "fresh" en los resultados de la búsqueda, su sitio podría ser penalizado por Google.

Tampoco sería honesto para sus lectores, especialmente si no has cambiado una sola palabra en el artículo! Esto sólo aumentaría la tasa de rebote de su sitio y perdería credibilidad.

Además, algunos artículos no estarían sujetos a un cambio de fecha simplemente porque podría haber un incoherencia entre el contenido y la fecha de publicación. Esto podría hacer que el usuario de Internet sospechara...

Y finalmente, sé que Si cambia la fecha de publicación de sus artículos, los comentarios conservarán su fecha original..

Módulo de código Divi artículo publicado el 24 de julio de 2019 – comentario publicado el 12 de abril de 2018. Un poco raro, ¿verdad? ¡Seguro que has visto esto antes!

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

"Actualizado" aparece en las miniaturas del blog
La mención "actualizado" también aparece en las miniaturas del blog

Por qué Mostrar fecha de actualización metadatos en lugar de en el artículo directamente ?

Porque los metadatos son visibles en el artículo, bajo la dirección, pero también desde páginas de archivo (página de bloqueo, página de archivo de categoría, etc.)

¿Sabes que puedes probar Divi gratis? Nos vemos en esta página y haga clic en "Pruébalo GRATIS"

3 – La importancia de actualizar un artículo del blog

Actualice sus antiguos artículos es una estrategia que permite seguir siendo competitiva en los resultados de búsqueda y continuar generando tráfico en su blog.

Internet se mueve muy rápido y los temas son tratados a menudo por otros bloggers. La idea es tratar de mantener un buen lugar en los resultados de la investigación, incluso varios años después de la publicación.

Actualizar artículos mejora SEO (referencia natural) y capitalizar el trabajo ya realizado. ¡Porque sí, escribir es trabajo!

¿Crees que esto no es porque tu artículo no menciona que se ha actualizado que Google no lo ve... ¡Dios mío! Ya son buenas noticias.

De hecho, incluso si la fecha de actualización no aparece en los metadatos de su artículo, aparece en el código fuente en la sección <head>.

propiedad "artículo:modified_time"
Meta property = "article:modified_time" – esto dice robots cuando su artículo está actualizado.

Como puedes ver en esta captura de pantalla, una etiqueta <meta property="article:modified_time" content="2019-08-30"> se inserta en la sección <head> su sitio cuando modifica un artículo ya publicado.

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

Quieres personalizar ¿Divi como profesional? Descubre todos los tutoriales!

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

Para editar los metadatos de sus artículos DiviNecesitarás un tema infantil.

Esta es la forma más segura de modificar un tema de WordPress sin perder sus personalizaciones tan pronto como la próxima actualización y sin arriesgarse a hacer tonterías irreversibles.

Puedes conseguir un Divi child theme gratis aquí o aprender a crearlo.

Un tema infantil utiliza necesariamente un archivo funciones. php, sólo tiene que editar y añadir la siguiente pieza 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' );

See fuente de este código PHP.

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

"actualizado"

Por supuesto, puede ajustar el código según sus necesidades y cambiar el formato de la fecha o su redacción. Uso:

  • d/m/Y para una fecha como 30/08/2019
  • d/m/y para 30/08/19
  • Mj, Y para una fecha como 30 de agosto de 2019
  • Fj, Y para 30 de agosto de 2019

Otros Formatos de fecha son posibles aquí.

Actualizado 17 de septiembre de 2019: siguiendo una muy buena observación David in comment, the previous code had the concern d. David propone entonces el siguiente código para que la fecha de actualización no se muestre si la fecha de cambio del artículo tuvo lugar dentro de los 5 días de su primera fecha en línea:

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 - Administrar metadatos en Divi

Más allá del hecho añadir fecha de actualización de sus artículos, es posible que necesite habilitar o deshabilitar algunos otros metadatos del artículo.

Esto será posible desde 2 lugares diferentes:

  1. Opciones de tema Divi
  2. Opciones de módulo de Blog

5.1 – De las opciones temáticas

metadatos Página de archivo Divi
Establecer metadatos para mostrar en páginas de archivo

En la pestaña Divi Opciones temáticas > Disposición de TabEncontrarás opciones de visualización de metadatos.

Todo está detallado en este artículo dedicado a La pestaña de diseño de la opción temática Divi.

5.2 - De Opciones de Módulo Blog

elegir metadatos para mostrar en el módulo del blog Divi
Elija metadatos para mostrar en el módulo del blog Divi

Si utiliza el módulo Divi Blog para ver sus artículos, verá un montón de opciones disponibles.

En la configuración del módulo, vaya a Sumario Ficha de elementos para permitir o desactivar la siguiente información:

  • Imagen delantera,
  • El botón se lee,
  • El nombre del autor,
  • La fecha de publicación,
  • Categorías,
  • Número de comentarios,
  • Extracto.

Así que puedes decidir qué debe aparecer en tu blog post miniaturas.

Si has añadido mención "Actualizado"será visible si La fecha de visualización de la publicación es activa.

6 - En conclusión...

Lástima que Divi no ofrezca esta opción nativamente! Pero usted vio en este artículo que no es difícil añadir una fecha de actualización a su Divi...

¡Me iba a olvidar! Aquí está un último consejo de SEO:

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

Esto significa que el usuario de Internet no sabrá – desde 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¿El que entras usando el plugin Yoast?

Mostrar "actualizado" en meta-descripción
Show "updated on" in Yoast SEO meta-description

El usuario de Internet puede ver, a primera vista, que su artículo es reciente = aumento de la tasa de clics.

De esta manera, seguirá generando tráfico respetando las recomendaciones de Google.

¿Necesita más recursos en Divi? Visita Elegante Themes blog lleno de ideas y tutos!

Mención "actualizado" artículo Divi

Obtener Divi

Entrenamiento Divi

Libro electrónico Divi

Consejos gratis

Cuestionario Divi

Entrenamiento en vivo

icono 256x256

Proudly translated by wpLingua, la extensión de traducción para WordPress ¡Que me desarrolle! SEO-Friendly / Automático / Editable

37 comentarios

  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

  30. Benoit

    Bonjour,
    Sur ma page d’accueil, j’ai une section  » Les derniers articles ».
    Les articles se classent d’une certaine façon
    Comment classer les articles du plus récents aux plus anciens soit en fonction de la date de création soit en fonction de la date de modification ?
    Je n’arrive pas à comprendre le classement des articles

    Merci de vos retours

  31. Lycia Diaz

    Normalement les articles se classent du plus récent au plus ancien, c’est le par défaut. Je ne pense pas qu’on puisse classer par date de modifications.

  32. Tristan

    Bonjour,

    Que dois-je modifier dans le code si je veux faire apparaître la date de publication avant la date de mise à jour ?

  33. Lycia Diaz

    Bonne question, il faudrait que je fasse des essais. Donc si quelqu’un passe par là, ce serait cool d’aider Tristan.

  34. Bard

    Your code has worked very fine until I upgraded from PHP 7.4 to PHP 8. After that I get an error:
    (TypeError thrown
    gmdate(): Argument #2 ($timestamp) must be of type ?int, string given)

    … whenever I try to open the WP Dashboard. Otherwise the website functions well.

    I found that by removing this function from the Child theme, the Dashboard loads properly.
    So, what argument causes this exactly, and how do we fix this problem? Thomas’ suggestion to move the code before the enqueue_styles argument does not fix this error.

  35. Sandalsand

    Hi,
    Your code (David’s) worked well for a long time. Recently something happened. When I try to open the WordPress dashboard it only responds with this error message: « TypeError thrown gmdate(): Argument #2 ($timestamp) must be of type ?int, string given »
    The actual function works great on the front end, and there is no problem working with WP on the backend. Apart from the Dashboard which is unavailable until I remove the date code.

  36. Lycia Diaz

    Ok Thanks ! I think I have to update this post, then. Thank for that.

Presentar un comentario

Su dirección de correo electrónico no será publicada. Los campos obligatorios se indican con *

Este sitio utiliza Akismet para reducir indeseables. Más información sobre cómo se utilizan sus datos de retroalimentación.