90% of content gets no traffic from Google. How to improve your organic search traffic

The way we work has changed, and the tools we use must adapt with it. With Microsoft Viva you can tackle emerging challenges with a modern digital workplace solution that puts people first, helping you boost productivity, connectivity, and support your business goals. Download the e-book to learn more and contact us to help design, implement, and support a Microsoft Viva solution for your organization.

Setup

The themes are activated by CSS classes on the root element. When the page is loaded, I want to apply the theme that most likely suits the visitor (you!) best. After all, most people don’t like configuring websites before they can read a blog post, so the the whole theming feature would likely remain unused otherwise. So I have to make a guess about what the visitor wants and expects. I do that in this order:

1. I assume people don’t want the theme to change when they navigate between pages. So if the page loaded isn’t the first page they visit, I want to use the theme that was used before.
2. If it’s the first page they view on my site, their browser may be able to tell their preference.
3. If no preference is available, we can base the choice based on whether it’s day or night.

Every time a page is loaded, in the current or a new tab, it checks if a theme was set previously. Because the preference for a light or dark theme can change during the day, with every change, I add a time stamp to the saved setting. Only when the state was saved less than two hours ago, it’s applied:

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Eaque distinctio nemo tempora similique necessitatibus asperiores inventore ipsum, nostrum velit, quasi vitae natus numquam veritatis nobis, reiciendis deleniti facere molestias a.

Header 2

Header 3

Header 4

Header 5

Header 6

Lorem ipsum dolor sit amet consectetur adipisicing elit. Animi velit perferendis labore vel, necessitatibus laboriosam fugit inventore ad odio tenetur vitae veritatis, earum numquam consectetur voluptatem illum, sequi asperiores commodi?

• list item 1
• list item 2
• list item 3

Lorem ipsum dolor sit amet consectetur adipisicing elit. Odit corrupti dolorem at iste perferendis! Modi praesentium vel, rem aliquid illo, nostrum asperiores dolorem corrupti odio tempora impedit deleniti eius voluptatibus.