Installation. niveau 1

Transcription

1 niveau 1 Pour créer un site wordpress professionnel, vous avez besoin : Un nom de domaine Un hébèrgement Une base de donnée Dés que ceci est réunit, vous pouvez copier votre site via FTP. Ensuite lancer l installation. Voila c est fait il ne reste plus qu à personnaliser votre site. Hebergement Nous utiliserons l hébergeur OVH, celui-ci est le plus répendu. Il suffit de se rendre sur la page d acceuil et choisir votre nom de domaine. Les options utiles : Multidomaine permet d obtenir plus d extension (votresite. XXX) DNS Anycast améliore les performances et la stabilité de votre domaine DNSSEC permet de résoudre une faille de sécurité du protocole DNS. FTP et BDD Pour installer wordpress, vous devez télécharger l archive sur wordpress.com, la décompresser puis la copier sur le serveur via un programme FTP (file transfer protocol) Un programme FTP permet de transferer vos fichiers directement sur un serveur et vice-versa. De la même manière que si vous déplaciez des fichiers localement. Filzila pour PC et Cyberduck pour mac sont des réferences. Lorsque le programme est installé, vous devez vous connecter et entrer le code que OVH vous a fourni par mail. Ensuite copier le contenu du répertoire de l archive décompressée dans le répertoire WWW sur le ftp. Installation L hébergement perso est suffisant dans un premier temps, si le site commence à être trop lent (trop de visite) il faudra changer. 1

2 La connexion à la base de donnée sera le moment ou vous devrez integrer les données de configuraiton de la base de donnée. Elles sont données par OVH Règlages de base Nous allons pour notre part commencer par quelques petites personnalisation. Cliquez sur règlages dans le menu, vous aurrez de nombreuses options. Nous n allons parler que de celle qui sont vraiment utile tout les jours : Dans général : Vous pourrez déterminer le Titre du site et le Slogan. Dans lecture, vous pouvez déterminer si la page d accueil affiche une page statique ou dynamique et la quantité d article qui s affiche par page. Vous pouvez aussi activer ou non votre visibilité pour les moteurs de recherche, vous devrez activer cette option dés que votre site est terminé. Dans option de discussion, vous pouvez déterminer les possibilité d interraction qu on les visiteurs. Sur la plupart des sites standards, autoriser les visiteurs à publier des commentaires sur les derniers articles n est pas activer. Les autres options ne sont pas déterminante pour le moment. Installation 2

3 niveau 1 Structure Structure La structure générale du menu d un site est la suivante : - Accueil : soit un blogging avec les nouveaux soit des infos sur le projet présenté sur le site - Des informations sur notre environement, du blabla de remplissage rempli de mot clé pour le réferencement, des prix gagnés, des détails sur notre matériel, nos inspirations,... - Ce que nous proposons - Un page de contact avec une carte Google Maps Pages ou articles Dans le menu de gauche, vous avez Articles et Pages. En cliquant dessus, vous pourrez voir le titre de toutes vos pages ou articles. La différence entre une page et un article réside dans le fait qu une page est statique et un article est dynamique. Par statique entendez que la page ne changera pas régulièrement, c est la que vous pouvez mettre vos informations personnelles, adresses,... Sur les articles, vous metterez des évenements, des humeurs,... Vous pouvez en créer de nouveaux grâce au bouton ajouter. Saisissez le titre puis complèter le rectangle de la même manière que sur Word. Pour rajouter une image ou une vidéo, il suffit de cliquer sur ajouter un media. Les options sur la droite de la fenêtre ajouter un média vous permetteront d améliorer votre réferencrement via les légendes et description et vous permetteront de déterminer l alignement. Menu En cliquant sur apparence puis sur menus Vous pouvez à présent déterminer dans quel ordre vous voulez que les pages apparaissent. Extension Contact Form 7 est un système de formulaire de contact. Il vous permet de simplifier l insertion de ceux-ci en en rajoutant une simple commande. En l installant, vous verez apparaître un nouvel onglet dans le menu de gauche. En cliquant dessus vous tomber sur la liste des formulaire. Le texte en dessous de shortcode est à copier/coller dans vos pages ou articles afin de l inserer. Si vous cliquez sur le titre, vous pouvez modifier les informations que les personnes peuvent intègrer. N oubliez pas de cliquer sur enregistrer le menu lorsque vous avez terminé. Si votre template vous le permet, vous pourrez ajouter plusieurs menus. Nous y venons au troisième cours. Akismet est un plugin installé de base qui vous permet de limité la quantité de spam si vous souhaitez utiliser utilisez les commentaires, ce plugin est indispensable si vous laissez les commentaires activés. WP Google Maps permet d afficher une carte Google Maps pour situer votre magasin Nextgen Gallery permet de gèrer des galeries facilement. 3

