Ad

Render View In MVC For SEO In Umbraco

- 1 answer

I am trying to render a view for seo tags in umbraco cms. However I am not sure how it can be done. Is there some source I can look up to?

Ad

Answer

Tags for SEO and social media could be combined, as they share some of the same information.

On my umbraco installation I have added the following properties to website root node, page nodes and member nodes:

On top node:

  • siteName - textbox
  • siteDescription - textarea
  • siteLocale - textbox (ie. nb_NO)
  • facebookPageUrl- textbox
  • facebookAppId - textbox
  • twitterUserName - textbox
  • siteLogo - media picker

On pages

  • pageTitle - textbox
  • pageSnippet - textbox with 160 chars about the page content
  • author - member picker

On members

  • facebookProfilePage - textbox
  • twitterUserName - textbox
  • memberProfileUrl - textbox

Then i use the following code to render head meta tags on all pages:

    @inherits Umbraco.Web.Macros.PartialViewMacroPage
    @{


        //  SITE INFORMATION 
        string site_locale = "en_US";
        if (Model.Content.AncestorOrSelf(1).HasProperty("siteLocale") && (Model.Content.GetPropertyValue<string>("siteLocale") != ""))
        { site_locale = Model.Content.GetPropertyValue<string>("siteLocale"); };

        // Check if root node has defined site name, otherwise use domain name.
        string domain = System.Web.HttpContext.Current.Request.Url.Scheme + "://" + System.Web.HttpContext.Current.Request.Url.Authority;
        string site_name = Model.Content.AncestorOrSelf(1).HasProperty("siteName") ? Model.Content.AncestorOrSelf(1).GetPropertyValue("siteName").ToString() : HttpContext.Current.Request.Url.Host.ToString();

        // Check if site description exist, and default text if not.
        string site_description = Model.Content.AncestorOrSelf(1).HasProperty("siteDescription") ? Model.Content.AncestorOrSelf(1).GetPropertyValue("siteDescription").ToString() : "The website " + HttpContext.Current.Request.Url.Host.ToString();
        string site_logo_url = "";
        string site_logo_height = "";
        string site_logo_width = "";

        if (Model.Content.AncestorOrSelf(1).HasProperty("siteLogo") && (Model.Content.AncestorOrSelf(1).GetPropertyValue<int>("siteLogo") != 0))
        {
            var logo = Umbraco.TypedMedia(Model.Content.AncestorOrSelf(1).GetPropertyValue("siteLogo").ToString());
            site_logo_url = domain + logo.Url;
            site_logo_height = logo.GetPropertyValue<string>("umbracoHeight");
            site_logo_width = logo.GetPropertyValue<string>("umbracoWidth");
        }


        string site_fb_app_id = Model.Content.AncestorOrSelf(1).GetPropertyValue("facebookAppId").ToString();
        string site_fb_page_url = Model.Content.AncestorOrSelf(1).GetPropertyValue("facebookPageUrl").ToString();
        string site_twitter_username = Model.Content.AncestorOrSelf(1).GetPropertyValue("twitterUserName").ToString();

        // PAGE INFORMATION 
        // Use page title if defined, otherwise Model.Content.Name
        string page_url = Model.Content.Url;
        string page_title = Model.Content.HasProperty("pageTitle") ? Model.Content.GetPropertyValue("pageTitle").ToString() : Model.Content.Name.ToString();
        DateTime page_created_date = Model.Content.CreateDate;
        DateTime page_updated_date = Model.Content.UpdateDate;

        string page_description = Model.Content.HasProperty("pageSnippet") ? Model.Content.GetPropertyValue("pageSnippet").ToString() : "";

        // AUTHOR INFORMATION 
        // Check for information about the author of this page
        bool hasAuthorInfo = false;
        if (Model.Content.HasProperty("author") && (Model.Content.GetPropertyValue("author").ToString() != ""))
        {
            hasAuthorInfo = true;
        }
        string author_name = "";
        string author_facebook_page = "";
        string author_twitter_username = "";
        string author_member_profile_url = "";
        if (hasAuthorInfo)
        {
            var author = Members.GetById((int)Model.Content.GetPropertyValue("author"));
            author_name = author.Name;
            author_facebook_page = author.GetPropertyValue("facebookProfilePage").ToString();
            author_twitter_username = author.GetPropertyValue("twitterUserName").ToString();
            author_member_profile_url = author.GetPropertyValue("memberProfileUrl").ToString();
        }

        // FEATURED IMAGE
        // Check if there is a featured image for this page
        bool hasFeaturedImage = false;
        string page_featuredimage_url = "";

        if (Model.Content.HasProperty("featuredImage") && (Model.Content.GetPropertyValue<int>("featuredImage") != 0))
        {
            hasFeaturedImage = true;
        }

        if (hasFeaturedImage)
        {
            var image = Umbraco.TypedMedia(Model.Content.GetPropertyValue("featuredImage").ToString());
            page_featuredimage_url = domain + image.GetCropUrl("1200x630"); // Preferred size by Facebook
        }
    }
    <meta name="description" content="@page_description" />
    <meta property="og:title" content="@page_title" />
    <meta property="og:site_name" content="@site_name" />
    <meta property="og:url" content="@page_url" />
    <meta property="og:description" content="@page_description" />
    <meta property="og:image" content="@page_featuredimage_url" />
    <meta property="fb:app_id" content="@site_fb_app_id" />
    <meta property="og:type" content="article" />
    <meta property="og:locale" content="nb_NO" />
    <meta property="article:author" content="@author_facebook_page" />
    <meta property="article:publisher" content="@site_fb_page_url" />
    <meta name="twitter:title" content="@page_title" />
    <meta name="twitter:description" content="@page_description" />
    <meta name="twitter:image:src" content="@page_featuredimage_url" />
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:site" content="@site_twitter_username" />
    <meta name="twitter:creator" content="@author_twitter_username" />

    <script type="application/ld+json">
        {
        "@@context": "http://schema.org",
        "@@type": "NewsArticle",
        "mainEntityOfPage":{
        "@@type":"WebPage",
        "@@id":"@page_url"
        },
        "headline": "@page_title",
        "image": {
        "@@type": "ImageObject",
        "url": "@page_featuredimage_url",
        "height": 630,
        "width": 1200
        },
        "datePublished": "@page_created_date.ToString("o")",
        "dateModified": "@page_updated_date.ToString("o")",
        "author": {
        "@@type": "Person",
        "name": "@author_name"
        },
        "publisher": {
        "@@type": "Organization",
        "name": "@site_name",
        "logo": {
        "@@type": "ImageObject",
        "url": "@site_logo_url",
        "width": "@site_logo_width",
        "height": "@site_logo_height"
        }
        },
        "description": "@page_description"
        }
    </script>
Ad
source: stackoverflow.com
Ad