Mise à jour de la base de données, veuillez patienter...

Les stratégies de communication actuelles, surtout au niveau des marques et autres chartes graphiques commencent toujours par l'incontournable création d'une identité visuelle, le plus souvent mis en exergue par la création d'un logotype ou logo, d'un insigne, blason, sloagan ou autre représentation graphique. Si l'on y trouve un peu de tout et n'importe quoi, l'on découvre aussi de réelles réalisations graphiques qui parfois frisent le trait de génie ...
Une question plus que récurrente actuellement : "comment faire un logo pour ... ? "
L'identité visuelle est depuis bien longtemps devenue une chose incontournable qui, surtout depuis les années 2000, évolue à grande vitesse, montrant la qualité technique et artistique de nombreux graphistes. Lorsque celle-ci est bien réalisée et établie, il arrive même dans le cas de certaines marques qu'un logo prenne le dessus sur le nom lui-même de l'entreprise ...
Phénomène actuel également de l'état d'esprit que révèle l'expression " acheter de la marque ", souvent liée à une représentation graphique.

logo like google (gif animé)
Le mot clé : logo
Un logo, expression abrégée du terme logotype est une représentation graphique qui sert à identifier de manière unique et immédiate les sociétés, marques, associations, institutions, produits, services, événements, ou autre sorte d'organisations ou manifestation, dans le seul et unique but de le différencier des autres ... Un logotype est en général une marque écrite à l'aide d'une fonte de caractères spéciale, et disposée d'une manière particulière, mais lisible et intégrée dans un graphisme adapté "au goût du jour". Tous les secrets de la créations graphique peuvent ainsi se retrouver sur ce simple terme ...

Créer une réelle identité visuelle n'est pas une mince affaire ...
Il existe 3 phases de création incontournables :
-  La pré-création consiste à faire une analyse documentaire (information sur l'histoire, les activités, la structure, l'ampleur et l'organisation de l'entreprise). Elle permet aussi à ce stade de déterminer quels seront les supports de communication utilisés (papier, bâtiment, véhicules, produits, emballages, médias de toutes sortes, etc.).
C'est pendant cette phase qu'est constitué le cahier des charges. Il va alors regrouper tous les résultats des recherches , idées et contraintes du graphiste et permettre de trouver des réponses à la demande du client. Ce 'cahier des charges'  est alors le point principal du projet. Il va ensuite évoluer en fonction des autres recherches, des demandes ou désir des deux parties. La collaboration et l'accord entre les différents participants est donc primordiale !
-  La création, quant à elle, établit toutes les techniques, idées, moyens possibles et imaginables que le graphiste pourra tester et élaborer sous forme de tests ou autres. Cela permet ainsi d'avoir un aperçu de différents looks ou rendus et de se mettre ainsi en accord avec la demande ou les goûts du 'client'. Le graphiste apporte des solutions, souvent techniques ou avec des possibilité d'adaptation à tous les différents supports auxquelles la "marque" n'aurait peut-être pas pensé ...
Pour cela, à notre époque, outre les premiers jets "crayon", il travaille essentiellement sur des programmes informatiques à l'aide de nombreux logiciels qui permettront ensuite une adaptation aisée ( bitmap ou vectoriel ) comme Photoshop et Illustrator, pour ne citer que les plus répandus parmi les " pros ".
-  L'application sur les supports, sur tous les supports existants à l'heure actuelle, plastiques est la création d'un style graphique propre à la 'marque'.  Le rendu doit être clair et cohérent, compréhensible et mémorisable, autrement dit 'avoir de l'impact' !
Le but final de cette création d'une " identité visuelle " doit être une représentation très explicite de ce qu'est la ' marque ' et faire en sorte que le visuel soit dans la mémoire visuelle des gens ...

La question étant tellement vaste que cela demanderait des articles supplémentaire à foison ... ce qui n'est pa trop le but de cet article mais qui sera ensuite développé sur le blog ...

Il reste cependant quand même à citer quelques exemples plus que concrets, notamment certains " coups de coeur " personnels ...