4 Concept du réferencement Maintenant que votre site existe et que vous savez à peu près comment entrer les informations, il va falloir créer du contenu pertinent et visible. Votre site doit être : beau, personne ne reste sur un site qui pique les yeux «user friendly», les fonctions doivent être facile d accès. «Google Friendly», facile d accès pour les robots Google pertinent, les utilisateurs doivent rester sur votre site le plus longtemps possible et y revenir souvent grâce à du contenu de qualité et unique Si vous respectez ces quatre points, votre site sera réussi et sera probablement rapidement visible sur la première page de Google! Beau Un design moderne est une marque de sérieux. De nombreux design professionnels sont accessible sur themeforest.net par exemple. On appelle les design tout fait des template. Généralement il faut passer sur l onglet Apparence>Theme puis Ajouter. Ensuite vous devrez envoyer l archive reçu sur le site où vous avez acheter le thème. User Friendly Avoir un site avec des menus clair et précis est important. Il faut aussi que le contenu soit structurer de manière logique. Par exemple, le bouton contact se trouve toujours à la fin du Menu et Acceuil toujours au début. L utilisation de sous-menu permet d améliorer la lisibiltié du menu si vous avez beaucoup de page. Google Friendly Les robots de Google ne réagissent évidement pas comme les humains. Les robots tendent à nous imiter, mais ils ne sont pas encore capable de lire du texte sur une image par exemple. Nous donnerons de nombreux exemple plus loin dans ce cours. Pertinent Si vos informations sont interessante, les visiteurs liront cellesci avec attention et resteront ainsi plus longtemps sur votre site. Google sait combien de temps les utilisateurs restent et combien de clique ils font. Le but de Google étant de rester le moteur de recheche numéro 1, il a pour but de montrer un contenu le plus intéressant et donc celui auquel les gens portent de l interêt. Si les visiteurs restent sur votre site, cela signifie que le contenu est interessant et Google le mettera alors en avant. C est pourquoi il est important de renouveller souvent ses informations 4

5 niveau 1 All in 1 SEO Ce plugin est très utile de par ses très nombreuses fonctions. Allez dans Feature Manager pour constater la liste des fonctions avancées inclues. XML Sitemaps permet de génerer une table des matières et de la partager automatiquement aux moteurs de recherche Social Media permet de partager plus efficacement avec les réseaux sociaux Robots.txt permet de générer un fichier robot qui indique a Google quelles pages il ne doit pas aller visiter File Editor permet de modifier les fichiers Robots.txt et.htaccess. L htaccess permet de modifier des options au niveau du serveur, il s agit d une option avancée. D autres plugins vont modifier eux-même l htaccess Importer Exporter permet de mémoriser vos options Performance permet d augmenter virtuelles la mémoire RAM du serveur qui est alloué, vous pouvez aussi voir les statistiques performances de votre site. Google Analytics by Yoast Ce plugin vous permet de synchroniser directement votre site avec Analytics et de voir directement vos statistique dessus. Il WP-Optimize Cette extension a comme fonction la plus utile de pouvoir faire de la place dans la base de donnée et ainsi permettre que les accès soit plus rapide SEO Friendly Images Ce plugin permet de générer des balises alt quand elles EWWW Image Optimizer Ce plugin permet d optmiser les images en lossless, il enlève les informations invisible a l oeil nu et ainsi peut faire perdre jusque 70% du poids des image. Il ne s agit pas de redimensionnement. Il est possible redimensionner les images pour les rendre plus légère mais alors vous perdez en qualité d image. Plugin réferencement est utile pour créer la synchronisation (voir setting et suivre la mise en place conseillée) manque, cela permet de limiter le nombre d erreur W3C 5

6 suite + sécurité WP Super Cache Grâce à ce plugin, les fichiers chargé une fois sur le serveur ne seront plus demandé a chaque ouverture de page, elles seront stocké sur l ordinateur du visiteur. Attention néanmoins, si vous faites des modifications et que le site ne se raffraichit pas, c est probablement parce que vous devez temporairement désactiver le cache. Autoptimize Autoptimize minimize vos fichiers de texte et peut aussi utiliser un CDN pour vos médias. Vos fichiers html, css et javascript contienne des caractères qui servent uniquement aux humains : espacement et tabulation UpdraftPlus Backup/Restore Vous permet de sauvegarder vos fichiers et votre base de donnée automatiquement tout les x temps. Directement sur votre Dropbox ou un autre système similaire. 2 avantages : Le site se charge plus vite puisqu il est chargé en partielocalement. Le serveur est moins occupé et peut donc afficher le site a plus de personne sans être surchargé rendent le texte plus lisible, et des commentaires afin de comprendre mieux le contenu. La minization consiste a duppliquer le fichier et enlever tout les caractères inutiles et commentaires et ainsi garder le fichier modifiable et proposer aux navigateurs une version optmisée. Au moindre soucis vous pouvez ainsi récuperer votre site facilement. Tips sécurité Changer le nom de la page wp-admin et wp-login, ainsi les hacker ne tomberont pas dessus facilement. N utiliser ni admin, ni votre nom, ni le nom d utilisateur comme login. Evitez comme password : des mots, des suites de nombre, des dates,... Utilisez un password avec des lettres minuscules ET majuscules, des numéros et des symboles. Minimum 8 caractère 6

