Set image, title and description of the preview on Google Plus Snippets: Tips and Tricks

google plus snippetWhen you click on the Google +1 button happen two main things: the post is added between the +1 on your profile, and you have the option to instantly share on Google+ with the circles you want, the post itself. The article will appear with a "preview", said Snippet + (but + put it on all sides?), which inspire or not users to go read the post!
 
[adsense:block:adcontenuto]
 
The + Snippet is made from the image, the title and the description, more descriptive and compelling these information are and the more chances that you go and read the post! If the eye wants its part, you give it to him!
 
Google provides the code to set image, title and description of the + Snippet in Google Plus, a very powerful tool!
 
To understand what happens when you press the button, Google +1 look at this video:
 
 
 

 

Google uses various types of markup (they are codes to be entered in the html of the post) to set + Snippet, and are taken into account in the following order:
  • Schema.org
  • Open Graph Protocol
  • Title and Description
Google sets everything automatically
So if there is no markup Schema.org on your blog and you have the Open Graph Protocol catch values ​​from the information passed through the Open Graph code, and so on ...

Schema.org

It 's the method preferred by Google, but not necessarily to be the easiest to implement!
Here's how to set the image, the title and the description of a post:
<body itemscope itemtype="http://schema.org/Article">
<h1 itemprop="name">Titolo del post</h1>
<img itemprop="image" src="immagine-di-anteprima.jpg" />
<p itemprop="description">Descrizione dell'articolo.</p>
</body>

To use the rich snippets you can learn here: How to add photos, reviews, starlets and breadcrumbs in Google results

Open Graph Protocol

It 's the protocol used by Facebook & Co, gives the properties page for the image, the title and the description, using these codes to be entered before closing of the tag </ head>:

 

<meta property="og:title" content="Titolo del post"/>
<meta property="og:image" content="Immagine di anteprima"/>
<meta property="og:description" content="Descrizione del post"/>

[adsense:block:adcontenuto]

 

Title and Description

Using the classic html code.
You must enter these two lines of code before the closing of the '</ head> tags in the html code:
 
<meta name="title" content="Titolo del post" />
<meta name="description" content="Descrizione del post" />

To specify the image always insert before the closing of the </ head>:

 

<link rel="image_src" href="url-immagine.jpg" />

Google sets everything automatically

 

If you do not have any of previous markup, first implements at least one!
However, without any markup, Google will automatically set the image, the title and the description of the post, but here you have no control over the quality of the result!
 
One final observation: it happens that after inserting or updating your markup by pressing the +1 button, the preview of the article in your profile page +1 can be different from the snippet, a problem that will be solved in a few days, when Google delete the cache.
 
Finally, to see in action what I described in the post and to understand its potential, share this post on Google+ using the +1 button on the side!

 

Social Network: 

Similar Content

Gallery with effect stack of images

css imageWhen he began to spread on the main browser support for CSS3 transformations, many tutorials applied this new feature to the galleries, creating the effect that here we define 'stack of images': the base image in the foreground and behind it the levels that give the illusion of a group of overlapping photos.

Development: 

How to intercept SMS (with Android, Blackberry and iPhone)

how to intercept sms text

Certainly sometimes you have had to get a very important SMS and u have forgotten you smartphone at home. Even worse, though, is when you lose your smartphone and you lose all the importance of affective text messages saved in it too. Happened to you too, right? So why don’t you install on your mobile an application to intercept text messages?

Even if you are not an expert hacker, you can remotely monitor SMS present on a mobile phone and view them on any PC connected to the Internet. In what way? You have to remember don’t use this guide to intercept SMS without permission to spy mobile phones other.

Mobile: 

Apple says stop the chip samsung

appleThe house of Cupertino and Samsung, a long time partner rehearsed in important commercial partnerships for the production of high-tech components, are now opposing parties in a Patent War worldwide, for this reason, probably, the relationship of trust between the two groups has been gradually deteriorating.
News Magazine: 

Steven Sinofsky does not explain his abandonment of Microsoft

When the news  of Steven Sinofsky's removal from the House of Redmond , former president of the Windows division, have been formulated several hypotheses about the causes of the event; voluntary abandonment or prior dismissal  to avoid promotion to CEO of the group?
 
News Magazine: 

What is Search as your type by Google

google search as you typeGoogle recently announced that he had made ​​available "As Search Your Type", via official blog.

It is a marketing tool reserved for advertisers, which aims to help them to increase their conversions. "Search As Your Type" is one of the features of Google Commerce Search, that Big G ​​has decided to make available to those who work with e-commerce.
News Magazine: