Un site internet, oui... mais optimisé, c'est mieux
où l'on voit que faire un site internet n'est pas si anodin qu'il n'y parait,
et qu'il ne suffit pas de savoir "bidouiller un peu" avant de pouvoir se croire créateur de sites internet.
Nombreux sont ceux qui souhaitent créer leur site internet.
Certains peuvent trouver leur bonheur avec des outils en ligne, tels que : Wix, Jimdo, etc.
Ou encore, avec le fameux moteur CMS " Wordpress "...
Mais créer un site de cette façon, comporte un sérieux problème : le manque de personnalisation et, surtout, d'optimisation.
Nb : Il est vrai que Wordpress propose de nombreux Plug-ins capables de combler ces manques.
Optimisation ? Pour quoi faire ?
Si ce n'est pour plaire aux moteurs de recherche (crawlers) tel que Google, c'est à tout le moins pour ne pas leur déplaire.
Les règles qui régissent le moteur Google, sont définies (à ce jour, 21/08/2018) dans une version nommée "Phantom 5" (février 2017)
Régles à respecter si vous souhaitez voir votre référencement gravir des sommets.
SEO [Search Engine Optimization]
Le simple fait de mettre en ligne ce que l'on voit (créé avec un des systèmes ci-dessus présentés) ne suffit pas.
C'est un peu comme les icebergs : 1/10éme est en surface et les 9/10éme sont sous l'eau...
Alors, lorsque l'on se lance dans l'aventure, il faut consulter et encore consulter le web, afin d'en récupérer toutes les fines substances, qui feront de votre site internet, un site non seulement agréable à l'oeil, mais surtout bien construit.
Oui, mais voilà, on ne trouve jamais tous les résultats au même endroit et, souvent, il est même obligatoire de mettre les mains dans le cambouis afin de faire des essais, pas toujours heureux.
Sur cette page, je vous propose de suivre pas à pas, le montage d'un site internet.
Tout au long de la page, nous l'appellerons : monsite.com
Toutes les explications qui seront données, le seront au même endroit (sur cette page) et, pour un même site... bref, le bonheur.
Il ne vous restera qu'à personnaliser certaines données.
Si votre activité est par exemple "ostéopathe", bien evidemment il sera plus facile de référencer votre site que si l'activité est : vente et location immobilière
Eh oui, la concurrence pour le deuxièm exemple est bien plus rude...
Il ne sera donc pas question dans ce tuto, de garantir à tout prix un référencement pouvant rivaliser avec celui obtenu avec des Google Adwords (entre autres).
On se lance dans l'aventure...
Les explications qui seront données concerneront :
- Web Acappella Responsive [ WARC ] logiciel de création de sites internet
- OVH [ hébergeur désormais incontournable ]
- FREE [ hébergeur sous pages perso ]
- GOOGLE, " LE " moteur de recherche incontournable
Rassurez-vous, ceux qui ne possédent pas cette configuration pourront aisément la transposer selon leurs propres outils.
Quel hébergement pour votre site ?
Un site internet, oui... mais où et comment l'héberger ?
Bon, il faut ici régler au préalable, quelques détails :
- Quel nom pour votre site [ notre exemple = monsite.com ]
- Quel hébergement, quel forfait ?
Si vous possédez un accès à internet, vous le savez peut-être, mais une page Perso (ou plusieurs) est/sont à votre disposition pour héberger votre précieux site.
1 - FREE
Je ne vais parler ici que de Free, dans la mesure où ce FAI [ Fournisseur d'Accès à Internet ] offre un hébergement perso qui comprend la compatibilité de certains langages, notamment le " Php ". En clair : " Si t'as Free, t'as tout compris " (tout est compris dans l'offre).
Php qui vous permettra d'utiliser la fonction Formulaire incluse dans Web Acappella.
Toutefois, il faudra juste régler un détail, une ligne à ajouter dans le fichier " .htaccess ", fichier qui sera à placer au point zéro de votre page perso Free. Voir le réglage de ce point, dans le chapitre : Htaccess
Sinon, le formulaire renverra un message d'erreur, ou à tout le moins, un message qui n'a pas lieu d'être vu.
1) Vous utiliserez votre adresse mail Free, ou en créerez une nouvelle pour l'occasion.
Par exemple : monsite.free.fr [ qui donnera en langage web : http://monsite.free.fr ]
2) Après avoir attendu que cette nouvelle adresse mail se mette en place, il faudra lui accorder le droit d'exister en tant que page perso
Pareil, quelques heures, voire jours, d'attente.
3) Une fois ceci fait, les paramètres Ftp [ File Transfert Protocole ] seront les suivants :
Hôte : monsite.free.fr
Identifiant : monsite
Mot de passe = celui choisi lors de la création de l'adresse mail
2 - OVH
Impossible de ne pas connaître cet hébergeur.
C'est, à mon sens, un peu le FREE des hébergeurs payants. L'offre est compléte, et même la moins chère d'entre-elles, l'offre " Gold ", vous offre de nombreux outils qui satisferont le plus grand nombre.
Ce qui est important à mes yeux et, OVH le propose d'office, c'est le verrouillage anti-transfert des noms de domaine. En effet, combien sont ceux qui se sont fait "piquer" leur nom de domaine.
Pour la sécurité, on communiquera techniquement (adresse mail donné à l'achat) avec une adresse mail n'ayant rien à voir avec le nom du site.
Pourquoi ? Pour éviter, si d'aventure les mots de passe d'un fournisseur sont piqués, que le voleur ne fasse facielemnt le lien avec un site existant.
Récupérez impérativement votre Whois, donnée personnelle qui assure le lien de propriété du site.
Là, on donnera au futur site, un nom d'accès qui en jette (LE fameux " Nom de Domaine ").
Je ne saurais trop vous recommander d'acheter 2 noms de domaine, ou plus précisément, 2 extensions à votre nom de domaine.
On ne sait jamais, si un de vos concurrents s'aperçoit que vous n'avez acheté qu'une des extensions possibles, il pourra acheter la version qui sémera le trouble dans l'esprit des internautes.
Ainsi, dans notre exemple, nous achèterons :
1) monsite.com (version principale avec hébergement, où sera placé le site)
2) monsite.fr (seulement le nom de domaine [sans hébergement], qui sera redirigé vers le nom de domaine principal " www.monsite.com )
Seulement voilà, nous, ce que l'on veut, c'est une adresse de type : www.monsite.com, et l'achat nous procure un : monsite.com
En soi ce n'est pas grave, si ce n'est que les crawlers (tel Google) vont considérer cela comme du contenu dupliqué (voir aussi le chapitre htaccess).
Mais pour l'heure, voyons comment faire, dans le chapitre suivant
Quelle extension pour votre Nom de Domaine ?
Choix Cornélien s'il en est.
On pourrait choisir n'importe quelle extension disponible à l'heure actuelle, il en existe certaines qui ne laissent aucun doute quant au sujet qui sera développé dans le site.
Mais question stratégie, quelle est la mieux ?
Sur notre PlanéteTerre, si on entre seulement le mot du nom de domaine sans son extension, les moteurs vont d'abord chercher (et proposer donc) l'extension en .com, les autres viendront ensuite.
Il est donc judicieux de privilégier avant tout les extensions de domaine en .com
Oui... mais.... n'oublions pas les petits malins spécialisés dans la duperie. Ainsi, ceux-ci recherchent des noms de domaine n'ayant qu'une extension, et déposent un domaine avec une autre extension dans le seul but de créer la confusion envers les internautes.
Autre possibilité, vous déposez une extension autre que .com, et quelqu'un d'autre (malin et/ou innocent) dépose le même domaine, mais avec l'extension .com
Eh bien, lors de recherches, c'est lui qui sera mieux placé, pour peu qu'il ait fait un boulot correct de SEO.
Alors ?
J'fais quoi moi dans tout ça me direz-vous ?.
Je ne saurais trop que conseiller de prendre une extension en .com assortie d'une autre extension (en .fr par exemple).
Nb : Dans cet exemple, le .fr (sans hébérgement spécifique) étant redirigé vers le .com
Et voilà, stratégie quand tu nous tiens.
Un site http ou https ?
Vous le savez, lorsque l'on voit un "s" à la fin de http, cela signifie que le site est sécurisé (petit cadenas)... et encore que...
Info : Il faut savoir, que désormais, les hackers n'hésitent pas à mettre des SSL sur leurs sites copie.
Plusieurs certificats sont possibles : Gratuits, payants, etc.
Bref !
Chez OVH, on peut obtenir un Certificat SSL gratuit (ici, il est noté " Oui ", ce qui signifie que le Certificat est activé)..
De fait, il faudra déclarer toutes les entêtes avec ce fameux https en remplacement de http.
Cela veut dire, qu'il faudra changer également, toutes les adresses des plugins installés, pour les passer également en https.
Un peu de boulot, mais cela vaut le coup. Cela rassure le client lorsqu'il voit le petit cadenas ...
Il faudra aussi mettre le SSL sur l'onglet Multisite d'OVH, si vous avez effectué la Redirection 301 vers votre adresse (écriture) préférée étant celle avec les www.
Ex : www.monsite.com
Exemple : Si la version sans les www est votre version redéfinie par la redirection 301, alors, seul le certificat SSL sur le site sans les www, sera à activer.
Mais si votre version préféré (voir Redirection 301) est www.monsite.com (et non monsite.com sans les www), alors il vous faudra aussi activer le SSL grâce à l'onglet Multisite (chez OVH), où vous devrez générer également le SSL pour la version www
Ne pas oublier de modifier cela également, dans la Console Search Google...
Mentions Légales, Cookies, CGU, CGV
Il s'agit ici d'informations obligatoires à indiquer sur le site. Les ignorer vous rend passible d'amende et voire même, de peine de prison.
La loi Hamon de 2014 à clairement établi les bases de ces obligations.
Si votre site internet permet l'achat en ligne, il faudra même rajouter des CGV (Conditions Générales de Vente) et peut-être aussi des CGU (Conditions Générales d'Utilisation)
Nb : Bien entendu, il faudra éviter de faire suivre par les moteurs de Recherche, les liens des pages d'erreur, de mentions, de cookies.
Cela encombrerait et desservirait le site plus qu'autre chose.
1) Mentions Légales
Apparté : Il faut savoir, que pour une seule page visible (ex : index.html), il faut en fait au moins créer 8 pages + 3 fichiers spécifiques :
a) Pages à créér :
index.html (la page internet qui doit se voir)
mentions.html
cookies.html
erreur400.html
erreur401.html
erreur403.html
erreur404.html
erreur500.html
b) Fichiers spécifiques (les explications fournies via le menu du site)
sitemap.xml
.htaccess
robot.txt
Donc, sauf pour des sites perso (réservé à un public restreint), il faut créer une page "Mentions Légales",
Page des Mentions Légales, sur laquelle on devra retrouver :
A - Renseignements juridiques
Dirigeant (s) de la société :
SIRET :
RCS :
Forme juridique :
Capital social :
Immatriculation RCS :
Code Activité :
Catégorie :
Siège social :
TVA intracommunautaire :
B - Assurance RC-RD
C - Publication - Editeurs du site
Editeur du site :
Le site xxx est accessible via l'URL www.xxx.fr
et est la propriété exclusive de : xxx
D - Création & Réalisation du site internet
(souvent = un webmaster, une socité de création Web, voire la société elle-même)
E - Hébergement du site internet
F - Coordonnées :
Adresse mail :
G - Données nominatives (loi Informatique & Libertés)
Le traitement des données collectées au travers du site est déclaré auprès de la Commission Nationale Informatique et Libertés (CNIL) en application de la loi n° 78-17 du 6 janvier 1978 relative à l’informatique, aux fichiers et aux libertés.
Les informations nominatives communiquées aux éditeurs par les utilisateurs du site Internet, par les formulaires, questionnaires ou courriels sont obligatoires pour le traitement des demandes.
Conformément à la loi susvisée, vous disposez d’un droit permanent d’accès, de rectification, d’opposition, de suppression et d’information portant sur les données vous concernant auprès de : xxx
Siège social :
Vous pouvez l’exercer en cliquant sur ce lien : email à xxx - droits informatique et liberté
H - Avertissements
Contenu et tarification
Les informations fournies par le site xxx le sont à titre indicatif et constituent une présentation des activités et services proposés à la vente mais ne peuvent en aucun cas revêtir un caractère contractuel.
I - Confidentialité
Il est rappelé les risques inhérents à la transmission électronique des informations notamment en matière de retards, omissions, inexactitudes ou atteinte à la confidentialité des correspondances. L’indication d’une adresse électronique pour l’envoi d’une réponse se fait sous la seule responsabilité de l’intéressé et la responsabilité des éditeurs ne saurait être engagée à quelque titre que ce soit si la confidentialité de l’échange n’était pas assurée, notamment en cas d’indication d’une adresse électronique professionnelle.
J - Virus
De façon générale, il appartient à chaque utilisateur de prendre toutes les mesures appropriées de façon à protéger ses propres données et/ou logiciels de la contamination d’éventuels virus circulant sur Internet. En aucun cas les éditeurs ne pourront être tenus pour responsable des dommages directs ou indirects résultant de l’utilisation du site xxx ou d’autres sites qui leur sont liés.
K - Propriété Intellectuelle
L’ensemble des données figurant sur le site xxx (textes, logos, images, vidéos, sons et contenus multimédias) sont la propriété exclusive des éditeurs et/ou de leurs partenaires et/ou font l’objet d’un droit d’utilisation ou d’exploitation, notament de (ex : www.fotomelia.com et www.fotolia.com), sites d'images libres de droit gratuites ou payantes.
Conformément à l’article L.122-4 du Code de la Propriété Intellectuelle, toute reproduction, représentation, diffusion, en tout ou partie du contenu de ce site sur quelque support ou par tout procédé que ce soit est interdite sans accord écrit et préalable des éditeurs.
Le non respect de cette interdiction constitue une contrefaçon susceptible d’engager la responsabilité civile et pénale du contrefacteur (article L. 335-2 et suivants du code de la Propriété Intellectuelle).
L - Liens Hypertextes (depuis et vers le site xxx)
L’existence de liens sur ce site vers d’autres sites ne constitue pas une validation de ces sites ou de leur contenu. Il appartient à l’internaute d’utiliser ces informations avec discernement et esprit critique. La responsabilité des éditeurs ne saurait être engagée quant aux informations, opinions et recommandations formulées sur les sites des tiers, partenaires et entités juridiquement indépendantes quand bien même elles appartiendraient à un même groupe ou réseau.
Tout lien hypertexte vers le site xxx doit faire l’objet d’une autorisation expresse et préalable des éditeurs et dans tous les cas les pages du site xxx ne doivent pas être imbriquées à l’intérieur des pages d’un autre site, mais accessibles par l’ouverture d’une fenêtre. Le site xxx son contenu et ses éditeurs, sont soumis au droit français.
M - Le site xxx est destiné à l’information des internautes sur le territoire français. Toute utilisation qui en est faite est réputée intervenir sur le territoire français et à ce titre doit respecter la législation française.
Pour tout litige portant sur le site xxx et son contenu, les tribunaux du ressort du siège social des sociétés éditrices sont seuls compétents.
N, etc. - Et tout autre chapitre en fonction de l'activité liée au site internet et la société qu'il représente.
2) Cookies
De nos jours et ce, même involontairement, tous les sites émettent des cookies.
Il faut donc recueillir l'approbation des internautes.
a - Code Html à placer sur l'entête du site (afin qu'il soit présent sur toutes les pages du site)
Nb : Code issu de : silktide.com
<!-- Begin Cookie Consent plugin by Silktide - http://silktide.com/cookieconsent -->
<script type="text/javascript">
window.cookieconsent_options = {"message":"Ce site Web utilise des cookies pour améliorer votre expérience. En poursuivant votre navigation, vous acceptez l'utilisation de ces cookies.","dismiss":"OK","learnMore":"Plus d'infos","link":"cookies.html","theme":"light-floating"};
</script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/1.0.10/cookieconsent.min.js"></script>
<!-- End Cookie Consent plugin -->
b - Contenu de la page : cookies.html
(exemple parmi tant d'autres).
La technologie de construction du site utilise des cookies, mais ceux-ci ne sont ni traités ni utilisés à postériori (à titre personnel de la visite de l'internaute).
Le visiteur n'est donc en aucun cas "tracé" via ce site internet.
Seuls les cookies de statistiques Google Analytics peuvent servir - de manière totalement anonyme - à une étude d'origine des visites.
Voir "Ce que dit la Loi" (CNIL) : https://www.cnil.fr/fr/cookies-traceurs-que-dit-la-loi
Redirection 301
Il faut donc rediriger le contenu de monsite.com vers www.monsite.com afin d'éviter la fameuse erreur redirection 301.
Eh oui, les crawlers considérant alors le contenu comme dupliqué (une fois sur monsite.com et une fois sur www.monsite.com).
Alors que pour optimiser le référencement, il ne faut le faire que sur un contenu (www.monsite.com)
Et plus encore, il faudra aussi rediriger monsite.fr et www.monsite.fr vers www.monsite.com
Arghh, ça en fait des choses à faire... Pas de panique, tonton Yao est là pour vous aider.
On peut régler la chose de différentes façons :
a - Via une écriture de code(s) dans le fichier .htaccess [ Nb : WARC possède un éditeur de .htaccess ]
Voir cette méthode dans le chapitre htaccess
b - Et/ou, sur l'espace client d'OVH
1) Choisissez le produit monsite.com dans la colonne de gauche
2) Puis, cliquez sur l'onglet Redirection
3) Cliquez sur le bouton (à droite) : Ajouter une redirection
Suivez alors les instructions afin de rajouter une redirection visible permanente (301) de : monsite.com vers www.monsite.com
Sur l'image au-dessus, on voit alors cette redirection apparaitre (la dernière tout en bas)
4) Refaire la même chose, avec le produit : monsite.fr
Cette fois, le but est de rediriger :
a) monsite.fr vers www.monsite.fr
b) www.monsite.fr vers www.monsite.com
Et ce, toujours en Redirection Visible Permanente (301)
Si on résume, on obtient bien :
- monsite.com vers www.monsite.com
- monsite.fr vers www.monsite.fr
- www.monsite.fr vers www.monsite.com
C'est donc bien www.monsite.com qui commande la manoeuvre
Nb : On pourra aussi doubler ces redirections, par une commande dans le fichier .htacces : voir le chapitre htaccess
Du coup, il faut signaler ce changement sur la Console Search de Google, dans la propriété avec les www, menu "Paramétres du Site".
Voir image ci-dessous :
À ce point des choses, je vous conseille vivement de créer (si ce n'est déjà fait), une adresse technique sous Gmail, afin d'avoir accès aux différents outils proposés par Google.
De plus, ceci aura pour effet de ne pas "polluer" votre adresse "commerciale".
Par exemple, la Search Console [ anciennement : Outils Google pour les Webmasters ], qui permet de :
- Gérer (ouvrir un compte) les 4 propriétés (monsite.com; monsite.fr, www.monsite.com, www.monsite.fr
- Définir quellle est votre version préférée (dans notre cas = www.monsite.com)
- etc.
ERREURS : 401, 403, 404, 414, 500
Qui n'a jamais été confronté à un message d'erreur du type : 401, 403, 404, 414, 500, etc.
Sur votre site, je vous conseille de créer une page par numéro d'erreur (ex : erreur404.html).
Vous définirez ces urls également dans votre fichier .htaccess (voir plus bas).
Ainsi, vos visiteurs confrontés à une de ces erreurs, resteront sur votre site (avec son menu) avec un message de prévention ad-hoc.
Définition "personnalisées" des (principaux) codes d'erreur, à indiquer sur chacune des pages concernées :
Erreur 401 : Utilisateur non authentifié (Nb : dans le cas où vous auriez défini un espace protégé par mot de passe)
Erreur 403 : accès refusé
Erreur 404 : page introuvable, merci de vérifier votre saisie (testez votre site avec le lien indexxx.html, ou une url n'existant pas sur votre site)
Erreur 414 : requête Url trop longue
Erreur 500 : erreur interne du serveur
Résumé : On crée une page pour chacune de ces erreurs, puis :
- On indique sur le fichier robots.txt, que les robots ne doivent pas indexer ces pages (voir ici)
- On indique sur le fichier .htaccess (voir ici), les pages qui renseigneront les visiteurs sur leur sort
- Bien évidement, on n'indique pas ces pages dans le sitemap.xml (voir ici)
SEO.... S.O.S
SEO, pour "Search Engine Optimization"
Si vous croyez qu'on en a fini, détrompez-vous...
Bon, on a fixé nos redirections, bien !
Il faut maintenant optimiser le référencement de façon manuelle. C'est le SEO Manuel (gratuit), appelé aussi " Référencement Naturel ", en opposition avec le référencement payant (tels les Google Adwords).
Le référencement actuel (Google Phantom 5) tient énormément compte de ce qui est indiqué dans le "Titre" et dans la "Description" des pages.
Inutile de dire que ces si indications sont couplées avec un contenu en adéquation (sur la page index surtout), on a de fortes chances que le référencement remonte.
Si vous observez le code source de certaines pages, vous remarquerez des lignes de codes qui vont vous interpeller, car ayant trait au site dont on parle, mais sans savoir comment ni où elles ont pu être placées... Il s'agit d'ajouts manuels.
Ces "ajouts" peuvent se faire :
- Sur l'entièreté du site
- Sur une et/ou plusieurs pages sélectionnée(s)
a) - Sur l'entiéreté du site
Sur WARC, c'est avec "Paramétres du Projet", que l'on peut régler :
- Le nom de la page. Mais il vaut mieux fixer le nom des pages une par une, et non sur l'entiéreté du site.
- Le Titre (s'appliquera à l'ensemble des pages du site, ce qui n'est pas forcément recommandé)
Exemple : La Compagnie des P'tites Pâtes - Pâtisserie en tous genres - Accueil
- La Description (s'appliquera à l'ensemble des pages du site, ce qui n'est pas forcément recommandé, mais moins critique que pour le Titre)
Exemple : Nous vous proposons nos pâtisseries faites maison, venez dans nos ateliers durant lesquels vous préparerez vos propres pâtisseries
- Les Mots clés du site (ça eu payé, mais ça paye plus)
- Ignorer la page dans les moteurs de recherche
pas de bol, en fait WARC a désactivé cette fonction, il faudra donc s'en remettre à Robots.txt, voir le chapitre Robos.txt ici
- Édition du code Html (se placera dans l'entête de votre page. Hypra important).
- Créer le fichier .htaccess sur le serveur (idée géniale que de proposer cette option)
- Code de votre compte Google Analytics (si vous avez bien suivi, avec votre adresse technique Gmail, ce sera possible de créer ce compte)
- Favicon : C'est la petite image qui se met à gauche de l'adresse URL de votre site. Des outils existent sur le Net.
Cliquez sur l'image ci-dessous pour l'agrandir
Comme dit plus haut, on peut ajouter du code. Sur l'entiéreté du site, je propose ceci :
<link rel="canonical" href="http://www.monsite.com" /> Nb : Ahhhh, la fameuse adresse Canonical (préférée) Nb : Voir la page d'aide Google
<link href="https://plus.google.com/+Nombre-ou-Cpte-Google-Plus" rel="publisher" /> Nb : Google aime Google
<meta name="author" content="remplacer par vos données personnelles" /> Exemple : Compagnie des p'tites pâtes
<meta name="copyright" content="contenu identique à ci-dessus" />
<meta name="revisit-after" content="21 days" /> Vaut mieux pas trop chatouiller Google. Et encore, il faut mettre à jour entre temps !
<meta name="identifier-url" content="http://www.monsite.com/" />
<meta name="publisher" content="contenu identique à la balise author" />
<meta name="date-creation-ddmmyyyy" content="jjmmaaaa" /> Nb : date de mise en ligne
<meta name="robots" content="index, follow" />
<meta name="Rating" content="General" />
<meta name="Category" content="remplacer par vos données personnelles" /> Exemple : Patisserie
<meta name="organization" content="contenu identique à la balise author" />
<meta name="Classification" content="contenu identique à la balise catégorie" /> Exemple : Patisserie
<meta http-equiv="Content-Language" content="fr" />
<meta name="location" content="France, FRANCE" />
<meta name="expires" content="never" /> Bon, à sa mort, un webmaster ne peut plus enrichir le site, c'est évident
<meta name="date-revision-ddmmyyyy" content="jjmmaaa" /> Nb : au moins + 21 jours de la date de création
<meta name="Distribution" content="Global" />
<meta name="Audience" content="General" />
Nb : les données en bleu (sauf les liens d'aide) sont à remplacer par vos données, les données en vert sont des annotations
Et oui, vous pouvez faire un copier/coller, mais vous devrez effacer les textes écrits en vert.
Nb1 : Au besoin, remplacer le http en https
Nb2 : Il se peut que votre version préférée (lien canonique) soit la version sans les www. Modifer au besoin.
b) - Page par page
Sur WARC, c'est avec "Propriétés de la Page", que l'on peut régler :
- Le nom de la page. Exemple : index (ce qui donnera index.html)
- Le Titre (s'appliquera à la seule page en cours de travail. Ce qui très bien si l'on veut appliquer des contenus différents pour chaque page, ce qui améliorera le référencement naturel. (faire en sorte que les mots de ce titre apparaissent sur votre page index.html)
Exemple : La Compagnie des P'tites Pâtes - Pâtisserie en tous genres
- La Description (s'appliquera à la seule page en cours de travail. Ce qui très bien si l'on veut appliquer des contenus différents pour chaque page, ce qui améliorera le référencement naturel)(faire en sorte que les mots de ce titre apparaissent sur votre page index.html)
Exemple : Nous vous proposons nos pâtisseries faites maison, ainsi que des ateliers dans lesquels vous préparerez vos propres pâtisseries
Et, sur une autre page : Les P'tites Pâtes, pâtisseries faites maison. Dans nos ateliers, préparez vous à la Pât' Art
Laissez parler votre imagination...
- Les Mots clés du site (ça eu payé, mais ça paye plus)
- Ignorer la page dans les moteurs de recherche
pas de bol, en fait WARC a désactivé cette fonction, il faudra donc s'en remettre à Robots.txt, voir le chapitre Robos.txt ici
- Édition du code Html (se placera dans l'entête de votre page. Hypra important)
Cliquez sur l'image ci-dessous pour l'agrandir
b) - Sur une et/ou plusieurs pages sélectionnée(s) :
On pourra rajouter des scripts, qui ne doivent pas être répercutés sur l'ensemble du site, mais seulement sur une ou plusieurs page(s).
Par exemple, avez-vous remarqué qu'en descendant dans la page, on aperçoit une petite flèche en bas à gauche, qui permet de remonter en haut de page. Il s'agit d'un javascript que vous pourrez aisément placer sur votre site.
Il vous faudra aussi rajouter à l'aide d'un logiciel de transfert Ftp, les fichiers suivants (clic ici pour les télécharger) :
- jquery.js
- return_on_top.png (que vous pouvez retoucher)
- returnOnTop.css
- returnOnTop.js
Voici le script à placer dans la zone " Édition du Code Html " (voir image ci-dessus) :
<link type="text/css" rel="stylesheet" href="returnOnTop.css" media="all" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="returnOnTop.js"></script>
Titre, Description, mots nuage, bien nommer ses images
- One Page : L'assurance d'un contenu riche pour le SEO
Auparavant, il y avait une page accueil et plusieurs pages pour le contenu. Mais cette technique ne convient plus.
Il est préférable de placer l'entiéreté des arguments (corps de texte) dans une seule et unique page, la page : index.
Nb : évidemment, on continue à créer des pages pour les mentions, RGPD, etc.
Ainsi, avec cette "One Page" contenant au moins 500 mots et, ceux-ci en rapport avec le titre et la description, on augmente les chances d'avoir de bons mots nuage référencés.
- Les " mots nuage "
Auparavant, il suffisait d'entrer des mots clés dans une balise metatags Keywords. Cette pratique n'a plus cours.
En effet, les contenus de cette balise ne reflétaient parfois pas vraiment le contenu d'un site.
C'est pour quoi, désormais, les Mots Nuage ont pris le relais.
En gros, plus de fois vous placerez le mot " mon-mot ", au plus il sera considéré comme un mot fort du site. Un Mot Nuage...
Donc, on pourra appliquer une redondance sur certains mots afin de les rendre "nuage", sans non plus vouloir trop forcer, ce qui dérangerait Google.
Attention, il ne s'agit pas d'en mettre partout à tort et à travers, la cohérence d'un texte étant analysé par les crawlers.
Nb : Les sites "One Page" (une seule page pour plusieurs chapitres), favorisent donc le listage de ces mots Nuage.
- Titre et Description
Avec le cahier Google Phantom 5, le titre de la page et la description, jouent un énorme rôle dans le SEO.
Pour le titre : compter ~70 caractéres (600 pixels)
Pour la description : compter ~160 caractéres
Petite astuce pour mieux créer ses 2 arguments :
Admettons, que monsite.com soit en fait boucheriesanszos.fr
Dans le titre, on va placer des mots ayant rapport au métier. dans la description, des mots en rapport avec l'activité.
Ainsi, on est sûr de convenir à tout type de mots que rechercheront les internautes.
Exemple :
Titre : Boucherie Sans Os, boucher charcutier de pére en fils, traiteur. Ozons La Ferrière
Description : Boucherie, charcuterie, plats cuisinés, plats préparés, plats à emporter, petite restauration. Viandes locales de qualité.
- Bien nommer ses images
Bien nommer ses images, participe également à un bon SEO
Ainsi, on débutera le nom des images par : monsite
Du coup, on peut peut peaufiner le nom d'ne image. Exemple : boucheriesanzos-pitco-boucherie.jpg
Et ainsi de suite... Voir aussi ce chapitre
Autres conseils en SEO
Réseaux sociaux & Backlinks (liens croisés)
Sacha Guitry disait : Que l'on dise du bien ou du mal de moi, l'important c'est qu'on en parle !
Pour le Web il en va de même. Inscrivez votre site sur des réseaux sociaux, et faites des liens sur votre site (avec des zolies zicônes).
Demandez à d'autres sites-ami(s) de mettre un lien vers le vôtre.
En jargon des webmasters, on appelle cela des : backlinks (in french = liens croisés
Si vous possedez un N° SIREN (vous êtes un professionnel déclaré), renseignez votre site internet sur societe.com, verif.com, etc.
C'est à dire sur les sites administratifs.
Les Balises H1 à H6
Structurer l'ordonnancement des paragraphes en fonction de leur importance aux yeux d'une éventuelle recherche est primordial.
Ainsi, par exemple, on pourrait avoir 4 lignes de textes (paragraphes) définissant l'objet de notre site, à savoir vendre un apprtement :
Ligne 1 : à vendre, bel appartement T3 de 65m2 sur Ville 99999
Ligne 2 : Séjour de 25m2, parquetté, Cuisine équipée
Ligne 3 : Balcon de 6m2 orienté sud-ouest, Garage privé, Parking privé, Cave, Ascenseur
Ligne 4 : Prix : 185000€ net vendeur
Mots de ces lignes qui deviendront à coup sûr, des mots Nuage !
Et bien dans WARC, on "balisera" la ligne1 en H1, la ligne2 en H2, la ligne3 en H3, la ligne4 en H4
Le but, démontrer aux robots crawler tel Google, quels sont les mots importants de notre site, en attribuant un "heading" via l'outil Texte.
Ce qui nous donnera (pour cet exemple) :
Textes alternatifs sur les images
Une autre chose à faire, très importante, est de donner un texte alternatif à chacune des images du site.
Ne vous gênez surtout pas à nommer vos images de façon à ce que les crawlers en prennent plein la figure.
Par exemple : Si vous nommez votre image comme ceci : monsite-rubrique-belle-image.jpg
Le texte alternatif pourra être (tous caractères, même les accentués) : monsite rubrique de cette image libellé de l'image
En clair, un exemple : monsite ateliers préparatifs de la pâte img001
Encore un moyen d'augmenter la présence ET le référencement des mots sensibles liés à votre site.
Bon, y'a encore plein de trucs utiles, mais là, on est déjà pas mal, non ?
Et par pitié, soignez la grammaire et l'orthographe.
Robots.txt, késako ?
Le fichier robots.txt est éditable au sein de WARC, mais je préfére construire les fichiers Robots.txt, Sitemap.xml et htaccess, "à la main".
On peut les construire très facilement, perso j'utilise l'outil d'édition : smultron
Mais un simple éditeur de texte fera l'affaire.
Le principal intérêt de ce fichier est d'indiquer aux robots crawler (ex : Google) les pages qu'il ne faut pas référencer.
Voici un exemple d'édition :
User-agent: *
Disallow:
Disallow: /votre-page-1-a-ne-pas-referencer.html
Disallow: /votre-page-2-a-ne-pas-referencer.html
Disallow: /votre-page-3-a-ne-pas-referencer.html
Disallow: /etc-a-ne-pas-referencer.html
Disallow: /erreur404.html Nb : ainsi que les autres pages d'erreur, cela ne servirait à rien de les référencer
Sitemap: http://www.monsite.com/sitemap.xml
On voit sur la dernière ligne, que l'on indique aux robots (Google, etc.) où trouver notre sitemap.xml
Il faudra aussi déclarer ce sitemap.xml au sein de le Search Console : voir ici
Nb1 : les données en bleu sont à remplacer par vos données, les données en vert sont des annotations
Nb2 : Pensez à créer des pages d'erreur, en y mettant un petit texte sympa : erreur.html (pour les erreurs 401, 403, 404, 414, 500 voir le chapitre .htaccess)
Avec le fichier .htacces, on pourra ainsi indiquer que l'internaute a fait une erreur de saisie d'une page non existante (erreur 404) dans le fichier sitemap.xml qui lui, répertorie le plan des pages existant sur votre site.
Nb3 : L'astérisque < * > après User-agent, signifie que l'on s'adresse à tous les robots crawler
Nb4 : Disallow = ne pas autoriser
On placera ce fichier robots.txt, à l'aide d'un logiel de Ftp, sur le niveau zéro du site " www.monsite.com ". Nb : dossier = www/
Sitemap.xml, pourquoi faire ?
Sitemap.xml. Demandez l'programme !
On vient d'indiquer à l'aide du fichier robots.txt, quelles étaient les pages qui ne devaient pas être référencées par les robots crawler.
Il s'agit maintenant d'indiquer quelles sont les " bonnes " pages de votre site, afin que, si par une mauvaise saisie par exemple, on tape une page erronée, l'erreur 404 soit retournée.
Nb : On a vu qu'il valait mieux construire une page 404 et qu'il fallait ne pas la faire répertorier par les robots crawler.
Important : Il ne sert à rien de déclarer toutes les pages d'un site dans le sitemap.
En effet, seules les pages pertinentes (index, etc.) sont à référencer en vérité.
Il ne sert à rein de référencer les pages telles que : mentions, cokkies, erreurs, etc.
Et ceci, afin de ne pas encombrer les pages référencées (Google n'aime pas trop et les internautes seront perdus dans cette jungle).
Donc, les pages à référencer dans le sitemap = toutes les pages du site moins les pages déclarées comme à ne pas suivre (disallow) dans le fichier robots.txt
De la même façon que le fichier robots.txt, on peut facilement éditer le fichier sitemap.xml, dont voici un exemple :
<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9 http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd" xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
<url>
<loc>http://www.monsite.com/index.html</loc>
</url>
<url>
<loc>http://www.monsite.com/mapage1-pertinente.html</loc>
</url>
<url>
<loc>http://www.monsite.com/mapage2-pertinente.html</loc>
</url>
<url>
<loc>http://www.monsite.com/jusqu-a-ma-derniere-page-pertinente.html</loc>
</url>
</urlset>
Nb1 : Les données en bleu sont à remplacer par vos propres données
Nb2 : Ne rien changer aux 3 premières lignes
Nb3 : On voit que chaque ligne de page.html, se retrouve comme prise " en sandwich " entre une ligne (balise) <url> et la fermeture de cette balise </url>
La fin du fichier étant clôturé par la balise </urlset>, elle même ouverte en 2ème ligne
On placera ce fichier sitemap.xml, à l'aide d'un logiel de Ftp, sur le niveau zéro du site " www.monsite.com ". Nb : dossier = www/
.htaccess & .htpasswd.... euh, ça sertà quoi ?
.htaccess, pour gérer le site dès son lancement. Moi, j'ACHETE !
La première chose qui est lue sur un site, c'est ce fameux fichier " .htaccess "
Vous comprendrez alors aisément son importance, même si certains la minimisent.
Comme dit plus haut, les robots crawler ont une sainte horreur des contenus dupliqués (Duplicate Content)
Il existe d'autres erreurs que la 301 (voir plus haut), dont la fameuse " Erreur 404 " aussi appelée " Page non trouvée ", que chacun s'est vu rétorqué sur l'écran, plusieurs fois dans son existence d'internaute.
Dans sa grande bonté, WARC a placé sur la page " Paramétres du Projet ", la possibilité d'éditer (et donc de transférer sur son site) le fichier .htaccess. Moi je dis " Bravo ! "
Mais, on ne change pas les vieilles mules, je reste encore à la bonne vieille méthode de l'éditeur.
Si on édite un fichier .htaccess à la main avec un simple éditeur de texte ou (en qui me concerne, avec Smultron), on doit d'abord le nommer en htaccess.txt (htaccess avec Smultron).
Puis il faut ensuite le téléverser sur le niveau zéro du site
Enfin, à l'aide de l'outil ad hoc de votre logiciel Ftp, renommer en .htaccess (avec le point au début et en enlevant l'extension .txt)
Rappel : Voir le chapitre SEO, section = a) : Sur l'entièreté du site
Exemple d'édition d'un fichier .htaccess, dans le cadre de notre site " www.monsite.com " :
ErrorDocument 401 /erreur401.html
ErrorDocument 403 /erreur403.html
ErrorDocument 404 /erreur404.html
ErrorDocument 414 /erreur414.html
ErrorDocument 500 /erreur500.html
Options +FollowSymlinks
RewriteEngine on
RewriteCond %{HTTP_HOST} ^monsite.com$
RewriteRule ^(.*) http://www.monsite.com/$1 [QSA,L,R=301]
Nb1 : Les données en bleu, sont à remplacer par vos propres données
Nb2 : Les 4 premières lignes, indiquent la conduite à tenir en cas d'erreur. (Voir ce lien : Liste des codes d'Erreur)
Nb3 : Les 4 dernières lignes, indiquent qu'il faut considérer la version www.monsite.com comme redirection de monsite.com
Nb4 : On pourrait penser que cela rentre en redondance avec la façon de faire démontrée avec les redirections sur l'espace OVH, mais après tout, on est jamais assez prudent.
FREE : Le cas à part
Comme dit plus haut, FREE comprend le Php, ce qui fait que vous pouvez placer un formulaire de contact sur votre site hébergé sur une page perso Free. Mais il faut rajouter 3 lignes au fichier .htaccess (l'endroit où placer ces lignes n'a pas d'importance) :
Anciennement :
<IfDefine Free>
php 1
</IfDefine>
à compter de juillet 2015, déploiement de php 5.6.8, ce qui donnera :
<IfDefine Free>
php56 1
</IfDefine>
Ce qui donne, rajouté à notre première mouture (Php 5.6.8) :
<IfDefine Free>
php56 1
</IfDefine>
ErrorDocument 401 /erreur401.html
ErrorDocument 403 /erreur403.html
ErrorDocument 404 /erreur404.html
ErrorDocument 414 /erreur414.html
ErrorDocument 414 /erreur500.html
Options +FollowSymlinks
RewriteEngine on
RewriteCond %{HTTP_HOST} ^monsite.com$
RewriteRule ^(.*) http://www.monsite.com/$1 [QSA,L,R=301]
.htpasswd - Une option pour gérer les autorisations d'accès au site
Bon, très bien ce fichier .htaccess, mais on peut faire mieux.
Protéger son site et ne permettre l'accès qu'à des personnes triées sur le volet (faut pas le repeindre juste avant, c'est tout).
On va allier un fichier (.htpasswd) au fichier .htaccess
Sur ce fichier .htpasswd, vont être répertoriés les identifiants et mot de passe attribués à chacune des personnes autorisées.
Avec un éditeur de texte (moi, toujours sous Smultron), on entre les couples Id:password de la façon suivantes :
identifiant;motdepassecrypté
On remarque que 2 points " : " séparent l'identifiant du password, bien.
Je viens d'écrire plus haut que le password était crypté, la belle affaire, mais comment ?
Avec ce lien Url (outil OVH), vous pourrez générer autant de " couples " que vous voudrez : https://www.ovh.com/fr/support/outils/crypt_password.pl
Cerise sur le gâteau, vous pouvez indiquer une clé de cryptage (en 2 caractères) pour corser l'affaire
Intuisphere (WA) vous propose également un tuto sur la protection avec .htpasswd : https://blogwebacappella.fr/2013/04/18/astuce-webacappella-expert-protegez-vos-pages-avec-un-mot-de-passe-cote-serveur/
Exercice pratique
Admettons que je veuille donner à un dénommé Alain, un droit d'accès avec comme identifiant admin
et comme mot de passe salut
Voici la capture d'écran de l'entrée de ce couple dans l'image ci-contre à droite
Dans l'éditeur, on écrira donc :
alain:sa0Vcvp7EZBbc
Et ainsi de suite pour les autres personnes autorisées... par exemple :
alain:sa0Vcvp7EZBbc
marceline:li7VkOD7t8iYQ
identifiantsuivant:motdepassecryptésuivant
(ne pas oublier le retour charriot)
Concrétement, le fichier .htaccess devra donner quelque chose comme ceci :
AuthUserFile "/home/votre-identifiant-ftp-OVH/www/.htpasswd"
AuthGroupFile /dev/null
AuthName "Monsite.com demande un Identifiant et un Mot de Passe"
AuthType Basic
Order Deny,Allow
require valid-user
ErrorDocument 401 /erreur401.html
ErrorDocument 403 /erreur403.html
ErrorDocument 404 /erreur404.html
ErrorDocument 414 /erreur414.html
ErrorDocument 500 /erreur500.html
Et le fichier .htpasswd
Nb : pseudo séparé du code généré, par le signe :
alain:sa0Vcvp7EZBbc
marceline:li7VkOD7t8iYQ
ainsi de suite
Il ne faudra pas oublier de faire un retour charriot, sinon la demande de mot de passe va tourner en boucle, sans jamais vous laisser entrer : (
On sauve donc ce fichier htpasswd.txt........................................................Oui mais non....
Un petit malin aura vite fait de chercher des fichiers .htpawwsd et de démasquer les listes des personnes autorisées.
Alors on va corser l'affaire, en donnant à ce fichier un nom compltément dézingué au lieu de htpasswd.
Par exemple : vazymoncococassetoilesdentssurcenomdefichier (Nb : ou toute autre invention de votre part).
On téléverse le fichier sur notre site avec un logiciel Ftp, au niveau zéro, on n'oublie pas de mettre un point devant et d'enlever l'estension (txt dans notre cas)
Il nous faut désormais connâitre, quel est le chemin absolu de notre site. Car si, usuellement on pourrait placer " /www ", il arrive qu'il n'en va pas toujours ainsi.
Par exemple, chez OVH, votre chemin absolu devrait plutot être comme suit : /home/votre-identifiant-ftp-OVH/www
Télécharger ce fichier (puis dézippez-le) : chemin-absolu.php, qui ne contient en fait que le code suivant :
<?php
echo realpath("chemin-absolu.php");
?>
Placez-le sur le niveau zéro du site, dans notre exemple : www.monsite.com
Dans un navigateur Web, accèder à ce fichier via l'Url : www.monsite.com/chemin-absolu.php
Et là, ô surprise, vous aurez votre chemin absolu qui va s'afficher.
On prendra ici, l'exemple d'un chemin absolu du site placé chez OVH : /home/votre-identifiant-ftp/www/
Ensuite, on va reprendre notre fichier .htaccess (qui devrait à ce stade des opérations, être comme décrit comme ci-dessous), auquel nous allons rajouter quelques lignes de code (bien faire attention aux apostrophes en début et fin de ligne 1 et 3) :
AuthUserFile "/home/votre-identifiant-ftp-OVH/www/.vazymoncococassetoilesdentssurcenomdefichier"
AuthGroupFile /dev/null
AuthName "Monsite.com demande un Identifiant et un Mot de Passe" (à modifier à votre guise)
AuthType Basic
Order Deny,Allow * voir annotation plus bas
require valid-user
ErrorDocument 401 /erreur401.html
ErrorDocument 403 /erreur403.html
ErrorDocument 404 /erreur404.html
ErrorDocument 414 /erreur414.html
ErrorDocument 500 /erreur500.html
Options +FollowSymlinks
RewriteEngine on
RewriteCond %{HTTP_HOST} ^monsite.com$
RewriteRule ^(.*) http://www.monsite.com/$1 [QSA,L,R=301]
Nb : les données en bleu sont à remplacer par vos données, les données en vert sont des annotations
Eh oui, vous pouvez faire un copier/coller, mais vous devrez effacer les textes écrits en vert.
* Concernant la ligne de code : Order Deny,Allow
- Vous l'enlevez si tout votre site est à protéger
- Vous le laissez, si un sous-dossier ne doit pas etre protégé.
Du fait, on devra créer un autre fichier .htaccess à mettre dans le sous-dossier, avec les lignes de codes suivantes (afin d'autoriser pour tous l'accès au sous-dossier) :
Satisfy Any
Allow from all
Vous en voulez encore plus ?
J'en entends déjà me demander : Oui, mais moi, je ne veux protéger qu'une seule page ?
Ça tombe bien, car cela fonctionne bien avec un seul fichier
Pas de panique, tonton yao vous explique :
Il " suffit " d'indiquer dans une balise <Files> (que l'on fermera ensuite par </Files> of course), quel est le fichier à protéger.
Par exemple, le fichier à protéger de www.monsite.com se nomme fichiersecret.html
La balise sera donc : <Files fichiersecret.html>
Nb : on pourra essayer avec plusieurs fichiers [à tester] : <Files fichiersecret.html fichier2,html fichiersuivant.html>
Il faudra ajouter et/ou remplacer les 6 premières lignes sur notre fichier .htaccess ci-dessous
Nb : en tête du fichier .htaccess, c'est mieux), et conserver le reste déjà écrit bien entendu. Ce qui nous donne au final :
<Files fichiersecret.html>
AuthUserFile /home/votre-identifiant-ftp/www/.vazymoncococassetoilesdentssurcenomdefichier
AuthName Cette page de monsite.com demande un identifiant et un mot de passe
AuthType Basic
require valid-user
</Files>
ErrorDocument 401 /erreur401.html
ErrorDocument 403 /erreur403.html
ErrorDocument 404 /erreur404.html
ErrorDocument 414 /erreur414.html
ErrorDocument 500 /erreur500.html
Options +FollowSymlinks
RewriteEngine on
RewriteCond %{HTTP_HOST} ^monsite.com$
RewriteRule ^(.*) http://www.monsite.com/$1 [QSA,L,R=301]
Nb : les données en bleu sont à remplacer par vos données, les données en vert sont des annotations
PS : Je me suis rendu compte que les apostrophes n'étaient pas obligatoires (à vérifier tout de même).
Rappel : il faudra créer les pages erreur, ne l'oubliez pas...
Ok, d'accord, le fichier htaccess peut protéger un site, mais comment protéger le fichier htaccess lui-même de toute attaque extérieure ?
En rajoutant ceci au début du fichier htaccess :
<files .htaccess>
order allow,deny
deny from all
</files>
Napluska essayer
Récapitualtif du fichier .htaccess bien protégé :
Perso, mon fichier .htacces, ressemble à ceci (voir ci-dessous), en tenant compte du fait que j'autorise par contre les visiteurs à aller sur mon dossier Fablab :
Nb : Les choses écrites en bleu sont à modifier par vos propres données
# Protéger les fichiers .htaccess et .htpasswd
<Files ~ "^.*\.([Hh][Tt][AaPp])">
order allow,deny
deny from all
satisfy all
</Files>
# Autoriser à tous l'accès au répertoire Fablab
<Files "fablab/">
Allow From All
Satisfy Any
</Files>
# Éviter que l'on découvre l'identifiant d'un auteur
<IfModule mod_rewrite.c>
RewriteCond %{QUERY_STRING} ^author=([0-9]*)
RewriteRule .* - [F]
</IfModule>
# Protection contre les injections de fichiers
RewriteCond %{REQUEST_METHOD} GET
RewriteCond %{QUERY_STRING} [a-zA-Z0-9_]=http:// [OR]
RewriteCond %{QUERY_STRING} [a-zA-Z0-9_]=(\.\.//?)+ [OR]
RewriteCond %{QUERY_STRING} [a-zA-Z0-9_]=/([a-z0-9_.]//?)+ [NC]
RewriteRule .* - [F]
# Protections diverses (XSS, clickjacking et MIME-Type sniffing)
<ifModule mod_headers.c>
Header set X-XSS-Protection "1; mode=block"
Header always append X-Frame-Options SAMEORIGIN
Header set X-Content-Type-Options: "nosniff”
</ifModule>
AuthUserFile "/home/votre-identifiant-ftp-OVH/www/.vazymoncococassetoilesdentssurcenomdefichier"
AuthGroupFile /dev/null
AuthName "Monsite.com demande un Identifiant et un Mot de Passe"
AuthType Basic
Order Deny,Allow
require valid-user
ErrorDocument 401 /erreur401.html
ErrorDocument 403 /erreur403.html
ErrorDocument 404 /erreur404.html
ErrorDocument 414 /erreur414.html
ErrorDocument 500 /erreur500.html
Nb : On notera que la redirection 301 n'est pas définie à la fin de ce fihier .htaccess, car définie grâce aux outils de la Google Search Console (Paramétres du Site)
Entre nous, ça ne mange pas de pain de la définir ET dans le fichier .htaccess ET dans les Paramétres du Site de la Console Search.
Bien entendu, au besoin, attention de modifier le http de la dernière ligne, en https
Du coup, ça pourrait donner cec,i en plus, en dessous de la ligne erreur500.html
Options +FollowSymlinks
RewriteEngine on
RewriteCond %{HTTP_HOST} ^monsite.com$
RewriteRule ^(.*) http://www.monsite.com/$1 [QSA,L,R=301]
M'sieur, m'sieur... y'en a qui font rien qu'à m'embêter !
Il se peut (il ne faut être paranoïaque, non plus), que vous soyez embêté parfois, par des personnes que vous voudriez ne plus jamais voir "trainer" sur votre site.
Il " suffit " alors, de bannir : un domaine, leur adresse IP, etc.
Vous trouverez les lignes de codes à rajouter sur le fichier .htacces, chez OVH :
https://www.ovh.com/fr/g1970.mutualise_htaccess_comment_bloquer_certaines_ip_au_niveau_de_mon_site
les outils Google - La cerise sur le gâteau
1) Un Compte Google ou rien !
Avec son cahier des charges Google Phantom 5, Google nous offre des outils qui visent à améliorer le référencement.
Eh oui, après tout, Google aime Google, et si Google rencontre des informations ou outils Google sur votre site, il y a fort à parier que le référencement n'en sera que meilleur.
Donc l'idée et d'abord de se créer un compte Google avec une adresse Google Gmail qui vous servira de compte pour tous les outils Google.
Préambule : Google Business
Si vous êtes commerçant (et/ou pros) avec un SIREN et une adresse localisable, il faudra créer en premier, un compte Google Business.
Si vous n'êtes pas un "pro", vous pouvez passer directement au chapitre suivant.
Vous pourrez ainsi préciser la localisation de votre entreprise dans Google Maps.
Ce n'est qu'une fois le Compte Business créé, qu'il faut demander à le relier à un compte Google+
2) Compte Google+
Puis, une fois l'inscriprion aboutie, à l'aide de l'icone des outils Googlecliquez sur l'icône Google+
Il vous suffira alors de créer ET enrichir votre Compte Google+ (reprenez en gros les termes principaux de votre site)
Car en effet, en indiquant le numéro de ce compte Google dans un code hmtl (voir ci-dessous) :
<link href="https://plus.google.com/xxxxxxxxxxxxxxxxxxxxx" rel="publisher" />
à l'intérieur de la page Paramétres de votre Site WARC, cous créerez une relation intime entre Google et vous.
Nb : Indiquez le numéro obtenu de compte Google+ à la place des x rouges
ATTENTION : Les professionnels disposant d'un compte SIRET, commenceront pas se créer un Compte Google Business, qu'ils pourront relier (par création) à un compte Google+
Sinon, 2 comptes Google+ seront créés.
3 Code Google Analytics
Se créer un compte Google Analytics (ex : UA-xxxxx-x)
Puis renseigner le code créé dans la zone adéquate de la page Paramétres de votre Site WARC
4) Code Google Re-Captcha
Si vous avez installé un formulaire dans votre site, le sécuriser par un Captcha aura 2 finalités.
- Sécuriser le formulaire face aux robots qui cherchent des adresses à spammer
- Encore une fois, améliorer la relation intime entre les outils Google et vous
Avec l'Url de Google Recaptcha (Get reCaptcha) obtenez une double clé de sécurité.
Puis entrez la clé publique et la clé secrete de ce reCaptcha dans les zones appropriées de votre formulaire, après avoir pris soin bien sûr, de cocher la case signalant que vous souhaitez utiliser cette méthode
5) Api Google Maps
Si vous utilisez une localisation via Google Maps dans votre site, il est désormais obligatoire d'obtenir de Google, une clé Api Google pour Maps.
Là encore, la clé obtenue est à entrer dans la page Paramétres de votre Site WARC
6) "La" Console Search de Google (anciennement : Outils Google du webmaster)
Enfin, le top du top, améliorer la façon dont Google doit considérer et indexer votre site : Lien Url de la Google Console Search
Nb : Comme il est complexe de parler de cette Search Console en peu de mots, je vous invite à voir cette vidéo Webrankinfo sur Youtube :
https://www.youtube.com/watch?v=EfmdXCDLEp4&feature=youtu.be
Par cette, image, on voit quels sont les éléments à afficher (sur lesquels intervenir) pour une Propriété clic sur ce lien :
1) Clic sur ce lien
2) Puis, cliquez sur afficher les détails de la propriété, on accéde ainsi à ceci :
Nb : Pour info, j'ai ensuite demandé à ajouté l'icone de la Console Search dans mes outils
a) Enregistrer (Ajouter) une propriété (un site)
En cliquant sur le bouton ad'hoc
Entrer l'adresse de votre site...
Si vous utilisez un sous-dossier (ex : www.monsite.com/sous-dossier)
Ajouter la propriété : www.monsite.com ainsi que la propriété www.monsite.com/sous-dossier
Gérez ensuite vos propriétés
b) Version préférée de la propriété
Il faut signaler à Google, que vous préférez que votre nom de domaine du site soit vu avec des www
Par exemple, le vrai nom de domaine de notre exemple = monsite.com
Il faudra donc préférer : www.monsite.com
c) Déclarez (Envoyer) votre Sitemapl.xml
1) Allez dans la Console Search
2) Puis, cliquez sur "afficher les détails" de la propriété pour laquelle déclarer un sitemap :
3) Puis, cliquer sur le bouton tout en bas, Envoyer un sitemap, et suivre la procédure :
4) Explorer comme Google
En fait, c'est plus qu'une exploration, c'est la porte secréte de Google pour indexer immédiatement votre site, via le robot Google...
Rendez-vous compte, une indexation quasi immédiate !
(comptez de plusieurs minutes à plusieurs heures pour que l'indexation soit effective).
a) Activer votre Search Console, en cliquant d'abord sur l'icône 9 cases donnant accès aux outils de votre compte
Puis sur l'icône Search Console
Vous arrivez sur la fenêtre de vos propriétés... (vos Url enregistrées sur votre Compte Google)
Nb : Dans les images, j'ai effacé les données qui personnalisaient les Url.
b) Sélectionnez la proprité voulue, en cliquant sur son lien "http" (ligne en bleu à côté de l'icône du site)
Vous atteignez une nouvelle fenêtre
c) Dans la colonne de gauche, choisissez : Exploration, puis Explorer comme Google
On a donc, le lien Url de la propriété indiqué, il suffit de cliquer sur le bouton "Explorer et afficher".
d) Dans la nouvelle fenêtre, cliquez sur la case "N'explorer que cette Url" si vous n'avez qu'une Url ou qu'une page à indexer, sinon sur "Explorer avec les liens".
Prouvez que vous n'êtes pas un robot avec la case Re-Captcha, puis validez avec le bouton "envoyer"
Vous obtiendrez alors ceci
d) Vous verrez alors que l'indexation est en cours.
Une fois les mots "indexé" ou "partiel" (de "l'état d'indexation") sont indiqués en vert avec une coche, cliquez sur le bouton "Demander une indexation".
Nb : Partiel = si on demande à indexer une partie du nom de domaine, comme par exemple un sous dossier : http://www.monsite.com/sous-dossier/
Il suffira de patienter, pour que l'indexation soit effective.
Afin de vérifier le résulat de cette indexation (référencement dans Google), on peut utiliser la méthode "site:" décrite dans le chapitre suivant.
On voit bien qu'il est IMPOSSIBLE, voire IMPENSABLE, de ne pas créer un compte Google de nos jours, si l'on souhaite voir son référencement grimper dans les sphères du Net.
Comment Google voit mon site ?
Nb : Une fois indéxé
Pour voir comment vous avez (bien ou non) travaillé, je vous invite à taper une commande dans Google (le moteur de recherche).
Entrer : "site:suivi de votre nom de domaine" (site + 2 points)
Par exemple : "site:www.monsite.com"
Ainsi, vous verrez quelles pages (combien) sont vues et comment elles sont vues par Google.
Exemple : site:www.zarcochiro.fr où l'on voit qu'une seule page (l'index) est référencée, ainsi cela évite la confusion de recherche.
Inutile en effet, comme indiqué plus haut, de référencer les pages telles : mentions-legales, cookies, erreur404, etc.
Nb : Ne pas tenir compte du 1er résultat : êtes vous le propriétaire du site.....
Faites l'essai avec SNCF par exemple, et vous comprendrez comment sont vues les x pages SNCF : site:www.sncf.fr
Cette méthode vous permettra donc de vérifier la qualité du titre et de la description de votre page
Google Adwords ou pas ?
Loin de moi de faire ici un cours complet sur les Google Adwords, cela prendrait des plombes tellement le sujet est complexe, mais voici quelques réfléxions à ce sujet.
Les Google Adwords (Annonce) sont donc des mots achetés chez Google afin de booster les résultats de recherche en fonction des mots de recherche.
Admettons que l'on veuille booster la recherche sur 3 mots que les internautes sont censés chercher en priorité pour trouver monsite.com
Il faudra compter de 100€ à 300€ pour une campagne efficace. Elle peut vite monter à 5000€/an.
Alors, Adwords ou pas ? Pistes de réponse :
Il faut étudier la concurrence sur le secteur? Par exemple, combien de concurrents qui proposent la même chose que monsite.com sur une localisation donnée.
Et quand je dis concurrents, c'est avec ou sans site internet à la clé.
Cette étude s'effectue donc avec Google Maps (et seulement Google Maps SVP).
Par exemple, je recherche dans Google Maps, 3 mots :
coiffure maquillage orleans
Je vais avoir une colonne de gauche qui va s'ouvrir avec les résultats.
Et lorsqu'on y regarde bien, on peut parfois voir sur certains résultats, un cartouche vert "Annonce", qui signifie que le concurrent utilise des Adwords.
Un fois cette concurrence établie, il faut étudier s'ils ont ou non des sites.
Un fois les sites trouvés, il faut étudier le code source de l'entête (head) du site, afin de voir comment le SEO a été optimisé (ou pas) : <Titre> <description> <balises SEO diverses>(comme vu plus haut dans cet article)
Il faut ici noter, que Safari (Apple) propose un menu développeur, où l'on peut éditer les codes sources des sites.
Cas de figure 1 : Si les SEO des sites ne sont pas optimisés, les explications fournies tout au long de ce Falab devraient suffire à mettre monsite.com en bonne place.
Cas de figure 2 : Si les SEO des sites sont optimisés (avec annonce Adwords éventuellement) et, de fait, que la place de la concurrence est bien meilleure que celle de monsite.com, il faudra en passer (si financiérement possible) par les Google Adwords.
Il est évident qu'un calcul de plus-value s'impose. Si vous mettez 100€/mois, et que cela rapporte nada, alors, c'est peine perdue.
Si vous mettez 300€/mois et que cela vous rapporte 700€, votre plus-value est alors de 400€ (700€ - 300€), et là, cela peut effectivement, être intéressant d'acheter des Adwords.
Vouli, voilou, c'est court, mais cela a le mérite d'être clair.
Des liens plus qu'utiles
Des liens plus qu'utiles....
Soit des pages web (tutos, etc.), soit des formations vidéo...
PHISHING
Quelques régles élémentaires, pour contrôler si un mail reçu est un fake ou non : https://www.pictopagina.com/phishing/
Vous voulez être visible sur le Web. Nous voulons vous aider : https://www.google.fr/intl/fr/webmasters/#?modal_active=none
ELEPHORM
Maîtrisez Google+, le réseau social de Google : http://www.elephorm.com/maitriser-google-plus
Maîtrisez Google My Business : http://www.elephorm.com/maitriser-google-my-business
Maîtrisez tout Google Apps : http://www.elephorm.com/maitriser-tout-google-apps
VIDEO BRAIN
Utiliser les outils de Google pour le webmaster : https://www.video2brain.com/fr/tuto/utiliser-les-outils-de-google-pour-le-webmaster
WEBRANKINFO
Google Search Console (ex Webmaster Tools) : http://www.webrankinfo.com/dossiers/gwt#gref
Comment créer un compte Search Console et déclarer son site web : http://www.webrankinfo.com/dossiers/gwt/ajouter-site-search-console
Comment associer Search Console et Google Analytics : http://www.webrankinfo.com/dossiers/gwt/liaison-google-analytics
Gestion des paramètres d'URL dans Google Search Console : http://www.webrankinfo.com/dossiers/gwt/parametres-url
Comment voir les pages indexées par Google : https://www.youtube.com/watch?v=KDmaWUwm8kc
YOUTUBE
Des Tutos Search Console (toutes langues) sur Youtube : https://www.youtube.com/results?search_query=search+console
Conférence [GDG Paris] Search console, un outil Google qui vous veut du bien : https://www.youtube.com/watch?v=WGgyHWPdDeA
Vous êtes arrivé jusqu'ici ? BRAVO !
Ah mes gaillards, vous pensiez que faire un site c'était fastoche, hein !
Alors oui, tout cela c'est du boulot !
Mais faudrait savoir ce que vous voulez : )
Et puis, maintenant, votre site est optimisé (gratuitement) SEO
Envie de me contacter ?
Vous remarquerez la demande CAPTCHA
En bas du formulaire
Plus qu'utile dans la conception d'un site,
si vous ne souhaitez pas voir votre boîte Mail
rapidement saturée de messages non sollicités.
Il suffit de cliquer dans la case,
afin d'indiquer que vous n'êtes pas un Robot,
et, éventuellement, répondre à la demande d'identification d'images
WARC gére automatiquement ce contrôle par CAPTCHA
dans son inspecteur de Formulaire
Il faut indiquer une clé publique + une clé secréte
Cela nécessite donc d'ouvrir un compte Google ReCAPTCHA
Voir la page Google ReCAPTCHA
yao