background preloader

Introducing Rich Snippets

Introducing Rich Snippets
Webmaster Level: All As a webmaster, you have a unique understanding of your web pages and the content they represent. Google helps users find your page by showing them a small sample of that content -- the "snippet." Rich Snippets give users convenient summary information about their search results at a glance. To display Rich Snippets, Google looks for markup formats (microformats and RDFa) that you can easily add to your own web pages. and now with microformats markup: or alternatively, use RDFa markup. By incorporating standard annotations in your pages, you not only make your structured data available for Google's search results, but also for any service or tool that supports the same standard. To ensure that this additional data is as helpful as possible to users, we'll be rolling this feature out gradually, expanding coverage to more sites as we do more experiments and process feedback from webmasters. Now, time for some Q&A with the team: No. What's next? Related:  Webdev

Search Engine Optimization & Linked data – Christian Fauré Cela peut sembler une évidence, mais je me rends compte qu’il vaut mieux préciser l’antagonisme qu’il y a à appliquer les recettes classiques du Search Engine Optimization dans le cadre d’une démarche d’exposition des données sur le web. Si vous souhaitez publier vos données en utilisant les normes du web sémantique sur le « web de données », le linked data, et que vous souhaitez proposer également une version des données au format HTML (+ RDFa), il y a de fortes chances pour que vous souhaitiez aussi que ces pages HTML soient référencées du mieux possible par les moteurs de recherche. Les techniques de maîtrise (parce qu’on ne maîtrise pas les liens depuis les autres domaines) du Search Engine Optimization reposant essentiellement sur l’optimisation dans le choix des mots clés et leur positionnement dans le code HTML, vous allez arriver en contradiction avec votre démarche d’ouverture des données. Allez vous modifier vos données sous prétexte d’être mieux référencé ?

Crowd sourcing avec les formes et Google Fusion Tables Crowd sourcing has been growing substantially in popularity. More and more businesses and individuals are interested in gathering data from the general public for real-time data analysis and visualization. The concept is being adopted in several fields, including journalism, public health and safety, and business development. During this election year, for example, a journalist might be interested in learning what candidate his or her readers support, and the reasons why they support this candidate. Google Forms, Fusion Tables, and Apps Script make both data collection and analysis super simple! Let’s take a look at how our journalist friend would use all these tools to collect her reader’s candidate preferences. Google Forms Google Forms provides a simple UI tool to develop forms perfect for collecting data from readers. Once the form has been created, it can be embedded directly into the journalist’s website or blog using the embeddable HTML code provided by Google Forms. Apps Script

Rich snippets: testing tool improvements, breadcrumbs, and events Webmaster Level: All Since the initial roll-out of rich snippets in 2009, webmasters have shown a great deal of interest in adding markup to their web pages to improve their listings in search results. When webmasters add markup using microdata, microformats, or RDFa, Google is able to understand the content on web pages and show search result snippets that better convey the information on the page. Thanks to steady adoption by webmasters, we now see more than twice as many searches with rich snippets in the results in the US, and a four-fold increase globally, compared to one year ago. Here are three recent product updates. Testing tool improvements Despite the healthy adoption rate by webmasters so far, implementing the rich snippets markup correctly can still be a major challenge. If you’ve added markup in the past but haven’t seen rich snippets appear for your site, we encourage you to take a few minutes to try testing the markup again on the updated testing tool. Events

molly dot com L'élément HTML 5 Canvas - Tutorial Pour commencer, voyons brièvement qu'est-ce que ce fameux élément Canvas. Introduction Le HTML 5 introduit dans ses spécifications la balise Cette balise est plutôt récente et n'est pour le moment implémentée que par quelques navigateurs: FirefoxOpéraSafariKonqueror Internet Explorer est encore en retard là dessus ... Chaque élément canvas dispose d'un contexte. Seul Opéra supporte en version bêta le contexte 3D. Une fois qu'un élément HTML canvas est déclaré, il faudra utiliser du Javascript pour créer les graphiques dynamiques. Déclaration du canvas en HTML La déclaration de l'élément est relativement simple: L'élément canvas prend en paramètres: width: La largeur de la zoneheight: La hauteur de la zoneid: L'id de l'élément qui servira au Javascript Si vous voulez voir toute la spécification HTML 5 sur le Canvas, rendez vous sur ce lien. Bon, notre élément Canvas est déclaré, maintenant, il va falloir dessiner dedans ! Initialiser le contexte 2D avec du Javascript Ca y'est !

