12 votes

Seo Visualizer

Simple property editor that let's editors set Title and Meta Description while it visualize how it would look in the search result in a "Google-fasion"-style.

Created by the same team as the great Newsletter Studio-package.

Install via NuGet:

Install-Package UmbracoSeoVisualizer

NOTE! Make sure to use the right version depending on your version of Umbraco, 

  • Seo Visualizer v1 is for Umbraco 7
  • Seo Visualizer v8 is for Umbraco 8


Source: https://github.com/enkelmedia/Umbraco-SeoVisualizer



The property editor just shows a form with two fields

Page title
Shows a hit for the user if the title is longer than x (60 by default) chars which is not goot.

Meta description
Shows a hit for the user if the title is longer than x (160 bydefault) chars which is not goot.

How to use


If you are installing the package using NuGet you'll have to manually add a new data type in the developer section of your Umbraco backoffice. Choose the Property Editor named "Seo Visualizer".

Document Types

After that you need to add this data type to one or more of your document types so that the editors can use it, in the examples below we gave the custom property on the document type the alias "seo".

In the views

There are two ways to use the values from the property editor in the views.


or like this

@{ var seo = this.Model.Content.GetPropertyValue<SeoValues>("seo"); }





The last approach would perform better as the convertion of the object will only have to be done once.



 Download package
version 9.0.0-rc1

NuGet install instructions for Umbraco 7.0.0-9+

Install-Package UmbracoSeoVisualizer

NuGet install instructions for Umbraco 9+

dotnet add package UmbracoSeoVisualizer

Package owner

Markus Johansson

Markus Johansson

Markus has 5703 karma points

Package Compatibility

This package is compatible with the following versions as reported by community members who have downloaded this package:
Untested or doesn't work on Umbraco Cloud
Version 8.18.x (untested)

You must login before you can report on package compatibility.

Previously reported to work on versions: 8.17.x, 8.16.x, 8.15.x, 8.14.x, 8.13.x, 8.12.x, 8.11.x, 8.10.x, 8.9.x, 8.8.x, 8.7.x, 8.6.x, 8.5.x, 8.4.x, 8.3.x, 8.2.x, 8.1.x, 8.0.x, 7.15.x, 7.14.x, 7.13.x, 7.12.x, 7.11.x, 7.10.x, 7.9.x, 7.8.x, 7.7.x, 7.6.x, 7.5.x, 7.4.x, 7.3.x, 7.2.x, 7.1.x, 7.0.x

Package Information

  • Package owner: Markus Johansson
  • Created: 05/05/2014
  • Current version 9.0.0-rc1
  • .NET version 4.5,4.7.2
  • License MIT
  • Downloads on Our: 1.6K
  • Downloads on NuGet: 48.5K
  • Total downloads : 50.1K

External resources