Core Web Vitals – How To Rank Higher In Google In 2023

In 2021, Google made a big change to how it ranks websites in the search results. What they did was take a closer look at something called Core Web Vitals. They then refined and improved them further in 2022.

Although Core Web Vitals sounds like something from a Shortland Street episode, it’s a major change in how Google ranks your website. So, read on to learn exactly what they are so your website can rank higher in the Google search results in 2023!

Core Web Vitals make poorly coded, slow websites pay a heavy price in search results.

To help you get started, we have put together a guide that helps answer the burning questions:

  1. What are Core Web Vitals?

  2. What do Core Web Vitals mean for my Digital Marketing Strategy?

  3. How do Core Web Vitals work?

  4. How do I improve my Core Web Vitals score?



core web vitals lcp fid cls


1. What are Core Web Vitals?

Core Web Vitals are made up of three metrics that analyse a visitors experience on your website. Loading time, page interactivity, and visual stability.

In other words, it looks at how fast your website loads, whether text and images dance all over the place and how quickly you can start using the website when it first appears on your screen.

Before we continue, we would recommend adding the Lighthouse Chrome Extension and generate a report by loading the extension in your Google Chrome web browser.

This report will give you a quick overview of how your website’s Core Web Vitals are looking, see below for an example of our website on a Desktop setting. You can switch it to score the Mobile experience too and it’s important that scores for both are as close to 100 and in the green as much as possible.

lighthouse score core web vitals
Alternatively, if your website is using Google Search Console you can see the results without the chrome extension.
Look in the Enhancements section on the left-hand menu and you’ll find Core Web Vitals.

You can see the details it provides using the traffic light colours. Red of course means bad! The details section is really helpful and guides you straight to the issues, no guessing game here just identifying and fixing – if it’s all green, you are good to go.

 

core web vitals desktop google search console

 

2. What do Core Web Vitals mean for my Digital Marketing Strategy?

Google have identified that these three metrics are a vital part of a website experience. Simply put, Google does not want to send people to poorly coded, slow websites any more.

Their intention is clearly to improve the internet experience for everyone and they firmly believe that Core Web Vitals is the way to go. To be honest with you, we agree with them on this one.

Core Web Vitals became a key ranking factor in June of 2021. Since then, websites all around the world have taken a hit on their rankings.

Unless you want your website to fall way down on the search engine result pages (SERPs) – and stay there – you need to improve your Core Web Vitals. If you do, riches are to be made.

Netzwelt improved their Core Web Vitals and saw advertising revenues increase by 18% and page views by 27%. Likewise, when a website meets the Core Web Vitals thresholds, research showed that visitors were 24% less likely to abandon the page load. Results like these are game changers for most businesses.

Content generation is not King maker anymore

Given just how much Google are rewarding websites that achieve the Core Web Vital thresholds, our recommendation would be to focus less on heavy content-driven marketing strategies now.

Lots of unoriginal content that lack quality or context is bad for ranking anyway. But with the rise of Core Web Vitals, that approach is even more dated and likely to cost you in the long term.

Instead, focus on delivering a fast, smooth and responsive browsing experience with the content you already have.

A Core Web Vitals centric approach is much more likely to rank you ahead of your competitors who are still stuck in 2015.

This is not to say stop creating content, far from it, but if the content is being pumped out in huge volumes with the sole intention to influence ranking – it will all be for nothing without good scores on your Core Web Vitals.

3. How do Core Web Vitals work?


So what are the key metrics of Core Web Vitals? They include, the LCP, FID and CLS. We’ll explain exactly what these metrics are below:

Largest Contentful Paint (LCP)

lcp largest contentful paint

The LCP metric looks at the overall loading time across your whole website. This means, the amount of time passed in seconds from the moment you land on the website until the largest image or section has loaded.

Naturally, this takes longer than your FID but you’ll want to get the overall loading time of your website down to 2.5 seconds or below.

After researching many websites over the years, we have come across some that take up to an extraordinary 30 seconds to fully load. In the age of ultra-fast fibre internet, that’s a lifetime and Google knows this too. Which is why they will start to make websites like that pay a heavy price by lowering their rank in search engine results pages (SERPs).


First Input Delay (FID)

fid first input delay
Do you remember a recent experience when you landed on a website and no matter how many times you press a button nothing happened? It was frustrating, right? This is why Google has made this a key part of the Core Web Vitals.

First impressions count, and this is no different in the digital space. When you land on a website, you want to be able to take action almost immediately.

FID measures the time in milliseconds that it takes from clicking on a link on the website (Button, Menu etc) to being able to take action on the webpage. The lower the number, the better the experience it will be for your site visitors and Google will reward you for this.


Cumulative Layout Shift (CLS)

cls cumulative layout shift
Don’t you just hate it when you’re reading an article on a web page and all of sudden, the text moves around? Or worse yet, when you’re banging your mouse furiously to close a pop up and you accidentally click it because it moved suddenly? Not a fun experience was it.

The CLS metric gives you an idea of how often, and how badly, this scenario is impacting the user experience. If text and/or images are suddenly dancing all around the page whilst someone is browsing it, then your Core Web Vitals score will be negatively impacted. The content which is doing this is considered an ‘unstable element’.

How much they move around the screen can be noted in percentages. i.e a popup moved down on my mobile phone screen by 25%. The CLS score however is calculated in fractions, granted this may seem complicated at first but it’s much easier to work out when you start in percentages and then just convert them into fractions. We’ll show you!

So how is the CLS Score calculated?

The CLS score is calculated from the impact and distance fractions of how much an unstable element has shifted on your screen (or viewport).

So, using an example, an unstable element moves 75% of the total viewport, so its impact fraction is 0.75. As the unstable element has moved by 25% of the viewport height, this results in a distance fraction of 0.25. So the layout shift score would be 0.75 * 0.25 = 0.1875.

From this example, the score would mean the webpage falls within the ‘needs improvement’ grade.

 

4. How do I improve my Core Web Vitals score?

What can I do to improve the Core Web Vitals on my website

 

Now that you have a better understanding of what Core Web Vitals actually are, why they should matter to you and hopefully had a look at your website’s overall score. You’ll want to know what you can do to improve them.

You are now at the stage when you’ll want to start discussing these things with your website developer. The solutions to many of these issues are quite technical, sure some are a quick fix but others might take time depending on the platform you use.

However, to make sure you’re prepared with the right information, we have covered a few things below which you can share with them to get started. If you don’t have a website developer on speed dial, remember that we would be happy to help so reach out to us for your FREE consultation.


How to stop things dancing around your webpages

How to stop things dancing around your webpages

There is nothing more frustrating than text dancing around a webpage whilst you’re trying to read it. To help you address this here are a few things your web developer should consider:

Add the exact height and width for all the images used on the website to the code. This will ensure the web browser knows exactly how much space is available to load the image and will prevent it from continuously determining it each time the page loads.

Use containers, these are basically designated boxes for Ads on your webpages to load in. We have seen so many times, particularly on news websites, where an article gets pushed down after we started reading it to make room for the display ads. It’s a common mistake to overlook these, containers really help to improve the structure of a webpage so nothing loads where it shouldn’t and then gets moved around afterwards.

Why is website loading time important?

Why is website loading time important

 

The number one reason visitors will leave your website is if it loads too slowly. Think about it, would you be willing to wait upwards of 30 seconds for a website to load these days?

We wouldn’t and from our experience, most people wouldn’t either.

The worst part though is the impact this will cause to your Brand’s reputation in the long-term if the status quo remains.

Nearly 60% of visitors will abandon a website if they experience more than 3 seconds of load time, and the majority will not return either. With a knock-on effect they may share this negative experience with others and deter them from engaging with your brand too.

This is why slow loading times, especially the initial loading phase when your site visitors are most likely just staring at a blank white page – is particularly damaging for a business. In other words, getting that initial loading time down is intimately tied to succeeding online.

Famously Jeff Bezos, the founder of Amazon, spent millions of dollars to get Amazon’s initial loading time to below 1 second because he knew it would cost Amazon billions of dollars more in lost revenue if he didn’t.

