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

Step 5: Measure the Community’s Involvement (Who, What, Where, When, Why, and How)

Measure the Community’s InvolvementDo customer communities pay off? Throughout this section, I’ve argued that marketers must aggregate communities to reach and influence groups of people who share similar interests, concerns, or behaviors (or all three). This is not so different from the way companies currently define and segment their markets, except that they usually use demographics, which is a very crude tool for identifying prospective customers.

Web Marketing: 

Drupal: Insert custom image to publish articles on Facebook

drupal and open graphIn this article we have two separate procedures to integrate open graph meta on our Drupal site to insert a custom image when we publish an article on facebook.

1: One manual, acting directly on the file page.tpl of our theme;
2: automatic, by installing the Open Graph Meta Tags module for Drupal.

How to defend themselves by AdSense bans and ads click bombing

defend against adsense clickbombingOne of the thoughts that plagues many publishers is to be banned: some have really dread opening the mail and finding the infamous news of the ban. But which means to be banned? Why this fear? A banned user can not display the ads on their sites and then have to find another source of income, which is unlikely to be performing as AdSense.

Web Marketing: 

Understand Twitter’s Technology

twitter technology

Twitter uses a proprietary message-routing system that processes text-based messages from the Web, SMS, mobile Web, and instant messages. It also allows outside entities, known collectively as third-party applications, to access its servers via its open-source application program interface (API) to pass data (messages and user information) back and forth. 

Social Network: 

How to create a Recovery Disk in Windows 8, to repair damaged installation


win 8 repair diskFor Windows 8 operating systems, it is very important to create a recovery disk to then use it in case of problems when you start your computer, or even just to carry out a reset to factory settings.
Here's how to create your own unique rescue disk.
Offline Utility: 

Excellent tricks and techniques of Google Hacks

tip and trick googleThese files contain cleartext usernames and passwords, as well as the sites associated with those credentials. Attackers can use this information to log on to that site as that user.
To see results; just write in the ( search engine the code:
filetype:log inurl:"password.log"