Gathering detailed insights and metrics for gatsby-plugin-react-helmet-canonical-urls
Gathering detailed insights and metrics for gatsby-plugin-react-helmet-canonical-urls
Gathering detailed insights and metrics for gatsby-plugin-react-helmet-canonical-urls
Gathering detailed insights and metrics for gatsby-plugin-react-helmet-canonical-urls
Add canonical links to HTML pages Gatsby generates using React Helmet.
npm install gatsby-plugin-react-helmet-canonical-urls
Typescript
Module System
21
Supply Chain
21
Quality
64.1
Maintenance
50
Vulnerability
91.7
License
JavaScript (100%)
Total Downloads
2,781,518
Last Day
667
Last Week
9,137
Last Month
38,802
Last Year
384,125
4 Stars
36 Commits
7 Forks
3 Watchers
15 Branches
6 Contributors
Updated on May 12, 2020
Minified
Minified + Gzipped
Latest Version
1.4.0
Package Id
gatsby-plugin-react-helmet-canonical-urls@1.4.0
Size
2.30 kB
Published on
Dec 01, 2019
Cumulative downloads
Total Downloads
Last Day
5.4%
667
Compared to previous day
Last Week
3.9%
9,137
Compared to previous week
Last Month
9%
38,802
Compared to previous month
Last Year
-28.5%
384,125
Compared to previous year
1
2
This can be use as a drop in replacement of gatsby-plugin-canonical-urls
.
Add canonical links to HTML pages Gatsby generates using react helmet.
This implementation is primarily helpful for distinguishing between https/http, www/no-www but could possibly be extended to help with when sites add multiple paths to the same page.
gatsby-plugin-canonical-urls
and gatsby-plugin-react-helmet
are plugins that do not always play well together.
The first one always inserts a default canonical url, but doesn't allow to override that value in an easy way.
When trying to use react helmet to override gatsby-plugin-canonical-urls
default url, you will end up with
two canonical tags.
This plugin, as writes the default canonical url using react helmet, allows to override default canonical url just using the standard react helmet api.
npm install --save gatsby-plugin-react-helmet gatsby-plugin-react-helmet-canonical-urls
1// In your gatsby-config.js 2plugins: [ 3 `gatsby-plugin-react-helmet`, 4 { 5 resolve: `gatsby-plugin-react-helmet-canonical-urls`, 6 options: { 7 siteUrl: `https://www.example.com`, 8 }, 9 }, 10]
With the above configuration, the plugin will add to the head of every HTML page
a rel=canonical
e.g.
1<link rel="canonical" href="http://www.example.com/about-us/" />
Additional options
:
exclude
(Array of string
or RegExp
, default undefined
): exclude pages from being added a canonical url. Useful when combining with other SEO-related meta tags like noindex. (Urls should be listed without trailing slash)noTrailingSlash
(default false
): it will remove the trailing slash from canonical link. Use this option if you use gatsby-plugin-remove-trailing-slashes
noHash
(default false
): remove hash from the canonical link.noQueryString
(default false
): remove query from the canonical link.No vulnerabilities found.
Reason
no binaries found in the repo
Reason
Found 4/10 approved changesets -- score normalized to 4
Reason
0 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0
Reason
no effort to earn an OpenSSF best practices badge detected
Reason
security policy file not detected
Details
Reason
project is not fuzzed
Details
Reason
license file not detected
Details
Reason
branch protection not enabled on development/release branches
Details
Reason
SAST tool is not run on all commits -- score normalized to 0
Details
Reason
45 existing vulnerabilities detected
Details
Score
Last Scanned on 2025-06-30
The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.
Learn More