Ta kontakt med oss

SEO

How To Optimize The Largest Contentful Paint & Rank Higher

Publicerad

How To Optimize The Largest Contentful Paint & Rank Higher

How To Measure The Largest Contentful Paint Of Your Website

Run a free website speed test to find out. Your LCP speed will be displayed immediately.

The results of your speed test will tell you if:

  • The LCP threshold is met.
  • You need to optimize any other Core Web Vital.

How Is The Largest Contentful Paint Calculated?

Google looks at the 75th percentile of experiences – that means 25% of real website visitors experience LCP load times of 3.09 seconds or higher, while for 75% of users the LCP is below 3.09 seconds.

In this example, the real-user LCP is shown as 3.09 seconds.

Screenshot of a Core Web Vitals data of DebugBear.com, November 2022

What Are The Lab Test Results On My Core Web Vitals Data?

With this specific web speed test, you’ll also see lab metrics that were collected in a controlled test environment. While these metrics don’t directly impact Google rankings, there are two advantages of this data:

  1. The metrics update as soon as you improve your website, while Google’s real-time data will take 28 days to fully update.
  2. You get detailed reports in addition to the metrics, which can help you optimize your website.

Additionally, PageSpeed Insights also provides lab data, but keep in mind that the data it reports can sometimes be misleading due to the simulated throttling it uses to emulate a slower network connection.

How Do You Find Your Largest Contentful Paint Element?

When you run a page speed test with DebugBear, the LCP element is highlighted in the test result.

Sometimes, the LCP element may be a large image, and other times, it could be a large portion of text.

Regardless of whether your LCP element is an image or a piece of text, the LCP content won’t appear until your page starts rendering.

For example, on the page below, a background image is responsible for the largest paint.

How To Optimize The Largest Contentful Paint & Rank Higher In GoogleScreenshot of DebugBear.com, November 2022

In contrast, this page’s LCP is a paragraph of text.

How To Optimize The Largest Contentful Paint & Rank Higher In GoogleScreenshot of DebugBear.com, November 2022

To improve the Largest Contentful Paint (LCP) of your website you need to ensure that the HTML element responsible for the LCP appears quickly.

How To Improve The Largest Contentful Paint

To improve the LCP you need to:

  1. Find out what resources are necessary to make the LCP element appear.
  2. See how you can load those resources faster (or not at all).

For example, if the LCP element is a photo, you could reduce the file size of the image.

After running a DebugBear speed test, you can click on each performance metric to view more information on how it could be optimized.

How To Optimize The Largest Contentful Paint & Rank Higher In GoogleScreenshot of a detailed Largest Contentful Paint analysis in DebugBear.com, November 2022

Common resources that affect the LCP are:

  • Render-blocking resources.
  • Images that are not optimized.
  • Outdated image formats.
  • Fonts that are not optimized.

How To Reduce Render-Blocking Resources

Render-blocking resources are files that need to be downloaded before the browser can start drawing page content on the screen. CSS stylesheets are typically render-blocking, as are many script tags.

To reduce the performance impact of render-blocking resources you can:

  1. Identify what resources are render-blocking.
  2. Review if the resource is necessary.
  3. Review if the resource needs to block rendering.
  4. See if the resource can be loaded more quickly up, for example using compression.

The Easy Way: In the DebugBear request waterfall, requests for render-blocking resources are marked with a “Blocking” tag.

How To Optimize The Largest Contentful Paint & Rank Higher In GoogleScreenshot of DebugBear.com, November 2022

How To Prioritize & Speed Up LCP Image Requests

For this section, we’re going to leverage the new “fetchpriority” attribute on images to help your visitor’s browsers quickly identify what image should load first.

Use this attribute on your LCP element.

Why?

When just looking at the HTML, browsers often can’t immediately tell what images are important. One image might end up being a large background image, while another one might be a small part of the website footer.

Accordingly, all images are initially considered low priority, until the page has been rendered and the browser knows where the image appears.

However, that can mean that the browser only starts downloading the LCP image fairly late.

The new Priority Hints web standard allows website owners to provide more information to help browsers prioritize images and other resources.

In the example below, we can see that the browser spends a lot of time waiting, as indicated by the gray bar.

How To Optimize The Largest Contentful Paint & Rank Higher In GoogleScreenshot of a low-priority LCP image on DebugBear.com, November 2022

We would choose this LCP image to add the “fetchpriority” attribute to.

How To Add The “FetchPriority” Attribute To Images

