Hreflang metatags not seen on my NextJS page

6qqygrtg  于 2023-03-22  发布在  其他
关注(0)|答案(1)|浏览(108)

我遇到了一个问题,因为我生成的HREFLANG标签没有被SEO检查工具(如https://technicalseo.com/tools/hreflang/)看到。我在next/head组件内的语言切换器组件中生成这些标签。
我假设问题是因为我使用useEffect()来构建hreflang URL?

export default function LanguageSwitcher() {
  useEffect(() => {
    // I am building array of hreflang URL's here from which I then generate the HTML
  }

  return (
     <Head>
       {
           languageMapper.map((l) => (
               <link key={l.locale} rel="alternate" hrefLang={l.locale} href={l.url} />
           ))
       }
     </Head>
  )
}

这对Google来说是好的,还是我应该修复它?

s5a0g9ez

s5a0g9ez1#

检查你的hrefLang属性在页面上的呈现方式。如果它的hrefLang带有大写的L,搜索引擎将看不到它。将它重命名为hreflang,是的,它会给你一个关于无效DOM属性的警告,但我还没有找到解决方案。每当我找到正确的答案时,我会编辑这个消息。

相关问题