kitconcept.seo 1.3.0

Features

• Allows to override meta title and meta description per page

• Allows to set the noindex header to exclude pages from being indexed

• Allows to set a canonical URL

• Allows to set Open Graph title, description and image

Examples

This add-on can be seen in action at the following sites:

• VHS Ehrenamtsportal

Translations

This product has been translated into

• German

Installation

Install kitconcept.seo by adding it to your buildout:

[buildout]

...

eggs =
    kitconcept.seo

and then running bin/buildout

Than start up your Plone site and open it on localhost:8080 in your browser. Log into your site and and click on the user symbol on the bottom left of the page. Choose Site Setup there. Now go to Add-ons and click Install at kitconcept.seo.

<?xml version="1.0" encoding="utf-8"?>
<object name="Document" meta_type="Dexterity FTI" i18n:domain="plone"
  xmlns:i18n="http://xml.zope.org/namespaces/i18n">
  <property name="behaviors" purge="False">
    <element value="kitconcept.seo" />
  </property>
</object>

Add to Volto site

To add kitconcept.seo to your Volto page you need to edit the component you want to use it for. If you want use it for your whole page you can use it in the View.jsx (see here for further information on editing views in Volto). First you have to define the PropTypes for the seo elements by adding:

seo_title: PropTypes.string,
seo_description: PropTypes.string,

… to the PropTypes of the component.

Than you use React-Helmet to set the title and description of the component. So import React-Helmet with:

import Helmet from 'react-helmet';

And finally add this to the jsx code of your component:

<Helmet
       title={
         this.props.content.seo_title
           ? this.props.content.seo_title
           : this.props.content.title
       }
       meta={
         this.props.content.seo_description
           ? [
               {
                 name: 'description',
                 content: this.props.content.seo_description,
               },
             ]
           : [
               {
                 name: 'description',
                 content: this.props.content.description,
               },
             ]
       }
       bodyAttributes={{
         class: `view-${viewName.toLowerCase()}`,
       }}
     />

Usage in Volto

In your Volto page you need to go to the edit mode of the page you want to add a title and description for SEO and open the properties of the page by clicking the properties under the save button. Choose SEO there and add a title and description in the fields. When you are done hit the save button.

Contribute

• Issue Tracker: https://github.com/kitconcept/kitconcept.seo/issues

• Source Code: https://github.com/kitconcept/kitconcept.seo

Support

If you are having issues, please let us know: info@kitconcept.com.

License

The project is licensed under the GPLv2.

1.3.0 (2020-03-24)

• Add Open Graph title, description and image. [timo]

• Add German translation. [timo]

1.2.1 (2020-01-16)

• Re-release 1.2.0. [timo]

1.2.0 (2020-01-16)

• Add canonical_url option. [timo]

1.1.0 (2020-01-10)

• Add noindex option. [timo]

1.0.0 (2019-05-14)

• Python 3 compatibility. [timo]

• Plone 5.2 compatibility. [timo]

• Remove unnecessary plone.directives.form test dependency. [timo]

• Use black formatter. [timo]

1.0.0a1 (2018-07-09)

• Initial release. [kitconcept]