如何修改Next.js 13 App目录网站的谷歌搜索站点名称?
问题
我的网站提交到谷歌搜索后,结果里显示的站点名称是Vercel,想改成DailyLearn。我写了一段结构化数据代码,需要把它加到页面的<head>标签里:
const structuredData = { "@context": "https:schema.org", "@type": "WebSite", name: "DailyLearn", alternateName: ["DailyLearn", "Daily learn", "Dibrugarh university"], url: process.env.NEXT_PUBLIC_BASE_URL, }; export default function RootLayout({ children }) { return ( <> <Script type="application/ld+json" dangerouslySetInnerHTML={{ __html: JSON.stringify(structuredData), }} /> {children} </> ); }
解决方案
直接修改RootLayout代码,把结构化数据的Script组件放到<head>标签里,同时修正schema链接的错误(原代码少了//,会导致谷歌无法识别):
import Script from 'next/script'; const structuredData = { "@context": "https://schema.org", "@type": "WebSite", name: "DailyLearn", alternateName: ["DailyLearn", "Daily learn", "Dibrugarh university"], url: process.env.NEXT_PUBLIC_BASE_URL, }; export default function RootLayout({ children }) { return ( <html lang="zh-CN"> <head> <Script type="application/ld+json" dangerouslySetInnerHTML={{ __html: JSON.stringify(structuredData), }} /> </head> <body> {children} </body> </html> ); }
额外注意事项
- 谷歌更新搜索结果的站点名称需要几天到几周时间,耐心等待它重新抓取页面
- 除了结构化数据,页面的
<title>和<meta name="description">也尽量带上DailyLearn,帮助谷歌更准确识别 - 可以用谷歌搜索控制台的「URL检查工具」提交页面重新抓取,加快更新速度
内容的提问来源于stack exchange,提问作者Sahil Kumar
相关产品推荐
相关产品推荐