Web 1.0 à 3.0 : les étapes de l'évolution Article écrit le | 23 septembre 2008 | 7 commentaires Web 1.0 1995->2003 Que puis-je faire pour vous ? Au début était le web, tout bête, ce que l’on nomme aujourd’hui le web 1.0 (il fallait bien passer au 2.0, pour s’apercevoir qu’il y avait un web 1.0). Le web 1.0 comprenait des pages statiques, on prenait de la communication papier et on la transférait sous forme numérique dans des pages html qui n’étaient pas souvent mises sinon jamais. Ce mouvement ne s’est toujours pas arrêté et l’on voit encore aujourd’hui des sites internet dits professionnels qui ne comportent qu’une plaquette scannée avec 2 ou trois lignes de texte, il s’agit de reproduire les modèles connus de l’édition papier, de les adapter aux navigateurs internet. C’est le domaine des pages persos et des sites institutionnels tout raides, le HTML et les Méta Tags, les sites de commerce sont rares et clairement identifiés. Web 3.0 2008 -> ??? Essayez d’y échapper ? Scénario sombre pour le 3.0 : Scenarios 2020

Apps Platform This document describes what Gmail contextual gadgets are, how to write them, how to install them, and how to diagnose and fix some common issues. Gmail contextual gadgets can be listed for sale in the Google Apps Marketplace or used within in-house applications installed through the Google Apps console. Prerequisites This document assumes: You know what a gadget is and have a rough idea how to write one (see Getting Started guide for the gadgets.* API).You can post files to public Internet. If you do not have web hosting, then you can post gadgets with the Google Gadget Editor. What is a Gmail contextual gadget? A Gmail contextual gadget is a gadget that is triggered by clues in Gmail, such as the contents of Subject lines and email messages. There are two development and deployment models: Develop a Gmail contextual gadget for use within a single organization's Google Apps domains (an in-house application).List the gadget for sale on the Google Apps Marketplace. Extractor Gadget spec <? <! <! <?

Specify your canonical Carpe diem on any duplicate content worries: we now support a format that allows you to publicly specify your preferred version of a URL. If your site has identical or vastly similar content that's accessible through multiple URLs, this format provides you with more control over the URL returned in search results. It also helps to make sure that properties such as link popularity are consolidated to your preferred version. Let's take our old example of a site selling Swedish fish. Imagine that your preferred version of the URL and its content looks like this: However, users (and Googlebot) can access Swedish fish through multiple (not as simple) URLs. Or they have completely identical content, but with different URLs due to things such as a tracking parameters or a session ID: Now, you can simply add this <link> tag to specify your preferred version:

A Web Designer's Guide to Font Replacement Methods Fed-up with Arial? Tired of Times New Roman? Font-replacement methods have improved dramatically over the past 2 years, but it can be often hard to sort out the different methods if you're not constantly reading about it. Republished Tutorial Every few weeks, we revisit some of our reader's favorite posts from throughout the history of the site. We'll look at the pros and cons of each, the issue of font licenses and the best font resources on the web so you can start using them in your own web designs. Introduction: Font Replacement Methods "Since the beginning of the web, designers have been restricted to a limited number of fonts" The possibilities of design on the web seem to be increasing day by day. Typography and font selection are integral elements of any designers arsenal to create the look and ‘feel’ of a website. This article will discuss several different exciting methods of incorporating non-standard fonts into your web pages without using images. Cufón Pros: Cons: @font-face erm..

Embed – The Apture Blog Who says you can only link to one piece of content in a hyperlink? With Apture you can include up to 7! We aren’t kidding. Look at the YouTube video above for Taylor Swift. It is not just a YouTube video, because now you can learn about who Taylor Swift is, what people are saying about her on Twitter and even watch some of her other videos all within one link. Making an embed like this with a ton of relevant content not only keep your readers more engaged, but could potentially keep them away from searching through Google for more information about Ms. So How Do You Build One? 1. 2. 3. 4. You will notice each one of the pieces of content above “blooms” into its own micro window allowing your readers to not only view it, but do it in a way that does not cover up what they were originally reading.