diff --git a/modules/docs/src/Volo.Docs.Web/DocsWebModule.cs b/modules/docs/src/Volo.Docs.Web/DocsWebModule.cs
index 77f5bec551..42c1717690 100644
--- a/modules/docs/src/Volo.Docs.Web/DocsWebModule.cs
+++ b/modules/docs/src/Volo.Docs.Web/DocsWebModule.cs
@@ -5,6 +5,7 @@ using Microsoft.Extensions.Options;
 using Volo.Abp.AspNetCore.Mvc.Localization;
 using Volo.Abp.AspNetCore.Mvc.UI.Bootstrap;
 using Volo.Abp.AspNetCore.Mvc.UI.Bundling;
+using Volo.Abp.AspNetCore.Mvc.UI.Components.LayoutHook;
 using Volo.Abp.AspNetCore.Mvc.UI.Packages;
 using Volo.Abp.AspNetCore.Mvc.UI.Packages.Prismjs;
 using Volo.Abp.AspNetCore.Mvc.UI.Theme.Shared;
@@ -16,6 +17,7 @@ using Volo.Docs.Bundling;
 using Volo.Docs.HtmlConverting;
 using Volo.Docs.Localization;
 using Volo.Docs.Markdown;
+using Volo.Docs.Pages.Shared.Components.Head;
 
 namespace Volo.Docs
 {
@@ -91,6 +93,11 @@ namespace Volo.Docs
             {
                 options.DisableModule(DocsRemoteServiceConsts.ModuleName);
             });
+
+            Configure<AbpLayoutHookOptions>(options =>
+            {
+                options.Add(LayoutHooks.Head.Last, typeof(HeadViewComponent));
+            });
         }
     }
 }
diff --git a/modules/docs/src/Volo.Docs.Web/Pages/Documents/Project/Index.cshtml b/modules/docs/src/Volo.Docs.Web/Pages/Documents/Project/Index.cshtml
index c0ea0c4d7c..5ca2b7fbd9 100644
--- a/modules/docs/src/Volo.Docs.Web/Pages/Documents/Project/Index.cshtml
+++ b/modules/docs/src/Volo.Docs.Web/Pages/Documents/Project/Index.cshtml
@@ -11,38 +11,42 @@
 @using Volo.Docs.Localization
 @using Volo.Docs.Pages.Documents.Project
 @using Volo.Docs.Pages.Documents.Shared.ErrorComponent
+@using Volo.Docs.Pages.Shared.Components.Head
 @inject IThemeManager ThemeManager
 @inject IPageLayout PageLayout
 @inject IHtmlLocalizer<DocsResource> L
+
 @model IndexModel
 @{
     ViewBag.FluidLayout = true;
     Layout = ThemeManager.CurrentTheme.GetEmptyLayout();
     PageLayout.Content.Title = Model.DocumentName?.Replace("-", " ");
     ViewBag.Description = Model.GetDescription();
+    ViewBag.CanonicalUrl = Model.IsLatestVersion ? null : Model.GetFullUrlOfTheLatestDocument(); //issue #12355
 }
+
 @section styles {
-    <abp-style-bundle name="@typeof(IndexModel).FullName">
-        <abp-style type="@typeof(PrismjsStyleBundleContributor)" />
-        <abp-style type="@typeof(MalihuCustomScrollbarPluginStyleBundleContributor)" />
-        <abp-style src="/Pages/Documents/Project/bootstrap-toc.css" />
-        <abp-style src="/Pages/Documents/Shared/Styles/vs.css" />
-        <abp-style src="/Pages/Documents/Project/index.css"/>
-    </abp-style-bundle>
+<abp-style-bundle name="@typeof(IndexModel).FullName">
+    <abp-style type="@typeof(PrismjsStyleBundleContributor)" />
+    <abp-style type="@typeof(MalihuCustomScrollbarPluginStyleBundleContributor)" />
+    <abp-style src="/Pages/Documents/Project/bootstrap-toc.css" />
+    <abp-style src="/Pages/Documents/Shared/Styles/vs.css" />
+    <abp-style src="/Pages/Documents/Project/index.css" />
+</abp-style-bundle>
 }
 @section scripts {
-    <abp-script-bundle name="@typeof(IndexModel).FullName">
-        <abp-script type="@typeof(MalihuCustomScrollbarPluginScriptBundleContributor)" />
-        <abp-script type="@typeof(ClipboardScriptBundleContributor)" />
-        <abp-script type="@typeof(AnchorJsScriptBundleContributor)" />
-        <abp-script type="@typeof(PrismjsScriptBundleContributor)" />
-        <abp-script type="@typeof(PopperJsScriptBundleContributor)" />
-        <abp-script src="/client-proxies/docs-proxy.js" />
-        <abp-script src="/Pages/Documents/Project/bootstrap-toc.js" />
-        <abp-script src="/Pages/Documents/Shared/Scripts/vs.js" />
-        <abp-script src="/Pages/Documents/Project/index.js" />
-        <abp-script src="/Pages/Documents/Shared/ErrorComponent/error.js" />
-    </abp-script-bundle>
+<abp-script-bundle name="@typeof(IndexModel).FullName">
+    <abp-script type="@typeof(MalihuCustomScrollbarPluginScriptBundleContributor)" />
+    <abp-script type="@typeof(ClipboardScriptBundleContributor)" />
+    <abp-script type="@typeof(AnchorJsScriptBundleContributor)" />
+    <abp-script type="@typeof(PrismjsScriptBundleContributor)" />
+    <abp-script type="@typeof(PopperJsScriptBundleContributor)" />
+    <abp-script src="/client-proxies/docs-proxy.js" />
+    <abp-script src="/Pages/Documents/Project/bootstrap-toc.js" />
+    <abp-script src="/Pages/Documents/Shared/Scripts/vs.js" />
+    <abp-script src="/Pages/Documents/Project/index.js" />
+    <abp-script src="/Pages/Documents/Shared/ErrorComponent/error.js" />
+</abp-script-bundle>
 }
 @if (Model.LoadSuccess)
 {
@@ -93,8 +97,8 @@
                                         </span>
 
                                         <select asp-items="Model.ProjectSelectItems"
-                                                class="form-select"
-                                                onchange="window.location.pathname = this.value">
+                                        class="form-select"
+                                        onchange="window.location.pathname = this.value">
                                         </select>
                                     </div>
                                 </div>
@@ -112,11 +116,11 @@
                                                 <span class="input-group-text">
                                                     <i class="fas fa-code-branch" aria-hidden="true" data-bs-toggle="tooltip" title="@L["Version"]"></i>
                                                 </span>
-        
+
 
                                                 <select asp-items="Model.VersionSelectItems"
-                                                        class="form-select"
-                                                        onchange="if (this.value) { window.location.replace(this.value) }">
+                                                class="form-select"
+                                                onchange="if (this.value) { window.location.replace(this.value) }">
                                                 </select>
                                             </div>
                                         </div>
@@ -131,11 +135,11 @@
                                         <div class="version-select">
                                             <div class="input-group">
                                                 @*<span class="input-group-text">
-                                                            <i class="fa fa-globe" aria-hidden="true" data-bs-toggle="tooltip" title="@L["Language"]"></i>
-                                                 </span>*@
+                                                    <i class="fa fa-globe" aria-hidden="true" data-bs-toggle="tooltip" title="@L["Language"]"></i>
+                                                    </span>*@
                                                 <select asp-items="Model.LanguageSelectListItems"
-                                                        class="form-select"
-                                                        onchange="window.location.replace(this.value)">
+                                                class="form-select"
+                                                onchange="window.location.replace(this.value)">
                                                 </select>
                                             </div>
                                         </div>
@@ -149,11 +153,11 @@
                                 <div class="input-group">
                                     <span class="input-group-text"><i class="fa fa-filter"></i></span>
                                     <input class="form-control"
-                                           id="filter"
-                                           type="search"
-                                           data-search-url="@Model."
-                                           placeholder="@L["FilterTopics"].Value"
-                                           aria-label="Filter">
+                                       id="filter"
+                                       type="search"
+                                       data-search-url="@Model."
+                                       placeholder="@L["FilterTopics"].Value"
+                                       aria-label="Filter">
                                 </div>
                             </div>
                         </div>
@@ -168,13 +172,13 @@
                         else
                         {
                             <ul root-node="@Model.Navigation"
-                                version="@(Model.LatestVersionInfo == null || Model.LatestVersionInfo.IsSelected ? DocsAppConsts.Latest : Model.Version)"
-                                project-name="@Model.ProjectName"
-                                project-format="@Model.Project.Format"
-                                selected-document-name="@Model.DocumentNameWithExtension"
-                                language="@Model.LanguageCode"
-                                id="sidebar-scroll"
-                                class="nav nav-list"></ul>
+                        version="@(Model.LatestVersionInfo == null || Model.LatestVersionInfo.IsSelected ? DocsAppConsts.Latest : Model.Version)"
+                        project-name="@Model.ProjectName"
+                        project-format="@Model.Project.Format"
+                        selected-document-name="@Model.DocumentNameWithExtension"
+                        language="@Model.LanguageCode"
+                        id="sidebar-scroll"
+                        class="nav nav-list"></ul>
                         }
                     </div>
 
@@ -194,11 +198,11 @@
                                             <span class="input-group-text"><i class="fa fa-search"></i></span>
 
                                             <input class="form-control"
-                                                   id="fullsearch"
-                                                   type="search"
-                                                   data-fullsearch-url="/search/@Model.LanguageCode/@Model.ProjectName/@Model.Version/"
-                                                   placeholder="@L["FullSearch"].Value"
-                                                   aria-label="Filter">
+                                       id="fullsearch"
+                                       type="search"
+                                       data-fullsearch-url="/search/@Model.LanguageCode/@Model.ProjectName/@Model.Version/"
+                                       placeholder="@L["FullSearch"].Value"
+                                       aria-label="Filter">
                                         </div>
                                     </div>
                                 }
