Home / Blog / What is micromarking and why is it needed?
What is micromarking and why is it needed?

What is micromarking and why is it needed?

  • Anna KoshevaAnna Kosheva
  • August 10, 2022

    August 10, 2022

Micromarkup is the specific tags and attributes in the web layout that we use to better insight the information on the website pages by search robots. It helps get high-quality transitions to the site, thereby increasing traffic without an extra budget.

What are the benefits of micromarking?

First of all, the micro-markup of the site is convenient for the user – in that it briefly conveys the content of the desired page. For example, if you have an online store, the user can see the price of the product, key features, and customer reviews. If there is an offline point, you can see its working hours, address, and contact details in the micromarking. If you publish articles, the markup displays the output and author of the each articles.

In addition, micromarking makes the website more visually attractive in search results. A beautiful snippet is clickable. So it increases the position in the SERP (but this does not happen immediately but by the reaction of users) and increases site traffic. It is not a fact that it will work right away. Do this work well, and improve the content, layout, and assortment. Achieve positive results. It is better than it works for both people and search engines.

If you use micromarkup, you will need do this with all website content. For an online store, it is a product catalog, separate categories, and articles on the website. Any structured data must be relevant to the content of the particular web page and must not describe information that was hiden from visitors.

Website micromarking components

The website micromarkup consists of tags and attributes. They are responsible for specific content: some of it are visible to visitors, and some need for search robots. 

micromarking dictionaries

There are several dictionaries in micro markup, that is, sets of attributes. Let’s talk about the most common and widely used on the modern Internet.

Schema.org

The dictionary has three main attributes (itemscope – points to the object itself, itemtype – to its type, itemprop – to properties, if we are talking about goods, then this can be, for example, price and description).

See also: Schema.org micro-markup on the ADVANTSHOP platform.

open graph

Facebook developed this dictionary. It was for the correct display of web pages in social networks. Today it is also supported by instant messengers, including Telegram, which is now popular on the Russian market. It also has several attributes:

“og:locale” – site location and content language

“og:type” – type of displayed content (review, article, etc.)

“og:title” – title meta tag

“og:description” – description meta tag

“og:url” – web page address

“og: image” – an image in the text of an article, review, description, etc.

“og:site_name” is the name of the site.

Microformats

It is a special markup that helps search bots understand the content. Their main task is to tell about the contained data. For an online store, such data as address and contacts, product descriptions, and reviews are crucial.

The hCard format is suitable for working with information on the online store. It structures the geographic coordinates and contact website details, are automatically transferred to search engine directories, including when changed.

micromarking Syntax

Micromarking syntax refers to how a dictionary is applied. There is no unified syntax standard, but there several commonly used ones.

micromarking

So-called micromarking consists of several elements (think of the itemscope, itemtype, and itemprop attributes in Schema.org). Usually, the data is already available to the user is marked up, but sometimes metadata is also needed for markup.

RDFa

It was developed in 2004 to mark up HTML code for structuring data. Due to the complexity of implementation, today used much less frequently. Google favors JSON-LD or micro-markup.

Implementation of micromarking

Articles

For published articles on the website (for an online store, this can be a blog or expert advice) and for following attributes are used.

headline – the name of the material

datePublished – publication date

image – image

articleBody – body text of the article

author – author

publisher – the name of the resource 

breadcrumbs

It is the name of the navigation system on the site, which demonstrates the structure and nesting of pages. You can make a linear navigation chain or a system with ability to go back to the main page or the product catalog. Breadcrumbs increase the uniqueness of the snippet by appearing in search results.

The following tags is using to mark up breadcrumbs:

itemscope – an indication of the described object

itemtype – an indication of the type of the object. If the element belongs to breadcrumbs, then in Schema.Org it will look like this:

itemtype=https://schema.org/BreadcrumbList

itemprop=”itemListElement” – indicates whether the element belongs to the list

itemprop=”item” – points to a link

itemprop=”name” – indicates the name of the breadcrumb.

meta itemprop=”position” content=”%number%” – indicates the position of the item in the navigation chain.

Micromarking of goods in an online store

Google recommends installing micro-markup on sections and pages with an assortment of products for an online store: search bots can use this data for a snippet, which, in turn, prompts the user to follow the link.

For products, the attributes name (name), description (description), image (image), price (price), and priceCurrency (currency) are sufficient. If you want to add reviews to the snippet, the AggregateRating field is required.

Checking micromarking for errors

Ready markup check for errors – only correctly structured data is available to search robots. In Google, it is on the validator page. It displays the slightest errors in the report and gives you the opportunity to correct them.

Let’s summarize. Micro markup is needed to make snippets more visible. It can affect rankings through the search behavior of users. Mark up all the content without errors: all attributes must be wrote correctly. However, search engine validators can validate the markup code and correct mistakes. The main thing is not to forget to do it.

  • Anna KoshevaAnna Kosheva
  • August 10, 2022

    August 10, 2022

Sign up and don't miss our awesome Mage Mastery lessons and updates!

Related Posts
How to Start an Online Clothing Store: 10 Important Steps

Clothing store is one of the most popular field. What is important? Learn in the blog.

What is Google My Business, and how to use it?

What is Google My Business, and how to use it?

editAnna Kosheva
edit September 17, 2022

Google My Business is a free tool for businesses where businesses can create their profile. How to use it?

Four important web analytics metrics

Four important web analytics metrics

editAnna Kosheva
edit September 11, 2022

How to properly evaluate the effectiveness of a website? What metrics to use? What numbers are considered successful? Read on the blog!

If you like this blog post, you may want to watch
Start: March 28, 2021
Intermediate
 
Max Pronko
Web Icon20 lessons
Clock Icon15 hours
Adobe Certified Professional — Magento Commerce Developer Study Group is an 10-week (1.5 hours/week) instructor-led study group. This study group will help PHP and JavaScript developers evaluate their readiness and prepare for the Adobe Certified Professional — Magento Commerce Developer exam.
Start: March 15, 2021
Advanced
 
Max Pronko
Web Icon80 lessons
Clock Icon15 hours
Magento 2 Development Workshop is for those who want to practice and learn how to implement Magento 2 extensions. During the workshop, you will have lots of homework, practical exercises, video lessons, and theory that will give you the required skills for your Magento 2 job.
2022 © Made with ❤ by Max Pronko