Breadcrumbs

Learn more about the Breadcrumbs Adobe Muse widget

Breadcrumbs are a powerful SEO asset for 2 reasons: 1. they make your website easier to navigate. 2. when used with Schema.org markup, they provide important data to search engines about the structure of your website.

Buy Now $4.99

Table of contents

  1. How to use
    1. URLs
  2. Documentation
    1. Icon types
    2. Styling
    3. Breadcrumbs
  3. Discussion

How to use

Breadcrumbs should be placed on every page of your website (except for the home page) and should follow the way your site is planned out in Muse. For example, let's say you have a basic site that is structured like this in Adobe Muse

Plan view in Adobe Muse

Here's what your breadcrumbs would look like in the Services page and child pages:

  • › Services
  • › Services › Web Design
  • › Services › Photography

URLs

The URLs that are entered into the widget can be absolute or relative URLs. If you are unsure of what these terms means, here's an example.

In the website mentioned above, let's say that the domain for that website is example.com. That would mean that the absolute and relative URLs or the Services page would be as follows:

  • Absolute — http://example.com/services.html
  • Relative — services.html

Neither of these options is preferred over the other so enter whatever you feel more comfortable with.

Breadcrumbs
Icon Types
Home Icon You have 3 types of home icon types to choose from.
Divider Icon You have 22 types of divider icon types to choose from.
Styling
Animation Speed The transition animation speed between normal, hover, and active state.
Divider Color The color of the divider icon selected above.
Space Around Icon The amount of space around the divider icon.
General
Edit Together Turn this off if you would like to change the color of the Home Icon in each state.
Color Changes the color of the Home Icon.
Color (Normal) Changes the color of the Home Icon in the normal state.
Color (Hover) Changes the color of the Home Icon in the hover state.
Color (Active) Changes the color of the Home Icon in the active state.
Breadcrumb Links
Edit Together Turn this off if you would like to change the color of the Breadcrumb Links in each state.
Color Changes the color of the Breadcrumb Links.
Color (Normal) Changes the color of the Breadcrumb Links in the normal state.
Color (Hover) Changes the color of the Breadcrumb Links in the hover state.
Color (Active) Changes the color of the Breadcrumb Links in the active state.
Fancy Underline
Height Changes the height of the Fancy Underline that will appear under each breadcrumb link.
Color Changes the color of the Facny Underline.
Color (Normal) Changes the color of the Facny Underline in the normal state. Tip — Make the opacity of the Normal State transparent if you would like the underline to appear when a user hovers over the link.
Color (Hover) Changes the color of the Facny Underline in the hover state.
Color (Active) Changes the color of the Facny Underline in the active state.
Breadcrumbs
You can add up to 15 breadcrumbs to this widget.
Add Breadcrumb Toggle this on to add the next breadcrumb.
Title The title of the breadcrumb.
URL The URL of the breadcrumb.

Discussion