Envie de neuf ? Avec Google Web Fonts, vous pouvez désormais piocher dans des centaines de polices pour personnaliser votre site !

Google Web Fonts, c'est un répertoire de polices de caractères proposées et maintenues par Google. Pour utliser ces polices, Google met à disposition des API. Nous nous sommes plongés dans le code et nous avons imaginé une superbe interface pour vous permettre d'utliser ces polices facilement. Vous allez voir, c'est enfantin.

Avant de pouvoir utiliser une Google Font, il est nécessaire de la charger dans votre site. Pour cela, rendez dans le nouveau menu Design > Paramètres généraux > Google Fonts.

Cette page vous permet de consulter les polices disponibles. Au moment où j'écris cette note, il y en a 458 !! Et ce nombre va progresser, vous vous en doutez.

Cliquez sur la police que vous souhaitez utiliser. Celle-ci sera alors enregistrée dans la liste Polices ajoutées. Vous pouvez enregistrer au maximum 3 Google Fonts pour votre site.

Une fois les Google Fonts enregistrées, vous allez pouvoir les utiliser normalement, comme vous avez l'habitude de le faire avec les polices par défaut.

Au niveau des modules, lorsque vous éditez une police, vos Google Fonts sont regroupées dans le menu déroulant comme sur la copie d'écran ci-dessous.

Notez que les Google Fonts fonctionnent également dans le quick design ;)

Voilà, rien de bien compliqué pour un résultat sans commune mesure !

Grâce à Google Web Fonts, vous allez pouvoir donner un look & feel diabolique à votre site. Lors des permiers tests que nous avons effectués, j'ai été vraiment frappé de voir combien une belle police change radicalement le design d'une page. Je me suis amusé à appliquer les Google Fonts à nos maquettes par défaut, et cela n'avais plus rien voir. Mêmes les plus démodées étaient sympas.

A votre tour de tester de votre coté. N'oubliez pas qu'il existe un mode brouillon pour faire vos essais, si vous ne souhaitez pas faire vos modifications directement en production.

Réclamées dès le lancement de Google+, les pages entreprises sont désormais disponibles.

Nous avons testé. Voici la page Google+ de WMaker.

Quelques mots sur ce que Google propose comme interaction avec cette page :

1/ Faire du +1
S'ils sont fans de vous, vous users peuvent le montrer avec un +1
Ils montrent leur soutient mais ne veront pas dans les mises à jours que vous faites sur la page quand ils surfent sur G+

2/ Ajouter aux cercles
S'ils sont encore plus fans, vos users peuvent ajouter votre page dans un de leurs cercles. Ils verront alors passer les billets que vous postez sur votre page.
En retour, si et seulement si ils vous ont ajouté, vous pourrez les ajouter dans un de vos cercles. Google vous propose par défaut 4 cercles : VIP, Clients, Equipe, Personnes suivies.

Vous pourrez alors les mentionner dans une publication, en utilisant le fameux +NomUser
A savoir : si un user vous retire de ses cercles, il quitte automatiquement celui dans lequel vous l'aviez placé.

3/ Recherche Google
En théorie, en tapant +WMaker dans Google, notre page G+ devrait apparaitre dans les résultats de recherche. Visiblement, ce n'est pas encore bien au point .... à suivre.

C'est la question que vous vous posez et que je me suis immédiatement posée quand j'ai créé cette page et la page G+ du CampusPlex.

Grâce aux API proposée par les différents réseaux sociaux, nous pouvons poster sur une page fan Facebook et sur un compte Twitter. Qu'en est-il de G+ ?

Pour le savoir, il faut regarder l'API Google+, et là, déception, cette API ne propose aucune méthode pour écrire sur votre compte G+. Elle ne propose que des méthodes pour aller lire le contenu uniquement.

Bilan des courses : on reste un peu sur notre faim mais je vous conseille quand même de créer votre page G+, histoire d'occuper le terrain pour être prêt le moment venu ;)

Nous venons d'ajouter Google+ à la liste des réseaux sociaux du module Services Web 2.0. 

Ce module permet de proposer un lien vers votre profil Google+.

Actuellement, c'est d'autant plus utile que votre url G+ n'est pas personnalisable. Elle est meme difficile à mémoriser, jugez par vous meme : https://plus.google.com/113816534474438798090/posts

L'ouverture d'un profil est pour l'instant réservée aux individus. Google demande aux entrepises qui veulent etre présentes sur G+ de patienter. 

