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 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 ...

What is and what are the microdata 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 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="">.
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="">
<img itemprop="photo" src="fotopersonale.jpg" />
<span itemprop="itemreviewed"> name of what you're reviewing </ span>
<span itemprop="rating" itemscope itemtype=""> 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.

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.
<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="">


Similar Content

Dec. 21 2012 - Here's what will happen today ...

According to the Mayan calendar today should be the end

of the world as we have known it.
But the world is already finished, and no one has noticed it,
we really are living in a limbo hidden
without memory.
I have this certainty.
You just need make connections and strive to remember
some nights in which you find yourself placed during sleep, and
as it is recurrent, and how, by asking around,
this happens to more people than you think.
This year has seen everything, we realized
that religion, politics, the structure
society are all based on deception and

Best Wordpress Plugins with regard to eCommerce Websites

WordPress continues to be the world’s hottest content material management program (CMS), along with more than 74 million websites utilizing the system as a foundation.
Far more than a blogger’s favorite tool just, WordPress is just about the CMS of option for countless small enterprises plus sole entrepreneurs.

Anonymous condemn and leave WikiLeaks

anonymousThere was a time in which the site of counter-information WikiLeaks had as its best ally the hacktivist group Anonymous, and now a recent message written by the spokesman of the latter - "Have you lost your last allies. You must die I hope in a fire "- suggests that the time is finally concluded.
News Magazine: 

Download Exynos Fix: How to install Android 4.1.2 on Galaxy S3 with Exynos problem solved

samsung s3 ekynos fixAfter having announced so here that Samsung updates its Galaxy S III to the new firmware version I9300XXELLA, which is based on Android 4.1.2 and is also equipped with the fix for the vulnerability that in recent days had come to light.

News Magazine: