11 votes

Seo Visualizer

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

The source is on github so feel free to contribute!
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 70 chars which is not goot.

Meta description
Shows a hit for the user if the title is longer than 155 chars which is not goot.

How to use

Set ut

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 4535 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.2.x (untested)
8.1.x (untested)
8.0.x (untested)
7.15.x (untested)
7.14.x (untested)
7.13.x (untested)
7.12.x (untested)
7.11.x (untested)
7.10.x (untested)
7.9.x (untested)
7.8.x (untested)
7.7.x (untested)
7.6.x (untested)
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 1.1
  • .net Version 4.0
  • License MIT
  • Downloads: 1148

External resources