在支持多语言的React应用中,如何正确使用hreflang标签?

问题描述 投票:0回答:1

我有一个包含 3 个页面(路由)的 React 应用程序,我支持 2 种语言(英语和西班牙语)。我需要将以下代码粘贴到 public\index.html

<head></head>
部分吗?

<link rel="alternate" hreflang="en" href="https://url_of_page/"/>
<link rel="alternate" hreflang="es" href="https://url_of_page/es"/>

<link rel="alternate" hreflang="en" href="https://url_of_page/landing-webpage"/>
<link rel="alternate" hreflang="es" href="https://url_of_page/es/landing-webpage"/>

<link rel="alternate" hreflang="en" href="https://url_of_page/business-website"/>
<link rel="alternate" hreflang="es" href="https://url_of_page/es/business-website"/>

过去一周我一直在查看 Google Search Console 和其他 SEO 网站,但找不到答案。 非常感谢,StackOverflow!

javascript html reactjs seo hreflang
1个回答
0
投票

如果您将所有替代版本的页面都放在 index.html 中,那将是不正确的。您需要重写您的项目以支持服务器端呈现以获得用于工作 SEO 的完整 html 页面。例如,您可以使用 Next.js。希望对您有所帮助!

© www.soinside.com 2019 - 2024. All rights reserved.