Balise "a" HREF pour le SEO et Google bombing

La balise "a" HREF pour le SEO et le Google bombing

La balise a href est utilisée pour optimiser le référencement naturel des pages html/asp/php. Cette balise produit un hyperlien sur un ou des mots clés associés. Hyperliens internes dans un site ou hyperliens externes d'une page Internet vers une autre page Internet. C'est un élément à définir lors de la convention de nommage.

Voici le code html de la balise a href

" a href="https://tutorials-computer-software.com/2010/02/balise-href-google-bombing-seo.html" /a "

La balise a href est donc importante pour optimiser le référencement SEO des pages html/asp/php entrent-elles. Car l’algorithme de Google prend en compte le nombre de liens internes et externes (lbacklinks) associés avec le même mot clé vers chaque page Internet. Plus il y a de sites web pointant via des hyperliens vers un site, plus ce site devient alors important aux yeux de Google. La présence importante de backlinks pointant avec le mot clé vers un site Internet influencent alors le pageRank (PR) de la page. Pagerank est le système de classement des pages Web utilisé par le moteur de recherche Google pour attribuer l'ordre d'affichage des liens dans les résultats de recherche.

Principe qu'une communauté utilise pour réaliser un Google bombing. Ou une communauté importante, un réseau social associent un mot clef identique avec à une adresse Internet identique dans le but de dénoncer une cause ou de nuire à quelqu'un. Le Google Bombing est donc un référencement sauvage d'un site web sur un mot clé péjoratif. Les sites victimes de Google Bombing se retrouvent ainsi en première position dans les moteurs de recherche, sans avoir participé au référencement SEO.

Je vous conseille de lire cet article «Comment Google attribue un score à une page Web» du site «scriptet.net» pour comprendre le principe algorithmique de Google pour référencer une page html.
http://www.scriptet.net/google-pagerank.html

Google bombing Miserable Failure et Georges Bush

La recherche sur le mot clé « failure » affichait en première position dans le moteur de recherche Google, le CV du président Georges Bush. CV diffusé par la maison blanche. Cette requête a été retirée par Google sur pression de Washington. Mais le nombre d’articles relatant cet épisode repositionne l’association du mot « Failure » et « Bush » en première position dans Google. L'arroseur arrosé.

Google bombing Miserable Failure et Georges Bush

Google bombing Iznogoud et Sarkozy

En France, une recherche sur Google avec le mot cléf « Sarkozy », propose le site IZNOGOUD, le site officiel du film de Patrick Braoudé. Avant l’élection du Président Nicolas Sarkozy en 2007, la recherche sur le mot clé Iznogoud était associé avec le CV du Ministre de l’intérieur, Monsieur Sarkozy. CV alors diffusé par le Ministère de l’intérieur. Le Calife qui voulait être à la place du Calife Chirac. Cette requête n’existe plus dans Google. Car devenu Calife de la République française depuis, son CV a été retiré du site du Ministère de l’intérieur. Le lien devenu mort, Google a donc retiré cette requête dans cette recherche algorithmique. Mais le nombre d’articles relatant cet épisode repositionne l’association du mot « Iznogoud » et « Sarkozy » dans la première page de recherche dans Google est toujours aussi important.

Google bombing Iznogoud et Sarkozy

Google bombing trou du cul du web et Sarkozy

En 2009 est lancée le Google Bombing "trou du cul du web" associé au site du Président "Sarkozy.fr". Avec en toile de fond la loi Hadopi. La communauté du monde libre sort ses griffes.

«Trou du cul du web» et « Sarkozy »

Une nouvelle fois, le nombre d’articles relatant cet épisode positionne l’association du mot «trou du cul du web» et « Sarkozy » dans la première page de recherche dans Google.

Trou du cul du web

Optimisation SEO balise META NAME Keywords

La balise META NAME="Keywords" CONTENT="mots clés du site" est utilisée pour optimiser le référencement naturel de pages html/asp/php.

Le contenu de la balise META NAME Keywords ne s’affichent pas dans la fenêtre du navigateur. On incorpore le code de la balise META NAME Keywords dans la section head du code html/php/Asp. Son contenu ne sera jamais visible pour l’utilisateur.

