Razor Page Service Tutorials

Tutorial Home › Razer Page Service

Meta and other Tags in header

#5 JSON-LD Headers for SEO

Set Open-Graph headers for Social Media using the IPageService

IPageService to add JSON-LD Headers

This page adds 2 JSON-LD tags to the html-head. View the page source to see it.

Kit.Page gets the Page Service on newer Razors

This tutorial inherits from the Custom.Hybrid.Razor14 or the Custom.Hybrid.RazorTyped base class.

This allows us to use Kit.Page to access an IPageService without having to use GetService<IPageService>.

@inherits Custom.Hybrid.RazorTyped

@{
  // example adding a json-ld as a string
  Kit.Page.AddJsonLd("{ \"@context\": \"https://schema.org/\" }");
}
@{
  // creating a JSON-LD using an object - replicating googles example https://developers.google.com/search/docs/guides/intro-structured-data
  var jsonLd = new Dictionary<string, object> {
    { "@context", "https://schema.org"},
    { "@type", "Organization"},
    { "url", "http://www.example.com"},
    { "name", "Unlimited Ball Bearings Corp."},
    { "contactPoint", new Dictionary<string, object> {
      {"@type", "ContactPoint"},
      {"telephone", "+1-401-555-1212"},
      {"contactType", "Customer service"}
    }}
  };
}

Output is Invisible as it only affects the HTML Head

This sample modifies the HTML head, so it's not visible here.

To see the effect, look at the source in the browser