11 votes

Seo Visualizer

Simple property editor for Umbraco that collects the title and meta description and visualize how they will look in the search result in a "Google-fasion"-style.

 

Nuget-Install: 

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

 

https://github.com/enkelmedia/Umbraco7-SeoVisualizer

 

Features

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

Setup

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.

@(this.Model.Content.GetPropertyValue<SeoValues>("seo").Description)

or like this

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

@seo.Title

@seo.Description

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

Screenshots

Package owner

Markus Johansson

Markus Johansson

Markus has 4580 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
8.3.x (100%)
8.2.x (100%)
8.1.x (100%)
8.0.x (100%)
7.15.x (100%)
7.14.x (100%)
7.13.x (100%)
7.12.x (100%)
7.11.x (100%)
7.10.x (100%)
7.9.x (100%)
7.8.x (100%)
7.7.x (100%)
7.6.x (100%)
7.5.x (100%)
7.4.x (100%)
7.3.x (100%)
7.2.x (100%)
7.1.x (100%)
7.0.x (100%)
6.1.x (untested)
6.0.x (untested)

You must login before you can report on package compatibility.

Package Information

  • Package owner: Markus Johansson
  • Created: 05/05/2014
  • Current version 8.0.0
  • .net Version 4.5,4.7.2
  • License MIT
  • Downloads: 1221

External resources