Afin d’optimiser le référencement SEO du système d'information, chaque page d’un site Internet doit avoir sa propre balise META NAME="Keywords" CONTENT="mots clés du site" avec ses propres mots clés.

Cette balise n'est pas utilisée par l'ensemble des moteurs de recherche, Google et Bing ne s'en préoccupe pas visiblement. Yahoo, oui. Voici un test de la balise Keywords et un autre test ou le doute subsiste pour Google.


Code de la balise META NAME="Keywords" CONTENT=="définition, la, conjugaison, verbe, francaise, conjuguer, chercher, synonyme, français"

Optimisation SEO Balise META NAME description

La balise balise META NAME="description" content="description du contenu de la page internet" est utilisée  pour optimiser le référencement naturel SEO de pages html/asp/php.

Le contenu de la balise META NAME="description" content="description du contenu de la page internet" ne s’affiche pas dans la fenêtre du navigateur, mais uniquement lors de l’affichage d’une requête dans un moteur recherche. Elle se place dans l’affichage de la requête sous la balise title. Ainsi, cette présentation permet au lecteur d’avoir un résumé, une vision globale du contenu de la page.

Pour chaque page html du site, la balise META NAME="description" content="description du contenu de la page internet" résume par une phrase le contenu de la page avec ses propres mots clefs.

Afin d’optimiser le référencement SEO, chaque page html/php/Asp d’un site Internet doit avoir sa propre balise META NAME="description" content="description du contenu de la page internet" avec ses propres mots clés 
 .
On incorpore le code de la balise META NAME="description" content="description du contenu de la page internet" dans la section head du code html/php/Asp.

Convention nommage des fichiers et dossiers pour optimisation SEO site Internet

Dans le cadre d'une communication sur Internet, comme pour le nom de domaine, il faut nommer les fichiers et les dossiers d'un site Internet avec des mots clefs résumant le contenu de chaque rubrique/dossier et de chaque fichier html/php/asp afin d'optimiser le SEO du website.

Cette convention de nommage est importante car les moteurs de recherche prospectent aussi sur les mots clés des fichiers/dossiers pour analyser et afficher les requêtes.

On utilise comme séparateur de mot le caractère tiret « - » plutôt que l’underscore « _ » car le caractère undescore n’est pas visiblement reconnu comme séparateur de mot par l’ensemble des moteurs de recherche.

C’est par l’utilisation de mots clés et par l’association du nom de domaine/noms de dossier/noms de fichiers que l’on obtient un référencement naturel de qualité dans les différents moteurs de recherche.

Affichage de la recherche des noms de fichiers et de dossiers dans Google:

mots clés conjugaison - verbe - chercher.

Évolution du graphisme dans les jeux vidéo

Cette vidéo montre l'évolution graphique des jeux vidéo à travers des jeux mythiques : Basket, Star wars, wargames, driving, fighting. Si on combine cela avec les nouvelles IHM et la réalité augementée, les jeux vidéos ont un bel avenir devant eux.

Comment choisir les mots clés pour optimiser le référencement SEO?

L’outil du laboratoire Google Suggest, maintenant intégré dans les recherches Goole est très pratique pour obtenir le nombre de résultat d’un mot clef ou de mots clefs associés, afin de visualiser la concurrence. C'est un élément utile pour la convention de nommage des fichiers et des dossiers.

Outil indispensable pour positionner notre site afin d'optimiser le référencement naturel SEO d'un site Internet et définir les mots-clés :

• de notre adresse URL,
• du titre de la page html, avec la balise Title
  
• du contenu de la description de cette dernière,
• des keywords, etc.
• des liens dans notre page, avec la balise Herf.
  

La fenêtre du nombre de résultats possible avec Google Suggest LABS

L’outil du laboratoire Google Trend LABS.
On peut aussi connaître la fréquence de recherche d'un mot clé ou d'un terme dans Google par pays ou par régions. Une comparaison de l'évolution du nombre de recherches par année, par pays, par langue, par région est proposée.
Adresse Internet du Google Trends LABS : http://www.google.fr/trends

La fenêtre de l'outil du laboratoire Google Trends LABS

L’outil du laboratoire Adwoeg Google Keyword
Un autre outil proposé par Google est très utile pour trouver de nouvelles suggestions de mots avec des associations de mots clés. Il affiche le volume de recherche pour chaque mot clé proposé, avec ses variantes et ses synonymes.

