Cómo permitir HTML en la biografía del autor en WordPress

WordPress, por defecto, filtra cualquier marcado HTML incluido en la descripción (biografía) de los perfiles de usuario. Esta práctica, aunque diseñada para mantener la seguridad, puede limitar la creatividad y funcionalidad de las biografías de autor. Aquí te muestro cómo permitir HTML en las biografías de autor en WordPress, mejorando así la presentación y el SEO de los perfiles de tu sitio.

Método rápido para permitir HTML en biografías

Para permitir HTML en las biografías de autor, simplemente agrega el siguiente código a tu archivo functions.php del tema o en un plugin personalizado:

remove_filter('pre_user_description', 'wp_filter_kses');

Este código utiliza la función remove_filter() para desactivar el filtro wp_filter_kses de la descripción del usuario. Una vez incluido, permitirá que cualquier usuario añada marcado HTML a su descripción de perfil.

Consejos de expertos para optimizar biografías de autor con HTML

Estructura semántica: Utiliza etiquetas HTML5 como <article>, <section>, y <header> para estructurar la información de la biografía.
Enlaces relevantes: Incluye enlaces a las redes sociales del autor y a sus artículos más populares utilizando el atributo rel="author".
Microformatos: Implementa microformatos como hCard para mejorar la estructura de datos y el SEO.
Imágenes optimizadas: Añade una foto de perfil del autor utilizando la etiqueta <img> con atributos alt descriptivos.
Estilización CSS: Utiliza clases CSS personalizadas para mejorar la presentación visual de la biografía.

Ejemplo de biografía de autor optimizada con HTML

<article class="author-bio">
  <header>
    <h2>Sobre el autor</h2>
    <img src="ruta-a-la-imagen.jpg" alt="Foto de [Nombre del Autor]" class="author-photo">
  </header>
  <section class="author-description">
    <p>[Breve descripción del autor]</p>
    <ul class="author-social">
      <li><a href="https://twitter.com/autor" rel="author">Twitter</a></li>
      <li><a href="https://linkedin.com/in/autor" rel="author">LinkedIn</a></li>
    </ul>
  </section>
  <footer>
    <p>Artículos populares de [Nombre del Autor]:</p>
    <ul>
      <li><a href="/articulo1">Título del artículo 1</a></li>
      <li><a href="/articulo2">Título del artículo 2</a></li>
    </ul>
  </footer>
</article>

Daniel Pajuelo es ingeniero informático y SEO Senior, actualmente trabajando en Guruwalk e impartiendo clases en BIG School (antes BIGSEO Academy). Ver más

Continua leyendo