Logo
Logo
  • Blazor CMS Home
  • Oqtane Tutorials
  • Blazor CMS Home
  • Oqtane Tutorials
Oqtane Tutorials
Oqtane Tutorials

Razor Page Service Tutorials

Tutorial Home › Razer Page Service
Page Icons for Favicon, Apple/Android
#4 Meta and other Tags in header
JSON-LD Headers for SEO

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
  • 2sic internet solutions
  • Langäulistrasse 62, 9470 Buchs SG, Switzerland
  • +41 81 750 67 77
Login