Breadcrumb es una navegación secundaria dentro de una web (además llamada navegación de miga de pan). BreadcrumbsConcepto de Breadcrumbs¿Qué son las Breadcrumbs?Las Breadcrumbs, término inglés que se traduce como migas de pan, son todas aquellas herramientas y mecanismos que indican a los usuarios dónde se encuentran dentro de una página web. El rastro que determina la localización exacta dentro de la estructura de la web, indicando cada una de las ramas seguidas hasta llegar a la ubicación actual.Este concepto, tremendamente ligado tanto a la usabilidad, la más ofrece a los usuarios de la web la opción, en forma de enlaces internosUn link entrante interno apunta a una subpágina dentro de una web, transfiriendo así el poder del link (el llamado "Enlace Juice") a la subpágina. A la vez, los enlaces internos además pasan al PageRank (además llamado flujo de rango de página). Una página obtiene este poder de link de enlaces entrantes externos. Es la página de inicio que tiene el mayor poder de link en la mayoría de los más, de volver rápidamente a la página principal o a otro nivel de la web. Gracias a la navegación con migas de pan, el usuario puede reconstruir qué páginas ha visitado anteriormente. Esta navegación secundaria suele construirse jerárquicamente según la web y muestra la ruta lógica desde la página principal hasta la posición actual. Una navegación de breadcrumb se puede hallar regularmente en la parte de arriba de un portal web, y por lo general no es demasiado notable como elemento de diseño.
Antecedentes
El término deriva del cuento de hadas «Hansel y Gretel» de los hermanos Grimm. En el cuento de hadas, dos niños usaron migajas de pan para hallar el camino de vuelta a casa. Las migas de pan, tal como se aplican a Internet, ofrecen a los usuarios la oportunidad de hallar el camino de vuelta a la página principal. La navegación con breadcrumb rastrea tus páginas anteriores. Esta navegación está estructurada jerárquicamente y muestra la ruta desde la página de inicio hasta la ubicación actual en el árbol de páginas.
Archivo:600×400-Breadcump-es-01.png
Representación gráfica del breadcrumb
Las etiquetas se mostrarán por medio de flechas, otros símbolos tipográficos o gráficos y botones. Mediante de un clic, el usuario termina en la página principal o en la página principal del wiki. De esta manera, no se puede hacer un clic en el último punto de la navegación. Los breadcrumb se muestran constantemente en un área de una web titulada «above the fold»; no obstante, son bastante discretas con respecto a la fuente y el color, de modo que la navegación principal sigue siendo perceptible. La consistencia además es relevante: si se usa una navegación secundaria, ésta debería estar disponible en todas las páginas y subpáginas.
Tipos de breadcrumb
Estrictamente hablando, los breadcrumbs deben diferenciarse de la ruta de clic, porque los clic paths pueden distinguirse por saltos a distintos niveles jerárquicos, seguramente circulares y no necesarios lógicamente. No obstante, los datos para la producción de breadcrumb muchas veces provienen de la ruta de clics que ha seguido el usuario. Dependiendo de la variación del breadcrumb, la navegación con una ruta de clic es idéntica o relativa a otros items y niveles de una web.
De esta manera, la navegación con migas de pan se puede diferenciar según el nivel relativo del portal web o la ruta de clics en la que se encuentre el usuario.
- Clic PathClic Path o (camino de clics) es una definición utilizado en el marketing online y la optimización de la conversión. Rastrea los pasos individuales que un usuario toma para alcanzar un objetivo específico en un portal web. Estos pasos individuales pueden consistir en hacer un clic entre subpáginas de una web, clics individuales en la misma página web, o una combinación de ambos. Estructura Un clic path se compone generalmente más: Consiste en una navegación basada en la ruta que traza la ruta de clics real y muestra la posición actual. Con rutas extensas y webs con una estructura profunda, la variación es menos posible. Fundamentalmente, el usuario puede realizar la misma función con los botones adelante y atrás del navegadorUn navegador (además: browser) es una herramienta informática que te permite ver documentos y datos y navegar por la red. Los navegadores pueden mostrar distintos tipos de recursos de información; principalmente documentos HTML, a pesar de todo, además son posibles otros tipos de archivos y contenido multimedia, como PDF, JPEG, MPEG, GIF o el lenguaje de meta marcado. A través el uso de complementos especiales y la configuración respectivo, los más. La implementación de los datos depende de los datos del análisis de la ruta de clics y, en determinadas circunstancias, una navegación basada en la ruta puede ser muy larga.
- Ubicación: un breadcrumb basado en la ubicación se refiere a la posición actual del usuario en la jerarquía de la web. Los sitios web con más de 2 subniveles muchas veces implementan esta variación para poder alcanzar rápidamente los items padre en el árbol de páginas.
- Categorías (atributoAtributo es una definición que se usa en varios campos de IT. Generalmente, un atributo se usa para describir un fichero o un campo de datos con más detalle. En la programación orientada a objetos, los atributos son una propiedad o característica que se puede asignar a un objeto (elemento). A través el uso de atributos se pueden asignar valores específicos a ciertos items. Áreas de aplicación Las tres áreas más): los breadcrumb basados en atributos permiten al usuario ver a qué categoría pertenece la página en este momento visitada y a qué atributo se le puede atribuir esta página. Por lo general, estos sistemas de navegación serán utilizados por sitios web de comercio electrónico y tiendas online en el nivel de producto, y con la búsqueda y ofrecidos junto con las funciones de búsqueda y personalización. De esta manera, la implementación es más compleja, dado que el breadcrumb tiene que adaptarse a las funciones de las webs, y seguramente además a la base de datos.
Apps
La navegación con breadcrumb se usa principalmente para webs y portales muy grandes que disponen una estructura jerárquica compleja. Te encontrarás con opciones de navegación de breadcrumb en las tiendas online muchas veces, así, dado que ayudan a los usuarios a hallar su camino en la gran categoría y selección de productos. Si un portal web no cuenta con una jerarquía lógica, no se recomienda la navegación con breadcrumb. Una forma de hacerlo es construir la estructura de breadcrumb como un sitemapUn sitemap o mapa del sitio es una representación estructurada de todas las páginas de una web. Tanto la estructura del sitio como los enlaces individuales entre las páginas pueden ser listados. Se pueden distinguir dos tipos de sitemaps distintos, HTML sitemaps y XML sitemaps. El sitemap HTML como árbol de navegación y vista general Los sitemaps HTML se pueden usar en las webs como una lista de todas las más, que por lo general refleja la arquitectura de la web.
Es importante destacar crear un sitemap y posteriormente comprobar si una navegación con breadcrumb ayudaría. En caso de que la estructura de la página incluya muchos niveles, esto debería ser visible en el sitemap. En resumen, lel breadcrumb se puede construir como el sitemap, dado que reflejan la arquitectura de la página. La próxima norma es esencial: la navegación con breadcrumb es una ayuda secundaria que no reemplaza ni al menú ni a la navegación. De esta manera, la navegación primaria y secundaria deben estar separadas, inclusive en lo que se refiere al trazado y al diseño.
Implementación de Breadcrumbs en una web
Los breadcrumb se pueden integrar de muchas maneras:
- Plug in: Dependiendo del CMSConcepto de CMS¿Qué es un CMS o Sistema de Administración de Contenido?Un CMS, siglas de Content Management System, es un tipo de software que se elabora con la finalidad de ofrecer una plataforma con la que facilitar la gestión y la administración de contenidos de cualquier web. Son herramientas pensadas para que cualquier persona, sin tener conocimiento alguno de informática, pueda publicar contenidos en una página sin ningún tipo de más (por ejemplo, wordpressWordPress es el software de blogs líder en el mundo, y es concretamente fácil de utilizar y adaptable. Con WordPress, es factible crear con éxito sitios web con la ayuda de funciones ya predefinidas, sin mucho esfuerzo, y para proporcionar contenido como texto, imagen y vídeo. No se requiere conocimiento de HTML. WordPress además facilita la gestión y el mantenimiento de contenidos extensos. Al mismo tiempo de su fácil manejo, más), distintos plug-ins son posibles para los breadcrumb. El programa adicional permite realizar cambios e integrar la navegación secundaria. El soporte de datos estructuradosDatos Estructurados es una definición utilizado en la parte semántica de Internet. Permite a los motores de búsqueda posicionar con precisión la información estructurada de las páginas web y enriquecerla. Definición de datos estructurados Para poder trabajar con datos estructurados, los operadores web deben usar formatos y márgenes de beneficio especiales definidos de forma uniforme. El marco de descripción de recursos (RDF), varios microformatos, microdatos y resaltadores de datos son más o microdatosLos microdatos son markups adicionales para un tipo de información de documentos HTML, Atom, fuentes o feeds RSS, así como archivos XML. Los microdatos marcan información específica indicando algo sobre el elemento descrito. Esto se hace especificando ciertas propiedades que se especifican en el correspondiente micro-formato. Una propiedad se trata de un par nombre-valor. Un recopilatorio de propiedades se describe como un post. Tipos de información como personas, lugares, eventos, más es opcional, dado que los breadcrumb pueden ser leídos por los buscadores y mostradas en los SERPsLa expresión SERPs proviene de las siglas de los términos en inglés Search Engine Result Pages es decir, páginas de resultados de los motores de búsqueda. En las SERPs es donde se encuentran los resultados de búsqueda de los motores de búsqueda y se organizan de mayor a menor relevancia. El posicionamiento lo determinan los motores de búsqueda de acuerdo al análisis de muchos factores y criterios de relevancia y más.
- PHPEl PHP es un lenguaje de scripting de código abierto, del lado del servidor, con programación HTML integrada que se usa para crear páginas web dinámicas. Las ventajas de PHP son su flexibilidad y su alta compatibilidad con otras bases de datos. Al mismo tiempo, PHP es considerado como un lenguaje fácil de aprender. Funciones de PHP Las funciones de PHP se relacionan con los scripts del lado del servidor. más y JavaScriptJavaScript es un lenguaje de programación que funciona en el lado del cliente y con el que las webs pueden ser más funcionales. Incorporación en código HTML El código JavaScript puede ser incrustado en las páginas HTML, para que adquieran funcionalidad. Existen varias opciones. Puede estar entre las etiquetas <SCRIPT> y </SCRIPT>, puede estar contenido en un archivo externo, puede ser un parámetro de las etiquetas HTML, y puede estar más: alternativamente, items de código de distintos lenguajes de programaciónConcepto de Programación¿Qué es la Programación?La Programación es el procedimiento al que se recurre para crear algún tipo de aplicación o software, para materializar un concepto o proyecto que requiere de la utilización de un lenguaje informático para poder llevarse a cabo. Es algo que está absolutamente ligado a la figura del programador, y que cada vez está cobrando más relevancia dentro del mundo del marketing.Decimos que tanto esta figura más y script pueden ser integrados en el código fuenteEl código fuente es un programa de PC o página web que se convierte en un lenguaje que es leído por una máquina y se recoge en imagen y función. El código fuente es una parte importante del SEO porque determina la correcta ejecución de una página web. La optimización del código fuente es por ende parte del SEO técnico. Código fuente para páginas web Mientras que el código fuente más. Por ejemplo, una función puede ser definida en PHP y posteriormente recuperada en el documento. Esto sucede de manera semejante con JavaScript, aún cuando además las webs generadas dinámicamente reciben un breadcrumb.
- Sistema de administración de contenidos: algunos CMS y sistemas de tiendas ofrecen además breadcrumbs como una opción en el backend. La implementación es normalmente fácil y es viable con pocos clics.
- HTMLHTML (Hypertext Markup Language) se usa para estructurar el contenido de texto de un documento web. No sólo se marca el contenido, sino además la meta-información que describe este contenido. Las páginas HTML se almacenan normalmente en el directorio raíz del servidor. Cómo se creó En la era digital, a los usuarios les resulta difícil hallar su camino en las webs y hacer un seguimiento de las estructuras de las más: la variación manual se basa en enlaces que se pueden resumir en una ruta relativas que apunta a lados previamente visitados. El diseño se forma por medio de del CSSConcepto de CSS¿Qué es el CSS?CSS es un lenguaje de programación que se usa para definir el estilo y el aspecto de un documento que se ha escrito mediante de un lenguaje de etiquetas, como HTML. Conocido además como hojas de estilo en cascada, es el que se emplea para dar colores, indicar tipos de letra o inclusive resaltar aspectos como el espacio entre items para dotar de estilo a más y debe ser coherente.
Los breadcrumbs disponen las siguientes ventajas para la usabilidad en las web:
- Muestran a los usuarios la posición actual relativa a otros niveles jerárquicos de una web. Con esto, el breadcrumbs es un soporte de uso y navegación.
- Permiten navegar por la jerarquía de páginas con un solo clic. Si el usuario llega por medio de de Google-Search o de enlaces profundos en medio de la arquitectura de información, los breadcrumbs son una ayuda de navegación rápida y sencilla.
- Los breadcrumbs no ocupan mucho lugar en una web y son relativamente fáciles de poner en práctica.
- Según Jakob Nielsen, experto en usabilidad, nunca generan problemas con las pruebas de usuario. Los usuarios conocen lo que es esta navegación secundaria y cómo pueden usar las migas de pan.
Importancia para el SEO ¿Qué es SEO o search engine optimization? Conjunto de prácticas destinadas a mejorar el posicionamiento de una web en el ranking de resultados de los motores de búsqueda. Al contrario que la estrategia SEM, que contempla la inclusión de enlaces contratados para obtener este objetivo, el procedimiento SEO se ocupa exclusivamente de los resultados naturales (no pagados) localizados por el algoritmo propio de cada buscador. Para esto contempla ajustar más
Basándose en numerosas pruebas de usabilidad, se cree que la navegación con breadcrumbs ayuda enormemente a los usuarios a navegar. De esta manera, desde el punto de vista de la usabilidad, el breadcrumbs es indispensable. Desde una perspectiva de optimización SEOConcepto de Optimización SEO¿Qué es la Optimización SEO?La Optimización SEO es algo que se compone de todos aquellos procesos que se llevan a cabo en una página o plataforma online para obtener que su seo mejore. Es una definición que mira de frente a los algoritmos de los motores de búsqueda para sacar provecho a todos los cambios con la finalidad de hacer que el tráfico procedente de buscadores aumente más y OnPage es esencial poner en práctica el breadcrumb correctamente. Desde hace algún tiempo los SERPs de Google muestran en parte la navegación de breadcrumb en la línea de URLEl URL (Localizador Uniforme de Recursos), es una dirección definida que apunta a la posición de un archivo en un servidor y lo recupera. Las URL se introducen en un navegador web para ingresar a documentos en la web o se incrustan como hipervínculos dentro de un documento. Se puede usar un Permalink para que una URL esté disponible de forma permanente. Componentes de una URL • prefijo de protocolo más como rich snippets¿Qué son rich snippets?Etiquetas que permiten añadir información útil en las páginas de resultado de los buscadores (o SERP). Su propósito es proporcionar a los usuarios datos adicionales para valorar cuál es el mejor resultado para su búsqueda.Otras denominaciones: Fragmentos enriquecidos más. Se recomienda etiquetar la navegación con breadcrumbs en el código fuente usando microdatos (se puede hallar más información en el servicio de asistencia de Google).
En un sentido más amplio, los breadcrumbs ayudan a los motores de búsquedaConcepto de Motores de Búsqueda¿Qué son los Motores de Búsqueda?Los Motores de búsqueda, o Search Engines, son lo que se conoce comúnmente como buscadores. Todos aquellos sistemas informáticos que trabajan buscando todos los archivos almacenados en internet por medio de de arañas o crawlers para elaborar páginas de resultados que sirvan para que los usuarios accedan a webs tras realizar una búsqueda. Son los responsables de que, al buscar cualquier más a rastrear y resumir los sitios web. Mediante de la navegación, se reforzará la relación interna y las URL que se ajusten temáticamente se vincularán por medio de del elemento de navegación. De esta manera, por medio de de la navegación de breadcrumbs, se puede llegar a directorios más profundos en la jerarquía de páginas y crawlearse más rápidamente.
Web Links
