How to use Loops to iterate over items

In version 2.8.0 of SNIP a long awaited feature came into the plugin. The feature is called “loop” and allows you to define a property to use a loop that it runs through. Here is how this works:

Continue reading

What are Global Snippets?

Global Snippets are a beautiful thing. They allow you to add one rich snippet to many posts at once. But how does it work exactly?


How to create a global Rich Snippet

  1. When you activate the plugin you will see a new menu item under “snip” in your WordPress dashboard. It’s named “Global Snippets”.
  2. Just open it up and add a new Global Snippet.
  3. You will then be able to create a Rich Snipppets.
  4. When you’ve finished creating the snippet, you can choose where it should appear.
  5. For this scroll down to the “Position” metabox.
  6. There you can create a set of rules to determine which pages will use these schema.org syntax you’ve just created.

Are there any examples?

Yes there are!

  1. Go to “snip | Structured Data” in your WordPress dashboard and choose “Setup Wizard”.
  2. Go through the Setup Wizard. It will ask what schemas you want to install.

How can I fill certain properties automatically?

Can I add another snippet to a post that has a global snippet?

Yes you can. Read more about this here: Can I use multiple snippets on one page?

How to make global snippet properties overridable in each post

In version 2.2.0 of SNIP, the Rich Snippet WordPress Plugin, there is a cool new feature that allows you to overwrite global parameters directly in your posts.

If you’re new to SNIP, please take a look at the Structured Training Course. There are also two videos in the training that are related to Global Snippets:

Here is how it works in text format:

Continue reading

How to generate an image (sub)snippet in global schemas for the main thumbnail

Some Rich Snippets (like the Article snippet) provide an image-attribute. In the early days it was easy: you could just provide an image URL here. However this no longer works as search engines want to see more data. That is the width, the height and the URL of an image. This is how you properly add an image snippet into another snippet: Continue reading

How to reference to something in the text editor

Referencing to content is outdated and will not work as of version 2.2.0! Referencing from JSON+LD format to HTML no longer works. The reference shortcode will be removed in version 2.2. Please read more on how to make the switch here.

Update July 30, 2018: There is currently a new schema type in development that would allow to reference something in the HTML sourcecode. It’s called CssSelectorType. However this type is currently in development and not supported by the major search engines. Once this is approved, the following information should work again as described.

Today I’ve got a question from Björn who works a lot with recipes on his website. He had a question about how to reference to some content in the editor. Here I describe how this works: Continue reading

Why should I surround my content with a DIV?

This information is outdated and no longer works. Update: July 30, 2018: There is currently a pending schema Type called CssSelectorType that would allow to use content from the current HTML page. However this is currently pending. Once this is approved the below information should work as described again.

A div-Element in HTML is just a section that has no layout. That means, surrounding your main content area will have no visual affect in most themes. However it allows to give the content an ID. For example if you wrote a post the sourcecode of the content could look like this:

No Div

<p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et.</p>
<p>Maecenas sed diam eget risus varius blandit sit amet non magna. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>

Here is what it looks like when surround it with a <div>-Element:

With DIV

<div><p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et.</p>
<p>Maecenas sed diam eget risus varius blandit sit amet non magna. Nullam id dolor id nibh ultricies vehicula ut id elit.</p></div>

What the DIV-Element allows us is to give it an unique ID that we can refer to:

With DIV and ID

<div id="the_content"><p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et.</p>
<p>Maecenas sed diam eget risus varius blandit sit amet non magna. Nullam id dolor id nibh ultricies vehicula ut id elit.</p></div>

With that ID it’s possible to refer to that content in a Rich Snippet.

Usage in a Rich Snippet

For example if you take a look at the Article-Snippet (that comes shipped with the plugin) you can find a property called http://schema.org/articleBody. This property usually inherits the content of a post. To avoid posting your complete content into this property we can instead refer to the main content in a post via the ID so that you don’t need to worry about changing it when the main post content gets changed.

Once the setting called “Surround main content with a DIV so that it can be addressed by snippets.” is active, you will see a new option called “Link to current post content” when you select the value for the property.

Property selection in the rich snippet plugin
Refer to the content via its ID.

How to add a Rich Snippet to a blog post

There is a completely now Structured Data Training Course that you can take for free!

Please watch the videos from the training linked above. The video below may show outdated pictures!

German / Deutsch

Mein Structured Data Training Kurs ist nun online. Er zeigt auf, was struktuierte Daten sind und wie SNIP funktioniert. Der Kurs ist derzeit allerdings nur auf englisch erhältlich.

Bitte beachte die Videos im Training, welcher oben verlinkt ist. Unten stehendes Video könnte veraltete Inhalte zeigen.