Tutoriales de WordPress de Confianza, cuando más los necesitas.
Guía para Principiantes de WordPress
Copa WPB
25 Millones+
Sitios web que usan nuestros plugins
16+
Años de experiencia en WordPress
3000+
Tutoriales de WordPress de expertos

Cómo mostrar publicaciones relacionadas en WordPress (paso a paso)

Mostrar publicaciones relacionadas en tu sitio de WordPress es una excelente manera de mantener a los lectores interesados, reducir las tasas de rebote y aumentar las visitas a las páginas.

Al mostrar contenido relevante para lo que los usuarios están leyendo actualmente, puedes animarlos a explorar más de tu sitio, lo que en última instancia aumenta la satisfacción y retención del usuario.

Dado que es algo que hacemos aquí en WPBeginner para mejorar la experiencia del lector, te mostraremos cómo puedes mostrar publicaciones relacionadas en WordPress también.

Cubriremos varios métodos, incluidos plugins y código personalizado, para brindarte opciones flexibles para agregar publicaciones relacionadas a tu sitio.

Cómo mostrar entradas relacionadas en WordPress

Cuando inicias un nuevo sitio web de WordPress, tus lectores no tendrán problemas para encontrar todo tu contenido fácilmente. Sin embargo, a medida que tu sitio crece, también lo hará el número de artículos. Esto dificulta que los visitantes encuentren tus publicaciones más importantes.

Una forma sencilla de ayudar a las personas a encontrar contenido nuevo en tu sitio es mostrando publicaciones relacionadas. Puedes mostrar tu mejor contenido, manteniendo a tus lectores interesados en tu sitio y reduciendo tu tasa de rebote.

A medida que tus lectores interactúan con más de tu contenido, es más probable que generes confianza, lo que puede ayudar a crear tu lista de correo electrónico o mejorar tus ventas.

En este artículo, compartiremos 3 métodos para mostrar publicaciones relacionadas para que puedas elegir la forma que prefieras:

Creemos que mostrar las publicaciones más populares en lugar de las relacionadas genera más clics y participación del usuario. Es por eso que muchas editoriales populares ahora muestran publicaciones populares o de tendencia en lugar de publicaciones relacionadas.

La forma más fácil de mostrar publicaciones populares en WordPress es usando MonsterInsights, el mejor plugin de análisis de WordPress. MonsterInsights facilita mucho el uso de Google Analytics y la obtención de informes útiles en tu panel de WordPress.

MonsterInsights te ayuda a configurar Google Analytics en WordPress sin editar código ni contratar a un desarrollador. Ofrece funciones de seguimiento avanzadas, incluido el seguimiento de anuncios, el seguimiento de comercio electrónico, el seguimiento de clics en enlaces y más.

Con MonsterInsights, puedes mostrar tus mejores publicaciones de blog en cualquier lugar de tu sitio web usando la función de Publicaciones Populares. Puedes empezar con la versión Lite de MonsterInsights.

Sin embargo, si deseas desbloquear el complemento de publicaciones populares, funciones de seguimiento avanzadas, informes de panel y más opciones para personalizar tus publicaciones relacionadas, entonces puedes usar la versión Pro de MonsterInsights.

Primero, deberás instalar y activar el complemento MonsterInsights. Para más detalles, consulta nuestro tutorial sobre cómo instalar un complemento de WordPress.

Tras la activación, serás dirigido a Insights desde tu panel de administración de WordPress. Simplemente haz clic en el botón 'Iniciar el asistente' para configurar el complemento en tu sitio web.

Iniciar asistente de configuración

Después de eso, puedes dirigirte a Insights » Publicaciones Populares desde tu panel de WordPress. MonsterInsights te ofrece múltiples opciones para mostrar publicaciones relacionadas en tu sitio web.

Puedes seleccionar la opción ‘Publicaciones populares en línea’ para mostrar artículos dentro de tu contenido o usar el ‘Widget de publicaciones populares’ para mostrar publicaciones relacionadas al final de una entrada de blog o en la barra lateral. También hay una opción para mostrar productos populares para tu tienda en línea.

Entradas populares de MonsterInsights