Simply adding the fetchpriority=”high” attribute to an HTML img tag will the browser will prioritize downloading that image as quickly as possible.

<img src="https://www.searchenginejournal.com/optimize-largest-contentful-paint-debugbear-spcs/471883/photo.jpg" fetchpriority="high" />

How To Use Modern Image Formats & Size Images Appropriately

High-resolution images can often have a large file size, which means they take a long time to download.

In the speed test result below you can see that by looking at the dark blue shaded areas. Each line indicates a chunk of the image arriving in the browser.

How To Optimize The Largest Contentful Paint &#038; Rank Higher In GoogleScreenshot of a large LCP image on DebugBear.com, November 2022

There are two approaches to reducing image sizes:

  1. Ensure the image resolution is as low as possible. Consider serving images at different resolutions depending on the size of the user’s device.
  2. Use a modern image format like WebP, which can store images of the same quality at a lower file size.

How To Optimize Font Loading Times

If the LCP element is an HTML heading or paragraph, then it’s important to load the font for this chunk of text quickly.

One way to achieve this would be to use preload tags that can tell the browser to load the fonts early.

The font-display: swap CSS rule can also ensure sped-up rendering, as the browser will immediately render the text with a default font before switching to the web font later on.

How To Optimize The Largest Contentful Paint &#038; Rank Higher In GoogleScreenshot of web fonts delaying the LCP on DebugBear.com, November 2022

Monitor Your Website To Keep The LCP Fast

Continuously monitoring your website not only lets you verify that your LCP optimizations are working, but also makes sure you get alerted if your LCP gets worse.

DebugBear can monitor the Core Web Vitals and other site speed metrics over time. In addition to running in-depth lab-based tests, the product also keeps track of the real-user metrics from Google.

Try DebugBear with a free 14-day trial.

How To Optimize The Largest Contentful Paint &#038; Rank Higher In GoogleScreenshot of site speed monitoring data on DebugBear.com, November 2022



Källlänk

Klicka för att kommentera

Lämna ett svar

Din e-postadress kommer inte publiceras. Obligatoriska fält är märkta *

SEO

Microsoft Announces ChatGPT Capabilities Coming To Bing

Publicerad

Microsoft Announces ChatGPT Capabilities Coming To Bing

Microsoft announced today that it is bringing cutting-edge AI capabilities to its Bing search engine, with the addition of a new ChatGPT-like feature.

Microsoft revealed its plans for integrating ChatGPT at a private event held at its Redmond headquarters today, which centered around its partnership with OpenAI.

Unlike recent virtual events, this particular press conference was held in person and not broadcast online.

During the event, Microsoft CEO Satya Nadella highlighted the significance of this new feature and how it will revolutionize the way people interact with search engines.

“I think this technology is going to reshape pretty much every software category,” says Nadella.

Nadella proclaimed, “The race starts today,” and Microsoft is going to “move and move fast.”

The event attendees were given a sneak peek at the latest search experience, which Microsoft refers to as “your AI-powered copilot for the web.”

This new experience combines the all-new Bing search engine and Edge web browser, which are designed to complement each other.

Nadella explained that the new Bing would provide direct answers to questions and encourage users to be more creative.

He also stated that the current search experience is not working as efficiently as it should be, as 40% of the time, people click on search links and then immediately click back.

This clearly indicates that the search experience needs to be updated and improved. Nadella claims that the search engine user experience hasn’t changed in 20 years, and it’s time for Microsoft to adapt.

Introducing The New Bing

The new Bing is powered by a next-generation language model from OpenAI, which has been specifically customized for search purposes. It’s even more powerful than the ChatGPT model.

Microsoft has implemented a new way of working with OpenAI called the “prometheus model,” which enhances the relevancy of answers, annotates them, keeps them up to date, and more.

The search index has also been improved by applying the AI model to the core search algorithm, which Nadella calls the largest jump in relevance ever.

It runs on a new user experience with an expanded search box that accepts up to 1,000 characters. Examples shared during the event look exactly like recent leaks.

The new Bing includes a chatbot that behaves similarly to ChatGPT, allowing users to interact with Bing in a natural language.

Bing’s new ChatGPT-like feature will take it a step further by allowing users to have an actual conversation with the search engine, with the ability to follow up on previous questions and provide more context for their search.

The new Bing is now available for a limited preview on desktop, and anyone can try it out by visiting Bing.com and performing sample searches.

You can also sign up to be notified when it becomes more widely available.

The preview will be expanded to millions of users in the near future, and a mobile version will be available soon.