On utilise surtout cet outil quand on prépare une campagne d’achat de mots clés avec Google Adwords, afin de cibler notre annonce et de quantifier le CPC moyen des mots.

https://adwords.google.com/select/KeywordToolExternal

La fenêtre de l'outil du laboratoire Google Keywords Tool.

L’équivalent Yahoo de GoogleTrends.
Voici l’équivalent proposé par Yahoo pour obtenir la pertinence de recherche des mots clefs les plus utilisés :inventory overture.
https://www.webmarketing-conseil.fr/outils-seo/

La fenêtre de l'outil Yahoo Overture.

Tutorial: exemple et modèle pour le contenu d'une charte graphique

Le contenu général d'une charte graphique avec un exemple

La charte graphique est la déclinaison pratique de la conception graphique. Cette déclinaison graphique participe à l'image de marque de l'entreprise. On donne ainsi une cohérence visuelle à l'ensemble des documents internes et externes de l'entreprise. Ces documents sont des éléments participant à la communication de l'entreprise.

Les indications techniques de la charte graphique sont les suivantes :

• Les couleurs utilisées avec les références CMJN / Pantone pour le l’édition papier (Print) et RVB / hexadécimal pour le Web.
• La police utilisée ou les polices employées avec les styles, le corps du texte et les couleurs. 
• Police de remplacement pour le web dans le cas d'une utilisation de police non-système.
• Les pictogrammes utilisés pour la signalétique dans l'entreprise.
• Le logotype (au format vectoriel) avec ses variantes d’utilisation : 
• couleurs, 
• en noir et blanc (version photocopieur avec ou sans trame), 
• sur fond blanc, 
• sur fond noir,
• sur les fonds colorés  
• sa taille minimum d'utilisation,
• les espaces de protection, 

• Les interdits d’utilisation et les exemples de mauvaises utilisations du logo:
• couleurs, 
• dimensions, 
• emplacements,
• alignements,
• fond de couleurs,
• …
• La position du logo, des titres, sous-titres, et du texte pour l’impression bureautique et le web.
• Les règles typographiques: 
• abréviations, 
• règles générales, 
• utilisation de la capitale,
• et de l'italique.
• La déclinaison des mises en pages sur les différents documents, avec les dimensions hauteur/largeur des pages, les dimensions des colonnes avec les espaces, les emplacements des différents éléments du design visuel (bandeau, barre de navigation, photos, logo…). Cela concerne :
• La bureautique et les imprimées (Affiches, flyers, carte de visites, journal,...) 
• et le multimédia (Web, vidéo, Cd-rom,....)

• Les différents supports:
• Papeterie
• carte de visite,
• carte de correspondance,
• papier à lettre,
• enveloppe,
• bon de commande,
• facture,
• devis,
• bordereau de commande
• fax.
• Publication
• newsletter,
• communiqué de presse
• journal interne,
• affiche,
• flyer,
• Diaporama: PowerPoint,
• Traitement de texte
• CD, DVD.
• Signalétique 
• intérieure et extérieure des bâtiments.
• véhicule utilitaire
• kakémono
• Stands
• Badges
• Pin's
• Googies
• Panneaux de signalétique
  
• Web
• feuilles de style CSS,
• emplacement des titre, sous-titres, chapeau avec le nombre maximum de caractères pour chaque élément.
• dimensions pixels des colonnes et espaces des colonnes.
• Signature mail
• Newsletter

Exemple de charte graphique

Creative Commons BY - NC - SA - Vincent Gruyer

Tutorial - Structure d'un compte rendu de réunion (CRR) pour les projets

Le contenu d’un compte rendu de réunion (CRR)

En gestion de projet, le compte rendu de réunion (en abrégé en CRR) est le résumé synthétique :

• des échanges et discussions observés lors d'une assemblée ou d'une réunion,
• des décisions prises et des actions lancées à cette occasion.

Il s'agit d'un document de travail, rédigé généralement par le chef de projet, indexant l'évolution d'un projet. Ces documents sont la mémoire des décisions prises et des différentes validations client. Document de communication interne et externe, il participe à l'image de marque de l'entreprise. Chaque CRR est diffusé à l'ensemble des protagonistes du projet (client/prestataire). Ces CRR sont utiles en cas de contestation et servent de preuve en cas de procédure juridique. Toute réunion doit être suivie d'un compte rendu rapidement diffusée à l'ensemble des protagonistes du projet (client/prestataire). Ce compte-rendu précisera notamment la répartition des rôles et la planification des tâches.  