Para este tutorial, usaremos la opción Widget de publicaciones populares y mostraremos publicaciones relacionadas al final de un artículo.

MonsterInsights ofrece plantillas predefinidas para mostrar publicaciones relacionadas. Si actualizas a la versión Pro, podrás desbloquear más temas y opciones de diseño para mostrar tus publicaciones populares.

También muestra una vista previa de cómo se verán tus publicaciones relacionadas en el sitio web en la sección ‘Vista previa del tema’.

Vista previa del tema en entradas populares

Después de seleccionar un tema, desplázate hacia abajo para personalizar el diseño.

Puedes cambiar el color y el tamaño del título y el fondo, cambiar el diseño y elegir cuántas publicaciones mostrar en el widget.

Personalizar el diseño

A continuación, puedes desplazarte hacia abajo hasta la sección ‘Comportamiento’ y cambiar el Estilo del widget. Puedes usar el estilo predeterminado o agregar CSS personalizado para editar la apariencia de tu widget de publicaciones populares.

Una vez que hayas terminado de estilizar el widget, puedes elegir cómo determinar qué publicaciones relacionadas mostrar. MonsterInsights ordenará las publicaciones populares según los comentarios, el recuento de compartidos o mostrar una lista personalizada de publicaciones.

Las opciones de Comentarios rotarán aleatoriamente las publicaciones más comentadas de los últimos 30 días. Alternativamente, puedes conectar tu cuenta de SharedCount y mostrar las publicaciones con más compartidos.

Otra opción es elegir qué publicaciones específicas mostrar en el widget usando la opción Curada. Simplemente agrega las publicaciones y páginas a la lista, y el plugin las rotará aleatoriamente en el widget.

Elegir el comportamiento de las entradas populares

Si estás usando la versión Pro de MonsterInsights, también tienes la opción de mostrar automáticamente las 5 publicaciones principales de los últimos 30 días según el tráfico de tu sitio web.

A continuación, tienes la opción de mostrar el título del widget activando el interruptor 'Mostrar título'. Simplemente haz clic en el interruptor para activar la opción e ingresa un título que aparecerá encima de tus publicaciones relacionadas.

Después de eso, puedes seleccionar 'Publicaciones' como el tipo de publicación a incluir en el widget. También hay una opción para excluir publicaciones específicas de mostrarse en el widget de publicaciones relacionadas y mostrar publicaciones de categorías particulares.

Habilitar título del widget

Ahora, puedes elegir cómo incrustar tu widget de publicaciones populares en WordPress. MonsterInsights ofrece diferentes opciones, y puedes seleccionar la colocación manual o automática.

Si seleccionas 'Colocación automática', el plugin mostrará tus publicaciones relacionadas después del último párrafo de tus publicaciones de blog.

Opciones de incrustación

Otra opción es mostrar el widget de publicaciones relacionadas manualmente en cualquier publicación o página usando un shortcode o un bloque de Publicaciones Populares.

Para hacer eso, edita cualquier publicación existente o agrega una nueva. Una vez que estés en el editor de WordPress, haz clic en el ícono '+' y agrega un bloque de 'Publicaciones Populares' donde quieras que aparezca en tu contenido.

Seleccionar bloque de publicaciones populares

El plugin agregará automáticamente tus artículos más populares y los mostrará como publicaciones relacionadas.

Ahora puedes visitar tu sitio web para verlos en acción.

Vista previa de entradas relacionadas

Otra forma de mostrar publicaciones relacionadas en WordPress es usando el Yet Another Related Post Plugin (YARPP). Es uno de los mejores plugins de publicaciones populares para WordPress y te permite mostrar tus publicaciones principales automáticamente.

Plugin YARPP

Usando un algoritmo personalizable que considera títulos de publicaciones, contenido, etiquetas y categorías, YARPP calcula una puntuación para cada par de publicaciones en tu blog.

La desventaja es que YARPP puede ralentizar tu sitio web, especialmente si tienes mucho contenido. Asegúrate de realizar una prueba de velocidad de sitio web antes y después de configurarlo, y sigue las mejores prácticas de rendimiento de WordPress para mantener tu sitio cargando rápido.