The New Edge Browser

The chat interface Microsoft demonstrated in Bing is available as a sidebar feature in Edge, allowing users to access it without navigating to the Bing website. The interface can run alongside any webpage and interact with it.

During a demonstration, the AI assistant in Edge could summarize a 15-page PDF with one click and even translate a code snippet from Stack Overflow into another programming language.

Another benefit of the Edge browser’s “AI co-pilot” is having it complete tasks for you, such as filling out forms and writing emails.

In Summary

Microsoft has made a substantial leap in search engine technology by integrating a ChatGPT-like feature in its Bing search engine.

The new Bing is powered by a next-generation language model from OpenAI, which takes key learnings and advancements from ChatGPT and GPT-3.5.

Bing with the AI co-pilot is now available for a limited preview on desktop, and a mobile version will be available soon.

Additionally, the chat interface will be available as a sidebar feature in the new Edge browser, which has the ability to summarize information, translate code, and even complete tasks.


Source: Microsoft

Featured Image: Poetra.RH/Shutterstock



Källlänk

Fortsätt läsa

SEO

From Competitors To Partners: Conductor Acquires Searchmetrics

Publicerad

From Competitors To Partners: Conductor Acquires Searchmetrics

Conductor, a leading enterprise organic marketing platform, has acquired European-based competitor, Searchmetrics, to accelerate its expansion in the European market.

After acquiring ContentKing in 2022, the acquisition of Searchmetrics continues to strengthen Conductor’s position in the industry.

Seth Besmertnik, Conductor’s CEO and co-founder, said that the acquisition would bring the best of what Searchmetrics does to Conductor and its shared customers:

“Searchmetrics has been a competitor almost since we started Conductor, with a strong data foundation and a powerful presence in the European market. We are excited to bring the best of what Searchmetrics does to Conductor and to our now shared customers. Our goal is for customers to greatly benefit from this acquisition through delivery of more product value on a global scale.”

 

Matt Colebourne, the CEO of Searchmetrics, expressed his excitement for the company to join Conductor, calling it the “definitive global leader”:

“Conductor is indisputably the SEO space market leader. For years, we’ve admired their commitment to innovation for customers and their efforts to foster a dynamic and rewarding workplace culture for employees. By joining Conductor, we bring the best of what we do along with a large European customer base—solidifying Conductor as the definitive global leader. We cannot wait to build more for customers going forward.”

 

Ken Ogenbratt, Searchmetrics’s Chief Financial Officer, said the acquisition is a “pivotal step” for the SEO industry as the two companies move forward as partners with the opportunity to drive even greater value to customers.

With this acquisition, Conductor continues its commitment to creating a single, global platform that integrates all parts of the SEO workflow.

With Searchmetrics’ strong European presence and solid customer base, the acquisition will significantly accelerate Conductor’s growth in Europe.

Conductor has completed its second acquisition in a year with the purchase of Searchmetrics, which follows the company’s significant funding round from Bregal Sagemount in 2021.

This acquisition is seen as a sign of Conductor’s recent growth. It is expected to solidify its position as a leading player in the SEO space by incorporating the strengths of both companies for their shared customers.


Featured Image: dotshock/Shutterstock



Källlänk

Fortsätt läsa

SEO

How to Execute the Skyscraper Technique (And Get Results)

Publicerad

How to Execute the Skyscraper Technique (And Get Results)

In 2015, Brian Dean revealed a brand-new link building strategy. He called it the Skyscraper Technique.

With over 10,000 backlinks since the post was published, it’s fair to say that the Skyscraper Technique took the world by storm in 2015. But what is it exactly, how can you implement it, and can you still get results with this technique in 2023?

Låt oss börja.

What is the Skyscraper Technique?

The Skyscraper Technique is a link building strategy where you improve existing popular content and replicate the backlinks. 

Brian named it so because in his words, “It’s human nature to be attracted to the best. And what you’re doing here is finding the tallest ‘skyscraper’ in your space… and slapping 20 stories to the top of it.”

Here’s how the technique works:

Three steps of the Skyscraper Technique

How to implement the Skyscraper Technique

Follow these three steps to execute the Skyscraper Technique.

1. Find relevant content with lots of backlinks

There are three methods to find relevant pages with plenty of links:

Use Site Explorer

Enter a popular site into Ahrefs’ Site Explorer. Next, go to the Best by backlinks report.

Best pages by backlinks report, via Ahrefs' Site Explorer

