Ta kontakt med oss

SEO

Google uppdaterar dokumentation om metabeskrivningar

Publicerad

Google Updates Documentation On Meta Descriptions

Google updated its documentation on creating high-quality meta descriptions that will show up in the search results by adding examples of best and worst practices.

The change was made in the documentation for controlling the snippet in the search results.

Meta Description in Search Snippets

Search snippets are the summaries and descriptions shown in the search results for sites that rank.

Google’s documentation shares how to control the search snippets in the search results.

The data used to generate the search snippet traditionally comes from the meta description and, sometimes, the content itself.

Meta descriptions generated from page content used to be called ransom notes because they sometimes appear to be random snippets with keywords in them.

Google’s change to the search snippet guidance adds more examples of the right and wrong ways to create meta descriptions.

Examples of Meta Descriptions

Google listed four categories of good and bad meta description examples.

Here is the list of the four bad ways to create meta descriptions:

Bad Category Examples

  1. List of keywords
    Google calls out meta descriptions that are simply a list of Keywords describes meta descriptions that contain keywords and don’t bother to summarize anything.
  2. Same description is used for every news article
    This is when meta descriptions are templated and are the same for different web documents.
  3. Doesn’t summarize the page
    This is a common mistake for meta descriptions. It’s easy to fall into the habit of writing meta descriptions focused on the keyword phrase or the topic and forget to summarize what the page is about.
  4. Too short
    This is self-explanatory and kind of similar to the previous one. If the meta description is so concise that it doesn’t summarize the webpage, then it’s not optimized.

Examples of Better Meta Descriptions

Google then lists examples of meta descriptions they approve of.

  1. Describe the business, not the webpage
    The first meta description example relates to a brick-and-mortar business that uses a meta description describing what is sold, the company’s location, and hours of operation. That’s interesting because it’s not a description of what is on the webpage but a description of what the business is about. Essentially, that’s information about the business users would like to know.
  2. Use webpage content
    The second example of a good meta description is one from a news article that uses a snippet from the article itself. That’s interesting, too. If the CMS has a function that retrieves the first 70 or so words from each piece, then that means it’s important to summarize what the article is about in the very first sentence, which is a good practice to begin with. Using the first sentence from a page of content is a solution used in some forum software, so it’s good to see that approach validated.
  3. Summarize
    In the third best practice, Google says that summarizing the entire webpage is the best way to approach meta descriptions. This is probably the essence of what Google wants from a meta description.
  4. Be specific and detailed
    The last example is a meta description for a product page. The recommendation for this situation is to focus on the specific details of the product for sale on a product page. This is Google’s example of a product page meta description:

    "<meta name="description" content="Self-sharpening mechanical pencil that autocorrects your penmanship. Includes 2B auto-replenishing lead. Available in both Vintage Pink and Schoolbus Yellow. Order 50+ pencils, get free shipping.">"

Best Practices for Meta Description

The examples of high-quality meta descriptions are a helpful addition to the documentation on controlling the search snippet.

Most of the content in the updated section about meta descriptions is remarkably consistent with previous articles published by Google on the same topic.

For example, way back in 2007, Google published that it was acceptable to programmatically add meta descriptions by repurposing on-page content:

“For larger database-driven sites, like product aggregators, hand-written descriptions are more difficult.

In the latter case, though, programmatic generation of the descriptions can be appropriate and is encouraged—just make sure that your descriptions are not “spammy.”

Good descriptions are human-readable and diverse, as we talked about in the first point above. The page-specific data we mentioned in the second point is a good candidate for programmatic generation.”

Google updated the documentation for how to scroll the website snippet shown in search results by improving the section about meta descriptions. The improvement is to show examples of what it means to have a high-quality meta description for different kinds of webpages.

The overall takeaway can be said to be accurate and descriptive about what the webpage is about. If it’s about a product, then describe the product in the meta description. If the page is informational, summarize the entire webpage; in some cases, it’s okay to use content directly from the webpage itself.


Citat

Read Google’s updated guidance here:

Control your snippets in search results – Use Quality Descriptions

Källlänk

SEO

Hur man optimerar den största innehållsrika färgen och rankas högre

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?

Med 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.

Dessutom, 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 &#038; 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 &#038; 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 &#038; 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 &#038; 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.

Varför?

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 &#038; 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="hög" />

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.

De 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

Fortsätt läsa

MISSA INTE NÅGRA VIKTIGA NYHETER!
Prenumerera på vårt nyhetsbrev
Vi lovar att inte spamma dig. Avsluta prenumerationen när som helst.
Ogiltig e-postadress

Trendigt

sv_SESvenska