@@ -210,15 +214,15 @@
                                         <span class="for-desktop me-3">
                                             @(L["Contributors"].Value)
                                         </span>
-                                        @foreach (var contributor in Model.Document.Contributors.OrderByDescending(c=> c.CommitCount).ToList())
+                                        @foreach (var contributor in Model.Document.Contributors.OrderByDescending(c => c.CommitCount).ToList())
                                         {
                                             <a href="@contributor.UserProfileUrl" target="_blank" class="cont-avatar">
                                                 <img src="@contributor.AvatarUrl"
-                                                     class="rounded-circle"
-                                                     alt="Avatar"
-                                                     height="21"
-                                                     width="21"
-                                                     title="@contributor.Username" />
+                                     class="rounded-circle"
+                                     alt="Avatar"
+                                     height="21"
+                                     width="21"
+                                     title="@contributor.Username" />
                                             </a>
                                         }
                                     }
@@ -261,8 +265,8 @@
                                                     <div class="input-group">
                                                         <span class="input-group-text" id="@("Section" + parameter.Name + "ComboboxAddonId")">@(parameter.DisplayName)</span>
                                                         <select class="doc-section-combobox form-select"
-                                                                aria-describedby="@("Section" + parameter.Name + "ComboboxAddonId")"
-                                                                id="@("Section" + parameter.Name + "ComboboxId")" data-key="@parameter.Name">
+                                                aria-describedby="@("Section" + parameter.Name + "ComboboxAddonId")"
+                                                id="@("Section" + parameter.Name + "ComboboxId")" data-key="@parameter.Name">
                                                             @foreach (var value in parameter.Values)
                                                             {
                                                                 @if (value.Key == (Model.UserPreferences.ContainsKey(parameter.Name) ? Model.UserPreferences[parameter.Name] : null))
diff --git a/modules/docs/src/Volo.Docs.Web/Pages/Documents/Project/Index.cshtml.cs b/modules/docs/src/Volo.Docs.Web/Pages/Documents/Project/Index.cshtml.cs
index 88760b0a7a..f8b17ed2fa 100644
--- a/modules/docs/src/Volo.Docs.Web/Pages/Documents/Project/Index.cshtml.cs
+++ b/modules/docs/src/Volo.Docs.Web/Pages/Documents/Project/Index.cshtml.cs
@@ -78,6 +78,8 @@ namespace Volo.Docs.Pages.Documents.Project
 
         public bool FullSearchEnabled { get; set; }
 
+        public bool IsLatestVersion => Version == LatestVersionInfo.Version;
+
         private const int MaxDescriptionMetaTagLength = 200;
         private readonly IDocumentAppService _documentAppService;
         private readonly IDocumentToHtmlConverterFactory _documentToHtmlConverterFactory;
@@ -100,6 +102,7 @@ namespace Volo.Docs.Pages.Documents.Project
             _documentSectionRenderer = documentSectionRenderer;
             _uiOptions = options.Value;
 
+
             LocalizationResourceType = typeof(DocsResource);
         }
 
@@ -215,15 +218,21 @@ namespace Volo.Docs.Pages.Documents.Project
                 .Append("/").Append(LatestVersionInfo.IsSelected ? DocsAppConsts.Latest : Version).Append("/").Append(DocumentName).ToString();
 
             sb.Clear();
-            
+
             return Redirect(sb.Append("/Abp/Languages/Switch?culture=").Append(LanguageCode).Append("&uiCulture=")
                 .Append(LanguageCode).Append("&returnUrl=").Append(returnUrl).ToString());
         }
 