Comme pour Gmail à ses début, il faut etre invité pour rejoindre Google+. Je peux vous envoyer une invitation. Ouvrez un thread à mon attention dans le support et précisez votre email. Vous rejoindrez alors le cercle des early adopters. Ce cercle croit à une vitesse fulgurante. Voyez plutot l'illustration ci-dessus. Pour attenidre 10 millions d'utilisateurs, il aura fallu:
- 16 jours à Google+
- 2 ans 1 mois et 20 jours à Twitter
- 2 ans 4 mois et 12 jours à Facebook

Personnellement, je trouve Google+ très agréable. Possesseur d'un téléphone Android, j'aime beaucoup Instant Upload. Toutes les vidéos et les photos que je prends avec mon téléphone sont automatiquement uploadées sur mon compte G+, pretes à etre partagées.

Google a mis l'accent les options de partage : les cercles. Il est très facile de décider avec qui vous partagez un contenu. Cette fonctionnalité existe chez Facebook, mais je crois que je ne l'ai jamais utilisée. Sur G+, en revanche, je l'utilise plus facilement, mais je ne suis pas le seul... selon les responsables du projet Google+, les premières stats montrent que les utilisateurs postent 2 à 3 fois plus de contenu partagé avec les membres de leurs cercles  que du contenu totalement public.

Avec le front V5, les fonctionnalités sociales de WMaker vont prendre énormement appui sur Facebook, Twitter ... et surement G+ s'il continue sur sa lancée. Le but n'est pas de vous faire recréer une communauté d'utilisateur autour de votre site, mais de réussir à rendre le plus transparent possible l'intéraction des communautés que vous avez déjà baties dans d'autres réseaux sociaux avec votre site.

Pour ajouter le bouton +1 à la page article, il faut d'abord accédez au menu de mise en page avancée (Design > Design des pages > Page > Mise en page avancée)

Si le bloc n'est pas déjà présent dans la page, utilisez le menu déroulant pour ajouter Retweet & Facebook J'aime & Google +1

Editez ensuite le bloc pour choisir d'afficher Google +1

Il est également possible d'ajouter +1 au module Mes notes. 

La encore, le paramétrage s'effectue dans le menu mise en page avancée du module.

Utilisé dans le mode Mes notes, le bouton Google +1 peut être disponible dès la page d'accueil de votre site.

Vous remarquerez qu'il existe une nouvelle option. Elle se nomme Intégrer dans le premier paragraphe.

Cette option s'applique à Twitter, Facebook et Google +1. Son nom est assez explicite. Si vous la cochez, les boutons de Liking / Sharing  seront placés dans le premier paragraphe de votre article.

Ils seront positionnés sur la droite. L'application gère automatiquement leur agencement avec les autres éléments que vous pouvez inclure dans le paragraphe ( une photo, une vidéo et le bloc articles similaires). 

Si vous utilisez le bouton Twitter, vous constaterez qu'il y a également une petite nouveauté. L'avez-vous identifiée ?

Le passage récent de Matt Cutts à Paris  a créé l'évènement dans le petit monde des accros au référencement. Il a accordé pas mal d'interview, et comme à chacune de ses apparitions en public, tout le monde a été attentif à ses propos.

Comme toujours, pour obtenir un accroissement de trafic grâce à Twitter, il est important de soigner vos messages. Reportez-vous à cet article du blog technique pour différencier le twitt du contenu du l'article. 

Chaque jour, nous constatons avec plaisir que les utilisateurs de WMaker deviennent de plus en plus pointus sur les aspects liés au référencement de leur contenu dans les moteurs de recherche. 

En pratique voici comment il faut procéder :

PS (update de la note) : Jusqu'ici réservé à Portail Pro, le sitemap Google News est désormais inclus également dans Portail Xpert.

Vous savez surement ce qu'est le duplicate content (la duplication de contenu en français). C'est le fait d'accéder à une même page web à partir de 2 URLs différentes.

