Ergonomie, design, interactivité, de nombreuses améliorations ont été mises en place. En voici un échantillon :

Un maxi menu déroulant, avec mise en avant d’un produit

Celui-ci permet de se repérer facilement, d’améliorer la navigation et d’offrir un accès direct aux promotions, nouveautés et meilleures ventes de la rubrique.

La possibilité d’ajouter un produit au panier sans entrer sur la page

Un bouton d’ajout au panier est présent directement sur la liste de produit et une animation de mise au panier en Javascript permet de bien localiser ce dernier (en haut à droite) et de continuer ses achats sans interruption ou étape de validation.

Une présentation des produits plus aérée pour un confort de lecture :

La page produit a été restructurée pour laisser place aux informations les plus importantes et garantir la visibilité du bouton d’ajout au panier au dessus de la ligne de flottaison. En bas de page, des éléments cross-selling sont ajoutés (suggestion de produits complémentaires) et bien sûr le partage sur réseaux sociaux.

Un panier déroulant interactif pour suivre vos achats d’un coup d’œil

Le panier se déplie à l’ajout d’un nouveau produit mais aussi au survol. Le récapitulatif de la commande est disponible à tout moment, sans quitter la page.

Un tunnel d’achat optimisé

L’objectif est évidemment de faire de la commande une étape simple et efficace tout en proposant des avantages clients (convertir ses points fidélité en code promo, ajouter un message et un papier cadeau gratuitement, etc.).

Et ce n’est pas tout, Keladeco propose maintenant un nouveau tri par collection pour trouver rapidement vos produits préférés, encore plus de privilèges (livraison gratuite, retours faciles, expédition à la carte) et bien d’autres surprises.

A découvrir donc sur www.keladeco.com

Voici un billet pour se débarrasser d’un mythe que l’on croise fréquemment sur la toile. A en croire certains référenceurs, la balise H1 ne devrait être utilisée qu’une seule fois par page.

Le H1, une balise sémantique

Tout d’abord qu’est-ce qu’un H1? Les balises Hn (remplacez le n par un chiffre de 1 à 6) sont utilisées pour structurer les documents Web de manière sémantique. Le H a pour signification « Heading ». Comprenez en français « Titre », « Chapitre » ou encore « Entête ». Le numéro qui suit, lui, sert à donner le niveau du titre. Plus le chiffre est petit plus le titre est important.

Structurer un document de manière sémantique permet de donner du sens à son contenu en indiquant qu’un élément texte prend tel ou tel sens. On peut donc identifier facilement l’importance des éléments les uns par rapport aux autres et lire plus aisément le contenu. Ce système n’est d’ailleurs pas une particularité du Web et est aussi employé par exemple dans l’ensemble des traitements de texte.

Capture d'écran du Blog Nethik avec les styles désactivés

Mais qu’est-ce qui fait que ces balises permettent de mieux lire le contenu? Tout simplement parce qu’elles héritent d’un style particulier qui les met en exergue. En effet, par défaut tous les navigateurs appliquent une mise en forme aux éléments sémantiques, si bien que même sans ajouter de style à votre page Web, votre contenu sera tout à fait lisible et clair. Vous pouvez voir le résultat sur n’importe quel site Web grâce à l’extension Firefox « Web Developer » en désactivant les styles.

L’intérêt des balises sémantiques pour le référencement

Les balises sémantiques sont le seul moyen pour les moteurs de recherche de hiérarchiser le contenu de vos pages. En effet, les moteurs de recherche peuvent être considérés comme des personnes aveugles. Ils n’ont que faire du bandeau 2.0 que vous avez passé des heures à confectionner sous GIMP . Ce qui les intéressent c’est votre contenu. Ces balises vous permettent de donner plus d’importance à certains éléments qu’à d’autres et de les délimiter. Votre mot clé aura donc plus d’importance si il se trouve dans un titre que dans un paragraphe. Tout ça pour une raison très logique :  si il se trouve dans le titre, l’ensemble du contenu qui le suit sera censé être en rapport avec celui-ci.

Les spécifications des titres (Hn)

Les spécifications HTML, depuis au moins la version 4, décrivent les balises sémantiques Hn comme un élément décrivant brièvement le sujet d’une section qu’il introduit. Chose importante, elles n’interdisent pas d’avoir plusieurs H1 dans une page. Il est donc tout à fait valide même en xHTML strict 1.0 de mettre plusieurs H1 dans une page Web.