+        public string GetFullUrlOfTheLatestDocument()
+        {
+            return Request.Scheme + "://" + Request.Host.Value + Request.PathBase +
+                   DocumentsUrlPrefix + LanguageCode + "/" + ProjectName + "/" +
+                   DocsAppConsts.Latest + "/" + DocumentName;
+        }
+
         private IActionResult RedirectToDefaultLanguage()
         {
-            return RedirectToPage(new
-            {
+            return RedirectToPage(new {
                 projectName = ProjectName,
                 version = (LatestVersionInfo.IsSelected ? DocsAppConsts.Latest : Version),
                 languageCode = DefaultLanguageCode,
@@ -233,8 +242,7 @@ namespace Volo.Docs.Pages.Documents.Project
 
         private IActionResult RedirectToDefaultDocument()
         {
-            return RedirectToPage(new
-            {
+            return RedirectToPage(new {
                 projectName = ProjectName,
                 version = (LatestVersionInfo.IsSelected ? DocsAppConsts.Latest : Version),
                 documentName = "",
@@ -332,7 +340,7 @@ namespace Volo.Docs.Pages.Documents.Project
         private VersionInfoViewModel GetLatestVersionInfo(List<VersionInfoViewModel> versions)
         {
             if (Project.ExtraProperties.ContainsKey("GithubVersionProviderSource")
-                && (GithubVersionProviderSource) (long) Project.ExtraProperties["GithubVersionProviderSource"] == GithubVersionProviderSource.Branches)
+                && (GithubVersionProviderSource)(long)Project.ExtraProperties["GithubVersionProviderSource"] == GithubVersionProviderSource.Branches)
             {
                 var LatestVersionBranchNameWithoutPrefix = RemoveVersionPrefix(Project.LatestVersionBranchName);
 
@@ -372,9 +380,9 @@ namespace Volo.Docs.Pages.Documents.Project
         private void SetLatestVersionBranchName(List<VersionInfoViewModel> versions)
         {
             if (!Project.ExtraProperties.ContainsKey("GithubVersionProviderSource")
-                || (GithubVersionProviderSource) (long) Project.ExtraProperties["GithubVersionProviderSource"] == GithubVersionProviderSource.Releases)
+                || (GithubVersionProviderSource)(long)Project.ExtraProperties["GithubVersionProviderSource"] == GithubVersionProviderSource.Releases)
             {
-                versions.First(v=> !SemanticVersionHelper.IsPreRelease(v.Version)).Version = Project.LatestVersionBranchName;
+                versions.First(v => !SemanticVersionHelper.IsPreRelease(v.Version)).Version = Project.LatestVersionBranchName;
             }
         }
 
@@ -459,7 +467,7 @@ namespace Volo.Docs.Pages.Documents.Project
             LanguageSelectListItems = new List<SelectListItem>();
 
             var sb = new StringBuilder();
-            
+
             foreach (var language in LanguageConfig.Languages)
             {
                 LanguageSelectListItems.Add(
@@ -641,8 +649,8 @@ namespace Volo.Docs.Pages.Documents.Project
                     }
                 );
             }
-            
-            
+
+
             return await _documentAppService.GetAsync(
                 new GetDocumentInput
                 {
diff --git a/modules/docs/src/Volo.Docs.Web/Pages/Shared/Components/Head/Default.cshtml b/modules/docs/src/Volo.Docs.Web/Pages/Shared/Components/Head/Default.cshtml
new file mode 100644
index 0000000000..630323236b
--- /dev/null
+++ b/modules/docs/src/Volo.Docs.Web/Pages/Shared/Components/Head/Default.cshtml
@@ -0,0 +1,4 @@
+@if (ViewBag.CanonicalUrl != null)
+{
+    <link rel="canonical" href="@ViewBag.CanonicalUrl" />
+}
diff --git a/modules/docs/src/Volo.Docs.Web/Pages/Shared/Components/Head/HeadViewComponent.cs b/modules/docs/src/Volo.Docs.Web/Pages/Shared/Components/Head/HeadViewComponent.cs
new file mode 100644
index 0000000000..2889d09dac
--- /dev/null
+++ b/modules/docs/src/Volo.Docs.Web/Pages/Shared/Components/Head/HeadViewComponent.cs
@@ -0,0 +1,15 @@
+using System.Threading.Tasks;
+using Microsoft.AspNetCore.Mvc;
+using Volo.Abp.AspNetCore.Mvc;
+using Volo.Abp.DependencyInjection;
+
+namespace Volo.Docs.Pages.Shared.Components.Head
+{
+    public class HeadViewComponent : AbpViewComponent
+    {
+        public virtual IViewComponentResult Invoke()
+        {
+            return View("/Pages/Shared/Components/Head/Default.cshtml");
+        }
+    }
+}