Il faut utiliser une police avec un corps 12 maximum et mis en page sous Indesign.

Chaque en-tête de compte-rendu de réunion, nous avons :

• le numéro de la réunion dans la progression du projet,
• la date et le lieu de la réunion,
• l'ordre du jour de la réunion, les points à aborder.
• les participants à la réunion,
• les noms des absents à la réunion (en indiquant les personnes excusées),
• les destinataires du CRR  (destinataire en copie "pour information"),
• le nom du rédacteur du compte rendu.

Pour chaque point abordé :

• un résumé synthétique des échanges,
• les décisions prises,
• les actions décidées et et les taches affectées à l'un ou l'autre des participants, avec une date de réalisation.

       Une conclusion, avec la date de la prochaine réunion.

Exemple de contenu d'un CRR

CRR n°1
IUT Sarcelles, le 10 septembre 2007
Rédaction : Vincent Gruyer

Ordre du jour : déroulement des projets tuteurés en 2ème année SRC.

Présents :
IUT Sarcelles:
Présent : Monsieur Gruyer.
Etudiants : tous présents

Absences excusées : Raoul Savamapoul (étudiant 2ème année)

Pour information.
Monsieur Dugroin, Monsieur Yrijaune, Madame Neripas, Monsieur Hirivert, Monsieur Bledard.
Rédaction du compte-rendu par Monsieur Dugroin.

Point projet
Monsieur Dugroin précise qu'un point sur l'évolution du projet avec des questions/réponses aura lieu le mardi 16 octobre 2007 à l'IUT en présence d'une partie de l'équipe enseignante. Un autre point projet aura lieu en février 2007. Date à préciser plus tard. Une note collective sera donnée pour chaque projet à chaque fois. Elle prend en compte l'état d'avancement et de réflexion sur le projet tuteuré. Une autre note sera individuelle prenant en compte le travail effectué par chaque étudiant dans le projet.

Pré-soutenance.
La pré-soutenance aura lieu fin-décembre. Elle sera notée. Il s'agit d'une première présentation du projet tutoré devant l'équipe enseignante selon le schéma classique : contexte, objectifs, résultats, conclusion. Le contenu exact de la pré-soutenance sera abordée durant les cours de Monsieur Dugroin.

Date pour la soutenance finale.
La date de la soutenance finale aura lieu fin mars 2008. Date à préciser à la fin du semestre 3, en décembre. Présentation orale du projet d'une durée de 20 minutes, avec un PowerPoint. Elle sera filmée par les SRC 1er année. Un dossier de transmission du projet, le carnet de liaison sera à rendre. Le contenu sera précisé durant les cours de Madame Neripas pour la présentation et de Monsieur Dugroin pour le contenu. Ce dossier sera mis en page avec le logiciel Indesign avec Monsieur Bledard.

Définition différences techniques entre une conception graphique et une charte graphique

Définition et différences techniques entre une conception graphique et une charte graphique

Ces deux termes « conception graphique » et charte graphique » sont utilisés dans la communication, pour définir la partie graphique ou le graphisme d’un système d’information. Mais généralement ils sont employés à mauvais escient.On confond souvent, même dans le milieu professionnel la « charte graphique » avec la « conception graphique ».

La conception graphique

C'est l’univers graphique, le design visuel que l’on donne à une communication (édition, print) ou au système d’information, (site Internet, Cd-rom, DVD vidéo, etc.). Généralement construite autour d’une métaphore graphique, la conception graphique sert à plonger l’utilisateur dans le domaine du produit. L’univers graphique, le design visuel créé donne ainsi des références cognitives à l’utilisateur pour se déplacer et s’orienter dans le système d’information. La conception graphique est généralement un élément du dossier de proposition. La conception graphique utilise les éléments de la charte graphique pour garder l'identité visuelle de l'entreprise. Une métaphore peut-être utiliser afin de lier une référence cognitive à une référence iconique.

Recherche graphique pour le CD-Rom Pingu

Présentation légendée de l'interface graphique pour le CD-Rom Pingu

