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



我有一个React应用程序,有3个页面(路由),我支持2种语言(英语和西班牙语)。我是否需要将以下代码粘贴在像这样的公共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"/>

我在看谷歌搜索控制台,和其他SEO网站在过去的一周,无法找到答案。非常感谢StackOverflow!

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

最新更新