HTML：如何在谷歌搜索时获取子链接和搜索框显示

Question

因此，如果我使用 google StackOverflow，我会得到以下结果（带有搜索栏）：

有没有办法让这个搜索框使用一些 HTML 或 Javascript 代码显示在我的网站上？

Answer 1

您需要向网站的 HTML 添加一些架构代码，如下所示：

\n\n

<script type=\xe2\x80\x9dapplication/ld+json\xe2\x80\x9d>\n\n{\n\n\xe2\x80\x9c@context\xe2\x80\x9d: \xe2\x80\x9chttp://schema.org\xe2\x80\x9d,\n\n\xe2\x80\x9c@type\xe2\x80\x9d: \xe2\x80\x9cWebSite\xe2\x80\x9d,\n\n\xe2\x80\x9curl\xe2\x80\x9d: \xe2\x80\x9chttps://www.example.com/\xe2\x80\x9d,\n\n\xe2\x80\x9cpotentialAction\xe2\x80\x9d: {\n\n\xe2\x80\x9c@type\xe2\x80\x9d: \xe2\x80\x9cSearchAction\xe2\x80\x9d,\n\n\xe2\x80\x9ctarget\xe2\x80\x9d: \xe2\x80\x9chttps://query.example.com/search?q={search_term_string}\xe2\x80\x9d,\n\n\xe2\x80\x9cquery-input\xe2\x80\x9d: \xe2\x80\x9crequired name=search_term_string\xe2\x80\x9d\n\n}\n\n}\n\n</script>\n

\n\n

添加上述架构代码后，您必须通过以下链接将您的 URL 提交给 Google：https ://developers.google.com/structed-data/testing-tool/

\n\n\n\n

注意：您需要更改url和target链接到您自己的域。

\n