Greetings, dear blog readers. website !

Today I will share with you the skills of correct website micro markup. You will learn why it is needed, what elements need to be marked and how to do it quickly and efficiently.

Did you know that 90% of sites today do not use micro markup?! Before they have time to understand their mistakes, you can overtake them by a step or even more than one and go ahead. Believe me, micro markup will highlight your resource among search engines as the highest quality!

By the way, I recently wrote about. If you have not yet created a map on your website, be sure to read this article.

So let's get down to business. First, check out the main points of our topic.

What is microsite layout and why is it needed?

I'll try to explain it simpler. Micro markup on a website is special attributes that show search engines what is on your website. That is, it sets, one might say, signal flags to which the robot pays special attention and structures the data.

If you want to see approximately how a search engine sees your site, then press and hold simultaneously ctrl+u and you'll see source code pages. Everything is there: scripts, styles, pictures, comments, headings, blocks, etc.

And if you think that the search engine itself will guess which of these is which, then you are mistaken. This is what the site looks like search robot if there is no marking.

For them he is like a driver on this drunken road.

No, of course, search engine algorithms are being improved and automated every day. But if you want to create a high-quality resource that will be quickly indexed and displayed in the TOP, then adding micro markup to the site is simply necessary. There shouldn’t even be a question about whether to make markings or not. If you do markup, your project is already one step ahead of those sites that do not have it. And as a result, for a search engine, your blog will be like a neat board with stickers, each of which carries its own meaning.

Everything is clear and structured

If you still don’t understand what website micro markup is, then take a look this video is from Yandex:

How to check a website's micro-markup

To check whether your resource has micro markup and what condition it is in, just follow this link https://webmaster.yandex.ru/microtest.xml and enter in top line address of your resource. It is possible that in response it will be written that the micro markup was not detected, or a Warning will appear - this means that something needs to be corrected. That's all, let's look at it as it is, let's move on.

Micro markup header on a website for WordPress

I will say right away that in different topics WordPress may look different, so the micro-markup of the site may differ slightly. But the principle is the same everywhere.

First of all, let's add micro-markup for the blog title and description. In the panel wordpress management in section Appearance– Editor find the file header.php, You can also find this and subsequent files in file manager hosting in the folder with your theme.

Finding the tag header and inside the tag we write

itemscope itemtype="http://schema.org/WPHeader"

itemscope tells the robot that something will be described inside this tag.

itemtype tells what exactly will be described.

http://schema.org/WPHeader - we inform you that we'll talk about WordPress blog header.

We are looking for a place where the blog name is displayed, it usually looks like this - and is in the tag

. Inside the h1 tag we write itemprop=”headline”. It should look something like this

itemprop="headline">

add itemprop="description". Like this:

itemprop="description">

I repeat again, in every WordPress theme different styles And different structure, so I’m only writing about the principle of adding micro-markup to a site.

Thus, in the header.php file we showed the robot the name and description of our blog.

Next time I will write how to make micro markup, posts, comments, etc. I recommend subscribing to my newsletter so as not to miss updates from my blog.

How do you like the article? Did you manage to start implementing micro markup? Subscribe in the comments.

Sincerely,

Want to increase your traffic from Google? Surely everyone will answer this question YES!

When most people hear the phrase Organic Traffic, the first thing they think about is how their website will rank in Google. But it’s not so important what place you occupy in the rankings, you need to maximize the number of people who came to your site from a search engine.

How to do this? Use Schema Markup and micro-data for Rich Snippets for your site in search engines. You can do this manually, but there are some amazing free and premium plugins that will do this for you.

In this post, we'll show you what Rich Snippets and Schema Markup are, and then share some great plugins for implementing it all in WordPress.

Let's get started!

What are Rich Snippets and Schema Markup?

Rich Snippets are an addition to the search results you see on Google. You can help the search engine add them by using something called micro-markup or Schema Markup on your site. Schema Markup structures micro-data to make it easier for search engines to determine the type of your content.

Here's what the implementation of Schema Markup looks like using a live example. Pay attention to the stars and rating under the first search result:

This visually makes the first search result stand out from other results. Standing out means getting more visitors.

Micro markup and Rich Snippets aren't just for review sites. Here are some examples of other Schema Markup you can use:

• Recipes
• Photos
• Product Features
• Addresses and telephone numbers
• And much, much more

You can check them full list at schema.org. The formats listed there support all major search engines.

Add Rich Snippets and get more organic traffic

We want you to understand that Rich Snippets and Schema Markup do not affect your site's ranking in Google (although Google itself does not deny this possibility). They increase the number of people who come to your site from a search engine, or in other words CTR (click-through rate).

CTR is not just a battle for clicks. This is what you need to optimize for in organic search. News from Search Engine Land shows that some sites increased their traffic by almost 30% after implementing Rich Snippets.

We cannot guarantee that you will also increase your traffic by 30%, but even if by 5% or 10%, that will be great, right?

You don't need to go deep into any code to do this. Just select one of the plugins, install and configure it. And you will see how in a few days Rich Snippets will appear in search query to your website.

1. All In One Schema.org Rich Snippets

Price: Free

All In One Schema.org Rich Snippets is a difficult name for a plugin, but it is still one of the most popular free plugins. He has everything he needs basic functions.

The plugin supports schemas for many topics, for example, reviews, events, recipes, etc. Here you can also preview how Rich Snippets will look in Google search.

The plugin also has an active technical support forum. This is a great plugin, try it out to start with.

2. Schema Creator by Raven

Price: Free

Schema Creator by Raven - another one free option to add micro-data, although it has not been updated for a year.

This plugin is not as intuitive as the previous one, but it can do everything desired functions for free.

3. WP Rich Snippets

Price: from $69

WP Rich Snippets - no free plugin, but for the money you get a ton of features.

It has many options for customizing Rich Snippets, which can be found in a beautifully designed and very intuitive console. You can add:

• Rating
• Robot watch
• Addresses and telephones
• And much more

Plus, there are many extensions that can be integrated with WooCommerce, add shortcodes and data tables, show location on Google Maps and so on.

And adding to this a knowledge base and specialized technical support, we understand that the plugin is worth it.

4. Schema App Structured Data

Price: Free with paid addons

Schema App Structured Data is a free plugin for installing Rich Snippets on your website. It automatically adds basic Schema Markup data to all posts and pages, which you can then customize.

The plugin can automatically connect to the Schema App Editor and automatically create and validate data, but this feature is unfortunately a paid feature.

But if you only need the basic functionality, Schema App Structured Data provides it for free. But you can always change your mind and buy additional features.

5. Rich Snippets WordPress Plugin

Price: $12

Rich Snippets WordPress Plugin is a paid plugin from CodeCanyon, but its price is significantly lower than WP Rich Snippets.

It generates schema shortcodes that you can display in your post or leave invisible to users (but visible to search engines). Shortcodes are applied separately to each post or page.

So, if you have a large site and want to insert Schema Markup data into all the old posts, then it will take a lot of time. But if you're just starting out with a website, this is a great, inexpensive way to implement Schema Markup data.

Bonus - Yoast

Some Yoast addons will automatically add certain Schema Markup data to your posts. For example, if you installed the Local SEO Plugin, the address and opening hours will be automatically added. Similarly, video data will be added to the Video SEO Plugin.

Addons can't meet every need, but if they suit you, you won't need to install a new plugin.

Plugins for star ratings

• Rich Reviews
• WP Review Pro
• WP Post Ratings

They don't have full Schema Markup data, but they're great for review sites.

Conclusions

No matter which plugin you choose, always make sure your Schema Markup is correct. You can do this using the Structured Data Testing Tool from Google Developers. Simply enter your URL and you'll be notified if there are any problems with your schema data.

Are we missing a plugin? Do you think it's better to install micro markup manually? Share your opinion with us in the comments!

I install the micro markup plugin for better recognition content of articles by robots. To make it easier for robots to index articles, it is recommended to markup texts with small codes. Search engines prefer records with structured data. They are placed in a higher place. They are indexed first of all, choosing from a mass of similar ones. This is not easy for a blogger who is not a programmer to do this, so you can install a plugin that automatically marks texts with micro-markup.

Micro markup plugin – Schema Creator

I installed it on both sites a few months ago. The plugin works quite satisfactorily. When checking articles in Google's structured data service, no errors are found. Downloading and installing the plugin has no special features.

The plugin settings tab opens from the admin panel. In the checkboxes we set checkboxes for micro markup attributes. This is Item Type, Itemscopy, save. After installing and activating the plugin, the editor appears additional icon"Add Schema".

You can add micro markup before the article or at the end of it, but it looks better after the article. Having finished inserting text, set the cursor for inserting structured data and click the icon: Add Schema.

A new window will open in which we will create structured data for the text. However, using this plugin you can not mark up any text, but only for certain types. The plugin has several micro markup options for different cases: Schema Type. A choice of types is provided: by clicking right button anywhere on the tab, we can select translation into Russian.

Get a clear choice of types for a Russian citizen. For the article – article, the plugin does not specify types. However, on the site about the dacha I use the recipe option, where I have a small section about home cooking. In micro-tagging recipes, we try to answer questions as fully as possible. Including the calories of the dish and its protein, fat and carbohydrate content, otherwise errors will be indicated. It turns out that we do micro markup in each article manually. However, the plugin helps.

Markup plugin for reviews

In some articles you can do structured markup using the micro markup plugin, making a “review”.

Click on the selected type, a tab will open that needs to be filled in. For the name line, I copy the title of the article from the browser, which will become a link in the published version. Enter the full address of the site in next line brief description. Item name – translated as the name of the product. Item review - the name to which the review refers, but it was simply written - site. We write down the author's name as in Google+1. Select the date and click the insert button. Structured data will appear under the article and appear in search engine indexes.

I checked - there are no errors.

One error is indicated, but it relates to an empty one, which I cannot remove.

Hello! We continue to analyze the most interesting and most useful plugins for a WordPress site! Today you will learn how to add Schema.org markup to your site to display Rich Snippets. This plugin is very useful for SEO search engine site optimization. It also helps increase CTR and site ranking. What is good and useful about this plugin:

– Works great with Google, Bing, Yahoo and Facebook.

– Supports most content types.

– Displays in search results:

• Photo.
• Video.
• Author.
• Price.
• Star rating.
• Recipes.

You can install the plugin directly from WordPress admin panels. Go to page: Plugins – Add new , enter the name of the plugin in the search form, press Enter, install and activate the plugin.

Configuration Here you can fill in the default snippet data. If you do not provide information for separate page, then the data specified here will be displayed for it.

– Item review, review, review, review.

– Events, events.

– Product, product.

- Recipe, recipe.

– Software Application, program, application.

– Video, video.

– Article, article, record.

– Service, service, services, maintenance.

Click on the tab to open and fill it out. Fill in the snippet fields and click on the button – Update.

– Box Background, box background color.

– Title Background, title background color.

– Border Color, border or border color.

– Title Color, title color.

– Snippet Text Color, text color in the snippet.

– Update colors, save changes.

Pay attention! if you are using Woocommerce plugin, you can integrate this plugin with Woocommerce products.

Next, go to the page for creating or editing a post or page. At the bottom of the page you will have a special box “Configure Rich Snippet”. Here you can add snippet data for an individual page.

Example, if you have a page with a recipe, then select the option "Recipe" and fill in all required fields. Refresh the page.

Let's continue to deal with micro markup. If you haven’t read mine yet, I highly recommend doing so.

It is not big, but it gives the necessary understanding of what we will talk about.

First of all, let's determine what markup is applied on the blog by default, and what errors Google and Yandex validators produce.

Let's go to Google Tool Tips for web masters - Your website - Search view - Structured data.

As you can see, my blog uses microformats.org markup, that is, it has already been embedded in the template files, and in 151 elements an error is thrown.

My hosting provides daily backup, and during this experiment, I restored the blog twice.

First of all, we will delete the entire cache of the site; if you have a plugin installed, we will disable it, and we will also clear the browser cache.

This is necessary so that when checking completed actions in Web Master Tools, the service does not cling to saved copies.

microformats.org uses a lot of markup formats. This:

hcard - organizations and people

hatom - news feeds

hCalendar - events

hProduct - products

hReview - product reviews

hRecipe - culinary recipes

And this is not a complete list. As Wikipedia very accurately puts it: “Here are the most famous of them.” And all of them, or only some, may be present in the blog code.

But the most interesting thing is that in the form in which they are presented in this list, it is impossible to find them in the code.

These markup formats are introduced into the code as classes with properties assigned to each format. And there are quite a lot of these properties too.

For example, the hcard format is displayed in the code as an attribute, or class, of the vcard container, and its properties, as class="fn" or class="n", which in turn is also a container, and so on.

And if the first class is applied to the name, then the second, with some additions, is applied to the surname-first name-patronymic.

There are also classes for the organization, its name, address, profile, and so on.

Of course, it is far from a fact that all this is included in your template, but in order to identify what is there, it is advisable to know everything. Or, as in Wikipedia, the most famous.

It feels like no one knows them all. And I have collected the most famous ones in

Okay, in Google Web Master Tools, we determined that microformats.org markup was embedded in the blog.

Now let's define the formats of this markup that we have.

To do this, we will use the Google tools Structured data verification tool, and Yandex webmaster Check micro markup.

Let's start with Home page, so in order. Enter the address of the Home page in the address field and click Check in both tools.

In the vast majority of cases, Yandex will display a warning, and it will begin with the word “seems.” That is, he doesn’t know for sure, but he feels that something is wrong.