People just don’t have the time these days to wait so the chances they will jump ship to your competitors is higher than ever. Is it worth risking over something as simple as a few seconds? We don’t believe so and recommend doing everything you can to get that time down, just like Jeff did.


Make your website load faster

make your website load faster

Reduce the time it takes for a visitor landing on your website to load all the images and text
. So, here are a few things that either you or your web developer can achieve:

Images are more often than not the largest contributor to slow website loading times. You can resolve this in two ways.

First, by reducing their physical dimensions.

Images chosen for websites are rarely sized exactly to what is shown or needed, they are usually far too large and this is often caused by them being uploaded straight from a digital camera. As the megapixels have increased and cameras improved over the years, they now generate images with far more detail and clarity than you actually need.

No one needs a ‘6000 x 4000’ sized image on a website. At best, you’ll need a ‘1920 x 1080’ but often even smaller than that is perfectly fine. You can achieve all of this for free by using Image Resizer. Upload them, choose a smaller size, then download them – it’s as simple as that.


Resizing & Compressing images will improve your Core Web Vitals.


The second, is by compressing the images.

You can do this for free by using TinyPNG. Whether the image is a JPG or PNG they will compress it using a sophisticated algorithm that removes unnecessary code but retains the quality, in other words you can’t see any change to the image but the file size is now greatly reduced.

By resizing and compressing your images you can shrink images by up to 90% – that’s a big reduction which will reward you in a faster website loading time.

Next you need to consider implementing a Content Delivery Network or ‘CDN’. We have written an article about CDN’s already which we definitely recommend you read at this point. But just know, they work really well and will make your website load faster without even touching the code.

Time to get techie

Lastly, on to the more technical things. Ask your web developer to optimise your JavaScript execution, ideally either defer or delay any non-critical JavaScripts from loading first. It will greatly reduce the initial loading times.

Next we would recommend asking them to minify the CSS and HTML on the website. This removes any spaces from the files and shrinks the sizes down – it’s surprisingly effective.

Fortunately, it’s much easier to achieve all of these technical improvements if you’re on WordPress as a plugin named WPRocket can do it all for you whilst implementing sophisticated caching technology too which speeds things up even more. It’s a plugin that is definitely worth considering. But if you’re not using WordPress or just don’t want the hassle, we can help you either way so reach out to us.


Your next steps.

At VIEWFULE, we not only care about achieving top Google rankings for our clients but maintaining them too. Getting on Page 1 is tough, especially if you are in a highly competitive industry. So the last thing you want is to tumble down the rankings just because Google updated their algorithm one day.

Core Web Vitals are here to stay, they are undeniably in the interest of the customer experience as no one enjoys browsing on poorly coded, slow websites. So keep ahead of the game by winning at Core Web Vitals today, so you keep winning tomorrow. Remember to reach out for your FREE consultation and we can talk through implementing all of these improvements, and more, on your website.



Domain Mega Sale


HostArmada - Affordable Cloud SSD Web Hosting

Read More

5 BIG Reasons To Choose Us

VIEWFULE is Your Responsible & Trusted Web Services Company.

We are the Web Services Company that chose the responsible approach to business by putting Accountability, Community and Sustainability at the centre of our day to day operations. Asserting our Corporate Social Responsibilities, we proudly donate a percentage of our profits to organisations that champion sustainability and improve peoples lives around the world. We promote these 5 industry-leading commitments so you know you’re partnering with the right company:


You Own What We Create 100%.

Guaranteeing Ownership was one of our founding principles. You own 100% of your Website and any copy we write for you.

1 Tree Planted For Every New Client.
We partner with One Tree Planted, a non-profit dedicated to global reforestation. They help plant native trees within New Zealand.

We Are A Carbon-Negative Company.
Being Carbon-Neutral is simply not enough. We offset 50% more Carbon than we generate and aim for 300% within 5 years.

Percentage Of All Profits Donated.
We currently donate 2% of all our profits to causes the Sustainability Trust recommend. Improving homes and peoples lives every day.

‘Let’s Make It Right’ Policy.
This incorporates our Money-back Guarantee and Refund Policy. Please read our Terms and Conditions for more information.