et l'incontournable, pour moi, sans laisser de côté les " doodle " réalisés par les graphistes de Google himself, reste pour moi le trait de génie de celui qui a réalisé le logo pour le TGV !  .... incontournable et (peut-être intemporel ... )
logo officiel :

réalisation de logo : le logo pour le TGV
retournez-le :

le logo TGV inversé

un classique maintenant, mais le mystère de sa création reste total !
qui a réalisé ce logo ? et l'inversion qui nous donne pour un ' train à très grande vitesse ' l'image d'un escargot ' là le trait de génie reste incomparable et ... mystérieux ...

passons sur d'autres exemples, mais sachez cependant que la création de logo, l'établissement d'une véritable identité visuelle, fait partie intégrante des créations de quelques rares concepteurs, de quelques rares graphistes ... et donc si vous avez besoin de créer un logo personnel n'hésitez pas à demander tous les conseils possibles ... le net regorge de liens, de scripts, de logiciels sur ce sujet, mais pas de renseignements sur les véritables graphistes qui peuvent ainsi vous faire sortir du lot !!!

... un simple contact suffit ;)
source : © le blog du référencement efficace - http://blog.unesourisetmoi.info - soumis à licence CC - accord préalable demandé -

Le nombre d'or est loin d'être une utopie et si les mathématiques sont une science bel et bien exacte, elles rejoignent avec cette règle de proportionnalité géométrique le web design. Déjà évoqué et utilisé depuis des dizaines de siècles, le nombre d'or est et restera universel et intemporel. Ceux qui veulent maîtriser le web design l'ont très bien compris ...
mathématiques :
Le nombre d'or, représente la notion de 'juste proportion', illustré par une formule mathématique assez complexe, se résume à un résultat de ce genre : " 1,618 033 988 7 " (approximativement).
Mis en équation par Euclide, célèbre mathématicien de la Grèce antique, auteur des "Éléments", qui sont considérés comme l'un des textes fondateurs des mathématiques et dont on a du vous parler plus d'une fois pendant vos études, ce nombre d'or est omniprésent dans le monde et dans le temps ...

nombre d'or : équation

Le nombre d'or possède une première définition d'origine géométrique, fondée sur la notion de proportion. Ce nombre irrationnel, mais néanmoins incontournable est l'unique solution positive de cette équation. Il est fréquemment représenté par la lettre " φ " ( phi ).
De toutes ses propriétés l'ont entant parler de triangle d'or, de rectangle d'or, de spirale d'or en passant par Pentagone et autre pentagramme ... L'on en retrouve les applications en géométrie, en trigonométrie, en arithmétique, et autres applications encore plus complexes.

histoire :
Les historiens considèrent que l'histoire du nombre d'or remonte encore a des origines et des temps quasi indéterminés. La pyramide de Khéops (vers 2600 av. J.-C.) reste un des meilleurs exemples de ces origines.  Selon d'autres, un amas de pierres sous la mer des Bahamas est une origine encore plus ancienne. Ces vestiges, dont l'origine humaine et la datation sont incertaines sont dénommés " temple d'Andros ".

Les historiens s'accordent tous sur l'existence d'une origine ancienne, mais l'absence de document d'époque définitif interdit une connaissance indiscutable de l'origine. Dans ce cadre, l'hypothèse est parfois émise que le nombre d'or aurait son origine chez les pythagoriciens: ils auraient connu et construit empiriquement le dodécaèdre régulier...

Le premier texte mathématique indiscutable est celui des Éléments d'Euclide (vers 300 av. J.-C.). Dans la 3ème définition du Livre VI, le nombre d'or est défini comme une proportion géométrique :  " Une droite est dite coupée en extrême et moyenne raison quand, comme elle est tout entière relativement au plus grand segment, ainsi est le plus grand relativement au plus petit. "

Mais ce nombre que l'on retrouve non seulement de partout dans le monde et dans le temps, existe aussi dans la nature qui de par essence même est intemporelle ...

web design :
Si les architectes, les bâtisseurs de cathédrales, les peintres, les sculpteurs et bien d'autres, ont tous cherchés au travers de ce nombre à atteindre les justes proportion de leurs réalisation, à notre époque de 'modernité' le nombre d'or est encore plus que d'actualité, même avec l'informatique, qui finalement tout comme lui n'est que mathématiques ... c'est donc à juste titre que la notion de " web design " rejoint, elle aussi, celle du nombre d'or.

