homefinance blog
A pesar del nombre trivial, las migas de pan son herramientas muy útiles para mejorar la experiencia del usuario (UX) y la optimización de los motores de búsqueda (SEO).
En esta publicación, presentaremos sus panes de WordPress y explicaremos cómo funciona. Luego le mostraremos cómo agregarlos a su sitio, elegante y eliminarlos. Hay mucho que cubrir, ¡así que comencemos!
¿Qué son los panes de WordPress? Las migas de pan, como se refiere a WordPress (o cualquier sitio), son enlaces de navegación que aparecen en la parte superior de una publicación o página. Muestran a los usuarios las categorías de nivel superior que los han llevado al contenido que vean actualmente y también permiten una navegación fácil de regresar a las páginas previamente vistas.
Por ejemplo, considere el siguiente ejemplo:
Pesmet en el blog Kinsta a la izquierda, justo debajo del encabezado, puede ver las palabras en casa> Centro de recursos> Blog de Kinsta. Cada uno es un enlace de regreso a la página apropiada de la publicación actual. Esto permite a los lectores en nuestro blog navegar a cualquiera de estas zonas de contenido clave con un solo clic, en lugar de tener que usar el botón Atrás, el menú o la función de búsqueda. Así es como recibieron sus nombres: crean una ruta que impulsa a los usuarios “a casa”. Son particularmente útiles para sitios como blogs y tiendas en línea, donde los visitantes pueden querer moverse entre publicaciones individuales, productos de productos y archivos, donde pueden encontrar contenido similar.
¿Cómo funcionan los panes de WordPress? Hay tres tipos diferentes de pan de WordPress. Todos incorporan enlaces de navegación como se describió anteriormente, pero de maneras ligeramente diferentes: según la jerarquía: este pan de pan muestra a los usuarios donde están en la estructura de su sitio, como en el ejemplo anterior.
Según los atributos: utilizados principalmente en sitios de comercio electrónico, estas migas de pan muestran los atributos que el usuario ha buscado y que condujo al producto que está viendo actualmente.
Basado en la historia: a medida que los usuarios se mueven de una página a otra en su sitio, estos panes lo llevarán de regreso a la carretera en el que entraron.
Cada variedad de migas de pan es útil para diferentes propósitos. Sin embargo, todos pueden mejorar la navegación y, por extensión, UX.
También son beneficiosos para fines de SEO. Los Pesmets muestran claramente las relaciones entre las diferentes partes de su sitio. De esta manera, facilitan que los motores de búsqueda o “botas” comprendan cómo está estructurado su sitio. Esto permite que esos robots indexen las páginas de su sitio con mayor precisión. Los motores de búsqueda también pueden mostrar sus migajas en las listas de resultados para que los usuarios puedan ver contenido adicional en su sitio sobre la información que están buscando. Cómo agregar Pesmet WordPress a su sitio (4 métodos) Ya sea que sea un experto en codificación o un principiante de WordPress, puede agregar rápida y fácilmente a su sitio en solo unos pocos pasos. Aquí hay cuatro formas diferentes en que puedes realizar esta tarea.
1. Active las migas de pan en Yoast SEO Yoast SEO es un complemento popular que ayuda a los usuarios de WordPress a aproximar sus motores de búsqueda y optimizar su contenido. Incluye otras características para aumentar la visibilidad de su sitio, incluidas las migas de pan. Si aún no lo ha hecho, instale y active el complemento en el tablero de WordPress: Instalación del complemento Yoast SEO, deberá agregar este fragmento de código a su tema: <{yoast_breadcrumb ('
,' ‘); }?> Específicamente, ¿dónde agrega? Depende de usted. Si desea usar pan rallado en las publicaciones de blog, puede agregarlo al archivo de plantilla single.php.
Alternativamente, pegarlo hasta el final del archivo encabezado.php agregará pan rallado a todo el sitio:
Agregar código de activación de Yoast Pester Tenga en cuenta que las actualizaciones de temas futuros pueden sobrescribir este código personalizado. Deberá comunicarse con el desarrollador de temas para obtener información sobre cómo evitar este problema o simplemente usar un tema infantil. Una vez que el fragmento esté en su lugar, navegue en SEO> aspecto de búsqueda> migas de pan en el tablero:
La configuración en el interruptor de ruta de SEO yoast el interruptor de ajuste de las migas de pan. Luego previsualice su sitio:
Panes vivos agregados con Yoast SEO Ahora debería ver migas de pan en las partes relevantes de su sitio, dependiendo de dónde agregó el fragmento de código. 2. Active las migas de pan con un complemento de panecillos de WordPress, agregar pan con yoast, es particularmente conveniente si ya usa ese complemento para fines de SEO. Sin embargo, si prefiere un complemento diferente para optimizar el contenido, el enfoque anterior es menos útil. Afortunadamente, hay varios otros complementos disponibles que están especialmente orientados a agregar migas de pan. Breadcrumb navxt El complemento más popular para agregar pan rallado a WordPress, además de Yoast, es Breadcrumb Navx: Plugin Breadcrumb navx ofrece un widget de migas de pan que puede agregar a cualquier área de widget ofrecido por su tema, como su tema, una barra lateral o un sótano. Es muy personalizable, lo que le permite elegir qué páginas y categorías mostrar en la ruta. BreadRumbs Navx también incluye el esquema de marcado para la mejora de SEO. Para agregar migas de pan con este complemento, explore los widgets de apariencia. Verá un nuevo widget Breadcrumb Navx, que querrá atraer al área de widget donde desea aparecer:
Agregar widget de pan de pan de pan bread al área del sótano Haga clic en la flecha de caída para abrir la configuración del widget y luego complete los campos necesarios:
Opciones de widget de BreadCrumb de navx Asegúrese de verificar los cuadros de selección según sea necesario para agregar enlaces a las migas de pan, determinar su pedido, ocultarlos en la primera página e ignorar el almacenamiento en caché. Cuando haya terminado, haga clic en el botón Guardar, luego verifique el frente de su sitio: Pesmets creados con el widget de pan de pan de pan. Pessmet flexible como alternativa, Flexy Breadcrumb es el mejor complemento con calificación para agregar pan de pan a WordPress:
El complemento Flexy Breadcrumb, cuando se instala y se activa este complemento, puede agregar Breadcrumb a su sitio utilizando el código corto [Flexy_BreadCrumb]. Esto le brinda un poco más de flexibilidad en el lugar donde aparecerán los rastros. También tendrá más control sobre los componentes de estilo, como el tamaño de la fuente, el color y los iconos. Después de instalar pan rallado flexible, verá un nuevo artículo en la barra lateral del tablero:
El enlace Flexy Breadcrumb desde la barra lateral del tablero de WordPress, luego tendrá algunas configuraciones para configurar. En la pestaña General, puede cambiar el texto y el icono para su página inicial, establecer el límite de caracteres y determinar la jerarquía:
Configuración general de pan de pan flexible En la pestaña Tipografía, puede ajustar el color y el tamaño de la fuente y para su pan:
Configuración de tipografía de Crumba Flexy Bread después de haber personalizado su ruta, deberá agregar el código corto [Flexy_Breadcrumb] donde quiera aparecer. Aunque es posible hacer esto en cada publicación individual que publique en su sitio, es más efectivo agregar el código corto a un widget WordPress: una ruta flexible de pan de pan. Si verifica el frente del sitio, debería poder Vea sus manchas que se muestran donde haya agregado el código corto. Pesmet WooCommerce para minoristas en línea, WooCommerce BreadRumbs es una manera fácil de agregar enlaces de navegación a sus páginas de productos:
Complemento de banes de WooCommerce Si administra su tienda en línea con el popular complemento de WooCommerce, esta puede ser la mejor opción para usted. Le permite activar las migas de pan para sus páginas de productos, para mejorar la navegación de sus clientes. Después de la instalación y la activación, puede navegar por la configuración> WC BreadRivumbs para personalizar sus rutas de pan de pan:
La página de configuración de WooCommerce BreadRumbs, la configuración más importante a considerar es el cuadro de selección de activación de BreadRumbs. Debe asegurarse de que esté seleccionado para mostrar sus migas de pan. Luego revise una de sus páginas de productos:
La página del producto de WooCommerce con migas de pan activadas su muleta de pan debe ser visible en la parte superior de la página. Pesmet Finalmente, Breadcrumb es un complemento fácil que le permite agregar Breadcrumb en cualquier lugar de su sitio usando códigos cortos:
Regístrese para el boletín
¿Quieres saber cómo aumentar nuestro tráfico por más del 1000%? ¡Únase a las más de 20,000 personas que reciben nuestro boletín semanal con los consejos de WordPress! Suscríbase ahora
Breadcrumb Plugin Este complemento tiene la configuración más extensa de las enumeradas en esta publicación. Puede acceder a ellos haciendo clic en Breadcrumb desde la barra lateral del tablero de WordPress:
El enlace Breadcrumba desde la barra lateral del tablero de WordPress, la primera pestaña es opciones etiquetadas e incluye algunas configuraciones generales, como texto personalizado, separadores y límites de caracteres:
La página Configuración del complemento BreadCrumb también hay una pestaña completa dedicada a las opciones de estilo. Hay varios botones de flecha desde los que puede elegir, así como las dimensiones y colores de la fuente:
Opciones de estilo para el complemento Breadcrumb Si tiene habilidades de codificación y desea más control sobre su estilo, también puede usar la pestaña personalizada CSS:
El campo CSS personalizado del complemento BreadCrumb Finalmente, es importante visitar la pestaña Chortcode para agregar sus migajas al sitio:
Las opciones para códigos cortos y fragmento para el complemento Breadcrumb pueden usar el código corto en cualquier lugar de su sitio, como con los otros complementos que cubrimos. Sin embargo, Breadcrumb también ofrece un fragmento de código que puede agregar a uno de los archivos de plantilla para incorporar sus rutas al encabezado, el sótano o en otro lugar. 3. Use un tema que incluya el paniche, aunque generalmente se piensa en el contexto de cómo se ve su sitio, los temas de WordPress pueden influir y la funcionalidad de su sitio. Una forma puede hacer esto es agregar la desventaja de sus páginas de Breads de usar una WordPress El tema para agregar pan en un sitio de WordPress existente es que implica el cambio y la apariencia de su sitio. Sea mejor con un complemento. Sin embargo, si comienza un nuevo sitio de WordPress o realiza una restauración del sitio web, elegir un tema que incorpore pan rallado es un esfuerzo reducido para agregar en su sitio. Hay más opciones disponibles gratis en el directorio de temas de WordPress. OceanWP OceanWP es uno de los temas multifuncionales más populares WordPress: el tema OceanWP incluye un código corto que puede usar para aplicar fácilmente las migas de pan. Para usar el código corto, simplemente agregue [OceanWP_BreadCrumb] a un texto de publicación, página o widget:
Agregar el código corto OceanWp BreadRumbs a un texto de widget Puede personalizar su pan utilizando los siguientes parámetros: Clase: Incorporar una clase CSS personalizada.
Color: cambia el color del texto.
Color del cursor: cambie el color de texto cuando los usuarios pasan con el mouse sobre sus migas.
Simplemente agregue uno o todos estos parámetros directamente en los soportes de código corto:
¿Luchas con tiempos no funcionales y problemas de WordPress? ¡Kinsta es la solución de alojamiento concebida considerando el rendimiento y la seguridad! Revise nuestros planes
Personalización de pan rallado OceanWp con parámetros de código corto ahora debería ver su pan en las páginas relevantes. Astra también Astra facilita la adición de pan en su sitio:
Tema Astra La forma más sencilla de activar las migas de pan con Astra es a través del personalizador. Con el tema instalado y activado, navegue en apariencia> Personalización:
Acceder al personalizador desde el tablero de WordPress y luego, seleccione la pestaña Breadcrumb:
La pestaña Pesmet Astra de la aduana aquí, verá un menú de caída que le permite elegir dónde desea mostrar pan en la página:
Seleccionando la posición de pan de pan para el tema Astra Una vez que haya hecho la selección, habrá algunas opciones de estilo:
Opciones de estilo Astra Breadcrumb en Customizer Asegúrese de hacer clic en el botón Customizer Publication para guardar sus cambios. 4. Agregue migas de pan por manual, complementos y temas son parte de lo que hace que WordPress sea una plataforma tan fácil y accesible. Sin embargo, para algunos usuarios y desarrolladores más avanzados, pueden sentirse limitados. El código puede ser un entorno muy creativo, y la capacidad de escribir sus propias migajas puede atraerlo. Para mostrar manualmente las migajas, deberá hacer dos cosas. Primero, debe agregar una función a las funciones.php para activarlos. Aquí hay un ejemplo de un código que podría usar: function get_breadcrumb () {echo ‘<a href="'.home_url().'oint rel="lu's home ‘; if (is_category () || is_single ()) {echo “” “; La categoría (‘•’); if (is_single ()) {echo “”; The_itle (); }} elseif (is_page ()) {echo “” “; echo the_title (); } Elseif (is_search ()) {echo “” “; Resultados de búsqueda para … echo ‘” ‘; echo the_search_query (); echo ‘ ”’; }} Una vez que se agrega la función, deberá llamarlo en los archivos de plantilla donde desea que sus panes llamen a la función en single.php hará sus migas de pan en sus publicaciones, llamándolo en el encabezado.php donde aparezca el encabezado Tú y así sucesivamente. El código que usará debería verse así:
Cambiar estos archivos mostrará migas de pan en su sitio, pero no le permitirá elegir para que coincida con su diseño. Para hacer esto, tendrá que ensuciarse las manos y con algo CSS. Cómo atar a sus migajas de WordPress que necesita para estilizar su pan si las codifica usted mismo. Sin embargo, puede ser útil y si usa un complemento o tema para agregarlos. Es posible que el estilo predeterminado que ofrecen estas herramientas no sean adecuados para su sitio, en cuyo caso es posible que desee cambiarlos para mantener la consistencia. Puede agregar CSS personalizado al estilo de sus panes en la hoja de estilo de su base (style.css) o en el área CSS adicional de la aduana: la incorporación de CSS adicional para estilizar los migas de pan a través del personalizador. Hay muchas maneras en que puede Adapte sus panes que coincidan con el diseño de su sitio, como cambiar su fuente, tamaño y color. También puede considerar elementos como bordes, llenado, frontera e íconos. Aquí hay un ejemplo de un CSS que se puede usar para atacar sus migajas: .Breadcrub {relleno: 8px 15px; margen de fondo: 20px; Estilo de lista: ninguno; Color de fondo: #F5F5F5; Border-Radius: 4px; } .Breadcrub a {color: #428bca; Decoración de texto: ninguna;
} Hay muchas posibilidades cuando se trata de CSS. Por lo tanto, es posible que necesite algunos experimentos para que las migas de pan se vean exactamente como lo desea. Cómo eliminar las migajas de WordPress de su sitio Aunque hay muchos beneficios para agregar pan en su sitio, eso no significa que sean para todos. Algunas personas pueden encontrarlos confundidos o sienten que hacen que las páginas del sitio sean demasiado llenas. Si desea eliminar los panes de su sitio de WordPress, puede hacerlo utilizando cualquier método tiene sentido dependiendo de cómo los agregue inicialmente. Por ejemplo, si ha personalizado sus panes personalizados, simplemente puede eliminar el código agregado de los archivos del tema. Desactivar el Breadcrumbia agregado con un complemento suele ser tan simple como desactivar el complemento. En el caso de Yoast SEO, puede navegar por la pestaña Breadrumbs desde la configuración del aspecto de búsqueda y puede cambiar el interruptor relevante a la desactivación. Lo mismo puede decirse de los temas que permiten las migas de pan a través de una configuración o códigos cortos de WordPress. Sin embargo, hay algunos temas que agregan migas de pan. Eliminarlos puede ser un poco más difícil, especialmente si no tiene una experiencia con el código. Si esta es su situación, deberá navegar el archivo de encabezado.php de su sitio allí, ejecute una orden de búsqueda de “breadcrumb”. Esto debería resaltar el código que llama a la función que agrega BreadCrumb a su sitio (si hay aquí):
Encontrar el código de las migas de pan en el archivo de mochila del tema Elimine esta línea de código para eliminar los panes de su sitio. Si no ha encontrado el código correcto, puede probar este proceso nuevamente en los archivos single.php y page.php, para ver si La función se llama en una de esas plantillas. Si todo no tiene éxito, comuníquese con el desarrollador de temas para obtener ayuda. Tenga en cuenta que actualizar su tema de WordPress puede sobrescribir cualquier cambio que haya realizado en sus archivos. Por lo tanto, las mejores prácticas sugieren usar un tema infantil por este motivo, para mantener sus personalizaciones ilimitadas. Los obispos son elementos pequeños, con un gran impacto en UX y SEO. ¡Descubra cómo agregarlos a su sitio web #Wordpress con esta guía! Haga clic para enviar en Tweet Resumen UX y SEO son clave para un sitio web exitoso. La activación de las migas de pan de WordPress puede facilitar a los visitantes que navegan por su sitio, mientras ayudan a los motores de búsqueda a comprender su estructura e indexa las páginas con precisión. En esta publicación, hemos cubierto cuatro métodos para agregar pan en su sitio de WordPress: habilite las migas de pan en Yoast SEO.
Instale y configure un complemento de BreadPress de WordPress.
Use un tema que incluya migas de pan.
Agregue manualmente sus migajas usando el código.
¿Tiene alguna pregunta sobre el pan de WordPress o cómo usarlos? ¡Háganos saber en la sección de comentarios!