We would love to help showcase your Brand online by championing your Website and we’ll get it found in major Search Engines too with our affordable search engine optimisation services. So reach out for your FREE consultation and experience the VIEWFULE difference today!

Read More

How to Drive More Traffic to your Website

A purely online based business with no ‘brick and mortar’ presence needs traffic in order to make sales and succeed. Essentially, traffic is the life blood of an online business. Without a reliable and highly targeted flow of traffic the business will surely fail it’s simply a matter of time. Therefore, acquiring and driving that traffic to your website should form a central piece of your marketing strategy. This has never been more important than in 2021 as there are more than 2 billion indexed websites out there… you need to make it clear why the visitor should choose you and FAST!

It is possible to buy traffic to your website, however there are many reasons why this is not a wise decision. We will cover this on another article but for now we’re going to delve deeper into 5 PROVEN METHODS that absolutely will drive more effective and targeted traffic to your website.

1. Write fresh and unique content REGULARLY.

Your entire website should be full of relevant, unique and well written content from front to back. When visitors find interesting content on your website, they will learn to trust your business. By doing so, they will spend more time on your website, favourite it/ bookmark it and eventually buy your products or services. It’s a virtual certainty.

By posting lots of valuable information on your website, regularly, you will be viewed as a subject matter expert (SME) in your field. We recommend that most of our clients post at least one interesting and unique blog/article per week and share it across all their social media.

2. Search Engine Optimisation or SEO – is KING.

Making your website visible in search engines, known as being ‘indexed’, is essential. You need to ensure your home page and ALL YOUR SUB-PAGES are indexed too. Google currently holds a 90% market share of all search engines globally, therefore it would be very wise indeed that you spend most of your time promoting your website in Google.

Being on the first page of the search engines results page (SERP) will make you very popular. Traffic will increase, this is a fact. Investigate and test niche keywords and phrases and place these in your titles and in the rest of the content on your website to increase their density. But be careful not to ‘overdo it’, if you are believed to be keyword spamming this will negatively affect your website (don’t use the same keyword more than 12 times per page).

Usually, visitors search using keywords or phrases and as a result this increases the chances of your website being found for those specific keywords. Take your time on this, test test test and do more testing. You will find the sweet spot in time.

3. Pay Per Click or PPC Advertising WORKS.

However, it costs. That being said, Google often provides sign up bonuses for its system ’Google Ads’ which can add up to $100. So, keep an eye out for these promos. Depending on your industry, you will want to start out with a budget of anywhere between $500-$2000. You can write your own ads or pay others to do this for you, although YouTube can be really helpful and teach you a new skill. Nail the ads, the targeting options, and the time of day they run and you could be making sales within hours.

4. Join Forums related to your industry – ENGAGE with them.

Joining Forums, talking with other likeminded individuals and sharing your knowledge can be very powerful for gaining more traffic. Once again, this takes us back to that topic of the SME I mentioned earlier. Engaging with fellow members and making it clear how knowledgeable you are within your field will result in others wanting to learn more about you.

Find appropriate forums on the internet (Google search your industry, country and the word ‘forum’ as a start) and participate in industry specific targeted forums. The topics you interact with should align with the topics on your website. We would not recommend that you directly write your Website URL on the topics or within responses. This may breach forum rules (remember to check them) but do capatilise on your username and avatar being related to your business and remember to link your website in your signature as this is usually permitted.

5. Videos increase engagement by up to 300% – CREATE them.

Create videos, as often as you can. Discuss in them your business, you and the products or services you offer. Respond to questions and emails from customers this way too by recording a Q&A session. They say a picture speaks 1000 words…. Well, a video speaks 300% higher than that! Make sure you share them on YouTube, Vimeo, Dailymotion etc too and tag them accordingly. Today, many businesses use video marketing to drive traffic to their website and the simple reason for this is… IT WORKS! Ensure you post your Website URL on the video description as this will make it easy to link visitors straight to your website.

At VIEWFULE, driving traffic to our clients’ websites is a passion. Irrespective of your industry, we would love to work with you and for you to drive your traffic sky high. So, remember to reach out for your FREE initial consultation today.

Read More