Les passionnés ou professionnels du web design se sont plus que préoccupés de cette notion de ' nombre d'or ' pour la bonne et juste création de thèmes, templates et autres gabarits utilisés en ajoutant le terme de "ratio d'or " qui en reprend les fondements.

Petites explications en direct du site d'un véritable spécialiste :
(http://www.samare.net/)
Lorsqu'on cherche à donner une dimension à une forme, on ne sait pas trop laquelle lui donner...
Si vous hésitez, utilisez le nombre d'or !
Demandez à 100 personnes de dessiner un rectangle qu'elles trouvent bien proportionné. Maintenant faites la moyenne du ratio longueur/largeur et vous tomberez sur ... 1,61803399 !
C'est bel et bien le nombre d'or. On le retrouve partout autour de nous et pas seulement dans ce que nous construisons mais aussi dans la nature.
Il est très souvent utilisé, alors pourquoi pas par vous ?

Exemple: si vous souhaitez scinder une largeur de 100 en 2 parties esthétiquement bien réparties selon la moyenne, alors l'une partie fera 62 et l'autre 38. Si vous modifiez ce ratio vous modifierez aussi la perception de l'une sur l'autre ...
Exemple avec un gabarit:

gabarit : le ratio d'or (le nombre d'or)
Ce gabarit est composé selon le ratio d'or 62% / 38%.
- La zone centrale en gris clair+foncé fait 62% de la largeur de la fenêtre.
- Le titre du site ( header ) fait 38% de la largeur centrale et donc la zone #header_extra fait 62% ...
- la sidebar fait 38% de la zone centrale
- la liste des commentaires fait 62% de la zone de contenu et donc la zone de formulaire 38%
etc, etc ...
Dans cet exemple le ratio ne concerne que les largeurs. Si vous voulez pousser plus loin, il faudrait connaître la hauteur de la fenêtre pour obtenir des divines proportions ...

Si vous souhaitez calculer des dimensions fixes, il existe des calculateurs de ratio d'or en ligne ... ( http://goldenratiocalculator.com, par exemple ), mais vous avez aussi une ... calculatrice ... non ?

Alors si, sur les bases du nombre d'or, vous désirez appliquer ce ratio d'or à vos créations en web design, ou autres encore, si vous désirez approcher les " divines proportions ", surtout pour l'oeil et l'esthétique ... n'hésitez plus ... lancez-vous !

source : © le blog du référencement efficace - http://blog.unesourisetmoi.info - soumis à licence CC - accord préalable demandé -

Un petit rappel de certaines règles de base pour Google : si votre site web contient du texte ou des liens cachés, il risque fort d'être considéré comme peu fiable, car il présente aux moteurs de recherche un contenu différent de celui destiné aux visiteurs. Dans ce cas, non seulement Google le dévalorisera certainement, mais risque aussi de le sanctionner ...
Ce ne sont que des ' recommandations de Google ' émises par le moteur de recherche depuis plus de 5 ans déjà, mais justement avec le recul, elles n'en ont que plus d'importance car l'on sait bien maintenant le mauvais impact sur le référencement d'un site que tout cela peut avoir ainsi que tous les problèmes que ces mauvaises 'tentatives' peuvent engendrer ...

Parmi les procédés les plus courants, les plus vicieux et ... les plus inutiles ...
Les contenus textuels (tels qu'un nombre excessif de mots clés) peuvent être cachés de plusieurs manières, dont les suivantes :
* utilisation d'un texte blanc sur fond blanc ;
* insertion d'un texte derrière une image ;
* utilisation d'une feuille de style CSS pour cacher du texte ;
* définition de la taille de la police sur 0.

Les liens cachés sont conçus pour être explorés par Googlebot, mais ne sont pas lisibles par les visiteurs pour les raisons suivantes :
* Le lien contient du texte caché (par exemple, la couleur du texte est identique à celle du fond).
* Une feuille de style CSS a été utilisée pour créer des liens hypertexte minuscules dont la taille ne dépasse pas1 pixel.
* Le lien est caché dans un caractère de petite taille (par exemple, dans un trait d'union au milieu d'un paragraphe).

Depuis plusieurs années déjà, Google nous a clairement indiqué qu'il lutterait contre de telles pratiques, les sanctions sont tombées à qui mieux mieux, mais malheureusement, il y a encore des gens qui se croient plus forts ou plus malins et continuent d'abuser de tels procédés ... pour venir ensuite de plaindre lorsque le couperet tombe !!!

google watch : google surveille !
Si votre site contient du texte et des liens cachés conçus pour induire les moteurs de rechercher en erreur, votre site peut même être retiré de l'index Google et ne plus être affiché dans les pages de résultats de recherche. Lorsque vous évaluez votre site afin de vérifier s'il contient du texte ou des liens cachés, recherchez tout ce qui n'est pas facilement affichable par les visiteurs. Existe-t-il du texte ou des liens accessibles uniquement aux moteurs de recherche et non aux visiteurs ?

Si vous utilisez du texte pour décrire des éléments auxquels les moteurs de recherche ne peuvent pas accéder (par exemple, JavaScript, images ou fichiers Flash), n'oubliez pas que de nombreux visiteurs utilisant des lecteurs d'écran, des navigateurs de mobile, des navigateurs sans plug-in et des connexions bas débit ne pourront pas non plus y accéder. L'utilisation de texte descriptif pour ce type de contenu améliorera l'accessibilité de votre site. Pour tester son accessibilité, désactivez les JavaScript, les fichiers Flash et les images sur votre navigateur ou utilisez un navigateur texte tel que Lynx.

Conseils pour améliorer l'accessibilité de votre site :
* Images : utilisez l'attribut alt pour fournir un texte descriptif. Nous vous recommandons également d'utiliser un texte descriptif et une légende lisibles par les visiteurs pour vos images.
* Javascript : placez le contenu du JavaScript dans une balise noscript. Si vous utilisez cette méthode, assurez-vous que ce contenu est strictement identique à celui de JavaScript et qu'il est accessible aux visiteurs qui n'ont pas activé l'option Javascript sur leur navigateur.
* Flash : pensez à placer le texte descriptif et les éléments de navigation du site en dehors des balises Flash.
* Vidéos : insérez le texte décrivant le contenu de vos vidéos dans le code HTML. Vous pouvez également fournir des transcriptions de vos vidéos.

Si vous trouvez du texte ou des liens cachés sur votre site, supprimez-les ou, s'ils sont pertinents pour les visiteurs, faites en sorte qu'ils soient facilement consultables. Si votre site a été retiré de nos résultats de recherche, consultez les conseils aux webmasters donnés par GG pour plus d'informations. Après avoir apporté les modifications nécessaires et vous être assuré que votre site est désormais conforme à ses recommandations, envoyez-le pour réexamen..
source : © le blog du référencement efficace - http://blog.unesourisetmoi.info - soumis à licence CC - accord préalable demandé -

Une boutique en ligne créée sous Prestashop doit avoir des fiches produits bien rédigées et optimisées pour assurer un bon référencement naturel dans un premier temps. Et surtout pour que ce soit un référencement efficace , il faut également donner à chaque fiche produit les moyens d'optimiser sa prise en compte par les moteurs de recherche, sans oublier également la vision qu'en aura l'internaute, le client qui y arrivera ...
Un petit d'exemple, d'amélioration, d'optimisation d'une fiche produit dans une boutique en ligne réalisée sous Prestashop ...
Etat des lieux :

fiche produit Prestashop
Dès le départ, plusieurs constatations :
- le 'look', surtout la typographie laisse plus qu'à désirer ...
- image trop petite et qui ne sert pas pour la fonction 'zoom' de la boutique
- les balises 'title' et 'description', ainsi que les tags sont à revoir
- le contenu texte est vraiment trop minimaliste et de plus semble avoir été 'copié/collé' ailleurs, comportant de plus des liens vers les sites d'origine ...
donc là aucun problème : cette fiche est totalement à  revoir !

exemple de la démarche d'optimisation de la fiche du produit :
aller dans la rubrique ' catalogue ', faire défiler vers le bas pour accéder aux produits, puis ' éditer un article ', par exemple :
nom de l'article :
" Baume LE TIGRE ROUGE problème musculaire "
( le référence du produit restant bien sur interne à la boutique ... )

ce qui donne au niveau 'codage', pour les moteurs :
<title>Baume LE TIGRE ROUGE probl&egrave;me musculaire - Kai-Zen 100% Naturel.</title>
        <meta name="description" content="baume le tigre soulage les migraines, les douleurs musculaires, les piqûres d&#039;insecte et sert également a dégager les voies respiratoires. " />
        <meta name="keywords" content="tigre rouge, baume chinois, migraines, voies respiratoires, les douleurs musculaires, les piqûres d&#039;insecte, baume, le tigre, le tigre blanc, le tigre rouge" />
       
Mais déjà, en plus, au niveau du " look " pour le visiteur ... moyennement attirant  ....

ce que l'on peut faire :
-  pour les moteurs :
l'on met ceci comme référence produit : " baume Le Tigre Rouge pour les douleurs musculaires ou articulaires "
ce qui va donc se reporter dans le titre du code source et apparaître comme bien plus expressif ...
mais mieux encore, en descendant l'on trouve une option " cliquez ici pour améliorer pour améliorer votre position dans les moteurs de recherche (SEO) ", ouvrez cette partie, et s'y trouvent 'meta descrption', 'meta mots-clés',Url simplifiée ... etc ...
là on va donc pouvoir intervenir à nouveau surtout au niveau de chaque balise 'description' ....
dans ce cas précis :
"baume le tigre soulage les migraines, les douleurs musculaires, les piqûres d'insecte et sert également a dégager les voies respiratoires. "

pour le contenu texte de la fiche produit il existe 2 rubriques que l'on peut modifier avec CKEditor:
-- Résumé :
qui apparaît dans les listes de produits et sur le haut de la page du produit
-- Description :
qui apparaît dans le corps de la page produit = rubrique " en savoir plus" ...
actuellement, cette rubrique, peu développée ne donne pas beaucoup de renseignements au lecteur et comporte en plus des liens textes (copier/coller ...), il faut donc l'étoffer, supprimer ces liens et la rendre vraiment détaillée, attractive et instrucive ...

-  pour le client :
le nouveau titre est trop grand et passe derrière l'image, il va donc falloir revoir, au niveau de la css et du coup pour que ce soit valable dans toutes les autres fiches produits aussi : une révision donc du fichier ' global.css' notamment au niveau de la balise h1 pour une meilleure visibilité sur la page.
reste maintenant l'image du produit qui pour l'instant est assez petite, donc peut utile et ne permet pas de se servir de la fonction zoom dans la fiche du produit de prestashop.
Il faut donc en mettre en ligne une qui soit beaucoup plus grande, soit en la trouvant dans le catalogue du fournisseur, soit en la créant, soit sur le net ...
Une seconde image est alors uploadée pour à la fois renforcer l'impact de la fiche, avec les balises qui seront ainsi ajoutées et permettre une utilisation plus pointue de la fonction zoom ...

optimisation de l'image:
balise "alt" : " baume Le Tigre Rouge pour douleurs musculaires ou articulaires "
et pour la première image: "Baume LE TIGRE ROUGE, soigner les douleurs"

Reste ensuite insérer ensuite des tags corrects, par exemple  :
' sportif, muscle, articulation, douleur musculaire, tigre rouge, baume chinois, beaume le tigre rouge,soigner douleur musculaire '

Et voici donc, en deux images le résultat des ces quelques petites optimisations ...

fiche produit prestashop : optimisée
Comme l'on peut le voir dès le premier abord, cette fiche produit est déjà plus agréable à l'oeil, bénéficie de 2 images dont la première est de grande taille pour utiliser le zoom; les titres, les balises, le texte ont été revues pour une meilleure prise en compte par les moteurs de recherche et la css a subit une toute petite modification ....
la fiche du produit de la boutique commence vraiment là a être 'originale' ...

la fiche produit de la boutique en ligne, sous prestashop : le contenu texte !
Cette ' image ' qui dans la boutique en ligne est bien sur du texte nous montre que le contenu du ' texte ' est alors bien plus fourni, à la fois pour renseigner le visiteur et à la fois pour ' donner à manger ' aux moteurs de recherche ...

Et s'il est une chose que l'on peut dire, c'est bien que la fiche du produit a été ainsi optimisée tant que possible, aussi bien pour le référencement que pour les visiteurs qui pourront alors y trouver tous les renseignements utiles ...

Ce n'est certes pas la panacée, ce n'est certes pas la seule chose à faire pour s'assurer d'un bon référencement efficace, d'un référencement naturel qui passera correctement, mais c'est déjà une des premières étapes indispensables pour que cette boutique en ligne puisse faire son petit trou sur le net ... le but du jeu finalement et ceci même si l'on peut toujours faire mieux     .:
source : © le blog du référencement efficace - http://blog.unesourisetmoi.info - soumis à licence CC - accord préalable demandé -

rapport GWT : Big traffic change for top URL !   Google suit votre site, votre blog, et vous fournit des conseils personnalisés pour son optimisation, via les Outils pour Webmasters ou encore Google Webmasters tools. Rapport détaillé, oui mais en plus conseils personnalisés maintenant !
Les outils de Google pour les webmasters peuvent vous fournir des rapports détaillés sur la visibilité de vos pages sur Google... Bon ça on le savait, mais le moteur de recherche vient de renforcer son suivi des sites avec des envois personnalisés de rapports de fonctionnement des sites ou des blogs en y ajoutant en plus des conseils destinés à vous encourager à améliorer encore plus l'impact de vos différentes pages sur le Net ...
Petit exemple concret arrivé ce jour par mail ...


rapport GWT : Big traffic change for top URL
Certes le message est en grande partie rédigé en anglais, mais il est cependant bien expressif, petite traduction ... :

" http://blog.unesourisetmoi.info/: changement trafic Big URL en hausse (Big traffic change for top URL)
Les résultats des clics pour http://blog.unesourisetmoi.info/index.php?article671/jean-jacques-goldman-fete-ses-60-ans ont augmenté de manière significative.

Ce message n'indique pas un problème dans votre site. Il veut tout simplement vous informer que le nombre de clics que l'une de vos pages reçoit a augmenté récemment. Si vous venez d'ajouter un nouveau contenu, cela peut indiquer qu'il est devenu plus populaire sur Google. Le nombre de clics que votre site reçoit de Google peut changer de jour en jour pour une variété de facteurs, y compris les mises à jour automatiques de son algorithme.

Action recommandée :

Consultez la page des requêtes de recherche dans Webmaster Tools
Si cette page est de plus en plus populaire, vous pouvez l'utiliser comme une indication pour développer un contenu similaire à l'avenir ... "

Si l'on suit le lien indiqué dans le mail, l'on arrive dans son compte GWT pour visualiser les différents résultats relatifs aux articles ou pages de son site avec toutes les indications de suivi que Google peut nous donner, et c'est bien vrai que cela porte à réflection ...

rapport GWT : suivi depuis votre compte chez google
intéressant quand même ce genre de rapport, ça vaut le coup d'y mettre 'le nez'  ... l'on visualise ainsi les pages ayant le plus d'audience à un instant ' T ', les staistiques en + ou en - , mais aussi (surtout !) l'on peut se rendre compte de l'impact que génèrent également les images ... point à prendre en compte !

autrement dit, non seulement Google vous fournit les outils, mais maintenant vous donne aussi des conseils ... sympa , non ?

petit commentaire perso : l'actualité y est certainement pour quelque chose ( je parle de l'url citée ), étant données les récentes publications dans les médias, restos du coeur, émission spéciale 'on chante Goldman' ... mais les recommandations restent toujours valables et pour cet article et pour les autres si l'on prend le temps d'analyser le pourquoi du comment  ...  :)

source : © le blog du référencement efficace - http://blog.unesourisetmoi.info - soumis à licence CC - accord préalable demandé -