‹ › ×
    ACCUEIL
    • HEBERGEMENT/LEGAL
      • HEBERGEMENT
      • Extension : .com .fr etc.
      • http ou https ?
      • MENTIONS LEGALES / COOKIES
    • REDIRECTIONS/ERREURS
      • REDIRECTION 301
      • ERREURS 401, 403, 404, 414, 500
    • SEO
      • SEO - Kézaco
      • SEO par Hmtl (sur le site entier)
      • SEO par Hmtl (page par page)
      • SEO - One page, Titre, Description, noms des images, mots nuage
      • SEO - Backlinks, Réseaux Sociaux
      • Les Balises Heading : de H1 à H6
      • Les Textes Alternatifs
    • ROBOTS.TXT & SITEMAP.XML
      • ROBOTS.TXT
      • SITEMAP.XML
    • .HTACCESS & PASSWD
      • .HTACCESS
      • .HTPASSWD sur le site entier
      • .HTPASSWD sur Fichier
      • .HTACCESS BANNIR DES VISITEURS
    • GOOGLE & Co
      • Les Outils Google
      • Google Business
      • Compte Google +
      • Google Analytics
      • Google Re-Captcha
      • Api Google Maps
      • Search Console Google
      • Comment mon site est vu par Google ?
      • Google Adwords ou pas ?
    • LIENS
    • CONTACT
    • iPaiement

    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 ?

     

    Robots.txt, le fichier qui régle la circulation sur votre site

     

    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/

     

     

    GOOGLE

    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

     

    Votre message