Primero, necesitarás instalar y activar el plugin YARP en tu sitio web. Para más detalles, por favor consulta nuestra guía sobre cómo instalar un plugin de WordPress.

Una vez que el plugin esté activo, puedes ir a Configuración » YARPP desde tu panel de WordPress y configurar los ajustes del plugin.

Cambiar configuración de YARPP

En la sección 'El Pool', puedes elegir qué tipos de publicaciones incluir en las publicaciones relacionadas. Estos incluyen publicaciones, páginas, medios y productos.

Aparte de eso, hay opciones para desautorizar contenido de categorías y etiquetas, elegir el período de tiempo para determinar las publicaciones relacionadas, y más.

Después de eso, simplemente desplázate hacia abajo y edita la configuración del algoritmo.

Cambiar configuración del algoritmo

Puedes establecer qué tan estricto debe ser el algoritmo al seleccionar publicaciones relacionadas cambiando el número de 'Umbral de coincidencia'. Si quieres que el algoritmo sea estricto, aumenta el número de Umbral de coincidencia.

Por defecto, el Umbral de coincidencia se establecerá en 1, lo que significa que el algoritmo será menos estricto al encontrar publicaciones relacionadas. Recomendamos usar la configuración predeterminada cuando estés empezando y luego ajustar la configuración a medida que tu sitio crezca.

También hay configuraciones a considerar para hacer coincidir títulos, contenido, categorías, etiquetas y más para encontrar publicaciones relacionadas.

Ahora, puedes desplazarte hacia abajo y elegir las opciones de visualización para tus publicaciones relacionadas en la sección 'Opciones de visualización automática'. El plugin ofrece 3 opciones, que incluyen Lista, Miniaturas o agregar un tema personalizado.

Opciones de visualización automática

También puedes seleccionar el número máximo de publicaciones a incluir en la sección de publicaciones relacionadas y elegir dónde mostrar automáticamente el contenido relacionado.

Después de personalizar la configuración de visualización, puedes desplazarte hacia abajo para ver una vista previa de cómo aparecerán tus publicaciones relacionadas.

Vista previa de entradas relacionadas

Por último, ahora puedes desplazarte hasta el final y habilitar las opciones de Feeds RSS y la API REST.

Una vez que hayas realizado los cambios, simplemente haz clic en el botón 'Guardar cambios'.

Guardar cambios en tus entradas relacionadas

Ahora puedes visitar tu sitio web y ver las publicaciones relacionadas en acción.

Si bien no recomendamos agregar publicaciones relacionadas manualmente, ciertamente puedes hacerlo. Algunos plugins pueden agregar peso innecesario a tu sitio web, ralentizando su rendimiento.

Además, agregar código personalizado en WordPress te da control total sobre el contenido y la apariencia de la sección de publicaciones relacionadas.

Para empezar, todo lo que necesitas es el plugin WPCode. Es el mejor plugin de fragmentos de código utilizado por más de 2 millones de sitios web de WordPress. Facilita la adición de fragmentos de código en WordPress sin tener que editar el archivo functions.php de tu tema.

Recomendamos WPCode porque puedes dañar fácilmente tu sitio incluso si cometes el más mínimo error al editar el tema de tu WordPress.

Página de inicio de WPCode

Primero, necesitarás instalar y activar el plugin WPCode. Para obtener instrucciones, consulta nuestro tutorial sobre cómo instalar un plugin de WordPress.

Una vez activado, dirígete a Fragmentos de código » + Agregar fragmento. Desde allí, pasa el cursor sobre ‘Agregar tu código personalizado’ y haz clic en ‘Usar fragmento’.

Añadir tu código personalizado

Ahora, procede a agregar el siguiente fragmento de código a continuación:

<div class=”related-posts-after-content”>
<h3>You Might Also Like</h3>
<?php
$orig_post = $post;
global $post;
$tags = wp_get_post_tags($post->ID);
if ($tags) {
$tag_ids = array();
foreach($tags as $individual_tag) $tag_ids[] = $individual_tag->term_id;
$args=array(
‘tag__in’ => $tag_ids,
‘post__not_in’ => array($post->ID),
‘posts_per_page’=>4, // Number of related posts to display.
‘caller_get_posts’=>1
);
$my_query = new wp_query( $args );
while( $my_query->have_posts() ) {
$my_query->the_post();
?>
<div class=”related-thumb”>
<a rel=”external” href=”<? the_permalink()?>”><?php the_post_thumbnail(array(150,100)); ?><br />
<?php the_title(); ?>
</a>
</div>
<?php }
}
$post = $orig_post;
wp_reset_query();
?>
</div>

Pégalo en el código y, junto a Tipo de código, selecciona ‘Fragmento de PHP’.

Puedes darle un nombre al fragmento personalizado para que puedas editar o desactivar este código fácilmente en cualquier momento.

Fragmento de entradas relacionadas

A continuación, puedes desplazarte hacia abajo en la página. Luego, junto a ‘Ubicación’, selecciona la opción ‘Insertar después del contenido’.

Esto insertará el fragmento de publicación relacionada al final del contenido de la publicación.

Insertar después del contenido

Luego, desplázate hacia arriba hasta la parte superior derecha de la página.

Cambia el botón a ‘Activo’ y presiona ‘Guardar fragmento’.

Guardar fragmento

Ahora, has agregado exitosamente un código para añadir publicaciones relacionadas al final de tu contenido.

Ve y revisa tus publicaciones de blog para ver si están funcionando.

Publicaciones relacionadas después del contenido

Alternativa: WPCode también ofrece un fragmento de código listo para usar para mostrar publicaciones relacionadas por categoría en una lista simple.

Simplemente ve a Fragmentos de código » Biblioteca y busca el fragmento ‘Mostrar publicaciones relacionadas por categoría’. Una vez que lo encuentres, colócale el cursor encima y haz clic en el botón ‘Usar fragmento’.

Busca el fragmento "Mostrar publicaciones relacionadas por categoría" en la biblioteca de WPCode

WPCode agregará automáticamente el código por ti, además de seleccionar el método de inserción adecuado.

WPCode agrega automáticamente el código

Después de eso, todo lo que necesitas hacer es cambiar el interruptor de 'Inactivo' a 'Activo' y hacer clic en el botón 'Actualizar'.

Cambia el interruptor a 'Activo' y haz clic en el botón 'Actualizar'

Eso es todo. Puedes visitar tu blog para ver artículos relacionados mostrados al final de tus publicaciones.

Demostración simple de publicaciones relacionadas

También puedes consultar nuestros tutoriales sobre cómo mostrar publicaciones relacionadas con miniaturas en WordPress y cómo mostrar publicaciones recientes en WordPress.

Esperamos que este artículo te haya ayudado a aprender cómo mostrar publicaciones relacionadas en WordPress. También puedes consultar nuestra guía sobre cómo cambiar el número de publicaciones mostradas en la página de tu blog de WordPress y nuestra lista de razones por las que los visitantes de tu sitio web no se convierten en clientes.

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para obtener tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.

Descargo de responsabilidad: Nuestro contenido es compatible con el lector. Esto significa que si haces clic en algunos de nuestros enlaces, podemos ganar una comisión. Consulta cómo se financia WPBeginner, por qué es importante y cómo puedes apoyarnos. Aquí está nuestro proceso editorial.

El Kit de herramientas definitivo para WordPress

Obtén acceso GRATUITO a nuestro kit de herramientas: ¡una colección de productos y recursos relacionados con WordPress que todo profesional debería tener!

Interacciones del lector