Le duplicate content est assez pénalisant au niveau du référencement. En effet, je rappelle que pour un moteur de recherche, le calcul de l'indice de popularité d'une page fait intervenir le nombre de liens externes (venant d'autres sites) qui pointent vers elle. Ainsi, si sur votre site un même contenu est accessible à partir de plusieurs URLs, la popularité que lui attribuent les moteurs de recherche s'en trouvera diluée.

A l'inverse, si le contenu de vos pages est accessible à partir d'une seule et même URL, alors la popularité de la page sera correctement valorisée par les moteurs.

Néanmoins, il est parfois nécessaire d'attribuer plusieurs URLs à une même page. Par exemple, dans le cas d'une campagne marketing, une solution peut consister à ajouter des paramètres de tacking dans l'URL d'une page afin d'obtenir de la visibilité sur l'action entreprise. Ces paramètres s'ajoutent généralement à l'URL de la page vers laquelle vous souhaitez diriger les internautes ciblés par la campagne marketing. Vous êtes alors confronté au problème du duplicate content :(

Pour palier à cette difficulté, Google, Yahoo! et MSN se sont accordés pour proposer une nouvelle balise, la balise LINK rel="canonical".

Le principe de la balise canonical est simple. Elle permet de spécifier quelle est l'URL canonique d'une page. Comprenez par là URL de référence ou bien URL à considérer dans l'index du moteur de recherche.

Dès l'arrivée de la balise LINK rel = canonical, nous nous sommes empressés de l'utiliser dans votre CMS préféré. Ne changez rien à vos habitudes, WMaker s'est occupé de tout. L'ajout de la balise LINK rel="canonical" est automatique.

Restez concentrés sur votre contenu. L'emploi de cette balise, couplé avec le récent travail d'optimisation sur l'URL rewritting et les META  de l'ensemble des pages de l'application devrait être un cocktail assez efficace pour le référencement de vos sites !!!

Afin d'améliorer votre référencement, nous nous sommes penchés sur le contenu des balises TITLE et META description des pages de votre site.

Le contenu de la balise TITLE et le contenu de la balise META description participent au calcul de la pertinence de vos pages. C'est aussi le cas pour la balise META Keywords mais dans une moindre mesure.

Il est donc très important de renseigner ces balises avec les mots clés sur lesquelles vous souhaitez être bien positionné dans les moteurs de recherche. Mais, concrètement, comment faire ?

Le principe est le suivant: à partir du contenu que vous allez produire pour alimenter votre site (articles, photos, vidéos, évènements, petites annonces, produits dans la boutique, etc ....) WMaker va remplir dynamiquement les balises TITLE et META description afin que leur contenu soit le plus en rapport avec le contenu des pages de votre site.

A partir du menu ADMINISTRATION > Paramètres > Référencement de votre back office, nous vous proposons de remplir les champs suivants :

- Titre du site => correspond au contenu de la balise TITLE de la home de votre site
- Description => correspond au contenu de la balise META description de la home du site

Notez l'apparition d'un nouveau menu dépliant appelé Descriptions avancées dans le coin inférieur droit de la zone de saisie du texte Description.

Ce nouveau menu vous permet de remplir la description de chacune des pages d'accueil des webservices de votre site. Par exemple : la page Video, la page Agenda, la page Petite Annonce, etc ...

A partir du contenu que vous allez produire, nous allons renseigner dynamiquement les balises TITLE et META description de toutes les pages de votre site.

L'important, c'est de renseigner ces balises avec du contenu qui colle "au plus près" au contenu de vos pages. Voici les règles que nous avons mis en place.

Pour la balise TITLE :

Titre de l'élément | Nom du webservice | Titre du site

Exemple pour l'annonce "Planeur F3F SNIPER" du webservice "Petite Annonce" du site " " :

Planeur F3F SNIPER | Petites annonces | RC Pilot Webzine

Pour la balise META description :

Les 200 premiers caractères qui décrivent l'élément.

S'il n'y a pas de description de l'élément, alors nous renseignons la balise avec la description du webservice donnée à l'étape 1.

S'il n'y a pas des description du webservice (champ vide dans "Description avancées" à l'étape 1), nous renseignons la balise avec la description du site.

S'il n'y a rien pour la description du site .......... alors là on ne peut plus rien pour vous :)

En gros, cela veut dire que nous allons utiliser : les textes de vos petites annonces, la description de vos évènements, l'explication associée à la prise de vue d'une photo, etc ....

La génération dynamique des balise TITLE et META description s'appliquait déjà pour les articles et les rubriques.

Pour les rubrique, le champ utilité est celui de la description de la rubrique dans le menu CONTENU > Rubrique et Tag > Rubrique. Pensez à éditer vos rubriques avec des noms pertinents et à y associer une description

Pour les articles, la balise TITLE est constituée du titre de l'article tandis que juste qu'à présent, la balise META description était renseignée avec le contenu du chapô de l'article, ou bien de la desciption du site si le chapô était vide.

Nous avons affiné cela. Voici les nouvelles priorités pour renseigner la META description des pages articles :
Chapô   si vide
Résumé à la une   si vide
200 premiers caractères du 1er paragraphe   si vide
Description du site

Maintenant, c'est à vous de jouer !!!

Il y a de nombreux paramètres qui participent à l'amélioration du référencement d'un site internet. En schématisant à l'extrême, on peut dire qu'il est nécessaire d'intervenir à 2 niveaux : au niveau éditorial (c'est votre job en tant que webmaster), au niveau technique (c'est notre job en tant que fournisseur de votre CMS préféré).

Dans notre équipe, il y a des personnes qui veillent à ce que l'application couvre au mieux tous les aspects techniques qui permettent d'améliorer le référencement de votre site dans les moteurs de recherche, Google en particulier.

Cette semaine, nous allons mettre en ligne quelques nouveautés afin que vous puissiez aller encore plus dans l'optimisation de votre référencement.

On commence aujourd'hui avec l'URL rewriting.

L'URL rewriting est une technique qui consiste a ré-écrire l'adresse des pages de votre site. Grâce à l'URL rewriting, vos sites vont afficher des URL beaucoup plus lisibles, à la fois pour vos utilisateurs, mais aussi pour les robots des moteurs de recherche.

Les nouvelles adresses des pages, en plus d'être plus lisibles, contiennent des mots clés, directement en relation avec le contenu des pages. Ceci participe fortement à l'amélioration du référencement dans les moteurs de recherche, car l'ensemble URL + contenu de la page va gagner en pertinence.

L'URL rewriting s'appliquait déjà pour les pages articles et les pages rubriques. La technique a été étendue à toutes les pages de l'application.

Aussi, désormais, tous les webservices possèdent une adresse explicite. Quelques exemples :
-  " pour le forum
- " pour la galerie
- " pour les petites annonces
- " pour l'agenda
- " pour la boutique
- " pour les téléchargements
- " pour le glossaire
- etc ..............................................

Ce n'est pas fini, l'URL rewriting s'applique également à tous les liens profonds, en somme, à toutes les pages de l'application. Prenons l'exemple pour le webservice agenda.

URL du webservice :
"

URL de la catégorie "Concert Province"
" . Vous noterez que le titre de la catégorie s'affiche dans l'URL

URL de l'évènement "Nawo (Tartare)" :
" . Là encore, l'URL contient le titre de l'évènement.

Ce principe de renommage des URL à été appliqué partout, dans tous les webservices. Ainsi, les adresses des pages de votre site vont gagner en pertinence.

Charge à vous désormais d'utiliser les bonnes tournures et les bons mots clés au niveau éditorial. Le travail éditorial est primordial pour obtenir un bon référencement. Pensez donc à donner des titres pertinents à tous les éléments de votre site : catégories, titre des évènement, des photos, des entrées du glossaire, des fichiers en téléchargement, ....

Je ne vous cacherai pas que la mise en place de l'URL rewriting a été très longue car il y a énormément de liens, notamment de liens profonds. Certains d'entre vous ont été victime de quelques bugs, qui ont été résolus rapidement, mais je pense que ces petits tracas seront très très vite oubliés :)

Vous les trouvez comment ces nouveaux URLs ??  Nous, on les trouve très beaux. C'est la raison pour laquelle nous avons poussé le perfectionnisme jusque dans le back office.

Le back office n'est pas crawlé par les robots des moteurs, donc coté référencement, l'URL rewriting dans le back n'apporte rien. Par contre, c'est un confort d'utilisation pour vous, et aussi pour nous, lorsque nous vous assistons dans le support. Nous pouvons plus facilement vous aiguiller vers la bonne page ;)

Lors de l'élaboration de la fonction de duplication des vidéos sur YouTube, nous voulions permettre à tous de voir concrètement l'intérêt de cette fonctionnalité.

Visiblement, cette fonctionnalité vous plait car nous recevons quotidiennement des messages de Google nous sommant de RESPECTER le NON-RESPECT DU REGELEMENT DE LA COMMUNAUTE YOUTUBE ... ou l'inverse :)

Bref, la fonctionnalité est maintenue. Toutefois, désormais, pour dupliquer vos vidéos sur YouTube, il faudra utiliser votre propre compte Google.

Pour cela, rendez-vous dans le menu RESEAU > Web 2.0

A demain pour la première note des vrais nouveautés vidéos ;)