Las categorías son algo fundamental en una tienda online, y una correcta optimización en cuanto al SEO es imprescindible.
Para hacer una correcta optimización de SEO de las categorías de Woocommerce además de rellenar determinadas meta etiquetas necesitaremos escribir bastante contenido de texto.
El problema viene en que la descripción de las categorías en Woocommerce aparece encima de los productos de dicha categoría.
¿Y cuál es el problema, en la mayoría de las tiendas online es así?
El problema viene en que queda realmente feo estéticamente poner mucho contenido de texto en la parte superior de la página de categorías. Es decir, antes de que aparezcan los productos de dicha categoría o las subcategorías.
Además habría que hacer mucho scroll para visualizar los productos de la categoría de la tienda Woocommerce.
¿Cuál es la solución?
La solución es conseguir poner la descripción de las categorías en Woocommerce en la parte inferior de la página. Es decir, que el texto de descripción de las categorías aparezca debajo de los productos.
ÍNDICE DE CONTENIDOS
1.- SEO Categorías Woocommerce
Antes de explicarte cómo conseguir colocar la descripción de las categorías debajo de los productos con Woocommerce me gustaría hablarte en más profundidad sobre el SEO de las categorías en Woocommerce.
En el siguiente post verás una experiencia práctica para el posicionamiento de una categoría de una tienda online. Te invito que eches un vistazo a este post que escribí sobre SEO Categorías para Prestashop
La parte de SEO es común y te sirve igual para Prestashop como para Woocommerce. Lo único que cambia es como conseguiremos poner la descripción de las categorías bajo los productos.
En el caso de Prestashop utilizaremos este módulo
En el caso de Woocommerce utilizaremos un código para hacer que la descripción de texto de las categorías aparezca en la parte inferior de la página. No he encontrado ningún plugin para hacerlo, pero seguiré buscando y en cuanto encuentre uno, lo comentaré en este mismo post.
2.- Poner las descripciones de las categorías en la parte inferior de la página en Woocommerce
Como decía aún no he encontrado un plugin para conseguir poner la descripción de los productos en la parte inferior de la página de categorías.
Sé que a muchos de vosotros no os gusta hacer modificaciones de código por lo que en cuanto encuentre algún plugin dejaré constancia de ello en esta misma entrada de blog.
2.1.- Código para bajar descripción de las categorías a la parte inferior de la página con Woocommerce.
Lo ideal es que trabajes con un tema hijo o child theme para que las modificaciones que vamos a hacer queden permanentes aunque realices actualizaciones de la plantilla.
El código lo añadiremos en el archivo functions.php del tema hijo o child theme.
En caso de no disponer de tema hijo tendrás que añadir el código en la parte final del archivo functions.php de tu plantilla o puedes utilizar algún plugin para esto.
/* ***** descripción categorías debajo de productos ****** */
remove_action( 'woocommerce_archive_description','woocommerce_taxonomy_archive_description', 10 );
add_action( 'woocommerce_after_shop_loop', 'woocommerce_taxonomy_archive_description' );
/* ****** descripción categorías debajo de productos ****** */
Me encanta el diseño web y el mundo del ecommerce. Apasionado de Prestashop, Woocommerce/Wordpress y de la formación. Me gustaría que este blog te sirviera de ayuda para poner en marcha e ir mejorando y evolucionando tu tienda online. Ya seas un profesional del sector o no, seguro que encontrarás mucha información de valor e interés aquí.
Hola Joaquín.
Muchas gracias por esta información.
Me surge una duda… ¿sería posible hacer que este código funcione solamente en las páginas de los atributos?
Gracias de nuevo.
Un saludo.
hola tengo una puequeña tienda con woocommerce
https://webunc.com/tenia mas de 2h viendo videos para hacer esto… Muchísimas gracias por este aporte!!! 🙂Hola Jozan
me alegro que te haya servido el post para descripciones de categoría en Woocommerce. Me gustaría también a que eches un vistazo a mi plataforma de formación https://cursotiendaonline.com/ desde donde puedes Acceder a TODOS mis cursos online por solo 10 €/mes (Incluye ¡¡SOPORTE!!). En la plataforma tienes cursos sobre WordPress, Curso DIVI, Curso diseñador web Freelance, Curso gestión de imágenes, Curso colores para la web, Curso Copywriting, Cursos sobre Divi, curso SEO General, Curso SEO Análisis de clics e impresiones, Curso Woocommerce, Curso como crear una tienda online de éxito, Astra Pro, Elementor, Curso sobre idexación web y alta en google, Flatsome, sobre Mailchimp, blog WordPress, etc. etc. (más de 30 cursos)
Hola, soy responsable de marketing de la empresa https://visionpubli.com/ Ahora mismo me encuentro desarrollando la redacción SEO para las categorías de un e-commerce en Shopify.
Me gustaría aplicar este tutorial es este marketplace, actualmente no consigo como aplicarlo, solo consigo tutoriales de Woocommerce o Prestashop.
Muchas gracias
Saludos
Buenas Cludia. No he investigado como se podría hacer con Shopify, pero supongo que o tienes una plantilla que te permita esa opción, o tendrías que intentar modificar la codificación, Shopify incluye algunas opciones para eso.
Me gustaría también invitarte a que eches un vistazo a mi plataforma de formación https://cursotiendaonline.com/ desde donde puedes Acceder a TODOS mis cursos online por solo 10 €/mes (Incluye ¡¡SOPORTE!!). En la plataforma tienes cursos sobre WordPress, Curso como crear una tienda online de éxito, Woocommerce, Curso alta e indexación web en google, cursos Analytics ecommerce, SEO general, SEO tiendas online, Curso copywriting, plantillas wordpress como flatsome, Divi, Astra pro, curso Shopify, etc. etc.
Hola,
He aplicado el código que has puesto, y funciona pero por ejemplo en mi web https://loancosmetics.com me aparece justo antes de la paginación por lo que si pongo un buen texto para posicionar tal y como me han sugerido, es probable que nadie pase a la página 2, ¿cómo puedo hacer para que aparezca justo después?
Muchas gracias por tan buen artículo
Hola,
He aplicado el código que has puesto, y funciona pero por ejemplo en mi web https://vindastore.com me aparece justo antes de la paginación por lo que si pongo un buen texto para posicionar tal y como me han sugerido, es probable que nadie pase a la página 2, ¿Cómo puedo hacer para que aparezca justo después?
Muchas gracias por tan buen artículo
Muchas gracias por el código, lo he pegado con éxito en el functions.php child en mi servidor
Hola Mario.
Me alegro que te haya servido el post.
Me gustaría también invitarte a que eches un vistazo a mi plataforma de formación https://cursotiendaonline.com/ desde donde puedes Acceder a TODOS mis cursos online por solo 10 €/mes (Incluye ¡¡SOPORTE!!). En la plataforma tienes cursos sobre WordPress, Curso como crear una tienda online de éxito, Woocommerce, Curso alta e indexación web en google, cursos Analytics ecommerce, SEO general, SEO tiendas online, Curso copywriting, plantillas wordpress como flatsome, Divi, Astra pro, , etc. etc.
¿que estaré haciendo mal, ya que la descripcion si me aparece debajo de los productos pero en la cabecera tambien(solo en la categoria de producto) estoy trabajando con el theme hestia
Hola, gracias por tus aportes, aprovecho la ocasión para consultarte, estoy tratando de agregar un texto de forma predeterminada a la descripción de productos en la parte inferior, existe alguna forma que me puedas recomendar, si es con código mejor.
Hola buenas, gracias por la aportación.
Mi consulta es si es posible poner 2 textos de descripción en la página de categorías, uno arriba y otro abajo.
Uso Divi y el texto que pones al crear la categoría lo puedo poner en cualquier parte de la web arriba o abajo, pero no sé como podría poner otro texto que se le asigne a cada categoría y ponerlo por ejemplo abajo, y el principal arriba.
Si alguien sabe me sería de mucha ayuda, un saludo y gracias
Hola buenas noches
Llevo buscando varias horas alguna solución para la página principal de la tienda de WooCommerce (dónde se agrupan todos los productos disponibles en la tienda) y no logro localizar nada.
¿qué código tengo que utilizar para cambiar el texto/descriptivo que se muestra antes de todos los productos? Vamos lo mismo que la solución que se ha comentado arriba sobre las categorías y me ha funcionado a la perfección pero como digo para la página principal de la tienda.
P.D: Uso flatsome pero no logro localizar nada.
Muchas gracias de antemano.
Buenas.
No sé que código habría que utilizar. Pero, ¿por qué no te creas a medida la página principal de la tienda con el page builder de Flatsome?
Hola !!
Este código html me ha venido de maravilla !
Ahora tengo el problema en la visión en el móvil, me gustaría cambiar la sidebar izquierda a arriba, ya que es la que contiene los filtros para los productos…
Sabrías algún código html para modificar eso ?
Muchas gracias!!!!!
Buenas.
Hay resultados en google por la búsqueda «wordpress sidebar mobile friendly» sobre lo que buscas
Hola a todos, hace un tiempo hice una tienda online y este post me valió de mucho porque sin duda funcionó, hoy vengo con un problema similar pero diferente a ver si alguien sabe arreglarlo. He decidido hacer otra web de anuncios clasificados, el plugin que usamos para hacer todo el proceso muestra las paginas como categorías (Como los productos en woocommerce) y sucede lo mismo salen los anuncios debajo del texto. No se programar por lo que no entiendo muy bien como funciona el código para modificarlo. ¿Alguno sabría como solucionarlo?
El nombre del plugin es: Advanced Classifieds & Directory (No tengo la versión pro)
Grande!
Hola Joaquín,
Feliz año, antes de nada.
He implantado el código en mi tienda y funciona perfectamente. No obstante, como he añadido un botón de ´ver más productos’ para posponer la carga de productos, la descripción sale entre el sloop de los productos y el botón de ver más. Habría forma de que la descripción saliera después del botón de ‘ver más productos’.
Un saludo,
Buenas Fer.
¿Has comprobado si en la plantilla que estás utilizando hay opciones para poner la descripción de la categorías bajo los productos sin necesidad de código?
Utilizamos Flatsome, pero la configuración de la plantilla no lo permite, a menos que tengamos constancia 🙁
Buenas.
En las categorías en Flatsome tienes un campo «bottom content» para añadir contenido al final de la página de categorías, sin tener que añadir ningún código. Aunque ese area de texto no tiene editor, puedes crear el contenido en cualquier página de wordpress usando el editor por defecto y luego copiar el html y pegarlo en el campo de area de texto
Nota: también quería comentarte que en mi plataforma de cursos online: cursotiendaonline.com tengo un curso sobre Flatsome, a parte de otros cursos online interesantes como cursos de SEO para tiendas online, curso Woocommerce, Curso WordPress, Curso Mailchimp wordpress, curso SEO general, curso colores web, etc.
Y que puedes ACCEDER A TODOS por SOLO 10 €/Mes (Además, incluye SOPORTE)-> Más info cursos online
Gracias por la información tan valiosa. Tengo un problema con el código a ver si me puedes ayudar. Agrego el código al archivo functions.php del tema hijo y lo que hace es salir el texto del código en la parte superior de mi página y sin embargo las descripciones de las categorías no se se mueven. Si añado el código al archivo functions.php del tema padre funciona perfectamente. ¿A qué puede ser debido? Utilizo el tema flatsome
Hola Raul.
Es bastante raro. No sé por qué puede ser. Mira a ver si tienes añadida la etiqueta de apertura de php al principio del archivo funtions.php del tema hijo:
A mi me sucede exactamente lo mismo que a ti y no se cómo resolverlo
Buenas.
1.- En la plantilla Flatsome no te hace falta añadir el código, pues tiene una opción en categorías para poner texto bajo los productos.
2.- En cuanto al código, asegúrate de que en el archivo functions.php está el código de apertura
Ya me funciona, se debía al código de apertura.. Gracias
Buenas.
Perfecto. Si tenéis ya el archivo functions.php en vuestro tema hijo, simplemente tenéis que añadir el código para poner descripción de categoría bajo productos en Woocommerce. pero, si no tenéis el archivo functions.php en vuestro tema hijo, tenéis que crear uno y éste debe llevar la etiqueta de apertura de código php
Hola, me funciono y te doy las gracias por ello, no encontraba nada para hacerlo, pero, necesito algo más, veras, estoy utilizando el tema Flatsome, he convertido la página home en la de la tienda para darle más fuerza de cara al posicionamiento, lo que yo hago es lo siguiente.
Antes de poner la home como tienda en woocommerce lo edito con el editor visual UX Builder para mostrar contenido H2 y una serie de cosas que me interesan, pero, me gustaría poner una descripción única debajo del shortcode que muestra los productos con un poco más de información, tal y como se muestra en este sitio: https://www.zooplus.es/
¿Habría alguna forma de añadir texto directamente debajo del shortcode en esta sección amigo?, la cosa es que no quiero perder el trabajo, si añado un código como el anterior, que por cierto me viene muy bien para las categorías, se me pasaría todo lo que he configurado a la sección inferior y yo lo que necesito es únicamente añadir texto debajo de esta parte.
¿Sabes donde esta ubicado el shortcode de la tienda principal?, no consigo encontrarlo vía FTP.
Espero tus respuestas, de nuevo, muchas gracias por publicar informacion tan valiosa para los que nos dedicamos a Woocommerce, saludos.
Hola, ya se cómo hacerlo.
Por si a alguien le ayuda, aquí os dejo cómo he conseguido poner texto arriba y abajo del shortcode del producto.
1. Para ponerlo arriba, he utilizado la plantilla Flatsome, antes de poner la página en WooCommerce, la editas con el UX, de esta forma aparecerá todo lo que pongas arriba antes de los productos.
2. Para poner texto debajo de los productos, tienes que utilizar el tema hijo de Flatsome y poner este código abajo en el fuction.php
add_action( ‘woocommerce_after_main_content’, ‘my_text’, 20 );
function my_text() {
if( is_shop() ) {
print ‘
Aquí el texto que quieras poner para que se muestre debajo de los productos.
‘;
}
Espero que les ayude, si no funciona le ponen otro } al final.
Saludos 😉
Gracias por tu aportación
Un saludo
Buenas.
Con el constructor puedes hacer la home como tu quieras.
No necesitas la página tienda, si no quieres utilizarla no tienes ninguna obligación de hacerlo.
Creo que el código ha dejado de funcionar para wordpress 5.0, te agradecería si pudiera sacar una alternativa.
Hola Antonio.
Lo acabo de probar con la versión 5.1 de WordPress y con la última versión de Divi, y funciona correctamente
genial el código, me funcionó !!
recomiendo el siguiente plugin: Visual Term Description Editor.
Hola Joaquín.
Estoy aplicando el código en el archivo funtions.php de mi tema wordpress y funciona a medias.
Lo que hace es mantener la descripción de los productos en la parte superior y clonarla a la parte inferior debajo de los artículos.
¿Sabes a que se puede deber esto?
Enhorabuena por tu blog, siempre se agradece un poco de ayuda.
Buenas,
seguramente es algo de tu plantilla, ya que acabo de probar el código con la plantilla Flatsome y una versión actual de Woocommerce y me ha funcionado correctamente.
Al final contacté con él soporte de la plantilla y lo pude solucionar.
Gracias por tu post y por la respuesta.
Un saludo.
Me alegro que se solucionara,
gracias a ti
Un saludo
Así es… a mi me funcionó tal cual en functions.php del Flatsome
Muy util tu post gracias!!, desde luego que el texto queda peor que feo en la parte de arriba de las categorías!!, pero … ¿hay alguna forma, que aunque estando ahí de cara al SEO, no se vea?
Buenas,
se podría modificar el color vía CSS para que se confundiera con el fondo y ese tipo de cosas. Pero no te lo recomiendo, ya que en otras épocas se abusó mucho de este tipo de recursos, y es algo que Google NO ve con buenos ojos
Hola, me gustaria hacer lo mismo con la pagina principal de la tienda, me puedes hechar una mano, no me funciona ningun plugin, un saludo.
Buenas,
En la página principal de la tienda también puedes escribir texto debajo del [short code] que hace que se muestren los productos.
Y si utilizas la plantilla Divi o Avada puedes crear una página principal para la tienda mucho más personalizada aún.
Gracias por responder, no es posible hacerlo con dodigo, como en las categorias?
No se si es posible hacerlo a través de código,
parece que en la última versión de Woocommerce han cambiado el formato.
En versiones anteriores hubiera bastado con escribir el contenido debajo del short code que es el que hace que se muestren los productos, pero por lo que estoy viendo en una instalación de prueba con la última versión de Woocommerce, la página «tienda» ya no incluye short code y el texto que pongamos aparece arriba.
Buenas tardes Joaquín, una vez incluya ese código en functions.php que es lo que hace exactamente? que la descripción de la categoría salga justo debajo de los productos?
¿Como puedo hacer para poder poner texto tanto arriba como abajo?
Gracias y un saludo.
Hola Carlos,
Efectivamente, con el código aparecería la descripción de la cagtegoría debajo de los productos y no encima. Pero no se podría mostrar una parte encima y otra debajo, para eso habría casi que crear un plugin con esa funcionalidad
Hola, sabes cómo se podría hacer con shopify? Gracias
Hola Mariana,
en Woocommerce se realiza como se comenta en el post, en Pretashop para poner la descripción de las categorías bajo los productos se realiza con un módulo como se comenta en este post: Poner descripción categorías debajo de los productos en Prestashop
En el caso de Shopify solo te pueden resolver tu cuetión los mismos técnicos de Shopify
Hola Como estas. Hay alguna manera de que se pueda hacer lo mismo pero con la pagina principal de woocommerce. Osea que el catalogo de los productos o categorias que salen se vayan hacia arriba y el contenido hacia abajo?.
Buenas,
No entiendo muy biren a que te refieres pero si la página principal de la tienda la construyes con la plantilla Divi podrás hacerla como quieras ya que podrás utilizar módulo tienda del page builder de Divi.