En el presente post os voy a contar cual es proceso para mostrar los post relacionados en WordPress sin plugins y así mejorar el porcentaje de rebote en nuestro blog.
Al hacer esto estaremos mejorando la usabilidad de nuestro sitio ya que estamos mostrando al usuario dentro de un mismo post artículos que quizás puedan ser de su interés por relación temática.
En este caso nuestro vínculo de relación será la categoría y es así como podeis verlo en mi blog. Mostraré artículos que estén dentro de la misma categoría excluyendo el que estemos leyendo actualmente, en siguientes líneas os pasaré el código por si deseais implantarlo en el vuestro. Si un post pertenece a diferentes familias temáticas se seleccionarán de esas mismas categorías.
Al final de cada artículo me he planteado que debía mostrar al menos cuatro artículos al usuario que leía mi post para mantenerlo en mi sitio y que no abandonara al terminar la lectura del post con la finalidad de mejorar el porcentaje de rebote.
En cierta manera ya lo hacía por que mostraba unos seis artículos diferentes pero mucho más abajo de donde ahora se muestran, con esto pretendo que esté cerca del final del post para que el usuario cliquee sobre algún artículo más para mantener la navegación y sobre todo por que puede interesarle dicho contenido.
Todo sea por mejorar y por este motivo he decidido realizar el cambio. Además, para ser honestos el otro día leí un artículo muy interesante en el blog de Dean Romero que trata sobre cómo mejorar el CTR interno de nuestro blog cuyo autor es Emilio de Campamento Web.
Tras la lectura del artículo estuve pensando en las pautas que podía seguir para mejorar mi blog, en las que incluyo el objetivo de éste post y también seguir los tips del post que antes he mencionado.
Seguro que seguiré haciendo cambios para mejorar y ése es el objetivo, así pues os iré contando.
Pero bien, vamos al lío, una vez que nos hemos puesto en situación y os he contado el porqué de los post relacionados.
Artículos vinculados por categoría para mejorar el CTR
Como os he avanzado previamente vamos a mostrar artículos cuyo vínculo sea la categoría, es decir, mostraremos artículos que pertenezcan a la misma familia temática excluyendo el que actualmente estamos leyendo. Si un artículo pertenece a dos categorías pues se seleccionarán de esas.
En WordPress hay diferentes maneras de hacer las query sobre la base de datos y una de ellas es con la función get_posts y es con la que haré la consulta para que me muestre los artículos.
Esta función nos permite almacenar en un array los valores de la consulta que en nuestro caso serán los artículos que vamos a mostrar para luego imprimirlos. A continuación os muestro el código, luego ya lo podeis adaptar a vuestras necesidades.
<?php $related = get_posts( array( 'category__in' => wp_get_post_categories($post->ID), 'orderby'=>'rand', 'numberposts' => 4, 'post__not_in' => array($post->ID) ) ); if( $related ) foreach( $related as $post ) { setup_postdata($post); ?> <a target="_blank" href="<?php the_permalink(); ?>" rel="bookmark" title="<?php the_title(); ?>"> <?php if ( has_post_thumbnail() ) { the_post_thumbnail(); }else{ ?> <img src="<?php bloginfo('template_url'); ?>/img/nombre-imagen-defecto.png" /> <?php } ?> <?php the_title(); ?> </a> <?php } wp_reset_postdata(); ?>
También comentaros que podeis encontrar un código similar a éste en la función get_posts.
En mi caso me he copidado un código que he encontrado y lo he reutilizado según mis necesidades que eran: mostrar 4 artículos, que se mostraran en orden aleatorio, que estuvieran en la misma categoría y también que si no tenia thumbnail asignada el post que me mostrara una por defecto para que todos tengan miniatura representativa.
Como veis he metido el código de tal manera que dentro del anchor está tanto la miniatura de la imagen como el texto, esto tiene la ventaja que quien pinche a cualquiera de las dos cosas se abrirá una nueva ventana con el contenido del artículo clicado.
Luego ya con CSS lo he ido acomodando a mi gusto y pensando en que se vea bien en diferentes resoluciones de pantalla. Si accedeis desde algún dispositivo y veis que no se ve bien comentar!
Añadir que uno de los plugins que nos ayudan a encontrar la plantilla de WordPress que se está utilizando y que nos ayuda a identificar en qué archivo debemos meter el código para que se muestren los artículos relacionados es el siguiente, del que hablé en un post anterior.
What the file
Conclusión
A lo largo del artículo hemos visto de qué forma tan sencilla podemos mostrar posts relacionados al final de los artículos, de qué manera nos puede ayudar a mejorar los clics internos y en consecuencia el rebote de nuestro blog.
PD: Un poco más abajo veis cómo se muestran los artículos vinculados.