tutorial

Improve your SEO rank using Liquid Markup

A common problem in other development platforms different than Modyo is that automatically generated pages have indexing issues in search engines. For example, in a shared template, if you modify one part affects all the others, which means that if you include a keyword for a particular entry, it affects all the content pages, which can generate undesirable results for indexing your sites correctly.

Fortunately, in Modyo, new content pages can inject dynamic information using the liquid markup language.

Prepreparation

In this example, we will create a description and keywords for SEO. For practical purposes, we will assume that you already have a content page enabled and are familiar with its concepts.

Before you start working, you need to do some preliminary preparation on your content to store the description and keywords information.

First, go to Contents > Spaces and there select the space you are going to work in, then look for Types, and there, choose the data type you are using to display your content page.

In this data type, add two new properties; both will be 1 line text; you can call them "description" and "keywords" respectively.



Now search for your current entries that use that content type we just modified or create a new one. In the "description" section, we will include a text string that describes the current entry. Then, in the "keywords" section, we will put keywords separated by commas.

The contents are ready, and now we will optimize the content page.


Display Metadata with Liquid Markup

First, look in the pages section for the site where you will work and open the content page you want to modify.

In this case, we will edit the page that displays the specific contents of a post, so make sure you are working on the "Show" tab.



Now find the "Custom Meta tags" section and click on "Add meta tag".

In this section, you can select any valid meta tag. The first one you choose is "description" and assign this value that will dynamically display the values you have stored in your entry under the 'description' property {{ entry.fields.description }}

Press save, and with that, the first search engine optimization meta tag is created.

If you want to use other values, you can search for this and all the values associated with this entry in the "entry attributes" section.

For example, by clicking on the side icon, you can copy the value "keywords" and repeat the process of adding a new meta tag, this time also called "keywords".


You are all set. After publishing your site, you will find that each entry associated with the content pages will show custom values in their meta tags. To verify this, check the code of your published page, and you will find that it already has the meta tags defined in its source code.


Photo by: John Schnobrich on Unsplash

By

Carlos Solis

Carlos Solis