Site Search JSON-LD

Are you using Webflow's Site Search feature?

Why not make it available on Google Search as a search box for your users as well?

With JSON-LD, you can make it easy for Google to find and to potentially display your Webflow Site Search directly in Google's search results.

Setup

Where to Place it?

I would place this piece of JSON+LD on all pages of the site, so put it in your site-wide custom code, in the HEAD section.

How to Configure it?

Here's what Sygnal's looks like;

<script type="application/ld+json">
{
    "@context": "https://schema.org",
    "@type": "WebSite",
    "name": "Sygnal Technology Group",
    "url": "https://www.sygnal.com/",
    "potentialAction": {
      "@type": "SearchAction",
      "target": { 
          "@type": "EntryPoint",
          "urlTemplate": "https://www.sygnal.com/search?query={query}"      
      },      
      "query-input": "required name=query"
    }
}
</script>

Key fields;

• _urlTemplate describes the search URL format. Webflow uses a querystring param named _query. Change your domain name to your own.
• _query-input is new required field, which will error if you do not include it. It's purpose appears to be to describe the search input box itself, by name. Webflow's is hardcoded to _query.
• _name defines the name of the site, and is not strictly needed for the search feature, however in most sites you'll include this anyway for best search results overall.

References

Google's documentation on sitelinks search box

https://support.google.com/webmasters/answer/7445569

https://search.google.com/test/rich-results

‍

‍