{"id":29374,"date":"2019-12-13T06:18:28","date_gmt":"2019-12-13T14:18:28","guid":{"rendered":"https:\/\/kinsta.com\/?p=59280&#038;preview=true&#038;preview_id=59280"},"modified":"2025-02-19T15:37:19","modified_gmt":"2025-02-19T14:37:19","slug":"wordpress-breadcrumbs","status":"publish","type":"post","link":"https:\/\/kinsta.com\/es\/blog\/wordpress-breadcrumbs\/","title":{"rendered":"WordPress Breadcrumbs: \u00bfC\u00f3mo Habilitarlos en Su Sitio de WordPress?"},"content":{"rendered":"<p>A pesar del nombre mundano, las migajas de pan son herramientas muy \u00fatiles para mejorar la Experiencia de Usuario (UX) y la <a href=\"https:\/\/kinsta.com\/es\/blog\/que-quiere-decir-seo\/\">Optimizaci\u00f3n para Motores de B\u00fasqueda (SEO)<\/a> de su sitio. Habilitarlos es simple con la ayuda de un plugin o de un peque\u00f1o c\u00f3digo personalizado.<\/p>\n<p>En este post, le presentaremos las<strong> breadcrumbs de WordPress <\/strong>y le explicaremos c\u00f3mo funcionan. Luego, le mostraremos c\u00f3mo agregarlos a su sitio, cambiar su estilo y eliminarlos. Hay mucho que cubrir, as\u00ed que vamos a empezar!<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2>\u00bfQu\u00e9 Son las WordPress Breadcrumbs?<\/h2>\n<p>Breadcrumbs, en la medida en que se relacionan con WordPress (o cualquier sitio web), son enlaces de navegaci\u00f3n que aparecen en la parte superior de una entrada o p\u00e1gina. Muestran a los usuarios las <a href=\"https:\/\/kinsta.com\/es\/blog\/que-es-una-taxonomia\/#whats-the-difference-between-categories-and-tags\">categor\u00edas de nivel superior<\/a> que les llevaron al contenido que est\u00e1n viendo actualmente y tambi\u00e9n permiten una navegaci\u00f3n f\u00e1cil de vuelta a las p\u00e1ginas vistas anteriormente.<\/p>\n<p>Por ejemplo, considere el siguiente ejemplo:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/10\/pan-rallado-blog-kinsta-1.png\" alt=\"breadcrumbs en el blog de Kinsta\" width=\"1500\" height=\"856\"><figcaption class=\"wp-caption-text\">breadcrumbs en el blog de Kinsta<\/figcaption><\/figure>\n<p>En el lado izquierdo, justo debajo del encabezado, puede ver las palabras<strong> Home &gt; Resource Center &gt; Kinsta Blog. <\/strong>Cada uno es un enlace a su p\u00e1gina correspondiente desde la entrada actual. Esto permite a los lectores <a href=\"https:\/\/kinsta.com\/es\/blog\/\">de nuestro blog<\/a> navegar a cualquiera de estas \u00e1reas de contenido clave con un solo clic, en lugar de tener que usar el bot\u00f3n<strong> Atr\u00e1s<\/strong>, el <a href=\"https:\/\/kinsta.com\/es\/blog\/plugins-de-menu-de-wordpress\/\">men\u00fa<\/a> o la funci\u00f3n de b\u00fasqueda.<\/p>\n<p>De ah\u00ed el nombre de las breadcrumbs: crean un rastro que lleva a los usuarios de vuelta a\u00bbcasa\u00bb. Son particularmente \u00fatiles para sitios como blogs y <a href=\"https:\/\/kinsta.com\/es\/blog\/plugins-de-ecommerce\/\">tiendas en l\u00ednea<\/a>, donde los visitantes pueden querer moverse entre publicaciones individuales, <a href=\"https:\/\/kinsta.com\/es\/blog\/conversiones-woocommerce\/\">p\u00e1ginas de productos<\/a> y archivos de categor\u00edas donde pueden encontrar contenido similar.<\/p>\n<h2>\u00bfC\u00f3mo Funcionan las WordPress Breadcrumbs?<\/h2>\n<p>Hay tres tipos diferentes de breadcrumbs de WordPress. Todos incorporan enlaces de navegaci\u00f3n como se describi\u00f3 anteriormente, pero de maneras ligeramente diferentes:<\/p>\n<ul>\n<li><strong>Basado en la jerarqu\u00eda: <\/strong>Estas breadcrumbs muestran a los usuarios d\u00f3nde se encuentran en la estructura de su sitio, como en el ejemplo anterior.<\/li>\n<li><strong>Basado en atributos: <\/strong>Utilizadas principalmente en sitios de comercio electr\u00f3nico, estas breadcrumbs muestran los atributos que el usuario ha buscado y que le han llevado al producto que est\u00e1 viendo actualmente.<\/li>\n<li><strong>Basado en la historia: <\/strong>A medida que los usuarios se mueven de p\u00e1gina en p\u00e1gina a trav\u00e9s de su sitio, estas breadcrumbs les llevar\u00e1n de vuelta por el camino que vinieron.<\/li>\n<\/ul>\n<p>Cada variedad de breadcrumbs es \u00fatil para diferentes prop\u00f3sitos. Sin embargo, todos pueden mejorar la navegaci\u00f3n y por extensi\u00f3n el UX.<\/p>\n<p>Tambi\u00e9n son <a href=\"https:\/\/kinsta.com\/es\/blog\/mejores-plugins-seo-para-wordpress\/\">beneficiosos para prop\u00f3sitos de SEO<\/a>. Las breadcrumbs muestran claramente las relaciones entre las diferentes piezas de contenido de su sitio. De esta manera, facilitan a los rastreadores de los motores de b\u00fasqueda o&#8217;bots&#8217; la comprensi\u00f3n de la estructura de su sitio.<\/p>\n<p>Esto permite que esos robots indexen las p\u00e1ginas de su sitio con mayor precisi\u00f3n. Los motores de b\u00fasqueda tambi\u00e9n pueden mostrar sus <a href=\"https:\/\/kinsta.com\/es\/blog\/google-sitelinks\/\">breadcrumbs en los listados de resultados<\/a>, para que los usuarios puedan ver contenido adicional en su sitio relacionado con la informaci\u00f3n que est\u00e1n buscando.<\/p>\n<h2>\u00bfC\u00f3mo Agregar WordPress Breadcrumbs a Su Sitio? (4 m\u00e9todos)<\/h2>\n<p>Tanto si es un genio de la codificaci\u00f3n como si es un principiante de WordPress, puede a\u00f1adir r\u00e1pida y f\u00e1cilmente breadcrumbs a su sitio en s\u00f3lo unos pocos pasos. Aqu\u00ed hay cuatro maneras diferentes en las que puede llevar a cabo esta tarea.<\/p>\n<h3>1. Habilitar Breadcrumbs en Yoast SEO<\/h3>\n<p><a href=\"https:\/\/kinsta.com\/es\/blog\/yoast-seo\/\">Yoast SEO<\/a> es un plugin popular que ayuda a los usuarios de WordPress a aproximarse a su posicionamiento en los motores de b\u00fasqueda y optimizar su contenido en consecuencia. Tambi\u00e9n incluye algunas otras caracter\u00edsticas para aumentar la visibilidad de su sitio, incluyendo breadcrumbs.<\/p>\n<p>Si a\u00fan no lo ha hecho, instala y activa el plugin en su <a href=\"https:\/\/kinsta.com\/es\/blog\/panel-control-administracion-wordpress\/\">tablero de WordPress<\/a>:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/10\/instalando-plugin-yoast-seo-1.png\" alt=\"Instalando el plugin Yoast SEO\" width=\"1500\" height=\"604\"><figcaption class=\"wp-caption-text\">Instalando el plugin Yoast SEO<\/figcaption><\/figure>\n<p>A continuaci\u00f3n, deber\u00e1 agregar <a href=\"https:\/\/kb.yoast.com\/kb\/implement-wordpress-seo-breadcrumbs\/#enable-and-configure-the-yoast-breadcrumbs\">este fragmento de c\u00f3digo<\/a> al tema:<\/p>\n<pre><code class=\"language-php\">\n&lt;?php\nif ( function_exists('yoast_breadcrumb') ) {\n  yoast_breadcrumb( '&lt;p id=\"breadcrumbs\"&gt;','&lt;\/p&gt;' );\n}\n?&gt;<\/code><\/pre>\n<p>\u00a0<\/p>\n<p>Espec\u00edficamente donde usted lo agrega depende de usted. Si quiere usar breadcrumbs en sus entradas de blog, puede a\u00f1adirlas a su archivo de plantilla <strong>single.php.<\/strong><\/p>\n<p>Alternativamente, si lo pega al final de su archivo <strong>header.php<\/strong>, a\u00f1adir\u00e1 breadcrumbs a todo su sitio:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/10\/anadir-codigo-activacion-breadcrumbs-yoast.png\" alt=\"A\u00f1adir el c\u00f3digo de activaci\u00f3n de breadcrumbs Yoast\" width=\"1500\" height=\"889\"><figcaption class=\"wp-caption-text\">A\u00f1adir el c\u00f3digo de activaci\u00f3n de breadcrumbs Yoast<\/figcaption><\/figure>\n<p>Tenga en cuenta que las futuras actualizaciones de temas pueden anular este c\u00f3digo personalizado. Tendr\u00e1 que ponerse en contacto con el desarrollador del tema para obtener informaci\u00f3n sobre c\u00f3mo evitar este problema o simplemente <a href=\"https:\/\/kinsta.com\/es\/blog\/temas-child-wordpress\/\">utilizar un tema infantil<\/a>. Una vez que el fragmento est\u00e9 en su lugar, navegue hasta<strong> SEO &gt; Buscar apariencia &gt; Breadcrumbs<\/strong> su tablero:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/10\/configuracion-yoast-seo-breadcrumbs-1.png\" alt=\"La configuraci\u00f3n de Yoast SEO breadcrumbs\" width=\"1500\" height=\"928\"><figcaption class=\"wp-caption-text\">La configuraci\u00f3n de Yoast SEO breadcrumbs<\/figcaption><\/figure>\n<p>Cambie el interruptor de<strong> configuraci\u00f3n de Breadcrumbs<\/strong> a<strong> activado. <\/strong>Luego, previsualice su sitio:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/10\/breadcrumbs-vivo-anadido-yoast-seo.png\" alt=\"Breadcrumbs vivo a\u00f1adido con Yoast SEO\" width=\"1500\" height=\"618\"><figcaption class=\"wp-caption-text\">Breadcrumbs vivo a\u00f1adido con Yoast SEO<\/figcaption><\/figure>\n<p>Ahora deber\u00eda ver las migajas de pan en las partes relevantes de su sitio, bas\u00e1ndose en d\u00f3nde agreg\u00f3 el fragmento de c\u00f3digo.<\/p>\n<h3>2. Habilitar Breadcrumbs con un Plugin de WordPress Breadcrumbs<\/h3>\n<p>Agregar breadcrumbs con Yoast es especialmente conveniente si ya est\u00e1 usando ese plugin para fines de SEO. Sin embargo, si prefiere un plugin diferente para <a href=\"https:\/\/kinsta.com\/es\/blog\/contenido-longitud\/\">optimizar su contenido<\/a>, el enfoque anterior es menos \u00fatil. Afortunadamente, hay varios otros plugins disponibles que est\u00e1n espec\u00edficamente dise\u00f1ados para a\u00f1adir breadcrumbs a WordPress.<\/p>\n<h4>Breadcrumb NavXT<\/h4>\n<p>El plugin m\u00e1s popular para a\u00f1adir breadcrumbs a WordPress aparte de Yoast es <a href=\"https:\/\/wordpress.org\/plugins\/breadcrumb-navxt\/\">Breadcrumb NavXT<\/a>:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/10\/breadcrumb-navxt-1.png\" alt=\"El plugin Breadcrumb NavXT\" width=\"1500\" height=\"479\"><figcaption class=\"wp-caption-text\">El plugin Breadcrumb NavXT<\/figcaption><\/figure>\n<p>Este plugin proporciona un widget de breadcrumbs que puedes a\u00f1adir a cualquier \u00e1rea de widgets que su tema proporcione, como una barra lateral o un pie de p\u00e1gina. Es altamente personalizable, lo que le permite elegir qu\u00e9 p\u00e1ginas y categor\u00edas mostrar en la ruta. Breadcrumbs NavXT tambi\u00e9n incluye esquemas de marcado para mejorar el SEO.<\/p>\n<p>Para a\u00f1adir breadcrumbs usando este plugin, navegue a<strong> Apariencia &gt; Widgets. <\/strong>Ver\u00e1 un nuevo widget<strong> NavXT Breadcrumb<\/strong>, que querr\u00e1 arrastrar al \u00e1rea del widget donde le gustar\u00eda que apareciera:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/10\/widget-breadcrumb-navxt-1.png\" alt=\"A\u00f1adir el widget Breadcrumb NavXT al pie de p\u00e1gina\" width=\"1500\" height=\"1054\"><figcaption class=\"wp-caption-text\">A\u00f1adir el widget Breadcrumb NavXT al pie de p\u00e1gina<\/figcaption><\/figure>\n<p>Haga clic en la flecha desplegable para abrir la configuraci\u00f3n del widget y, a continuaci\u00f3n, rellene los campos necesarios:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/10\/opciones-widget-breadcrumb-navxt-1.png\" alt=\"Las opciones del widget Breadcrumb NavXT\" width=\"1500\" height=\"697\"><figcaption class=\"wp-caption-text\">Las opciones del widget Breadcrumb NavXT<\/figcaption><\/figure>\n<p>Aseg\u00farese de seleccionar las casillas de verificaci\u00f3n seg\u00fan sea necesario para a\u00f1adir enlaces a sus breadcrumbs, determinar su orden, ocultarlas en la p\u00e1gina principal e ignorar el almacenamiento en cach\u00e9. Cuando haya terminado, haga clic en el bot\u00f3n<strong> Guardar<\/strong> y, a continuaci\u00f3n, compruebe la parte delantera de su sitio:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/10\/breadcrumbs-creado-widget-breadcrumb-navxt-1.png\" alt=\"Breadcrumbs creado con el widget Breadcrumb NavXT\" width=\"1500\" height=\"770\"><figcaption class=\"wp-caption-text\">Breadcrumbs creado con el widget Breadcrumb NavXT<\/figcaption><\/figure>\n<p>Sus breadcrumbs deben ser ahora visibles en cualquier \u00e1rea de widgets que elijas para ellas.<\/p>\n<h4>Flexy Breadcrumb<\/h4>\n<p>Como alternativa, <a href=\"https:\/\/wordpress.org\/plugins\/flexy-breadcrumb\/\">Flexy Breadcrumb<\/a> es el plugin m\u00e1s valorado para a\u00f1adir breadcrumbs a WordPress:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/10\/flexy-breadcrumb-1.png\" alt=\"El plugin Flexy Breadcrumb\" width=\"1500\" height=\"489\"><figcaption class=\"wp-caption-text\">El plugin Flexy Breadcrumb<\/figcaption><\/figure>\n<p>Cuando este plugin est\u00e1 instalado y activado, puede a\u00f1adir breadcrumbs a su sitio utilizando el c\u00f3digo abreviado[flexy_breadcrumb]. Esto le da un poco m\u00e1s de flexibilidad en cuanto a d\u00f3nde aparecer\u00e1n sus huellas. Tambi\u00e9n tendr\u00e1 m\u00e1s control sobre los componentes de estilo, como el <a href=\"https:\/\/kinsta.com\/es\/blog\/como-cambiar-las-fuentes-en-wordpress\/\">tama\u00f1o de la fuente, el color y los iconos<\/a>.<\/p>\n<p>Despu\u00e9s de instalar Flexy Breadcrumbs, ver\u00e1 un nuevo elemento en la barra lateral de su panel de control:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/10\/flexy-breadcrumb-panel-de-control-1.png\" alt=\"El enlace Flexy Breadcrumb en la barra lateral del panel de control de WordPress\" width=\"1500\" height=\"727\"><figcaption class=\"wp-caption-text\">El enlace Flexy Breadcrumb en la barra lateral del panel de control de WordPress<\/figcaption><\/figure>\n<p>A continuaci\u00f3n, tendr\u00e1 que configurar algunas opciones. En la ficha<strong> General<\/strong>, puede modificar el texto y el icono de su p\u00e1gina principal, fijar el l\u00edmite de caracteres y determinar la jerarqu\u00eda:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/10\/configuracion-general-flexy-breadcrumb-1.png\" alt=\"La configuraci\u00f3n general de Flexy Breadcrumb\" width=\"1500\" height=\"931\"><figcaption class=\"wp-caption-text\">La configuraci\u00f3n general de Flexy Breadcrumb<\/figcaption><\/figure>\n<p>En la ficha<strong> Tipograf\u00eda<\/strong>, tambi\u00e9n puede ajustar el color y el tama\u00f1o de la fuente para sus breadcrumbs:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/10\/ajustes-tipografia-flexy-breadcrumb.png\" alt=\"Los ajustes de la tipograf\u00eda de Flexy Breadcrumb\" width=\"1500\" height=\"729\"><figcaption class=\"wp-caption-text\">Los ajustes de la tipograf\u00eda de Flexy Breadcrumb<\/figcaption><\/figure>\n<p>Una vez que haya personalizado su rastro, deber\u00e1 agregar el c\u00f3digo abreviado[flexy_breadcrumb] donde quiera que aparezcan sus breadcrumbs. Aunque es posible hacer esto en cada entrada individual que publique en su sitio, es m\u00e1s eficiente a\u00f1adir el c\u00f3digo abreviado a un <a href=\"https:\/\/kinsta.com\/es\/blog\/widgets-wordpress\/\">widget de WordPress<\/a>:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/10\/rastro-flexy-breadcrumb-parte-delantera-1.png\" alt=\"Un rastro de Flexy Breadcrumb en la parte delantera\" width=\"1500\" height=\"845\"><figcaption class=\"wp-caption-text\">Un rastro de Flexy Breadcrumb en la parte delantera<\/figcaption><\/figure>\n<p>Si comprueba la parte delantera de su sitio, deber\u00eda poder ver sus breadcrumbs mostradas dondequiera que haya a\u00f1adido el c\u00f3digo abreviado.<\/p>\n<h3>WooCommerce Breadcrumb<\/h3>\n<p>Para los minoristas en l\u00ednea, <a href=\"https:\/\/wordpress.org\/plugins\/woocommerce-breadcrumbs\/\">WooCommerce Breadcrumbs<\/a> es una manera f\u00e1cil de a\u00f1adir enlaces de navegaci\u00f3n a las p\u00e1ginas de sus productos:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/10\/woocommerce-breadcrumbs-1.png\" alt=\"El plugin de WooCommerce Breadcrumbs\" width=\"1500\" height=\"486\"><figcaption class=\"wp-caption-text\">El plugin de WooCommerce Breadcrumbs<\/figcaption><\/figure>\n<p>Si est\u00e1 ejecutando su tienda online con el popular plugin WooCommerce, esta puede ser la mejor opci\u00f3n para usted. Le permite activar las breadcrumbs para las p\u00e1ginas de sus productos, con el fin de mejorar la navegaci\u00f3n de los clientes en su sitio.<\/p>\n<p>Despu\u00e9s de la instalaci\u00f3n y activaci\u00f3n, puede navegar a<strong> Ajustes &gt; WC Breadcrumbs para<\/strong> personalizar sus senderos de breadcrumbs:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/10\/configuracion-woocommerce-breadcrumbs-1.png\" alt=\"La p\u00e1gina de configuraci\u00f3n de WooCommerce Breadcrumbs\" width=\"1500\" height=\"897\"><figcaption class=\"wp-caption-text\">La p\u00e1gina de configuraci\u00f3n de WooCommerce Breadcrumbs<\/figcaption><\/figure>\n<p>La configuraci\u00f3n m\u00e1s importante a tener en cuenta es la casilla de verificaci\u00f3n<strong> Habilitar breadcrumbs<\/strong>. Tiene que asegurarse de que est\u00e1 seleccionado para poder mostrar sus breadcrumbs. Luego, revise una de las p\u00e1ginas de su producto:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/10\/woocommerce-breadcrumbs-habilitado-1.png\" alt=\"P\u00e1gina de producto WooCommerce con breadcrumbs habilitado\" width=\"1500\" height=\"999\"><figcaption class=\"wp-caption-text\">P\u00e1gina de producto WooCommerce con breadcrumbs habilitado<\/figcaption><\/figure>\n<p>Su rastro de breadcrumbs debe ser visible en la parte superior de la p\u00e1gina.<\/p>\n<h4>Breadcrumb<\/h4>\n<p>Por \u00faltimo, <a href=\"https:\/\/wordpress.org\/plugins\/breadcrumb\/\">Breadcrumb<\/a> es un plugin ligero que le permite a\u00f1adir breadcrumbs en cualquier lugar de su sitio web utilizando atajos:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/10\/breadcrumb-1.png\" alt=\"El plugin Breadcrumb\" width=\"1500\" height=\"475\"><figcaption class=\"wp-caption-text\">El plugin Breadcrumb<\/figcaption><\/figure>\n<p>Este plugin tiene la configuraci\u00f3n m\u00e1s extensa de todos los listados en este post. Puede acceder a ellos haciendo clic en<strong> Breadcrumb<\/strong>\u00a0en la barra lateral de su panel de control de WordPress:<\/p>\n<figure style=\"width: 1499px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/10\/breadcrumb-barra-lateral-panel-control-1.png\" alt=\"El enlace Breadcrumb en la barra lateral del panel de control de WordPress\" width=\"1499\" height=\"615\"><figcaption class=\"wp-caption-text\">El enlace Breadcrumb en la barra lateral del panel de control de WordPress<\/figcaption><\/figure>\n<p>La primera pesta\u00f1a se llama<strong> Opciones<\/strong>, e incluye algunos ajustes generales como texto personalizado, separadores y l\u00edmites de caracteres:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/10\/configuracion-breadcrumb-general-1.png\" alt=\"La p\u00e1gina de configuraci\u00f3n del plugin Breadcrumb\" width=\"1500\" height=\"908\"><figcaption class=\"wp-caption-text\">La p\u00e1gina de configuraci\u00f3n del plugin Breadcrumb<\/figcaption><\/figure>\n<p>Tambi\u00e9n hay toda una pesta\u00f1a dedicada a las opciones de estilo. Hay varios botones de flecha entre los que puede elegir, as\u00ed como tama\u00f1os de fuente y colores:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/10\/opciones-diseno-breadcrumb-1.png\" alt=\"Las opciones de dise\u00f1o del plugin Breadcrumb\" width=\"1500\" height=\"930\"><figcaption class=\"wp-caption-text\">Las opciones de dise\u00f1o del plugin Breadcrumb<\/figcaption><\/figure>\n<p>Si tiene algunas habilidades de codificaci\u00f3n y quiere tener m\u00e1s control sobre su estilo, tambi\u00e9n puede usar la pesta\u00f1a<strong> CSS Personalizada<\/strong>:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/10\/plugin-breadcrumb-campo-css-personalizado.png\" alt=\"El plugin Breadcrumb Campo CSS personalizado\" width=\"1500\" height=\"680\"><figcaption class=\"wp-caption-text\">El plugin Breadcrumb Campo CSS personalizado<\/figcaption><\/figure>\n<p>Por \u00faltimo, es importante visitar la pesta\u00f1a<strong> C\u00f3digo abreviado<\/strong> para a\u00f1adir sus breadcrumbs a su sitio:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/10\/codigo-abreviado-opciones-fragmentos-breadcrumb-1.png\" alt=\"El c\u00f3digo abreviado y las opciones de fragmentos del complemento Breadcrumb\" width=\"1500\" height=\"467\"><figcaption class=\"wp-caption-text\">El c\u00f3digo abreviado y las opciones de fragmentos del complemento Breadcrumb<\/figcaption><\/figure>\n<p>Puede utilizar el c\u00f3digo abreviado en cualquier parte de su sitio, al igual que con los otros plugins que hemos cubierto. Sin embargo, Breadcrumb tambi\u00e9n proporciona un fragmento de c\u00f3digo que puede agregar a uno de sus archivos de plantilla para incorporar sus rutas en su encabezado, pie de p\u00e1gina u otro lugar.<\/p>\n<h3>3. Use un Tema que Incluya Breadcrumbs<\/h3>\n<p>Mientras que generalmente se piensa en ellos en el contexto del control de la apariencia de su sitio, los temas de WordPress tambi\u00e9n pueden influir en la funcionalidad de su sitio web. Una manera de hacerlo es a\u00f1adiendo breadcrumbs a sus p\u00e1ginas.<\/p>\n<p>El inconveniente de usar un tema de WordPress para a\u00f1adir breadcrumbs a un sitio existente de WordPress es que tambi\u00e9n implica cambiar la apariencia de su sitio web. Si usted tiene una marca establecida y una identidad de sitio, esta no es realmente una soluci\u00f3n pr\u00e1ctica, y probablemente estar\u00e1 mejor con un plugin.<\/p>\n<p>Sin embargo, si <a href=\"https:\/\/kinsta.com\/es\/blog\/por-que-usar-wordpress\/\">usted est\u00e1 comenzando un nuevo sitio de WordPress<\/a> o est\u00e1 ejecutando un redise\u00f1o del sitio web, <a href=\"https:\/\/kinsta.com\/es\/blog\/instalar-tema-wordpress\/#how-choose\">elegir un tema<\/a> que incorpore breadcrumbs es un m\u00e9todo de bajo esfuerzo para agregarlas a su sitio. Adem\u00e1s, hay varias opciones disponibles gratuitamente en el <a href=\"https:\/\/wordpress.org\/themes\/\">Directorio Tem\u00e1tico de WordPress<\/a>.<\/p>\n<h3>OceanWP<\/h3>\n<p><a href=\"https:\/\/wordpress.org\/themes\/oceanwp\/\">OceanWP<\/a> es uno de los temas multiusos m\u00e1s populares de WordPress:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/10\/tema-oceanwp-1.png\" alt=\"El tema del OceanWP\" width=\"1500\" height=\"900\"><figcaption class=\"wp-caption-text\">El tema del OceanWP<\/figcaption><\/figure>\n<p>Incluye un c\u00f3digo abreviado que puede utilizar para aplicar f\u00e1cilmente breadcrumbs a sus p\u00e1ginas. Tambi\u00e9n hay varias <a href=\"https:\/\/oceanwp.org\/demos\/\">demostraciones disponibles<\/a> para su uso con OceanWP que incorporan breadcrumb. Para usar el c\u00f3digo abreviado, simplemente a\u00f1ada[oceanwp_breadcrumb] a un mensaje, p\u00e1gina o widget de texto:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/10\/anadiendo-breadcrumbs-oceanwp-widget-texto-1.png\" alt=\"A\u00f1adiendo el breadcrumbs de OceanWP a un widget de texto\" width=\"1500\" height=\"721\"><figcaption class=\"wp-caption-text\">A\u00f1adiendo el breadcrumbs de OceanWP a un widget de texto<\/figcaption><\/figure>\n<p>Puede personalizar sus breadcrumbs utilizando los siguientes par\u00e1metros:<\/p>\n<ul>\n<li>Clase: Incorpora una clase CSS personalizada.<\/li>\n<li>Color: Cambia el color del texto.<\/li>\n<li>Colores: Cambia el color del texto cuando los usuarios pasan el rat\u00f3n por encima de sus breadcrumbs.<\/li>\n<\/ul>\n<p>Simplemente agregue alguno o todos estos par\u00e1metros directamente en los corchetes del c\u00f3digo abreviado:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/10\/personalizacion-breadcrumb-oceanwp-parametros.png\" alt=\"Personalizaci\u00f3n de breadcrumb OceanWP con par\u00e1metros de atajo\" width=\"1500\" height=\"719\"><figcaption class=\"wp-caption-text\">Personalizaci\u00f3n de breadcrumb OceanWP con par\u00e1metros de atajo<\/figcaption><\/figure>\n<p>Ahora deber\u00eda ver sus breadcrumbs en las p\u00e1ginas correspondientes.<\/p>\n<h3>Astra<\/h3>\n<p>De la misma manera, <a href=\"https:\/\/wordpress.org\/themes\/astra\/\">Astra<\/a> tambi\u00e9n facilita la adici\u00f3n de breadcrumb a su sitio web:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/10\/astra-theme-1.png\" alt=\"El tema del Astra\" width=\"1500\" height=\"906\"><figcaption class=\"wp-caption-text\">El tema del Astra<\/figcaption><\/figure>\n<p>La forma m\u00e1s sencilla de hacer breadcrumbs con Astra es a trav\u00e9s del Personalizador. Con el tema instalado y activado, vaya a<strong> Apariencia &gt; Personalizar:<\/strong><\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2019\/10\/astra-access-customizer-1.png\" alt=\"Acceso al Personalizador desde el panel de control de WordPress\" width=\"1500\" height=\"640\"><figcaption class=\"wp-caption-text\">Acceso al Personalizador desde el panel de control de WordPress<\/figcaption><\/figure>\n<p>A continuaci\u00f3n, seleccione la ficha<strong> Breadcrumb<\/strong>:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/10\/ficha-breadcrumbs-astra-personalizador-1.png\" alt=\"La ficha breadcrumbs Astra en el Personalizador\" width=\"1500\" height=\"788\"><figcaption class=\"wp-caption-text\">La ficha breadcrumbs Astra en el Personalizador<\/figcaption><\/figure>\n<p>Aqu\u00ed, ver\u00e1 un men\u00fa desplegable que le permite elegir d\u00f3nde quieres mostrar sus breadcrumbs en la p\u00e1gina:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/10\/seleccion-posicion-breadcrumb-tema-astra-1.png\" alt=\"Selecci\u00f3n de la posici\u00f3n de la breadcrumb para el tema del Astra\" width=\"1500\" height=\"649\"><figcaption class=\"wp-caption-text\">Selecci\u00f3n de la posici\u00f3n de la breadcrumb para el tema del Astra<\/figcaption><\/figure>\n<p>Una vez que haya hecho su selecci\u00f3n, tambi\u00e9n aparecer\u00e1n algunas opciones de estilo:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/10\/opciones-estilo-breadcrumb-astra-personalizador-1.png\" alt=\"Las opciones de estilo de breadcrumb Astra en el Personalizador\" width=\"1500\" height=\"915\"><figcaption class=\"wp-caption-text\">Las opciones de estilo de breadcrumb Astra en el Personalizador<\/figcaption><\/figure>\n<p>Aseg\u00farese de hacer clic en el bot\u00f3n<strong> Publicar del<\/strong> Personalizador para guardar los cambios.<\/p>\n<h3>4. Agregar Breadcrumbs Manualmente<\/h3>\n<p>Los plugins y temas son parte de lo que hace de WordPress una plataforma tan f\u00e1cil de usar y accesible. Sin embargo, para algunos usuarios y desarrolladores m\u00e1s avanzados, pueden sentirse limitados. El c\u00f3digo puede ser un medio muy creativo, y tener la habilidad de escribir libremente sus propias breadcrumbs puede ser de su agrado.<\/p>\n<p>Para mostrar las breadcrumbs manualmente, tendr\u00e1 que hacer dos cosas. Primero, tiene que a\u00f1adir una funci\u00f3n a su archivo <strong>functions.php<\/strong> para habilitarlos. He aqu\u00ed <a href=\"https:\/\/www.codexworld.com\/wordpress-how-to-display-breadcrumb-without-plugin\/\">un ejemplo<\/a> del c\u00f3digo que puede usar:<\/p>\n<pre><code class=\"language-php\">\nfunction get_breadcrumb() {\n\techo '<a rel>Home<\/a>';\n\tif (is_category() || is_single()){\n\t\techo \"  \"  \";\n\t\tthe_category (' \u2022 ');\n\t\t\tif (is_single()) {\n\t\t\t\techo \"  \"  \";\n\t\t\t\tthe_title();\n\t\t\t}\n} elseif (is_page()) {\n\t\techo \"  \"  \";\n\t\techo the_title();\n\t} elseif (is_search()) {\n\t\techo \"  \"  \";Search Results for\u2026\n\t\techo '\"<em>';\n\t\techo the_search_query();\n\t\techo '<\/em>\"';\n\t}\n}\n<\/code><\/pre>\n<p>Una vez a\u00f1adida la funci\u00f3n, tendr\u00e1 que llamarla en los archivos de plantilla donde desea que aparezcan sus breadcrumbs. Llamar a la funci\u00f3n en <strong>single.php<\/strong> har\u00e1 que aparezcan breadcrumbs en sus mensajes, llamar a<strong> header.php<\/strong> las muestra en cualquier lugar donde aparezca su encabezado, y as\u00ed sucesivamente.<\/p>\n<p>El c\u00f3digo que usar\u00e1 debe ser algo as\u00ed:<\/p>\n<pre><code class=\"language-html\">\n&lt;div class=\"breadcrumb\"&gt;&lt;?php get_breadcrumb(); ?&gt;&lt;\/div&gt;\n<\/code><\/pre>\n<p>La modificaci\u00f3n de estos archivos mostrar\u00e1 breadcrumbs en su sitio, pero no le permite cambiar su estilo para que coincidan con su dise\u00f1o. Para ello, tendr\u00e1s que ensuciarte las manos con algo de CSS tambi\u00e9n.<\/p>\n<h2>\u00bfC\u00f3mo Estilizar su WordPress Breadcrumbs?<\/h2>\n<p>Es necesario estilizar las breadcrumbs si las codifica usted mismo. Sin embargo, tambi\u00e9n puede ser \u00fatil si est\u00e1 utilizando un plugin o un tema para a\u00f1adirlos. Es posible que el estilo predeterminado que ofrecen estas herramientas no se adapte bien a su sitio, en cuyo caso es posible que desee modificarlas para mantener la coherencia.<\/p>\n<p>Puede <a href=\"https:\/\/kinsta.com\/es\/blog\/editar-codigo-wordpress\/\">agregar CSS personalizado<\/a> para dar estilo a sus breadcrumbs en la hoja de estilo de su tema (style.css) o en el \u00e1rea CSS adicional del Personalizador:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/10\/incorporacion-css-adicionales-estilo-breadcrumbs-mediante-personalizador-1.png\" alt=\"Incorporaci\u00f3n de CSS adicionales para dar estilo a las breadcrumbs mediante el Personalizador\" width=\"1500\" height=\"885\"><figcaption class=\"wp-caption-text\">Incorporaci\u00f3n de CSS adicionales para dar estilo a las breadcrumbs mediante el Personalizador<\/figcaption><\/figure>\n<p>Hay muchas maneras de adaptar sus breadcrumbs para que coincidan con el dise\u00f1o de su sitio, por ejemplo, ajustando su fuente, tama\u00f1o y color. Tambi\u00e9n puede considerar elementos como m\u00e1rgenes, relleno, borde e iconos.<\/p>\n<p>He aqu\u00ed un ejemplo de algunos CSS que se pueden usar para darle estilo a sus breadcrumbs:<\/p>\n<pre><code class=\"language-css\">\n.breadcrumb {\n\tpadding: 8px 15px;\n\tmargin-bottom: 20px;\n\tlist-style: none;\n\tbackground-color: #f5f5f5;\n\tborder-radius: 4px;\n}\n.breadcrumb a {\n\tcolor: #428bca;\n\ttext-decoration: none;\n}\n<\/code><\/pre>\n<p>Hay muchas posibilidades cuando se trata de CSS. Por lo tanto, puede ser necesario experimentar un poco para obtener sus breadcrumbs con el aspecto exacto que usted desea.<\/p>\n<h2>\u00bfC\u00f3mo Quitar WordPress Breadcrumbs de Su Sitio?<\/h2>\n<p>Aunque hay muchos beneficios al agregar breadcrumbs en su sitio, eso no significa que sean para todos. Algunas personas pueden encontrarlos confusos o sentir que hacen que las p\u00e1ginas del sitio est\u00e9n demasiado abarrotadas.<\/p>\n<p>Si desea eliminar breadcrumbs de su sitio de WordPress, puede hacerlo utilizando cualquier m\u00e9todo que tenga sentido basado en c\u00f3mo las agreg\u00f3 originalmente. Por ejemplo, si codific\u00f3 sus breadcrumbs de forma personalizada, puede simplemente eliminar el c\u00f3digo que ha a\u00f1adido de los archivos de su tema.<\/p>\n<p>Desactivar las breadcrumbs a\u00f1adidas con un plugin suele ser tan simple como desactivar el plugin. En el caso de Yoast SEO, puede navegar a la pesta\u00f1a<strong> Breadcrumbs<\/strong> en la configuraci\u00f3n de la<strong> apariencia de la b\u00fasqueda<\/strong>, y cambiar el interruptor correspondiente a<strong> Desactivar<\/strong>.<\/p>\n<p>Lo mismo puede decirse de los temas que permiten breadcrumbs a trav\u00e9s de una configuraci\u00f3n o <a href=\"https:\/\/kinsta.com\/es\/blog\/codigos-cortos-wordpress\/\">atajos de WordPress<\/a>. Sin embargo, hay algunos temas que a\u00f1aden breadcrumbs por defecto. Eliminarlos puede ser un poco m\u00e1s dif\u00edcil, especialmente si no tienes mucha experiencia con el c\u00f3digo.<\/p>\n<p>Si esta es su situaci\u00f3n, tendr\u00e1 que navegar hasta el archivo <strong>header.php de<\/strong> su sitio. All\u00ed, ejecute un comando de b\u00fasqueda de \u00abbreadcrumb\u00bb. Esto deber\u00eda resaltar el c\u00f3digo que llama a la funci\u00f3n que a\u00f1ade breadcrumbs a su sitio (si existe aqu\u00ed):<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/10\/encontrar-codigo-breadcrumbs-1.png\" alt=\"Encontrar el c\u00f3digo de las breadcrumbs en el archivo de plantilla de encabezado del tema\" width=\"1500\" height=\"917\"><figcaption class=\"wp-caption-text\">Encontrar el c\u00f3digo de las breadcrumbs en el archivo de plantilla de encabezado del tema<\/figcaption><\/figure>\n<p>Borre esta l\u00ednea de c\u00f3digo para eliminar las breadcrumbs de su sitio. Si no encontr\u00f3 el c\u00f3digo correcto, puede intentar este proceso de nuevo en sus archivos<strong> single.php<\/strong> y <strong>page.php<\/strong>, para ver si la funci\u00f3n se llama en una de esas plantillas en su lugar.<\/p>\n<p>Si todo lo dem\u00e1s falla, p\u00f3ngase en contacto con el <a href=\"https:\/\/kinsta.com\/es\/blog\/contratar-desarrollador-de-wordpress\/\">desarrollador de su tema<\/a> para obtener asistencia. Tenga en cuenta que <a href=\"https:\/\/kinsta.com\/es\/blog\/como-actualizar-tema-de-wordpress\/\">la actualizaci\u00f3n del tema de WordPress<\/a> puede anular cualquier cambio que haya realizado en sus archivos. Es por eso que las mejores pr\u00e1cticas sugieren usar un <a href=\"https:\/\/kinsta.com\/es\/blog\/temas-child-wordpress\/\">tema hijo<\/a> por esta raz\u00f3n, con el fin de preservar sus personalizaciones indefinidamente.<\/p>\n\n<h2>Resumen<\/h2>\n<p>Fuerte UX y SEO son la clave para un sitio web de \u00e9xito. Habilitar las breadcrumbs de WordPress puede hacer que sea m\u00e1s f\u00e1cil para los visitantes navegar a trav\u00e9s de su sitio, al mismo tiempo que ayuda a los motores de b\u00fasqueda a entender su estructura e indexar sus p\u00e1ginas con precisi\u00f3n.<\/p>\n<p>En este post, hemos cubierto cuatro m\u00e9todos para a\u00f1adir breadcrumbs a su sitio de WordPress:<\/p>\n<ol>\n<li>Poner en marcha el breadcrumbs en <a href=\"https:\/\/wordpress.org\/plugins\/wordpress-seo\/\">Yoast SEO<\/a>.<\/li>\n<li>Instale y configure un plugin de WordPress breadcrumbs.<\/li>\n<li><a href=\"https:\/\/kinsta.com\/es\/blog\/cambiar-tema-wordpress\/\">Use un tema<\/a> que incluya breadcrumbs.<\/li>\n<li>Agregue el breadcrumbs manualmente usando el c\u00f3digo.<\/li>\n<\/ol>\n<p>\u00bfTiene alguna pregunta sobre las breadcrumbs de WordPress o c\u00f3mo utilizarlas? H\u00e1ganoslo saber en la secci\u00f3n de comentarios a continuaci\u00f3n!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>A pesar del nombre mundano, las migajas de pan son herramientas muy \u00fatiles para mejorar la Experiencia de Usuario (UX) y la Optimizaci\u00f3n para Motores de &#8230;<\/p>\n","protected":false},"author":103,"featured_media":29434,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[565,647],"topic":[1324,1354],"class_list":["post-29374","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-seotips","tag-usability","topic-estrategia-seo","topic-seo-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>WordPress Breadcrumbs: \u00bfC\u00f3mo Habilitarlos en Su Sitio de WordPress?<\/title>\n<meta name=\"description\" content=\"\u00bfNecesita mejorar su SEO y UX? Aprenda c\u00f3mo agregar breadcrumbs de WordPress a su sitio de WordPress usando uno de estos m\u00e9todos f\u00e1ciles de implementar!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/es\/blog\/wordpress-breadcrumbs\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"WordPress Breadcrumbs: \u00bfC\u00f3mo Habilitarlos en Su Sitio de WordPress?\" \/>\n<meta property=\"og:description\" content=\"\u00bfNecesita mejorar su SEO y UX? Aprenda c\u00f3mo agregar breadcrumbs de WordPress a su sitio de WordPress usando uno de estos m\u00e9todos f\u00e1ciles de implementar!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/es\/blog\/wordpress-breadcrumbs\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinsta.es\/\" \/>\n<meta property=\"article:published_time\" content=\"2019-12-13T14:18:28+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-02-19T14:37:19+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/12\/wordpress-breadcrumbs.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Matteo Du\u00f2\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"\u00bfNecesita mejorar su SEO y UX? Aprenda c\u00f3mo agregar breadcrumbs de WordPress a su sitio de WordPress usando uno de estos m\u00e9todos f\u00e1ciles de implementar!\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/12\/wordpress-breadcrumbs.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@matteoduo\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_ES\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Matteo Du\u00f2\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"18 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/wordpress-breadcrumbs\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/wordpress-breadcrumbs\/\"},\"author\":{\"name\":\"Matteo Du\u00f2\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/person\/9d811e805493f00205e6409451055174\"},\"headline\":\"WordPress Breadcrumbs: \u00bfC\u00f3mo Habilitarlos en Su Sitio de WordPress?\",\"datePublished\":\"2019-12-13T14:18:28+00:00\",\"dateModified\":\"2025-02-19T14:37:19+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/wordpress-breadcrumbs\/\"},\"wordCount\":3457,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/es\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/wordpress-breadcrumbs\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/12\/wordpress-breadcrumbs.jpg\",\"keywords\":[\"seotips\",\"usability\"],\"articleSection\":[\"Los mejores tutoriales de WordPress\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/es\/blog\/wordpress-breadcrumbs\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/wordpress-breadcrumbs\/\",\"url\":\"https:\/\/kinsta.com\/es\/blog\/wordpress-breadcrumbs\/\",\"name\":\"WordPress Breadcrumbs: \u00bfC\u00f3mo Habilitarlos en Su Sitio de WordPress?\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/es\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/wordpress-breadcrumbs\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/wordpress-breadcrumbs\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/12\/wordpress-breadcrumbs.jpg\",\"datePublished\":\"2019-12-13T14:18:28+00:00\",\"dateModified\":\"2025-02-19T14:37:19+00:00\",\"description\":\"\u00bfNecesita mejorar su SEO y UX? Aprenda c\u00f3mo agregar breadcrumbs de WordPress a su sitio de WordPress usando uno de estos m\u00e9todos f\u00e1ciles de implementar!\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/wordpress-breadcrumbs\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/es\/blog\/wordpress-breadcrumbs\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/wordpress-breadcrumbs\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/12\/wordpress-breadcrumbs.jpg\",\"contentUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/12\/wordpress-breadcrumbs.jpg\",\"width\":1460,\"height\":730,\"caption\":\"WordPress Breadcrumbs: C\u00f3mo Habilitarlos en Su Sitio de WordPress\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/wordpress-breadcrumbs\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Estrategia SEO\",\"item\":\"https:\/\/kinsta.com\/es\/secciones\/estrategia-seo\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"WordPress Breadcrumbs: \u00bfC\u00f3mo Habilitarlos en Su Sitio de WordPress?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/es\/#website\",\"url\":\"https:\/\/kinsta.com\/es\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Soluciones de alojamiento premium, r\u00e1pidas y seguras\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/es\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/es\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/es\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/es\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinsta.es\/\",\"https:\/\/x.com\/Kinsta_ES\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/person\/9d811e805493f00205e6409451055174\",\"name\":\"Matteo Du\u00f2\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/78636e34d9c125b93efb7e0893a776f8?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/78636e34d9c125b93efb7e0893a776f8?s=96&d=mm&r=g\",\"caption\":\"Matteo Du\u00f2\"},\"description\":\"Head of Content at Kinsta and Content Marketing Consultant for WordPress plugin developers. Connect with Matteo on Twitter.\",\"sameAs\":[\"https:\/\/www.matteoduo.com\",\"https:\/\/www.linkedin.com\/in\/matteoduo\/\",\"https:\/\/x.com\/matteoduo\"],\"url\":\"https:\/\/kinsta.com\/es\/blog\/author\/matteoduo\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"WordPress Breadcrumbs: \u00bfC\u00f3mo Habilitarlos en Su Sitio de WordPress?","description":"\u00bfNecesita mejorar su SEO y UX? Aprenda c\u00f3mo agregar breadcrumbs de WordPress a su sitio de WordPress usando uno de estos m\u00e9todos f\u00e1ciles de implementar!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/es\/blog\/wordpress-breadcrumbs\/","og_locale":"es_ES","og_type":"article","og_title":"WordPress Breadcrumbs: \u00bfC\u00f3mo Habilitarlos en Su Sitio de WordPress?","og_description":"\u00bfNecesita mejorar su SEO y UX? Aprenda c\u00f3mo agregar breadcrumbs de WordPress a su sitio de WordPress usando uno de estos m\u00e9todos f\u00e1ciles de implementar!","og_url":"https:\/\/kinsta.com\/es\/blog\/wordpress-breadcrumbs\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinsta.es\/","article_published_time":"2019-12-13T14:18:28+00:00","article_modified_time":"2025-02-19T14:37:19+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/12\/wordpress-breadcrumbs.jpg","type":"image\/jpeg"}],"author":"Matteo Du\u00f2","twitter_card":"summary_large_image","twitter_description":"\u00bfNecesita mejorar su SEO y UX? Aprenda c\u00f3mo agregar breadcrumbs de WordPress a su sitio de WordPress usando uno de estos m\u00e9todos f\u00e1ciles de implementar!","twitter_image":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/12\/wordpress-breadcrumbs.jpg","twitter_creator":"@matteoduo","twitter_site":"@Kinsta_ES","twitter_misc":{"Escrito por":"Matteo Du\u00f2","Tiempo de lectura":"18 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/es\/blog\/wordpress-breadcrumbs\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/es\/blog\/wordpress-breadcrumbs\/"},"author":{"name":"Matteo Du\u00f2","@id":"https:\/\/kinsta.com\/es\/#\/schema\/person\/9d811e805493f00205e6409451055174"},"headline":"WordPress Breadcrumbs: \u00bfC\u00f3mo Habilitarlos en Su Sitio de WordPress?","datePublished":"2019-12-13T14:18:28+00:00","dateModified":"2025-02-19T14:37:19+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/es\/blog\/wordpress-breadcrumbs\/"},"wordCount":3457,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/es\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/es\/blog\/wordpress-breadcrumbs\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/12\/wordpress-breadcrumbs.jpg","keywords":["seotips","usability"],"articleSection":["Los mejores tutoriales de WordPress"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/es\/blog\/wordpress-breadcrumbs\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/es\/blog\/wordpress-breadcrumbs\/","url":"https:\/\/kinsta.com\/es\/blog\/wordpress-breadcrumbs\/","name":"WordPress Breadcrumbs: \u00bfC\u00f3mo Habilitarlos en Su Sitio de WordPress?","isPartOf":{"@id":"https:\/\/kinsta.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/es\/blog\/wordpress-breadcrumbs\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/es\/blog\/wordpress-breadcrumbs\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/12\/wordpress-breadcrumbs.jpg","datePublished":"2019-12-13T14:18:28+00:00","dateModified":"2025-02-19T14:37:19+00:00","description":"\u00bfNecesita mejorar su SEO y UX? Aprenda c\u00f3mo agregar breadcrumbs de WordPress a su sitio de WordPress usando uno de estos m\u00e9todos f\u00e1ciles de implementar!","breadcrumb":{"@id":"https:\/\/kinsta.com\/es\/blog\/wordpress-breadcrumbs\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/es\/blog\/wordpress-breadcrumbs\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinsta.com\/es\/blog\/wordpress-breadcrumbs\/#primaryimage","url":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/12\/wordpress-breadcrumbs.jpg","contentUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/12\/wordpress-breadcrumbs.jpg","width":1460,"height":730,"caption":"WordPress Breadcrumbs: C\u00f3mo Habilitarlos en Su Sitio de WordPress"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/es\/blog\/wordpress-breadcrumbs\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/es\/"},{"@type":"ListItem","position":2,"name":"Estrategia SEO","item":"https:\/\/kinsta.com\/es\/secciones\/estrategia-seo\/"},{"@type":"ListItem","position":3,"name":"WordPress Breadcrumbs: \u00bfC\u00f3mo Habilitarlos en Su Sitio de WordPress?"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/es\/#website","url":"https:\/\/kinsta.com\/es\/","name":"Kinsta\u00ae","description":"Soluciones de alojamiento premium, r\u00e1pidas y seguras","publisher":{"@id":"https:\/\/kinsta.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/es\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinsta.es\/","https:\/\/x.com\/Kinsta_ES","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/es\/#\/schema\/person\/9d811e805493f00205e6409451055174","name":"Matteo Du\u00f2","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinsta.com\/es\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/78636e34d9c125b93efb7e0893a776f8?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/78636e34d9c125b93efb7e0893a776f8?s=96&d=mm&r=g","caption":"Matteo Du\u00f2"},"description":"Head of Content at Kinsta and Content Marketing Consultant for WordPress plugin developers. Connect with Matteo on Twitter.","sameAs":["https:\/\/www.matteoduo.com","https:\/\/www.linkedin.com\/in\/matteoduo\/","https:\/\/x.com\/matteoduo"],"url":"https:\/\/kinsta.com\/es\/blog\/author\/matteoduo\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts\/29374","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/users\/103"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/comments?post=29374"}],"version-history":[{"count":9,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts\/29374\/revisions"}],"predecessor-version":[{"id":32535,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts\/29374\/revisions\/32535"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/29374\/translations\/en"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/29374\/translations\/es"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/29374\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/29374\/translations\/fr"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/29374\/translations\/it"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/29374\/translations\/nl"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/29374\/translations\/de"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/29374\/translations\/se"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/29374\/translations\/jp"},{"href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/29374\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/media\/29434"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/media?parent=29374"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/tags?post=29374"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/topic?post=29374"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}