We do the same at Google. More detailed information will be provided here. Google will show you what formats it sees on your site and what errors there are in them.

This is exactly what we need.

First comes the Publisher. And most likely, you will receive a message: The page does not contain a publisher tag.

If this is the case, then for the publisher tag to appear, you need to create an account on Google+, log into your Profile, go to Posts, and copy the address indicated in address bar browser.

This address will then need to be linked to the pages of our site, and there are two options for this.

1. If you have the All In One plugin installed SEO Pack, go to the Console - SEO Tools— Basic, scroll down to the Settings section Google services, and paste the copied address into the Profile line on the Google+ network.

We update the settings and check the page in the tools. You should see a green message indicating that the publisher tag has been verified.

2. If you do not have the All In One SEO Pack plugin, then the address must be inserted into the Text widget, in your widget panel, as a link.

This widget can be placed in any area and checked in the same way as in point 1.

The next format usually present in a blog by default is hatom.

Since it works in RSS feeds, and other update tracking services, it is better not to delete it, but to correct the errors in it.

As you can see from the picture, I get the error Missing required field “updated” in this format.

The fact that this error belongs to this particular format can be determined using Cheat Sheets. You can immediately see from them that the updated property is used in the hatom format.

We will fix it.

This is a creative matter, and for each topic it may turn out to be purely individual.

Firstly, in my TwentiTen theme, on static pages, the publication date is not displayed, and the error is precisely that I do not have data on updating the date and time of publication of articles.

Means static pages, for now, leave it alone and move on to recording. The time and date of publication are there, and you need to set the update property to them.

You may also have to look for your own solution to eliminate the error, so let’s see how you can be guaranteed to find its cause.

To do this, we will use the good old tool.

Open the page in Chrome browser, press the F12 key, or click right key mouse and select View element code.

In the web inspector window that opens, we find a line with code that will highlight the date on our page.

This line will be the code element in which you need to look for an error.

Let’s quickly go to Google, that is, insert rel=”bookmark” into search bar browser, let's dive into search results, and we find out that bookmark is a bookmark, and in the hatom format, this property is used as a definition of something permanent, and we are required to update it.

This means you need to remove rel="bookmark" and insert class="updated" in its place. How to do this?

Go to Appearance - Editor, and start looking for the word bookmark in the theme files. For those who don’t yet know how to quickly do this, read.

I found this element in the functions.php file.

We delete it, insert class="updated", update the file, and go check it out in Google Micromarkup Checker Tool.

As you can see, there is one less mistake. That's what they fought for.

Here you need to pay attention to one more point. Perhaps your date output will be implemented completely differently, and you will find the error in another line of code.

You may not need to delete anything, just insert class="updated", but if you really need to remove an element, be sure to check if it is in the style.css file.

After all, any element displayed on the page can be given design styles, and after its removal, the page design can float.

To prevent this from happening, it is not necessary to delete the required element. It is enough to simply rename it. You can remove or add one letter, and the name will become different.

Renaming it to php file, and in the style sheet, you will get rid of the unnecessary element and save the design.

Now let's look at the second error. As the title suggests: Error. Missing required hCard “author”, it refers to the hCard format.

This format contains properties (see Cheat Sheets) that we can replace with schema.org properties, so this format It's better to remove it completely.

In the code it is represented by the root class vcard, that is, if there is an hCard in the blog, then in the code it will be vcard.

Let's go to the theme files and look through them for the presence of vcard, not forgetting about style. css.

If it is not in the styles, then simply delete it where it is found. If there is, then rename it.

Then we check the properties of this format in the same way. Moreover, here you need to look at the meaning. For example, the fn property consists of two letters, and these two letters can be part of a word, or the url property can be a real address.

Naturally, there is no need to delete them. Typically, a property in code is the value of a class: class="fn", class="url". These structures can be safely removed. Again, if they are not in the styles. And so on.

After all the steps have been completed and the files have been updated, let’s see what the markup checking tools will show us (the site’s cache is disabled or cleared).

Yandex should report that micro markup was not detected.

And Google should not have red lines in its results.

If so, then your torment is over. If not, then the web inspector is always at your service.

Actually, not satisfied with what had been achieved, and since there were still some things that were not completely clear, I spent some more time searching for information on microformats.org.

It turns out that this issue worries not only the Russian-speaking audience, but also users around the world.

And on all the forums and blogs, there are many more questions than clear answers.

Apparently the confusion and uncoordinated actions of the creators of this technology, and now the schema.org dictionary, must correct this situation.

So if someone can't fix errors in structured data, don't be discouraged. Just implement schema.org on your blog and everything will be fine.