This page adds 2 JSON-LD tags to the html-head. View the page source to see it.
This tutorial inherits from the Custom.Hybrid.Razor14 or the Custom.Hybrid.RazorTyped base class.
Custom.Hybrid.Razor14
Custom.Hybrid.RazorTyped
This allows us to use Kit.Page to access an IPageService without having to use GetService<IPageService>.
Kit.Page
IPageService
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"} }} }; }
This sample modifies the HTML head, so it's not visible here.
To see the effect, look at the source in the browser