Skip to main content
Home  › ... Razor

Razor Page Service Tutorials

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

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.

Info about the Base Class

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

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

@{
  // prefix the current title, description and keywords with additional values
  Kit.Page.AddToHead("<meta xyz>");
  Kit.Page.AddMeta("somename", "somevalue");
}
Page Icons for Favicon, Apple/Android
#4 Meta and other Tags in header
JSON-LD Headers for SEO

Source Code of this file

Below you'll see the source code of the file. Note that we're just showing the main part, and hiding some parts of the file which are not relevant for understanding the essentials. Click to expand the code

@inherits Custom.Hybrid.Razor14
@using ToSic.Razor.Blade;
<!-- unimportant stuff, hidden -->


<div @Sys.PageParts.InfoWrapper()>
  @Html.Partial("../shared/_DefaultInfoSection.cshtml")
  <div @Sys.PageParts.InfoIntro()>
      <h2><em>IPageService</em> to Set Headers / Meta etc.</h2>
      <div>
        This page sets the title, description, keywords and some manual tags to the header. 

        Look at the resulting output-source to see the effect. 
      </div>
    </div>
  </div>


@Html.Partial("../shared/_KitBaseClassInfoBox.cshtml", new { ServiceName = "Page", Service = "IPageService" })

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