Les cas d’utilisation de plusieurs H1 sur une page Web

Les H1 peuvent être vus comme des délimiteurs de section. Ils permettent d’aborder plusieurs sujets dans la même page Web et de découper le contenu en plusieurs zones. C’est par exemple le cas sur la page d’accueil de ce Blog où les derniers billets sont listés. Chaque titre de billet utilise une balise H1. De cette manière, il est évident quand on rencontre le H1 suivant que l’on passe dans une autre zone.

Le brouillon des spécifications HTML 5 donne d’ailleurs encore plus de légitimité à cette pratique. En effet, le HTML 5 vise entre autre à ajouter de nouvelles balises sémantiques tels que , , , , , … pour donner encore plus de sens aux pages Web et les découper en zones. Chaque zone aura donc logiquement son propre titre de niveau 1, de niveau 2 etc.

Plusieurs H1 un problème pour le référencement?

Alors que nous avons vu que d’un point de vu technique et logique il était tout à fait envisageable d’utiliser plusieurs H1 sur la même page, un mythe circule sur le net à propos de son impact sur le référencement. Je dis bien un mythe car cette théorie ne repose sur rien de bien constructif et est réfutée même chez Google. Pour preuve voici une vidéo de Matt Cutts, ingénieur chez Google spécialisé sur la question :

Pour reprendre sa phrase de conclusion : « you can have it multiple times » comprenez « vous pouvez en avoir plusieurs »

Un peu de bon sens

Sans avoir à aller chercher la vidéo d’un ingénieur chez Google qui pourrait très bien se tromper, il est important pour ce qui est de la sémantique et du référencement de toujours faire preuve de bon sens. Lorsque vous avez un doute, gardez à l’esprit que les moteurs de recherche ne sont pas si différents de vos autres visiteurs et que ceux-ci se basent sur les normes en vigueurs dans le milieu. Codez en respectant ces normes et produisez du contenu clair de qualité. Voilà une bien meilleure ligne directrice. Laissons les Trolls à ceux qui ont du temps à y perdre.

Meabilis permet de créer son site internet facilement mais aussi de l’optimiser pour le référencement, sans connaissances en programmation :

L’optimisation technique du site est géré automatiquement par l’outil (performances générales, redirections, contenus dynamiques accessibles, code propre…) et de nombreux paramètres sont personnalisables simplement (alt d’images, les urls, les métas…).

Pour vous aider dans cette démarche, Meabilis vous propose une catégorie « Conseils pour le référencement de votre site web » sur le Centre d’aide en ligne, comprenant plusieurs guides complétés et mis à jour régulièrement :

• Comment bien choisir les mots clés de son site internet
• Aide à la rédaction de contenu optimisé avec vos mots clés
• Comment rédiger le Title de ses pages web
• Soigner l’optimisation de ses images pour le référencement

Ces recommandations pourront vous être utiles pour appréhender les bases du référencement et les appliquer à votre site Meabilis.

Communiquer sur Twitter

Exemple de messages sur Twitter

Twitter repose sur un concept simple : partager des messages de moins de 140 caractères. Néanmoins, il peut être utile de connaitre quelques pratiques d’usage pour comprendre son fonctionnement et interagir facilement.

Petit tour de l’interface web de Twitter :

L’accueil de votre compte Twitter liste les messages postés par les personnes que vous suivez (les « abonnements ») du plus récent au plus ancien. C’est ce qu’on appelle  la timeline.

Le champ intitulé « Quoi de neuf » vous permet de poster vos messages (dits aussi « twitts ») et enfin, la colonne de droite vous indique le nombre d’abonnés, d’abonnements, les listes que vous suivez, etc. Vous y trouverez aussi un lien « messages directs » qui permet d’envoyer un twitt privé, visible seulement par votre destinataire.

Rédiger des messages :

• Poster un message avec un lien