La charte graphique

C'est la déclinaison pratique de la conception graphique. Grâce à ce document, l'identité visuelle de l'entreprise se fabrique, la représentation graphique de l'identité d'une entreprise se réalise. L'identité visuelle exprime les valeurs, l'activité et les ambitions de l'entreprise. Elle permet de se faire reconnaitre facilement parmi ses concurrents. Chaque entreprise doit avoir sa propre identité visuelle. L'identité visuelle se traduit par des signes, des couleurs, des formes et un logo immédiatement compréhensible et facilement mémorisable.
L'identité visuelle est déclinée sur l'ensemble des supports grâce à la charte graphique. On trouve des informations techniques sous forme de gabarit pour pouvoir ensuite décliner la conception graphique. La charte graphique est ce document que l'on retrouve dans le dossier de liaison ou carnet de liaison.

Grille pour une analyse concurrentielle d'un site Internet

Contenu d'une grille pour une analyse concurrentielle d'un site Internet

 L'analyse concurrentielle est une démarche utilisée dans le cycle de conception d'un système d'information Web. Cette analyse permet d'obtenir des propositions, avec un investissement faible. Profitons du travail, des analyses et les solutions des concurrents.
C'est généralement le chef de projet ou son assistant qui réalise cette analyse. Le but est d'extraire les points positifs et / ou négatifs des sites concurrents afin d'analyser leur succès et leur échec. Ces éléments seront utilisés afin de trouver un positionnement spécifique et les facteurs de différenciation. Éléments utiles pour la rédaction du dossier de proposition, en réponse au cahier des charges du client.

Il faut toujours raisonner et analyser en fonction de la cible et non selon nos habitudes et connaissances.

Pour télécharger le fichier

Les critères d’analyse:

    Au niveau de l’écran:

        - contenu média, texte, métaphore

     Au niveau général

        - la navigation, l'ergonomie, l'interactivité, l'interface
        - l'organisation de l'information (arborescence)

    Au niveau technique

       - lisibilité, affichage, résolution, plug-in

    Le référencement du produit

       - positionnement moteur de recherche, mots clefs, optimisation SEO

Voici une base pour réaliser une analyse concurrentielle d'un système d'information. Libre à vous de l'adapter et de la compléter en fonction de vos objectifs et de vos attentes. Il faut analyser le site Internet en fonction de la cible pressentit du système d'information, et non selon vos attentes, vos envies et vos habitudes. Cette grille vous permettra de définir en partie l’idée de votre projet tutoré.

Description générale de la grille pour une analyse concurrentielle

  Nom du site:

  Adresse du site:

  Date d'analyse du site:

  Langue(s) utilisée(s) :

  Objectifs du site :

  Cible public principale du site :

  Cible public secondaire du site :

Typologie du site (institutionnel, produit, blog, web documentaire,...) :

  Type de site (Web 1.0, Web 2.0, Web 3.0) :
       Raisons de son affiliation au type de web

  Accès : Libre - Tarifé – Limité

  L'IHM utilise les périphériques suivants:

  Développement technique par la société:

Description technique du site

  Configuration minimum, en comparaison avec les données actuelles:
       - compatibilité OS (Linux, Macintosh, Microsoft, Android, Symbian, BlackBerry),
       -  taille écran

  Technologies utilisées :
      Plug-in (Flash, shockwave, Java, Direct X) :

      Langage programmation (html, php, mysql, asp, AS3) :

      Lecteur vidéo (Flash, QuickTime, RealPlayer, WMP) :

  Arborescence du site

  Capture de la page d'accueil du site:

  Capture de la page rubrique site:

  Capture d'une autre page du site :

Grille analyse concurrentielle web

	Mauvais 0	Moyen 2,5	Bien 5