73 CommentsLeave a Reply

  1. MonsterInsights funciona excepcionalmente bien para sitios web con mucho contenido.
    Una cosa que agregaría: si usa YARPP, considere implementar la carga diferida para la sección de publicaciones relacionadas para minimizar cualquier impacto en los tiempos de carga de la página principal. Este pequeño ajuste ha ayudado a mantener velocidades de carga rápidas y al mismo tiempo a proporcionar los beneficios de participación del contenido relacionado.

  2. Thanks for the snippet. I don’t like to use external plugins for everything. I tried to create a similar snippet using a chatbot and it finally worked, but it wasn’t the same. And besides, it was quite a painful journey before it all started to at least basically work. I will replace the snippet :)

  3. Hola,
    Necesito ayuda.
    Usé el método de mostrar publicaciones relacionadas usando MonsterInsights. Sin embargo, después de seleccionar las opciones necesarias, el texto de las publicaciones relacionadas no se muestra. Solo se muestra una barra negra sin texto de publicación.

  4. Muy buen artículo, pero ¿cómo se puede hacer esto con taxonomías personalizadas? ¿Y puedo agregar imágenes destacadas de las publicaciones relacionadas?

  5. Hola, Gracias por esta útil publicación, pero necesito saber ¿Qué es el -ID- en la línea de abajo que regresa a... $tags = wp_get_post_tags($post->ID);

    • Mohammed, $post es una variable que contiene un objeto de WordPress. El objeto contiene muchas cosas, una de las cuales es el número de identificación de la entrada.

  6. He configurado mis entradas para que muestren las entradas recientes de la categoría de entradas. Cuando tengo una entrada con más de una categoría, obtengo 2 instancias de entradas recientes. ¿Hay alguna forma de indicarle al plugin que limite a la primera instancia de categoría? ¡Gracias!

  7. ¿Hay alguna forma de mostrar la entrada relacionada entre las entradas del blog, es decir, en algún lugar de la mitad de la entrada, según elección?

  8. ¿Qué plugin permite mostrar publicaciones/páginas relacionadas en páginas seleccionando "manualmente" las páginas que están relacionadas? Gracias

  9. ¡Hola, gracias por tu increíble sitio web!

    Tengo una pregunta y estaría agradecido si la respondieras; tengo un problema con ambas formas en esta publicación con respecto a mostrar publicaciones relacionadas en mi blog, si agrego las publicaciones relacionadas al final de cada publicación manualmente, ¿está bien en términos de SEO (o cualquier otra cosa)?

    Saludos cordiales,
    Mike

  10. ¡Gran publicación!

    Quiero saber cómo agregar publicaciones relacionadas justo después del primer párrafo o en medio de una publicación en WordPress. ¿Pueden actualizarme?

  11. Gracias por el gran consejo.
    Una cosa que noté es que recibí un error al ejecutarlo:
    “WP_Query fue llamado con un argumento que está obsoleto desde la versión 3.1! “caller_get_posts” está obsoleto. Usa “ignore_sticky_posts” en su lugar.”

    Así que reemplazando:

    'caller_get_posts' => 1

    con:

    'caller_get_posts' => 1

    Arreglé el problema.
    Gracias.

  12. ¡Agradezco el tutorial! Muy simple de implementar.

    Una pregunta, ¿esto solo coincide con los artículos al comparar su primera etiqueta?

    Gracias

    • Este código se puede colocar en tu archivo de funciones dependiendo de la ubicación de la página que desees. por ejemplo..

      add_action(‘genesis_after_entry_content’,’myRelatedPosts’);

      if (is_singluar(‘post’)) {

      // tu código de publicaciones relacionadas aquí

      }

      El mejor lugar para poner esto es en tu propio plugin. Intenta no editar tu archivo de funciones.

  13. ¡Hola! Apliqué este código a la barra lateral de mi sitio web. Pero me pregunto por qué no funciona después de haber implementado un código php que llama a esta función para que funcione cuando la página es single.php. ¿Sabes qué está saliendo mal?

  14. ¡Gracias por este útil fragmento de código! Creo que ordenar los resultados aleatoriamente puede ser útil para algunos sitios para mantener las publicaciones relacionadas "frescas". Se puede hacer agregando el argumento ‘orderby’=>’rand’ así:

    $args=array(
    ‘tag__in’ => array($first_tag),
    ‘post__not_in’ => array($post->ID),
    ‘posts_per_page’=>5,
    ‘caller_get_posts’=>1,
    ‘orderby’=>’rand’
    );

  15. Funciona de maravilla, pero ¿cómo dividiría los resultados? Quiero poner un anuncio en medio, así que sería, por ejemplo, 5 publicaciones relacionadas -luego anuncio- las siguientes cinco publicaciones relacionadas, etc. Sé que debería haber un "offset" en alguna parte de la segunda consulta, solo no estoy seguro de cómo o dónde insertarlo. ¿Ayuda?

  16. Gracias por publicar ambas formas de hacerlo. Prefiero no usar otro plugin. Voy a probarlo en mi sitio web ya que tengo más de 20 publicaciones de blog.

  17. Estoy usando Genesis y sabes, no hay un archivo single.php separado. Entonces, ¿dónde debería pegar esto? ¿En el archivo functions? Además, ¿hay algo que editar en la hoja de estilos?

  18. ¡Genial! ¡Genial! Muchas gracias por este código, he estado buscando durante aproximadamente una semana, y esto funciona de maravilla una vez que lo diseñas.

    ¡Muchas gracias!

  19. Estoy usando y disfrutando la solución manual. Pero echo de menos un disparador condicional para situaciones en las que no hay publicaciones relacionadas. Ahora mismo no devuelve nada. ¿Cómo podría llenar ese espacio con un "no hay publicaciones relacionadas" cuando... bueno, cuando no hay publicaciones relacionadas?

    ¡Gracias!

  20. ¿Podrías agregar más detalles a tu explicación? ¿A qué te refieres con 'versión de etiqueta'? ¿A qué archivo debo agregar el código anterior (page.php?) y qué debo cambiar en ese código para que haga lo que describí anteriormente?

    Gracias.

    Serg, tu plugin solo funciona en Entradas (Posts), ¿hay alguna forma de hacerlo funcionar también en Páginas?

  21. Estoy buscando algo similar a esto pero basado en categorías. Me gustaría mostrar solo artículos relacionados de la categoría actual.

    He buscado una solución pero no encuentro nada, ¿alguna idea?

    Gracias

    • ¡Gracias por enlazar a esto! Estaba buscando una manera de mostrar entradas relacionadas basadas en todas las etiquetas y no solo en la primera.

      ¡Gracias!

  22. (comentario revisado)
    He estado buscando una forma de agregar PUBLICACIONES relacionadas con etiquetas específicas en la parte inferior de las PÁGINAS que he creado. POR EJEMPLO: PUBLICACIONES que están relacionadas con la pirámide de Teti…
    http://www.talkingpyramids.com/tag/teti/

    …en la parte inferior de la PÁGINA de la Pirámide de Teti:
    http://www.talkingpyramids.com/saqqara/pyramid-of-teti/

    Por el momento, solo he agregado las etiquetas en la parte inferior de la PÁGINA, pero sería mucho mejor tener extractos de las PUBLICACIONES relacionadas agregados.

    ¿Hay alguna forma en que pueda adaptar el código que me has dado para hacer esto?

    Gracias.

  23. Oye, implementé la versión sin plugin de esto y estoy 99% feliz con ella. Sé que no eres tú quien lo desarrolló, pero tal vez podrías ayudar. Si revisas las publicaciones en mi blog, verás que se muestran 5 publicaciones (coincidiendo con la primera etiqueta de la publicación) pero "en línea". ¿Sabes cómo puedo ajustar esto para que aparezca una lista? ¿Como, ajustando el php para que se creen etiquetas `

  24. ` y `
      `?
      ¡Muchas gracias y sigue con el buen trabajo!
  25. He estado buscando una manera de agregar publicaciones relacionadas con etiquetas específicas en la parte inferior de las páginas que he creado. POR EJEMPLO: Publicaciones relacionadas con la pirámide de Teti...
    http://www.pyramidofman.com/blog/tag/teti/

    ...en la parte inferior de la página de la Pirámide de Teti:
    http://www.pyramidofman.com/blog/saqqara/pyramid-of-teti/

    Por el momento, solo he agregado las etiquetas al final de la página, pero sería mucho mejor tener extractos de las entradas relacionadas agregados.

    ¿Hay alguna forma de adaptar el código que has dado para hacer esto?

    Gracias.

    @Sergej,
    ¿Tienes un enlace?

Deja una respuesta

Gracias por elegir dejar un comentario. Ten en cuenta que todos los comentarios son moderados de acuerdo con nuestra política de comentarios, y tu dirección de correo electrónico NO será publicada. Por favor, NO uses palabras clave en el campo del nombre. Tengamos una conversación personal y significativa.