Home

Tout pour réussir son site web

1. Copyright 2011 Myidees com Page 70 sur 106 Solution 1 un simple lien mailto Son avantage r side dans sa grande simplicit d int gration Juste un lien hypertexte mettre en place l endroit voulu D s qu un utilisateur clique sur ce lien sa messagerie s ouvre ex Outlook Express et permet l envoi d un message l adresse indiqu e dans le lien Ex l adresse sp cifi e tant contact monsite com lt a href mailto contact monsite com gt contact lt a gt L inconv nient majeur est que votre adresse email est expos e la vue de tous et surtout des robots programmes qui scrutent le Web la recherche d adresses mail pour faire du spam Vous allez donc tre spamm courrier ind sirable De plus de nombreuses personnes n ont pas configur leur messagerie interne car elles utilisent la place des Webmails ex laposte net gmail de Google Solution 2 formulaire de contact Son avantage r side dans le fait que votre mail tant invisible vous vitez ainsi de vous faire spammer Mais si votre formulaire n a pas un syst me anti spam rien n emp che les robots de vous spammer Donc choisissez un formulaire de contact qui propose un captcha du type L U B 9 1 Recopiez le texte de l image T l chargez un formulaire de contact optimis en Cliquant ICI Le code du formulaire propos ci dessus a l avantage d tre l ger de fonctionner correctement d tre com
2. Le Club Strat gie a vu le jour en septembre 2009 Mon objectif est d offrir aux membres du Club Strat gie un v ritable raccourci en profitant de mes ann es d exp riences et de recherches A l heure actuelle j ai plusieurs sites web dans diff rentes niches qui me permettent de vivre correctement d Internet Mes gains ne sont pas normes mais assez cons quent pour vivre ma vie d ind pendant que j ai envie de mener Le Club Strat gie n est pas pr t de dispara tre Depuis septembre 2009 je consacre une grande partie de mon temps d velopper ces prestations En lisant s rieusement cet ouvrage et en suivant mes conseils avis s vous allez profiter de mon exp rience et ainsi gagner du temps et de l argent Je vous souhaite une tr s agr able lecture Loi Thiere Joh gt Copyright 2011 Myidees com Page 6 sur 106 Table des mati res Conditions d unlisatioMesasi snien u n 2 Node d emplo de cet ouvrage arrio IROA 3 A e E T E RA A A AE AE NAE A E A E E E 5 Table des Se A dei 0 7 a E E die 8 Comment cr er UN Site Internet sommes 10 1 Site statique ou site dynamique sssssssssssssrrrrrssnrrrressnrrrererrrrsrrenn 10 2 Cr er soi m me son site Web ssssssssssssserrrrrrrrrrrrrenennnunurrrrrerenennrnne 12 3 Utiliser un logiciel tout en UN ssssssessssaussretinses pentes pensent 19 4 Comment vendre des produits num riques 21 5 Comment vendre des produits physiques 26 6 Le co t d u
3. De nombreux templates et modules disponibles Interface d administration simple et claire Support et documentation excellents Faiblesses Attention aux hacking Faites r guli rement des mises jour Programme gourmand en ressources Syst me de gestion des groupes d utilisateurs restreint Certains modules non conformes aux sp cifications W3C En conclusion je dirais que c est un CMS complet de tr s bonne qualit qui n anmoins n est pas tr s simple prendre en main Joomla est privil gier pour la construction d un portail communautaire Pour la r alisation d un site Web classique utilisez une autre solution Si vous avez des besoins standards vous serez s duit par sa mise en place rapide Cependant si vous utilisez des modules tels que le rewriting r criture des URLS pour le r f rencement la gestion des membres la cr ation de groupes d utilisateurs ayant des droits d acc s diff rents la boutique en ligne vous devrez vous armer de patience pas simple maitriser Concernant la mise en place d un forum et de galeries photos il est pr f rable pour des raisons de s curit et de mise jour d utiliser des programmes ind pendants de la base de donn es Joomla Autres Typo3 est certainement aujourd hui le CMS le plus abouti du point de vue des fonctionnalit s dont il dispose mais il est certainement aussi un des plus complexes et des plus difficiles s approprier
4. ALLOPASS vous permet de vendre vos produits partir du prix d un appel t l phonique surtax Le principe est tr s simple le client qui d sire acqu rir votre produit doit selon sa localisation g ographique appeler un num ro de t l phone surtax et vous serez pay via le reversement d une fraction du prix de cet appel Hormis la possibilit de mon tiser vos produits vous pourrez galement e Vous inscrire de nombreux programmes d affiliation mon tis s par cette plateforme e Acheter des codes pour vos propres achats tarif r duit en utilisant vos propres gains L inscription sur la plateforme Allopass est enti rement GRATUITE et tr s rapide Allopass reste un essentiel car de tr s nombreux programmes l utilisent comme option de paiement et les clients appr cient ce service ballopass Ouvrir un compte Allopass Il est galement possible de faire payer vos produits par carte bancaire via la plateforme Allopass concurrence de 50 euros mais celle ci n tant pas sp cialis e dans ce type de transaction les frais sont excessivement lev s pour ne pas dire prohibitifs Pr f rez l utilisation de ce type de mon tisation pour des produits dont le prix n exc de pas une dizaine d euros et limitez vous la proposition d achats de codes par t l phone noter Il existe un autre organisme tr s correct qui propose un service de micro paiement la possibilit de cr er son propre
5. La plus grande erreur que vous pourriez faire serait de cr er un site Web qui aurait une largeur plus importante que la largeur de l cran de la majorit de vos visiteurs tant donn que 90 des internautes utilisent une r solution d cran sup rieure 1024 px de large les designers pr conisent donc de cr er un site Internet occupant un espace de 960 px de large pour 620 px de hauteur Pourquoi 960 px au lieu de 1024 px En cr ant un site de 960 px de large la page appara tra enti rement sans avoir se servir du scrolling horizontal tout en laissant des marges droite et gauche de l cran pour pr senter la couleur du fond d cran Pourquoi 620 px au lieu de 768 px Il faut prendre en compte l espace above the fold c est dire la partie visible de la page sans que l utilisateur n ait besoin de se servir de l ascenseur scrolling vertical Il faut donc retirer la hauteur allou e la barre d outils D Die im Ap ap Om Googe spam anme es us o Ctabete O O ITD aurane Foree regis A Qu Qar er Qa IG parrer mom rere mee CE we ame 150 px Vous pouvez cr er votre site de 2 mani res soit en utilisant des tailles fixes px soit avec des tailles relatives La 2 solution a l avantage d tre flexible mais donne vi rarement un bon r sultat sur tous les navigateurs Je vous recommande d utiliser les tailles fixes et de centrer votre site au milieu de l cran C
6. Vous obtenez des adresses mail opt in de qualit car ce sont vos visiteurs qui ont formul leur accord pour recevoir des informations de votre part et cela n a pas de prix c est un gage de confiance de la part du visiteur et il vous montre son int r t pour votre site ou vos produits Vous allez donc d sormais pouvoir adresser des emails messages publicitaires informations diverses mises jour vos abonn s sans tre accus de faire du spamming r pr hensible Toutefois cela ne vous dispense pas d ajouter en bas de vos newsletters un lien de d sinscription qui reste obligatoire et doit permettre toute personne inscrite votre lettre d informations d annuler son abonnement tout moment Le choix du format Il existe deux formats le texte brut et le HTML Avec un format texte vous pouvez uniquement inclure de la couleur et jouer sur la taille des caract res Une lettre au format HTML est bien plus esth tique car vous pouvez ajouter des images des tableaux de la m me mani re qu une page Web L inconv nient c est que de nombreuses messageries telles que Webmail ou Hotmail d sactivent par d faut l acc s aux images pour am liorer le temps d ouverture de l email Si vous choisissez le format HTML pensez bien int grer des images l g res pour diminuer le temps de chargement respecter la largeur pour viter que vos lecteurs n aient se servir des barres de d filement lar
7. eZPublish est plus facile utiliser que typo3 tout en poss dant un tr s grand nombre de fonctionnalit s Le principal inconv nient de typo3 et eZpublish est qu ils ne disposent pas encore d une importante communaut d utilisateurs particuli rement en France tr s peu de documentations en fran ais Copyright 2011 Myidees com Page 18 sur 106 CMS WordPress D mo Atouts Tr s simple d utilisation Solide communaut active volution r guli re des versions Facilit d dition gr ce son diteur Wysiwyg interne Nombreux th mes plugins Cr ation de pages Web statiques ind pendamment du blog Faiblesses Pas simple positionner sur les moteurs de recherche quoi qu on en dise Personnalisation difficile Bonnes connaissances en XHTML CSS et PHP Documentation compl te uniquement en anglais Je conseille fortement WordPress pour la mise en place d un blog Depuis la version 3 vous pouvez aussi r aliser simplement des pages statiques afin de mettre en place un site d information Il existe de nombreux templates pour le design Le code des fonctions et templates est accessible et bien document souvent en anglais Il vous faudra pour adapter le code vos besoins et au design de votre site de bonnes connaissances en PHP en SQL et bien ma triser les feuilles de style c est toujours la m me histoire Quoi qu il en soit le nombre de plugins disponible
8. C est dire exactement de la m me mani re que si vous tourniez les pages d un livre Lien de navigation d une page une autre Cette structure s quentielle est particuli rement adapt e pour pr senter un tutoriel un long texte o le passage la page suivante demande d avoir pris connaissance des informations pr sent es la page pr c dente Cette tape est tr s importante la structure coh rente de votre site Internet en d pendra Vous devez cr er un site tr s facile utiliser Faites ce travail sur papier De cette mani re vous gagnerez norm ment de temps Ce n est pas lorsque votre site Internet ressemblera une usine gaz qu il faudra penser tout r organiser Je dis a tout hasard Copyright 2011 Myidees com Page 45 sur 106 3 R gles respecter Chaque page de votre site doit r pondre aux questions de l internaute e O suis je e O puis je aller e Comment vais je revenir en arri re Un visiteur perdu est un visiteur d u Un visiteur d u est un visiteur qui est PERDU jamais Sachez le Votre navigation doit tre coh rente et ce pour chaque page de votre site R gle N 1 r alisation d un menu principal Votre menu de navigation principal horizontal ou vertical doit tre visible sur chacune de vos pages Pr sents sur toutes vos pages les liens ou boutons de votre menu de navigation doivent imp rativement e Avoir toujours la
9. pourtant cette erreur est visible sur d innombrables sites videmment si c est une arnaque cela peut se comprendre Cr er une page d accueil trop longue 1 2 pages d cran maximum Ne laissez pas votre visiteur trop longtemps sur la page d accueil Proposer trop de choix ses lecteurs amp Trop de choix tue le choix Si vous donnez trop de choix votre lecteur il n ira pas o vous voulez qu il se rende Aiguillez votre visiteur vers une ou deux actions comme par exemple lire la suite d un article s abonner votre newsletter t l charger une documentation Faire une page tunnel Votre page d accueil doit rester une vraie page d accueil Le genre de page construite avec une image et un message cliquez ici pour entrer envoyant vers la vraie page d accueil est un tr s mauvais proc d si vous souhaitez un bon r f rencement Mettre des liens externes sur sa page d accueil Le but d une page d accueil est que le visiteur visite votre site En mettant des liens externes vous donnez la possibilit vos lecteurs de s chapper A la rigueur vous pouvez placer des liens partenaires si vos partenaires font de m me sur leurs sites ou si ces partenaires placent votre lien sur des pages fort trafic Copyright 2011 Myidees com Page 57 sur 106 Mettre de la publicit sur sa page d accueil Exactement pour la m me raison que pour les liens externes v
10. 2 Int grer une vid o sur son site Vous pouvez faire deux types de vid os Pr senter un message en vous filmant avec votre Webcam R aliser une capture vid o de l cran de votre ordinateur Pour pr senter un message au travers d une vid o je vous propose ci dessous diff rents outils gratuits tape N 1 cr ation de la vid o Il vous faut un logiciel pour enregistrer votre vid o avec une Webcam Sous Windows XP t l chargez Windows Movie Maker en anglais Sous Vista t l chargez Debut Video Capture en anglais Sous Win2000 XP Vista 7 Webcam Companion Bien entendu il en existe d autres cliquez ICI Je vous recommande Webcam Companion car il est enti rement en fran ais et vraiment tr s simple d utilisation Votre fichier vid o aura pour extension wmv bien trop lourd pour penser l ins rer sur un site tape N 2 format de la vid o Il faudra donc convertir ce format en flv T l chargez Format Factory choisissez Europe site Vraiment tr s simple d emploi cliquez sur tout type vers FLV une fen tre s ouvre cliquez sur ajouter un fichier r cup rez sur votre ordinateur le fichier de votre vid o cliquez sur OK la fen tre se ferme cliquez sur D marrer barre de menu automatiquement votre fichier wmv est converti en flv cliquez sur Dossier de destination pour retrouver votre fichier converti Copyri
11. Cette carte vous aidera identifier les diff rentes pages de votre site ainsi que les diff rents liens qui existent entre ces pages cette tape de la r flexion faites un sch ma sur une feuille de papier Notez pour chaque page quelques mots pour d crire son contenu Et n oubliez pas que chacune de vos pages doit fournir un minimum d informations Niveau 1 Le sommet de votre hi rarchie commence par la page d accueil Niveau 2 Pr sentation de vos rubriques principales d une mani re g n rale et un sommaire interne la rubrique Ce sont des pages d orientation Niveau 3 Pr sentation d taill e de vos rubriques principales Ces sous rubriques sont exclusivement des pages d information Niveau 4 Pr sentation des sous sous rubriques pr voir uniquement si les pages de niveau 3 sont trop denses en informations Prenons par exemple un commer ant qui souhaite pr senter son entreprise ses produits mettre en place un forum Chaque cadre dessin repr sente une page de votre site Chacune de ces pages repr sente une rubrique principale ou une rubrique d taill e Chaque ligne en noir repr sente un lien de navigation Sch ma Qui sommes nous Boutique Forum k Descriptif L entreprise produit 1 Descriptif Contact produit 2 Em Page Accueil Niveau 1 Rubrique principale l ments g n raux Niveau 2 C Sous Rubrique l ments plus sp cifiques Niveau 3 Copyright 2011 Myidee
12. Yooda SeeUrank De qualit quivalente AgentWebRanking ce logiciel a t con u pour r pondre aux exigences des r f renceurs professionnels Son ergonomie et sa facilit de prise en main en font un produit galement adapt aux besoins de tous les responsables de sites Web 2 versions 390 ou 690 an Copyright 2011 Myidees com Page 88 sur 106 Les moyens de paiement utiliser Pour vendre et encaisser votre argent sur Internet vous disposez de plusieurs m thodes 1 Paiements bancaires Avec le d veloppement du commerce lectronique e commerce toutes les banques ont mis en place des moyens de paiement s curis qui vitent au consommateur de communiquer au site marchand son num ro de carte bancaire Banque Populaire Cyber Paiement BNP Paribas Mercanet Caisse d pargne SPPlus Cr dit Agricole E transactions Cr dit Lyonnais Sherlocks Cr dit Mutuel Cybermut La Banque Postale Scellius Soci t G n rale Sog nactif Si vous avez choisi de cr er une boutique en ligne e commerce votre banque vous permettra de s curiser tous les paiements pour des achats effectu s sur votre site C est votre banque qui prend en charge la s curisation via une interface cr e par elle m me Comme vous vous en doutez ce service vous sera factur selon un bar me que votre banquier se fera un plaisir de vous fournir Cette solution est excellente car elle rassu
13. o de l cran un screencast En fonction de logiciel choisi vous pouvez ajouter du texte une bande son effectuer un zoom r aliser une exportation flash Screen Toaster gratuit Service en ligne Efficace si vous souhaitez faire des screencasts rapides et simples Il accepte l enregistrement audio La vid o peut tre envoy sur Youtube CamStudio gratuit Il est en anglais propos avec un module en fran ais Ce logiciel est souvent recommand et pourtant La qualit des images est moyenne probl me dans les d grad s le son est de mauvaise qualit accrochages Camtasia Studio payant ne pas confondre avec CamStudio C est le jour et la nuit Il dispose d une interface d dition en fran ais performante et intuitive De nombreuses possibilit s int gration de textes zoom bande son niveaux de compression exportation sous diff rents formats La qualit des images et du son est excellente Si vous souhaitez faire un enregistrement vid o d un cran d ordinateur accompagn d une narration audio je vous le recommande fortement Petit b mol La qualit a un prix environ 300 Pour d autres logiciels consultez cette liste La vid o pour Mac c est la fois simple et compliqu Depuis que la Webcam de Mac iSight est int gr e au Mac lui m me comme le micro l est depuis toujours vous pouvez faire une vid o qui ne co te rien puisque le Mac est livr avec iMovi
14. 1 pratique des tarifs imbattables La seul chose que je pourrais reprocher 1 amp 1 serait qu ils ne sont pas assez r actifs pour r pondre aux emails Pour avoir de l aide rapidement la solution est de les appeler par t l phone 0 15 min Pour d marrer je vous recommande leur Pack Confort sous Linux environ 10 euros mois Vous aurez tout le temps de prendre un autre pack par la suite Une autre solution que je vous recommande est infomaniak un monstre dans son domaine Cette soci t Suisse qui a pignon sur rue depuis de nombreuses ann es vous propose un service de grande qualit un prix tout ce qu il y a de plus comp titif Copyright 2011 Myidees com Page 103 sur 106 3 Les erreurs viter Choisir un h bergeur gratuit qui impose de la publicit envahissante Votre h bergement c est la qualit de votre vitrine vous ne devez absolument pas le prendre la l g re Investir moins de 10 euros par mois pour poss der son propre nom de domaine et un super espace d h bergement ce n est pas une d pense c est une absolue n cessit Il existe de tr s nombreux sites d h bergement gratuit qui peuvent tre tentants mais pourquoi accepter de voir votre espace amput ou votre site envahi par des publicit s qui ne vous rapportent rien amp Il existe des sites d h bergement gratuit sans pub mais avez vous pens aux coupures r guli res intempestives de leurs serveurs su
15. base de donn es MySQL est indispensable si vous souhaitez cr er un site dynamique manipuler des donn es qui peuvent tre class es en fiches telles qu une liste d adresses ou un catalogue de produits Copyright 2011 Myidees com Page 102 sur 106 Comptes FTP Un compte FTP donne acc s votre espace Web 24 h 24 7 j 7 via un logiciel appel client FTP tel que FileZilla CuteFTP Chaque compte FTP correspond un identifiant login et un mot de passe Si vous voulez donner vos collaborateurs acc s une partie ou la totalit de votre espace Web des comptes FTP suppl mentaires sont utiles FileZilla est un logiciel FTP gratuit cr par l allemand Tim Kosse Il permet de se connecter distance sur un serveur pour y t l charger des fichiers M me si votre h bergeur vous propose un autre outil pour le transfert de vos fichiers je vous recommande d utiliser A FileZilla N Il est tr s simple d emploi Voir le site de FileZilla 2 Choix d un h bergeur Personnellement j h berge mes sites chez 1 amp 1 Leurs Packs H bergement sont des solutions adapt es aux besoins des utilisateurs d butants amateurs ambitieux ou professionnels 1 amp 1 ne limite ni le nombre de domaines ni le nombre de sites Vous b n ficierez d une messagerie moderne et souple d un vaste espace disque et d un grand nombre de fonctions vous aidant dans la cr ation de votre site Web De plus 1 amp
16. binaire D un c t nous avons les solutions SaaS de boutique en ligne cl en main Rentashop Wizishop Kiubi 42stores Oxatis Powerboutique Myeshop etc avec leur principe de location au forfait mensuel Leur force est leur prix et leur facilit de mise en oeuvre De l autre c t les solutions open source Prestashop Magento Thelia Joomla VirtueMart etc qui n cessitent de faire appel un prestataire pour cr er le site Puissantes mais qui n cessitent des comp tences techniques pointues dans l entrepise ou un prestataire maitrisant la b te Les 2 ont des avantages et des inconv nients Et puis il y a quelques solutions hybrides qui associent le meilleur des 2 mondes Cybershop en fait partie C est une solution e commerce puissante qui convient des projets ayant un ambition certaine ou pour des entreprises ayant d j l exp rience de la vente en ligne Extrait de l excellent blog de Ludovic Passamonti 3 Faire appel un prestataire Si vous avez un projet ambitieux comptez entre 5000 et 20 000 pour la cr ation de votre e commerce personnalis Attention Un projet d e commerce ne s arr te pas l achat de la solution technique Copyright 2011 Myidees com Page 33 sur 106 6 Le co t d un site Internet Combien co te un site Internet C est une question que se posent de nombreuses personnes d sirant passer par un prestataire pour r aliser leur site Internet En fait il e
17. bouton PayPal pour commander le produit Il est dirig vers la plateforme s curis e de paiement PayPal L acheteur paye via l interface PayPal avec son compte PayPal ou par carte bancaire L acheteur est dirig vers la page de t l chargement Mettre en place un bouton PayPal Pour obtenir les outils pour vendre PayPal vous demandera d ouvrir un compte Premier gratuit Si vous n avez pas de compte PayPal c est le moment cliquez ICI Connectez vous Cliquez dans la barre de menu sur Solutions e commerce Cliquez sur le lien Boutons Acheter Via un formulaire voir ci dessous indiquez le nom de votre objet produit et son prix v tape 1 Choisissez le type de bouton et saisissezles d tails du paiement fscente ces pa ements pour Produits Accade Mes boons eSrereE por c Qi Aficherun en r Sounantezvous permeitrz 4 vos cents d acheter plusieurs produis avant Je proceder au paimen 7 C Ou cr er ur boubr Ajoutrau parier En cover phe Non zr er un bouto Acheter Cn anu phas Nom derebjet 1D de robjetitrsounstn ebook Prix Derice 21 EUR your guez bepcincie mises prix 2 Copyright 2011 Myidees com Page 22 sur 106 Vous pouvez opter pour un bouton standard PayPal ou le personnaliser Pour le personnaliser vous n avez qu inscrire le chemin URL o se situe votre image sur votre site Par exemple http votresite com images bouton jpg Vous pouvez aussi ajoute
18. cette couleur que vous pourrez d terminer les autres couleurs de votre site les couleurs de votre texte des l ments de navigation Copyright 2011 Myidees com Page 63 sur 106 Pour harmoniser les couleurs de vos pages Web vous pouvez utiliser l outil pr sent ci apr s Choisissez une couleur pr dominante en utilisant les trois r glettes Automatiquement vous obtiendrez des couleurs compl mentaires votre couleur pr dominante Cliquez sur Randomize pour obtenir d autres combinaisons de couleur oisit 992269 250019 Dosass ij es 568 Quelques conseils e N utilisez pas plus de trois couleurs diff rentes pour votre site afin de respecter le crit re de sobri t e Choisissez un bon contraste de couleurs Exemple texte noir sur fond blanc e Choisissez une palette de couleur coh rente Ne faites pas de faute de go t en utilisant des couleurs qui ne se marient pas entre elles e Choisissez des couleurs en fonction de votre cible Votre site s adresse t il un public jeune et dynamique s inscrit il dans une tendance s rieuse sportive e Faites preuve de professionnalisme La qualit de votre charte graphique influencera la cr dibilit de votre site Internet vitez par exemple les cliparts dessins anim s qui sont signe d amateurisme e Soignez vos visuels Vos photos doivent tre en rapport avec le contenu et optimis es pour ne pas tre longues charger
19. code r alis en XHTML CSS e Combien vais je payer pour les mises jour Faites attention aux offres qui proposent des CMS tels que Joomla car qui fera les mises jour des plugins pour s curiser votre site e Est il r f ren able Un site mal con u et non optimis pour le r f rencement sera un lourd handicap si votre objectif est de toucher une large client le pour vendre par exemple Copyright 2011 Myidees com Page 35 sur 106 Comment est calcul le prix d un site Internet mon avis chaque r alisation se calcule en fonction du nombre d heures travaill es Si vous passez par une soci t qui a pignon sur rue et qui emploie une quipe de personnes ayant des comp tences sp cifiques et compl mentaires le co t d un site basique va tr s vite chiffrer Selon la fonction de la personne qui travaille sur votre projet chef de projet responsable technique web designer d veloppeur Internet r f renceur le tarif horaire pratiqu varie de 50 70 de l heure Ne faites appel ce genre de structure que si vous tes une PME ou un grand groupe avec un projet bien sp cifique et ambitieux Pour r aliser un site d information avec moyen de paiement en ligne un site vitrine qui ne demande pas de fonctionnalit s pointues il est pr f rable de passer par un d veloppeur Internet ind pendant Ayant moins de charges de fonctionnement il peut se permettre de pratiquer un taux horaire moin
20. com Page 16 sur 106 Attention aux CMS r cents qui n ont pas encore une communaut assez active Je ne vais pas vous pr senter tous les CMS car il en existe des centaines Je vous propose de prendre connaissance de trois CMS Open Source qui r pondent en premier lieu 4 crit res e La simplicit e Du code conforme aux sp cifications du W3C e Une communaut active e Des mises jour r guli res s curit CMS CMS Made Simple made simple D mo Atouts Simple d utilisation parfait pour les d butants Interface d administration simple et claire Gabarits templates con us en CSS sans tableau de mise en page Puissante gestion des groupes et des droits Faiblesses La documentation n est pas enti rement r dig e en fran ais Moins puissant que ses confr res tels que Joomla typo3 Gestion des templates compliqu e se familiariser avec le langage de gestion de gabarits Smarty CMSMS permet de s adapter de nombreux projets Web son installation par d faut suffit la plupart des besoins classiques Son principe de modularit tr s pouss lui ouvre de nouveaux horizons menus multiples fils d actualit calendrier forum album photo blog Ressources CMSMadesSimple org Article sur Alsacreation Framasoft M Joomia Copyright 20 dees com Page 17 sur 106 successeur de Mambo CMS Joomla D mo Atouts Une communaut tr s active
21. commerce pensez aussi aux facturations suppl mentaires Il n y a pas de bonne et de mauvaise solution chacune de ces solutions a un et un seul objectif vendre Votre choix d pendra de votre budget de vos besoins et de vos comp tences 1 Utiliser un logiciel Open Source Cr er une boutique en ligne e commerce fonctionnelle est un vrai boulot Ne choisissez cette solution que si vous avez de bonnes connaissances en programmation PHP MySQL Sinon vous pouvez apprendre quelques rudiments et vous verrez que vous pourrez faire beaucoup de choses Toutes les solutions Open Source fonctionnent avec Linux PHP MySQL Avec un logiciel Open Source ou libre vous pourrez utiliser le code pour l adapter vos propres besoins copier et diffuser le code aupr s de vos connaissances am liorer le programme afin de d velopper votre propre logiciel Copyright 2011 Myidees com Page 27 sur 106 Open Source ne veut pas dire gratuit Le temps que vous allez mettre configurer votre e commerce c est de l argent De plus vous devrez penser vous diff rencier des autres boutiques en ligne Chaque solution standard aussi puissante soit elle utilise le m me graphisme Vous devrez donc faire votre propre charte graphique ou faire appel un prestataire de services Voici trois logiciels Open Source reconnus et fiables Oscommerce Oscommerce est sans aucun doute la plateforme d e commerce la plus connue et la
22. commerciales extension pour le monde net pour les structures li es l Internet org pour les structures but non commercial edu pour les structures vocation ducative Comment a marche les noms de domaine Copyright 2011 Myidees com Page 98 sur 106 2 Choisir un nom de domaine efficace Le choix de votre nom de domaine doit tre abord avec le plus grand s rieux Donnez vous le temps de la r flexion Pour tre plus visible et accessible sur le Net il est indispensable d avoir un nom de domaine efficace Il permet d afficher votre identit et votre pr sence sur le Web Il va influencer la m morisation de l adresse de votre site et am liorer par la suite son r f rencement naturel D o l importance du bon choix Choix du nom de domaine avec des extensions adapt es et multiples Si vous avez d j une entreprise reconnue avec une d nomination sociale ou une marque d pos e il est logique que vous utilisiez votre nom d entreprise ou marque avec une ou plusieurs extensions Exemple www peugeot fr En effet les internautes ont tendance essayer dans un premier temps des adresses URL li es au nom de l entreprise L une des meilleures solutions pour une personne qui veut lancer une affaire domicile depuis la France c est de poss der l extension du nom de domaine du pays concern Si l on prend l exemple du fr il traduit la localisation du site
23. crit re en consid ration Et pourtant il est capital Je dirais m me que c est le crit re le plus important Pourquoi Comme je le disais plus haut des e commerces il en existe des centaines de milliers Un internaute aura tendance regarder uniquement les premiers r sultats affich s sur son moteur de recherche De nombreux crit res entrent en jeu pour obtenir un bon r f rencement voir Tome 3 mais si d s le d part la structure de votre e commerce n est pas con ue pour le r f rencement optimisation des pages Web ne respecte pas les normes du Web W3C vous partirez avec un sacr handicap Votre but est que votre boutique soit vue par un maximum d internautes Arr tez moi si je me trompe Optez pour une solution qui propose un codage en XHTML CSS S paration du fond et de la forme respect des standards du Web la r criture des urls Chaque page de votre boutique doit avoir sa propre URL comportant les mots cl s li s au contenu de celle ci Exemple www votreboutique com nomdevotreproduit html et non www votreboutique com 14ssd457 de52d html Visitez les sites cr s par les diff rentes plateformes et vous saurez tout de suite s ils utilisent la r criture des URL URL rewriting Sans cette technique les robots ne pourront pas indexer vos pages selon vos mots cl s l insertion des balises meta description et balises titre Chacune de vos pages Web doit conteni
24. de revenir en arri re Faites un lien Suivant Pr c dent sur chacune de ces pages Pour que l utilisateur sache o il se trouve vous pouvez mettre en haut de chaque page ce type d annotation Nom page 1 gt Nom page 2 gt Nom page 3 R gle N 6 zone membres Si vous avez l intention de mettre une zone membres zone priv e celle ci doit tre clairement visible d s la page d accueil R gle N 7 les liens externes Il est int ressant pour le lecteur d avoir recours des informations compl mentaires la V tre mais ne mettez pas de liens externes profusion Surtout limitez les liens externes qui seraient exclusivement commerciaux V rifiez r guli rement si vos liens externes sont encore valides Il serait dommage que vos lecteurs tombent sur des Erreurs 404 R gle N 8 outils d aide la navigation En g n ral un internaute navigue sur un site Internet via les menus ou les liens hypertextes Cependant vous pouvez mettre en place des outils pour lui faciliter ces recherches Tous ces outils d aide doivent tre accessibles depuis toutes les pages de votre site tenus jour Copyright 2011 Myidees com Page 48 sur 106 La carte de site Une carte de site permet l utilisateur d avoir une vue d ensemble de votre site Elle constitue une sorte de grande table des mati res qui r pertorie de mani re hi rarchique toutes les pages du site et permet
25. de s y rendre directement en un clic D s que votre site prendra de l ampleur nombre important de pages il deviendra n cessaire de la mettre en place Les F A Q Frequently Asked Questions Si le fonctionnement de votre service est plus ou moins compliqu il est int ressant pour le visiteur d acc der directement des questions r ponses En r digeant cette page de F A Q mettez vous dans la peau de vos lecteurs afin de r pondre d une mani re pr cise aux questions qu ils sont susceptibles de se poser Son utilit un gain de temps consid rable Vous n aurez plus r pondre par email aux m mes questions Vous pourrez compl ter votre FAQ en fonction des nouvelles questions pos es Visite guid e Certains internautes aiment qu on leur donne la main Vous pourrez avec cette page Web pr senter les points forts de votre site Cette page peut par exemple assister les visiteurs dans l utilisation de votre site de vos produits ou de vos services Rubrique d aide Normalement aucune documentation ne devrait tre n cessaire pour comprendre votre site Web Cependant vous pouvez cr er des documentations sur des th mes bien pr cis se rapportant directement au sujet de votre site Internet Vous pouvez par exemple cr er des vid os explicatives sur votre fonctionnement sur l utilisation d un de vos services Copyright 2011 Myidees com Page 49 sur 106 R alisation d une page Web
26. faut prendre en consid ration le type d image est ce une photographie un texte un dessin simple ou un dessin complexe Copyright 2011 Myidees com Page 67 sur 106 Les formats d images Il existe trois formats standards parfaitement support s par les navigateurs actuels JPEG Joint Photographic Experts Group Ce format dont l extension informatique est jpg permet d enregistrer des images comportant des millions de couleurs Son avantage c est qu il permet une compression r glable l enregistrement vous pouvez choisir le taux de compression appliquer l image La compression est destructrice la diminution du poids de l image se fera au prix d une perte de qualit vous de trouver le juste milieu pour obtenir une image de qualit pour un poids raisonnable Ce format est utiliser pour enregistrer des photographies en couleurs ou des images qui comportent de nombreux d tails Ce format ne g re pas la transparence GIF Graphics Interchange Format Ce format utilise seulement 256 couleurs ce qui n est pas g nant pour enregistrer des images telles que des logos graphiques boutons images synth tiques photographies en noir et blanc En revanche ce format n est pas adapt pour les photographies couleurs C est le seul format qui permet de cr er des animations sans son Ce format g re la transparence C est dire qu une des couleurs peut tre non visible Vous p
27. ici en France Mais en contrepartie il sera refus par les annuaires pour s afficher dans des pays tiers En mati re de r f rencement l tranger ou dans les autres pays francophones il ne faut pas h siter s enregistrer avec un com Le com tant international il est pris en compte par tous les outils de recherche noter ce n est pas parce que vous avez achet un nom de domaine avec deux extensions que vous devez cr er deux sites Vos deux noms de domaine pointeront sur votre site unique Choix du nom de domaine avec 2 ou plusieurs noms compos s Un nom de domaine ne pouvant pas contenir d espace les deux noms seront accol s ou s par s par un tiret Exemple www commentgagnersurinternet fr et www comment gagner sur Internet fr La deuxi me solution est retenir car les moteurs de recherche ne savent pas s parer deux mots ainsi concat n s Copyright 2011 Myidees com Page 99 sur 106 Choix du nom de domaine pour le r f rencement Choisissez un nom de domaine qui repr sentera si possible votre mot cl principal celui qui d signera le mieux votre activit Les noms de domaine conditionnent en effet le r f rencement aussi bien dans le choix des vocables que dans celui des extensions La meilleure strat gie reste encore d int grer directement le s mot s cl s l int rieur du nom de domaine Exemple restaurant toulouse com ou travail a domicile fr Choix pour une meil
28. il est dirig vers une page qui ne s ouvre pas Vous n avez plus qu cliquer sur Cr er le bouton Copyright 2011 Myidees com Page 23 sur 106 Faites un copier coller du code et placez le l endroit voulu dans votre page Web Site Email lt form action https www paypal com cgi bin webscr method post gt 5 Vue de racheteur lt input type hidden name cmd value _s xclick gt lt input type hidden name hosted_button_id value 4025537 gt lt input type image src https www paypal com fr_FRY FR i btn btn_buynowCC_LG gif ET ve SEE border 0 name submit at PayPal la solution de paiement en ligne la plus simple et la plus s curis e gt lt imo alt border 0 src httos ww oavoal com ir FR i scr oixel aif i S lectionner un code Revenir i modification de ce bouton Voil c est termin Vous avez votre boutique en ligne s curis e qui marche en mode automatique Les internautes pourront commander vos produits et se faire livrer dans les minutes qui suivent Processus N 2 bouton PayPal auto r pondeur C est le processus que je vous conseille Vous obtenez l email de vos acheteurs pour pouvoir leur vendre d autres produits par la suite Voir le Tome 3 Comment vendre par email L acheteur clique sur le bouton PayPal pour commander le produit L acheteur paye via l interface PayPal L acheteur est dirig vers votre page o se situe votre
29. juge l utilisateur c est le graphisme et la fa on dont les informations sont pr sent es L identit graphique doit permettre l utilisateur de reconna tre du premier coup d il une marque ou une entreprise En d autres termes l utilisateur doit reconna tre votre site Internet Pour traduire votre identit visuelle vous devez mettre en place une charte graphique coh rente pour l ensemble du site d finissant les l ments graphiques suivants Choix des couleurs couleurs pr dominantes couleur du fond d cran Taille couleur et apparence des textes Images et boutons du site Positionnement des informations Vous devez choisir des couleurs adapt es votre domaine d activit aux couleurs de votre entreprise notamment aux couleurs de votre logo Quel que soit le choix des couleurs il est recommand de d finir une couleur pr dominante repr sentant la majeure partie de la page Web et une ou plusieurs couleurs secondaires plus dynamiques plus vives en moindres proportions afin de mettre des l ments en exergue La couleur dicte une ambiance globale un look et fournit des motions perceptives et affectives au visiteur Il est donc important de les choisir en connaissance de cause Voir ce sujet cet excellent article Webdesign L l ment principal dont vous devrez tenir compte est la couleur d arri re plan C est elle qui jouera le r le majeur en termes de contraste C est partir de
30. moment Your message Your nickname get your plugoo g Si vous tes en ligne sur votre Messenger ils peuvent vous envoyer un message instantan via le contact Plugoo dans votre liste de contacts et vous pouvez ainsi chatter avec eux r pondre leurs questions Vos visiteurs n ont aucun logiciel t l charger ou de compte cr er avant de vous contacter Ils n ont jamais acc s votre adresse de messagerie instantan e Les conversations avec vos visiteurs sont strictement priv es Les autres visiteurs qui se trouvent au m me instant sur le site ne voient pas les messages qui transitent Vous ne modifiez pas vos habitudes vous continuez d utiliser votre Messenger favori Sur Internet il existe de nombreux codes tous pr ts pour installer un chat syst me de dialogue en ligne sur votre site TOOCHARCER COM Copyright 2011 Sur le site comscript vous avez ce chat express qui a l avantage d tre simple installer et de ne pas utiliser de base de donn es Ce script est id al pour les petits et moyens sites et permettra aux webmasters de dialoguer avec leurs visiteurs Myidees com Page 74 sur 106 4 La newsletter Cet outil est tr s important absolument indispensable sur votre site Son utilit En s inscrivant votre newsletter vous permettez vos visiteurs de rester en contact avec vous et d tre inform s de toutes les nouveaut s ajout es sur votre site
31. nouveau genre incroyablement efficaces dans le processus de captation du regard et de l attention des visiteurs Pour le d couvrir Cliquez ICI Pour Wordpress vous avez aussi ce plugin Page Peel Copyright 2011 Myidees com Page 97 sur 106 Nom de domaine 1 Un nom de domaine c est quoi Un nom de domaine est l adresse virtuelle sur Internet d une entreprise ou d un particulier chaque nom de domaine correspond une adresse IP Internet Protocol utilis e par les ordinateurs afin de communiquer entre eux Comme il est plus facile de m moriser un nom Internet est parsem de serveurs DNS Domain Name Service permettant de traduire un nom de domaine en une adresse IP Par exemple 1 amp 1 fr a pour adresse IP 212 227 126 71 Vous pouvez faire l essai dans votre navigateur entrez la place de www 1 amp 1 fr l adresse IP 212 227 126 71 et vous verrez le m me site Ne confondez pas le d p t d un nom de domaine avec le d p t d une marque La marque est un signe servant distinguer pr cis ment vos produits ou services de ceux de vos concurrents Exemple de marque Renault Si vous avez d pos une marque pour vos produits ou services vous avez tout int r t et dans la mesure du possible acheter les noms de domaine relatifs votre marque pour les extensions suivantes fr extension g ographique pour la France eu extension g ographique pour l Europe com pour les structures
32. plus utilis e Forum Tutoriaux Avec du travail vous pouvez obtenir un e commerce tr s professionnel Le forum de soutien est tr s r actif aux questions ce qui contribue son succ s Malheureusement sa conception est tr s ancienne peu ergonomique de par l utilisation importante de patchs code que l on ajoute un logiciel pour y apporter des modifications Bref c est une usine gaz Il est tr s difficile d optimiser les pages Web pour un bon r f rencement pas de balise meta par cat gorie par produits pas de r criture des URL Pour ces raisons Oscommerce tend aujourd hui tre remplac par Prestashop Prestashop est une nouvelle plateforme e commerce Open Source d origine fran aise Aide l installation Forum Blog Cette plateforme a de sacr s avantages savoir la facilit de maintenance une prise en main intuitive un code facile comprendre et maintenir un design g r par un Smarty moteur de templates reconnu De plus tout est fait pour un bon r f rencement optimisation du code pour les robots int gration du plan du site de balises meta par cat gories et par produits Google Sitemaps Si vous avez un projet d e commerce volutif sans contrainte technique particuli re je vous le recommande tout particuli rement Une solution cl s en mains pour 45 mois tr s bien prestashop me Copyright 2011 Myidees com Page 28 sur 106 Magento M
33. taux de lecture de sa newsletter cliquez ICI 5 conseils pour faire un emailing cliquez ICI Gestionnaire de newsletter Je vous recommande tout particuli rement Pop list Ou deux scripts int grer sur votre site connaissances en PHP MySQL requises phpmynewsletter wanewsletter Si vous souhaitez un service de haute qualit pour relancer vos clients par rapport un achat je vous recommande fortement d investir dans un Auto r pondeur en anglais Auto r pondeur en fran ais Copyright 2011 Myidees com Page 76 sur 106 5 Dynamiser son site Web Vos visiteurs doivent toujours ressentir que votre site Internet volue qu il est fr quent qu ils peuvent participer la vie du site Quelques solutions pour rendre votre site dynamique plus vivant Fr quence de visite Je vous d conseille les compteurs de visites car il est tr s simple de fausser le nombre de visites Rien n emp che le webmaster de d finir un nombre de visiteurs initiaux Plus pertinent vous pouvez utiliser un script qui pr sente le nombre de visiteurs quotidiens le nombre de visiteurs en ligne Script 3en1 compteur Module de commentaires Cet outil vous permet d ajouter de l interactivit votre site en laissant la possibilit vos visiteurs de donner leur avis sur diff rents l ments de votre site documents images articles Script commentaire v2 2 Sondage en
34. une publicit Le gros avantage d une page de vente est que son contenu est consacr la mise en valeur du produit Par cons quent les ventes se font plus facilement Bien entendu votre argumentaire doit tre pertinent afin d attiser la curiosit de votre lecteur et le convaincre d acheter Si vous avez de nombreux produits num riques vendre vous pouvez opter pour la solution d un e commerce Copyright 2011 Myidees com Page 26 sur 106 5 Comment vendre des produits physiques Vous avez des produits ou services vendre et vous voulez faire de la vente en ligne pour augmenter votre zone de prospection et vendre 24 h sur 24 Pour cela plusieurs solutions sont envisageables e Cr er son e commerce avec un logiciel Open Source Le co t est quasiment nul si vous faites tout vous m me Vous ne serez pas d pendant d une soci t et vous b n ficierez d une totale ma trise quant l volution de votre boutique e Utiliser une plateforme e commerce en mode ASP Une solution cl s en mains facile mettre en place et peu on reuse Toutefois sachez que toute modification ou personnalisation non standard entraine des co ts e Faire appel un professionnel C est la solution la plus simple boutique personnalis e pr te l emploi mais la plus on reuse de 5000 plus de 20 000 De plus vous n aurez aucun contr le sur les modifications Si vous souhaitez faire voluer votre e
35. 1 Techniques de mise en pages Il existe trois techniques pour r aliser la mise en page d une page Web les frames les tableaux et le CSS Un webmaster d butant serait tent d utiliser des frames qui semblent au premier abord plus pratiques que les tableaux Le principe des frames cadres consiste diviser l cran en plusieurs fen tres et afficher dans chacune d elles des documents HTML bien distincts La page ainsi charg e ne fait en r alit qu indiquer quelles autres pages vont tre affich es dans le navigateur et de quelle mani re elles sont organis es lt frameset gt On peut comparer cette organisation celle d un tableau dont les cellules seraient des pages enti res Exemple d coupage d une page Web en trois zones distinctes Le cadre 1 sert pour l ent te header le cadre 2 pour la navigation et le cadre 3 pour le contenu de la page qui variera selon le menu s lectionn Plut t que de r p ter un m me ensemble d l ments sur toutes les pages d un site le webmaster peut gr ce aux frames r server et n afficher qu une seule et unique fois l ent te et la navigation sur l ensemble de ses pages Web De cette mani re le webmaster n a plus se consacrer qu un seul l ment ind pendant le corps de la page d di au contenu Les avantages sont e Simplicit du code e Menu de navigation toujours pr sent l cran e Rapidit de mise en page Copyright 2011 Myidees com
36. 106
37. 5 4 selon M diam trie Il est estim que si une page ne s affiche pas dans les 5 8 secondes vous perdrez 1 3 de vos visiteurs Donc le but est de faire en sorte que la grande majorit de vos lecteurs puisse acc der votre site Internet de mani re rapide Copyright 2011 Myidees com Page 81 sur 106 Quel est le temps de chargement d une page Web 100 ko selon les diff rentes connexions utilis es par vos visiteurs Connexion D bit maximal th orique Temps de chargement en r ception Th orie Pratique Modem 56K 7 kilo octets seconde 14 28 secondes 7 14 secondes ADSL 128 16 kilo octets seconde 6 25 secondes 3 12 secondes ADSL 256 32 kilo octets seconde 3 12 secondes 1 56 secondes ADSL 512 64 kilo octets seconde 1 56 secondes 0 78 secondes ADSL 1024 128 kilo octets seconde 0 78 seconde 0 39 seconde ADSL 2048 256 kilo octets seconde 0 39 seconde 0 19 seconde Comprendre l ADSL Cliquez ICI Vous remarquez sur le tableau ci dessus qu un internaute qui utilise un modem 56K doit attendre patiemment pour visualiser votre page Web C est pourquoi de nombreux webmasters exp riment s vous conseilleront de limiter votre page d accueil non pas 100 ko mais 50 ko Comment conna tre le temps de chargement de vos pages Web Vous pouvez utiliser ce logiciel watson addy Il est en anglais mais c est tr s simple pour en comprendre le fonctionnement Ins rez l URL de vo
38. 8 sur 106 Pr sentation d un site Web Un site bien construit pr sent d une mani re agr able lire avec une ergonomie bien pens e attirera la sympathie de vos lecteurs 1 Une mise en page r ussie La mise en page n est pas uniquement une question de go t Elle ob it certaines r gles largement prouv es en termes de confort et d efficacit Voici plusieurs crit res prendre en consid ration pour pr senter le contenu de votre site de fa on attractive e Pr sentez sur chaque page un certain nombre d informations le nom de votre site l email de contact le nom de la rubrique visit e le menu de navigation principal ou la possibilit de retourner sur la page d accueil R digez les titres de chacune de vos pages meta tag Lorsque vous allez sur un site Internet un titre appara t tout en haut de votre cran au dessus de votre navigateur Si le lecteur a ouvert plusieurs fen tres il peut gr ce aux titres des pages Web ouvertes se rep rer dans l historique de sa consultation En ce qui concerne les meta tag j en parle dans le Tome 3 de cette collection Facilitez la lisibilit de vos pages vos textes typographie Police de caract re N utilisez pas plus de 3 polices de caract res diff rentes Privil giez les fontes sans serif Arial Verdana Georgia vitez les polices de caract res sp ciales Taille de caract re Utilisez une taille suff
39. Collection 100 Utile Tome 2 Tout pour R ussir son site web Tout pour R ussir ite web TE sons Pr sent par Thierry Dubois Email Copyright 2011 Myidees com Page 1 sur 106 Conditions d utilisation Cet ouvrage est prot g par un copyright et Thierry Dubois est d tenteur des droits originaux et initiaux Vous n avez aucun droit de revente Cet ouvrage est gratuit donc il est logique et honn te qu il en soit de m me pour toutes autres personnes d sireuses de le lire Toute reproduction ou modification totale ou partielle du pr sent contenu est absolument interdite sans l autorisation expresse de l auteur KHHKHKHRRHXXX KHHHKHKHRRHXXX L auteur ne peut tre tenu pour responsable des liens qui pourraient tre ventuellement inactifs au sein de cet ebook Ces liens provenant de soci t s ind pendantes sont actifs au moment de la pr sente dition mais l auteur n a aucun contr le sur leur p rennit KHHKHRHRRHXXX Copyright 2011 Myidees com Page 2 sur 106 Mode d emploi de cet ouvrage L outil essentiel pour apprendre sur Internet est L ebook version lectronique d un livre un livre lire sur votre ordinateur le plus souvent au format Acrobat PDF Ce livre est au format PDF pour vous apporter un confort de lecture et de navigation bien meilleur qu avec un livre traditionnel v Pour naviguer et vous d placer facilement dans ce livre lectronique vous pouvez utilise
40. Copyright 2011 Myidees com Page 64 sur 106 Pour cr er votre propre charte graphique vous avez trois solutions e Par vous m me Avantage Ma trise totale de l apparence visuelle de votre site Exclusivit de votre charte graphique Inconv nient Difficile d obtenir un design d apparence professionnelle Tr s long mettre en place En passant par un infographiste un designer Avantage Charte graphique exclusive et professionnelle Gain de temps Inconv nient Son prix comptez un minimum de 500 Aucun contr le pour les modifications ult rieures Difficult d obtenir exactement ce que l on souhaite En t l chargeant une charte graphique sur le net Avantage Charte graphique tout pr te l emploi en un clic Charte graphique professionnelle selon le choix Gratuit ou tr s bon march Inconv nient Aucune exclusivit Obligation d ins rer un lien texte sur les pages de votre site Pour mettre en ligne tr s rapidement votre site sans r ellement vous pr occuper de la partie design je vous recommande la troisi me solution La proc dure est simple Choisissez votre kit graphique T l chargez votre kit graphique Installez votre kit graphique Modifiez la charte graphique votre go t vos couleurs Copyright 2011 Myidees com Page 65 sur 106 Des chartes graphiques gratuites ou pour quelques dollars il y en a l embarras du choi
41. E Les fonctions sont pratiques et intuitives W Petit prix sd Faiblesse l allure des sites n est pas tr s professionnelle Exemples de sites IziSpot plus difficile mettre en place que ToWeb ce petit logiciel vous permettra de cr er vos 1 pages et vos premiers sites facilement Voici une version avec un module e commerce 15 mois Izishopping Atouts Enti rement gratuit Nombreuses fonctionnalit s pour du gratuit Forum d entraide r actif Faiblesses Interface mal con ue Design limit Exemples de sites Copyright 2011 Myidees com Page 20 sur 106 Web Acappella est destin aux professionnels vente en ligne commerce PME artisans comme aux particuliers qui veulent cr er et publier un site Web en quelques clics Il est propos 49 ou 99 avec un module e commerce Atouts nN I zZ 2 c D P Q 3 3 D En la M o 3 D D ct OO te pa o 7 nue mn _ m 2 DE Faiblesses Interface pas tr s intuitive Design limit XSitePro est complet particuli rement adapt pour faire du marketing Internet Son prix 197 soit environ 150 Pr Atouts Des De tr s nombreuses fonctionnalit s SitePro amp Facile utiliser Faiblesses La structure des sites est r alis e en tableaux Il est en anglais Design tr s limit De tous les logiciels tout en
42. Interagir en direct avec ses clients 73 4 La newsletter Le on non see ei 74 5 Dynamiser son site Webi sans ras Pen sms 76 Cr er un Site TOR TID Im oran insu totem ideas 80 1 La vitesse de t l chargement s ssssresesssrerrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrree 80 2 La r solution d cran des utilisateurs 82 3 Adapter son site aux navigateurs du Web sssssssssssssssssrrassrrrsrrrsrrenn 83 Les outils de statistiques H ISEP rues dis ose senedacecnede dent dise dique 85 1 Conna tre le comportement de ses visiteurs 85 2 Outils de positionnement sssssrrssssarrrssrrrsnresrnsnsnnsannsnnrrnnrrnenessnnsan 87 Les moyens de paiement utiliser 88 1 Paiements bancaires iii isssiisiisesssssnnersusenenss 88 2 Paiement interbancaireS sssssssssrrsssssnnsssnsnnsnnnnnrossnnnnrennnnnnreeanenan 89 3 Micro Paiement Le initie e a e b eber DE CECA 90 Mettre LR SO de la MIRE A A iii 91 1 Int grer du son sur SON site sssssssssiscsouisnnsnmsetaoutasatoutantenmaensemeestuts 91 2 Int grer une vid o sur son site s s sssssserrrrrrrrrrrrrrrrrrrnrrrrrrrrrrrnrnne 92 Le pouvoir dun popup reUSSi nomment 95 MENT DE domaine summer nio EEEE 97 1 Un nom de domaine c est qUO sssssssssrrsssrsnsssnnnnrosannnrrensannrrrseenan 97 2 Choisir un nom de domaine efficace 98 3 O acheter un nom de domaine since 100 H beiger Som Sje unncunnenaini anaE 100 1 Crit res pour bien choisir son h berge
43. Myidees com Page 66 sur 106 4 Optimiser ses images Lorsque vous souhaitez ins rer des images sur votre site il est important de les optimiser Sans cette optimisation vos pages Web seront bien plus longues charger et consommeront plus de bande passante De plus avant d ins rer une image posez vous la question suivante apporte t elle un l ment suppl mentaire au contenu de ma page Il ne sert rien de mettre des images uniquement pour faire beau C est quoi une image Pour faire simple une image est compos e de pixels picture elements c est dire d un assemblage de petits points ayant chacun une taille tr s infime Plus la taille de l image est grande plus elle contient de pixels plus le poids de l image est important poids exprim s en octets plus le temps de chargement augmente Pour vous donner un ordre de grandeur 100 ko 100 000 octets correspondent un temps de chargement d environ 7 secondes avec un modem 56 k tout le monde n a pas l ADSL Voir ce sujet le chapitre votre site est il fonctionnel En sachant qu une page Web ne doit pas d passer 100 ko grand maximum vous comprenez maintenant pourquoi il est imp ratif de e R duire la taille de vos images e R duire le poids de vos images Quel format choisir La plupart des webmasters n utilisent que le format JPEG pour les images de leurs sites C est pourtant une erreur Pour choisir le format d une image il
44. Page 12 sur 106 Maintenant que vous connaissez les diff rences qu il y a entre un site statique et un site dynamique voyons les diff rentes possibilit s mises votre disposition pour construire un site La liste des outils nonc s ci apr s n est bien videmment pas exhaustive il existe en effet une multitude d outils de cr ation mais les exemples que j ai choisi de vous proposer ont t test s par moi m me et permettent de cr er des sites de qualit plus ou moins bonne selon le cas 2 Cr er soi m me son site Web Si votre souhait est de gagner de l argent via Internet de monter votre petite affaire c est de loin la meilleure solution Mais vous devrez conna tre au minimum le HTML des notions CSS savoir utiliser un logiciel de retouche d images Ex Photofiltre un logiciel FTP Ex FileZilla pour transf rer vos fichiers sur le serveur de votre h bergeur C est mon humble avis le prix payer pour r ussir sur le Web si vous n avez pas les moyens de passer par un prestataire Lorsqu on d marre sur Internet on n imagine pas tout ce que l on peut y trouver comme outils et logiciels GRATUITS notamment au niveau de la conception de sites et de la r alisation de graphismes Vous avez la possibilit de choisir entre deux types de logiciels pour cr er vous m me votre site 1 diteur de site classique Voici un outil gratuit amplement suffisant pour r aliser un site d allure professionn
45. Page 50 sur 106 Mais avant de vous lancer voyons ensemble les inconv nients des frames e Barre de d filement pas tr s esth tique Le cadre 2 ayant une hauteur fixe si votre corps de page cadre 3 a une hauteur sup rieure au cadre 2 une barre de d filement va appara tre e Impossibilit de conna tre la page visit e L URL indiqu e dans la barre d adresse du navigateur correspond la page comprenant le frameset donc le visiteur ne peut conna tre l adresse URL de la page visit e Difficult d impression Il est impossible d imprimer une page enti re L impression se fera uniquement sur le corps de la page cadre 3 Non appr ci e par les internautes Les internautes n aiment pas ce genre de sites car pour visualiser l int gralit d une page ils doivent se servir de cette fameuse barre de d filement verticale pas tr s commode pour naviguer R f rencement tr s d licat Les frames sont incompatibles avec quasiment tous les moteurs de recherche dont Google Pourquoi Un moteur de recherche scanne le texte de la page qu il visite or la page initiale de frames ne comporte que tr s peu de lignes de code HTML Les frames sont donc viter Voyons maintenant pour les tableaux Originellement pr vus dans le but de mettre en forme des donn es les tableaux ont rapidement t d tourn s par les auteurs du Web pour combler un vide qui faisait cruellement d faut au HTML l poque la mise
46. agento est une plateforme e commerce la pointe de la technologie Fonctionnant avec le Framework Zend cette plateforme int gre les derni res contraintes li es au r f rencement des fonctionnalit s de marketing unique une ergonomie bien pens e Bref un vrai bijou Malheureusement la communaut de d veloppeurs autour de cette plateforme est encore tr s limit e Il faut attendre encore un peu pour voir appara tre tous les modules additionnels n cessaires Pour le moment il est donc pr f rable d utiliser Oscommerce ou Prestashop Je vous recommande cette plateforme si vous tes un d veloppeur confirm et que votre projet demande des fonctionnalit s marketing labor es Il existe d autres scripts Open source Php MySQL de bonne qualit tels que Peel ZenCart OpenCart DigiStore OXID eSales Plici Certains CMS syst me de gestion de contenu ajoutent une fonctionnalit e commerce VirtueMart Joomla WordPress e commerce Plugin WordPress Ubercart Drupal PluginXoops Xoops Copyright 2011 Myidees com Page 29 sur 106 2 Choisir un logiciel qui s utilise en mode ASP Ces solutions commerciales fonctionnent sous Windows ASP SQL Serveur Contrairement aux solutions Open Source vous n avez pas acc s au code de programmation Comment choisir son logiciel Il y a de nombreux crit res prendre en compte avant de choisir son prestataire La plus grande erreur est de choisi
47. alis es bande passante e Des services g n raux s curit courrier lectronique Des outils de cr ation de site Des bases de donn es Si vous avez des exigences bien pr cises prenez le temps d observer les diff rents services comparez leurs offres en fonction de vos besoins interrogez les h bergeurs et voyez quelle vitesse ils vous r pondent 1 Crit res pour bien choisir son h bergeur Avant de faire votre choix d finissez vos besoins tant au niveau technique qu au niveau des services que vous souhaitez e Quel est l espace n cessaire pour mon site e Combien aurai je de noms de domaine g rer e Quels services me sont indispensables Liste des crit res prendre en compte pour le choix d un h bergeur H bergement mutualis ou d di Avec l h bergement mutualis votre site sera h berg avec d autres sites sur un des serveurs de votre h bergeur Il convient la plupart des sites car la vari t des services fournis et des co ts d h bergement permettent de choisir en fonction de ses besoins et de faire voluer son site raisonnablement Les h bergements d di s co tent cher et sont adapt s uniquement aux webmasters confirm s Copyright 2011 Myidees com Page 101 sur 106 Espace disque La plupart des h bergeurs proposent suffisamment d espace de stockage pour vos fichiers Une page avec une ou deux petites photos p se en moyenne 0 1 Mo Un site de 1000 pages re
48. atuites d ic nes http icones pro www iconlook com www iconfindernet Voici un site g nial pour cr er son logo gratuitement cooltext com Copyright 2011 Myidees com Page 69 sur 106 Cr er un site interactif L un des avantages d un site Internet est de pouvoir communiquer facilement avec ses visiteurs Un site Internet n est pas juste un support informatif ou commercial En tant que webmaster montrez vos visiteurs qu ils ont de l importance que leurs opinions comptent vos yeux 1 La page de contact Lorsqu on surfe sur un site Internet on aime avoir la possibilit de joindre le webmaster ou l auteur du site visit Eh bien figurez vous que bon nombres de sites et de blogs ne poss dent aucune coordonn e de contact Sans adresse mail ou N de t l phone comment voulez vous qu un visiteur puisse vous joindre Comment pouvez vous donner de la cr dibilit votre site Web si vos visiteurs ne peuvent entrer en contact avec vous Pour parer cela deux solutions s offrent vous pour tablir le contact avec vos visiteurs 1 En ins rant votre adresse mail sur votre site Votre adresse mail peut tre ins r e sur chaque page de votre site footer ou sur une page Web nomm e par exemple Contacter le webmaster 2 En mettant en place un formulaire de contact Ainsi les visiteurs crivent leurs messages en remplissant le formulaire et vous les recevez sur votre messagerie
49. auto r pondeur L acheteur donne son pr nom et son email L acheteur est dirig vers la page de t l chargement pour r cup rer son produit Pas plus compliqu que le processus N 1 Dans l tape 3 de la cr ation du bouton PayPal mettez l URL de votre page o se situe votre auto r pondeur Et configurez votre auto r pondeur en indiquant l URL de la page de redirection page de t l chargement Copyright 2011 Myidees com Page 24 sur 106 Processus N 3 site avec un panier de commande Si vous avez plusieurs produits num riques vendre et que vous voulez donner la possibilit vos clients d en commander plusieurs par un syst me de panier comme un mini e commerce Si vous avez un produit num rique vendre et que vous voulez donner la possibilit vos clients de commander vos produits avec plusieurs moyens de paiement Je vous recommande PMP e commerce Il vous permettra d int grer facilement sur votre site une v ritable boutique avec gestion des paniers de commande EST Cette application en PHP est facile installer et permet de PMP g rer de fa on automatique la vente le paiement et la livraison automatique de produits num riques tels que des A ebooks ou logiciels d s Vous n avez besoin d aucune connaissances en informatique pour l utiliser Compatible avec plusieurs moyens de paiement par ch que par virement par CB PayPal MoneyBookers l application PMP perme
50. avoir des plans bien pr cis avant de commencer Pour un site Internet c est exactement pareil 1 Hi rarchisation de l information Lors de l tape pr c dente vous aviez v list vos informations v ordonn vos id es v organis vos id es en th mes Maintenant pour satisfaire au mieux vos lecteurs vous devez organiser vos th mes groupes d id es sous forme hi rarchique e D finissez vos rubriques principales Chaque th me repr sentera une rubrique de votre site Chacune de vos rubriques doit contenir assez d informations pour pouvoir les pr senter en th mes logiques sur d autres pages de niveau inf rieur e Hi rarchisez vos informations l int rieur de vos rubriques principales Chaque groupe d informations repr sentera une sous rubrique Pour chaque rubrique vous pouvez proposer jusqu 7 sous rubriques Essayez de respecter la r gle des 3 clics C est dire vitez de d passer quatre niveaux dans votre arborescence voir ci apr s Au del de 3 clics l information pr sent e est rarement lue L architecture de votre site est aussi importante que les textes eux m mes pour donner un sens l information Vous devez laborer l arborescence de votre site avec la plus grande logique Il faut savoir anticiper ce que le visiteur va rechercher et surtout faire en sorte qu il ne soit jamais perdu Copyright 2011 Myidees com Page 42 sur 106 2 Cr ation d une carte de site
51. banque vous pr l vera les frais qui sont li s votre contrat commer ant cela s appelle la commission interbancaire Elle est n goci e selon votre CA potentiel et le prix moyen des ventes PayPal est la plateforme s curis e de paiement lectronique par excellence sur Internet C est plus de 100 millions de comptes en service Avec PayPal vous pouvez vendre sur Internet sans CAR aucun frais au d marrage groupe eb L inscription est enti rement GRATUITE tr s simple et rapide Inconv nient le co t par transaction Tr s simple mettre en place vous avez juste un script ins rer pour obtenir un bouton PayPal qui renvoie vers une page de paiement s curis e Ventes mensuelles Co t par transaction De 0 2500 3 4 0 25 Plus de 2500 10000 2 0 0 25 Plus de 10000 50 000 1 8 0 25 noter PayPal est la solution id ale pour d marrer une affaire sur Internet Lorsque vous faites un nombre de transactions important il est plus avantageux d investir dans un syst me de paiement propos par une banque ou Paybox Comparatif PayPal et autres comptes bancaires Copyright 2011 Myidees com Page 90 sur 106 3 Micro Paiement Comme le nom l indique ce sont des organismes qui vous proposent de mon tiser vos produits et d en proposer l acquisition pour des montants qui n exc dent g n ralement pas 50 euros Je vais vous pr senter le leader de ce march
52. ce gratuit avec mise Gas en relief de la syntaxe et mise en forme de cette derni re Pas plus compliqu utiliser qu un simple bloc note En apprenant quelques balises HTML et quelques r gles CSS vous irez beaucoup plus vite mettre en forme vos pages Web En travaillant directement sur le code vous n aurez plus d besoin de conna tre toutes les fonctionnalit s de votre l diteur quel qu il soit noter la Rolls Royce des diteurs Dreamweaver Inconv nients difficile prendre en main le prix plus de 500 euros Module 4 Cr er son site web comme un Pro Tome 1 Int gration d une charte graphique Tome 2 Le X HTML Tome 3 Les bases du CSS Tome 4 Animer et dynamiser un site web gt gt gt Sommaire d taill w Mi K y X y la Ouvrages accompagn s de codes pr ts l emploi Les E gt n Copyright 2011 Myidees com Page 14 sur 106 2 CMS Content Management System Le CMS est un Syst me de Gestion de Contenu SGR Le principe consiste s parer le code le design et le contenu appel de la base de donn es Le plus souvent les CMS comme Joomla Typo3 utilisent une base de donn es MySQL et le langage PHP accept par la plupart des h bergeurs pour interroger la base de donn es Cela permet donc d diter et de g rer un site vraiment complet et dynamique gestion de membres d articles de t l chargements de sondages de lien
53. des sp cEilistes de l information en igne 10 02 09 to ire pour le 24 03 09 Gencevenr La a votre eml S inscnre J the cunc foia por mob mecs Nous respectons re vie pr Mn bleu Quest se 1ei Lis pous sn nent du t afc pous ke en se neriuns mt Tut pl soun Thit Cu sus SOruestiuns net et tan Jertres Sur cette page d accueil nous savons tout de suite ce que le site propose une aide pour r diger notre texte sur le Web Les colonnes Contexte et Outils sont destin es r pondre au besoin de recherche d information La colonne du milieu l Editorial permet toutefois ceux qui le d sirent de faire une consommation imm diate d information en l occurrence une information contextuelle De plus cette page pr sente d autres bonnes raisons pour ne pas surfer proposition de formations de recevoir des articles Vous vous demandez s rement quoi sert ce trac en rouge Eh bien c est la trajectoire du regard d un internaute lorsqu il d couvre un site Le regard d marre en haut et gauche de l cran se dirige vers le centre vers la gauche revient vers le centre pour finir vers la droite de l cran Vous pouvez donc constater deux choses importantes Le premier regard est en haut et gauche de l cran puis le visiteur porte rapidement son regard au milieu de la page du site C est pr cis ment ces endroits que vous devez placer le conte
54. dia unique permettant tous de communiquer facilement aupr s d un potentiel norme de clients Pour communiquer avec cette masse de clients potentiels les attirer augmenter vos ventes votre site Web doit avoir un contenu riche d informations et correctement illustr La qualit d un site Web est un v ritable ch teau de cartes Si vous n gligez un aspect tout le ch teau s croulera quoi bon pr senter de l information de qualit si les internautes s y perdent quoi bon avoir un beau site s il n est pas attractif Copyright 2011 Myidees com Page 9 sur 106 Vos objectifs d termineront le public que vous visez C est uniquement en connaissant votre public que vous pourrez mettre en place toutes les composantes d un site Web d une mani re optimale Soyez consciencieux dans les phases de r alisation de votre site et vous obtiendrez un site attractif et rentable Copyright 2011 Myidees com Page 10 sur 106 Comment cr er un site Internet Dans ce chapitre vous trouverez toutes les solutions qui s offrent vous pour construire un site Internet 1 Site statique ou site dynamique On distingue deux types de sites sites statiques et sites dynamiques Votre choix se fera en fonction des besoins de votre site et de son volution e Site statique Un site statique est constitu de pages HTML cr es l aide d un diteur HTML Le contenu des pages est fixe Pour modifier le contenu d u
55. dre Attention au choix de votre prestataire et de ce qu il vous proposera N ayant pas la ma trise dans tous les domaines le design le d veloppement Web le r f rencement le prestataire doit vous aiguiller vers d autres professionnels pour combler ses lacunes Le tout en un dans les r gles de l art par une et une seule personne je n y crois pas Voici une liste de sites si vous souhaitez externaliser une partie de vos activit s Progonline com agentsolo com Kob one Elance com Et n oubliez pas Un site Internet est un moyen publicitaire puissant qu il ne faut pas n gliger La principale utilit d un site est d tre vu Acheter un site sans r sultat je n en vois pas l utilit Optez pour la qualit et la visibilit Copyright 2011 Myidees com Page 36 sur 106 7 retenir Nous avons vu dans ce chapitre les diff rentes solutions pour mettre en ligne un site Internet gt La premi re solution est de r aliser son site soi m me en utilisant des logiciels tels que KompoZer gratuit ou Dreamweaver payant Avec l diteur KompoZer il est possible de cr er son site en utilisant uniquement les fonctionnalit s de celui ci sans conna tre le HTML et le CSS Mais vous aurez coup s r des probl mes d affichage dans les navigateurs gt Par ailleurs vous avez la solution des CMS Content Management System Les CMS tels que Joomla CMS Made Simple Spip sont personnalisable
56. dre pourquoi je vous recommande de lire cet article Donc ne vous fiez pas uniquement aux statistiques de l outil propos par votre h bergement Par exemple pour le calcul du nombre de vos visiteurs l outil inclut les visites des robots de recherche ce qui entra ne une forte augmentation du nombre de visiteurs Optez pour l utilisation d un outil de statistiques d un serveur distant tel que Google Analytics Ce logiciel appel Urchin co tait environ su 500 euros mois TETE Lors du rachat de ce logiciel par Google il est 2 pass 200 mois Avec quelques fonctionnalit s en moins vous pouvez maintenant l obtenir gratuitement Sans pub sans aucune obligation Juste un script placer sur votre site Comment a marche Vous avez juste ouvrir un compte chez Google Analytics et copier un code sur chaque page Web dont vous souhaitez effectuer le suivi en le pla ant juste avant la balise lt body gt Vous pouvez aussi utiliser Google Analytics en utilisant l interface de Google AdWords par le biais d un onglet Une aide en ligne est accessible sur le centre d assistance Google Analytics Xiti Xiti propose une version gratuite performante J Ea Cette version offre les indicateurs de base vous h EST permettant d obtenir une vision globale de la ne fr quentation de votre site Utilis e par plus de 200 000 sites elle offre la fiabilit et la cr dibilit
57. du standard francophone de la mesure de fr quentation L inconv nient est que la version gratuite de Xiti vous oblige placer sur les pages de votre site une image qui sert de marqueur Vous avez aussi la solution d utiliser votre propre script en pla ant un marqueur javascript sur vos pages Web Le meilleur mon sens dans cette cat gorie est phpMyVisites Voici un comparatif de ces trois outils Copyright 2011 Myidees com Page 87 sur 106 Il existe une forme de statistiques tr s importante le positionnement de votre site sur les moteurs de recherches 2 Outils de positionnement Des outils peuvent enregistrer votre positionnement sur de nombreux moteurs et ainsi vous avez la possibilit de visualiser pour chaque robot les r sultats sur des graphiques Ceci vous permet de conna tre tr s rapidement les modifications apporter sur votre site afin d am liorer son positionnement voir le Tome 3 Il en existe deux tr s performants s adressant surtout aux professionnels du r f rencement et du e marketing AgentWebRanking Ce logiciel permet d effectuer des audits de positionnement et de r f rencement de sites Web sur LL les moteurs de recherches Il vous permet de g n rer des rapports personnalis s pos logo de votre soci t site URL de comparer a plusieurs sites concurrents de comparer des rapports de positionnement dans le temps 2 versions 165 ou 550 an
58. e Si en revanche vous voulez faire une screencast il faut acheter un logiciel du type SnapzProX 69 Screenium 29 Screenflow 99 Tous ces logiciels fabriquent des fichiers mov qu il faut convertir en flv pour utilisation sur un site Avec par exemple Media Convert Copyright 2011 Myidees com Page 95 sur 106 Le pouvoir d un popup r ussi Vous savez s rement ce qu est un popup G n ralement il s agit d un message publicitaire cibl d une petite fen tre qui s ouvre automatiquement lorsqu on acc de une page Web En g n ral cette fen tre surgit l cran de mani re tr s d sagr able pour l internaute Mais le pouvoir du popup n est plus d montrer car il est un bon moyen pour capter imm diatement l attention de vos visiteurs Vous pouvez l utiliser pour e Pr senter une promotion e Pr senter un nouveau produit e Proposer un cadeau l internaute contre son adresse mail Il y a deux conditions pour qu un popup soit efficace e Il ne doit pas tre agressif ne doit pas tre g nant e Il ne doit pas tre bloqu par les logiciels anti popups Vous trouverez de nombreuses solutions pour cr er un popup Voici ma s lection 1 Impact Popup Impact Popup ne cr e aucune nouvelle fen tre agressive En fait votre message cr avec Impact popup fera partie int grante de votre page web comme un post it Celui ci me semble la fois efficace simple per
59. e modifier en direct les fichiers HTML ou PHP Via votre module d administration login mot de passe vous pouvez construire vos pages modifier votre texte ins rer vos images d une mani re tr s simple sans aucune connaissance en informatique Vos donn es textes et photos sont enregistr es dans une base de donn es et non dans des fichiers HTML Le contenu et le contenant sont donc distincts les pages HTML se construisent lors de sa consultation par un internaute en faisant appel la base de donn es volutif Si votre site est destin tre volumineux ou int grer des fonctionnalit s pointues privil giez la solution dynamique En ce qui concerne les mises jour elles sont facilit es gr ce aux outils d administration Fonctionnalit s Gr ce l utilisation d une base de donn es les fonctionnalit s sont bien plus avanc es qu avec une solution statique R f rencement Le r f rencement d un sites dynamique est plus difficile mettre en place Vous devrez avoir de bonnes connaissances en programmation et prendre en compte le r f rencement de votre site d s sa conception Pour quels besoins Solution privil gier pour la construction d un site fort volume demandant des fonctionnalit s avanc es Sans connaissances en programmation vous ne pourrez pas faire voluer votre site modification du design personnalisation des fonctionnalit s Copyright 2011 Myidees com
60. elle KompoZer nouvelle version de Nvu est un diteur WYSIWYG What You See Is What You Get une solution compl te de cr ation de sites Web ayant pour objectif de faciliter le processus de cr ation pour les utilisateurs d butants Pour bien d buter je vous recommande de bien lire cette page Pour vous aider bien d marrer Installation tutoriels et guides Livre sur KompoZer cliquez ici oo Parmi les fonctionnalit s de KompoZer on trouve entre autres m mn mise en forme de votre page Web via des menus et des ic nes insertion de tableaux formulaires images et liens gestionnaire de sites int gr diteur int gr pour la cr ation des feuilles de style Copyright 2011 Myidees com Page 13 sur 106 Pour autant KompoZer a une faiblesse face un concurrent tel que Dreamweaver indentation du code meilleure visibilit du code Pour y rem dier il faut lui ajouter des modules compl mentaires Il est tout fait possible de se servir de l onglet source pour visualiser le code source de la page plus de bug Mais chaque chargement d un fichier HTML dans l diteur celui ci perd sa mise en forme Le code devient donc plus ou moins illisible Tr s contraignant si vous avez l habitude de vous servir du code source pour construire vos pages Pour ouvrir et travailler sur votre fichier HTML servez vous d un diteur de texte externe __ made with Notepad est un diteur de sour
61. els O Communiquer en interne en externe Avec vos clients fid lisation Avec vos prospects Avec vos distributeurs Avec vos commerciaux 000d Vos r ponses vous donneront une bonne vision de ce que sera votre site votre public cible votre message les visuels mettre en place les fonctionnalit s de votre site amp 4 4 Copyright 2011 Myidees com Page 39 sur 106 3 Choisir l activit id ale Pour gagner de l argent avec votre site consacrez votre site un domaine d activit que vous connaissez ou que vous appr ciez Plus vous serez passionn par les produits ou services que vous proposerez et plus vos clients potentiels le ressentiront et seront int ress s par votre site Lors de votre r flexion initiale de l laboration de votre plan projet ne perdez pas de vue ce facteur fondamental e Utilisez votre exp rience pass e dans le monde r el en opposition avec le monde virtuel dont il est ici question e Servez vous de vos connaissances dans un domaine particulier par exemple la mode ou le sport de vos aptitudes personnelles par exemple les langues trang res ou encore la cuisine e Pensez galement faire une recherche en utilisant les principaux moteurs de recherche afin de savoir combien de sites traitent d j de votre sujet et comment ces sites traitent du sujet vitez de vous lancer dans un site consacr aux tennis de table si vous n avez jamais tenu une
62. en page Avant l arriv e du CSS les d veloppeurs pensaient avoir trouv la parade avec les tableaux et ont donc commenc utiliser massivement ces derniers pour du positionnement et autres mises en page complexes Vous allez voir dans l article ci apr s que les tableaux sont franchement inadapt s aux exigences d aujourd hui cause de leurs limites notamment en termes d accessibilit de facilit d utilisation et de maintenance Lire cet article Copyright 2011 Myidees com Page 51 sur 106 2 retenir l heure actuelle il est facile de cr er un site Internet En travaillant avec un diteur de cr ation Web WYSIWYG tel que KompoZer vous pouvez mettre en forme directement vos pages Web et visualiser imm diatement le r sultat sans passer par le code WYSIWYG What You See Is What You Get ce qui signifie Ce que vous voyez est ce que vous obtenez Mais vous vous apercevrez tr s rapidement qu il est n cessaire de conna tre un minimum de HTML si vous souhaitez concevoir de bonnes pages Web Le langage HTML repose sur des r gles bien pr cises publi es par un consortium international le W3C Word Wide Web Consortium Il serait dommage de voir vos pages Web tr s bien interpr t es par un navigateur et illisibles par les autres Le but est vous en conviendrez d avoir un site Internet qui s affiche correctement sur les principaux navigateurs pour obtenir une visibilit maximale Les norm
63. es ayant volu il est important de savoir que W3C a d clar de nombreuses balises obsol tes ou d pr ci es La grande majorit des webmasters n ont pas pris en consid ration ces volutions Il n y a qu voir le nombre de sites utilisant e Des tableaux des frames pour structurer leurs pages Web e Des propri t s de mise en forme interdites telles que lt center gt lt font gt Cr ez votre site en s parant le fond le contenu de la forme pr sentation e Utilisation du langage HTML pour structurer vos pages Web ins rer du texte et images e Application d une feuille de style CSS pour d crire l apparence de vos pages Web Bien entendu vous pouvez mettre en forme vos pages Web en utilisant uniquement le langage HTML mais dans ce cas vous ne garantissez pas la p rennit de votre site Si vous avez l habitude de cr er vos pages Web avec des tableaux sans utiliser les feuilles de style je vous conseille d oublier vos mauvaises habitudes Copyright 2011 Myidees com Page 52 sur 106 La page d accueil une page essentielle 1 Comment cr er une page d accueil efficace La page d accueil est la premi re page qui appara tra l ouverture de votre site Vos visiteurs vont juger votre site par le biais de cette page Il est donc tr s important que vous la r alisiez avec le plus grand soin Votre page d accueil doit r pondre aux questions des internautes e Ce site parle de quoi e Qu e
64. es de donn es Visible l affichage des pages selon l h bergeur Il existe diff rents types de CMS permettant de faire Des sites Web dynamiques Sites Web permettant des mises jour instantan es une interactivit avec les internautes forum syst me de chat newsletter Des portails communautaires Sites Web offrant leurs membres gestion de groupes et de droits un large choix de ressources et de services forum de discussion moteur de recherche espace de publication centr s sur un domaine ou une communaut particuli re Des blogs Sites Web sp cialement con us pour la publication r guli re d articles et d informations Interactivit avec les internautes Des forums priv s ou publics Sites Web permettant l change d informations et la discussion sur un th me donn gestion d acc s des cat gories et des sujets Des galeries photos Sites Web permettant un album photos ajout de photos gestion des cat gories Des e commerces Sites sp cialis s dans la ventes de produits en ligne gestion des produits des commandes Chaque CMS a ses sp cificit s de nombreux modules et th mes pour vous permettre de le personnaliser votre convenance Gr ce des communaut s actives les CMS sont toujours en am lioration mises jour fr quentes corrections des failles de s curit et des bugs et beaucoup de nouveaux modules sont disponibles Copyright 2011 Myidees
65. fis et me sentir utile pour les autres C est pourquoi d s tout jeune j ai cr plusieurs associations but non lucratif jeunesse et d veloppement en 1989 et l association id es en 1991 Initialement lectrom canicien je n ai pratiquement jamais travaill pour un patron Toujours un projet en vue toujours une id e d velopper toujours un voyage pr parer Cr er c est selon moi donner une forme son destin et lorsqu on a l me d un cr ateur il n y a qu une issue possible plonger en envisageant l avenir avec confiance et en s engageant avec la volont de r ussir En passant par l import export la cr ation d un club de rencontres en 1995 j ai toujours voulu voler de mes propres ailes sans pour autant tre obnubil par l argent L app t du gain n a jamais t mon moteur Ma v ritable motivation est dans la satisfaction personnelle d aider mon prochain Beaucoup de personnes en lisant ces derni res phrases penseront que je raconte des balivernes Oui bien s r on a tous besoin de gagner de l argent et je ne suis pas contre la richesse Mais la richesse c est un tout qui passe obligatoirement par l accomplissement de ses convictions Gagner de l argent sur le dos des autres ne me semble pas la bonne mani re pour tre en paix avec soi m me Tout du moins en ce qui me concerne Mes d buts sur Internet remontent 2001 A l poque je passais d un concept un autre en t
66. fournir une ligne t l phonique r mun ratrice sans aucun frais sans abonnement ni engagement Apr s inscription vous obtenez un num ro de t l phone surtax associ votre num ro de t l phone fixe ou portable En d autre termes 2 lignes t l phoniques pour un seul et m me t l phone Avantages Les co ts de communication sont inclus dans la facture t l phonique du client Vous avez donc la possibilit d tre contact par t l phone en vitant de donner votre num ro de t l phone priv Vous gagnez de l argent sur chaque appel Copyright 2011 Myidees com Page 72 sur 106 Inconv nients La personne qui vous appellera paiera cher la communication ce qui est plut t dissuasif environ 1 34 appel 0 34 min Cette solution est adapt e uniquement si vous avez un service bien particulier fournir astrologie voyance un service vendre un conseil une assistance bien particuli re Ne mettez pas en place un N surtax sur votre site uniquement dans le but de gagner de l argent sur les appels Ce serait malhonn te noter vous pouvez aussi mettre en place un N Indigo pour recevoir des appels de personnes sans donner votre N de t l phone personnel Cette solution est bien moins on reuse pour vos clients 0 12 0 15 appel Pour en savoir plus Skype plus de 200 millions de personnes l utilisent dans le monde Vous pouvez utiliser votre co
67. geur comprise entre 550 et 750 pixels Contrairement aux attentes des responsables marketing les internautes semblent tr s nettement pr f rer les emails commerciaux envoy s au format texte C est ce que r v le une tude men e par Opt in News et publi e par Emarketer Copyright 2011 Myidees com Page 75 sur 106 Selon cette enqu te r alis e aupr s d internautes ayant re u des emails publicitaires 62 des personnes interrog es d clarent pr f rer les documents lectroniques sous format texte Vient ensuite le format HTML 35 et enfin loin derri re les messages en Rich Media 3 Le faible succ s de ce format s explique certainement par la n cessit de disposer d une importante bande passante Personnellement je pense que le format texte est plus adapt pour une entreprise qui n a pas pr senter les photos de ses produits La p riodicit Les fr quences varient du tout au tout selon le but de votre newsletter Certains pr f rent le quotidien d autres le mensuel avec toutes les p riodicit s interm diaires Voir ce sujet le Tome 3 Fr quence d envoi des messages Envoi en manuel ou en automatique Si votre but est juste d informer vos lecteurs des nouveaut s de votre site un simple syst me de newsletter suffit Si vous souhaitez vendre par email optez pour un auto r pondeur Voir ce sujet le Tome 3 Outils utiliser pour envoyer des emails 5 astuces pour augmenter le
68. ght 2011 Myidees com Page 93 sur 106 tape N 3 h bergement de la vid o 1 La solution la moins contraignante est d h berger sa vid o sur YouTube Dailymotion Google vid o etc Dans ce cas vous devez cr er un compte pour uploader votre vid o Il ne vous restera plus qu ins rer le code HTML fourni pour int grer la vid o sur votre site Le code fourni n tant pas valide au standard W3C lisez cet article 2 La deuxi me solution est d h berger ses vid os sur son propre h bergement Dans ce cas il faut trouver un lecteur de vid o FLV en Flash Il en existe de nombreux Je vous en propose un o tout se passe en ligne FLV Player e Choisissez le type normal maxi e Cliquez sur G n rateur e Indiquez l URL o se trouve votre fichier vid o sur votre serveur h bergement Ex http votresite com dossiervideo fichier flv Mettez sur 1 l autoplay si vous voulez que la vid o d marre en automatique etc e Copiez le code HTML et ins rez le sur une de vos pages Web Et voil votre vid o en ligne noter Pour ceux qui utilisent le navigateur Mozilla celui ci demande de t l charger un plugin pour lire les fichiers en flv Copyright 2011 Myidees com Page 94 sur 106 La meilleure fa on de pr senter un produit tel qu un logiciel est d enregistrer et de mettre en ligne des vid os explicatives captur es directement partir de votre cran On appelle cette capture vid
69. isamment grande Mettez en avant les titres et intertitres en jouant sur la taille des caract res Copyright 2011 Myidees com Page 59 sur 106 Majuscules Utilisez les majuscules pour des titres de rubrique Evitez les majuscules dans le texte d un paragraphe Italique utiliser uniquement pour les citations ou les titres d uvres Soulignement vitez de souligner du texte autre que les liens hypertextes Soignez la pr sentation de vos textes et titres vitez les animations ralentissant la navigation Evitez les textes clignotants ou d filants Evitez les textes avec des lignes trop longues 90 caract res maxi ligne Soignez le contraste entre la couleur de vos textes et celle du fond de votre page Web Respectez la r gle des trois crans En g n ral la longueur d une page ne doit pas d passer 3 crans pour limiter le d filement vertical Le premier cran doit rassembler l essentiel de l information et inviter la d couverte du reste de la page Vous pouvez toutefois aller jusqu 5 ou 6 crans grand maximum Si votre texte est trop long faites deux pages avec une navigation suivant pr c dent vitez le d filement horizontal Il n y a rien de plus d sagr able que de se servir du d filement horizontal pour voir une page dans son int gralit Quelle que soit la r solution de l cran de votre utilisateur faites en sorte qu il n ait pas l utili
70. l adresse email du visiteur Utilisez la partie inf rieure pour des informations de moindre importance Footer bas de page Cette partie n est pas n gliger Mettez vos coordonn es les conditions d utilisation de votre site Copyright 2011 Myidees com Page 55 sur 106 Votre page d accueil doit contenir les informations indispensables au contact mettre l aise votre visiteur et lui donner l impression imm diate qu il a trouv le bon site Rappelez vous que vous n avez aucune notori t Il est donc imp ratif que vos visiteurs puissent vous identifier en tant que personne physique Sur votre page d accueil doivent figurer e Votre nom ou celui de votre entreprise e Votre adresse postale e Votre adresse mail ou un lien vers une page contact Votre N de t l phone si vous souhaitez que l on vous contacte de cette mani re Votre page d accueil est la page la plus importante de votre site Web Prenez le temps de concevoir cette page avec le plus grand soin Prenez le temps d crire un message de qualit qui INVITE le lecteur surfer sur votre site plut t que sur celui du voisin Voyons maintenant ensemble toutes les erreurs ne pas commettre Copyright 2011 Myidees com Page 56 sur 106 LA 2 Les erreurs viter Ne pas faire figurer son nom et son adresse postale Sans ces l ments vous ne serez pas cr dible aux yeux de vos lecteurs C est l mentaire et obligatoire
71. leure interaction avec l internaute Votre nom de domaine doit si possible e tre simple et le plus court possible meilleure m morisation pour l internaute e Avoir une r elle signification meilleure compr hension pour l internaute 3 O acheter un nom de domaine Les solutions pour r server un nom de domaine ne manquent pas Il est important d acheter son domaine chez un registrar agr par l ICANN Le choix du fournisseur se fera essentiellement sur le prix vu que les services qu ils proposent sont quasi identiques Un des moins chers du march avec des services de qualit est l h bergeur I amp i Toutefois si vous souhaitez acheter un nom de domaine s par ment de l h bergement je vous conseille Gandi De cette mani re vous pourrez changer facilement d h bergeur en cas de probl me Copyright 2011 Myidees com Page 100 sur 106 H berger son site S il y a un seul poste sur lequel vous ne devez pas h siter investir quelques euros c est l h bergement de votre site Web Il est important de pouvoir compter sur son h bergeur car sans lui pas de site pas de visites pas de ventes et pas de gains Trouver un h bergeur pour son site Internet c est comme trouver des locaux pour son entreprise L h bergeur vous alloue e Une adresse sur Internet adresse IP Un espace de stockage des m gaoctets Un chemin d acc s au r seau Internet par l interm diaire de lignes sp ci
72. ligne Les internautes aiment exprimer leurs opinions Donc sondez vos internautes et assurez vous que votre site offre ce qu ils attendent Avec ce type d outil interactif vous pouvez par exemple tester un nouveau concept animer votre site sondage du jour une enqu te de satisfaction de vos clients une tude de march Magic Questionnaire Limesurvey Livre d or Cet outil est particuli rement int ressant pour conna tre l avis de vos visiteurs sur la qualit de votre site Web Livre d or Signatux celui que j utilise Copyright 2011 Myidees com Page 77 sur 106 Forum Un forum est avant tout un site d change entre le webmaster et ses visiteurs ainsi que pour les visiteurs entre eux Avoir son propre forum est un tr s bon moyen de dialogue mais prenez en compte le temps pass l administrer Mettre en place un forum n est pas facile si vous n avez aucune notion de PHP MySQL Quelques solutions de forums phpbb Forum professionnel Atouts Tr s complet de nombreuses fonctionnalit s Inconv nients Difficile mettre en place pour un d butant Une certaine lenteur dans son ex cution Punbb Le petit fr re de phpbb e Atouts Facile administrer Bien plus rapide que phpbb Code source lisible et bien comment documentation support francophone e Inconv nients Difficile mettre en place pour un d butant Moins riche en fonctionnalit s
73. m me fonction e tre plac s dans le m me ordre e Avoir les m mes intitul s de rubriques De plus votre menu principal doit pr senter des liens vers vos th mes ou rubriques les plus importants de votre site Internet Cela vous para t peut tre logique mais sur beaucoup de sites il faut chercher pour trouver la page d accueil Certains placent le lien de leur page d accueil sur leur logo C est tr s bien mais cela ne suffit pas Placez votre bouton Accueil toujours en premier sur votre barre de navigation principale Variante si vous n utilisez pas de menu principal vous devez cependant ne pas oublier de mettre un lien Retour la page d accueil sur toutes vos pages R gle N 2 r alisation d un menu secondaire Certains liens doivent tre pr sents sur toutes les pages mais ce n est pas pour autant qu il faut les int grer dans la barre de navigation principale Notamment les liens tels que FAQ Liens utiles Carte du site Conditions g n rales de vente Copyright 2011 Myidees com Page 46 sur 106 R gle N 3 largeur profondeur du site Vous devez quilibrer la largeur et la profondeur de votre site Plus votre site est profond plus l acc s l information est difficile On en revient la r gle des trois clics expliqu e pr c demment Plus votre site est large plus votre site deviendra illisible On remarque beaucoup de sites o tous le
74. n site TM MB Eau a een 33 Za A EE A a a ERa Sni ie 36 Denni son prole ereas n n N ai 37 1e POUrJUOI APP EEEE E E N E EE EEEN 38 23 POUF QUT Pensiuni a S RRE Ea NENEA ui ice 38 3 Choisir l activit I Gl 5 2 anses vi actes 39 4 Les Erreurs a viter a an dale sense OEE Erne 40 L arborescence d un site Web iorsininiiiciniiiipidiiiiiddidipiiad ibni donin inie BbES 41 1 Hi rarchisation de l information ss 41 2 Cr ation d une carte de SIbB sise ducs dira danerini dites 42 3 R gles respecter Li naionneencednnddn ennemi E 45 R alisation d une page Web iussssnisentinisiat nienasNteneeesp enennuid 49 1 Techniques de mise en PASS 5 satire musee 49 ZA retenir PRE rnt o e EE O EE o a Neia E O E 51 La page d accueil une page essentielle 52 1 Comment cr er une page d accueil efficace 52 2 Les erreurs a VIe a na ane EA DEEE aA ANARAN EAE RATEN nn 56 Presentation d unste ME sataitamantiantammi domiti 58 1 Une mise en page r uUSS e sssssrrrrrrsserrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrne 58 2 Mise en relief d une page Web ss sssssssssssssrrrrsssnrrrsssnrrrrrsnnnrrennnrrren 60 3 L identit OrADHIQU said inside sh assises nets encens 62 4 Optimiser ses IMAQRS ns ee Ra Rein aan 66 Copyright 2011 Myidees com Page 7 sur 106 Creer un Site mteractif D aa aaa 69 1 La page d COntaCt sissssssssssusnsiseneinissssinmesmervesshnianinelusensissssuncusouses 69 2 Les coordonn es t l phoniques 71 3
75. ne page il faut modifier le fichier HTML correspondant sur votre ordinateur en local puis transf rer ce fichier vers votre h bergeur via un client FTP File Transfert Protocol volutif Si le contenu de votre site textes et photos doit voluer rapidement privil giez la solution statique N anmoins les mises jour vous demanderont un minimum de comp tences informatiques langages de programmation Fonctionnalit s Pour le rendre interactif dynamique il faudra ajouter des fonctionnalit s li es des bases de donn es Vous devrez soit avoir des connaissances en PHP MySQL soit utiliser des scripts pr ts l emploi R f rencement Les pages tant individualis es URL naturel pour chaque page il est plus facile d obtenir un bon r f rencement Pour quels besoins Un site statique est privil gier pour la construction d un site faible volume ne demandant pas des fonctionnalit s tr s pointues Evitez le recours un prestataire pour les mises jour trop cher Copyright 2011 Myidees com Page 11 sur 106 e Site dynamique Dans le cadre d un site dynamique le contenu texte et photos et la pr sentation des pages mise en page sont g r s ind pendamment Un site dynamique se compose de deux parties distinctes la partie visible celle qui est visible aux internautes la partie administration r serv au Webmestre Pour modifier le contenu d une page plus besoin d
76. nel Dans ce chapitre vous allez prendre connaissance des diff rents points respecter pour obtenir un site fonctionnel c est dire un site r pondant aux exigences du Web 1 La vitesse de t l chargement Lorsque je vous expliquais quelques chapitres plus haut qu il faut r duire le poids de vos images c est bel et bien pour acc l rer le chargement de votre site Web Le poids maximal d une page Web photos texte devrait en g n ral ne pas d passer 100 ko Sachez que 100 ko sont vite atteints si vous ins rez plusieurs photos sur votre page Web tant donn que chaque image ins r e sur votre site ralentit le chargement de votre page Web choisissez uniquement celles qui donnent une r elle plus value au contenu de votre page La majorit des internautes ont acc s l ADSL mais ce n est pas pour autant qu ils ne peuvent pas rencontrer des probl mes de performance tels que la surcharge du r seau aux heures de pointe De plus il faut prendre en compte les internautes environ 2 millions connect s en bas d bit Le haut d bit se maintient 93 des Evolution du nombre d internautes internautes en France domicile en France en millions Le nombre d internautes de plus de 11 ans Mai 2008 E connect s l Internet haut d bit chez eux a progress de 14 en un an 25 81 millions Haut d bit ss sie jun 2008 Mais ceux connect s en bas d bit ont augment encore plus vite de 1
77. nnexion Internet pour convertir votre ordinateur en t l phone Internet et passer des appels gratuits vers des utilisateurs Skype De la m me mani re les utilisateurs de Skype peuvent vous appeler sans payer Pour ce faire chaque utilisateur doit t l charger un petit logiciel sur son ordinateur et tre muni d un casque audio L avantage vous parlez en mains libres sans combin Vous devez vous dire mais si la personne ne conna t pas Skype Il existe un autre service appel skypeln une solution conomique pour passer des appels tarif r duit de votre ordinateur via Skype vers des t l phones fixes 0 017 min et mobiles 0 164 min Les visiteurs de votre site qui n utilisent pas Skype peuvent vous contacter en composant votre N en ligne votre N Skype Pour en savoir plus Copyright 2011 Myidees com Page 73 sur 106 3 Interagir en direct avec ses clients Un internaute qui dialogue est d j presque un client Le chat est une alternative efficace et conomique au t l phone comme canal d interaction en temps r el Vous avez par exemple Plugoo qui propose des services de communication li s la messagerie instantan e Le Widget Plugoo offre aux visiteurs de votre site Web la possibilit de vous contacter en temps r el sur votre Messenger MSN Messenger GoogleTalk Yahoo Messenger AOL AIM ICQ Jabber O My Plugoo gt D sol je suis absent en ce
78. nsuelle De plus vous n tes pas li un prestataire votre boutique vous appartient Inconv nients son co t de mise en place L h bergement de votre site reste votre charge e L assistance Lors de la mise en place de votre boutique il est utile de savoir si vous aurez un suivi gratuit une aide technique une assistance par t l phone et ou par email e Et le tarif bien entendu Copyright 2011 Myidees com Page 32 sur 106 En standard les plateformes d e commerce proposent plus ou moins les m mes fonctionnalit s Mon choix portera donc avant tout sur deux crit res la structure des sites et le r f rencement naturel optimis N h sitez pas visiter les sites ci dessous Liste non exhaustive pour conna tre en d tail leurs propositions Structure URL Tarif rewriting 42stores L CSS Oui 2 3 du CA 39 ou 89 mois Ugal L CSS Oui 19 49 mois Enlignetoutsimplement L CSS Oui 500 95 mois Myeshop L Tableaux Oui 300 99 300 mois Oxatis L Tableaux Oui 50 mois Rentashop L Tableaux Oui 99 mois cl en main 4300 Store factory L CSS Oui 50 mois Wizishop L CSS Oui 5 0 5 du CA Kiubi L CSS Oui 25 95 mois ShopFactory A CSS Oui 400 ou 800 A achat du logiciel Loc location mensuelle mes favories Sur le march des solutions e commerce le paysage est de plus en plus
79. nt de temps int grer les outils que je vous propose Avec Iservice vous avez la possibilit d ajouter tout un tas de services et de fonctionnalit s sur votre site sans savoir pratiquer la programmation Du sur mesure Vous pouvez par exemple ajouter des fonctionnalit s tr s professionnelles sur votre site telles que e Une newsletter Un livre d or Un forum e Un service de petites annonces Un module de news de sondage e Proposer un espace de partenariat ou d change de banni res Installer un compteur de clics ou de visites Ce service est gratuit si vous acceptez qu Iservice affiche de la publicit pour ses services non recommand Il est pr f rable de prendre un abonnement Sylver 24 H T an ou Gold 60 H T an Vu la qualit de leurs scripts la garantie d obtenir des codes s curis s je trouve que les prix d abonnement sont justifi s Pour en savoir plus Cliquez ICI Avec Service Webmaster vous aurez acc s une multitude d outils pour webmasters et des scripts en PHP AJAX Les outils propos s sont tr s professionnels et le responsable est tr s r actifs aux demandes de ses clients Personnellement c est celui que j utilise pour mes modules commentaires sur Comment gagner sur internet Il propose deux abonnements 2 ou 4 euros mois L encore le prix est plus que justifi Copyright 2011 Myidees com Page 80 sur 106 Cr er un site fonction
80. nu qui retiendra l attention du visiteur Voici un tr s bon article sur l tude de suivi du regard sur la pr dominance du texte sur l image ou la n cessit d crire concis D autres aspects sont abord s tels le colonnage les variations typographiques ou le positionnement des barres de navigation redaction be Copyright 2011 Myidees com Page 54 sur 106 Voici un exemple de page d accueil avec les l ments indispensables mettre en place avec un emplacement respecter Header Footer Header haut de page Les yeux de l utilisateur commen ant parcourir le site dans le coin sup rieur gauche vous devez ins rer l adresse de votre site Web et une baseline Baseline mi slogan amp mi th matique cet l ment doit permettre au visiteur d avoir une id e de l objectif de votre site Cet l ment est capital pour un site non reconnu Navigation principale menu principal En g n ral la barre de navigation se trouve cet emplacement Cependant il n y a pas de r gle pr cise quant son positionnement Vous pouvez tout aussi bien cr er un site sur deux colonnes et placer votre menu sur la colonne de gauche ou de droite Corps de page Sur la partie sup rieure vous d crirez l objectif de votre site Cette partie doit tre tr s a r e et contenir peu de texte ou d images Vous pouvez renforcer le message en proposant une newsletter o un cadeau en t l chargement pour capter
81. ompagn es d exemples pr cis PHP pour d butant Excellent ouvrage qui pr sente toutes les questions se poser pour concevoir un site de qualit Mag d couvrir absolument R ussir son site Web en 60 fiches Pour d marrer avec Wordpress ce livre est tr s complet et vous apportera une aide pr cieuse WordPress 3 Et bien entendu la formation du club strat gie si vous souhaitez avoir le tout enun Copyright 2011 Myidees com Page 105 sur 106 Aidez moi vous aider Le but de cet ouvrage est de vous aider r aliser votre site Web De nombreux liens sont pr sents pour apporter cet ouvrage de nombreuses informations compl mentaires Si vous constatez que des liens sont bris s merci de me pr venir en m envoyant un mail avec comme objet du message Erreur sur l ebook intitul gt Dans le message indiquez la nature du probl me et sur quelle page il se trouve Si vous souhaitez pr senter votre produit ou service sur cet ouvrage apporter de nouvelles id es des critiques des commentaires sur celui ci n h sitez pas me contacter contact club strategie com Vous avez aim les trois tomes de la collection 100 Utile Souhaitez vous que cette collection volue JE VEUX FAIRE UN don 1 2 5 10 D avance merci pour votre aide Thiesse JA kkxk xkx x xk xx xx kkxk xkx x xk xx xx Copyright 2011 Myidees com Page 106 sur
82. opyright 2011 Myidees com Page 83 sur 106 3 Adapter son site aux navigateurs du Web C est quoi un navigateur Un navigateur Web ou navigateur Internet est un logiciel qui vous permet de naviguer surfer sur Internet Autrement dit sans navigateur impossible d acc der Internet Les principaux navigateurs utilis s Navigateurs Parts des navigateurs utilis s par les Fran ais Internet Explorer 47 9 Mozilla Firefox 29 3 Chrome 12 8 Safari 7 8 Op ra 0 6 Autres 1 6 Source Journal du Net En visualisant ce tableau il n y a pas photo Votre site doit s afficher correctement sur le navigateur Internet Explorer et Mozilla car plus de 77 des internautes les utilisent En affichant votre site Internet sur les diff rents navigateurs vous verrez qu il n appara tra pas exactement de la m me mani re Donc c est vous d adapter votre site aux navigateurs en prenant en compte les petites variations visuelles li es ceux ci Comment tester son site sur les diff rents navigateurs Vous avez deux possibilit s soit en local soit en ligne En local c est dire sur votre ordinateur je vous recommande d installer au minimum en plus d Internet Explorer Firefox Chrome Copyright 2011 Myidees com Page 84 sur 106 gt Pour tester en Local les diff rentes versions de IE utilisez IETester T l chargez cette application Download IETester v0 2 3 Et ex c
83. ori t de votre entreprise R aliser de la vente en ligne Am liorer votre communication externe pour vos clients prospects Am liorer votre communication interne pour vos commerciaux Am liorer vos performances commerciales R aliser une base de donn es clients prospects Fid liser votre client le Tester un nouveau produit ou service Augmenter votre zone de prospection Offrir de l information Offrir de nouveaux services vos clients aaagaaqagaaaoaaog N oubliez pas Votre site doit vous correspondre r pondre vos besoins et aux attentes de vos clients et prospects crivez sur une feuille de papier toutes les id es qui vous passent par la t te a Ordonnez vos id es et organisez les en th mes Copyright 2011 Myidees com Page 38 sur 106 2 Pour qui Cette question est tr s importante Plus votre r ponse sera compl te plus votre site sera adapt la cible que vous visez Votre contenu sera en parfaite ad quation avec les recherches des internautes De plus vos textes devront tre l g rement diff rents si vous vous adressez par exemple des particuliers plut t qu des professionnels Questions r ponses pour vous aider dans votre projet Web O Obtenir de nouveaux clients Des particuliers Des professionnels Des adultes Des enfants Des femmes Des hommes maoaad O Obtenir de nouveaux distributeurs O VRP O VDI O Grande distribution O Magasins traditionn
84. otre visiteur risque de partir imm diatement sans consulter votre site Il est vrai que c est tentant de mettre une banni re en haut de sa page d accueil ou des annonces Google AdSense C est vous de voir Dans tous les cas ne transformez pas votre page d accueil en un talage de pubs sous pr texte que vous pourriez toucher quelques commissions Utiliser des technologies non standard Utilisez du code HTML standard pour vos pages Web Oubliez le flash les applets java car si votre visiteur n a pas le bon plugin install sur son ordinateur il ne prendra pas le temps de le t l charger avec ce type de langage votre page sera beaucoup plus longue se charger Faire une page d accueil trop lourde Votre page doit se charger le plus rapidement possible N oubliez pas que beaucoup de particuliers n ont pas encore l ADSL Ne pas mettre de barre de navigation Votre site doit tre structur de telle mani re que votre visiteur trouve rapidement les principaux th mes de votre site Ne faites pas compliqu lorsque vous pouvez faire simple Ne pas faire de mises jour amp s il y a une page que vous devez mettre jour c est bien la page d accueil Montrez vos visiteurs que votre site bouge Chaque semaine vous pouvez par exemple sur la partie inf rieure de votre page ajouter un petit article une nouveaut un lien vers une de vos pages peu visit e Copyright 2011 Myidees com Page 5
85. ouvez par exemple utiliser des images sans avoir la couleur d arri re plan PNG Portable Network Graphics Il existe deux types de fichiers png le png8 et le png24 Png8 utilise 256 couleurs comme le format GIF Png24 utilise des millions de couleurs comme le format JPEG La compression est non destructrice c est dire que la compression n alt re pas la qualit de l image mais supprime des couleurs superflues Ce format convient pour tous types d images et g re la transparence Copyright 2011 Myidees com Page 68 sur 106 noter Il existe d autres formats d images comme par exemple le BMP ou le TIFF Ces formats ne sont pas recommand s pour le Web car vous ne pourrez pas compresser vos images Conclusion Pour les photographies je vous sugg re d utiliser le format JPEG Pour les autres images vous pouvez utiliser le format GIF ou PNG Voir cet article Le PNG face au GIF Un outil simple utiliser Une fois que vous aurez choisi le bon format d enregistrement vous utiliserez des outils pour mettre l image la taille voulue et r duire son poids au maximum Il existe de nombreux logiciels de traitement d images mais ils sont souvent compliqu s manipuler exemple Photoshop Gimp Pour traiter et optimiser vos images d une mani re simple je vous recommande Photofiltre Cliquez ICI pour le t l charger et comprendre son fonctionnement Voici quelques liens vers des sources gr
86. patible avec les navigateurs principaux Firefox Op ra Netscape IE8 Son inconv nient Si vous ne connaissez pas grand chose en programmation vous aurez un peu de mal r aliser son int gration et surtout le modifier aux couleurs de votre site Copyright 2011 Myidees com Page 71 sur 106 Conclusion Le formulaire est de loin plus pratique plus incitatif et plus agr able qu un lien W Fi m mailto Pr f rez l usage d un formulaire plus complexe mettre en place mais qui apporte une puissance non n gligeable la page R pondez Les visiteurs qui vous adressent un message doivent tre trait s avec attention Si vous souhaitez vendre en ligne dites vous que chaque email re u doit tre consid r comme un l ment de PROSPECTION 2 Les coordonn es t l phoniques Pour ce qui concerne de savoir si vous devez indiquer vos cordonn es t l phoniques tout d pendra de vous Avez vous envie de r pondre vos visiteurs pour les renseigner pour les aider les rassurer La grande majorit de vos visiteurs pr f reront vous contacter par email Donc pas de crainte vous ne serez pas submerg par les appels t l phoniques Il existe deux autres moyens pour tre contact par t l phone sans donner son num ro de t l phone priv Cr ation d une Hotline tout en tant pay chaque appel Anciennement appel Selftelecom monservicevocal est le premier op rateur
87. pr sente donc 100 Mo Choisissez au minimum un espace de 100 Mo pour tre l aise Si vous avez un contenu plus important des animations avec de nombreuses photos pr voyez plus large noter l espace disque Web est selon les cas ind pendant ou non de l espace disque occup par les comptes Email Trafic mensuel ou bande passante Le trafic est le volume d informations chang es entre les visiteurs et le serveur Plus le site est visit plus il r alise un trafic important En d autres termes le trafic mensuel est la somme des fichiers pages images t l charg s par vos visiteurs en un mois 5 Go 5000 Mo de trafic correspondent environ 5000 0 1 MO 1 page soit 50 000 pages vues ce qui est d j beaucoup Langages de programmation vitez les offres qui ne proposent pas de langage de programmation PHP ASP vous permettant de rendre votre site dynamique Vous serez tr s vite limit si vous voulez ins rer des fonctionnalit s telles qu un forum un livre d or etc Adresses Email Il est int ressant d avoir un compte Email chez son h bergeur pour avoir une adresse email de la forme contact monsite com Le nombre de domaines h bergeables signifie que vous pourrez g rer un nombre restreint de noms de domaines Si par exemple vous souhaitez h berger 10 sites avec 10 noms de domaine il serait dommage que votre h bergement n en ait pr vu que 5 Les bases de donn es Une
88. programme d affiliation etc ED m PON O N S T O EUR ECHRDERENNE ED Copyright 2011 Myidees com Page 91 sur 106 Mettre du son de la vid o 1 Int grer du son sur son site Vous avez plusieurs solutions pour mettre de la musique sur votre site Web Le plus simple est d utiliser Dewplayer Mini 1 9 160x20 D Classic 1 9 200x20 D Multi 1 9 240x20 D 0gp Ce lecteur tr s l ger 4 ko vous fournira les fonctions n cessaires lecture pause stop Il est gratuit alors pourquoi s en priver Pour l installer et comprendre son fonctionnement cliquez ICI Il y a une autre mani re de mettre du son votre propre voix votre message Si je pouvais vous montrer une fa on tr s simple d ajouter de l audio sur votre site pour attirer l attention de vos visiteurs augmenter votre cr dibilit et vos ventes en quelques clics seulement seriez vous int ress Vous avez aussi Impact Web Audio utilise les trucs des f pros pour transformer un audio banal en audio IMPACT professionnel ues avoiy AA E 19H dU 1 De quelle mani re C est simple il ajoute un fond musical qui masque les imperfections derri re la voix REAMIN WED ALNO MADE Zo Mimass oeo Impact Web Audio est simple d utilisation Pour le d couvrir cliquez Ici noter Pour enregistrer sa voix il faut un micro et un logiciel audio T l charger Audacity Tutoriels Audacity Copyright 2011 Myidees com Page 92 sur 106
89. que phpbb Simplemachines e Atouts Facile administrer Design l gant e Inconv nients En anglais Peu de documentation Copyright 2011 Myidees com Page 78 sur 106 nowhere sheep e Atouts Facile administrer Ne n cessite aucune base de donn es e Inconv nients Peu de fonctionnalit s Peu de documentation Si vous n avez pas envie de vous casser la t te mettre en place un forum il existe une tr s bonne solution Forumactif e Atouts Facile administrer Gratuit e Inconv nients Options payantes Si vous souhaitez cr er votre propre forum en un clic je vous recommande celui ci Il est gratuit et personnalisable Vous obtiendrez un forum sous le nom de domaine http VotreNom forumactif com Options payantes Votre propre nom de domaine 15 an Suppression de la publicit Google AdSense 20 an Espace de stockage suppl mentaire 5 an pour 500 Mo Pour 35 an vous obtenez donc un forum professionnel h berg sur leur serveur et 20 Mo d espace de stockage bien suffisant pour d marrer De plus un forum d entraide est mis votre disposition pour r pondre vos questions Copyright 2011 Myidees com Page 79 sur 106 Nous avons vu dans ce chapitre qu un site doit t moigner d une certaine interactivit Si vous d butez et c est compr hensible vous n avez s rement pas envie de passer norm me
90. r ces balises Sinon vous n avez aucune chance que les moteurs de recherche les indexent correctement l dition d un Sitemap cr ation d un plan de site La r alisation d une arborescence de tous les liens de votre e commerce informe les moteurs de recherche sur les modifications que vous avez apport es vos pages Copyright 2011 Myidees com Page 31 sur 106 e Location mensuelle ou achat d une licence Vous aurez le choix entre deux modes de paiement La location mensuelle Ce mode locatif permet la mise disposition d applications des tarifs tr s comp titifs gr ce une standardisation et une mutualisation des co ts Avantages Ces prestataires louant des logiciels install s sur leurs serveurs le co t initial de mise en place de votre boutique sera moins cher L volution les mises jour du logiciel et l h bergement de votre site sont pr vus dans le co t de votre abonnement Inconv nients Vous devrez payer votre prestataire tous les mois durant tout le temps que vous exploiterez votre boutique En d finitive apr s quelques ann es le co t sera plus important que si vous achetiez la licence d un logiciel De plus n tant pas propri taire de votre boutique le jour o vous d cidez de partir vous perdez tout Achat d une licence En achetant votre logiciel de e commerce vous obtenez une totale libert d action Avantages paiement en une fois pas de location me
91. r la table des mati res et cliquer sur le titre ou sur un sous titre d un chapitre vous serez alors dirig directement sur le sujet et la page concern e Signets Mode d emploi de cet ouvrage v En cliquant sur un mot crit en bleu et soulign vous serez dirig vers un site Internet ou une page de t l chargement externe cet ouvrage pour un compl ment d information Il en va de m me pour les images dont certaines sont cliquables et vous dirigent donc vers un site ext rieur cet ebook Vous pouvez galement redimensionner les pages de cet ebook en utilisant la fonction correspondante de votre outil de lecture de fichiers PDF pr f r Nous vous recommandons d utiliser Adobe Acrobat Reader que vous pouvez t l charger gratuitement en quelques secondes Enfin pour les lecteurs qui souhaitent pouvoir personnaliser cet ebook en y ins rant leurs propres liens un mode d emploi leur sera fourni Copyright 2011 Myidees com Page 3 sur 106 Chaque semaine recevez la newsletter du Club Strat gie NEVVSLETTER Vous souhaitez obtenir gratuitement les 3 tomes de la collection 100 Utile au nom de votre site Rien de plus simple Inscrivez vous Ici Copyright 2011 Myidees com Page 4 sur 106 Propos de l auteur Je m appelle Thierry Dubois j ai 42 ans p re de deux grands enfants 18 et 24 ans et depuis toujours le plus important pour moi est d exercer un m tier qui me pla t me lancer des d
92. r sa plateforme en se basant uniquement sur le tarif Pour vous aider faire le bon choix selon vos besoins voici les crit res primordiaux prendre en compte avant de vous engager La charte graphique Les boutiques en ligne pullulent sur le Web L attraction de votre boutique en ligne d pendra donc en grande partie de son aspect visuel Attachez de l importance au design de votre site Si vous avez d j une boutique un magasin optez pour une charte graphique personnalis e vos couleurs partir de votre logo votre carte de visite votre univers graphique noter renseignez vous si l int gration de la charte graphique est factur e en suppl ment Le paiement en ligne s curis De nombreuses plateformes proposent le paiement s curis en ligne par CB en suppl ment Donc il est important que savoir si cette option qui ne devrait pas en tre une est comprise dans le tarif indiqu N oubliez pas les frais li s la vente en ligne Pour un contrat de VAD vente distance variable selon les banques frais d ouverture 150 250 abonnement mensuel 15 50 commission sur chaque transaction 0 5 1 5 co t fixe par transaction Pour PayPal commission sur chaque transaction 3 4 1 4 co t fixe par transaction 0 25 Copyright 2011 Myidees com Page 30 sur 106 e Boutique optimis e pour le r f rencement Peu de personnes prennent ce
93. raquette Cela peut vous sembler illusoire et vous allez peut tre penser que ce que je viens d crire est une vidence mais d trompez vous car c est l une des raisons de l chec de certains entrepreneurs du Web Copyright 2011 Myidees com Page 40 sur 106 4 Les erreurs viter Se lancer dans la cr ation d un site sans avoir pr par son plan Mettez noir sur blanc vos id es et envies la base de votre projet D finissez vos objectifs V Observez ce qui se fait d j sur Internet dans votre domaine de pr dilection pour vous en inspirer ou justement pour vous diff rencier Ne pas avoir clairement d fini sa client le potentielle Ciblez votre future client le potentielle D terminez pr cis ment le type de produits ou services que vous proposerez Se jeter t te baiss e dans un projet qui n est peut tre pas viable N h sitez pas tester votre id e aupr s de votre famille et de vos amis avant d aller plus loin dans le d veloppement de votre projet V rifiez l int r t qu il suscite En effet ce qui vous para t tre une id e g niale est peut tre sans grand int r t pour le reste du monde Copyright 2011 Myidees com Page 41 sur 106 L arborescence d un site Web Maintenant que vous avez d fini vos objectifs vous devez regrouper toutes vos id es dans un plan de site clair pr cis et viable Si vous voulez construire une maison vous attendrez d
94. ravaillant sans vraiment suivre une m thode de travail et sans aucune connaissance particuli re J ai commenc par le MLM car j ai trouv dans ce mode de commercialisation un moyen de me rendre utile Malheureusement j ai vite d chant Mes gains n taient pas la hauteur des efforts fournis Je me suis vite rendu compte qu il tait impossible de conna tre le succ s sans connaissance J tais tellement impatient vouloir gagner de l argent rapidement que je faisais les m mes erreurs que 99 des gens Copyright 2011 Myidees com Page 5 sur 106 En 2003 apr s un grave accident je me suis r fugi derri re Internet pour mieux appr hender ce m dia de masse J ai COMPRIS que pour Cr er sa Net Entreprise il faut avoir des connaissances approfondies telles que savoir faire passer des messages r aliser un site attrayant et bien sur le rendre visible En 2005 j ai d cid de suivre pendant deux ans une formation de d veloppeur informatique l institut informatique de millau J ai toff mes connaissances en me sp cialisant dans le web marketing afin d avoir tous les outils pour cr er ma petite entreprise En 2008 j ai partag mes connaissances en crivant la Collection 100 Utile Sa diffusion m a permis de me construire une liste de contacts dans cette niche J ai ensuite r alis une formation p dagogique sur le webmarketing et le webmastering l un ne va pas sans l autre
95. re vos clients et ils peuvent payer avec leur carte bancaire sans difficult s particuli res Parfois m me si votre client utilise une carte d bit diff r cela lui permettra de b n ficier d un petit laps de temps avant que son compte soit d bit Vous devrez souscrire un contrat de vente distance VAD Les frais sont variables selon les banques frais de contrat 150 250 abonnement mensuel 15 50 commission sur chaque transaction 0 5 1 5 co t fixe par transaction 0 0 2 Renseignez vous aupr s de votre banquier pour obtenir toutes les informations n cessaires Copyright 2011 Myidees com Page 89 sur 106 2 Paiement interbancaires Paybox Services vous permet de choisir votre tablissement bancaire Si vous souhaitez ne pas tre d pendant d une banque je vous sugg re Paybox Plus de 7000 commerces l utilisent lt gt Paybox vous apporte donc toute l ind pendance PAYBOX souhait e aussi bien au niveau du large choix de p E A VIE cartes accept es qu au niveau de vos ventuels changements de banque Vous obtiendrez une plateforme de paiement s curis et un Back Office complet et performant Saisie Cr dit Statistiques Journal Black List La seule condition tre titulaire d un contrat de vente distance Mise en service 390 H T Abonnement mensuel 23 74 H T Au del de 100 transactions mois 0 069 transaction La
96. rexploit s Le but est bien d avoir un site Web fonctionnant 24 h 24 7 j 7 Choisir son h bergeur en se basant uniquement sur le prix Ce n est pas parce que c est bon march que c est forc ment mauvais et vice versa il y a de mauvais h bergeurs dans toutes les cat gories de prix Ne vous pr cipitez pas chez le premier h bergeur dit Discount sans prendre le temps de conna tre les services ainsi que la l galit de leur activit Copyright 2011 Myidees com Page 104 sur 106 Apprendre pour r ussir Si vous souhaitez construire un site Internet de qualit ou une belle page de vente vous devez avoir quelques connaissances en informatique Voici donc trois sites qui vous proposent des formations et des informations gratuites pour acqu rir rapidement les fondements indispensables Le site du Z ro Le site o vous apprenez faire un site en partant de z ro Alsacr ations Tutoriels sur le XHTML et CSS CSS D butant Cours de CSS feuille de style pour apprendre g rer vos couleurs vos polices de caract res vos couleurs de fond et bien plus encore Un excellent choix pour bien d marrer Sans doute le meilleur livre pour d buter La grande vertu de ce livre c est de ne jamais laisser le lecteur en panne avec une question R ussir son site Web avec XHTML et CSS M thode d apprentissage tr s p dagogique Les explications sont claires simples et toujours acc
97. rs Internet Explorer e Le syst me d exploitation utilis par vos visiteurs Windows Mac Os e Le domaine source les noms de domaine URL o vos visiteurs ont trouv un lien vers votre site Bref vous aurez votre disposition norm ment d informations qui vous seront utiles pour optimiser am liorer la structure de votre site Par exemple si vous voyez que vos visiteurs visitent uniquement votre page d accueil vous devez revoir votre page d accueil afin de la rendre plus attractive et ainsi les pousser aller plus loin Autre exemple vous remarquez qu une page de votre site n est jamais visit e C est peut tre tout simplement le lien qui n est pas assez visible mal plac Si vous avez opt pour un h bergement payant vous trouverez des outils statistiques plus ou moins performants selon l h bergeur Il existe deux types de statistiques Web e Statistiques issues d un serveur Web Ces statistiques propos es par votre h bergeur sont en fait une lecture des fichiers logs archives des connexions votre site Exemples Webtrends Webaliser e Statistiques issues d un serveur distant Il existe une multitude de syst mes des gratuits et des payants Exemples Xiti Estats Weborama Copyright 2011 Myidees com Page 86 sur 106 Le probl me est qu il y a une norme diff rence entre les r sultats mis par les deux types de statistiques nomm s plus haut Si vous voulez compren
98. s de forums La gestion est facilit e par une interface d administration accessible en ligne Il contient un diteur qui vous permet d ins rer textes photos autres m dias C est aussi simple que de taper du texte dans Word ou OpenOffice Beaucoup de sites indiquent que vous n avez pas besoin d avoir de connaissances en HTML CSS et PHP pour utiliser un CMS Je ne suis pas tout fait d accord avec cette fausse v rit Il est vrai qu un CMS permet un non initi e L installation d un site Web en peu de temps e La mise jour de son site sans aucune connaissance technique e L int gration de fonctionnalit s avanc es blog forum Mais la construction d un site ne s arr te pas ses mises jour et sa configuration dans son tat standard Tout CMS demande de comprendre le code avant de le modifier Et croyez moi ce n est jamais simple de comprendre un code que vous n avez pas con u Prenez ce crit re en consid ration avant d utiliser un CMS pour votre site Toute personnalisation vous demandera un temps d adaptation des connaissances en e HTML CSS pour modifier l apparence de votre site e PHP SQL pour modifier et configurer des fonctionnalit s Copyright 2011 Myidees com Page 15 sur 106 Un CMS a aussi ses inconv nients Code accessible tous Un hacker peut trouver une faille de s curit et l exploiter Faites r guli rement des mises jour Lenteur d acc s aux bas
99. s jusqu un certain point Bien s r il existe des CMS payants que l on peut faire r aliser par des professionnels mais leur prix risque d tre prohibitif noter la solution WordPress est une tr s bonne solution pour mettre en ligne un blog ou un site web professionnel Conclusion Pour obtenir ce que vous souhaitez vous n avez pas des milliards de choix vous apprenez cr er votre site Web ou vous passez par un prestataire mon avis que vous soyez particulier ou professionnel avec un petit budget la meilleure solution pour mettre en ligne votre site Web est d avoir suffisamment de bases pour le modifier et le faire voluer Copyright 2011 Myidees com Page 37 sur 106 D finir son projet La premi re tape avant la construction de son site Internet est de d finir son son but Organisez vous pour que l allure de votre site soit professionnelle sans pages manquantes avec une ergonomie bien pens e avec un contenu bien structur R fl chissez calmement ce que vous attendez de votre site pour qui vous le faites et pourquoi 1 Pourquoi Les raisons d avoir un site Internet ne manquent pas site vitrine pour pr senter ses produits d marcher de nouveaux prospects vendre en direct d velopper sa popularit aupr s du grand public Voici quelques r ponses pour vous aider dans votre r flexion Pr senter votre entreprise Pr senter vos produits services Augmenter la not
100. s com Page 43 sur 106 Vous avez termin votre premier sch ma pr sentant l arborescence de votre site Avant d aller plus loin revenez sur le sch ma pr sent ci dessus Et tudiez la navigation en vous mettant la place de l utilisateur Les chemins qui partent de la page d accueil vers les rubriques et sous rubriques sont mis en place Mais est ce que l utilisateur ne voudra t il pas prendre un autre chemin pour obtenir l information plus rapidement Par exemple l utilisateur se trouvant sur la page forum veut parcourir votre boutique pour visualiser vos diff rents produits Devra t il remonter la hi rarchie et repasser la page d accueil pour aller votre page boutique Bien s r que non Mettez en place d autres liens sur votre carte de site en r fl chissant au comportement de vos utilisateurs aux chemins qu ils aimeraient prendre Toujours est il qu il ne faut pas mettre des liens partout Ne liez pas votre page d accueil avec toutes les autres pages Soyez logique Qui sommes nous Boutique 4 Forum i Descriptif g L entreprise produit 1 Descriptif Contact 4 produit 2 Lien de navigation d une page une autre Cette structure hi rarchis e par th mes est la meilleure mani re de proc der lorsqu il y a beaucoup d informations pr senter Copyright 2011 Myidees com Page 44 sur 106 Vous pouvez aussi organiser certaines pages de votre site de mani re s quentielle
101. s liens de navigation se trouvent sans tri logique au premier niveau menu de gauche menu horizontal menu de droite C est vraiment ce qu il ne faut pas faire Sur votre page d accueil ne mettez pas plus de 20 liens hypertextes Trouvez un juste milieu entre accessibilit et lisibilit R gle N 4 l apparence des liens hypertextes Le lien hypertexte est l essence m me de la navigation sur Internet Que se soit un lien interne ou externe ce lien doit tre e Explicite En lisant l intitul du lien l utilisateur doit avoir une id e de l information qu il Va visualiser e Soulign Pour un souci de standard il est pr f rable de souligner tous les liens hypertextes Ce n est pas l internaute de chercher vos liens e Couleur standard Il est vrai que nous avons l habitude des liens non visit s en bleu soulign et les liens visit s en rouge pourpre Privil giez cette couleur standard Toutefois si votre design le permet vous pouvez utiliser une autre couleur condition que les liens soient toujours aussi visibles et identifiables e Ni trop long ni trop court Utilisez de deux cinq mots pour d crire vos liens Utilisez des mots qui seront repris sur votre page de destination tr s bon pour le r f rencement Copyright 2011 Myidees com Page 47 sur 106 R gle N 5 possibilit de revenir en arri re Pour une navigation s quentielle vous devez donner la possibilit aux utilisateurs
102. s vos attentes et vous proposer un devis d taill De cette mani re vous saurez combien co tera votre site Web Copyright 2011 Myidees com Page 34 sur 106 La mise en ligne d un site Internet passe par de nombreuses phases tude pr alable comprendre les attentes du client cahier des charges e La conception Fonctionnelle structure ergonomie Technique type de programmation fonctionnalit s optimisation pour le r f rencement Visuelle charte graphique e La r alisation Cr ation des pages Web mise en place du contenu des photos Conformit aux standard du Web W3C int gration de la charte graphique L h bergement mise en ligne du site La promotion R f rencement sur Google dans les annuaires change de liens e La maintenance les mises jour la s curit Toute ces phases de cr ation et d exploitation demandent de nombreuses heures de travail Il ne faut pas croire que vous obtiendrez un site Internet professionnel cr dans les r gles de l art sans d penser un centime Vous trouverez des propositions de cr ation la location ou pour quelques euros mais avant de succomber la tentation de ces r alisations prix discount posez vous les questions suivantes e Est il con u de mani re professionnelle Votre site se t l charge t il rapidement Votre site s affiche t il correctement sur les diff rents navigateurs De pr f rence optez pour un
103. s vous permettra une personnalisation maximale de votre blog Le choix est immense L inconv nient majeur de WordPress r side dans le fait qu il n est pas con u pour le r f rencement Tr s peu de templates sont optimis s pour le r f rencement Pour bien d marrer je vous recommande ces deux sites S rie de Tutoriels de Videonoob fr Formation de Blog Expert A noter Une formation Wordpress est pr vue au sein du Club Strat gie pour septembre octobre 2011 Copyright 2011 Myidees com Page 19 sur 106 3 Utiliser un logiciel tout en un Ce genre de logiciel permet de construire un site rapidement et sans aucune connaissance Le revers de la m daille vous serez tr s vite limit dans son volution Ce type de logiciel est con u plus particuli rement pour des sites personnels des sites d information pour communiquer une passion et la rigueur pour un site vitrine sauf XsitePro Si vous ne voulez vraiment pas apprendre le HTML vous avez plusieurs solutions correctes qui ne demandent aucune connaissance particuli re ToWeb est le plus simple des logiciels que j ai test Vous pouvez cr er g rer et publier vos sites Web en toute simplicit et en un temps record Il existe 4 versions dont une gratuite mais avec l affichage de publicit Deux versions 35 et 49 pour la r alisation d un site classique Et une version avec un module e commerce 75 ___ Atouts SERR
104. ser Copyright 2011 Myidees com Page 60 sur 106 2 Mise en relief d une page Web Avez vous d j entendu l expression lire en diagonale Dans la presse crite la plupart des gens ont l habitude de lire de cette mani re lorsqu ils d marrent un article C est uniquement apr s avoir t accroch par un titre ou un slogan qu ils d cident d une lecture plus attentive Selon Jakob Nielsen 79 des internautes lisent toujours en diagonale et seulement 16 lisent mot mot Sur Internet il est normal que ce ph nom ne s amplifie vu le nombre d informations mises disposition de l internaute Qu est ce que cela implique Votre site Web doit r pondre deux objectifs e Permettre vos lecteurs de trouver rapidement l information recherch e e Contenir assez d informations pour assouvir la soif de vos lecteurs Conseils pour mettre en relief vos pages Web e A rez vos textes Un cran ne doit tre rempli qu 50 de texte et de graphisme Le reste est consacr au fond d cran Faites respirer la page par des espaces vides qui reposeront le lecteur Utilisez des titres et des intertitres crivez des titres accrocheurs En mettant des titres entre les diff rents paragraphes vos visiteurs auront un aper u global de l information en un seul coup d il Ne faites pas trop d espace entre les intertitres et le texte qui suit Utilisez des listes puces ou num rot es Ce type de lis
105. sonnaliser simple int grer sur une page avec un look qui sort de l ordinaire 2 Popup Domination Tr s bon Plugin Wordpress qui permet de mettre en place un popup attractif Un bon moyen pour augmenter les inscriptions votre newsletter 3 Popup g n r avec Aweber L auto r pondeur Aweber permet de g n rer des popups de la m me mani re que Popup Domination La configuration est tr s simple Copyright 2011 Myidees com Page 96 sur 106 4 Capteur de sortie Il existe aussi une autre forme de popup tr s int ressant Au lieu d afficher une fen tre l ouverture d un site Web vous pouvez placer un popup qui s affiche uniquement lorsqu il d tecte que l internaute est sur le point de quitter votre site Ce popup s appelle un capteur de sortie Il en existe sous plusieurs formes On trouve par exemple des scripts PHP qui doivent tre charg s transmis via FTP sur le serveur de votre h bergeur de site il n est pas compatible avec 100 des h bergements Et ExitGrabber un logiciel qui ne demande aucune installation et est beaucoup plus facile utiliser fonctionne uniquement sous Windows C est donc un bon moyen pour faire r agir une personne qui veut quitter votre site Ce sera le moment de pr senter sur cette fen tre capteur de sortie vos promotions l inscription votre mailing liste faire une offre que l internaute ne peut refuser 5 Peel away ads C est une publicit d un
106. st ce que ce site peut m offrir e Comment puis je acc der aux diff rentes informations e Y a t il du nouveau depuis ma derni re visite On peut comparer la page d accueil d un site Internet la vitrine d un magasin Tant que l internaute n a pas cliqu sur un lien il est toujours au seuil du magasin Le but d une page d accueil est donc d inciter l internaute franchir ce seuil Sachez que votre page d accueil doit retenir l attention de votre lecteur et ce en quelques secondes si vous voulez qu il prenne la peine de visiter les autres pages de votre site Plusieurs tudes d montrent que les visiteurs prennent seulement 10 secondes pour d cider si oui ou nonils vont continuer leur visite Il est donc primordial d utiliser ces dix secondes de mani re optimale Qu est ce que cela implique Votre visiteur doit comprendre tout de suite l objectif de votre site savoir ce que vous pouvez lui offrir Le message de votre page d accueil doit tre tr s concis e R digez le but la vocation de votre site Internet avec une accroche de quelques mots une deux phrases comportant de 15 20 mots chacune e Pr sentez 3 ou 4 bonnes raisons au visiteur de rester sur votre site t l chargement d un ebook proposer vos services proposer au visiteur des articles une mini formation Copyright 2011 Myidees com Page 53 sur 106 Voici un exemple d un message r ussi redaction be s CR Le site
107. st impossible de donner une r ponse unique et vidente C est comme si vous me demandiez combien co te une voiture Je vous r pondrais voulez vous une 2 CV ou une Porsche Voulez vous rouler 90 ou 250 Km heure Pour un site Internet c est exactement la m me chose Un site Web pour quel projet Le prestataire doit avoir une id e pr cise de votre projet tant donn que plusieurs crit res entrent en jeu en premier lieu c est vous de r pondre aux questions suivantes Quel est l objectif de votre site la client le vis e Quel type de site voulez vous cr er un site vitrine d information un site pour vendre une boutique en ligne e Voulez vous une charte graphique personnalis e e Voulez vous un site statique un site dynamique e Avez vous d fini l arborescence de la structure de votre site e Quel temps voulez vous consacrer votre projet e Quelles fonctionnalit s souhaitez vous int grer sur votre site e De combien de pages Web avez vous besoin e Avez vous travaill sur son contenu informatif e Souhaitez vous des mises jour en interne ou en sous traitance e Voulez vous un r f rencement de votre site dans les moteurs de recherche et sur combien de mots cl s e Souhaitez vous un suivi de votre r f rencement Cette liste de questions n est bien videmment pas exhaustive En pr sentant votre projet sur papier votre prestataire pourra visualiser au plus pr
108. t au client d acheter en un minimum d tapes les produits d sir s Voici la liste des fonctionnalit s du script e Livraison automatique des produits num riques en t l chargement e Relance automatique des clients n ayant pas termin leur commande e Gestion des droits d acc s aux fichiers en t l chargement et ou aux pages prot g es de votre site Web e Possibilit de limiter le nombre de t l chargements d un fichier pour chaque client et dans le temps e Cr ation d une base clients e G n rateur de factures automatique e Possibilit de configurer un code promotionnel pour chaque produit e Gestion dynamique d une boutique virtuelle param trable depuis le tableau de bord du script Un forum d utilisateurs est votre disposition pour r pondre toutes vos questions concernant la configuration et l int gration de ce script sur votre site noter Il existe aussi ce script non test pour implanter un module e commerce sur son site Copyright 2011 Myidees com Page 25 sur 106 Pour vendre des produits num riques une simple page de vente suffit C est quoi une page de vente Une page de vente est une page Web con ue sp cialement pour vendre un seul et unique produit Sa particularit est qu il n y a pas de menu de navigation De cette mani re votre visiteur ne sera pas attir vers d autres produits ne sera pas enclin visiter une autre rubrique de votre site cliquer sur
109. te donne du relief votre page tout en num rant diff rents l ments importants Copyright 2011 Myidees com Page 61 sur 106 e Utilisez la couleur ou la mise en gras pour les mots importants Attention de ne pas utiliser la m me couleur que celle utilis e pour vos liens hypertextes e Utilisez des visuels images graphismes photos Choisissez des visuels qui ont un rapport direct avec le contenu de votre page Web e D tachez votre information en plusieurs paragraphes crivez de petits paragraphes Chacun de vos paragraphes ne doit contenir qu une seule id e e D coupez votre page Web en plusieurs blocs d informations D coupez la page en zones clairement distinctes zones r serv es la navigation au contenu Encadrez certaines zones de texte noter Selon une tude d nomm e Usage de l Internet r alis e par ISH Institut des sciences de l homme seulement 17 3 des internautes lisent un texte enti rement sur cran alors que 37 3 l enregistrent pour le lire plus tard et que presque la moiti des internautes l impriment Il est donc conseill de pr voir une version imprim e de vos pages Web ou de donner la possibilit vos lecteurs de t l charger une version en PDF Copyright 2011 Myidees com Page 62 sur 106 3 L identit graphique L importance de l identit visuelle n est plus d montrer Le contenu d un site peut tre tr s riche mais la premi re chose que
110. tre page Web Cochez la case Compute estimated download 2 1 Analyze HTML syntax speeds I Verify regular links URL http is optional 1 Verify image links g g T Generate word counts Vous allez obtenir un tableau comme ci dessous 2 1 Spel check nor HTML text Size in bytes taille ou poids de la page Compute estimated download speeds Check search engine compatibility 1 byte 1 octet gt 44553 44 553 KO Check site link popularity Proceed with diagnosis T1 ADSL 256 Les modems 14 4 33 6 n existent plus oparzaaog Estimated download times seconds Object type Number Size in bytes 14 4 28 8 33 6 56k 128K T1 HTML 1 17357 1266 6 94 5 79 4 96 2 17 087 Images 5 27196 19 84 10 88 9 07 7 77 3 40 1 36 Total 6 44553 32 50 17 82 14 85 12 73 5 57 2 23 noter avec cette application vous pouvez aussi analyser votre code HTML v rifier vos liens vos images etc Copyright 2011 Myidees com Page 82 sur 106 2 La r solution d cran des utilisateurs Avant de choisir la taille de votre site vous devez prendre en consid ration la r solution d cran de vos utilisateurs Les internautes utilisent majoritairement les r solutions 1024 x 768 et 1280 x 1024 Environ 8 des internautes naviguent encore avec une r solution de 800 x 600 sur des crans de 15 pouces Source Journal du Net Choisir sa r solution d cran
111. un c est de loin le meilleur Son inconv nient c est qu il est en anglais et vu qu il comporte de nombreuses fonctionnalit s sa prise en main peut prendre du temps noter gt Deux diteurs de sites test s et particuli rement d cevants Webcreator Pro4 de nombreuses fonctionnalit s mais de nombreux bugs sont g n r s pendant son utilisation L diteur r pond rarement aux questions Website X5 evolution il fonctionne tr s mal sous Firefox bug lorsqu on veut cr er des tableaux impossible de modifier les balises meta r f rencement gt Vous pouvez aussi confier votre travail un consultant Pour r aliser un site professionnel la solution apparemment la plus appropri e est celle d en confier la r alisation un expert Dans ce cas vous devrez fournir des indications pr cises et les contenus n cessaires pour que le site corresponde ce que vous voulez L inconv nient c est que vous serez li votre prestataire pour les volutions De toute mani re pour la r alisation d un site complexe vous n aurez pas le choix Copyright 2011 Myidees com Page 21 sur 106 4 Comment vendre des produits num riques Le plus important quel que soit le proc d utilis est de mettre en place un syst me automatis permettant l acheteur de t l charger le produit num rique ebook logiciel juste apr s le paiement Processus N 1 bouton PayPal L acheteur clique sur le
112. ur sssssssssssrrrrrserrrrrensrrsses 101 2 Choix d un h bergeur s sssssssssrrrrrsressrersrerrrrrrrrrrrrrrrrrrrrrrrrrrrrrrne 103 3 Les erreurs a vite e icsse oo cn A es 104 Apprendre pour reussir i sssissdonasatioaneatsosensncenstsnsentinsidientiadisscin 105 Aidez moi a vous alder cnssomns miam 106 Copyright 2011 Myidees com Page 8 sur 106 Avant de vous lancer dans la construction d un site Internet vous devez avoir une id e pr cise de son utilit besoin de visibilit am lioration de la notori t collecte de donn es vente en ligne La cr ation d un site Internet passe avant tout par une tude pr alable qui est diff rente selon sa cat gorie e Site vitrine Site pr sentant des produits ou services d une entreprise Ex vous tes un lectricien et vous souhaitez pr senter votre entreprise et votre savoir faire e Site d information Site fournissant une information particuli re un type d internautes et permettant ventuellement le payement en ligne Ex sur votre site vous pr sentez de l information sur l cologie et vous permettez vos lecteurs de commander des produits ou services au moyen d une carte bancaire e Page de vente Une page de vente a pour objectif de capter l attention du lecteur sur un produit unique pour le vendre Exemple Site marchand ou e commerce Site sp cialis dans la vente de produits en ligne EX Amazon L Internet est un m
113. uter cette application D e O Accuei i gt Eoaea Pr c dent Suivant Rafraichir Arreter Pace Favoris Otiors A V rifier het i d acrseit prupos Ver siuri Favoris Options 1F Tester IC 5 5 IC G 7 webste promotion vous vo 8 website promotio 0077308 2 amp torid 1 amp chanrel 5658C 111408 amp ie 1S50 8829 180e IL 7 IE 8 bzta 2 it par d faut v U 5 3U 11 gt Pour tester en ligne les diff rentes versions de FireFox utilisez Scapture URL http ex http www exemple com Navigateur Firefox 3 new 7 pr sentation des navigateurs dans la FAQ R solution EN SVGA IM Capturer le pied de page l7 Ne pas publier la capture Avec cet outil vous avez aussi la possibilit de visualiser l affichage de vos pages Web selon diff rentes r solutions d cran G nial non Pour en savoir plus Tester son site Copyright 2011 Myidees com Page 85 sur 106 Les outils de statistiques utiliser Il est int ressant d tudier le comportement de vos visiteurs lorsqu ils surfent sur votre site 1 Conna tre le comportement de ses visiteurs Avec un outil de statistiques vous allez apprendre exactement comment ils naviguent sur votre site et ce que vos visiteurs regardent e Les pages populaires les pages les plus demand es e Le nombre de pages vues par visite e Le nombre de visiteurs par jour par mois e Le type de navigateur utilis par vos visiteu
114. x Exemples Nombre http www styleshout com free templates php 30 http wWww templateworld com 50 http www csstemps info templates php 81 http opensourcetemplates org 9 http cssnature org showcase page 2 240 http www bloggingthemes com 29 http www freecsstemplates org 474 http www free css templates com 219 http wWww opendesigns or 1363 http Www openwebdesign org 3688 http wWww templateyes com html templates htm 60 http www sixshootermedia com free templates 11 http www free css com 1176 http www ex designz net template tempcat asp cat_id 13 419 http www freelayouts com websites order downloads desc 1128 http wWww themesbase com page 1 5440 http www besttemplatedesign com template index aspx 300 page 0 amp PageLast 5 http www dreamtemplate com templates Free Website Te 122 mplates html http Www simavera com free web templates_1 html 20 gt Plus de 1000 th mes Wordpress Note Importante Si vous souhaitez utiliser un th me gratuit je vous recommande vivement de vous limiter aux th mes propos s par Wordpress org Pourquoi En tr s grande majorit les sites qui proposent des th mes gratuits pr sentent de nombreux inconv nient tels que licence et droits pas souvent respect s des th mes crypt s qui ne vous permettra pas de faire certaines modifications des liens cach s ou publicit s int gr s dans le th me Copyright 2011
115. z un menu d roulant si vous avez plusieurs options diff rents prix pr senter sur votre page de vente Cochez Identifiant de compte marchand s curis pour plus de s curit Personnaliser un bouton Vue de rachete F Ajoutez un menu d roulant avec un prune option Exempie I Ajouter un menu d roulant sans prix Exemgie IMT Ajouter un champ de tete Exemple Acheter E RTS 7 es Exp dition et livraison Utiliser un montant sp cifique EUR Taxe s Utiliser te taux de TVA identifiant du marchand pour les transactions d achat Qu est ce que c est 7 identit compte marchand s curis En Adresse email en texte brut gt Etape 2 Suivez votre stock vos b n fices etvos pertes facultatif gt Etape 3 Fonctions de paiement facultatif _ Cr er un bouton L tape 2 vous n en avez pas besoin L tape 3 renseignez l URL de vos pages de redirection une page pour l annulation non obligatoire et une page pour le t l chargement du produit M Diriger le client vers une page URL sp cifique apr s l annulation du paiement http ff votresite com annulation html Par exemple https fwwwmonmagasinentigne comfannulation M Diriger le client vers une page URL sp cifique apr s le paiement http www votresite com paiement html Par exemple https Awww monmagasinenligne comipaiementeffectue Attention de bien renseigner ces liens Votre acheteur sera m content s

Tout pour réussir son site web

Contents

Download Pdf Manuals

Related Search

Related Contents

Tout pour r&eacute;ussir son site web

Contents

Download Pdf Manuals

Related Search

Related Contents

Tout pour réussir son site web