This report shows you a list of pages from the site with the highest number of referring domains. If there are content pieces with more than 50 referring domains, they’re likely to be good potential targets.

Sidenote.

Ignore homepages and other irrelevant content when eyeballing this report.

Use Content Explorer

Ahrefs’ Content Explorer is a searchable database of 10 billion pages. You can use it to find mentions of any word or phrase.

Let’s start by entering a broad topic related to your niche into Content Explorer. Next, set a Referring domains filter to a minimum of 50. 

We can also add:

  • Language filter to get only pages in our target language.
  • Exclude homepages to remove homepages from the results.
Ahrefs' Content Explorer search for "gardening," with filters

Eyeball the results to see if there are any potential pieces of content you could beat.

Use Keywords Explorer

Enter a broad keyword into Ahrefs’ Keywords Explorer. Next, go to the Matching terms report and set a Keyword Difficulty (KD) filter to a minimum of 40.

Matching terms report, via Ahrefs' Keywords Explorer

Why filter for KD? 

The reason is due to the method we use at Ahrefs to calculate KD. Our KD score is calculated from a trimmed mean of referring domains (RDs) to the top 10 ranking pages. 

In other words, the top-ranking pages for keywords with high KD scores have lots of backlinks on average.

From here, you’ll want to go through the report to find potential topics you could build a better piece of content around. 

2. Make it better

The core idea (or assumption) behind the Skyscraper Technique is that people want to see the best. 

Once you’ve found the content you want to beat, the next step is to make something even better

According to Brian, there are four aspects worth improving:

  1. Length – If the post has 25 tips, list more.
  2. Freshness – Update any outdated parts of the original article with new images, screenshots, information, stats, etc.
  3. Design – Make it stand out with a custom design. You could even make it interactive.
  4. Depth – Don’t just list things. Fill in the details and make them actionable.

3. Reach out to the right people

The key to successfully executing the Skyscraper Technique is email outreach. But instead of spamming everyone you know, you reach out to those who have already linked to the specific content you have improved. 

The assumption: Since they’ve already linked to a similar article, they’re more likely to link to one that’s better.

You can find these people by pasting the URL of the original piece into Ahrefs’ Site Explorer and then going to the Backlinks report.

Backlinks report for ResumeGenius' how to write a resume, via Ahrefs' Site Explorer

This report shows all the backlinks to the page. In this case, there are 441 groups of links.

But not all of these links will make good prospects. So you’ll likely need to add some filters to clean them up. For example, you can:

  • Add a Language filter for the language you’re targeting (e.g., English).
  • Switch the tab to Dofollow for equity-passing links.
Backlinks report, with filters, via Ahrefs' Site Explorer

Does the Skyscraper Technique still work?

It’s been roughly eight years since Brian shared this link building strategy. Honestly speaking, the technique has been oversaturated. Given its widespread use, its effectiveness may even be limited. 

Some SEOs even say they wouldn’t recommend it.

So we asked our Twitter och LinkedIn following this question and received 1,242 votes. Here are the results:

Pie chart showing 61% of respondents feel the Skyscraper Technique still works

Clearly, many SEOs and marketers still believe the technique works.

Sidenote.

According to Aira’s annual State of Link Building report, only 18% of SEOs still use the Skyscraper Technique. It’s not a go-to for many SEOs, as it ranks #20 among the list of tactics. I suspect its popularity has waned because (1) it’s old and SEOs are looking for newer stuff and (2) SEOs believe that content is more important than links these days.

Why the Skyscraper Technique fails and how to improve your chances of success

Fundamentally, it makes sense that the Skyscraper Technique still works. After all, the principles are the same behind (almost) any link building strategy:

  1. Create great content
  2. Reach out to people and promote it

But why do people think it’s no longer effective? There are a few reasons why and knowing them will help you improve your chances of success with the Skyscraper Technique.

Let’s start with:

1. Sending only Brian’s email template

In Brian’s original post, he suggested an email template for his readers to use:

Hey, I found your post: http://post1

<generic compliment>

It links to this post: http://post2

I made something better: http://post3

Please swap out the link for mine.

Unfortunately, many SEOs decided to use this exact template word for word. 

Link building doesn’t exist in a vacuum. If everyone in your niche decides to send this exact template to every possible website, it’ll burn out real fast. And that’s exactly what happened.

Now, if a website owner sees this template, chances are they’ll delete it right away. 

Sidenote.

Judging by my inbox, there are still people using this exact template. And, like everyone else, I delete the email immediately.