7 niveau 1 Le plus courant logiciel d évaluation de qualité de réferencement est Woorank, celui-ci à été créé par une startup belge et utilise un système de pourcentage. En dessous de 60 le réferencement n est pas bon, entre 60 et 70 il est moyen. Notre but est de vous faire dépasser les 70. Contrairement aux autres boîtes de réferencement, nous sommes transparant par rapport au travail que nous fournissons, nous vous proposons donc une liste de ce que nous réalisons pour nos clients. Titre, description, H et Mot clé Ceux-ci permettent de lier les mots clés de votre site à ceux utiliser sur Google. Ainsi dans le titre, la description et les titres doivent être inclu les mots que vont tapper vos clients Contenu Les images et le reste du contenu sont aussi important : le nom de l image et sa description ainsi que sa balise alt permettent de démontrer à Google que votre contenu est pertinent et ainsi Redirection Les redirections permettent principalement à un utilisateur de tomber sur votre site sans les WWW. Sans prévenir le Robot.txt et sitemap.xml Ces fichiers sont utilisés par Google afin d avoir la table des Bon usage W3C Le consortium W3C est un groupement de développeur et organisation qui déterminent ensemble les standards du web, il est important de respecter ces standards. Malheureusement ceux-ci changent tout le temps et il est important de se mettre à jour régulièrement. W3C n aime pas le flash, les balises obselètes (html4), le underscore, les balises alt manquantes et de manière générale toute erreur visible dans votre code. Pour tester votre site il suffit de se rendre sur cette page: Woorank potenciels sur votre site. Les moteurs de recherche prennent en compte 60 lettres pour le titre et 140 lettres pour la description. utile à réferencer. Le placement de mot clé dans le contenu du texte à aussi une importance capitale. serveur, celui-ci va réferencer les deux sites séparer au lieu d additionné l audience et donc la popularité de votre site. matière et de savoir où Google ne peut pas aller. 7

8 Google Trends et ad planner Google Trends permet d analyser des tendances et AdPlanner est prévu pour vous aider à trouver des idées de mots clés. Ces outils sont particulièrément complémentaire, c est pourquoi nous les avons rassemblé. Avec eux vous allez pouvoir déterminer base de quel mot clé nous allons travailler et réndre visible sur ggl Google Trends Google trends permet de comparer le nombre de recherche sur un sujet donnée. Vous pouvez choisir l année et le lieu. Vous pouvez travailler soit avec une expression précises soit avec un concept. Travailler avec un concept tel que USA permettera d assimiler des recherches menant a un même sujet (United State, Etats-Unis,...) Google Adplanner En tappant un mot clé, Google vous dira combien de fois ce mot clé est recherché et quel autre mot clé est lié. La valeur de chaque mot clé sur Adwords (publicité payante) est aussi indiqué à terme indicatif. 8

9 niveau 1 analytics & webmaster tools Ces outils vous permettent d analyser le flux de visiteurs sur votre site internet. Google analytics s interesse au comportement des visiteurs sur votre site internet Google Analytics Un script est a rajouté dans le code du site afin d obtenir les informations. Le plus simple est d installer Google Analytics by Yoast. Google Webmastertools comprend une quantité d options concernant recherche Google et surtout le puissant outils «Requête de recherche» Vous devez au préalable utiliser votre compte Google pour aller sur Analytics( et ainsi créer le compte. Google Webmaster Tools Il ne suffit pas forcément d attaquer le nombre de mot clé le plus utilisé, aussi faut il calculer la concurence. L idéal est souvent de développer une niche à laquelle personne n a pensé. Grâce à Google Webmaster Tools, nous nous sommes rendu compte que en tappant «Taille 158» sur google, Fash n flash était à la première page, ce qui nous a permis de comprendre que des recherches étaient effectuées mais que la concurence était molle, ce qui nous a poussé à continuer dans cette direction. 9

10 Performances Un site lent aura un impact indirect sur votre réferencement : si votre public se lasse d attendre, il ira voir ailleurs et votre taux de rebond augmentera et votre réferencement en patira. Les crawlers de Google navigueront aussi sur plus de page, ce qui permet une meilleure indexation. GTMetrix Ce site permet de tester les deux outils de performances que sont Google Pagespeed Insight et Yahoo Yslow. Cet outils n est pas seulement meilleur pare qu il rassemble les deux (Google Pagespeed est en réalité suffisant dans la plupart des cas). Le plus intéressant est la quantité de détail beaucoup plus importante sur GTMetrix. Le résultat parle de lui-même. Le mieux est probablement de tapper sur Google les problèmes afin de les sollutionner le plus simplement. 10