La majorité des twitts se composent d’une phrase d’accroche et d’un lien vers une ressource plus complète. Pour optimiser ce type de message, vous pouvez utiliser un racourcisseur d’url (exemples : http://urls.yoolink.to/ ou http://bit.ly/) pour réduire la taille de vos liens.

Essayez aussi de laisser une marge, en composant un message d’environ 125 caractères, afin de faciliter la reprise du twitt par d’autres utilisateurs (voir le point suivant).

• Faire suivre une information

Pour reprendre le message d’un utilisateur et le faire suivre à vos abonnés, vous pouvez utiliser le bouton « retweet » (disponible sur certains comptes) ou bien la sémantique suivante :

RT@pseudo (pour citer la source du message) puis copiez-collez le message à la suite.

Bien sûr, il est préférable de privilégier les contenus de qualité et de ne pas abuser du retweet. L’objectif est d’apporter des informations intéressantes à vos abonnés.

• Répondre ou s’adresser directement à un autre utilisateur

Twitter est un réseau social, il favorise donc les prises de contact et permet de créer de nouvelles relations. N’hésitez  pas à ouvrir le dialogue et à répondre à d’autres utilisateurs. La forme à utiliser est la suivante :

@pseudo (de votre correspondant) suivi par votre message.

Le @pseudo va créer un lien vers le compte Twitter de l’utilisateur à qui vous vous adressez. Sachez que cette conversation sera publique. Pour répondre ou écrire un message de façon confidentielle, utilisez les « messages privés ».

• Ajouter un tag à votre message

Les « hashtags » sont utilisés pour regrouper et classer les messages par thématiques, en les associant à un mot clé. Pour insérer un tags à votre message, utilsez le dièse :

#motclé dans le corps du message

Ce système de tag permet de retrouver les twitts liés à un thème et inversement de ressortir dans les résultats de recherche sur un mot clé.

• Participer au followfriday

Le FollowFriday a lieu le vendredi et consiste à proposer à vos abonnés de suivre certains de vos abonnements, autrement dit, à les recommander. Cela sous entend que vous jugez leur twitts comme étant de qualité ou dans une thématique qui peut intéresser vos abonnés. Là aussi cela fonctionne avec des tags :

#followfriday suivi des abonnements que vous recommandez @pseudo1 @pseudo2 @pseudo3

Le Followfriday est un bon moyen pour étendre votre réseau : plus vos messages sont appréciés, plus vos abonnés vont vous recommander à leurs abonnés et ainsi de suite.

Un outil de communication à exploiter

Twitter est un média intéressant à exploiter et comme tout système collaboratif, il peut générer une vraie valeur ajoutée pour peu que l’on y participe activement et avec modestie.

C’est un excellent moyen pour repérer des tendances, faire de la veille sur son secteur d’activité, élargir son réseau professionnel, apporter des informations pertinentes à ses clients ou prospects, recueillir des avis…

Que ce soit pour annoncer un événement, débattre sur un sujet, relayer des actualités ou même des découvertes plus légères, les occasions d’utiliser Twitter ne manquent pas.

En espérant que ces petits conseils vous auront aidé à mieux comprendre l’oiseau bleu!

N’hésitez pas à nous faire part de votre expérience en laissant un commentaire sur le blog ou sur Twitter (http://twitter.com/nethik)!

Twitter c’est quoi?

Nethik sur Twitter

Twitter est un site communautaire, à la fois outil de réseau social et de microblogging.
Il permet de diffuser des messages courts (maximum 140 caractères soit environ une phrase ou deux)  appelés tweets (« gazouillis »), par Internet et fonctionne sur un principe de communauté :

chaque utilisateur choisit ses « abonnements » (utilisateurs dont il souhaite recevoir les tweets) et inversement les personnes qui le suivent (ses « abonnés« ) recevront ses messages.

Twitter est un moyen de communication récent (créé en 2006 aux Etats-Unis) et dynamique qui a l’avantage de  proposer une information en temps réel et d’avoir un véritable pouvoir de diffusion. Un tweet jugé intéressant va être retweeté et l’information va se propager de tweets en tweets.

Par où commencer?

Profil Twitter de Nethik

Lors de l’inscription sur twitter, chaque utilisateur a la possibilité de remplir son profil avec un certain nombre d’informations.

Gérer son profil

Dans le cas d’un profil de société ou de marque, il est important de le compléter et de le soigner car ces informations sont référencées par google et visibles par les internautes :

insérer son logo, personnaliser son image de fond (dans paramètres/thème), indiquer l’adresse de son site web, sa situation géographique et décrire son entreprise et ses services dans la partie « bio ».

Créer sa communauté

• Les abonnements

Twitter propose plusieurs solutions pour trouver des utilisateurs à suivre (abonnements) en effectuant une recherche par nom, par centres d’intérêt ou encore par situation géographique (sur search.twitter.com en cliquant sur « advanced search »).
Plusieurs moteurs peuvent aussi être assez utiles comme par exemple Twellow.com (les pages jaunes twitter) ou twitterel.com (recherche d’utilisateurs par mot clé).

Il est possible ensuite de regrouper ces abonnements dans des listes thématiques ou bien à l’inverse, de s’abonner à une liste complète d’utilisateurs.

• Les abonnés

Si vous êtes déjà présent sur internet, vous pouvez inciter vos lecteurs à vous suivre et à rejoindre votre communauté avec un lien « nous suivre sur Twitter ».

Il est aussi judicieux d’insérer son adresse de compte (http://twitter.com/votresociete) sur ses cartes de visites, signatures mail, profils d’autres réseaux sociaux comme Linkedin, Facebook, etc.

Enfin, Twitter propose d‘inviter ses connaissances à rejoindre les abonnés en leur envoyant un e-mail (dans l’onglet « trouver des gens »).

Il ne reste plus qu’à communiquer!

Comme toute plateforme communautaire, Twitter sert à partager et à découvrir des informations, élargir son réseau et établir un contact avec sa communauté.

Dans le prochain article, nous allons donc voir comment l’utiliser et l’intégrer dans sa stratégie de communication.

PS : Nethik est sur Twitter, n’hésitez pas à nous suivre!  http://twitter.com/Nethik

Le référencement des images sur Google

Résultats de recherche google images pour le mot clé "trousse scolaire"

Les images des sites internet sont indexées par Google. Elles apparaissent dans les résultats de recherche sur Google images suite à une requête par mots clés et dans les résultats de recherche classiques sur Google web (tout comme les vidéos, articles d’actualité, carte google maps, extraits de livres, ect, qui constituent la recherche universelle).

Dans Google images, elles sont présentées en miniatures et sont disponibles en taille réelle sur leur site d’origine en cliquant dessus.

Il est aussi possible d’affiner les résultats en choisissant certains critères de recherche avancée :

Le type de contenu (actualité, visage, photo, clipart, dessin..), la taille de l’image, son format (portrait, carré, paysage, panoramique, jpg, gif, png…), la couleur, les droits d’utilisation (licence de réutilisation autorisée ou non, exploitation commerciale…) etc.

L’intérêt d’optimiser les images de son site internet pour le référencement

Résultats de recherche google pour le mot "boite à pharmacie"

L’intérêt en terme de référencement est simple :

les images présentées aux internautes dans les résultats de Google Web sont placées en première page, souvent dans les premiers résultats, et sur des mots clés où le site internet n’est pas forcement présent en aussi bonne position!

C’est donc une opportunité de positionnement à ne pas négliger.

De plus, la recherche universelle est vouée à se développer : elle prend une place de plus en plus importante dans les résultats des moteurs et ses possibilités ne sont pas encore complètement exploitées.

Cela peut donc être, notamment pour les boutiques en ligne, une occasion de placer certains de leurs produits sur des requêtes concurrentielles et de générer un trafic qualifié (c’est à dire réellement intéressé par votre produit puisque l’internaute aura eu un visuel avant d’arriver sur le site).

Quelques conseils d’optimisation simples à mettre en place

Comme toute méthode d’optimisation de référencement, il n’existe pas de formules magiques mais un ensemble de bonnes pratiques :

• Un nom d’image explicite

Google, comme tous moteurs de recherche, ne voit pas le contenu des images. Il se sert donc des éléments à sa disposition pour les comprendre et les classer. D’où l’intérêt de donner un nom pertinent et descriptif à l’image (exemple: trousse-scolaire-rose.jpg).
En ce qui concerne les règles d’écriture, il est conseillé de se limiter à un maximum de 30 caractères et de séparer les mots par des tirets afin de les décomposer.

• Une alternative textuelle

Fournir du texte alternatif (attribut Alt) est utile à plusieurs niveaux : il s’affiche lorsque l’image est en train de se charger ou lorsqu’elle ne s’affiche pas et il est lu par les navigateurs vocaux, ce qui en fait un élément important en terme d’accessibilité. En ce qui concerne le référencement, cette alternative textuelle va permettre de glisser des mots clés et de les lier à l’image concernée.

Idéalement, il faut éviter les termes trop génériques et veiller à décrire le contenu de l’image de façon fidèle et utile. Soyez donc concis, mais précis.
Pour une boutique en ligne, cela peut se traduire par le nom du produit, sa marque, sa couleur et son modèle. (Exemple: Trousse scolaire enfant en nylon rose Caroline Lisfranc)

• Un contexte sémantique

Le contenu textuel environnant l’image permet à Google de la situer dans son contexte et sa thématique. C’est donc le moment de rentrer un peu plus dans les détails en proposant par exemple une légende à l’image (la proximité des mots par rapport à l’image est à prendre en compte) et en offrant plus d’informations sur son contenu.

Concrètement, il s’agit de fournir un ensemble de termes descriptifs (par exemple ici : la taille de la trousse, sa matière, ses particularités…), d’employer l’expression clé, ses dérivés, ses synonymes, de les mettre en situation (exemple pour la trousse scolaire : la rentrée des classes, les fournitures scolaires…).
Bref d’apporter un maximum d’informations (que le visiteur appréciera autant que Google!).

• Une optimisation globale de la page

Le même soin peut être apporté à l’ensemble de la page en choisissant des titres en rapport avec l’image (H1…), en  rédigeant un bon title, en créant un bon maillage interne (faire pointer un ensemble de liens vers la page et vers l’image en utilisant des mots clés dans l’intitulé du lien), en ayant une url propre (exemple : http://www.keladeco.com/enfant/pour-l-ecole/ma-trousse-scolaire-a-moi-rose.html) …
Préférez d’ailleurs des liens textuels plutôt qu’un lien placé sur une image. Celui-ci apporte plus d’informations, est tout aussi approprié et a plus d’intérêt en terme de référencement.

• Un travail de popularité et de qualité

Les liens externes vont apporter de la popularité à votre image. Ils auront d’autant plus de poids s’ils sont de qualité, c’est à dire si l’intitulé du lien comprend un mot clé, si le site sur lequel il est présent a un bon Pagerank, si sa thématique est similaire, si le nombre de liens sortants n’est pas trop important, etc. Ces règles sont valables autant pour une image que pour la page web en général.

Pour multiplier les chances d’apparaitre dans les résultats Google, il peut  aussi être intéressant de proposer son image en plusieurs tailles en veillant toujours à offrir une bonne qualité d’image.

Enfin, pourquoi ne pas diffuser ses images et photos sur des sites spécialisés offrant un lien vers l’originale et un système de tags.

Pour les courageux qui ont lu jusque là, sachez que ces conseils ne sont pas exhaustifs mais qu’ils devraient permettre de bien positionner vos images et d’apporter une source de trafic non négligeable à votre site internet.

N’hésitez pas à me faire part de votre expérience!

Joindre un blog à ce site institutionnel ou à une boutique en ligne est une pratique de plus en plus courante dont on peut attendre de nombreux avantages (sous certaines conditions évidemment).

Facile et économique à mettre en place :

Wordpress

La publication de contenu sur un blog est aisée, grâce au système de gestion de contenu des plateformes de blogs (wordpress, typepad, dotclear…), et le coût de revient est inférieur à celui d’une création de sites internet classique.

La base existante peut se moduler selon les besoins (ajout d’extensions pour le référencement, la gestion des commentaires, un calendrier, la gestion des articles relatifs…) et une charte graphique personnalisée peut y être appliquée.

Pour un résultat professionnel et un blog adapté à vos envies, je vous conseille de faire appel à un expert du web qui s’occupera de son installation, de la configuration et de l’intégration html/css du design.

Un média de communication :

Le blog professionnel fait partie intégrante de la stratégie de communication d’une entreprise. Il permet de diffuser des informations régulièrement et d’en maîtriser le contenu tout en adoptant un ton plus libre et moins officiel.

C’est un outil réactif et complémentaire qui inscrit la communication dans l’immédiateté et la modernité.

En définissant une ligne éditoriale claire et en proposant un contenu de qualité, une société peut se positionner comme expert de son activité et contrôler son image sur le média internet : le blog apporte une dimension d’accessibilité et de proximité et renvoie l’image d’une entreprise humaine, impliquée et au fait de l’actualité de son secteur.

Un moyen de fidélisation et de dialogue :

Le blog est aussi un espace d’échange et d’expression. Du côté de l’entreprise, cela passe par un partage de son savoir-faire, de ses réflexions, de la vie de la société et de son activité. En retour, les clients, visiteurs curieux, partenaires et collaborateurs s’expriment par les commentaires.

S’instaure alors un dialogue entre la société et les lecteurs du blog, qui peut se révéler particulièrement constructif: installation d’un climat de confiance, meilleure communication sur l’activité de l’entreprise, échange d’expériences, veille professionnelle (écoute des avis et des besoins, réaction en temps réel).

Ce rapport mérite d’être entretenu afin de générer une relation sur le long terme et une fidélisation. Pour cela, le blog offre plusieurs outils comme l’inscription à la newsletter, l’abonnement aux flux Rss, les liens vers twitter ou page facebook…

Un outil de promotion et de prospection :

Le blog pro permet d’étendre sa visibilité sur internet, il favorise le développement de la popularité naturelle (principe de l’échange de liens, des citations par d’autres bloggeurs, de la reprise de contenus…) et accroît les occasions de prises de contact avec de nouveaux partenaires et clients.

Il est donc utile pour promouvoir son entreprise, informer et faire découvrir ses services et produits et attirer de nouveaux prospects.

Bien utilisé, il peut apparaître comme un outil de vente à part entière : un article consacré à un produit par exemple (voir l’article consacré à notre service web Terra-Octet), avec de nombreux détails et une mise en situation, peut conduire vers l’acte d’achat en rassurant le potentiel client, en répondant à ses questions et en l’aidant à choisir.

Un véritable atout pour le référencement :

Comme dit précédemment, le blog profite d’une exposition importante due à son mode de promotion particulier et ses différents canaux de diffusion : citation sur d’autres blogs, annuaires spécialisés, forums, digglikes et social bookmarking…

Ajoutés à cela les optimisations techniques propres aux systèmes de blog (renommage des urls, rétrolien, personnalisation des métas, principe des tags…) et le rafraîchissement régulier du contenu, à la fois riche et dense, les blogs sont particulièrement appréciés des moteurs de recherche.

Cela résulte en une bonne réactivité des mots clés et un bon positionnement (souvent meilleur à celui d’un site institutionnel).

Il est judicieux de profiter de ces atouts pour apporter de la notoriété au site classique en faisant des liens vers des pages internes sur des mots clés utilisés dans les articles et en le dynamisant en affichant par exemple les derniers billets du blog sur la page d’accueil.

De nombreux avantages, mais des conditions de réussite!

Bien sûr, ces retours positifs n’arrivent pas sans efforts. Pour atteindre ces objectifs (et c’est une réflexion qu’il vaut mieux avoir avant même d’ouvrir un blog professionnel), il faut être prêt à y consacrer un minimum de temps.

En effet, un sérieux travail doit être effectué en amont, lors de la création du blog et de la définition de la ligne éditoriale, mais il doit aussi perdurer tout au long de la vie du blog : rédaction et alimentation du blog en billets, réponses aux commentaires, maintient de la qualité du contenu, travail de promotion, régularité de la diffusion.

Une autre notion importante à prendre en compte lorsque l’on entreprend de créer un blog professionnel : la patience. En effet, l’audience d’un blog, tout comme le référencement naturel, s’acquiert avec du temps et du travail.

A venir prochainement pour compléter cet article :

Des recommandations pour la rédaction des articles de blogs, des conseils pour promouvoir son blog professionnel, des idées de sujets d’articles pour les boutiques en ligne…et si vous avez une demande en particulier, n’hésitez pas!

Sandrine Musslin, 27 ans

Que fais-tu chez Nethik?

Je m’occupe du référencement, de la création de contenu, des actions de webmarketing et de l’analyse des statistiques des sites de nos clients et de nos propres services web.

De quoi vas-tu parler sur ce blog?

J’aimerais partager les informations que je recueille au fil de mes veilles sur le net, parler de mes expériences de référencement et de promotion de sites web, donner quelques conseils pour optimiser la rédaction de contenu, des explications sur l’analyse des statistiques d’un site, d’une boutique en ligne ou d’un blog, mais aussi communiquer sur la vie de notre agence, nos projets et les sujets qui nous touchent au quotidien.

Que peux-tu nous dire sur toi?

Trèès timide (heureusement ça ne se voit pas trop par écrit!)

Une petite tendance à être maladroite (je n’ai pas encore déterminé si c’était à cause de mes deux mains gauches ou du fait d’être toujours dans la lune…)

Il parait aussi que je deviens une geekette, mais là, c’est à l’insu de mon plein gré…

Quelles sont tes manies au bureau?

M’accrocher à la rambarde de l’escalier (qui se rapproche plus d’une échelle selon moi) et descendre en équilibriste (rapport à la maladresse citée plus haut).

Méditer devant la fenêtre en mangeant des tartines de Nutella (Manie qui m’a été suggérée par Alex).

Quels sont tes centres d’intérêt?

Voyager, nager, aller au ciné, l’été et tout ce qui va avec (la plage, le soleil, les apéros, les parties de volley…)! Oui oui, l’été peut être un centre d’interêt!

Pour inaugurer la rubrique « Référencement« du blog, voici quelques conseils pour écrire un bon title.

Celui-ci étant considéré comme « l’élément le plus important d’une page web de qualité« , il faut lui accorder une attention particulière!

Après une courte définition, nous allons voir en quoi il est important de le soigner, quelles sont les recommandations d’écriture et bien sûr comment l’optimiser pour le référencement.

Qu’est ce qu’un title?

La balise title d’une page web sert de titre au document et doit permettre d’en identifier le contenu quel qu’en soit le contexte. Il se renseigne dans le code Html, au niveau de la section Head, entre les balises suivantes:

En quoi est il important?

Le title va apparaitre dans diverses circonstances où il va servir de point de repères pour les internautes:

• Il s’affiche dans les résultats des moteurs de recherches

Affichage du Title dans les résultats de recherche

• il apparait dans la barre de la fenêtre du navigateur

Title dans la barre Titre d'un navigateur

• il est repris dans l’historique de navigation, les favoris et les marques pages de l’utilisateur

Title repris dans le marque page

• il sert de nom de fichier lors de l’enregistrement de la page sur un ordinateur

• il constitue la première information lue par les navigateurs vocaux

Quelles sont les bonnes pratiques d’écriture?

Les recommandations du W3C sont les suivantes:

Tout document Html doit avoir un élément title dans sa section Head. Celui-ci ne fait pas partie du texte du document mais appartient à l’ensemble de la page.

Il peut contenir des caractères accentués ou des caractères spéciaux mais ne doit comporter aucun balisage.

Idéalement, un title se limite à un maximum de 64 caractères, soit environ une dizaine de mots, car l’espace prévu pour son affichage, dans les situations décrites plus haut, est limité.

Enfin, le title doit être différent pour chaque page du site, unique et personnalisé.

Comment l’optimiser?

Comme nous l’avons vu, le title s’affiche dans les résultats des moteurs de recherche et il fait partie des éléments pris en compte par ces derniers pour positionner le site dans les résultats. Il est donc judicieux de l’optimiser à la fois pour les internautes et les moteurs (règle qui s’applique d’ailleurs à l’ensemble des actions de référencement).

Pour les internautes:

• Le title est un élément de communication à part entière. Il doit répondre à la requête de l’internaute et lui être utile mais aussi être attractif et lui donner envie de cliquer.

• Son intitulé doit aussi être le plus pertinent possible afin de renseigner l’utilisateur sur la page qu’il va trouver en cliquant. Cela permet de drainer un trafic qualifié sur le site, c’est à dire d’attirer un visiteur qui sera intéressé par le contenu de la page et qui n’en repartira donc pas immédiatement.

• D’un point de vue confort de lecture et clarté d’information, il est conseillé d’éviter les superlatifs, l’excès de mots clés, les répétitions, ou l’accumulation de mots entre virgules.

Pour les moteurs de recherche:

• Placer les mots les plus importants en début de phrase et terminer par le nom du site ou de la société. Par exemple: « Accessoires de décoration originale et objets déco tendance : boutique en ligne Keladeco.com »

• Les mots tapés par l’internaute dans le moteur de recherche s’affichent en gras dans les pages de résultats (SERP): penser à reprendre les requêtes utilisateurs dans le title.

Résultats Google pour la recherche "Accessoires déco originale"

• En ce qui concerne les sites à arborescence détaillée et boutique en ligne, il peut être intéressant de reprendre certains éléments de navigation. Par exemple: Mot clé, sous catégories, catégorie et nom du site
• Enfin pour les jeunes sites, il est conseillé de fixer un title (en suivant ces recommandations) puis de laisser le référencement s’installer avant de le modifier si besoin est.

En résumé:

Chaque title d’un site internet mérite un soin particulier. Il faut veiller à ce qu’il soit unique, court, dense et précis et toujours penser à l’utilisateur en lui offrant un intitulé naturel, attractif et utile.

Les erreurs à éviter:

• balise title manquante

• balise title trop courte

• balise title trop longue

• balise title en double

• balise title non descriptive