About ProcessWire-Textformatter-AutoSchema

AutoSchema automatically sets the basic properties of the micro data of Schema.org. For example, for headings, images and links. Images are automatically changed to a figure tag and the alt Attribut used as caption.

Category 1Markup Generation
Markup modules that are called upon to generate or parse markup (like HTML). Markup modules are most often used on the front-end of a site (rather than admin).
Category 2SEO/Accessibility
Modules designed to help site accessibility, standards compliance and SEO.
Category 3Text Formatters
Textformatter modules that provide run-time formatting for blocks of text (typically used with Text/Textarea fields).
Release StateBeta
Close to stable, but users are advised to be cautious and test thoroughly.*
Authordavid-karich
Module Version1.0.0
Class NameTextformatterAutoSchema
Compatibility2.3, 2.4
Date AddedJanuary 10, 2014
Recommended ByNew recommendations may take up to 1 day to appear.

Instructions

This module's files should be placed in /site/modules/TextformatterAutoSchema/
How to install or uninstall modules

README

ProcessWire – AutoSchema Textformatter

Automatic Schema.org Micro Data for basic elements


AutoSchema module automatically sets the basic micro data attributes of Schema.org. For example, for headings, paragraphs, images and links. Images are automatically changed to a HTML5 figure tag and the image alt attribut used as caption. This option can be disabled via the backend.

Installation

  1. Copy the files for this module to /site/modules/TextformatterAutoSchema/
  2. In admin: Modules > Check for new modules. Install Module > AutoSchema - Auto detect of Schema.org-Attributes
  3. Add AutoSchema as Textformatter on a Textfield. The best way as last formatter.

Example what happens

In the "body"-field (for example, editable via the CKEditor) you add an image. When you render the template following tag is displayed without AutoSchema:

<img alt="Your image caption" width="600" height="400" src="/site/assets/files/1/my-image.600x0.jpg" />

AutoSchema automatically generates the following code:

<figure itemscope itemtype="http://schema.org/ImageObject" style="width:600px;">
    <img alt="Your image caption" width="600" height="400" src="/site/assets/files/1/my-image.600x0.jpg"  itemprop="image" />
    <figcaption itemprop="caption">Your image caption</figcaption>
    <meta itemprop="width" content="600">
    <meta itemprop="height" content="400">
</figure>

What is changed automatically?

  • <h1> to <h1 itemprop="headline">
  • <h2-6> to <h2-6 itemprop="alternativeHeadline">
  • <p> to <p itemprop="text">
  • <a> to <a itemprop="url">
  • <img> to <img itemprop="image" /> or complete HTML5 figure

What are micro data and this Schema.org?

Schema.org provides a collection of shared vocabularies webmasters can use to mark up their pages in ways that can be understood by the major search engines: Google, Microsoft, Yandex and Yahoo! More information: schema.org

Changelog

1.0.0

  • Initial release

Questions or comments?

My Name is David Karich. Send me an E-Mail with your questions, suggestions or bugs to support@flipzoom.de.

Test environment

  • ProcessWire in Version 2.3
  • Windows (WAMP) / Linux (CentOS 6.4/6.5)
  • PHP 5.3.3, 5.5.3
  • Apache 2.2.21

Comments

Post a Comment

Your e-mail is kept confidential and not included with your comment. Website is optional.