TYPO3 AI
Arrange a Call Arrange a Call button with three profile images
de
TYPO3 Glossary

Breadcrumbs in TYPO3 – Glossary

TYPO3 Breadcrumbs

Breadcrumbs in TYPO3 are simple navigation tools that help users know where they are on your website. They show a trail of links, usually at the top of a page, which helps users see their path from the homepage to their current page.

For example, if you're on a product page, the breadcrumb might look like this:

Home > Products > Category > Specific Product

Each part of the breadcrumb is a clickable link that helps users navigate back to previous sections easily.

Why Use Breadcrumbs?

  • Easy Navigation: Breadcrumbs make it easy for visitors to find their way around your site. They can go back to any previous page with just one click.
  • Improved User Experience: Breadcrumbs give users a clear idea of their location within the site structure, which enhances their overall experience.
  • Better SEO: Search engines like breadcrumbs because they help understand the structure of your site. This can lead to better indexing and improved search rankings.

Breadcrumbs are a small but powerful feature in TYPO3 that can enhance the navigation and user experience of your TYPO3 website. By following the simple steps above, you can easily set up and customize breadcrumbs to fit your site’s needs. Happy navigating!

Breadcrumbs show visitors the path from the home page to the current page, for example “Home › Services › TYPO3 Support”. They help with orientation, especially on large websites with many levels, and allow a jump back to a parent area with one click.

Technically, TYPO3 generates the breadcrumb navigation automatically from the page tree. With the menu object in TypoScript or a Fluid template you can control exactly how it looks, which pages appear and whether the current page is linked. If desired, you hide pages that should not appear in the navigation.

Breadcrumbs are also useful for search engines. With structured data of type BreadcrumbList, Google can show the path in search results, which can improve the click rate. They also strengthen internal linking because each page points to its parent pages.

For accessibility, the navigation should be embedded in a nav element with a suitable label, and the current page is marked with aria-current. That way screen reader users recognise the function of the bar immediately.

We set up breadcrumbs in your TYPO3 project, combine them with structured data and take care of a clean, accessible implementation.