You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
caption="Image format adoption, year-over-year change.",
380
-
description="A bar chart showing the year-over-year change in each format's share of usage. AVIF is the standout, showing a 405% gain. WebP and SVG also saw gains of 29% and 16%, respectively. The legacy formats are all slightly down: JPEG: -4%; PNG: -2%; GIF: -4%; ICO: -8%. Lastly, “other/unknown” comes in at +2%.",
380
+
description="A bar chart showing the year-over-year change in each format's share of usage. AVIF is the standout, showing a 405% gain. WebP and SVG also saw gains of 29% and 16%, respectively. The legacy formats are all slightly down: JPEG: -4%; PNG: -2%; GIF: -4%; ICO: -8%. Lastly, \"other/unknown\" comes in at +2%.",
Copy file name to clipboardExpand all lines: src/content/en/2022/seo.md
+7-7Lines changed: 7 additions & 7 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -167,7 +167,7 @@ The `<div>` element is the only other misapplied element to appear within the `<
167
167
168
168
## Canonical tags
169
169
170
-
Canonical tags are traditionally used when defining duplicate content pages and to help search engines prioritize. They are a snippet of HTML code (rel=”canonical”) that allows webmasters to define to the search engine which page is the “preferred” version. They are not directives, and instead act as a “hint.” Therefore, search engines such as Google determine their own canonical version of the page, based on how useful they believe the page is for the user. Canonical tags can also be used to consolidate other signals such as links, as well as to simplify tracking metrics and better manage syndicated content.
170
+
Canonical tags are traditionally used when defining duplicate content pages and to help search engines prioritize. They are a snippet of HTML code (`rel="canonical"`) that allows webmasters to define to the search engine which page is the "preferred" version. They are not directives, and instead act as a "hint." Therefore, search engines such as Google determine their own canonical version of the page, based on how useful they believe the page is for the user. Canonical tags can also be used to consolidate other signals such as links, as well as to simplify tracking metrics and better manage syndicated content.
171
171
172
172
{{ figure_markup(
173
173
image="canonical-usage.png",
@@ -514,8 +514,8 @@ How user agents prioritize the rendering and displaying of images is affected by
514
514
What we found:
515
515
516
516
- There has been a significant reduction in the number of pages that do not use any image loading property. In 2021, 83.3% of desktop pages and 83.5% of mobile pages didn’t utilize any image loading property at all. It’s now 78.3% of desktop pages and 77.9% of mobile pages in 2022.
517
-
- Conversely, the implementation of loading=” lazy” has increased. In 2021, both 15.6% of desktop and mobile pages implemented loading=” lazy”. This has increased to 19.8% (desktop) and 20.3% (mobile) in 2022.
518
-
- The number of pages defaulting to the brower’s loading method has fallen in 2022. On desktop, .07% of pages use loading=”auto” and .08% on mobile. In 2021, .01% of pages utilized loading=”auto”.
517
+
- Conversely, the implementation of loading="lazy" has increased. In 2021, both 15.6% of desktop and mobile pages implemented loading="lazy". This has increased to 19.8% (desktop) and 20.3% (mobile) in 2022.
518
+
- The number of pages defaulting to the brower’s loading method has fallen in 2022. On desktop, .07% of pages use loading="auto" and .08% on mobile. In 2021, .01% of pages utilized loading="auto".
519
519
520
520
### Word count
521
521
@@ -623,7 +623,7 @@ Search engines utilize links to discover new pages and to pass PageRank, which h
623
623
624
624
### Non-descriptive link text
625
625
626
-
Anchor text, which is the clickable text used in a link, helps search engines to understand the content of the linked page. Lighthouse has a test to check if the anchor text used is useful and/or contextual, or if it’s generic and/or non-descriptive such as “learn more” or “click here.” In 2022, 15% and 17% of the tested links on mobile and desktop, respectively, did not have descriptive anchor text, a missed opportunity from an SEO perspective and bad for accessibility.
626
+
Anchor text, which is the clickable text used in a link, helps search engines to understand the content of the linked page. Lighthouse has a test to check if the anchor text used is useful and/or contextual, or if it’s generic and/or non-descriptive such as "learn more" or "click here." In 2022, 15% and 17% of the tested links on mobile and desktop, respectively, did not have descriptive anchor text, a missed opportunity from an SEO perspective and bad for accessibility.
627
627
628
628
### Outgoing links
629
629
@@ -722,15 +722,15 @@ Hreflang tags help Google and other search engines, such as Bing and Yandex, und
722
722
723
723
Currently, 9.6% of sites use hreflang tags on desktop while 8.9% use them on mobile. This is a slight increase from 2021 when 9.0% of sites used hreflangs tags on desktop and 8.4% implemented them on mobile.
724
724
725
-
The most popular hreflang tag in 2022 is “en”[English], which accounts for 5.4% usage on desktop and 4.7% on mobile. Those percentages are approximately the same as the year before.
725
+
The most popular hreflang tag in 2022 is `en`[English], which accounts for 5.4% usage on desktop and 4.7% on mobile. Those percentages are approximately the same as the year before.
726
726
727
-
After x-default, which is the “fallback” version (and the second most common to be adopted), the hreflang tags for French, German and Spanish are the next most frequently used.
727
+
After x-default, which is the "fallback" version (and the second most common to be adopted), the hreflang tags for French, German and Spanish are the next most frequently used.
728
728
729
729
The three different ways to implement hreflang tags are via the `<head>`, link headers, or XML sitemaps. Note: As this data is looking solely at homepages, XML sitemaps are not included.
730
730
731
731
### Content language usage
732
732
733
-
While Google tends to use hreflang tags, other search engines such as Bing prefer the [content-language attribute](https://developer.mozilla.org/docs/Web/HTTP/Headers/Content-Language). This can be implemented using two methods:
733
+
While Google tends to use hreflang tags, other search engines such as Bing prefer the [`content-language` attribute](https://developer.mozilla.org/docs/Web/HTTP/Headers/Content-Language). This can be implemented using two methods:
0 commit comments