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

Encrypted files on Dropbox with BoxCryptor

crittographyOne of the main questions on the part of users, the use of cloud-based solutions is definitely the secrecy and confidentiality of the data that are stored in the storage cloud, many fear that their data (documents, photos, code, etc..) Can first eventually be violated, and in some cases compromised, thus losing days and days of work.

Taxonomy upgrade extras: 

How to record a mobile phone call (with App for Android Smartphone)

how to record a call

Imagine you are working on an important work project with other people and you often receive phone calls with suggestions and ideas on what doing. In these cases you should always have a pen and paper at your fingertips but sometimes it’s not possible. For this reason you could record calls directly so you will be able to play back it calmly when you have more free time and draw from it all information you need.

You have not to be a secret agent to do it. You have to do simply an Android smartphone to record all the calls you make or receive on your line and save them as an MP3 file. In this way you can have them always on hand and listen them again every time you want.

Mobile: 

Google under antitrust investigation

google antitrust investigationFor Google may soon open a major problem for the impact their activities. As in past years had been faced with the Microsoft antitrust grip (especially in Europe), now also Google may in fact open the same perspective. The front could be opened in the United States, but the risk is that even after the European Commission can take the same initiative.
News Magazine: 

Logitech Launches Wireless Mouse and Touchpad for Windows 8, peripherals and accessories designed for touch

Windows 8 brings a new way of thinking and use a computer and the manufacturers of computer accessories, are beginning to produce devices to be able to interact as efficiently as possible, with the new operating system from Microsoft.
News Magazine: