Are breadcrumbs important on your website?

Breadcrumbs are often used on one of my favourite foods – Chicken Schnitzel. They wrap around a tender chicken breast and are full of flavour. When the Chicken is cooked it is quite simply delicious. Im not writing about cooking with breadcrumbs today.

Im writing about website design and the use of Breadcrumbs on your website.

Breadcrumbs have been used by website developers for years to convey structure and help a user place themselves on the website.

This is really helpful when you have more than a few pages in a site because you need to inform your users where they are to ensure they are comfortable navigating around your website.

Have you ever wondered if breadcrumbs would help your SEO efforts?

Are breadcrumbs useful for SEO?

The simple answer is yes. Google has, over the years, endorsed the use of Breadcrumbs on websites. This is because they are a helpful device for a website with any structure to it. They are particularly helpful when it comes to a large website.

So what is a breadcrumb?

A breadcrumb is a UI tool used to show the path people take when they navigate around your website. On this website, when you are on a product page you can see the breadcrumb navigation clearly. This shows which product and category you are in whilst shopping. Users get used to breadcrumbs being in the top of your page. Place your breadcrumb navigation at the top of page and get the maximum benefit of your breadcrumbs.

What is a good Structure for your site?

Good question. The answers is it comes down to what content is on your site. If your site is focused on blog posts, use tags and categories for your site structure. You will see this on large news sites and many of them work in this way.

If you have an ecommerce site or a B2B site use nested pages with cornerstone articles. Nesting pages and setting parent pages is an essential first step to structure your site for breadcrumb usage. If you have a team page under your about page, you would make sure it is nested under the about page in WordPress. This would result in a breadcrumb path of Home >> About >> Our Team.

Page nesting makes it very clear to your users where they are in an effective and direct way. This is exactly what the breadcrumb is designed to do. It also lets Google know where the page is and gives Google a good understand of your site structure.

What tools are available to make breadcrumbs in WordPress?

The two most popular are Yoast SEO and Breadcrumb NavXT. We use YoastSEO on every website we create using WordPress because of the advantages it gives us as an SEO tool. As a result it is what we also use in our Divi Breadcrumb Module.

It has enough configuration to get the job done for us and on top of that it takes care of the technical markup around a breadcrumb that makes it operate well.

NavXT is also a great tool as it is open source and makes use of the micro formats that should be used on a breadcrumb.

Its hard to split these two plugins apart on the quality of the breadcrumb output code.

For me, the best features of NavXT is that it has hooks and action filters to extend If you have a particularly complex site structure or are using custom post types heavily in your website this could be an invaluable tool to help manage your breadcrumb output.

On the other hand, if Yoast SEO is already installed and our site structure is simple enough it is a very easy to use tool. It also has extension hooks and filters available but they are not as extensive as NavXT but will resolve 95% of any breadcrumb solution required.

Why did we make the Divi Breadcrumb Module?

The Divi Breadcrumb Module has been created to make it easy to have a global position for your breadcrumb module. With lots of features based around the UI / UX it is focused on delivering a great user experience for your Divi website. When you use Divi, YoastSEO and WordPress it will save you lots of time and effort in implementing your breadcrumbs.

Further Reading

Take a look at the Yoast website and review the breadcrumb features. The team at Yoast are experts in the area especially when it comes to WordPress.

Looking for some uI inspiration take a look at smashing magazine and ui-patterns.com.

 

Making links that add product to your WooCommerce Cart

If you are like me, you want to make as few steps as possible to get to the checkout page of your website.

The less steps, the higher the conversion.

In this quick Tweak of the Week i show you how to make an add to cart link for any button on your website.

Its a great technique and works flawlessly. In this example I add the link for a Divi Button but this does work in any place on your site including the menu.

Enjoy

 

 

VR View for Divi is Free for the month of May

The whole team at Divi Framework is really excited about VR and what it can do for your business.

So this month, the month of May 2017, we are making the Divi VR View module completely free.

To make use of it, add it to the cart and checkout, you don’t need to enter any payment details.

Then you can download it and make use of this great tool for your Divi Powered Websites.

Don’t forget to check out the product videos and knowledge base but if you do get stuck please email us via the helpdesk at diviframework and we will make sure we provide documentation or additional help as needed.

Hope you all enjoy the experience of VR on your pages and we look forward to more cool VR Photospheres in WordPress websites around the globe.

Product overview for Web VR Viewer

I created a quick screencast for the product overview for the VR View Module for Divi.

Its a pretty cool little module that allows you to have a visual tool for adding Photo Spheres to your Divi Powered WordPress website.

It makes use of another plugin called WP-VR-View and is a overlay divi module to allow the use of these short codes for photospheres inside your Divi WordPress site.

You can look at all the screenshots and further information over here on the official product page.

 

Get access to all our themes and plugins

Trusted by over 1000+ websites

Become a member to use our themes & plugins for an unlimited number of sites. No restrictions!

30-day money-back guarantee.

Not satisfied? Your money back, no questions asked.