diff --git a/packages/docusaurus-theme-classic/src/theme/DocItem/index.js b/packages/docusaurus-theme-classic/src/theme/DocItem/index.js
index 43b4f72a23..f8c5c22545 100644
--- a/packages/docusaurus-theme-classic/src/theme/DocItem/index.js
+++ b/packages/docusaurus-theme-classic/src/theme/DocItem/index.js
@@ -100,6 +100,7 @@ function DocItem(props) {
           <meta name="twitter:image:alt" content={`Image for ${title}`} />
         )}
         {permalink && <meta property="og:url" content={siteUrl + permalink} />}
+        {permalink && <link rel="canonical" href={siteUrl + permalink} />}
       </Head>
       <div
         className={classnames(
diff --git a/packages/docusaurus-theme-classic/src/theme/Layout/index.js b/packages/docusaurus-theme-classic/src/theme/Layout/index.js
index 62c93c0115..bea993d6b3 100644
--- a/packages/docusaurus-theme-classic/src/theme/Layout/index.js
+++ b/packages/docusaurus-theme-classic/src/theme/Layout/index.js
@@ -75,6 +75,7 @@ function Layout(props) {
           {permalink && (
             <meta property="og:url" content={siteUrl + permalink} />
           )}
+          {permalink && <link rel="canonical" href={siteUrl + permalink} />}
           <meta name="twitter:card" content="summary_large_image" />
         </Head>
         <AnnouncementBar />