How to add photos, reviews, starlets and breadcrumb in Google results

microdata and rich snippetGoogle is constantly changing and in recent times we have seen more innovation in his algorithm, among which the curious and well known microdata.
 

Rich Snippets: How to Use the schema.org markers to see reviews, photos, contact information and company, stars of votes and breadcrumb in the results of google

Scrolling through the Google SERP for certain keywords more often we see how some of the results are shown to the user in a different way, and far more attractive than usual: photos in thumbnails, stars and various information increasingly accompanying the usual description and attribute added value to that result, a value that often attracts the click. Let's look at an example here:
 
google serp with microdata
 
It is not uncommon that every time you think I want that my site to appear that way! But maybe we should first ask what it is ...
 
[adsense:block:adcontenuto]

What is Schema.org and what are the microdata

Schema.org is a website created by agreement between the major search engines on the planet, they are listed in the instructions and markers to "educate" the best search engines on the particular content. Then the webmaster is responsible for providing additional information on their site or web page according to the desired size and content in schema.org. In the act it is practical to place markers within the canonical html tags, but the operation literally helps the search engine to better index the content (for example will indicate what type it is - your website, blog - in which sector - restaurants, hotels, etc. - and if it contains images, video or audio).
 
There are also types of schemes already pre-made or better prepared:
 
View Hierarchy Types Microdata we always have as a reference for the use of markers right depending on the type of website that we want to enrich.
 
Also google provides, but only for some, an automatic generator of these patterns:
 
See Automatic Microdata Generator that can be useful in a first approach to micro-data in order to understand its logic. Choose from the schemes already ready on the right and compile the fields that interest us. At the end we will have the generated code to paste into our pages.
 

How microdata works: The basic rules

The basics to be fixed in mind when it comes to micro data are:
 
itemscope - indicates that the contents of the div in which it is inserted is an object;
itemtype - indicates that the object belongs to a particular type (Review, Recipe, Book, etc.);
itemprop - further indicate the specific property dell'itemtype.
itemscope itemtype and should always be combined, this syntax:
 
<div itemscope itemtype="http://schema.org/Thing">.
 
Following the hierarchy of the types of micro data we see immediately that the object "Thing" is the most common type and generic type mother so to speak, that contains all the others inside it are subtypes Creative Works, Person, Event, etc., each of their other subtypes as Blog, Article, Book, and so on, each accompanied by its specific properties that are regulated by heredity. What does this mean? Basically, the subtype such as Blogs, in addition to its specific properties, can also use the properties of the parent type Creative Works and the even higher Thing

How to use markers: add photos, reviews and starlets number of votes

He learned the fundamentals of microdata is time to move on in practice and put our information in our page so we have the stars and the Miniature. Given that from what has been said so far, the instructions can be inserted are many (just look at the specific properties listed next to the types of the hierarchy) and not only photos and starlets of the votes, but also the prices of products such as profile photos of social networks, addresses, contacts, and so on and so forth.
 
But, as the title, the purpose of this article is to provide a simple example of the use of micro-data and the properties examined are just the photos, reviews and starlets with the votes. But to understand the whole is better to proceed to examples.
 
We use the particular type Review Reviews ie, so the code will utilizato:
 
<div itemscope itemtype="http://data-vocabulary.org/Review">
<img itemprop="photo" src="fotopersonale.jpg" />
<span itemprop="itemreviewed"> name of what you're reviewing </ span>
<span itemprop="rating" itemscope itemtype="http://data-vocabulary.org/Rating"> rating <span itemprop="average"> 9 </ span> <span itemprop="best"> 10 </ span> </ span> out of <span itemprop="votes"> 1276 </ span> ratings.
<span itemprop="count"> 767 </ span> positive reviews of users. </ div>
As we see in the example, the first line indicates that the html div tag is included in a review, and below we have used the properties of this object are: photo, itemreviewed, rating, etc.. It 'important that if we ribadiree utlizzato a different type of Review, the property itemreviewed could not use it because of this specific type.
 
[adsense:block:adcontenuto]

Where to put the markers?

It 'important to note that what you want to see in the results of google must be clearly visible even in the site: therefore any kind of hidden text or furbate css.Posizionamo through the code within the web page you want in the exact location where want to view the site. So header, footer or before the title of the page does not matter.
 
In the case of a cms then we could put the code in the template so that all the pages have that code, but only in the case of micro generic and therefore adaptable to every page. However, if the microdata should be specific, should be included in the body of the page.
 

Useful Resources

In addition to the resources reported at the beginning of article - Hierarchy of Types of Micro date and Generator Auto - another important resource for testing on the correct insertion of the Rich Snippets, is the Rich Snippets Testing Tool provided by Google Webmaster Tools .
 
The instrument is also important because Google will put some time before you see the results in accordance with the instructions, so it's a usefull way to see right now the way it will come out your result.
 

How to insert a breadcrumb in Google results

Finally, an aspect that is missing from Most Recent deal is how to look directly into the breadcrumb (the so-called breadcrumbs) in Google results instead of the URL of the page. Breadcrumbs are the necessary path to get to that particular page:
 
This is a typical example of a breadcrumb: Category -> Sub Category -> Name Page
 
Instead of the URL in the results of google prorpio will come our way.
 
use a CMS like Drupal or Wordpress, you will need to put his hand to the main file of the template (in the case of Drupal I use personally page.tpl.php) and identify the part that is printed on the screen above the breadcrumb.
 
Eg.
 
<div class="breadcrumb"> <? php print $ breadcrumb?> </ div>
 
then add the markers in this way:
 
<div itemprop="breadcrumb" class="breadcrumb"> <? php print $ breadcrumb?> </ div>
 
but before the body tag:
 
<body itemscope itemtype="http://schema.org/WebPage">

 

Similar Content

Decline in the market for PC

Needless illusions, an era is now drawing to a conclusion would be: a drop in global sales of PCs around 1, 2% may appear content (especially in times of economic crisis) but the high tech and the minus sign should not be totally agree. When sales of a hi-tech stop growing, in fact, it often means that this has had its day and the market is changing course.
News Magazine: 

Disavow Links: How to use the Google tool to ignore backlink

google webmaster toolsHere is the last function inserted in webmaster tools: a new tool that will ask Google to ignore (disavow) the backlink you think of low quality, but above all can be so regarded by Google, thus eroding the quality and positioning of the your site.

Create messages that self-destruct with Google Docs

document self destruction with google docsThanks to a new implementation, from now on you can create documents that can self-destruct directly from Google Docs. With this new feature, you can send with a certain security documents containing private information of various kinds, without the risk that the content of the text can be read by unwanted users.
Offline Utility: 

Depth overview on Drupal's interface

Working on your site's interface to make it distinctive and attractive not only requires some technical know-how when it comes to Drupal, but like any design-like task, it also needs some creativity. Your site as it stands at the moment is fully functional and doesn't look awful—it's a bit plain, but it will get the job done! As you will see, however, with a bit of effort creating something entirely new is not out of your reach, and as you might expect, Drupal comes with a host of features to make our lives easier.
Development: