Du signe swoosh de Nike aux arches dorées de McDonald, le monde de l'imagerie de marque est tellement divers qu'il est difficile d'en trouver une qui représente votre propre marque. Cependant, une fois que vous créez votre logo, il est important de vous y tenir et de l'utiliser pour améliorer la présence de votre marque dans tous les environnements. Ainsi, le jour arrivera où les gens regarderont votre logo et penseront immédiatement à votre entreprise !

Après tout, c'est le secret d'une belle image de logo : l'association à la marque. Mais, pour y arriver, vous devez dabord savoir comment rendre le logo aussi visible que possible dans l'environnement numérique (votre site, les réseaux sociaux, les moteurs de recherches, etc).

Pour cela, nous avons regroupé plusieurs astuces d'image de logo qui soutient à la fois votre SEO et la présence de votre marque. Donc, regardez ci-dessous et dites-nous si vous utilisez déjà ces méthodes.

01 Le Nom de Fichier

La différence entre un web developer et un spécialiste SEO est que l'un télécharge l'image en "logo.jpg/png" (ou pire, juste "image_1") alors que l'autre utilise votre marque ou, mieux, le mot clé principal pour nommer le fichier contenant l'image du logo.

Par exemple, BHP, qui est un des logos et une des marques les plus reconnaissables dans la niche industrielle australienne, utilise le nom "bhp-logo.svg" pour le nom de son fichier de logo. Il en est de même pour Telstra, une des plus grandes entreprises de telecom australiennes (leur nom de fichier de logo est "telstra-logo.png").

Comme vous le voyez, le nom de marque est toujours dans le nom du fichier représentant le logo. Cela peut sembler anodin, mais selon les experts, il est crucial de donner des informations commençant par le nom du fichier. De cette façon, vous aidez les moteurs de recherche à comprendre ce que représente l'image, et cela améliore la valeur du SEO.

Si vous voulez commencer avec un bon SEO dès le tout premier élément vu par un moteur de recherche, vous devriez utiliser le nom de fichier de logo pour décrire votre site. Par exemple, si vous êtes fabricant de chocolat noir d'Alberta au Canada, votre nom de fichier peut s'appeler "chocolat-noir-alberta-canada.png"

Petite Astuce

Utilisez toujours les tirets à la place des tirets bas ! Google est programmé pour comprendre les tirets et lira chaque mot de votre nom de fichier. Sinon, si vous utilisez les tirets bas, cela se transforme en mot étrange, incompréhensible.

02 Le Texte Alt

La balise Alt est tout aussi importante que le nom de fichier parce qu'elle fournit une alternative si l'image ne peut pas être affichée sur le navigateur. C'est aussi une description de l'image que les moteurs de recherche peuvent utiliser pour juger de sa pertinence.

Cependant, les balises Alt ont été par le passé trop utilisées à des fins SEO, alors évitez le bourrage de mots-clés et autres techniques de sur-optimisation (une agence SEO peut vous aider).

L'alternative textuelle (Alt attribute) doit être utilisée judicieusement, et ici le texte doit être facile à lire et à comprendre. Par exemple, si vous écrivez l'alternative textuelle pour l'image du logo de votre entreprise locale, une bonne manière de vous y prende peut être :

Mais si vous écrivez le mot-clé pour l'image d'une femme qui boit un café avec du chocolat noir, écrivez simplement .

L'importance des attributs Alt a été mis en évidence par Google, dans leurs Consignes pour la Publication D'Images.

03 Schema.org

Aussi appelées balises (schema markup), c'est la nouvelle forme d'optimisation créée par Google, Bing, et Yahoo pour les internautes.

Simplement, c'est un vocabulaire sémantique de microdata que vous pouvez ajouter aux mots-clé HTML pour transmettre aux moteurs de recherche comment vous souhaitez que l'information soit representée dans les SERPs. C'est aussi une façon de faire comprendre vos données aux moteurs de recherche, et pas seulement les lire (plus d'informations sur pourquoi schema.org est important).

Par exemple, les balises peuvent aider les robots Google à faire la différence entre une image appelée Avatar, qui décrit le film et un avec le même nom mais qui décrit l'image de profil qu'on utilise pour personnaliser son profil.

A propos d'Avatar, voici un bon exemple de comment utiliser une balise pour votre site :

Comme vous le voyez, IMDb.com se concentre sur la livraison aux usagers de toutes les informations nécessaires avant même qu'ils ne visitent le site. Avec les balises, l'entrée SERP montre des informations sur les évalutations, les noms des acteurs principaux, et d'autres liens utiles.

Les balises Schema.org pour Logos

Le mieux avec les balises est que vous pouvez marquer une des images sur la page comme logo officiel de votre entreprise. Regardez les pages développeur Mozilla par exemple et les façons d'utiliser le balisage itemprop.

De plus, c'est utile quand Google construit la boite de Graphique de Connaissances (Knowledge Graph Box) quand les usagers recherchent votre entreprise.

La Knowledge Graph Box de Nike

Avec le temps, cela améliore le référencement et la présence de votre image de marque.

04 Taille de Fichier de Logo

Enfin, un autre aspect important de l'optimisation de logo est la taille du fichier. La vitesse de téléchargement d'une page est un des éléments pris en compte pour votre classement général concernant la position de votre site dans les résultats de recherche, alors faites attention à la vitesse de téléchargement de chaque élément.

Petite astuce : Utilisez toujours une image pour le logo car elle vous permet d'optimiser pour le SEO. Si vous choisissez l'option de fond DIV (souvent disponible en WP), les éléments mentionnés ci-dessus ne s'appliquent pas.

Evitez de télécharger des grandes images et des les afficher ensuite dans des tailles plus petites (l'ensemble de l'image devra quand même être téléchargé à chaque rafraichissement de page). A la place, optimisez la taille des images avant de les télécharger sur le site !

Un moyen de réduire la taille d'une image est de la compresser pour un usage web; de cette façon, vous maintenez 100% de la qualité (qui rend bien avec un affichage Retina) mais vous téléchargez aussi un élément plus petit sur le site. Pour cela, vous pouvez vous servir de sites comme JPEGmini.com< ou TinyPNG.com.

Enfin, veillez à toujours utiliser des images adaptables, en vous servant des attributs srcset. C'est une superbe façon de gérer les différentes tailles d'écran pour que votre site soit accessible à partir d'un téléphone, une tablette, un écran de Smart TV, ou un bon vieux PC.

Auteur invité : Fred Wilson. Fred est un guru SEO passionné d'écriture à Clickthrough - une entreprise qui aide les marques à atteindre un bon référencement.

Vous En Voulez Plus ?

7 Astuces Pour Créer Un Site Bien Référencé/a>

Les Meilleures Idées de Web Design Pour PME

Créer La Meilleure UIUX Pour Votre Site

Tendances de Design de Produit UX Pour PME

6 Tendances De Web Design

Written by DesignCrowd on Tuesday, January 8, 2019

DesignCrowd is an online marketplace providing logo, website, print and graphic design services by providing access to freelance graphic designers and design studios around the world.