I’m not saying this to disparage templated emails. If you’re sending something at scale, templating is necessary. But move away from this template. Write your own, personalize it as much as possible, and follow the outreach principles here.

Even better, ask yourself:

"What makes my content unique and link-worthy?”

2. Not segmenting your prospects

People link for different reasons, so you shouldn’t send everyone the same pitch. 

Consider dividing your list of prospects into segments according to the context in which they linked. You can do this by checking the Anchors report in Site Explorer.

Anchors report, via Ahrefs' Site Explorer

You can clearly see people are linking to different statistics from our SEO statistics post. So, for example, if we were doing outreach for a hypothetical post, we might want to mention to the first group that we have a new statistic for “Over 90% of content gets no traffic from Google.”

Then, to the second group, we’ll mention that we have new statistics for “68% of online experiences.” And so on. 

In fact, that’s exactly what we did when we built links to this post. Check out the case study here:

https://www.youtube.com/watch?v=videoseries

3. Not reaching out to enough people

Ultimately, link building is still a numbers game. If you don’t reach out to enough people, you won’t get enough links. 

Simply put: You need to curate a larger list of link prospects.

So rather than limiting yourself to only replicating the backlinks of the original content, you should replicate the backlinks from other top-ranking pages covering the same topic too.

To find these pages, enter the target keyword into Keywords Explorer and scroll down to the SERP overview.

SERP overview for "how to write a resume," via Ahrefs' Keywords Explorer

In this example, most top-ranking pages have tons of links, and all of them (after filtering, of course) could be potential link prospects.

Pro tip

Looking for even more prospects? Use Content Explorer.

Search for your keyword, set a Referring domains filter, and you’ll see relevant pages where you can “mine” for more skyscraper prospects.

Referring domains filters selected in Ahrefs' Content Explorer

4. Thinking bigger equals better

Someone creates a list with 15 tools. The next person ups it to 30. Another “skyscrapers” it to 50, and the next increases it to 100.

Not only is it a never-ending arms race, there’s also no value for the reader. 

No one wants to skim through 5,000 words or hundreds of items just to find what they need. Curation is where the value is.

When considering the four aspects mentioned by Brian, don’t improve things for the sake of improving them. Adding 25 mediocre tips to an existing list of 25 doesn’t make it “better.” Likewise for changing the publish date or adding a few low-quality illustrations. 

Example: My colleague, Chris Haines, recently published a post on the best niche site ideas. Even though he only included 10, he has already outperformed the other “skyscraper” articles:

Our blog post ranking #3 for the query, "niche site ideas," via Ahrefs' Keywords Explorer

He differentiated himself through his knowledge and expertise. After all, Chris has 10 years of experience in SEO. 

So when you’re creating your article, always look at any improvement through the lens of value:

Are you giving more value to the reader? 

5. Not considering brand

As Ross Hudgens says, “Better does not occur in a branding vacuum.”

För det mesta bedöms innehåll inte enbart efter dess kvalitet. Det bedöms också av vem det kommer ifrån. Vi upptäckte detta själva också när vi försökte bygga länkar till vår sökordsforskningsguide.

För det mesta läste folk inte artikeln. De länkade till oss på grund av vårt varumärke och vårt rykte – de visste att vi publicerade bra innehåll konsekvent, och de hade förtroende för att artikeln vi presenterade också var bra.

Med andra ord, det finns tillfällen där oavsett hur hårt du "skyskrapar" ditt innehåll, folk bara inte länkar till det eftersom de inte vet vem du är. 

Att ha ett eget personligt varumärke är viktigt nuförtiden. Men tänk på det: Vad är ett "starkt varumärke" om inte en konsekvent produktion av högkvalitativt arbete som människor tycker om? En ensam skyskrapa gör inte en stad; många av dem gör det tillsammans.

Vad jag säger är detta: Bli inte avskräckt om din "skyskrapa"-artikel inte får några resultat. Och bli inte avskräckt bara för att du inte har ett varumärke just nu – du kan arbeta med det över tid.

Fortsätt att skapa bra innehåll – skyskrapa eller inte – och resultat kommer om du litar på processen.

"Rom byggdes inte på en dag, men de lade tegel varje timme.” 

Slutgiltiga tankar

Skyscraper-tekniken är en legitim länkbyggande taktik som fungerar. Men det kan bara hända om du:

Några frågor eller kommentarer? Låt mig veta på Twitter.



Källlänk

Fortsätt läsa

Trendigt

sv_SESvenska