Mostrar fecha de última actualización en un post de Blogger
Este fragmento de código XML para la plataforma Blogger genera una sección de metadatos que muestra la fecha de la última actualización de una publicación. Está compuesto por una etiqueta de autor (<data:byline.label/>), un icono de calendario y el elemento semántico <time> de HTML5. Este último es crucial, ya que proporciona la fecha en dos formatos: uno legible para humanos (ej. "2025, octubre 01") y otro en el estándar ISO 8601 para máquinas y motores de búsqueda, lo cual representa una práctica óptima para el SEO y la accesibilidad web.
Código 1: última fecha de actualización
<span class='datospost2'>
<data:byline.label/>
<img alt='Icono de calendario' src='URL del Icono'/>
<time class='updated' expr:datetime='data:post.lastUpdatedISO8601' expr:title='data:post.lastUpdatedISO8601'>
Actualizado: <b:eval expr='format(data:post.lastUpdated, "YYYY, MMMM dd")'/>
</time>
</span>
Este código ofrece ventajas cruciales tanto para el posicionamiento en buscadores (SEO) como para la experiencia del visitante. Para el SEO, el uso del elemento semántico <time> con el atributo datetime en formato ISO 8601 es fundamental. Comunica de forma inequívoca a los motores de búsqueda como Google la fecha exacta de la última actualización del contenido. Esto es un indicador de "frescura" (freshness), un factor de posicionamiento que puede mejorar la visibilidad. Además, facilita que Google muestre la fecha de actualización en los resultados de búsqueda (rich snippets), lo que aumenta la confianza del usuario y la tasa de clics (CTR).
Para los visitantes, mostrar explícitamente "Actualizado:" les permite evaluar rápidamente la vigencia y relevancia de la información. En temas que cambian con el tiempo, esto genera confianza y credibilidad, ya que demuestra que el contenido está mantenido y no obsoleto.
Nota Final
[1] Hardwick, J. (2020, enero 21). Etiquetas Canonical: guía simple para principiantes. Ahrefs. https://ahrefs.com/blog/es/etiquetas-canonical/
[2] zkreations (2019, diciembre 01). Parámetros de fecha. https://docs.zkreations.com/2019/12/parametros-de-fecha.html
[3] Lambrechts, S. (2021, octubre 17). Parámetros de fecha: day, month, year, dayOfWeek, dayOfMonth, dayOfYear. Blogger Code PE. Recuperado el 03 de noviembre de 2021 en https://bloggercode-blogconnexion.blogspot.com/2018/02/data-parameters-day-month-year.html
[4] cyballruiz (2021, 16 de septiembre). Hola Martin, Sí es posible hacerlo, pero lo que hay que añadir se hace en el tema mismo, no en la entrada [Comentario en el foro "Configurar Fecha Actualización de Entrada"]. Ayuda de Blogger. https://support.google.com/blogger/thread/126082100/configurar-fecha-actualizaci%C3%B3n-de-entrada?hl=es&msgid=126113062
[5] Serenesat y Anubhav Yadav (2020, junio 11). Como JavaScript ralentiza la página, es mejor utilizar la variable de datos XHTML pura para la marca de fecha y hora, disponible en Blogger [Comentario en el foro "How to put last modified date in blog post on Blogger?"]. Stack Exchange. Recuperado el 03 de noviembre de 2021 en https://webapps.stackexchange.com/questions/28516/how-to-put-last-modified-date-in-blog-post-on-blogger
Esta obra está bajo una Licencia Creative Commons Atribución-NoComercial 4.0 Internacional. Si necesitas utilizar alguna imagen, video o audio dirígete a la información proporcionada en las referencias. Esta publicación puede o no contener material con protección de datos o derechos de autor.
Gracias por la siguiente aclaración:.
ResponderEliminarEncontré varios en el HTML de mi blog.
1 - ¿En cuál incrusto el código?
2 - La incrustación del código se realiza antes o después de o eliminarlo reemplazándolo con el código.
Muchas gracias.
Vimara Porto
Hola Vimara Porto, el código de actualización puedes colocarlo según te convenga o de acuerdo al diseño de tu blog, si lo único que quieres mostrar es la última fecha de actualización (modificación) elimina por completo <data:post.date/> y en su lugar agrega <data:post.lastUpdated/>
EliminarLa otra opción seria si colocarlo antes o después, eso ya quedaría a tu consideración, en mi caso lo coloque en la de la siguiente manera:
[AUTOR][PUBLICADO][ACTUALIZADO][VECES VISTO]
<data:post.author.name/><data:post.date/><data:post.lastUpdated/><a expr:name='data:post.id'/> <span id='postviews'/>
Los códigos completos serian algo similar a lo que esta en la Tabla 1. El código <data:post.date/> o <data:post.author.name/> deberían aparecer mínimo 3 veces, uno correspondiente a la Portada (inicio), Posts y Paginas.
Recuerda hacer una copia de seguridad de la plantillla
En mi blog puedes dar click derecho y selecciona "Ver código fuente de página" luego Ctrl+F y buscas los códigos que proporcionó para que te des una idea en donde se pueden colocar.
EliminarPara poder añadir códigos HTML en los comentarios en Blogger debes pasarlos a texto plano, en el buscador web puedes poner conversor a texto plano y te aparecen varias opciones. Saludos y un fuerte abrazo.
EliminarGracias por la siguiente aclaración:.
ResponderEliminarEncontré varios () en el HTML de mi blog.
1 - ¿En cuál incrusto el código?
2 - La incrustación del código se realiza antes o después de () o eliminarlo reemplazándolo con el código.
Muchas gracias
Vimara Porto
Cada una de esas líneas pertenece ya sea en "portada, entrada y páginas" puedes probar en varias, cada plantilla puede tener un orden distinto.
EliminarEste tutorial ofrece una guía clara y detallada para mostrar la fecha de última actualización en Blogger, mejorando la confianza de los lectores en la información actualizada.
ResponderEliminar😌 buena descripción que bueno que te sirvió
Eliminar