←Alle eksempler/examples/website-searchaction

WebSite med SearchAction

NavigationMellem

WebSite schema med SearchAction der tilføjer sitelinks searchbox i Google.

Person der sidder foran en bærbar computer — Foto: SumUp / Unsplash

Markup

Kodeeksempel

website-searchaction.htmlNavigation

<!DOCTYPE html>
<html lang="da">
<head>
  <title>TechShop.dk - Elektronik og Gadgets</title>
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "WebSite",
    "name": "TechShop.dk",
    "alternateName": "Tech Shop Danmark",
    "url": "https://www.techshop.dk",
    "description": "Danmarks bedste elektronikbutik med smartphones, laptops, tablets og gadgets til de bedste priser.",
    "inLanguage": "da-DK",
    "publisher": {
      "@type": "Organization",
      "name": "TechShop ApS",
      "logo": {
        "@type": "ImageObject",
        "url": "https://www.techshop.dk/logo.png",
        "width": 600,
        "height": 60
      }
    },
    "potentialAction": {
      "@type": "SearchAction",
      "target": {
        "@type": "EntryPoint",
        "urlTemplate": "https://www.techshop.dk/search?q={search_term_string}"
      },
      "query-input": "required name=search_term_string"
    },
    "sameAs": [
      "https://www.facebook.com/techshopdk",
      "https://www.instagram.com/techshopdk",
      "https://twitter.com/techshopdk",
      "https://www.youtube.com/@techshopdk",
      "https://www.linkedin.com/company/techshop-dk"
    ]
  }
  </script>
</head>
<body>
  <header>
    <h1>TechShop.dk</h1>
    <form action="/search" method="get">
      <input type="search" name="q" placeholder="Søg produkter...">
      <button type="submit">Søg</button>
    </form>
  </header>
</body>
</html>

Validér altid, før du sender live

Gennemgang

Forklaring

Dette eksempel viser WebSite schema med SearchAction der tilføjer en sitelinks searchbox direkte i Google søgeresultater. Når brugere søger efter dit brand i Google, kan de søge direkte på din hjemmeside fra søgeresultaterne.

Anvendelse