Qualité de la page d'accueil
Identification du produit ou service
Reflet du produit ou service
Degré de séduction
Qualité de l’information ou de l’image principale
Qualité des informations secondaires
Date de mise à jour du site
Qualité de l'ergonomie et de la navigation
Intuitivité de la navigation
Navigation principale explicite
Navigation secondaire explicite
Boutons de navigation explicites
Fluidité de la navigation
Qualité du repérage dans la structure, présence d'un fil d'Ariane
Navigation identique sur l'ensemble des pages
Navigation facilement mémorisable
Règle des trois clics
Retour avec un clic sur le logo vers la page d'accueil
Navigation globale
Plan du site
Pertinence du moteur de recherche
Présence d'un glossaire
Fichier PDF ou autres solutions pour imprimer le contenu texte
Non utilisation des boutons précédent/suivant du navigateur
Séparation avec la navigation contextuelle
Qualités du graphisme
Adéquation et pertinence de la métaphore
Qualité d'exploitation de la métaphore
Déclinaison graphique identique sur l'ensemble des pages
Lisibilité du texte
Rapport images/textes
Qualité des contenus
Adéquation de la ligne éditoriale au contenu, aux objectifs et à la cible
Structure de l'information ( titre, chapeau, texte, légende image)
Qualité rédactionnelle
Clarté des libellés (menus, rubriques, articles...)
Clarté des textes
Qualités des médias (images, sons, animations, vidéos...)
Homogénéité visuelle dans l'ensemble du produit
Régularité des mises à jour des textes
Identification des sources textes et images
Identification des auteurs
Contenus extérieurs
Non présence de publicité
Présence de liens vers l'extérieur
Pertinence des contenus extérieurs
Pas de gène occasionnée par les contenus extérieurs
Qualités techniques
Adéquation des choix de développement avec le contenu, les objectifs et la cible
Qualité de la sécurité des données (page admin, faille XSS,...)
Qualité technique de la réalisation
Pas d'erreur 404 (interne)
Pas de liens mort (externe)
Utilisation d'une police système
Présence d'un ascenseur horizontal selon affichage écran type
Hauteur de l'ascenseur vertical
Validation code norme W3C http://jigsaw.w3.org/css-validator
Même affichage avec différents navigateurs
Temps de chargement
Efficacité du moteur de recherche interne
Accès et fidélisation
Information et coordonnée de l'entreprise propriétaire du site
Possibilités d'agrandir / réduire le texte, accessibilité pour les mal- voyants
Libre, tarifé, limité (en fonction de la cible)
Présence d'un formulaire contact
Version consultable sur PDA et téléphone portable
Qualité des outils de fidélisation (newsletter, réseaux sociaux...)
Commentaires et messages possibles
Présence d'un flux RSS
Traduction en plusieurs langues
Qualité du référencement
Présence dans les moteurs de recherche avec des mots clefs
Présence dans les annuaires DMOZ, Indexa, etc
Déclinaison du noms de domaine (com, fr, net, org, fautes, -. etc)
Présence de liens vers le site dans les blogs, forum, site, réseaux sociaux
Balises title différentes pour chaque page
Balise description différentes pour chaque page
Balise alt différentes pour chaque image
Liens interne sur mots clefs
Pertinence des noms des fichiers html/php/asp
Pertinence des noms des dossiers
Qualité des partenaires

Conclusion

• La navigation est …. (transparente, exploratrice, interactive avec description.
• Le degré d'interactivité est … (nul, moyen, fort avec description)
• Le site utilise l'interactivité de surface (avec description et objectif)
• Le site utilise l'interactivité de profondeur (avec description et objectif)
• La navigation globale comprend les boutons suivants (place, forme,...) …
• La navigation contextuelle comprend les boutons suivants (place, forme,...) …
• L'interactivité s'effectue par ... (lien hypertexte, par bouton texte, par bouton image, par bouton Flash, par moteur de recherche,...)
• Le contenu utilise..... texte.........visuel (image fixe, image animée, dessin, schéma, photo, vidéo).......... auditif (voix-off, musique, bruitage,...)........
• La proportion du contenu est (rapport photo/texte/vidéo, forme, titre, chapeau,...) …
• La métaphore (description de la métaphore)... utilise des formes … des couleurs chaudes/froides … des symboles …des formes douces/dures.
• Les solutions de fidélisation du visiteur sont …
• La qualité du référencement naturel SEO est... (donner la position des différents mots clefs)....
• Le référencement du site SEO est …(donner la position des différents mots clefs dans les différents moteurs de recherche)
  
• Le principe de la convention de nommage des fichiers et des dossiers est....
• Les éléments négatifs du site sont …
• Les éléments positifs du site sont …

Conclusion générale (synthèse)

Pour télécharger le fichier

 

Creative commons BY NC SA