What are Website Breadcrumbs?

1
WEBSITE
BREADCRUMBS
WWW.TEQTOP.COM
2
Website Breadcrumbs What are
What are Website Breadcrumbs? When you come
across a website breadcrumb or "breadcrumb
trail expression, it is about a secondary
navigation system of a website or application.
It shows sub navigations and allows users to
trace their path when browsing a website or
using an app.
3
Website Breadcrumbs What are Types
Types of Breadcrumbs
Hierarchy-based - focused on the structure of a
website or an app
History-based - focused on your unique path
through the pages
Attribute-based - focused on specific product
attributes
4
Website Breadcrumbs What are Types Attribute
Atributted-Based Breadcrump Often seen on
e-commerce sites, such breadcrumbs display the
attributes set for the products or services that
users are looking for. In other words,
attribute-based breadcrumbs may highlight
specific features that have been included in a
search. Attribute-based breadcrumbs look like
this
Home CBD Products CBD Oil
Feature / Feature / Feature / Feature / Feature
5
Website Breadcrumbs What are Types Attribute
Example of Atributted-Based Breadcrumb
6
Website Breadcrumbs What are Types Attribute Hiera
rchy
Hierarchy-Based Breadcrumb Youve seen these for
sure - they show where a user is within the
website structure. Many sites are featured with
such a breadcrumb trail - it is great for
navigation on a site. Hierarchy-based
breadcrumbs generally appear something like this
Nike Lifestyle Clothing Bottom Shorts
Home / Category/ Sub-Category/ Pages
7
Website Breadcrumbs What are Types Attribute Hiera
rchy
Example of Hierarchy-Based Breadcrumb
8
Website Breadcrumbs
What are
Types
Attribute
Hierarchy
History
History-Based Breadcrumb They are also called
path-based breadcrumbs - they indicate the path
completed by a user while browsing a website. Not
surprisingly, it is the least popular breadcrumb
type today because it doesnt add any value to
the website navigation we can always use the
arrow buttons to go forward and
backward. History-based breadcrumbs might look
something like this
Root Folder 1 Folder1.1
Home page gt Prior page visited gt Prior page
visited gt Current page.
9
Website Breadcrumbs What are Types Attribute Hiera
rchy History
Example of History-Based Breadcrumb
10
Website Breadcrumbs What are Types Attribute Hiera
rchy History
Reasons
3 Basic Reasons To Use Breadcrumb
Bring Behavioral Factors Growth
Help to Understand site Structure for user
Rank Higher in SERPs
11
Website Breadcrumbs What are Types Attribute Hiera
rchy History
Reasons How to Add
How to Add Breadcrumb In WordPress Standard
navigation system of WordPress websites doesnt
include breadcrumbs. To add breadcrumbs web
design to your WordPress website, you have to
enable this option at
SEO Search Appearance Breadcrumbs page
The system will offer several options of how
WordPress breadcrumbs will look on your pages.
12
Website Breadcrumbs What are Types Attribute Hiera
rchy History
Reasons How to Add
In WordPress
SEO Search Appearance Breadcrumbs page
13
Website Breadcrumbs What are Types Attribute Hiera
rchy History
Reasons How to Add

• In WordPress Another Way
• Another option is to install and then activate an
  SEO Plugin thats designed explicitly for
  WordPress, such as Yoast or Breadcrumb NavXT.
  These are fairly straightforward, but they will
  require additional work.

14
Website Breadcrumbs What are Types Attribute Hiera
rchy History
Reasons How to Add
In WooCommerce If you want to revamp your
breadcrumb navigation or disable them completely,
you can use a WordPress Plugin called
WooCommerce Breadcrumbs. It allows you to
change the website code and customize the
breadcrumbs appearance on the pages.
15
Website Breadcrumbs What are Types Attribute Hiera
rchy History
Reasons How to Add
WooCommerce Breadcrumbs settings
include Breadcrumb separator Wrap before The
opening HTML tag Wrap after The closing HTML
tag Before The opening HTML tag for individual
breadcrumbs After The closing HTML tag for
individual breadcrumbs Home text The text to
use for the Home breadcrumb Home URL The
Home breadcrumb URL link
16
Website Breadcrumbs What are Types Attribute Hiera
rchy History
Reasons How to Add Conclusion
Conclusion Do not forget that, to achieve great
results, you should work with professionals. So
now, the next time someone asks you, What are
breadcrumbs? or What is breadcrumb navigation?
Youll know not only what breadcrumbs are, but
why theyre so important for both the user and
for SEO in 2021. We imagine this will be the
case in years to come as well.
17
(No Transcript)