Razor Page Service Tutorials

#4 Meta and other Tags in header

IPageService to Set Headers / Meta etc.

This page sets the title, description, keywords and some manual tags to the header. Look at the resulting output-source to see the effect.

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

@{
  // prefix the current title, description and keywords with additional values
  Kit.Page.AddToHead("<meta xyz>");
  Kit.Page.AddMeta("somename", "somevalue");
}

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

Page Icons for Favicon, Apple/Android

#4 Meta and other Tags in header

JSON-LD Headers for SEO