Comment créer une entreprise de conception de site Web et de référencement réussie pour 2023

1. Introduction: Bienvenue à cette occasion d'apprentissage passionnante. Je suis Leighton, votre webmaster. J' ai consacré plus de 15 ans à la conception développement de centaines de sites Web pour des entreprises réputées à travers le monde. Engagement à la qualité a armée plus de 100 critiques cinq étoiles. Et maintenant je vous offre mes secrets. Permettez-moi de partager les conseils, les astuces et les compétences que j'ai apprises tout en gérant et en gérant une entreprise de design Web réussie. Pourquoi le web design ? Nous verrons l'attrait de ce genre d'affaires. Certains avantages viennent à l'esprit. Vous êtes intéressé par la liberté financière ? La liberté de travailler de n'importe où dans le monde ? Liberté de définir votre propre horaire, liberté de choisir avec qui vous souhaitez travailler. Ici, il y a beaucoup d'avantages à embrasser cette industrie. Et ma master class vous apprendra les fondamentaux de la conception web, le codage, les domaines, l' hébergement, les e-mails, les certificats SSL, WordPress, et le thème Devi à la façon de construire un site Web. Concevoir visuellement et développer des sites de commerce électronique d'une page et multi-pages et conviviaux pour les mobiles. Où aller pour l'inspiration du design, ressources d'image et les meilleurs outils de conception Web disponibles. Numéro trois : comment créer votre marque, qui comprend votre site Web professionnel, votre logo, votre adresse e-mail, vos cartes de visite et votre portefeuille numérique. Et comment promouvoir votre numéro de conception web drainé pour l'optimisation des moteurs de recherche en utilisant à la fois sur site et hors site techniques de SEO et comment les services de SEO cellulaire. Numéro 5, plans de maintenance de site Web, comment créer de la valeur et créer des revenus passifs en offrant à vos clients un plan de maintenance de site Web qui comprend l'hébergement, la gestion, les mises à jour et les services de sécurité. Numéro 6, comment servir les clients ? Je vous guiderai tout au long du processus, gagnant une entrevue avec des clients, citant leur site Web, en envoyant des propositions et des contrats, facturant et en taxes, en intégrant des clients, en concevant, en développant, en polissant, et le lancement de sites Web et le maintien de vos clients. Et le numéro 7, les conclusions et les plats à emporter. 10 points à emporter pour le succès. Dix choses que j'aimerais savoir dès le départ, et 10 choses à éviter lors de la gestion d'une entreprise de design web. Fondamentalement, vous apprendrez les bases solides dont vous avez besoin pour démarrer une entreprise de conception Web réussie. Maintenant, je ne crois pas aux garanties. Je ne crois pas et obtenir des plans rapides riches, mais je crois en l'honnêteté et le travail acharné. Et avec les connaissances de ce cours, en tandem avec une éthique de travail solide, vous pouvez récolter les avantages de cette merveilleuse entreprise. Je l'ai vu de première main. Laisse-moi t'aider. Je promets de vous enseigner ces concepts pratiques et exploitables d'une manière attrayante. Et chaque leçon aura des occasions de faire une pause et récemment. Et les devoirs importants où vous pouvez mettre cela moins que l'action. Alors commençons. 2. PARTIE 1 : Les principes de base de la conception Web: Bienvenue. Je suis Leighton, votre webmaster. Dans notre première série de leçons, nous allons apprendre les principes fondamentaux du web design. Ces leçons nous allons explorer le codage, les noms de domaine, les serveurs d'hébergement, les comptes de messagerie, SSL, la sécurité, WordPress, et le thème Devi. Après avoir appris les principes fondamentaux, nous apprendrons à construire un site Web. Nous allons parler de votre marque et vraiment comment développer votre entreprise de design web. Mais avant de faire tout cela, nous avons vraiment besoin de comprendre techniquement comment fonctionne un site Web. Si vous savez déjà comment cela fonctionne, vous pouvez passer à travers cela. Mais si vous êtes tout nouveau dans cette industrie, vous vous demandez peut-être, ce qui est impliqué dans la construction d'un site Web. Qu' est-ce que je commence ? Maintenant, quand j'ai commencé à construire des sites Web il y a 15 ans, j'ai dû apprendre le code. Avez-vous entendu parler du code ? Est-ce que des langages de codage viennent à l'esprit ? Il y a quatre grands langages de programmation web. Il y a HTML, CSS, JavaScript et PHP. Html est le langage de programmation de base de tous les sites Web. Css vous donne un design de site web, la couleur et le style. Javascript vous donne une fonctionnalité de site Web. Et PHP vous permet d'interagir avec des serveurs et des bases de données. Je vais donner plus de détails sur ceux de la prochaine leçon. Mais vous pourriez penser, toting est cher et difficile à apprendre droit ? Maintenant. Non, cela dépend vraiment de, quelle langue et de quels sont vos besoins. Des frais de scolarité, tu sais, il y a une mine de ressources gratuites là-bas. Si vous êtes intéressé par le code d'apprentissage, je ne paierais pas un dollar pour cette connaissance. Et cela soulève notre premier point clé. Je veux que tu profites de toute l'éducation gratuite et des services que tu peux trouver. Permettez-moi de le répéter. Profitez de tous les services de logiciels libres et de l'éducation que vous pouvez trouver. Et honnêtement, apprendre à coder un site Web est beaucoup plus facile que de coder applications mobiles ou des logiciels informatiques comme Excel et PowerPoint. C' est bien au-dessus de ma tête. Maintenant, eh bien, il est précieux d'avoir une compréhension de base du fonctionnement de ces langages de programmation. De nos jours, c'est vraiment facultatif. Grâce à des logiciels de gestion de contenu comme WordPress et Visual Site Builders comme le thème Devi, dont nous discuterons quelques leçons à partir de maintenant. Alors, comment définiriez-vous un site web ? C' est un site qui signifie pour vous. C' est vraiment comme ta petite tranche d'Internet. Un site Web nécessite un nom de domaine tel que a.com. Pour que les gens sachent où vous trouver. Pensez à ça comme une vraie adresse à la maison. Et tandis que les maisons vivent dans des quartiers, votre site Web vit sur un serveur qui peut contenir plusieurs sites. Et comme la serrure de votre porte d'entrée, sites Web peuvent également être sécurisés avec un certificat de sécurité SSL. Donc, en ce sens, démarrer une entreprise de web design est un peu comme construire une subdivision numérique. La terre est prête à bâtir une communauté florissante. Dans les leçons suivantes, nous allons expliquer les principes fondamentaux du web design. Surtout on va parler de codage. Nous allons parler de noms de domaine, serveurs d'hébergement Web, comptes de messagerie, boîtes aux lettres, et transfert de certificats SSL, WordPress. Le thème Devi. Et non seulement nous aurons une compréhension de ces sujets, mais je vais vous apprendre à créer des opportunités d'affaires là-bas. Chaque leçon aura des devoirs où vous pourrez mettre en pratique ce que vous apprenez au fur et à mesure que vous développez votre entreprise de conception Web. S' il vous plaît profiter moins de ce qui suit. 3. Codage: Bienvenue, je suis Leighton, votre webmaster. Dans la leçon d'aujourd'hui, parlons de codage. Le code indique au logiciel ce qu'il faut faire. Le code peut être écrit dans différents langages de programmation à des fins différentes. Maintenant, pour le web design, il y a quatre grands langages de programmation web. Il y a HTML, CSS, JavaScript et PHP. Maintenant, évidemment, il y a beaucoup d'autres, mais parlons brièvement de ces 4. Tout d'abord, HTML qui signifie Hypertext Markup Language. Chaque site Web que vous pourriez visiter est construit en HTML. Et devinez quoi ? Vous pouvez le lire. Html est visible pour tout le monde à BYU. Pour le prouver, sortons le HTML de Wikipédia. Donc, nous voici sur wikipedia.org. Voyons le code HTML qui alimente cette page Web. Dans le navigateur Google Chrome, nous pouvons cliquer avec le bouton droit et cliquer sur Afficher la source de la page. Vous devriez être en mesure de le faire sur n'importe quel navigateur. Sur Chrome, il s'appelle Afficher la source de la page. Et nous y voilà. C' est le code HTML qui alimente cette page Web. On a un cap. Nous avons le titre Wikipédia. Nous avons la description de la page Web. C' est du code CSS. Et maintenant le corps commence. Ceci est le corps de la page Web. Et ici, nous voyons une étiquette d'image marquée par les lettres I, M, G. Voici la source de cette balise d'image. C' est un fichier image PNG. Ouvrons ça. Et nous voilà. C' est le logo Wikipédia. Peut-on trouver ça sur la page d'accueil ? Regardons. Et c'est là. Cette balise IMG a créé cette image au centre de la page. Voici notre premier cap, H, un. Wikipédia. Forte signifierait quelque chose d'audacieux. A indique un lien. Et il y a toutes sortes d'autres choses que vous pouvez faire avec HTML. Vous pouvez ajouter des images, des paragraphes, des en-têtes, des tableaux et bien plus encore. Mais HTML en lui-même est assez fade. Comment ajouter de la couleur ? Changez le style, la police, la taille, etc. Cela nous amène au CSS. Css signifie Cascading Style Sheets. Ce morceau de code est superposé sur le HTML pour lui donner du style, pour embellir un site Web. Css, comme HTML est complètement visible pour le public. Regardons le CSS Wikipédia. Donc nous sommes de retour sur wikipedia.org. J' ai tiré la page Web CSS et éditons certains du style ici. Donc, nous faisons un clic droit sur l'un des liens. Et disons que nous voulons changer la couleur de tous ces liens. Donc, nous faisons un clic droit et appuyez sur Inspecter. Vous devriez être en mesure de trouver cela dans n'importe quel navigateur Web. Dans Chrome, ça s'appelle l'inspecteur. Donc, nous faisons un clic droit sur un lien et irait à Inspecter. Et au centre ici, nous voyons tout le code HTML pour cette page Web. Sur la droite, cependant, sont les styles. Alors changeons le style. Changeons ce bleu dans le lien. Changons-le à autre chose. On y va. Nous changeons tous les liens en vert. Que diriez-vous de changer le texte ? Cliquez avec le bouton droit sur une partie du texte. Faites défiler jusqu'à la couleur ici. Et on va en faire un rouge vif. On y va. Regardons cette image ici. Le logo de CSS. Inspecter avec un seul morceau de code. Cachons ça. Nous allons ajouter affichage deux-points aucun. Et on y va. Il est parti. Décochons ça. Il le remet. Encore une chose. Pourquoi ne pas changer l'arrière-plan de ce tableau ici. Modifiez la couleur du tiret d'arrière-plan en bleu. Maintenant, il est important de noter que toutes les modifications que nous effectuons ici sont uniquement sur notre appareil localement. Nous ne modifions pas le site web en direct. Alors pourquoi voudrait-on faire ça ? Pourquoi passer par tout ce travail ? Supposons que vous modifiez un site web pour votre client. Et vous voulez changer les choses, voir à quoi ressemblerait un style différent ou une couleur différente. C' est un moyen génial d'éditer un site Web visuellement. Et je vous encourage à vérifier la richesse des ressources gratuites là-bas pour apprendre le codage CSS. Donc, HTML est le contenu de base de votre page Web. Css donne ce style de contenu. Maintenant, regardons JavaScript. Javascript vous donne une fonctionnalité de site Web. La plupart des interactions, des animations, de la validation des formulaires, des mathématiques, des fenêtres contextuelles et des fonctionnalités générales du site Web sont gérées par JavaScript. Il y a tellement plus que vous pouvez faire avec JavaScript. Et la bibliothèque gratuite jQuery populaire le rend encore plus facile. Et heureusement, une recherche rapide Google peut vous aider à trouver un morceau de code fiable pour presque toutes les fonctionnalités JavaScript que vous pouvez rechercher. Php signifie protocole hypertexte pré. Vous ne pouvez pas voir un code PHP de sites publics car il vous permet d'interagir avec des serveurs et des bases de données. Comme lorsque vous soumettez un formulaire, que se passe-t-il lorsque vous vous connectez à un site Web ? Lorsque vous accédez à une base de données ? Tout cela peut être fait en PHP. Maintenant, il y a d'autres langages similaires à PHP, comme Python et Perl. Mais j'ai décidé d'apprendre PHP tôt parce que c'est super populaire. Même WordPress lui-même est alimenté par PHP. Il y a des tonnes de potentiel avec PHP, mais pour votre bien, PHP sera principalement utilisé pour apporter des modifications mineures à votre site WordPress. Enfin, mon SQL est une base de données. Avec elle, vous pouvez stocker et récupérer des données pour votre site Web. Quel type de données pourriez-vous stocker ? Vous pouvez stocker des profils d'utilisateurs, des blog, des commandes de commerce électronique, des événements de calendrier, le logiciel WordPress, des commentaires et bien plus encore. Les bases de données peuvent être énormes, stocker des quantités massives de données qui peuvent être récupérées en une fraction de seconde. code MySQL de base vous permet de récupérer, ajouter, de modifier et de supprimer des données d'une base de données. C' est donc un bref aperçu des langages de programmation les plus courants qui se rencontrent. Alors, comment allez-vous apprendre ces langages de codage ? Ce qui ne peut pas faire ça en vidéo de 15 minutes. Code, peut prendre des semaines, voire des mois pour comprendre et maîtriser pleinement. Heureusement, il y a énormément de ressources gratuites pour apprendre le code. Je recommande de commencer par une recherche Google, telle que Learn HTML gratuit. Ici, nous sommes sur Google. Cherchons Apprendre HTML gratuitement. Maintenant, les premiers résultats qui apparaissent sont des publicités. Nous le savons à cause du mot ajouter et c'est notre premier. Donc, les premiers résultats qui apparaissent vont très probablement être des cours primes ou payés. Nous le savons parce qu'ils payent pour une annonce pour vous mettre sur leur site Web. Alors laissons les sauter pour l'instant. Regardons ce qui apparaît sur les listes biologiques. Nous voyons Code Academy.com. Nous voyons W3 schools.com, apprendre tableau de bord, Html.org. Toutes les ressources formidables. Regardons ce que j'avais utilisé il y a plusieurs années. W3 schools.com. C' est une ressource merveilleuse car elle rend si facile d'apprendre ce type de code. Il y a toutes sortes de pages ici où nous pouvons apprendre les différents types de code HTML, tels que les en-têtes. En-têtes HTML. Il vous donne une description de base de ce que cela est utilisé. En-têtes ou titres ou sous-titres HTML que vous souhaitez afficher sur une page Web. Vous donne un exemple de leur apparence, comment les coder en HTML. Ils sont définis avec le support H 1 au support H6. Tags. 81 définit le titre le plus important. H6 définit le titre le moins important. Et il y a des exemples de ce que ce code ressemble. Maintenant, il y a même une boîte Essayez-le Yourself, qui vous permet d'essayer visuellement ce code qui est utile. Il y a une explication des raisons pour lesquelles les en-têtes sont importants et des moyens de rendre les en-têtes plus grands que la valeur par défaut. Il y a donc toutes sortes de ressources ici pour apprendre le HTML. Il y a du HTML, des paragraphes, des liens, des images , des tableaux, des listes, et c'est juste sur celui-ci pour votre site Web. En fait, il y a tellement de sites Web de qualité comme celui-ci. Le, Je ne recommanderais pas de dépenser un centime sur l'une des langues mentionnées dans les leçons d'aujourd'hui, économisez votre argent. Passez un peu de temps chaque nuit à apprendre le code de l'une de ces ressources gratuites. Une compréhension de base de ces langues ajoutera à votre répertoire de connaissances. Et rappelez-vous, plus vous avez de connaissances, plus vous devenez précieux. Et plus vous êtes précieux, plus vous pouvez facturer. C' est si important. Permettez-moi de le répéter. Plus vous avez de connaissances, plus vous devenez précieux et plus vous êtes précieux, plus vous pouvez facturer vos clients. De plus, vous serez en meilleure forme pour résoudre les problèmes qui se posent. Pourquoi pouvons-nous dire ça ? Quels types de problèmes se posent lors de la construction d'un site Web ? Laisse-moi te peindre une photo. Imaginez que vous tirez vers le haut l'un de vos sites clients et que ce n'est qu'un écran blanc vierge. Ou il y a un avertissement ou un message d'erreur. Qu' est-ce que tu fais ? Une erreur comme ça, qui ressemble à une langue étrangère pour quelqu'un d'autre, aura du sens pour vous si vous comprenez le langage de codage. En fait, le message d'erreur s'explique généralement si vous savez comment le lire correctement. Donc, comprendre le code vous aidera à diagnostiquer et résoudre efficacement le problème. Alors qu'avons-nous appris ? On l'a appris. La plupart des sites Web sont construits avec les langages de codage, HTML, CSS, JavaScript et PHP. Nous avons également appris, vous pouvez suivre des cours universitaires coûteux pour apprendre à coder. Il y a beaucoup de ressources gratuites que vous pouvez explorer. Troisièmement, nous avons appris que le code d'apprentissage ne doit pas absolument être un concepteur de site Web. Mais je le recommande parce que vous aurez une meilleure compréhension du fonctionnement des sites Web. Vous serez en meilleure forme pour résoudre les problèmes aura un avantage sur votre concurrence. Quels sont nos devoirs ? Je veux que vous recherchiez Google pour des sites Web gratuits où vous pouvez apprendre HTML, CSS, JavaScript et PHP. C' est tout pour aujourd'hui. Je suis Leighton et maintenant tu sais, codage. 4. Domaines: Bienvenue. Je suis Leighton, votre webmaster. Dans la leçon d'aujourd'hui, parlons du nom de domaine. Comment décririez-vous un nom de domaine ? Quel est le but des domaines ? Quel est le but de votre adresse ? Pour que les gens puissent te trouver. Your.com est comme votre adresse numérique. C' est là que les gens vont trouver votre site Web. Dans cette leçon, discutons d'un, quels domaines font à combien ils coûtent ? Trois, comment choisir 14, où je recommande d'en acheter un. Alors d'abord, qu'est-ce qui est impliqué dans un nom de domaine ? Eh bien, évidemment, vous avez le nom lui-même, comme google.com, mais quoi d'autre ? Tout d'abord, chaque nom de domaine a des informations de contact publiques. Quel type d'informations de contact ? Eh bien, chaque domaine a le nom, l'adresse, l'e-mail et le numéro de téléphone de l'administrateur, du titulaire, de la technologie et de la facturation. Pensez-vous que cela pourrait être une intrusion dans la vie privée ? Apparemment, c'est parce que ces dernières années, plupart des propriétaires de domaine choisissent de privatiser l'enregistrement. Et en gros, ils cachent leurs coordonnées. Vous pouvez généralement activer l'enregistrement privé gratuitement, ce que je fais surtout pour simplement trouver du spam. Vous voyez que les sociétés de marketing vont gratter les noms de domaine pour créer les listes marketing. Donc l'enregistrement privé limite juste cela. Ensuite, les noms de domaine ont un verrou, un code d'autorisation. Qu' est-ce que tu crois que c'est quatre ? Qu' est-ce que tu donnes au nouveau propriétaire une fois que tu as vendu ta maison ? Les clés ? C' est vrai. De même, le code de verrouillage et d'autorisation a aidé à faciliter le transfert de propriété. Enfin, les noms de domaine ont des paramètres DNS, qui signifie système de noms de domaine. Ça a été décrit comme l'annuaire d'Internet. Et quel était le but des annuaires téléphoniques ? Pour envoyer des personnes à la bonne personne ou entreprise. De même, DNS spécifie essentiellement le serveur correct pour envoyer le trafic de site Web, les sous-domaines et les e-mails. Maintenant, combien coûte les noms de domaine ? En général, environ 15$ par an. Je ne paierais pas plus de 25 pour un. Et vous allez trouver les mêmes prix, peu importe si vous êtes sur GoDaddy IO moins 11 domaines Google. En fait, permettez-moi de vous montrer un exemple. Nous sommes donc sur la page d'accueil de Godaddy.com en ce moment, et nous voulons cliquer sur les domaines. La première chose que nous voyons est une barre de recherche où nous pouvons taper notre nom de domaine potentiel. Maintenant, regardons les prix pour les différentes extensions de domaine. Nous constatons des prix pour le coût de la première année d'introduction d'environ $1 à environ 15$. Maintenant, le prix réel de the.com, après le prix d'introduction de la première année s'élève à 17,99$. ce moment, sur GoDaddy. Il existe d'autres extensions de domaine telles que dot design.org, dot store, dot blog, dotnet, dot buzz, dot guru. En fait, il y a des centaines d'extensions de domaine. Et c'est assez nouveau. Juste les dernières années que ces extinctions s'ouvrent. Maintenant, ils peuvent être assez chers. Ils peuvent avoir plus de 50 ans. Ils peuvent en fait causer des centaines de dollars. Mais regardons certains d'entre eux. Voir tous nos nouveaux domaines. Ici, nous pouvons voir une liste de tous les domaines qui sont des extensions de domaine sont disponibles pour enregistrer. En fait, il y en a 497 disponibles sur GoDaddy en ce moment. Il y en a un pour chaque industrie. Nous avons donc établi qu'il y a des frais peu élevés. En tant qu'entreprise de design web, vous n'avez pas à couvrir ces frais. Vous pouvez facturer votre client ou même lui demander de créer son propre compte GoDaddy à son nom avec sa carte de crédit. Alors, comment choisir un nom de domaine ? C' est très important. Est votre nom de domaine est une extension de votre entreprise. Et choisissez judicieusement. Comme la plupart des entreprises garderont leur nom de domaine pour la vie. Votre nom de domaine idéal est juste votre nom d'entreprise. Parfois, ce n'est pas disponible. Tu dois faire preuve de créativité. Vous devez peut-être rechercher des variations du nom, un mot clé, une localité, et cetera. Maintenant, une ressource formidable pour ce faire est instantanée domain search.com. Donc, nous sommes sur le domaine instantané search.com et laissez-moi rechercher un nom de domaine. Je vais chercher un cours de conception web pour you.com. Essayons ce web. Maintenant, vous remarquerez que je tape, toutes les possibilités sont affichées instantanément. Nous n'avons pas besoin d'attendre le chargement d'une nouvelle page. Nous n'avons pas besoin d'attendre quoi que ce soit de toutes les charges instantanément. Maintenant, c'est ce que nous avons tapé avec diverses extensions de domaine. Au sommet serait be.com. Et puis il y en a d'autres en dessous. Au milieu serait différentes idées, différentes variations de ce que nous avons tapé. Et puis sur la droite serait à vendre. Il y en aura ceux qui sont déjà enregistrés et nous avons la possibilité de les acheter. Ça fait des milliers de dollars d'habitude. Et je n'achète généralement pas un nom de domaine déjà enregistré. Alors continuons à taper. Conception Web. C' est pris une grande surprise. Bien sûr, qui est à l'évaluation, semble qu'il peut être acheté. Et celui-ci est déjà inscrit cours de conception web pour you.com. Vert signifie qu'il est disponible, disponible à l'achat. Si nous passons pour aller papa, ionise ou tout autre site web, nous devrions pouvoir l'acheter sur le bureau d'enregistrement de notre choix. Donc, ce site Web peut être extrêmement utile pour rechercher instantanément des idées de noms de domaine, au lieu d'avoir à charger une nouvelle page chaque fois que nous voulons essayer un nom de domaine différent. À ce stade, veuillez mettre la vidéo en pause, naviguer sur le domaine instantané search.com pendant quelques minutes, remue-méninges et nom de domaine pour vous-même. Maintenant, évidemment, en tant qu'entreprise, vous allez avoir besoin de votre propre nom de domaine. Mais qu'en est-il de votre entreprise de design web ? Comment gérer les domaines pour vos clients ? Eh bien, quand vous prenez un client, il y a deux scénarios probables. Scénario numéro un, votre client a déjà un nom de domaine. C' est génial. En ce qui concerne les bureaux d'enregistrement de domaine, connectez-vous et utilisez-le. Scénario numéro deux, ils n'ont pas de nom de domaine. Ça veut dire qu'ensemble, tu trouveras un nom et tu l'achèteras. Maintenant, il est important de ne pas changer votre nom de domaine à moins que cela ne soit absolument nécessaire. Pourquoi ? Selon vous, quels problèmes pourraient survenir lors de la modification de votre nom de domaine ? Quelques choses me viennent à l'esprit. Je veux dire, les gens sont déjà familiers avec votre nom de domaine, donc ils peuvent remettre en question la validité du nouveau qui apparaît. De plus, le nom de domaine actuel est probablement déjà imprimé sur autant de supports marketing et d'annonces en cours d'exécution. Il peut donc devenir très coûteux de mettre à jour votre nom de domaine sur tous les canaux. Ainsi, lorsque vous vous asseyez avec un client, vous devez souligner l'importance de choisir le bon nom de domaine et de le respecter. Maintenant, où achètes-tu ton nom de domaine ? Les domaines sont classés via ce qu'on appelle un registraire de domaine. J' achète généralement mes noms de domaine soit via ionised.com ou Godaddy.com. Godaddy est un choix solide pour les noms de domaine. Mais personnellement, j'utilise Ioannidis puisque mes serveurs d'hébergement web sont déjà à travers eux. Donc, ça rend les choses plus faciles. Pensez-vous qu'il serait sage de garder tous les noms de domaine de vos clients sous le même toit. Pourquoi ou pourquoi pas ? Oui, ça l'est. Pour l'efficacité. Vous n'avez pas à jongler avec un tas de connexions. Je m'efforce de garder tous mes noms de domaine sous mon seul compte témoin oculaire. Donc, tout est à travers le même endroit, via OneLogin. Tellement plus facile de garder une trace des choses de cette façon et d'être organisé. Cela dit, avoir un compte GoDaddy est également agréable car il est super facile de transférer un nom de domaine de GoDaddy d'une autre personne vers le vôtre. Par exemple, si une entreprise vous transfère son nom de domaine, vous devrez peut-être l'obtenir auprès de son ancien webmestre. L' ancien webmaster a un compte GoDaddy. Vous pouvez le transférer à la vôtre et seulement cinq minutes. À ce stade, s'il vous plaît mettre la vidéo en pause, allez à Je possède this.com. Cliquez sur Domaines. Passez quelques minutes à lire cette page Web. Donc, pour résumer, qu'avons-nous appris jusqu'à présent ? Nous avons appris un, ce qu'un nom de domaine signifie comment choisir 13, quel est le coût des domaines et où les acheter. Maintenant, rappelez-vous, comme le propriétaire d'une entreprise de conception Web sera soit votre propre nom de domaine, mais vous gérez également les noms de domaine ou votre client. Certains clients conserveront leur nom de domaine sous leur propre compte, et d'autres vous laisseront le gérer pour eux. Quoi qu'il en soit, la gestion d'un nom de domaine pour une entreprise prend une certaine confiance. Plus vous comprenez le fonctionnement des noms de domaine, plus vous avez confiance. Et plus vous gagnez de confiance, plus vous devenez précieux. Permettez-moi de le répéter. La gestion d'un nom de domaine nécessite la confiance. Mieux vaut comprendre le fonctionnement des domaines. Plus vous êtes de confiance et plus vous apprenez de confiance, plus vous devenez précieux. Alors, quels sont nos devoirs ? Pensez à des idées pour votre propre nom de domaine, pour votre entreprise de design web. Recherchez vos idées que domaine instantané search.com, i o nas.com ou Godaddy.com. Si vous ne possédez pas déjà un nom de domaine, achetez un à GoDaddy ou une maladie en utilisant le lien d'affiliation dans cette description de cours, vous commencerez à construire votre site Web sur ce domaine plus tard. Maintenant acheter via mon lien d'affiliation est bien sûr option, mais c'est une belle façon de montrer de l'appréciation pour votre webmaster. Et maintenant, vous connaissez le nom de domaine. 5. Hosting: Bienvenue. Je suis Leighton, votre webmaster. Aujourd'hui, nous examinons une partie cruciale d'un serveur d'hébergement de site Web. Souvenez-vous, un serveur que nous aimons dans une subdivision. C' est là que vivent vos sites Web ou vos maisons numériques. Il y a donc trois éléments nécessaires pour publier un site Web. Un, le nom de domaine du site Web lui-même, et trois, un serveur d'hébergement. Les domaines, comme nous l'avons discuté dans la leçon précédente, coûtent environ 15$ par an. Un site Web que vous pouvez construire gratuitement, mais un serveur d'hébergement vous coûtera plus cher une fois le coût exact. Cela dépend de ce puits, que pensez-vous pourrait avoir un impact sur le coût d'un serveur ? Eh bien, nos factures d'électricité sont les mêmes pour toutes les tailles. Maintenant, plus vous avez besoin d'énergie, plus vos services publics sont chers. De la même manière, plus un site Web reçoit de trafic, plus le serveur doit être puissant et coûteux. En fait, vous pourriez dépenser des milliers de dollars chaque mois sur un serveur. Mais qu'en est-il de vos besoins pour vous-même et vos petites entreprises clientes ? Un serveur économique haut de gamme ou un serveur dédié de bas de gamme devrait suffire. coûtent de 10 à 50$ par mois. Regardons quelques options. Nous voici sur Godaddy.com. Vous pouvez reconnaître le nom Go Daddy, car ils prétendent qu'ils sont la société d'hébergement Web numéro un la plus populaire sur la planète. Leur marketing est très agressif. Ils ont parrainé Danica Patrick dans la journée. Vous les avez peut-être vus sur leurs publicités Super Bowl, marketing très, très agressif. Mais voyons ce qu'ils offrent pour l'hébergement. Nous devons regarder leurs serveurs d'hébergement. Disons que Go Papa, l'hébergement. Ils affirment qu'ils hébergent des solutions allant de l'hébergement Web, deux serveurs dédiés rapides et flamboyants. Maintenant, les serveurs dédiés vont être un 100 à 300 dollars et plus. Donc, nous n'avons vraiment pas besoin d'un serveur dédié quand nous commençons. Lorsque nous commençons en tant qu'entreprise de conception Web, nous recherchons l'option la plus abordable, un serveur moins cher sur lequel nous pouvons héberger plusieurs sites Web. Alors regardons d'abord qu'ils sont partagés options d'hébergement sur leur hébergement de site Web. Cliquez sur hébergement web. Ici, y a-t-il des forfaits d'hébergement partagé les plus populaires pour les petites entreprises qui débutent ? Une revendication, encore une fois, ils prétendent être le numéro un hôte Web au monde sera réalisé. Parfois, c'est juste du marketing et nous sommes plus intelligents que ça. Nous devons creuser un peu plus profondément et voir ce qui est offert ici. Donc, nous faisons défiler vers le bas et regardons leurs paquets. Immédiatement. Les gens sont attirés par le faible coût de ces serveurs d'hébergement. N' importe qui peut se permettre ces chiffres, surtout quand une entreprise commence comme très attrayante. Mais creusons plus profondément. Les prix commencent à 599 par mois. Mais nous examinons le coût du renouvellement. Il s'agit du coût réel du serveur car la période d'introduction finira par se terminer. Tant que l'entreprise est toujours en affaires, nous devrons payer ce coût, soit 899. Une fois l'offre d'introduction terminée. Vraiment, ces forfaits coûtent entre 9$ par mois et 25$ par mois plus les taxes. C' est toujours une option abordable. Alors regardons, regardons plus loin. Nous devons examiner ce tableau comparatif pour voir ce que chaque serveur offre. Le serveur le moins cher, le plan d'hébergement le moins cher offre un site Web. Maintenant, en tant qu'entreprise de conception Web, nous allons devoir héberger plus d'un site Web sur notre serveur. Donc ce n'est vraiment pas la meilleure option. Ça règle immédiatement ça pour toi et pour moi. Les autres plans offrent un nombre illimité de sites Web. Super. Le prochain est de 100 gigaoctets de stockage sur le plan le moins cher, et les autres offrent un stockage illimité. Maintenant, un mot rapide sur illimité, je considère que comme un truc marketing. J' ai possédé, partagé des serveurs d'hébergement et je vous assure qu'il y a une limite que j'ai atteinte à plusieurs reprises. Cette limite sur les serveurs que j'ai possédés est quelque part autour de 262 000 fichiers. Donc, les serveurs ne sont tout simplement pas illimités. Ce n'est tout simplement pas vrai. La prochaine chose que nous voyons est la performance standard. Standard ne semble pas très rapide maintenant le fait. C' est sur les deux serveurs les moins chers. La suivante offre deux fois la puissance de traitement, deux fois la puissance et la vitesse de traitement. Donc deux fois la vitesse de la norme. C' est toujours ça ne te dit pas grand-chose. Nous devons donc chercher plus loin. Bases de données illimitées, les moins chers offerts dix à 25. Maintenant, chaque site a besoin de sa propre base de données, donc même 10 irait bien. Mais 25 et surtout illimité, serait mieux. Maintenant, tous offrent une bande passante non mesurée. Ça semble un peu déroutant. Alors obtenons de l'aide sur cette bande passante non mesurée. Lorsque nous examinons ce terme, cela signifie vraiment que nous ne limitons pas la quantité de stockage et la bande passante votre site peut utiliser tant qu'il est conforme à notre contrat d'hébergement. Fondamentalement, cela signifie que ce que vous faites, ce que vous mettez sur le serveur doit être éthique et ne pas consommer inutilement toutes les ressources du serveur. La plupart des entreprises seront assujetties à l'accord d'hébergement. Donc ce n'est vraiment pas un problème, mais ils doivent le mettre là-dedans. Et il est agréable de savoir que la bande passante n'est pas mesurée pour la plupart des sites Web. Quelques add-ons ci-dessous. La première année gratuite d'Office 365. Nous en parlerons dans une leçon ultérieure. Et ils offrent un domaine gratuit avec le plan annuel. Une autre offre agréable, les serveurs d'hébergement partagé plus chers vous donnera DNS premium gratuit, ce qui est juste un terme de marketing. Certaines entreprises offrent cela. Quoi qu'il en soit, offrez ce certificat SSL standard et gratuit, ce qui est un joli add-on. Celui qui nous amène ici, c'est la puissance de traitement. C' est celui auquel nous devons accorder le plus d'attention. après mon expérience avec GoDaddy, en utilisant les serveurs que nous voyons ici, tous ces plans d'hébergement partagé sont que la performance semble manquer en fonction des autres serveurs que j'ai possédés. Alors vous payez vos 13$ par mois. Et quand vous avez 20$ par mois, il finira par aller jusqu'à 25 dollars par mois. Et vous trouvez, vous trouverez peut-être que la performance manque un peu. Donc, vous payez pour une annonce sur une performance, ajouter, performance ajouter sur le numéro 1, numéro 2, numéro 3. Chacun d'eux ou un à 3$ par mois ne semble pas beaucoup, mais il s'additionne au fil du temps, autant plus que vous commencez à acheter plus de serveurs. Donc, à mon avis personnel, la haute performance ne devrait pas être une mise à niveau. Les performances doivent être par défaut. Dans le serveur que vous achetez. n'y a rien de tel que de payer pour le plan le plus cher ici. Et puis trouver que votre site Web se charge lentement, peut-être en cinq à dix secondes. À mon avis, c'est inacceptable. Nous avons donc vraiment besoin de voir ce que chacun de ces serveurs offre. Vraiment regarder dans le tableau de comparaison et voir ce que vous entrez dans. Maintenant, il faut comprendre qu'il s'agit de plans d'hébergement partagés, ce qui signifie essentiellement que votre site Web est partagé sur un serveur qui inclut d'autres sites, tous vos sites Web, y compris tous les autres concepteurs Web et potentiellement des centaines d'autres sites Web, ou tous partageant le même serveur, le même serveur Web physique et ces ressources. Donc, naturellement, un site Web ne peut, ou un seul serveur, gérer autant de trafic. Donc, si l'un de ces sites Web sur le serveur, pas le vôtre, mais le site d'un étranger, voit un pic de trafic. Potentiellement, votre site Web pourrait en souffrir. L' avantage de l'hébergement partagé est ce coût. Il y a des prix bon marché, très attrayant. L' inconvénient serait un coup de performance. Vous n'obtiendrez pas la même vitesse sur l' hébergement partagé que sur l'hébergement dédié. Deux, avant de quitter le site GoDaddy, nous devons examiner leurs plans d'hébergement d'affaires. Ce ne sont pas des serveurs dédiés, mais ils offrent un hébergement dédié. Les serveurs dédiés vont coûter des centaines de dollars par mois. Hébergement dédié. C' est une option entre les deux. Il vous offre la puissance d'un serveur sans la difficulté technique. Et laissez-moi vous dire qu'il y a une peinture technique. Si vous pouvez éviter un serveur privé virtuel dédié ou un serveur réel dans votre bureau. Et je le ferai parce que c'est beaucoup de travail. Un plan d'hébergement d'affaires avec Go Daddy. Voici comment il est décrit. Le meilleur des deux mondes. La puissance amplifiée d'un serveur privé virtuel, mais avec un panneau de configuration facile à utiliser qui ne nécessite pas de diplôme en informatique pour fonctionner. C' est attrayant. Voyons ce qu'ils offrent ici. À ce que nous venons d'examiner était l'hébergement partagé. Aussi bas que 6$ par mois ? Encore une fois, des prix très attrayants. L' hébergement professionnel commence à 20$ par mois, mais ils affirment que vous bénéficiez d'une plus grande facilité d'utilisation, d'une plus grande puissance, d' plus grande évolutivité et que vous bénéficiez de ressources dédiées au lieu de ressources partagées. Ils affirment que vous êtes le seul site Web hébergé sur ce serveur, qui signifie que vous obtenez de meilleures performances. Voyons ce que sont ces prix. Les prix de leurs plans d'hébergement Web d'entreprise, qui sont hébergement dédié, est entre 20, 60$ par mois comme leurs prix d'introduction, qui en réalité, une fois chaque nouvelle est entre 2999 par mois et un $100 par mois plus taxes. Ceux-ci vont être plus généreux avec leur stockage, leur mémoire et leur puissance de traitement. Mais quelle est mon opinion sur GoDaddy ? Quelle a été mon expérience personnelle avec eux. Quand j'ai utilisé des serveurs économiques GoDaddy, comme ceux que nous venons de regarder. J' avais l'impression que mon site Web était chargé lentement. Plus GoDaddy, J'ai remarqué était plein de charges jusqu'à, y compris les frais d'add-on pour les hautes performances. Les performances élevées ne devraient pas être une mise à niveau. Je répète. Les performances élevées ne devraient pas être une mise à niveau lorsque vous obtenez déjà le forfait économique le plus cher. Maintenant, pour être juste, mon opinion ne reflète que les serveurs d'hébergement Web économique, pas les serveurs dédiés ou VPS plus chers. Et je pense que leur gestion de domaine est formidable. Alors go daddy est un choix solide pour gérer vos noms de domaine. Mais quelles autres entreprises offrent des serveurs d'hébergement abordables ? Quelques-uns viennent à l'esprit. C' est une des options populaires sont Bluehost en mouvement, hébergement, terrain de site, tous très populaires. Mais quelle entreprise ai-je utilisé et aimé depuis 15 ans maintenant ? Voyons voir. Nous voici sur ionised.com, anciennement appelé 11. Je possède. Il s'agit d'une société basée en Europe, fondée en 1988. J' ai un compte avec eux depuis 2006, et j'ai utilisé plusieurs de leurs serveurs. Alors jetons un coup d'oeil. Nous sommes intéressés par l'hébergement. Il y a beaucoup d'options pour l'hébergement, allant de l'économie, serveurs d'hébergement Web aux serveurs dédiés et l'hébergement VPS. Les serveurs dédiés vont être beaucoup plus d'argent, un $100 et plus par mois et aller jusqu'aux serveurs de niveau de prix interne. Mais pour vous au départ, nous allons regarder les serveurs économiques beaucoup plus abordables. Et vous devriez être en mesure d'héberger environ 10 à 20 sites Web sur chacun de ces serveurs. Commençons par cliquer sur l'hébergement Web et voir à quoi ressemblent leurs paquets d'hébergement partagé. Ils offrent un hébergement rapide et sécurisé qui est prêt à croître, bénéficiez d'une disponibilité de 99,9 % de PHP 7.4 avec OP cash inclut DDoS, dédié, déni de service et protection contre la perte de données. Ça semble déjà impressionnant. Ils réclament. Et encore une fois, tous ces sites le prétendent. Tu dois regarder, regarder au-delà du marketing ici. Mais ils prétendent que leurs sites Web se chargeront plus vite que la concurrence. Hébergement rapide flamboyant fait une meilleure page. Une autre belle offre ici est une infrastructure géo-redondante, temps de disponibilité garanti. Donc, quelle est la redondance géo, comme il le prétend, vos données sont mises en miroir dans deux centres de données. Ainsi, vous hébergez des séjours ininterrompus même pendant la maintenance et les pannes. sécurité de pointe côté serveur permet également de maintenir votre site opérationnel. Nous utilisons notre propre technologie de bouclier de serveur pour empêcher les attaques dédiées par déni de service, qui est essentiellement le piratage, les tentatives. Des performances évolutives, ce qui signifie que votre entreprise peut croître. Regardons les offres réelles ici. Très abordable, plan essentiel pour un site web, pour des dollars par mois. Plan d'affaires, 8$ par mois, ou plan expert, 14$ par mois. Il y a une offre ici, des offres spéciales, mais nous sommes vraiment à la recherche de plantes, agences, car vous cherchez à construire une agence de design web. Agence, ce qui signifie que vous construisez des sites Web pour vos clients. Vous n'êtes pas le client ici. Vous traitez vos clients en utilisant leurs serveurs. Il y a donc deux options pour les agences. Il y a le plan d'affaires de 8$ par mois et il y a le plan expert de 16$ par mois pour plusieurs grands projets Web. Ça a l'air impressionnant. Allons de l'avant et cliquez sur Voir tous les détails afin que nous puissions comprendre ce qui est offert ici. Tout droit de la chauve-souris. Une des premières choses que je vais mentionner, c'est des pommes aux pommes. Vous allez voir des fonctionnalités similaires sur chacun de ces plans comme GoDaddy. Vous allez voir similaire sur le terrain, sur Bluehost, sur l'émotion, que dix à 30$ gamme de plans d'hébergement partagés. Ils vont tous offrir des choses similaires. Mais les pommes aux pommes au fil du temps. J' ai trouvé que je possède est offert plus de performances et de fonctionnalités pour un coût moins cher que Go Daddy. Voyons comment nous pouvons soutenir cette réclamation. Regardons le plan expert de 16$. Il revendique des temps de chargement rapides niveau de performance cinq. Qu' est-ce que cela signifie en termes réels ? La RAM ou la mémoire. Ils vous offrent, un serveur partagé qui fournit jusqu'à 19 gigaoctets de RAM de nuit. Neuf concerts toujours garantis. Et Go Daddy n'offrait qu'un ou deux gigaoctets sur leurs serveurs partagés. Quelle est la limite de mémoire PHP ? 768 mégaoctets, ce qui est assez généreux. Ils ont également ces autres fonctionnalités ici. Php avec cache OP, barre oblique http au SPD, ce qui accélère votre site Web. Technologie de compression G zip. Ils vous offrent un certificat générique SSL gratuit. Ils offrent des sauvegardes quotidiennes, récupération de données, la protection de déni de service dédié, la redondance géo, la connectivité réseau redondante, certains accès en un seul clic à ces applications telles que WordPress. Et ils vous offrent 500 gigaoctets d'espace web, trafic illimité, 500 comptes SFTP. Ils vous offrent d'autres fonctionnalités basses comme l'explorateur d'espace, les répertoires protégés, la gestion du contrôle de version, l'accès SSH, web dev, IPV6 et 500 bases de données MySQL avec un volume de mémoire pour chaque base de données. C' est très, très impressionnant. Je trouve qu'ils sont très généreux avec ce qu'ils offrent, surtout pour le coût ici. Et ils vous donnent un nom de domaine gratuit pendant un an. Ils vous donnent la possibilité de créer 10 000 sous-domaines. Ils donnent une bonne gestion DNS pour votre système de noms de domaine. Pour chaque compte. Ils vous donnent 100 comptes de messagerie, ce que nous allons voir dans une autre leçon. Deux concerts de stockage des e-mails, redirecteurs d' e-mails, webmail, anti-pêche, anti-spam, toutes sortes de choses ici, y compris le service à la clientèle amical, toutes sortes de goodies inclus dans le paquet d'hébergement partagé ionise pour les agences. Maintenant, par nature, les serveurs d'hébergement Web économique sont virtuellement partagés avec d'autres sites Web. Vous ne connaissez pas ces sites Web, vous n'interagissez pas avec eux. Mais que croyez-vous que pourrait se produire si certains de ces sites Web voyaient un pic de trafic ? Si votre site Web se trouve sur le même serveur partagé que d'autres sites Web qui sont bombardés de trafic. Vous avez deviné juste ? Votre site web avec du soufre. Quels types de serveurs d'hébergement sont disponibles qui ne sont pas partagés ? Regardons. Nous sommes de retour sur le tableau comparatif des forfaits d'hébergement partagé au niveau de l'agence. Éloignons-nous du partagé et regardons les options dédiées. Tout d'abord, permettez-moi de vous montrer ce qu'un serveur dédié exécute. Donc, avec un serveur dédié, vous avez le serveur, vous avez un accès root à celui-ci, ce qui signifie tout comme un ordinateur, vous avez la gestion des mises à jour logicielles, des correctifs de sécurité, tout cela. Et vous avez aussi beaucoup de contrôle sur ce que vous pouvez faire. Mais pour beaucoup de gens, c'est très avancé. Ainsi, les serveurs dédiés, le matériel rencontre le Cloud. Votre propre serveur sur du matériel dédié avec intégration Cloud et facturation par minute, jusqu'à 10 gigabits par seconde. La bande passante sur les processeurs Intel évolutifs semble très impressionnante, mais voyons quels sont les prix. Pour un disque dur standard. Leurs prix commencent à 70$ par mois. Vous remarquerez un tarif horaire. Comme il s'agit de solutions au niveau de l'entreprise, la facturation est beaucoup plus flexible. Ils vous facturent par minute ou par heure au lieu de vous facturer une partie du mois. Et cela peut aller jusqu'à 280$ par mois. Certains sites Web voient des pics de trafic à certains moments et ils doivent évoluer. Donc, cela peut être pratique pour plus élevé dans les entreprises et les entreprises au niveau de l'entreprise. Mais regardons quelque chose de plus abordable pour vous et pour moi. Donc, nous nous éloignons du serveur partagé. Nous avons regardé le serveur dédié, mais regardons une option hybride sur GoDaddy qui s'appelait le package d'hébergement Business sur ionise, qui s'appelle hébergement dédié. Pas de serveur dédié, mais d'hébergement dédié. Lisons. Hébergement web puissant avec du matériel dédié. Boostez les performances de vos projets web avec du matériel puissant, c'est tout à vous. Notre interface facile à utiliser le rend simple. J' aime ces serveurs parce qu'ils sont à vous. Vous ne partagez pas la puissance de traitement ou la bande passante avec quelqu'un d'autre. Depuis que j'ai pris des clients plus importants, j'utilise maintenant l'hébergement dédié d'ionise. Voyons voir quels sont leurs coûts. Ils ont quatre options ici. Pour un disque SSD, qui serait plus rapide qu'un disque dur normal. Et leurs prix vont de 65$ par mois à 160$ par mois. Lorsque vous regardez au-delà du taux d'introduction, qu'est-ce que cela vous donne ? Il vous donne un bon processeur. Processeur multi-semaines multicœur, en fait, vous offre entre huit et 64 gigaoctets de RAM dédiée. Vous offre au moins 240 gigs de stockage, jusqu'à 800 gigs de stockage, ce qui représente une tonne de stockage pour les projets web. Plus que vous n'auriez jamais besoin, très probablement, trafic illimité, un domaine libre, le logiciel d'analyse de site et le réseau de distribution de contenu de pistolet ferroviaire. Donc ils t'offrent beaucoup ici. C' est une très bonne option. Et j'ai aimé l'appel de ne pas avoir à faire face à l'un de ces systèmes d'exploitation pour vous-même, pour votre serveur, vous n'avez pas à gérer les mises à jour du serveur, correctifs de sécurité, tout cela, et vous donne le serveur entier à vous-même. Vous ne partagez pas la puissance de traitement ou la bande passante avec quelqu'un d'autre. Encore une fois, il n'y a aucun risque que d'autres, d' autres utilisateurs rivalisent pour obtenir des ressources. Le résultat est de superbes performances pour vos projets, même sous des charges de travail élevées. J' aime cette solution hybride. Vous y trouverez des performances plus élevées que les serveurs partagés, mais un coût moindre que les serveurs dédiés ou les solutions d'entreprise. Ce sont donc les options d'hébergement dédiées de mon Jonas. En fait, la plupart des sociétés d'hébergement qui offrent un hébergement partagé abordable offriront également des options d'hébergement dédiées, ainsi que des serveurs privés virtuels plus avancés et des serveurs d'entreprise. Maintenant, pour être clair, vous pouvez démarrer et gérer une entreprise de conception Web avec n'importe quel compte d'hébergement. Toute option d'hébergement via n'importe quel fournisseur d'hébergement, vous permet de concevoir et de développer des sites web pour vous-même et vos clients. Je veux vous aider à construire une entreprise de conception de site Web réussie. Comment êtes-vous arrivé à ce point ? Et avec des centaines de sociétés d'hébergement là-bas, comment choisir le bon pour vous ? Eh bien, vous pourriez comparer cela avec le processus d'achat de votre batterie de voiture. Lorsque vous choisissez une batterie de voiture, vous pouvez être présenté avec les bonnes, meilleures et les meilleures options. Maintenant, si vous êtes absolument dans une pincée et que vous avez besoin du meilleur prix, vous pouvez choisir l'option la moins chère. Si vous avez besoin de la meilleure performance. D' autre part, vous pouvez sélectionner la batterie de meilleure qualité. En fin de compte, toutes les batteries fonctionnent suffisamment, n'est-ce pas ? Mais certains peuvent offrir un meilleur prix lorsque d'autres offrent de meilleures performances. Comparons cela avec l'hébergement web. Vous pourriez considérer les forfaits d'hébergement économique partagé à un prix de 1 à 20$ par mois comme la bonne option. Nous avons examiné des exemples d'hébergement économique de GoDaddy et I Jonas, bien qu'il y ait des tonnes de fournisseurs d'hébergement là-bas, des prix imbattables. Bien sûr. Mais les performances, la vitesse et le temps de chargement seront plus lents que les options d'hébergement dédiées. Par conséquent, je ne le recommanderais que si vous réduisez vos dépenses au minimum ou si vous commencez tout simplement à acquérir de l'expérience. Ensuite, la meilleure option est l'hébergement dédié pour 2250$ par mois. Cette option vous offre des performances et des ressources dédiées. Nous avons examiné des exemples d'hébergement dédié de GoDaddy et je possède des États-Unis. Bien qu'il y ait beaucoup d'autres options là-bas, c'est la meilleure option que vous pouvez mettre à niveau une fois que vous avez dépassé l'hébergement économique d'entrée de gamme. J' ai utilisé à la fois l'économie et les plans d'hébergement dédiés d'Iona us depuis 2006, réservant l'hébergement dédié à mes clients les plus performants. Alors, quelle serait la meilleure option ? Comment améliorer votre agence au niveau supérieur ? Eh bien, jetons un coup d'oeil à une entreprise fantastique appelée Cloud ways qui offre un hébergement cloud géré exceptionnel. Il s'agit donc de solutions cloud, la meilleure expérience d'hébergement cloud que j'ai jamais vue. Nous sommes donc chez Cloud ways.com. Et voici le slogan. Plateforme d'hébergement cloud géré. Concentrez-vous sur votre entreprise et évitez tous les tracas d'hébergement web. Nos hôtes gérés et garantissent des performances, une fiabilité et un choix inégalés avec un support 24, 7 qui agit comme votre équipe étendue faisant des solutions Cloud et choix ultime pour les agences en pleine croissance et les entreprises de commerce électronique. Alors voyons de quoi ils sont tous. Simplicité et choix. Ils ont cinq fournisseurs de Cloud que vous pouvez choisir. Vous pouvez créer des applications illimitées. Une application qui signifie essentiellement un site Web. Toutes les applications PHP sont supportées et ont dû avoir un panneau de configuration innovant. Prochaine expérience sans souci, que je peux totalement attester. Ils ont 24, 7, 365 jours par an de soutien. Ils ont géré la sécurité, ce qui signifie qu'ils prennent soin de l'aspect sécurité pour vous. Ils ont des sauvegardes automatisées, qui prend complètement en charge la nécessité d'avoir un plug-in de sauvegarde tiers, puisque votre serveur gère cela pour vous, méthodes cloud et 24, 7 surveillance en temps réel. Donc, si quelque chose se passe mal, il y a des erreurs, alors ils peuvent travailler sur cela pour vous dans des performances en temps réel qui évolue à l'échelle, c'est-à-dire lorsque votre entreprise, votre site Web ou entreprise de votre client grandit et qu'ils accumulent plus trafic. Ce serait une mise à l'échelle. Votre serveur Web doit être en mesure de gérer cette croissance de l'entreprise. J' ai une pile optimisée, qui est les petits logiciels qui ont fonctionné ensemble sur le serveur. Réseau de diffusion de contenu intégré, serveurs de guérison automatique, qui s' occupe essentiellement des problèmes qui se posent au niveau technique. Et PHP 7.3 serveurs prêts, qui est une version moderne de PHP. Qu' est-ce qu'ils ont d'autre ? Plateforme innovante conçue pour autonomiser les équipes ? Va en direct dans quelques minutes. C' est une fonctionnalité étonnante. Notre plateforme d'hébergement en nuage vous enlève la complexité de la configuration de votre site Web et vous permet de passer en direct et en quelques minutes. En quelques minutes, vous pouvez avoir un serveur créé et en quelques minutes, vous pouvez avoir un site Web prêt à construire, gérer comme un pro. Nous aidons les agences et les entreprises à créer et à gérer des applications Web de manière plus collaborative et plus efficace et à évoluer vers le succès. Comme nous l'avons mentionné, nous nous engageons à fournir des performances rapides, sécurité irréprochable et une évolutivité transparente pour vos sites Web. Tout cela est très, très important. Ici, nous voyons un clip du processus pour démarrer votre serveur, vous sélectionnez votre application et qui dans notre cas nous utilisons WordPress. Vous sélectionnez votre marque de serveur, que nous allons voir ici bientôt, les différences et la taille de votre serveur. Donc des serveurs plus grands pour plus de trafic et quand vous avez besoin de plus de stockage sur votre site Web. Très bien, alors regardons la page des fonctionnalités pour avoir une idée de quelques autres fonctionnalités qui sont disponibles sur les modes cloud. Hébergement fait simple, rapide et pratique. Nos recettes d'hébergement géré simplifient l' ensemble de votre expérience afin que vous puissiez rester concentré sur la croissance de votre entreprise. Les principales caractéristiques ici sont la simplicité et le choix. Développez votre entreprise avec le moins de restrictions et plus de liberté. Ils enlèvent essentiellement toutes les options avancées. Donc, vous obtenez seulement ce dont vous avez besoin de vous inquiéter. Expérience sans souci, vous avez le contrôle de vos applications et serveurs. performance qui évolue l'expérience améliore les temps de chargement de vos applications, qui signifie essentiellement ce que ces serveurs et sites Web chargent très rapidement, qui est vraiment important pour l'expérience utilisateur et pour le classement des moteurs de recherche et des prix transparents, des plans de tarification qui fonctionnent pour tout le monde. Donc, ici, ils décomposent les différentes fonctionnalités divisées par les experts soutiennent les performances à grande vitesse. Sécurité. L' hébergement géré est livré avec la sécurité gérée. pratiques de sécurité proactives basées sur le cloud assurent la sécurité et la sécurité de tous vos serveurs. Très important. Nous gérons votre serveur comme vous le souhaitez. Vous pouvez choisir votre type de serveur et votre type d'application. Collaboration. Vous pouvez ainsi collaborer avec votre équipe. Vous êtes le patron, vous avez les contrôles, la sauvegarde et la restauration en un clic, entre autres options, l'intégration et les add-ons. Ils s'intègrent avec différents services tiers dont vous pouvez profiter. Et la surveillance en temps réel 24, 7 pour votre service. Il s'agit donc d'une solution gérée. Cela signifie qu'ils surveillent constamment votre serveur et s'occupent de tous les problèmes. Et ils sont en partenariat avec vous pour travailler avec vous pour votre succès futur, au lieu de simplement obtenir strictement hébergement avec accompagnement que vous contactez lorsque vous avez des problèmes. Cloud wise va travailler avec vous pendant que vous vous associez avec eux. Alors, quel est le coût des solutions cloud ? Cliquez sur les prix en haut ici. Tarifs flexibles et transparents. Payez au fur et à mesure des plans au travail pour votre entreprise. n'y a pas de verrouillage, il n'y a pas de contrat avec les moyens Cloud. n'y a aucun coût pour un certificat SSL. Vous payez au fur et à mesure, ce qui signifie que si vous utilisez un tas de trafic un mois et que vous payez simplement pour ce trafic, au lieu d'être bloqué pour obtenir un serveur plus grand pendant un certain temps. Migration libre. Nous migrons gratuitement votre premier site Web vers le Cloud. Et c'est vraiment important, des applications illimitées, ce qui signifie que vous, en tant qu'entreprise de conception Web, pouvez avoir un serveur et héberger une quantité illimitée de sites Web sur elle. En réalité, il s'agit d'environ dix à 20 sites Web par serveur, mais cela dépend de nombreux facteurs différents. Mais fondamentalement. Cela signifie que vous pouvez héberger les sites Web de vos clients. Vous n'avez aucun plafond sur le montant que vous pouvez mettre sur votre serveur, ce qui est une belle fonctionnalité lorsque vous poursuivez cela en tant qu'entreprise. Gérer les plans d'hébergement. Je travaille pour tout le monde. Alors, quel est le coût réel ? Eh bien, nous avons différents fournisseurs d'hébergement ici, fournisseurs de serveurs, nous avons océan numérique, noeud LA, vautour, Amazon, et Google. Chacun d'entre eux répertorie les centres de données actuellement disponibles. Ainsi, lorsque vous cliquez sur l'option Data Centers, elle vous indique les villes du monde entier où se trouvent leurs centres de données. Donc, la sagesse conventionnelle serait d'héberger votre site Web sur le serveur physique le plus proche de votre public cible. Donc, comme le bruit du Cloud est si transparent avec ces villes et ces endroits, vous avez la liberté de choisir cela. Alors, quels sont les coûts ? Prenons un exemple, Digital Ocean. Maintenant, ils ont différentes options et cela se décompose avec les différentes technologies ici. Plus précisément, la RAM, qui serait la mémoire, le processeur, qui serait la vitesse de calcul du serveur, le stockage, puis la bande passante, juste combien de trafic il peut gérer. Tous les plans sont livrés avec 24, 7, 365, support SSL, migration, applications illimitées, surveillance , sauvegardes, toutes ces bonnes choses dont nous avions parlé. Alors regardons en profondeur les différents prix et comment cela peut évoluer. Donc, dans l'exemple de Digital Ocean ici, nous avons le seul concert de RAM, les deux concerts de mémoire, quatre gigaoctet, huit, 16, jusqu'à 192. Maintenant, cela va de 10 dollars américains par mois en monnaie américaine à 100 dollars par mois. L' un des plans que j'ai en ce moment est un quatre gigaoctets, et qui est confortablement adapté à environ 20 différents sites clients. Maintenant, cela varie en fonction du trafic, du stockage et des besoins du client. Mais généralement pour une petite entreprise qui fonctionne bien pour environ 10 à 20 clients différents. n'y a pas besoin pour les petites entreprises d'aller au-delà, disons, huit gigaoctets. Donc, de cet angle dans le sens des aiguilles d'une montre est en fait assez abordable. Et une autre fonctionnalité étonnante façons cloud est que si vous êtes sur le plan de deux gigaoctets, puis avec le clic d'un bouton et environ une demi-heure de la nuit, vous pouvez passer du plan de deux gigaoctets au plan de quatre gigaoctets avec juste le clic d'un bouton. Cloud ways gère cette mise à l'échelle et cette migration vers le plus grand serveur. Ils s'en occupent pour toi. Et à partir de là, vous serez facturé le prix de 42$ ou le prix de celui à lequel vous le mettez à l'échelle. Ils le rendent extrêmement facile à faire. Et c'est l'une des raisons pour lesquelles il s'agit d'une mise à niveau premium. Sur les façons Cloud. Vous allez payer un peu plus que sur un serveur d'économie partagée, mais les avantages l'emportent totalement sur les coûts de ces différents exemples. Il y a aussi des options premium ici, qui seraient des serveurs haute fréquence. Et ce ne sont essentiellement qu'une autre technologie mise à jour. Donc, à peu près, vous sélectionnez un serveur en fonction votre centre de données et du prix que vous êtes prêt à payer en fonction de vos besoins. Vous pouvez également migrer à l'échelle entre différents serveurs à tout moment. Maintenant, un point de plus sur les façons de Cloud. Nous avons parlé des domaines dans la leçon précédente. Et vous devez savoir que le cloud way ne gère pas les noms de domaine pour vous. Vous devez toujours avoir un registraire de domaine comme Godaddy.com ou Iona ps.com. Ou où que vous choisissiez d'enregistrer vos noms de domaine, google domain , quand vous le souhaitez, vous devez obtenir votre nom de domaine ailleurs. Ensuite, avec l'enregistrement DNS simple, vous pouvez pointer le trafic du site Web vers votre compte Cloud ways. Dans l'ensemble, le cloud ways est une solution fantastique et je suis tellement heureux de partager avec vous mon enthousiasme pour cette entreprise incroyable. J' espère que vous avez apprécié mon enthousiasme pour les solutions Cloud, le meilleur fournisseur d'hébergement que j'ai jamais utilisé. Maintenant, il y a d'autres plates-formes d'hébergement géré premium comme WP Engine, volant d'inertie. Mais ils limitent généralement la quantité de sites Web que vous pouvez stocker sur chaque serveur. Alors que Cloud ways ne le fait pas. Et pour cette raison, le cloud ways est mon option privilégiée pour mes clients qui ont besoin des meilleures performances. Alors passons brièvement en revue comment sélectionner votre fournisseur d'hébergement. Ensuite, nous allons résumer ce que nous avons appris dans cette leçon. Maintenant, l'option d'entrée de gamme serait un package d'hébergement Web partagé des économies de niveau supérieur. C' est idéal si vous venez de commencer et d'acquérir de l'expérience. Une fois que vous êtes prêt à évoluer et à mettre à niveau vos sites Web, il existe des serveurs d'hébergement dédiés. Et si vous êtes sérieux au sujet de votre entreprise et prêt pour le haut de gamme, la meilleure performance possible. hébergement cloud géré comme le cloud est la voie à suivre. Qu' avons-nous appris dans cette leçon ? Nous avons appris numéro un, l' hébergement est essentiel pour les sites Web. Numéro 2, l'hébergement peut être très coûteux ou trompeusement abordable. Troisièmement, afin de gérer plusieurs sites Web de vos clients, vous voudrez soit parler à votre serveur partagé autour de 16$ par mois, un plan d'hébergement dédié. C' est 120 et 150 et un pour l'hébergement cloud géré, à partir de 25 dollars par. Quatre, vous pouvez généralement stocker environ 10 à 20 sites Web de vos clients sur chaque serveur. Numéro 5. Après des années de recherche, je recommande que je possède et des façons Cloud pour ces raisons. Dans mon expérience personnelle et professionnelle, ils sont plus généreux quelle performance, vitesse et ressources avec leurs intérêts et options. Quels sont tes devoirs ? Si vous ne possédez pas déjà l'hébergement Web , je possède AS et Cloud moyens en utilisant les liens d'affiliation dans cette description de cours. Choisissez soit le forfait d'hébergement Web expert de Jonah, l' un des packages d'hébergement dédiés moins chers ou un plan d' hébergement géré de manière cloud avec un centre de données le plus proche de votre emplacement. Je suis paresseux. Et maintenant, vous savez, les hubs Web là-bas. 6. Emails: Bienvenue. Je suis Leighton, votre webmaster. Aujourd'hui, nous allons discuter de quelque chose d'autre que vous pouvez héberger et à côté de votre site Web, des e-mails. Maintenant, pourquoi iriez-vous créer une adresse e-mail ? Peut-être que vous pensez à un Gmail ou Yahoo ou à un site comme ça, et vous auriez raison. Mais où iriez-vous pour créer un e-mail pour votre entreprise ? Rappelez-vous le serveur d'hébergement web dont nous avons parlé dans la leçon précédente. Oui, votre serveur, que vous créez des centaines d'adresses e-mail sans frais supplémentaires. Ceci est inclus dans le coût du compte d'hébergement. C' est tellement excitant. Vous avez essentiellement deux options. Vous pouvez créer des transferts et des boîtes aux lettres. Discutons de ça. D' abord. En avant. C'est là que vos e-mails sont transférés vers une autre boîte aux lettres. Aucun e-mail n'est stocké sur le serveur Web. Ils sont essentiellement redirigés vers votre Gmail ou votre compte personnel ou partout où vous choisissez de les envoyer. L' avantage est que vous n'avez pas à suivre, mais juste une autre boîte de réception et un autre mot de passe. Le principal inconvénient cependant, est que vous ne pouvez pas envoyer des e-mails depuis votre transfert. Par exemple, si votre contact que mon adresse e-mail domain.com transmet à votre Gmail. Toutes les réponses proviendront de votre Gmail. Ce qui est vraiment n'a pas l'air si professionnel. La deuxième option est une boîte aux lettres. Il s'agit de votre compte de messagerie typique. Tout ce que vous avez à spécifier est votre adresse e-mail, comme le contact papa ou les informations sur votre mot de passe, et si vous voulez ou non une protection contre le spam. Alors pourquoi créer une adresse e-mail sur votre serveur de toute façon, pourquoi ne pas simplement ouvrir un Gmail pour votre entreprise ? C' est une excellente question. Beaucoup de startups vont sur la route Gmail. Mais pour illustrer cela, pouvez-vous penser à n'importe quelle grande société qui utilise sur gmail.com pour leurs comptes de messagerie. Je veux dire, comment réagirais-tu si tu recevais un e-mail d'une société réputée comme McDonald's ou Apple ? Espérons que cela lèverait un drapeau rouge majeur. Vous voyez que tout le monde, y compris les spammeurs et les pirates, peut enregistrer un compte Gmail gratuit. Pour la solution professionnelle est de posséder un nom de domaine de l'entreprise et de créer votre adresse e-mail sur cela. Maintenant, il est important d'avoir une adresse e-mail professionnelle pour vous-même. Mais qu'en est-il de votre entreprise de design web ? Comment gérer les comptes de messagerie pour vos clients ? Chaque entreprise pour laquelle vous créez un site Web, nous aurons probablement besoin de sa propre adresse e-mail. Certains voudront plusieurs adresses pour chaque employé. Certains vous demanderont simplement des transferts, et d'autres voudront des boîtes aux lettres complètes. En fait, pourquoi ne pas entrer dans un serveur Web pour voir comment créer une barre d'adresse e-mail dans mon compte de témoin oculaire personnel. Créons notre adresse e-mail en cliquant sur email. Tout d'abord, il nous montre les différents serveurs d'hébergement que nous avons. Cliquez sur l'un d'entre eux et il extrait toutes les boîtes aux lettres et les transferts que j'ai créés pour moi-même, mon entreprise personnelle et les clients que j'ai hébergés sur ce serveur. Avant de créer notre adresse e-mail, examinons d'abord le potentiel ici. Je possède. Cela nous permet de créer une quantité illimitée de transitaires et une quantité illimitée de boîtes aux lettres, qu'ils appellent l'entreprise de base masculine et de courrier, très généreux de ionisé. Alors créons notre adresse e-mail. Maintenant, nous sommes présentés avec quatre types de boîtes aux lettres différents. abord, nous pouvons faire un transfert de courrier électronique, où les e-mails ne sont pas stockés sur le serveur, ils sont simplement redirigés vers un autre. La première option de boîte aux lettres est masculin basique. La mise à niveau est une entreprise masculine, qui coûte quelques dollars supplémentaires par mois et nous donne un espace de stockage amélioré jusqu'à 50 gigaoctets. Et puis il y a le Microsoft Exchange 2019, qui est encore plus cher. Mais j'évite généralement cette option parce que si je vais configurer un client avec Microsoft 365, je l'achèterai directement sur Microsoft.com au lieu d'utiliser la version ionise chargée. Donc, nous allons d'abord voir comment créer un clic de transfert Créer sous le transfert d'e-mail. Et nous sommes présentés avec quelques options sur l'écran suivant. Lorsque nous créons un transfert d'e-mail, tout ce dont nous avons besoin est le handle pour cela, comme le support. Nous trouvons que notre nom de domaine, dans mon cas, pioneer.me. Ensuite, vous choisissez l'adresse à laquelle vous souhaitez la transmettre. Il dit transférer automatiquement tous les courriels entrants aux adresses e-mail suivantes. Nous devons noter que nous pouvons créer plusieurs adresses e-mail, pas seulement une. Nous pouvons ajouter plusieurs cibles de transfert, dix au total, comme une fonctionnalité très pratique. Annulons cela, puis créons une boîte aux lettres au lieu d'un transfert. Juste quelques options de plus ici. Sur l'écran suivant, lorsque nous créons une boîte aux lettres e-mail, nous devons toujours créer le handle tel que support chez pioneer.me. Ensuite, nous sommes invités avec un mot de passe, tapez notre mot de passe, sécurisez-le. Ensuite, nous pouvons également transférer une copie de tous les e-mails à un autre compte. Comme une belle fonctionnalité. Vous pouvez à la fois stocker les e-mails et en envoyer une copie. Et puis on nous présente trois options ici. Pour la sécurité de la messagerie. Nous avons un anti-spam, nous avons une protection antivirus et nous avons l'archivage des e-mails. L' antispam enverrait tout ce qui ressemble à du spam dans votre dossier de spam. Il y a une protection contre le spam faible, moyenne et élevée qui est incluse. Pour un supplément de 2$, vous pouvez obtenir une protection antivirus. Je ne coche généralement pas cette case et c'est rarement un problème. Et puis, il y a une protection contre la perte de données grâce à l'archivage des e-mails, où une copie de vos e-mails est enregistrée dans un processus hautement sécurisé et automatisé. Les e-mails sont archivés séparément, ce qui est une fonctionnalité de protection des données. Typiquement, je ne vérifie pas cela non plus. Bien sûr, les deux peuvent être vérifiées si le client le souhaite spécifiquement et est prêt à payer les frais. Ce sont de belles fonctionnalités dont vous pouvez profiter. Et nous gardons ça. Et puis sur l'écran suivant sera présenté avec des options de ce que nous pouvons faire avec notre nouveau compte de messagerie. Sur l'écran suivant, nous allons vouloir enregistrer notre mot de passe séparément et tout ce que nous utilisons pour enregistrer nos mots de passe. Dans mon cas, c'est la dernière passe. Je vais cliquer sur Pas maintenant, mais vous devez enregistrer soit le mot de passe pour vous-même ou si c'est pour un client, Il est bon de sauvegarder cela en toute sécurité. Pour vos clients. Maintenant, l'adresse est configurée. Vous pouvez utiliser votre nouvelle adresse e-mail maintenant utiliser votre nouvelle adresse e-mail directement en ligne ou configurer votre programme de messagerie électronique. Fondamentalement, cela signifie que vous pouvez utiliser le courrier Web ou l'ajouter à votre client de messagerie préféré. Alors maintenant que le compte est créé, comment accéder à nos e-mails ? Nous avons quelques options. abord, le webmail pour moi est ceci est webmail Jonas.com. Pour vous pouvez utiliser un client de messagerie. Ces comptes de messagerie peuvent être ajoutés à la messagerie iOS, Outlook avec l'application de messagerie Windows ou à tout client de messagerie acceptant IMAP. IMAP signifie Internet Message Access Protocol. IMAP vous permet essentiellement d'ajouter vos e-mails sur votre bureau, votre tablette ou votre téléphone. Et tous les e-mails restent synchronisés sur tous les comptes de messagerie. C' est vraiment gentil, mais ça existe depuis longtemps. Et il y a plus de solutions disponibles. Comme quoi ? Où allez-vous lorsque vos clients ont besoin de mettre à jour leurs e-mails ? Eh bien, deux solutions viennent à l'esprit. Il y a G Suite et Microsoft 365. Regardons G Suite. Ici, nous sommes sur la page d'accueil de Google G Suite. Maintenant, lorsque nous utilisons G Suite, nous ne recevons pas d'adresse e-mail sur gmail.com. Google n'offre Gmail gratuitement. Mais lorsque vous utilisez G Suite, vous les utilisez pour héberger des serveurs pour vos e-mails. Vous utilisez donc toujours votre nom de domaine. Vous utilisez la technologie de Google pour héberger les e-mails et me donner un tas d'autres fonctionnalités. Il dit que nous pouvons obtenir des documents Gmail, viande Drive Calendar et plus encore pour votre entreprise. Encore une fois, vous pouvez les avoir gratuitement, mais c'est pour votre entreprise en utilisant votre.com. Voyons ce qu'ils offrent ici. Gmail pour les affaires. C' est le Gmail, vous savez, et l'amour conçu pour les affaires avec des contrôles d'administration et pas de publicités. Échangez sur gmail.com avec votre propre domaine pour créer des adresses e-mail professionnelles comme votre nom sur exemple.com ou des ventes sur exemple.com. Qu' est-ce qu'on obtient de la viande en toute sécurité de n'importe où ? Gardez votre équipe connectée grâce à visioconférence haut de gamme basée sur l'infrastructure mondiale robuste et sécurisée de Google. La viande est incluse dans G Suite et G Suite for Education. Ainsi, en plus des e-mails, vous bénéficiez de la visioconférence et de la collaboration. Travailler. Plus rapide, travailler plus intelligemment, collaborer sur des fichiers et en temps réel. Trouvez rapidement de l'espace sur le calendrier de tout le monde et prenez des réunions où que vous soyez. G Suite dispose des outils nécessaires pour booster votre productivité. G Suite est donc vraiment conçu comme une suite de productivité complète, qui inclut les e-mails comme l'un des services qu'ils offrent. La sécurité est très importante ici. Profitez de la même infrastructure sécurisée. Google utilise. Vos périphériques de données et utilisateurs sont protégés et tous vos fichiers sont automatiquement sauvegardés dans clown. Avec G Suite, tu as le contrôle. Alors encore, Qu'est-ce qu'ils offrent ? Cliquez sur ce qui est inclus en haut. Obtenez une idée de ce qui est offert ici et inclus applications, Gmail meet, chat, agenda Drive, feuilles Docs, Slides, Forms, sites, courants, keep Apps, Script et Cloud Search. Tant de services de Google dans un contexte d'entreprise, vous pouvez potentiellement l'utiliser pour remplacer Microsoft. Mot. Docs remplacerait mot. Feuilles, remplacerait Excel. Diapositives, pourrait potentiellement remplacer PowerPoint si vous voulez vraiment être investi dans l'écosystème de Google. Alors, qu'est-ce que cela coûte ? Nous cliquons sur le prix, choisissez votre ajout G Suite. Ils appellent leurs plans ajouts. Il y a un forfait de 6$ par utilisateur et par mois, un forfait de 12 dollars par utilisateur et par mois. Et puis, bien sûr, plus élevé dans les solutions d'entreprise, que vous devez obtenir un devis personnalisé sur. Pour la plupart des gens, les 6$ par utilisateur et par mois seront votre choix idéal. Alors maintenant regardons l'autre option, Microsoft 365. Nous sommes ici sur la suite de productivité de Microsoft. Donc, il devrait être clair que cela a été appelé Office 365 pendant plusieurs années, mais en 2020, il a été rebaptisé Microsoft 365. Même offre, même produits, juste un nouveau nom. Microsoft 365, votre Cloud de productivité pour l'ensemble du travail et de la vie. Le courrier électronique en est une partie. Ils offrent beaucoup plus conçus pour vous aider à réaliser plus avec des applications Office innovantes, services cloud intelligents et une sécurité de classe mondiale. Voyons donc ce qu'ils offrent sur leur solution d'entreprise. Les plus productifs en utilisant les applications Office, restez à jour sur n'importe quel appareil avec les dernières versions de Word, Excel, PowerPoint et bien plus encore. Vous recevez des e-mails, ce que nous cherchons à avoir, et le calendrier se connecte avec des clients et des collègues à l'aide Outlook et Exchange peut avoir des appels de chat et des réunions. Stockage en nuage avec OneDrive et toute une série d'autres petits peu plus faciles. Voyons combien ils coûtent. Donc si vous continuez ici et que vous êtes confus par ces trois plans différents, vous n'êtes pas seul. Beaucoup de gens le sont. Alors disons ça. 5 $ par utilisateur et par mois est le compte de base Microsoft Business. Ce que cela vous obtient essentiellement est des e-mails, peut héberger des e-mails avec une boîte aux lettres de 50 gigaoctet. Vous utilisez votre propre nom de domaine. Et cela reste synchronisé sur tous vos appareils utilisant la technologie Exchange. De plus, il synchronise vos contacts et vos calendriers. Vous obtenez une version Web d'Outlook, Word, Excel, PowerPoint et OneNote. Ce n'est pas le logiciel que vous téléchargez sur votre ordinateur, c'est une version Web. Vous recevrez également un stockage de fichiers avec OneDrive, qui ressemble à la version Microsoft de Google Drive et Dropbox. Vous pouvez communiquer avec Microsoft Teams pour collaborer avec votre équipe. Et il vous offre une sécurité et un support intégrés. C' est les 5$ par boîte aux lettres par mois. Quelle est la version de 12,50$ que vous obtenez qui est appelé Microsoft 365 Business standard. Cela va vous donner la version téléchargeable réelle d'Office, entièrement installée et toujours à jour des versions Outlook, Word, Excel, PowerPoint et OneNote pour Windows et Mac. Alors que vous obtenez le logiciel en plus du niveau de l'entreprise, les e-mails. Donc, les e-mails seulement, les e-mails et les applications. Il y a aussi une application seulement Virgin pour environ 8$ par utilisateur et par mois. Et puis il y a l'option Microsoft 365 Business Premium, qui va vous donner quelques options supplémentaires seules les grandes entreprises vont avoir besoin pour profiter. Il devrait être très clair que c'est par utilisateur, par mois. Donc, si vous avez une entreprise, vous ne payez pas seulement 12,50$ par mois. Vous payez cela pour chaque adresse e-mail dont vous avez besoin pour vous-même, pour vos employés ou vos gestionnaires, tout cela. Cela ne coûte pas pour vos transferts, juste pour vos boîtes aux lettres. Encore une fois, chaque personne de votre équipe qui a besoin d'une adresse e-mail sera probablement facturée ce prix, 12,50$. Ou pour la plupart des gens, le $5 par utilisateur et par mois sera le plan le plus populaire. Ce sont donc deux solutions de messagerie professionnelle solides de Microsoft et Google. Comment installer et configurer trois mils ? C' est vraiment assez simple. Vous voyez que les e-mails ne sont pas hébergés sur votre serveur Web. Ils sont hébergés sur des serveurs Google ou Microsoft. Donc, tout ce que vous avez à faire est d'ajouter un enregistrement DNS pour rediriger les e-mails vers leurs serveurs. L' enregistrement DNS spécifique est appelé MX ou échangeur de courrier. Donc juste une ligne de code qui dit que tous les e-mails doivent être redirigés ailleurs. Vous souvenez-vous de l'illustration de l'annuaire téléphonique que DNS enregistre comme des livres d'os. Eh bien, quand vous regardez ou pour envoyer des e-mails, que dit l'annuaire ? Il est dit pour les e-mails, allez à Microsoft ou allez à Google. Voyez qu'une ligne de code DNS établit cette connexion. Donc, jusqu'à présent, nous avons discuté à la fois des e-mails hébergés gratuits et des e-mails dédiés payants. Comment savez-vous quoi pour les Juifs ? Comment savez-vous s'il faut s'en tenir aux e-mails hébergés sur votre serveur ou acheter ces comptes de messagerie fantaisie. Eh bien, c'est la clé. Pour de nombreuses petites entreprises, le courrier électronique hébergé est inclus avec votre serveur Web ou suffisant. En général, je ne regarde G Suite et Microsoft 365 que lorsqu' un client a dépassé ses comptes de messagerie hébergés et qu'il a besoin d'une solution de pointe. Mais ils devront payer pour ce privilège, généralement environ 5$ par utilisateur et par mois. Maintenant, cela amène un autre point clé pour tout ce cours d'affaires. Maintenant que vous pensez, pas seulement en tant que concepteur web, mais en tant que propriétaire d'entreprise, vous pouvez profiter de cette occasion pour vendre, faire un petit profit. Si les courriels vous coûtent 5$ par personne et par mois, 1 sur charge votre client 7$ chacun, faire un profit de 2$ sur chaque boîte aux lettres. Ou pour les e-mails hébergés gratuits, essayez de facturer quelques dollars par boîte aux lettres. Le client n'a pas besoin de savoir que c'est gratuit pour vous de créer. En fait, vous pourriez considérer cela comme des frais pour votre temps, votre expertise et votre soutien. Pensez comme un propriétaire d'entreprise et vous trouverez de petites opportunités pour créer des profits. Et chaque petit profit s'additionne. Avant de conclure, nous devons aborder un point de plus important. Disons que vous prenez un client et ils ont déjà plusieurs boîtes aux lettres est plein d'e-mails. Qu' est-ce que tu fais ? Eh bien, d'abord, vous devez évaluer la situation. Utilisent-ils IMAP ? Utilisent-ils G Suite, microsoft 365 ? Tu dois comprendre ça. S' ils utilisent G Suite ou Microsoft 365, écrivez, votre travail devient beaucoup plus facile. Tout ce que vous devez faire est de copier les enregistrements DNS existants que les e-mails vont continuer à aller au bon compte de messagerie. Sinon, s'ils utilisent des e-mails hébergés IMAP, vous devrez commencer à les déplacer vers votre serveur. Commencez donc par faire une liste de toutes leurs boîtes aux lettres, les transitaires et les mots de passe. Deuxièmement, tu dois les soutenir. Cela signifie ouvrir Outlook ou un programme similaire et exporter toutes leurs boîtes aux lettres, y compris la boîte de réception, les dossiers personnalisés envoyés que j'ai créés pour tous vos comptes de messagerie clients. Parfois c'est léger, et d'autres fois c'est gigantesque. Troisièmement, créez les nouveaux comptes de moulin sur votre serveur Iona. Vous pouvez profiter de cette occasion pour en créer de nouveaux et même en supprimer les anciens, inutilisés que le client n'en a plus. Pour. Échangez l'enregistrement DNS pour que les nouveaux e-mails circulent dans votre serveur ionisé. Et enfin, importez les e-mails que vous avez sauvegardés afin que le client ne perde pas d'e-mails précieux. Vous ne voulez absolument rien perdre pour vos clients. Alors, quelles sont vos options sur la plate-forme d'hébergement cloud géré de manière Cloud ? Contrairement à l'hébergement partagé, de nombreuses plateformes d'hébergement géré n'incluent pas l'hébergement de courrier électronique prêt à l'emploi. Par conséquent, la configuration peut être un peu plus avancée. Dans ce cas, pensez au courriel et à l'hébergement Web comme deux services distincts dont vous avez besoin pour vous et vos clients. Cela signifie que vous devez intégrer un hébergement de messagerie tiers comme Google Workspace, anciennement G Suite, ou Microsoft 365. Heureusement, ces solutions sont formidables. Donc ce serait votre premier choix. Il suffit de choisir et de connecter l'un d'entre eux. dehors de cela, les solutions cloud ont un partenariat avec Rackspace, l' un des principaux fournisseurs de services Cloud du secteur, pour vous offrir un hébergement de messagerie électronique d'un simple clic sur votre compte Cloud ways. Maintenant, leur prix est simple. Chaque boîte aux lettres coûte seulement 1$. Vous pouvez en créer autant que vous le souhaitez pour seulement 1$ chacun. Vos e-mails ou hébergés en toute sécurité avec Rackspace, mais gérés par Cloud. Vos clients peuvent accéder à leurs e-mails via IMAP ou webmail et rester synchronisés sur tous leurs appareils. Permettez-moi de vous montrer comment fonctionne l'hébergement des e-mails dans le cloud, comment connecter votre nom de domaine à Rackspace, et comment améliorer la délivrabilité des e-mails grâce à la messagerie élastique. Nous sommes donc de retour sur la page d'accueil de Cloud ways.com et allons à Fonctionnalités pour voir ce qu'ils ont écrit sur l'hébergement de messagerie électronique. Nous faisons donc défiler vers le bas jusqu'aux intégrations et add-ons ici. Et il y a quelques choses écrites sur les e-mails. L' un d'entre eux serait le service SMTP. Mais concentrons-nous dès maintenant sur l'ajout de messagerie Rackspace, obtenez des boîtes de réception de courrier électronique basées sur le cloud alimentées par Rackspace pour seulement 1$, pour une disponibilité garantie, une protection suprême et une prise en charge 24 heures sur 24. C' est donc ce qu'ils proposent d'intégrer l'hébergement de messagerie sur votre compte Cloud ways. Donc, même si les solutions cloud ne l'offrent pas, elles facilitent l'intégration. Voyons comment le faire. Donc, cela nous amène à un article de support sur les façons Cloud. Leurs articles de support sont très utiles, très faciles à lire. Et c'est celui sur la façon d'utiliser Rackspace email ajouter sur. Nous allons donc examiner brièvement cela pour voir le potentiel de ce que nous pouvons créer avec les solutions Cloud et Rackspace. Nous allons donc dans notre compte Cloud ways, cliquez sur l'icône de la grille et accédez aux modules complémentaires. Et puis à partir de là, nous cliquons sur l'email Rackspace ajouter et aller à l'icône Modifier sur la droite. Et puis cela nous amène à cet écran où nous pouvons créer une boîte aux lettres, un alias, un transfert ou un catch-all, et quelques liens sur la façon d'ajouter vos enregistrements DNS et de vous connecter à votre webmail ou à votre application de messagerie. Donc, sur cet écran, vous devez entrer votre adresse e-mail et votre mot de passe pour créer votre boîte aux lettres. Vous pouvez en créer autant que vous le souhaitez ici, autant qu'il est déjà connecté à votre compte Cloud ways. Ici, nous pouvons créer plusieurs boîtes aux lettres. Maintenant, j'ai dit que je l'avais fait. C' est la première fois que vous configurez la boîte aux lettres pour le domaine. Vous devrez configurer vos enregistrements DNS. Ouvrons ça dans un nouvel onglet pour que nous puissions avoir ça à portée de main. D' accord, mettre en place des alias. Les alias vous permettent de créer des adresses de messagerie supplémentaires qui pointent vers des boîtes aux lettres existantes. Sans avoir à créer des boîtes aux lettres séparées. Pensez au contact ou à la vente dans les boîtes aux lettres. Nous ajoutons donc les alias sous l'onglet Alias et vous pouvez joindre un athée à un e-mail particulier, boîte aux lettres. Très bien, le réacheminement du courrier, comme on l'a dit tout à l'heure, c'est là que vous transférez le courrier vers une autre boîte aux lettres. Vous pouvez accéder à l'onglet de transfert, sélectionner le compte que vous souhaitez transférer, puis sélectionner à l'endroit où vous souhaitez transférer ce domaine, même s'il ne s'agit pas d'un domaine de mode cloud vers lequel vous le transmettez. Vous pouvez ajouter plusieurs, vous pouvez transférer un compte de messagerie particulier à un maximum de 15 adresses. Et nous pouvons également sélectionner un attraper toutes les adresses qui recevront tous les e-mails envoyés à des boîtes aux lettres incorrectes ou inexistantes sur votre domaine. C' est donc juste une façon de prendre n'importe quel e-mail envoyé à un nom de domaine. Très bien, donc c'est la capacité de cloud wise et Rackspace. Maintenant, comment ça marche ? Comment configurer cela sur notre enregistrement DNS pour le faire vivre ? Nous ouvrons donc ce lien dans un nouvel onglet. Voyons quels enregistrements DNS sont nécessaires pour que cela fonctionne avec notre nom de domaine. Donc, cela nous amène à un article Rackspace.com. Et il y a essentiellement trois types d'enregistrements DNS que nous devons ajouter pour rendre les e-mails en direct avec Rackspace et Cloud. Vous ajoutez l'enregistrement MX de l'échangeur de messagerie, qui indique à votre nom de domaine où pointer les e-mails. Un enregistrement TXT, en particulier un SPF, qui traite du spam. Et puis un enregistrement de découverte automatique de nom C, ce qui facilite l'ajout de vos e-mails à votre client de messagerie. Alors, que faisons-nous avec ces enregistrements DNS ? Copions le plus important, le premier dans mx1 dot email server.com et tirons notre registraire de domaine. Ça pourrait être GoDaddy, ça pourrait être des domaines Google. Je nous possède 11 ou autre chose. Regardons un exemple où ils vont compte papa. Alors subis papa. Lorsque vous accédez aux domaines, tirez votre nom de domaine et cliquez sur DNS. Cela extrait nos enregistrements DNS. Cela peut être écrasant si vous n'êtes pas habitué à voir les enregistrements DNS. Mais rendons cela plus facile à comprendre. Dans ce cas, nous avons deux enregistrements MX qui pointent vers serveur sécurisé .net. Ça veut dire que ça va aller papa, les e-mails vont ici, ce qui est un compte que GoDaddy Jones. Donc, pour pointer cela loin de GoDaddy sur les façons Cloud et Rackspace. Nous pourrions juste échanger ces deux enregistrements avec celui que nous avons copié de l'article Rackspace. Si nous faisons cela sur les deux enregistrements MX, puis nous ajoutons l'enregistrement texte, et nous ajoutons le nom C, Auto Discover. Alors notre Rackspace serait en direct. Tant que nous avons créé cela dans notre compte Cloud sage. Alors maintenant quoi, comment ajouter ça ? Une fois que nous avons fait les enregistrements DNS, comment ajouter cela à notre client de messagerie ? Eh bien, cela nous amène à un autre article, comment configurer mon client de messagerie avec la boîte aux lettres Rackspace. Nous pouvons donc le faire avec votre application de messagerie, avec votre application Outlook, avec votre application de messagerie iOS, votre messagerie Windows chaque fois que vous utilisez ou votre client utilise pour accéder à leurs e-mails. Fondamentalement, vous avez juste besoin de ces informations pour l'ajouter à l'une de ces applications. Et l'article continue à le décomposer étape par étape. Il y a aussi un webmail auquel vous pouvez vous connecter pour accéder en ligne. Donc un point de plus. Parlons brièvement de la délivrabilité des e-mails avec SMTP élastique. Donc Cloud away a dit qu'ils se connectaient avec un add-on SMTP est un moyen fiable et facile de configurer un service SMTP externe pour être utilisé comme une passerelle pour distribuer des e-mails à partir de votre serveur. Donc, c'est fondamentalement comme un intermédiaire entre votre site Web et votre boîte aux lettres. Donc, quand quelqu'un remplit un formulaire de contact sur un site Web, il n'est pas garanti que la soumission du formulaire de contact va atterrir dans la boîte de réception. Pour ce faire, nous pouvons nous connecter à un service de délivrabilité de courrier électronique tiers pour garantir la délivrabilité. Alors regardons l'exemple de cette façon de cloud se connecte, qui est appelé e-mail élastique. Il s'agit d'une entreprise spécialement conçue pour envoyer des e-mails en toute sécurité dans votre boîte de réception. Voici ce qu'il est défini comme un email élastique. Vous pouvez utiliser le service élastique de livraison et de gestion des e-mails transactionnels. Et il y a un lien vers un article qui va plus en profondeur à ce sujet. Fondamentalement, nous pouvons ajouter nos noms de domaine en tapant le nom de domaine ici, puis en ajoutant les enregistrements qui sont nécessaires. L' add-on élastique nécessitera quelques enregistrements DNS. Et ceux-ci sont énoncés dans cet article. Donc, une fois que nous faisons cela, nous pouvons assurer la délivrabilité des e-mails, ce qui serait comme un site Web de commerce électronique qui envoie des e-mails de commande ou un formulaire de contact ou tout autre e-mail qui pourrait sortir de votre site Web. Un service comme celui-ci est super abordable et vous permet d'assurer la livrabilité. Regardez l'abordabilité de cela. Au moment de l'enregistrement, vous pouvez faire 25 mille e-mails par mois pour un peu plus de deux dollars américains, ce qui est incroyable. C' est un moyen incroyablement abordable d'assurer la délivrabilité de vos e-mails. Et c'est ce que propose Cloud ways. Donc, un moyen facile de connecter Rackspace pour l'hébergement de courrier électronique en élastique pour assurer la délivrabilité de vos e-mails. Donc, même si les moyens de cloud n'offrent pas un intégré comme vous vous attendez à trouver sur l'hébergement économique partagé ou avec je possède nous. Même s'ils ne l'offrent pas, ils facilitent l'ajout avec seulement quelques enregistrements DNS et quelques minutes d'effort. Et une dernière fonctionnalité cool ici avec e-mail élastique est que vous pouvez cliquer sur le bouton Log pour télécharger les journaux de messagerie, qui vous indique chaque e-mail qui est sorti de votre serveur, ce qui est incroyable à des fins de diagnostic, vous pouvez voir tous les courriels que j'ai été depuis la ligne d'objet, la date, l'heure à laquelle je suis allé, qui est parti. Et c'est génial pour diagnostiquer tous les problèmes liés à la messagerie électronique pour vos clients. Alors qu'avons-nous appris ? Numéro un, votre plan d'hébergement vous permet généralement de créer plusieurs comptes de messagerie sans frais supplémentaires. Numéro 2, vous pouvez créer des boîtes aux lettres et des transferts. Numéro 3, ces comptes de messagerie peuvent se synchroniser sur tous vos clients et appareils de messagerie via IMAP. Numéro quatre, lorsque vous prenez un client avec des e-mails existants, vous devez les sauvegarder et les importer sur votre serveur. Numéro 5, pour plus élevé dans les solutions, google Workspace et Microsoft 365 offrent des courriels de classe affaires pour environ 5$ par boîte aux lettres par mois. l'hébergement cloud géré se connecte à Rackspace pour 1$ par million de sacs par mois. Alors, quels sont les devoirs pour cette leçon ? Je veux que vous ouvriez votre serveur d'hébergement et créez votre première adresse e-mail, ajoutez-la à votre application de messagerie Outlook ou à tout ce que vous utilisez pour les e-mails. Je suis Leighton et maintenant tu sais, des comptes de messagerie. 7. Sécurité SSL: Bienvenue, je suis Leighton, votre webmaster. Aujourd'hui, parlons de sécurité SSL. Maintenant, quelle est l'importance de la sécurité ? Quand tu t'allonges pour dormir la nuit, la porte d'entrée de ta maison est-elle fermée ou déverrouillée ? J' espère que la réponse est verrouillée. Mais pourquoi ? Pourquoi ? Parce que vous vous souciez de la sécurité de votre famille. Et nous devrions nous soucier de la sécurité de nos maisons numériques. Vous voyez, la sécurité en ligne a été un sujet énorme ces derniers temps. En fait, avez-vous entendu parler de l' hexagone de sécurité ou des violations de données dans les nouvelles ces dernières années ? Quand une grande entreprise traverse un fiasco de sécurité, c'est une grande nouvelle. Peut-être avez-vous entendu parler de certaines de ces entreprises qui ont subi violations de données majeures et 21ème siècle, Adobe, Capital One, eBay, Equifax, Facebook, linkedin, Marriott, MyFitnessPal, MySpace, target, Yahoo, Zynga. Oui, des tonnes d'entreprises ont été la cible de violations de données majeures. Donc vous pourriez vous demander, ce qui est volé, comment ces données sont-elles volées ? Et que pouvez-vous faire ? Alors d'abord, qu'est-ce qui est volé et ces violations de données ? Eh bien, considérons quelques exemples. En 2019, plus de 218 millions de mots avec des amis jouent vos comptes ont été volés. Cela signifie que les joueurs ont des adresses e-mail, des noms, des identifiants, et plus encore. Quand un pirate est entré dans l'une des bases de données du jeu. En 2013, une cyberattaque a touché plus de 41 millions de cibles. Paiement client, cartes de compte. Une violation de données Capital One de 100 millions de demandes de cartes de crédit a entraîné vol de 140 000 numéros de sécurité sociale et 80000 numéros de compte bancaire. Fou. Donc noms, courriels, numéros de téléphone, login, ID, mots de passe, cartes de crédit, numéros de sécurité sociale, comptes bancaires, juste pour ne nommer que quelques-unes des choses qui se font voler. Maintenant, comment vous sentez-vous quand votre carte de crédit est volée ? Et si vous saviez que quelqu'un a piraté votre compte bancaire à votre insu ? C' est dérangeant et gênant d'être victime d'une mauvaise sécurité. Et les pirates essaient de le faire à grande échelle tous les jours. Et c'est pourquoi la sécurité est si essentielle. Mais comment exactement les pirates piratent et volent des données ? Je vais donner quelques exemples. En avril 2019, Facebook a attiré l'attention sur le stockage de millions de mots de passe d'utilisateurs Instagram au format texte brut. Texte brut. Cela signifie pas de cryptage, pas de sécurité. Depuis les données sans sécurité où le cryptage est juste assis là, droit pour la prise. peu comme un compte bancaire inscrivant leurs numéros de compte sur des billets collants. Pensez-vous que cela est sécurisé ? En 2017, le piratage d'Equifax provient d'une vulnérabilité d'application ? Pour comprendre cela, avez-vous déjà été invité à mettre à jour votre appareil ? Consultez les mises à jour de sécurité, les correctifs, les failles de sécurité et les vulnérabilités. C' est comme une porte déverrouillée. C, avec une porte déverrouillée, un voleur a plus de chances d'entrer par effraction. Mais quand vous verrouillez ces portes sécurisé les vulnérabilités. Maintenant, c'est beaucoup plus difficile pour un voleur de réussir. De la même manière. C' est pourquoi nous mettons à jour rapidement notre logiciel pour sécuriser l'une de ces vulnérabilités. En 2020, quelques employés de Twitter ont été trompés pour donner leurs identifiants aux pirates. Ça s'appelle la pêche. C' est une tactique courante qui s'attaque au comportement humain plus que tout logiciel non sécurisé. Tu dis. Dans ce cas, les mesures de sécurité sont en place, mais les employés donnent sans le savoir leur login. Maintenant, à mesure que la sécurité devient de plus en plus étroite, la pêche devient de plus en plus courante. Et avez-vous une idée d'où vient ce nom d'hameçonnage ? Pois, de la pêche. Les pirates recherchent des employés crédules en mettant leur appât sous la forme d'e-mails d'entreprise et de connexions. Et quand les employés prennent l'appât, ils sont accrochés et toute l'entreprise pourrait en souffrir. Donc, c'est la situation en matière de sécurité. Mais qu'est-ce que vous et moi pouvons faire ? C' est peu probable que tu l'es. Je m'occuperai de la sécurité de l'une ou l'autre de ces grandes sociétés. Mais ces exemples illustrent à quel point nous devrions prendre au sérieux la sécurité, même pour les petites entreprises. Nous gérons des millions de dollars. Mais même la perte de milliers de dollars serait importante pour une petite entreprise, n'est-ce pas ? Encore moins les heures qui seraient passées et la récupération de données. Alors, quelles options avons-nous pour sécuriser les sites Web de nos clients ? Bien qu'il y ait une liste complète de choses que vous pouvez et devriez faire. L' une de vos premières et meilleures options consiste à installer ce qu'on appelle un certificat de sécurité SSL. Ssl signifie Secure Socket Layer qui active le HTTPS comme pour sécuriser avant l'adresse de votre site Web, cela crypte fondamentalement et sécurise le trafic vers et depuis votre site Web. Ssl est avait été autour depuis un certain temps. Mais dans les premiers jours du web, vous n'avez vraiment vu que ceux sur les sites de commerce électronique, des sites qui prenaient des cartes de crédit et d'autres données personnelles. Mais de nos jours, vous les verrez sur la plupart des sites Web. Pourquoi ? Qu'est-ce qui a changé ? Pourquoi n'est pas maintenant avantageux de chiffrer même un site de brochure simple. Eh bien, puisque la confidentialité est un sujet si brûlant ces derniers temps, certificats SSL cryptent le trafic web, ce qui rend plus difficile l'interception, donc, dans une petite mesure , la protection de votre vie privée. Tout est une question de vie privée. En fait, il existe même une initiative à but non lucratif qui veut tout chiffrer et a émis des centaines de millions de certificats SSL gratuits dans l'intérêt de la vie privée et de la sécurité. Selon les tendances actuelles dans un avenir proche, presque tous les sites Web seront cryptés par défaut. L' installation d'un certificat SSL présente maintenant trois avantages majeurs. Qu' est-ce que tu dirais que c'est ? D' abord, la sécurité, celle-ci est évidente. Si vous construisez un site Web de commerce électronique, prenez des commandes, stockez des profils d'adhésion, acceptez des cartes de crédit. La sécurité SSL est un must absolu. Deuxièmement, la confiance. Un site Web sécurisé SSL a une icône de cadenas vert sécurisé à côté de lui. Les sites Web non sécurisés peuvent afficher une étiquette rouge non sécurisée dans certains navigateurs. Comment percevriez-vous une entreprise si vous êtes allé à leur site Web et a reçu un avertissement qui dit que le site Web n'est pas sécurisé. Ma confiance à l'égard de cette compagnie augmente ou diminue. Lorsque vous comprenez la façon dont les consommateurs pensent, vous pouvez mieux transmettre ces avantages à vos clients. À ce stade, veuillez mettre la vidéo en pause, visiter certains de vos sites Web favoris et noter s'ils ont ou non des certificats SSL installés. Le troisième est le référencement. Voir HTTPS est un facteur de classement mineur, ce qui signifie que vous pouvez voir un coup de pouce dans les classements des moteurs de recherche simplement en installant un certificat de sécurité. Et parce que Google aime la sécurité, plusieurs leçons à partir de maintenant, nous allons creuser dans l'optimisation des moteurs de recherche. Mais pour cette leçon, sachez simplement que SSL augmente votre classement de recherche. Et un meilleur classement apporte plus de leads, plus de leads apporte plus d'argent. Donc, quand une manière indirecte, un SSL devrait payer pour lui-même. Lorsque vous le transmettez ainsi, vos clients comprendront mieux le retour sur investissement ici. C' est pourquoi vous devriez toujours vendre la valeur de la cellule des avantages à vos clients. Maintenant, l'une de mes choses préférées en tant que propriétaire d'entreprise est d'utiliser vos connaissances et vos compétences pour aider les gens. Comment pensez-vous qu'un certificat SSL pourrait aider les gens ? Parce que dans notre entreprise, le propriétaire ne sait pas ce qui est sur terre et SSL ou pourquoi il est nécessaire. Mais en recommandant, en achetant et en configurant un certificat SSL pour eux. En plus de mettre en œuvre d'autres mesures de sécurité, vous pourriez aider un propriétaire de petite entreprise qui travaille dur en lui épargnant des milliers de dollars et potentiellement plusieurs heures de son temps précieux. Ça n'a pas l'air gratifiant ? Maintenant, enfin, quel est le coût ? Dans les années passées, les certificats SSL pourraient être des centaines de dollars par an. Mais de nos jours, vous pouvez obtenir un certificat crypté 256 bits de qualité pour sécuriser tout le trafic de votre site Web pour 20$ par site Web et par an via votre compte ionisé. Il y a même un certificat SSL illimité de 100$ par an, qui crypte tout le trafic sur tous vos sites Web dans votre compte témoin oculaire. De plus, il y a des certificats SSL plus coûteux, comme 200$ par an, qui n'ont pas nécessairement un meilleur chiffrement, mais une validation plus pratique de l'entreprise et une assurance contre les pertes de données plus élevée. Maintenant, il y a une opportunité d'affaires ici. En tant qu'entreprise de conception Web, vous avez plusieurs options. Par exemple, regardons le 20 dollar par an SSL. Vous pouvez acquérir, installer et configurer ce SSL pour disons, $50 par an et en faire $30 profit. Tu gagnes, l'entreprise gagne, tout le monde gagne. Ou vous pouvez simplement facturer au client les 20$ que coûte le SSL. Vous leur transmettez cette dépense directement. Pas de profit, pas de perte. Ou vous pouvez installer à 100$ par an SSL illimité. Chargez ce que vous voulez ou regroupez le SSL avec le coût du site Web. Il y a tellement d'options. Maintenant, regardons brièvement la page de destination ionisée pour les certificats SSL. Nous sommes ici sur la page de destination ionisée pour les certificats SSL. abord, vous remarquerez sur différents sites Web de sociétés d'hébergement, les fonctionnalités SSL, les offres , les forfaits et les prix vont être très similaires. Alors regardons ce que je possède. Ceci est Offre être sécurisé avec un certificat SSL. Évitez un avertissement non sécurisé dans la barre de votre navigateur et gagnez en confiance les visiteurs avec un site Web crypté SSL. C' est notre objectif. Voyons ce qu'ils offrent. Confiance accrue avec SSL. Ce qu'un SSL fait, il crypte toutes les informations transmises à et depuis votre site Web, en veillant à ce qu'elles soient protégées contre les tiers qui tentent d'y accéder. Pourquoi vous avez besoin de SSL ? Parce que les navigateurs comme Chrome marquent les pages sans SSL comme non sécurisées. C' est ce que nous essayons d'éviter car cela peut avoir un effet négatif sur la fiabilité de votre site Web. sites avec SSL ont un HTTPS devant l'URL et une icône de cadenas vert, ce qui garantit que le site Web est sécurisé et que les données des visiteurs sont sûres. Vous recevez également un meilleur classement des moteurs de recherche lorsque vous avez SSL et que votre site Web est plus susceptible d'être fiable par les visiteurs. Alors regardons leurs paquets. Encore une fois, les prix et les offres vont être très similaires sur les sites Web des sociétés d'hébergement comme GoDaddy et d'autres. Voici ce que je possède cette offre. Leur plan d'introduction est de 20$ par année. Leur entreprise est de 70 par an et leur prime est de 200 par an. Voyons voir quelles sont les différences. Ils sont tous émis par Geo Trust, qui est une société SSL de bonne réputation. Vous bénéficiez d'une protection pour un nom de domaine et d'un chiffrement jusqu'à 256 bits. Il convient de noter que le cryptage et essentiellement la sécurité de ces certificats SSL sont les mêmes dans tous les plans. Tous ces éléments sont également sécurisés en termes de chiffrement. La principale différence est la validation et l'assurance perte de données. Donc, le moins cher est validé par domaine. C' est très rapide et facile. Le plan intermédiaire est validé par l'organisation et le plus cher a une validation étendue. Il garantit l'authenticité de l'organisation et de la personne de contact délivrant un certificat par le biais de vérifications manuelles. Donc, fondamentalement, ils s'assurent que vous êtes celui que vous dites être lorsque vous commandez un certificat SSL, le moins cher offre 500 milliers de dollars d'assurance perte de données, le milieu, 1,251 million, et le plus cher, 1,5 million. Les plans moyens et les plus chers offrent une protection contre l'hameçonnage. Encore une fois, l'option de 20 dollars par an suffira pour la plupart des sites Web, mais il existe des options de pointe pour les grandes organisations. Voyons quoi d'autre. Cela va dans le détail sur les différents types de certificats SSL. Le 20, le 70, et le 200$ par an. Nous pouvons donc mieux comprendre quelles sont les différences. Et il y a aussi une explication plus approfondie de ce que sont les avantages en ce qui concerne le type de protection que vous obtenez, la protection contre l'hameçonnage, comment vous pouvez aider vos visiteurs à se sentir confiants, comment vous obtenez un meilleur classement avec Google, ce que sont les sceaux de site, et comment vous pouvez naviguer sur Internet en toute sécurité avec un certificat SSL. Alors, quelles sont les options SSL sur la plateforme d'hébergement cloud géré par Cloud ? Si vous voulez vraiment améliorer votre agence et que vous cherchez des solutions Cloud, vous serez ravi d'apprendre que certificats SSL sont entièrement gratuits sur leurs serveurs. Maintenant, comme il n'y a pas de frais, ça veut dire que vous avez des opportunités d'affaires ici. Numéro 1, vous ne pouvez rien facturer pour SSL en le regroupant avec votre devis, ce qui rend votre devis encore plus attrayant. Ou deux, vous pouvez facturer séparément SSL sans frais pour vous, ce qui signifie que vous gardez 100% de profit et chaque fois que vous décidez de facturer. Donc, une fois le processus d'installation, les moyens Cloud rendent super facile l'installation d'un certificat SSL. Vous devez faire est d'ajouter un simple enregistrement DNS à votre nom de domaine. En fait, laissez-moi vous montrer à quel point c'est facile. Nous revenons sur la page des fonctionnalités Cloud ways et passons à la sécurité pour voir ce qu'ils offrent dans le service de sécurité. Ils avaient donc des pare-feu dédiés, tous les serveurs hébergés dans le Cloud sont protégés par des pare-feu au niveau du système d'exploitation qui filtrent le trafic malveillant et empêchent les intrus. C' est incroyable. Ils ont la liste blanche IP que vous pouvez faire. Ils ont des correctifs de sécurité. Ils avaient acheté une protection, qui protège vos sites Web WordPress contre la congestion du trafic causée par des robots malveillants. connexion par force brute et attaques par déni de service avec l'aide de notre partenaire technologique de soins buccaux. Ils offrent également une authentification à deux facteurs, ce qui est très important. Et ce que nous examinons ici est l'installation SSL gratuite en un clic. Notre SSL Let's Encrypt intégré améliore la sécurité du site Web grâce un certificat de confiance qui répond gratuitement à toutes vos exigences HTTPS. Alors confirmons à quel point c'est facile en allant dans ma plateforme Cloud ways. Et nous avons sélectionné des applications et nous sommes allés à l'application que nous examinons, qui est mon site web personnel, média pionnier. Donc ici, il y a des détails d'accès et ensuite nous regardons le certificat SSL. Donc, un a déjà été installé sur ce site particulier. Eh bien, regardons les options ici. Il y a le renouvellement automatique, qui est activé par défaut. Cloud ways va renouveler automatiquement votre SSL pour vous. Et si nous l'installons pour la première fois, tout ce que nous faisons est d'entrer notre nom de domaine. Et cela nous donne un simple enregistrement DNS. Nous entrons cet enregistrement, puis nous cliquons sur Installer le certificat. Alors regardons ça. Pour garantir les énergies renouvelables, nous vous recommandons de conserver cet enregistrement CNAME et c'est ce que nous devons mettre dans nos enregistrements DNS dans notre registraire de domaine. Nous devons entrer cela la première fois que nous installons un certificat. Donc, dans ce cas, il s'agit d'un type de nom de scène d'enregistrement et il souligne Acme Dash challenge, et il pointe vers notre serveur Cloud ways. Alors comment on fait ça ? Eh bien, nous copions cet enregistrement CNAME et ensuite nous pouvons le faire dans n'importe quel registraire de domaine qui vous permet d'avoir accès aux enregistrements DNS. Dans ce cas, regardons où ce côté est actuellement acheminé à travers, qui est cloudflare.com. Et ce sont des enregistrements DNS. C' est une mise en page similaire à la façon dont vous trouverez ceci sur GoDaddy. Je possède un système d'exploitation, des domaines Google ou n'importe où ailleurs. Dans ce cas, l'enregistrement CNAME a déjà été ajouté ici. Mais normalement, nous allons à Ajouter un enregistrement, changer le type pour voir le nom, coller le nom, puis coller la cible. D' accord, puis on clique sur Enregistrer et c'est tout. Vous ajoutez votre enregistrement DNS. Et puis sur Cloud, vous cliquez sur Installer le certificat, et c'est tout. Le certificat sera installé et prêt à partir en quelques secondes et le renouvellement automatique sera activé. C' est tellement étonnant à quel point la simplicité et la simplicité du Cloud le rend et à quel point la sécurité est précieuse pour eux. Alors qu'avons-nous appris ? Nous apprendrons que la sécurité est si cruciale. Je recommande fortement d'installer un certificat de sécurité SSL sur l'ensemble du site Web de votre client. C' est intelligent, abordable, et vous avez une opportunité de profit potentielle en chargeant le SSL et en étant compensé pour le configurer. Alors, quels sont les devoirs ? Non, il n'est pas encore nécessaire d'acheter un certificat SSL parce que je possède cet hébergement est livré avec un certificat gratuit. Dans le Cloud, les moyens ne sont jamais facturés pour SSL. Par conséquent, je veux que vous lisiez cette page Web Iona nous SSL en profondeur pour avoir une compréhension approfondie de ce que sont ces certificats. Je suis en retard. Et maintenant, vous savez, la sécurité SSL. 8. Wordpress: Bienvenue, je suis Leighton, votre webmaster. Aujourd'hui. Discutons WordPress. Avez-vous entendu parler de WordPress ? Si vous êtes dans le domaine de la technologie, vous l'auriez probablement fait. Et c'est parce que c'est le système de gestion de contenu le plus populaire au monde, ou CMS. Mais qu'est-ce qu'un CMS ? C' est un logiciel qui facilite la gestion du contenu de votre site Web. Vous pouvez ajouter, mettre à jour et supprimer des pages Web facilement. Et nous aimons la facilité. Mon but est de rendre votre travail aussi facile que possible. Et WordPress nous aide à le faire. Wordpress a été construit il y a plus de 20 ans afin que les gens puissent créer leur propre blog. Mais finalement, il s'est transformé en une plate-forme pour la navigation de sites web entiers, pas seulement les blogs. Et maintenant la popularité de WordPress a tellement augmenté qu'il alimente maintenant environ un tiers de tous les sites Web dans le monde. Alors, que pouvez-vous faire avec WordPress ? Beaucoup de choses. Vous pouvez créer des pages, des publications, télécharger des images, créer des galeries, inviter des discussions, vendre des produits, et bien plus encore. Ce sont les questions auxquelles nous allons répondre à propos de Wordpress. 1. C'est quoi l'appel ? Quel est le coût ? Trois, quel est le processus d'installation ? Et quatre, pourquoi je recommande WordPress ? Alors, quel est l'attrait à la popularité ? Plus le logiciel est populaire, plus les efforts sont déployés pour le soutenir, développer et le raffiner. Avec des logiciels comme WordPress, la plupart des problèmes que vous pourriez rencontrer ont déjà été rencontrés et probablement résolus par un autre développeur. Alors, qu'est-ce que ça veut dire ? Cela signifie qu'une recherche Google rapide ou vidéo YouTube contient probablement la réponse à tout problème que vous pourriez rencontrer. Voir une énorme quantité de ressources sont disponibles pour WordPress. Il y a des cours, des chaînes YouTube, des blogs, tant de ressources créées pour vous aider à réussir vos projets WordPress. C' est une communauté florissante, prête à être mise à profit. De plus, du point de vue du design, WordPress est extrêmement polyvalent. Vous pouvez créer toutes sortes de sites Web avec elle. D' un téléavertisseur à l'e-commerce. Coloré, minimaliste, texte lourd, graphique, lourd, tout ce que vous voulez construire, WordPress devrait être capable de le gérer. Alors, quel est le coût ? Avez-vous une idée de combien coûte WordPress ? Tu seras si heureux d'entendre ça. C' est complètement gratuit. Wordpress lui-même ne coûte rien. Tout le monde peut télécharger et installer WordPress à tout moment sans frais. Maintenant, pour être clair, certains éléments de la communauté WordPress peuvent vous coûter comme un thème PE ou un plugin premium qui donne à votre site web des fonctionnalités supplémentaires. Mais soyez assuré qu'il y a des tonnes de thèmes gratuits et de plug-ins là-bas. En fait, vous pouvez construire un site WordPress entier sans payer un dollar. Pensez à la comparaison avec les constructeurs de sites Web commerciaux là-bas, comme Squarespace, Weebly Wix. Pour obtenir toute sorte de site Web d'entreprise respectable, publiable sur ces plates-formes, vous allez dépenser entre 640$ par site Web par mois. C' est une autre raison de choisir WordPress pour votre entreprise de conception de site Web. Donc, une fois que le processus d'installation comme relativement facile, WordPress se vante de ce qu'ils appellent la célèbre installation de cinq minutes. Voyons voir ça. Nous voici sur wordpress.org. Il s'agit de la ressource globale pour télécharger et utiliser le logiciel libre appelé WordPress. J' ai à peu près jamais aller sur ce site. Appuyez sur le bouton bleu dans le coin supérieur droit, Obtenir WordPress. Je le fais quand je démarre chaque projet de conception de site Web et ensuite il me permet d'obtenir la version actuelle du logiciel WordPress. Actuellement c'est WordPress 5.5.1. Ce que nous téléchargeons est un fichier zip à points. Quand nous ouvrons ce fichier zip point, nous remarquerons qu'il contient trois dossiers différents et un tas de fichiers. Les dossiers WP admin, WP Contenu et WP inclut. Maintenant, dans cette démonstration, je veux juste vous montrer à quel point il est rapide et facile de commencer avec WordPress. Espérons que ce sera quelque part environ cinq minutes. Dans une future leçon. Je vais montrer plus en profondeur comment préparer notre serveur pour l'installation de WordPress. Mais pour l'instant, je veux juste vous montrer à quel point cela peut être fait rapidement et facilement. Donc encore une fois, nous avons notre fichier zip dot de WordPress de wordpress.org. Allons dans notre serveur d'hébergement pour que nous puissions le télécharger. Et c'est notre serveur d'hébergement ionique que nous allons utiliser. J' ai une base de données prête à partir. Et nous allons télécharger ce fichier. Et puis appuyez sur le bouton Upload et sélectionnez le fichier zip point que nous venons d'attraper. Wordpress 5.5.1 dot zip est en cours de téléchargement sur notre serveur. Et on y va. Wordpress 5.5.1 a été téléchargé sur notre serveur. Décompactons ce fichier. Appuyez sur le bouton décompressé. Nous voulons l'enregistrer sur notre serveur. Cliquez sur Enregistrer. Et on y va. Le fichier WordPress a été décompressé. Maintenant, c'est un dossier sur notre serveur. Renommons le en mon premier site web. Voilà, ce fichier ou le dossier a été renommé à mon premier site Web et y accédons directement sur notre serveur, mon premier site. Et nous devrions tirer vers le haut l'installation de WordPress. C' est donc la célèbre installation facile de cinq minutes pour WordPress. Nous sélectionnons d'abord notre langue, qui est l'anglais. Bienvenue sur WordPress. Avant de commencer, nous avons besoin de quelques informations sur la base de données. Nous avons besoin du nom de base de données, nom d'utilisateur , mot de passe, hôte et préfixe. Donc, cela va être utilisé pour créer notre fichier de configuration WP. Appuyons, allons-y. J' ai déjà créé la base de données pour ce site de test. Nous allons donc copier et coller le nom d'hôte, le nom la base de données, le nom d'utilisateur et le mot de passe. Encore une fois, je vais approfondir ce que nous faisons ici dans quelques leçons à partir de maintenant. Mais pour l'instant, je suis juste copier et coller ceci juste pour vous montrer à quel point cela peut être facile. Préfixe de table si vous exécutez plusieurs installations sur une seule base de données, modifiez ceci. Sinon, ce qu'on fait est très bien. Nous allons donc cliquer sur Soumettre. Très bien, scintillant, tu l'as fait à travers cette partie de l'installation. Wordpress peut maintenant communiquer avec votre base de données, qui est la nôtre sur Ioannidis. Maintenant, nous cliquons sur exécuter l'installation. Bienvenue dans le célèbre processus d'installation WordPress de cinq minutes. Remplissez simplement les informations ci-dessous. Vous serez sur le point d'utiliser la plateforme de publication personnelle la plus extensible et la plus puissante au monde. Wordpress choses vraiment hautement de lui-même et ils devraient, ils ont construit une plate-forme merveilleuse pour nous d'exploiter gratuitement. Qu' est-ce qu'on a à faire ? Nous tapons le titre, mon premier site Web, Nom d'utilisateur. Laisse-moi mettre mon prénom. Et voici un mot de passe généré automatiquement pour être sécurisé. Votre email. Je vais taper mon adresse e-mail et la visibilité de mon moteur de recherche. Vous pouvez cocher cette case pour décourager les moteurs de recherche d'indexer le site. C' est bien de le faire lorsque vous êtes public pour la première fois, lorsque vous mettez le site Web avant d'être prêt à le publier. Et puis une fois que nous l'avons publié, nous voulons encourager les moteurs de recherche, mais pour l'instant, nous allons les décourager et appuyer sur le bouton installer WordPress. Et c'est tout. Succès, WordPress a été installé. Merci et profitez-en. Voici notre nom d'utilisateur et le mot de passe. Espérons que nous sauverons cela, ce qui étant responsable nous le faisons, et nous le sauverons dans notre dernière passe. Tout comme nous avons sauvé cette base de données avec le logiciel de dernière passe. Nous voici à l'écran de connexion WordPress. Tapez notre nom d'utilisateur ou e-mail, entrez le mot de passe, cliquez sur Login et boom, nous sommes sur WordPress. C' était rapide et facile, n'est-ce pas ? Qu'est-ce qu'on a fait ? Nous avons téléchargé le fichier de wordpress.org. Nous avons notre fichier zip et le téléchargeons sur notre serveur ionisé. Nous avons téléchargé le zip point, décompressé, et créé le dossier WordPress sur notre serveur, accès directement sur le serveur. Et installé WordPress en utilisant leur célèbre installation de cinq minutes, nous l'avons essentiellement connecté à notre base de données, puis mis dans notre titre et notre nom d'utilisateur, vérifié quelques autres cases, et c'est tout. Maintenant, nous sommes prêts à aller sur WordPress. C' était facile, n'est-ce pas ? Quelques leçons à partir de maintenant, je vais décomposer cela plus en profondeur, sorte que vous vous sentirez plus à l'aise d'installer cela par vous-même. Mais pour l'instant je voulais juste te montrer à quel point ça pouvait être facile. Alors restez à l'écoute. Prochaines leçons. Alors, comment installer WordPress sur la plate-forme Cloud façons si vous mettez à niveau votre entreprise de conception Web vers les moyens Cloud, l'installation de WordPress est extrêmement facile. Comme en quelques clics, facile. Ils s'occupent de toutes les informations d'identification, les mots de passe, les répertoires, tous ces trucs techniques pour vous. Puisque vous payez vraiment pour cette commodité. En fait, laissez-moi vous montrer à quel point cette plate-forme d'hébergement cloud géré vous permet d'installer WordPress. Donc, sur les moyens Cloud, ils appellent leurs applications de sites Web. Vous avez un serveur, puis vous avez plusieurs applications dans le serveur. Donc, ce que nous voulons faire est de voir à quel point il est facile d'installer WordPress sur notre serveur. Ainsi, dans le Cloud, nous cliquons sur le bouton Ajouter une application , puis nous sélectionnons le serveur sur lequel nous voulons l'installer. Puis cliquez sur Ajouter une application. Cela nous amène à un autre écran où nous sélectionnons le type d'application que nous voulons. Nous pouvons faire Woo Commerce, PHP et quelques autres. Mais pour la plupart des sites, nous voulons faire WordPress et la dernière version. Donc, nous allons juste sélectionner la dernière version de WordPress, puis le nom de notre application. Testez le cours d'affaires de conception Web, puis sélectionnez votre projet. Et on y va. Alors maintenant, nous cliquons sur le bouton Ajouter une application. Et nous attendons seulement quelques minutes pour que l'application soit créée. Dans ce cas, l'approximation est de deux minutes en deux minutes pour une nouvelle application sera ajoutée et puis il sera prêt à aller. Maintenant, ce que fait Cloud ways en arrière-plan, c'est qu'ils créent l'environnement WordPress. Ils vont saisir l'installation de WordPress. Ils vous donnent la dernière version. Ils s'occupent de tout le FTP, de la base de données, de l'espace web, tous les trucs techniques. Ils ont tous ces identifiants ensemble. Ils disent la mise en place pour vous afin que ce que vous recevrez est WordPress prêt à sortir de la boîte sans que vous ayez à vous soucier des informations d'identification ou tout de ces trucs techniques. Vous cliquez sur le bouton Ajouter une application et après une minute, il est prêt à partir. Donc, le cours d'affaires de conception web test a été installé et nous allons cliquer dessus pour l'ouvrir. Détails excédentaires. Ce que nous examinons ici est l'URL sur laquelle nous pouvons cliquer pour ouvrir notre nouvelle application. Et faisons cela maintenant pour lancer cette application. Et on y va. Wordpress est prêt à partir. Qu' est-ce qu'on a d'autre ? Nous avons le panneau d'administration, qui est l'administrateur WordPress, back-end le nom d'utilisateur et le mot de passe. Vous pouvez simplement cliquer sur ces derniers pour les copier. Cela nous amène au backend WordPress. Et puis nous avons le nom de la base de données, le nom d'utilisateur et le mot de passe. Vous pouvez cliquer sur le copier ces. Il existe une interface où vous pouvez modifier la base de données si vous le souhaitez. Et puis il y a le FTP, qui vous donne l'adresse IP, le nom du serveur, puis vous pouvez entrer votre propre nom d'utilisateur et mot de passe, ce que vous feriez quelque chose de plus complexe que cela. Cliquez sur Ajouter. Et puis vos identifiants FTP sont prêts à partir. Et nous l'avons là. Nous avons WordPress, prêt à construire votre site web. Cloud ways gère tous les éléments techniques du backend pour vous. Ainsi, vous pouvez vous concentrer sur ce qui est le plus important, préparer WordPress à partir pour que vous puissiez commencer construire vos sites Web et développer votre entreprise. Alors pourquoi je recommande WordPress ? Nous avons déjà discuté de tant de raisons. Mais regardons cela maintenant du point de vue des affaires. Dans les affaires, vous devez guider les principes. Premièrement, vous voulez gagner le plus d'argent avec le moins d'effort. Et deuxièmement, vous voulez simplifier et automatiser vos processus. Permettez-moi de répéter ces objectifs. Principe numéro un, vous voulez faire le plus d'argent avec le moins d'effort. Et deuxièmement, vous voulez simplifier et automatiser vos processus. Alors, comment le logiciel WordPress nous aide-t-il à atteindre ces deux objectifs ? Eh bien, d'abord, vous n'avez pas à écrire de code. Une énorme quantité de temps a été passé à coder et à affiner WordPress. Vous n'avez pas à réécrire le nous allons juste l'attraper et installer dans cinq minutes et commencer à faire ce qui compte. Construire le site web pour votre client. Maintenant, j'ai écrit des sites Web à partir de zéro. J' ai codé chaque pixel de chaque page Web. Et qu'est-ce que je retiens de ce processus ? Cela prend du temps pour gagner du temps, simplifier et utiliser WordPress pour les clients qui ont leur propre login. Donc, bien que j'ai eu la possibilité d'apporter des modifications à leur site Web sans passer par vous. Pourquoi pensez-vous que cela serait utile ? Après tout, tu n'es pas webmaster ? Vrai. Mais 5102100 clients plus tard, combien de temps voulez-vous perdre à faire chaque petite mise à jour de contenu pour chaque client ? Avec WordPress, vous donnez à vos clients la liberté mettre à jour leur propre site web à leur temps, libérant ainsi votre temps. De plus, certains clients sont plus pratiques de toute façon, donc ils préféreront cette option. 3 avec WordPress, vous pouvez mettre à jour vos sites Web de n'importe où dans le monde. Tout ce dont vous avez besoin est d'accéder à un ordinateur et à Internet. En fait, j'ai dirigé mon activité de web design plusieurs pays et continents, souvent sans que mes clients sachent alors que je suis loin de mon bureau à domicile. Donc, si vous êtes à la recherche de la liberté de travailler de n'importe où dans le monde, la liberté de vivre le style de vie que vous voulez. Apprendre. Wordpress est un tremplin pour atteindre cet objectif. Qu' avons-nous appris dans la leçon d'aujourd'hui ? De toute évidence, il y a beaucoup d'avantages à utiliser WordPress. Premièrement, c'est un CMS qui facilite la gestion des sites Web. À son populaire, polyvalent et soutenu par une communauté dévouée. Le logiciel de base est totalement gratuit. Pour le processus d'installation est rapide et facile. Cela peut rendre votre travail de propriétaire d'une entreprise de conception Web plus facile que d'avoir à coder et concevoir un site Web à partir de zéro. Alors rejoignez une communauté florissante, gagnez du temps et gagnez de l'argent avec le système de gestion de contenu le plus populaire au monde et WordPress. Alors, quels sont nos devoirs ? Je veux que vous plongez dans WordPress. commencé à faire des recherches sur Google, YouTube, votre site de cours préféré, ou partout où vous préférez apprendre. Il y a une mine de ressources sur WordPress. Alors creuse dedans. Je suis Leighton. Et maintenant tu sais, Wordpress. 9. Thème Divi: Bienvenue. Je suis Leighton, votre webmaster. Aujourd'hui, Expliquons sur la leçon précédente, WordPress, en explorant mon thème préféré, Divi. Tu as entendu Devi ? Devi est génial. Devi a tout changé. Voyons comment aujourd'hui va trouver des réponses à ces questions. Premièrement, qu'est-ce que Devi fait ? Qu' est-ce qui rend Divi si spécial ? Et troisièmement, combien ça coûte ? D' abord, qu'est-ce que Devi ? Devi est un thème WordPress. Wordpress est un système de gestion de contenu, mais il utilise des thèmes et des plugins. Les plugins donnent des fonctionnalités supplémentaires à WordPress. Alors que les thèmes lui donnent du style. Devi est l'un des thèmes WordPress les plus populaires disponibles. Créé en 2013 par Elegant Themes, il a rapidement évolué à maturité grâce à une équipe brillante de développeurs qui ajoutent et affinent constamment des fonctionnalités. Db est livré avec plus de 40 modules, y compris des textes, des images, des galeries, des inscriptions à la newsletter, des forums de contact , des blogs, des témoignages, et bien plus encore. C' est essentiellement un module pour tout. Maintenant, regardons la propre page web de Debbie pour que nous puissions plonger dedans. Nous voici sur Elegant Themes.com. Elegant Themes est le créateur de Devi. Elegant Themes avait créé plusieurs thèmes dans la journée avant de créer Devi. Ils ont créé un devi pour travailler aux côtés d'autres thèmes. Mais Devi finit par prendre les projecteurs. Et maintenant, c'est à peu près le seul thème qu'ils poussent et soutiennent vraiment. Donc Devi est certainement leur fleuron dans à peu près le seul produit en ce moment en termes de thèmes, ils ont aussi des plugins, mais leur pain et beurre est le thème Divi. Alors passons par la page d'accueil ici pour voir comment ils sont branding. Devi appellent ce WordPress a libéré les thèmes WordPress les plus populaires dans le monde. Et l'ultime Visual Page Builder. Ils se vantent de 700 mille professionnels du design web et propriétaires d'entreprise comme leurs clients. Et faites défiler ici, Devi, thème WordPress le plus populaire et le générateur de page WordPress ultime. C' est leur thème phare et Visual Page Builder. C' est le thème WordPress premium le plus largement utilisé dans le monde selon les statistiques de construit with.com. Mais c'est plus que le thème. C' est un cadre de construction de site Web permet de concevoir beaux sites Web sans jamais toucher une seule ligne de code. On aimerait ça. Et sans installer et configurer des dizaines de plugins disjoints. Nous aimons ça aussi. Nous pensons que c'est l'avenir de wysiwyg, et il est différent de n'importe quel thème WordPress que vous avez jamais utilisé auparavant. Ça a l'air génial. Voici un peu moins de deux minutes vidéo d'introduction, que vous pouvez regarder si vous le souhaitez. Et ils ont une belle illustration sur la peinture d'un chef-d'œuvre, que j'utiliserai plus tard. En faisant défiler vers le bas, nous verrons quelques-unes des idées de différents sites Web que vous pouvez faire avec devi. Nous voyons des magasins en ligne, des entreprises, des organismes à but non lucratif , des éducateurs, des restaurants, des fournisseurs de services , et bien plus encore. Quel est l'intérêt de ce que nous examinons ici ? Voici le point avec quelques thèmes. Les thèmes dans le monde WordPress sont construits pour un type particulier de site Web. Par exemple, vous pouvez acheter un thème de restaurant, vous pouvez acheter un thème de site Web dentiste. Mais ce Devi, vous pouvez faire n'importe quel type de site Web en utilisant le même thème. Qu' est-ce que ça veut dire d'autre ? Cela signifie que vous passez du temps à apprendre Devi, et vous n'avez pas à réapprendre chaque thème supplémentaire que vous utilisez chaque année. Les sites Web des clients se sentent à l'aise avec Devi, et vous pouvez lancer ces sites Web très rapidement. Donc, cela vaut certainement le temps et l'investissement d'argent très abordable. Créez des pages visuellement sur le front de votre site Web. Si vous n'êtes pas totalement familier avec WordPress, vous ne savez peut-être pas à quel point c'est excitant, mais laissez-moi vous le dire, WordPress. Au cœur, vous ne construisez pas de pages visuellement. Vous construisez sur un back-end, ce qui n'est pas très visuel. C' est un bon système, mais vous ne construisez pas votre site Web visuellement. Voyons donc ce que cela signifie et voyons comment Devi s'améliore là-dessus. Vous n'avez jamais construit un site WordPress comme celui-ci auparavant. Devi est plus qu'un thème WordPress. C' est une plate-forme de construction de site Web complètement nouvelle qui remplace l'éditeur de post WordPress standard, ce dont je parlais, avec un éditeur visuel largement supérieur. Il peut être apprécié aussi bien par les professionnels du design que par les nouveaux arrivants. Vous seriez un nouveau venu. Je serais un professionnel. Nous aimons tous Devi et Will et vous arriverez à l'aimer autant que moi, vous donnant le pouvoir de créer des designs spectaculaires. Je peux attester que c'était surprenant, la facilité et l'efficacité. Certainement atteste cela aussi. Et voir ce qu'on peut faire ici. C' est le Divi Builder, c'est le Devi Visual Builder et l'action. Comme vous le voyez, le site est en cours de construction et modifié visuellement comme il serait réellement regarder sur la page. Il peut créer des effets. Comme changer la couleur, l'opacité, le flou, changer les options de mélange. Séparateurs de forme. Vous pouvez diviser les sections d'un site Web en toute simplicité à l'aide des séparateurs de forme intégrés. Et vous pouvez modifier en bloc. Laissez-moi vous dire que c'est un énorme gain de temps. Vous pouvez éditer plusieurs modules ou sections ou même des éléments globaux d'un site Web en quelques clics. Très, très belle fonctionnalité là-bas. La bibliothèque de mise en page. Cela vous permet de choisir une page Web Web préfabriquée, si vous le souhaitez. En moins d'une minute, vous avez une page Web sur laquelle vous pouvez travailler. Ou vous pouvez utiliser une mise en page que vous avez enregistré à partir d'une autre page, peut copier le contenu d'une page existante, ce qui est très utile. Transforme. vous permet de transformer n'importe quel élément, Ilvous permet de transformer n'importe quel élément, n'importe quelle section de module pour le faire pivoter, pour le mettre à l'échelle, tout ce que vous voulez faire pour devenir un peu plus créatif. Donc, je vais vous donner un avantage créatif par rapport à vos sites web statiques standard. Le survol indique, c'est très cool. Vous pouvez avoir des effets qui modifient l'apparence d'un élément sur la page Web. Vous pouvez le faire grandir, vous pouvez le faire rétrécir, bouger. À chaque fois que vous voulez le faire. Vous verrez des exemples à l'écran ici et trouvez et remplacez. Ceci est une autre fonctionnalité de gain de temps où vous pouvez trouver une couleur particulière, un élément particulier ou autre, et le remplacer par quelque chose de nouveau. Belle fonctionnalité de gain de temps. Design, l'outil de conception le plus puissant pour WordPress. Ils l'appellent l'éditeur de design web ultime. C' est comme Photoshop ou Sketch pour le web. Il apporte dans l'interface de conception avancée à WordPress que les débutants et les experts tomberont en amour avec incroyablement intelligent, super flexible, et incroyablement puissant visuel par nature. C' est ainsi que la conception pour le web est censée se faire. Je suis complètement d'accord. Personnalisez, personnalisez chaque partie de votre site Web, contrôlez les plus beaux détails. Chaque petite partie de votre site est personnalisable. Cela signifie que les couleurs, les polices, les textiles, les animations, les transformations, filtres affectent l'espacement, le dimensionnement des ombres de boîte, ombres techniques, les effets d'arrière-plan intéressants, dégradés, les images, les vidéos, toutes sortes de choses. Vous pouvez modifier chaque petit pixel de votre site web avec Devi. En tant que concepteur, c'est tout à fait inestimable et vous n'êtes pas limité à un certain ensemble d'outils de personnalisation. Tu peux faire tout ce que tu veux avec Devi. Devi est pour tout le monde, les pigistes comme vous, agences comme vous et les propriétaires de sites web comme vos clients. Dv est conçu de sorte que propriétaire du site Web de votre client aura la liberté d'entrer et d'apporter des modifications par lui-même, ce qui vous fait gagner du temps et leur permet de gagner du temps. Tout le monde est heureux. Quelques fonctionnalités supplémentaires ici pour promouvoir un site Web. Ils sont des tests divisés, la génération de leads et l'intégration des médias sociaux. Différentes façons de commercialiser votre site Web. Split les tests pour obtenir les meilleurs résultats d'une page Web. Génération de leads, pour créer des opportunités de leads et les médias sociaux pour partager la page. Maintenant, cela est fait avec des plugins, le plugin bloom e-mail pour obtenir des abonnés de messagerie, le plugin monarque de médias sociaux pour amener les gens à partager votre page Web. Et split testing est intégré à Devi, qui est un bon moyen de voir quelle version d'une page Web particulière fonctionne le mieux et la vente, vous pouvez construire des sites Web e-commerce. Serait divvy, vendre des produits en ligne, serait l'intégration WooCommerce sur mesure. Woocommerce est une solution e-commerce complète construite pour WordPress, est la solution e-commerce numéro un disponible pour WordPress. Et bien sûr, il s'intègre avec devi. Nous adorons que votre boutique n'aura jamais l'air aussi belle. Showcase, affichez votre travail au monde entier. Ça veut dire que nous avons des portefeuilles. Vous pouvez créer avec devi, vous aurez besoin d'un portefeuille parce que vous créez une entreprise de design web. Ainsi, vous utiliserez votre portefeuille pour montrer votre travail créatif de conception de site Web. Engagez-vous, racontez des histoires puissantes et créez blog envoûtants avec des éléments uniques de conception de contenu. Fondamentalement, cela signifie que vous pouvez créer un blog avec devi, nous ne nous attendions pas moins parce que WordPress a été initialement construit avec l'idée que vous pourriez créer un blog. Donc, comme WordPress a évolué, il peut faire beaucoup plus. Mais WordPress n'a pas oublié leurs racines. Il est toujours sur une incroyable plateforme de blogs et Devi rend encore plus visuellement époustouflant qu'il ne le serait autrement. Donnez de l'énergie à toute votre équipe avec un seul abonnement. Ils offrent une merveilleuse licence illimitée. Créez des sites Web illimités avec une seule licence. Que nous allons bientôt entendre. Selon les ventes, c'est quelque part autour de la gamme de 200$, et vous pouvez l'utiliser sur tous vos sites Web, illimité pour toujours. C' est une adhésion à vie que nous aimons absolument et je parlerai ici bientôt. Créez des sites Web plus rapidement que jamais avec des DVD, des outils d'efficacité incroyables et incroyables. Ils rendent la construction d'un site web rapide et facile. Vous pouvez en faire un en un jour ou deux, ce qui est beaucoup plus rapide que vous n'auriez jamais eu à coder à la main un site Web à partir de zéro. Devi s'est également développé avec un marché où vous pouvez trouver pages Web préfabriquées adaptées à des industries spécifiques, dont vous pouvez profiter si vous aimez la conception d' une page Web existante et que vous voulez utiliser cela comme votre point. Ils ont également des zones sensibles où vous pouvez utiliser des outils qui ont été créés par d'autres développeurs à V plus qu'un thème. Il s'agit d'un cadre de conception web complet soutenu par une communauté florissante et enthousiaste. Nous croyons en l'extendibilité et la culture d'un écosystème de développement open source. Et quelques autres fonctionnalités ici rejoignent plus de 700 mille clients qui naviguent déjà des sites Web étonnants avec Devi. Je recommande fortement Devi. Nous aborderons bientôt la tarification et la façon dont vous pouvez l'utiliser pour créer des opportunités d'affaires ici. Et vous pouvez également aller pour en savoir plus sur devi pour voir tous leurs différents modules. Cette page Web décompose chaque module différent qu'ils ont. Donc, vous pouvez profiter de vérifier cela aussi. Voici un bref aperçu du site Web Thèmes élégants, qui est une ressource énorme. J' ai un blog merveilleux. Ils ont un soutien merveilleux, toutes sortes de bonnes ressources ici pour vous aider dans votre WordPress et la conception de site Web et les efforts généraux. Qu' est-ce qui fait que Debbie a spécial ? Prenons un pas en arrière. Quand vous pensez au code, qu'est-ce qui vous vient à l'esprit ? Dactylographier ou peindre ? Certainement taper le code n'est pas visuel du tout. Pas du moins. Wordpress est à mi-chemin avec un wysiwyg. Ou ce que vous voyez est ce que vous obtenez éditeur, qui signifie les options en gras, italique, soulignement, alignement, couleur, comme vous voyez dans Microsoft Word. Mais vous deviez toujours cliquer sur Enregistrer et recharger votre page Web pour voir vos mises à jour. Devi, comble ce fossé. Dippy a fondé Visual Builder, qui vous permet de créer et de concevoir visuellement vos sites Web en fonction de leur apparence. Db une fois que vous vous sentez comme vous peignez un chef-d'œuvre, ne pas taper ou coder un. Et vous n'avez plus à perdre du temps à basculer entre le back-end et le front-end. Plus divvy. Vous pouvez gérer le contenu, modifier la conception, même affiner les paramètres avancés tout au long de leur interface super facile à utiliser. Enfin, la plupart des thèmes WordPress ressemblent généralement lorsque vous les déployez sur plusieurs sites Web. Alors, qu'est-ce qui pourrait être l'inconvénient de construire un tas de sites Web qui ressemblent fondamentalement tous. Eh bien, préféreriez-vous vivre dans une maison qui ressemble à toutes les autres maisons et au quartier ? Ou voulez-vous personnaliser votre maison ? Les entreprises ? Vous voulez que le site se sente unique. Si vous l'utilisez habilement, Devi peut le faire. Alors, combien ça coûte ? Selon les ventes actuelles, Devi est généralement d'environ 75$ par an ou environ 200$ pour un abonnement à vie que vous pouvez utiliser sur tous vos sites Web. Maintenant, c'est un point clé. Puisque vous poursuivez une entreprise de conception de site Web. L' adhésion à vie est absolument votre meilleur choix. Un client et Devi, paie pour lui-même. Personnellement. J' ai acheté ce thème en 2013, et je l'ai utilisé sur des centaines de sites Web depuis lors. Cela vaut tout à fait la peine de l'investissement. Et oui, il s'agit d'une déduction fiscale. Debbie est si génial. Résumons les raisons pour lesquelles une base de données vous permet de construire un site Web visuellement à sa polyvalence et vous permet de concevoir des sites Web personnalisés qui ressemblent et ressentent que vous avez besoin. Trois, c'est là depuis 2013. Il a mûri énormément. 200 $ vous procurera un abonnement à vie qui peut être utilisé sur tous les sites Web de vos clients. Dans la prochaine série de leçons, nous allons jeter un coup d'œil sur Devi et le Visual Builder au fur et à mesure que nous construisons votre premier site web ensemble. Je ne peux pas attendre d'ici là. Quels sont nos devoirs ? Je veux que vous visitez Elegant Thèmes via mon lien d'affiliation dans la description du cours. Apprenez à connaître cette entreprise incroyable, y compris son produit phare. Donnez-moi, allez-y et achetez votre abonnement avant que le prix ne monte à nouveau. Donc, vous serez prêt à commencer à l'utiliser. Je suis Leighton et maintenant tu sais, Devi. 10. PARTIE 2 : Comment créer un site Web: Bienvenue, je suis en retard pour votre webmaster. Et sur les leçons précédentes, nous avons appris les principes fondamentaux de la conception de sites Web. Mais pourquoi, pourquoi ne pas simplement sauter directement dans la construction d'un site web ? Bien, alors que je suis un grand partisan de l'apprentissage pratique sur le travail, voulez-vous engager un électricien ? Il sait comment fonctionne l'électricité. Un plombier qui ne comprend pas les eaux usées, le drainage ou les pilotes ne les embauche pas parce qu'il ne comprend pas complètement ce qu'il fait. J' ai adoré apprendre la pratique. Nous ne pouvons ignorer la valeur de l'apprentissage des fondamentaux. Maintenant, nous avons fait ça. Nous avons posé la base de l'entreprise de conception de site Web. Nous avons appris domaines hébergeant des femmes comme les cellules WordPress Devi, et maintenant le temps est venu de construire un site Web. Dans cette leçon particulière, nous allons préparer notre serveur, c'est le préparer pour construire un site Web. Tu finis par faire ça pour chaque client. Cela peut sembler intimidant au début, mais vraiment cela devient plus facile une fois que vous êtes plus à l' aise au point où cela ne prend que quelques minutes. Dans les leçons suivantes, nous nous pencherons directement sur la conception et le développement de sites Web de commerce électronique mobiles d'une page, multi-pages. Et plus tard, nous examinerons comment obtenir l'inspiration du design, où aller pour trouver des images, des graphiques, logiciels dont nous pourrions avoir besoin et comment les thèmes de travail enfants. Mais d'abord, avant de le faire, préparons notre serveur. Donc nous allons le faire d'abord sur votre compte d'hébergement Ioannidis. Si vous utilisez ça. Ces étapes s'appliqueront généralement à tout forfait d'hébergement traditionnel ou partagé. Ensuite, nous considérerons ces timbres pour une plate-forme d'hébergement Cloud gérée comme les modes cloud. Tout d'abord, nous devons cliquer sur l'hébergement. L' hébergement est la possibilité d'utiliser l'espace Web et les bases de données. Nous devons choisir le contrat d'hébergement que nous voulons utiliser. Je vais cliquer sur un de mes serveurs dédiés ici. Et nous voici dans la vue d'ensemble de l'hébergement. Maintenant, il y a trois éléments cruciaux à un compte d'hébergement. Il y a l'espace web, le FTP et les bases de données. Ici aussi, nous allons voir la version PHP, qui est la version du langage de programmation ou de programmation PHP. Il y a l'analyse du site, qui est propre logiciel Ioannidis pour analyser votre site Web à la recherche de vulnérabilités de sécurité. Je ne suis pas un grand fan de ça. Et puis le réseau de diffusion de contenu, qui est une vente incitative là-bas. Et puis quelques autres fonctionnalités en bas, que je n'utilise généralement pas. Encore une fois, les trois principaux éléments ici sont l'espace Web, le FTP et les bases de données. Décomposer soigneusement chacun de ces éléments afin que vous vous sentiez aise de comprendre et d'utiliser chacune de ces parties du serveur d'hébergement. Donc, en fin de compte, nous voulons installer WordPress sur notre serveur d'hébergement. Et nous allons utiliser ces trois fonctionnalités du serveur d'hébergement pour atteindre cet objectif. Tout d'abord, regardons l'espace web. Maintenant, avant même de cliquer sur l'espace Web, je veux vous montrer les capacités de l'espace Web, si les capacités et les limitations que nous pouvons stocker. Tu te souviendras que c'était illimité, mais je t'avais dit qu'illimité n'est tout simplement pas vrai. C' est la raison pour laquelle j'ai fait cette déclaration. Bien qu'il indique que le serveur est peut héberger une quantité illimitée de fichiers. En réalité, c'est un peu plus d'un million de fichiers sur ce serveur dédié particulier. Les serveurs partagés vous donnent plus de 260 000 fichiers. Celui-ci me donne un peu plus d'un million de dossiers. J' ai quelques clients sur ce serveur particulier. Et comme vous pouvez le voir, juste une petite fraction de celui-ci a été utilisé jusqu'à présent. Stockage, j'ai près de 400 gigaoctets sur ce serveur, qui est beaucoup plus que ce dont je n'aurai jamais besoin pour le type de petites entreprises clients que vous êtes. Je l'aurai. Cliquez sur Utiliser l'espace web pour que nous puissions aller dans notre espace web pour ce serveur. L' espace web est une collection de fichiers et de dossiers sur le serveur, peu comme vous le trouverez sur votre ordinateur. Maintenant, lorsque vous commencez avec un nouveau client, vous devrez créer un nouveau dossier sur votre espace Web. Un dossier pour chaque client, plus précisément un dossier pour chaque site Web. Dans ce cas, nous allons créer un nouveau dossier en cliquant sur le bouton Nouveau dossier, le nommant mon premier site Web. Cliquez sur Enregistrer. Nous créons un nouveau dossier sur notre serveur en ligne. C' est là mon premier site web. C' est l'un des trois éléments dont nous avons besoin. Nous avons notre espace web. Revenons maintenant à la page de destination de l'hébergement et allez à SFTP. Donc FTP signifie protocole de transfert de fichiers. S est la version sécurisée. FTP nous permet d'interagir avec un serveur. Il vous permet essentiellement de voir les fichiers et les dossiers de votre serveur, comme vous le feriez sur votre ordinateur. Chaque FTP a un serveur, un nom d'utilisateur et un mot de passe. Cliquez donc sur Gérer. Et nous allons créer un nouveau compte FTP pour le nouveau dossier que nous avons créé. Typiquement, à l'instar de l'espace Web, vous aurez besoin d'un compte FTP distinct pour chaque client. Sur la droite ici, nous verrons que les données de connexion dont nous aurons besoin, le nom du serveur, le protocole, le port, puis le nom d'utilisateur recevra un nom d'utilisateur et un mot de passe séparés pour ce projet particulier en cliquant sur Créer un utilisateur. Et avant de le faire, notez également que nous obtenons une quantité illimitée de comptes FTP. Donc il n'y a pas de limite à ça. Je vais cliquer sur Créer un utilisateur. Nous devons créer un nom d'utilisateur. Tapons le site Web et aura besoin d'un mot de passe et allons générer automatiquement un mot de passe en utilisant mon logiciel de dernière passe pour la gestion des mots de passe. Et nous collons ce mot de passe. Note personnelle. J'appelle ça mon premier site, le répertoire. Cliquez sur Modifier. Et c'est là que vous sélectionnez le dossier que vous voulez accéder avec ce compte FTP va cliquer sur mon premier site Web et enregistrer. Avant de passer à l'écran suivant, assurez-vous que pendant que nous avons copié ce mot de passe, nous l'enregistrons dans notre dernier gestionnaire de mots de passe. Encore une fois, c'est Last Pass, Last Pass.com, qui est un merveilleux logiciel de gestion de mot de passe de renommée mondiale. Je clique sur Ajouter un élément et fais défiler vers le bas jusqu'au serveur. Dites mon premier site FTP, enregistrez-le sous mon dossier serveurs, collez le mot de passe. Oh, ça n'a pas marché. J' ai besoin d'un nouveau. Copiez, collez, collez-le ici. Puis cliquez sur Enregistrer. Sur l'écran suivant recevra notre nom d'utilisateur et l'hôte. Copiez l'hôte, copiez le nom d'utilisateur. Et gardons ces autres embouts aussi bien. Le protocole et le protocole de port est SFTP, qui est la version sécurisée de celui-ci, FTP, je recommande de l'utiliser. Et pour le sécuriser, le port est 22. Insûr serait 21. Sécurisé serait 22. Et allez-y et sauvegardez ça. Et nous l'avons là. Nous avons un compte FTP qui nous permet d' interagir avec le dossier de mon premier site web sur notre serveur. Maintenant, comment pouvons-nous accéder au FTP ? Il y a un lien ici pour installer et télécharger le fichier de configuration du logiciel FileZilla. Filezilla est un merveilleux client FTP gratuit, qui vous permet à nouveau d'accéder simultanément et en toute sécurité à votre serveur d'hébergement. Filezilla est le logiciel que je recommande pour accomplir cela. Allons de l'avant et cliquez sur Télécharger. Cela nous amène au site officiel de FileZilla. Il se trouve que j'ai déjà le logiciel, donc je vais juste l'ouvrir maintenant. Dossier Zola. Il s'ouvre. Et c'est l'un des meilleurs logiciels libres qui vous permet d'interagir avec votre serveur via FTP. Encore une fois, le nom est FileZilla, et il vous permet de récupérer votre site Web, de les enregistrer dans le gestionnaire de site ici, ou simplement de vous connecter directement à un site Web. Qu' est-ce que tu regardes à l'écran ? Sur la gauche se trouve votre ordinateur. Les documents, les téléchargements, tout ce que vous avez sur votre ordinateur sur la droite est le serveur. Je ne suis actuellement connecté à aucun serveur, donc vous ne voyez aucun fichier ? Je suis connecté à mon ordinateur. Donc vous voyez mes fichiers locaux à gauche, mais rien à droite. La gauche est locale, la droite est distante. site distant serait le serveur auquel nous n'avons pas encore connecté. Alors faisons-le maintenant. Je vais ouvrir ce qu'on vient de créer. Comme notre compte FTP, connectez-vous pour durer le mieux. Et je vais copier l'hôte. Colle-le ici en haut. Copiez le nom d'utilisateur et copiez le mot de passe. Mettons le port dans leur 22 et cliquez sur Connexion rapide. Eh bien, vous êtes maintenant officiellement connecté au, mon premier dossier sur notre compte ionisé. Très excitant. Cependant, nous n'y voyons rien parce que nous n'avons actuellement aucun fichier ou dossier dans le dossier de mon premier site Web. Bientôt, nous aurons WordPress là-dedans, mais nous devons faire quelque chose avant de pouvoir télécharger ces fichiers. Commençons par créer notre base de données. Alors, en continuant notre voyage de la vue d'ensemble de l'hébergement ici, qu'avons-nous fait ? Nous avons créé notre premier dossier de site web sur l'espace web. Nous avons créé notre compte FTP, et maintenant nous avons besoin d'une base de données. Comme nous l'avons appris il y a quelques leçons, WordPress utilise une base de données. Nous devons donc en créer un. Nous avons un nombre illimité de bases de données que nous pouvons utiliser ici sur notre serveur. Alors créons un maintenant. Base de données. Sélectionnez notre version et faisons la version supérieure. Nommez-le mon premier site web. Et aura besoin d'un mot de passe. C' est les deux. Générez un ici, puis collez-le et enregistrez-le dans Last Pass. Ajouter l'élément, la base de données, le coller. Ma première base de données. Enregistrez-le sous Bases de données. Retournez ici et cliquez sur Enregistrer. Et voici ce que nous avons. La base de données est en cours de configuration. Et très bientôt, nous aurons les informations d'identification de la base de données. Cliquez dessus et ils sont déjà prêts. Voici notre nom d'hôte. Ainsi, chaque base de données a un nom d'hôte ou de serveur, un nom d'utilisateur, un mot de passe et un nom de base de données. Donc, si encore une fois, vous avez le nom de la base de données, nom d'utilisateur, nom d'hôte et mot de passe. Ce sont les quatre éléments d'information standard liés à un, connexion à une base de données. Copions le nom de notre base de données. Mettez-le dans le type. Type est mon SQL. C' est le type de base de données que nous avons créé. Nom d'hôte. Copiez et collez cela dans notre gestionnaire de mots de passe. Le port, pas très important, mais gardons cela de toute façon, 3306, le nom d'utilisateur. Et on y va. Maintenant, nous avons notre base de données et nous allons cliquer sur Enregistrer pour enregistrer cela en toute sécurité pour notre client. Maintenant, on y retourne et qu'est-ce qu'on a ? Nous avons un dossier appelé mon premier site Web. Nous avons un compte FTP pour nous connecter à ce dossier. Et nous avons créé une base de données afin que nous puissions alimenter WordPress avec elle. Et maintenant, nous allons télécharger le logiciel WordPress. Comme nous l'avons fait il y a quelques leçons. Nous allons nous connecter à WordPress.org. Cliquez sur Obtenir WordPress dans le coin supérieur droit, puis téléchargez la dernière version de WordPress. On y va. Maintenant, précédemment, j'avais téléchargé ce dossier directement à travers Ioannidis sur l'espace web explorer. Mais cette fois, je veux vous montrer comment le télécharger directement en utilisant FileZilla. Donc on va ouvrir FileZilla. Nous sommes déjà connectés à notre serveur. Et sur la gauche ici, nous devons trouver le fichier que nous venons de télécharger, qui est sous Téléchargements. Et nous allons décompresser ce premier point Wordpress zip et obtenir notre dossier WordPress. Et dans ce dossier WordPress, nous voyons quelques ensembles de fichiers et de dossiers. Les fichiers, nos fichiers PHP, PHP, le langage de programmation qui nous permet d'interagir avec les serveurs et les bases de données. Wordpress s'appuie fortement sur PHP. Il utilise également HTML, CSS et JavaScript. Donc, chaque installation WordPress a trois dossiers. Wp admin, le contenu du tableau de bord WP et le tiret WP comprend les comprend nos dossiers et fichiers. J' espère que votre WordPress fonctionne bien. L' administrateur WP est la zone d'administration. 99% du temps, vous ne changerez aucun des fichiers ou dossiers contiennent dans WP includes ou WP admin. Nous n'avons pas à nous en soucier et ils restent en grande partie intacts. Le contenu WP est le dossier qui change cependant. Donc, à l'intérieur il y a des plugins et des thèmes. Les thèmes seraient comme le thème Devi ou le thème par défaut. Avec WordPress, ils en ont un pour chaque année. Actuellement, la valeur par défaut est 2017, 2019, 2020. Je ne sais pas ce qui s'est passé avec 2018, mais je suppose que ça n'a pas fait la coupe. Mais nous allons les supprimer. Allons-y et supprimez-les parce que nous n'avons même pas besoin de nous soucier de transférer ces fichiers sur notre serveur. On n'utilisera pas ces thèmes. Nous utiliserons le thème Divi. Les plugins. Vous finirez par installer plusieurs plugins sur un site de production. Au début, il n'y a que quelques plug-ins de stock. Je ne fais rien. Hello.py AHP n'est pas un plugin et un Kismet est un, en fait, c'est un plug-in anti-spam vraiment agréable, mais je ne l'utilise généralement pas à moins qu'un site Web utilise spécifiquement des commentaires sur leur blog. Dans ce cas, il ya interdiction de la technologie d'achat est génial. Mais je n'en ai pas besoin pour commencer, donc nous allons supprimer ça. Maintenant, allons de l'avant et obtenez ce téléchargement sur notre serveur. Et puis nous pouvons penser à télécharger Devi. Alors, qu'est-ce qu'on fait ? Nous trouvons le dossier de téléchargements et nous tirons WordPress. Et nous voulons transférer tout ça. Ces trois dossiers et ensembles de fichiers représentent WordPress. Nous allons donc transférer tous ceux sur le serveur. On le glisse et on le dépose au bon travail. Et on y va. 1700 fichiers sont en cours de transfert. Donc, pendant que cela est en téléchargement, nous allons télécharger le thème Divi. Nous allons dans notre navigateur Internet et naviguons vers Elegant Themes.com. De là, nous devons nous connecter à notre compte. Je me connecterai à mon compte Elegant Thèmes, cliquez sur Connexion membre. Et nous y voilà. Nous pouvons télécharger le thème Devi ici en utilisant le bouton Thème Divi téléchargé violet. Cela nous donne un fichier zip point de ce thème. Il y a aussi quelques plug-ins ici, le Divi Builder, qui est déjà inclus dans le thème. Le thème supplémentaire, qui est un thème différent orienté vers les blogs. Et nous avons le plugin Bloom pour e-mail, formulaires d'inscription à la newsletter, qui est également intégré dans dv maintenant. Et le partage social et suivre plugin, ce qui vous donne quelques boutons de partage agréable à partager sur différents sites sociaux. Donc, encore une fois, nous avons un fichier zip à points et nous allons comprendre comment télécharger cela sur notre site Web. Donc, une façon est de le télécharger directement sur WordPress. Mais pourquoi ne pas faire ça ? Décompresser Devi, faites-le glisser dans WordPress, faites-le glisser dans le contenu WP et faites-le glisser dans le. Donc, c'est la façon dont les thèmes fonctionnent dans WordPress. Chaque thème se trouve dans son propre dossier, dans le dossier themes. Donc, dv aura son propre dossier. Et toute autre chose que vous pourriez utiliser, que je n'utilise généralement que Devi. Nous avons donc un thème installé sur chacun de nos sites clients, qui est le thème Divi. Au sein de cela, nous avons plusieurs dossiers et fichiers construits sur PHP. Vous remarquerez. Et nous ne changeons pas normalement ces fichiers, donc nous n'avons pas à nous en soucier. Retournez dans FileZilla. Et nous avons tout téléchargé concernant WordPress. Mais maintenant, nous devons télécharger le thème Divi. Encore une fois, à gauche, notre ordinateur, le site local. Allons au contenu du tableau de bord WP et aux poutres sur le serveur sur la droite. Allons dans le contenu WP et les thèmes. Donc nous allons maintenant déplacer le thème Divi vers la première installation de mon site Web sur notre serveur ionisé jusqu'à ce que nous fassions glisser le dossier Devi de notre ordinateur vers le serveur. Et on y va. 900 fichiers sont en cours de téléchargement sur le serveur. Donc, à ce stade, nous pouvons aller de l'avant et regarder WordPress. Nous l'avons installé il y a quelques leçons. Repassons à travers ça. Et nous allons commencer par découvrir quel est notre nom de domaine afin que nous puissions accéder directement au serveur. Cliquez sur les domaines et SSL. De là, nous filtrons vers le contrat où nous téléchargeons nos fichiers, qui dans mon cas est ce serveur dédié particulier. Maintenant, nous cliquons sur tous les filtres ici et tous les types de domaine. Nous recherchons des domaines système. Donc, ce qu'il s'agit, est l'accès direct à votre serveur. Nous pouvons copier cela et ce serait notre serveur, mais nous devons taper dans le dossier réel qui ont été installés WordPress à. Donc, dans notre cas, nous devons ajouter une barre oblique mon premier soulignement site Web. Et cela devrait tirer vers le haut la célèbre installation WordPress de cinq minutes. Et on l'a déjà vu. Les balles le traversent encore. Nous sélectionnons notre langue Anglais. Vous aurez besoin des informations d'identification de la base de données que le nom de données, le nom d' utilisateur, le Allons copier ça de notre gestionnaire de mots de passe. Copiez le nom, le nom d'utilisateur, mot de passe et l'hôte. Regardons le préfixe de table à nouveau, il est spécifiquement conçu pour exécuter plusieurs installations WordPress sur une seule base de données. Nous n'avons pas vraiment à nous inquiéter à ce sujet parce que nous créons une base de données séparée pour chaque projet client afin que nous puissions le garder nommé comme WP soulignement WP de WordPress et cliquez sur Soumettre et puis exécuter l'installation. Cela va installer WordPress sur notre base de données. Titre du site. Mon premier nom d'utilisateur. Je vais mettre mon nom dans leur mot de passe. Ça a l'air bien. Et je vais taper mon adresse e-mail. Visibilité des moteurs de recherche Décourageons les moteurs de recherche pour le moment parce que nous ne sommes pas prêts à publier notre site Web. Et nous cliquons sur Installer WordPress. Eh bien, c'est l'installation. Je vais retourner à FileZilla. Et il semble que Devi a été téléchargé avec succès sur notre serveur. Très gentil. Et retourner dans Google Chrome, dans notre navigateur, et nous voyons le succès WordPress a été installé. Merci et profitez-en. Notre nom d'utilisateur et notre mot de passe sont ici. Cliquez sur Connexion et vous connecterez à notre compte et mot de passe. Et ici, nous sommes invités à enregistrer notre connexion dans Last Pass, ce que nous voulons faire. Eh bien, donc nous allons cliquer sur Ajouter, et bienvenue à WordPress. Voici donc un bref aperçu de l'administrateur WordPress. C' est donc le back-end de votre site Web. Ce n'est pas ce que les gens voient quand ils vont sur votre site Web. C' est ce que vous en tant que propriétaire du site Web, le webmaster, l'administrateur. Et on verra comment on est arrivés ici. Nous nous connectons ici en ajoutant slash WP admin à notre barre d'adresse. Et cela nous amène à WordPress admin. Donc, sur la gauche ici, nous allons voir plusieurs boutons sur la navigation. Nous voyons des messages, des médias, des pages, commentaires, des plugins d'apparence, des outils des utilisateurs et des paramètres. Passons brièvement à travers chacun de ces messages sont spécifiquement conçus comme des billets de blog. Donc, si vous avez un blog, vous pouvez cliquer, Ajouter des nouvelles ou Ajouter un nouveau et commencer à taper votre billet de blog. Ils sont également catégorisés et il y a différentes balises que vous pouvez utiliser. Je n'utilise généralement pas de balises, mais les catégories peuvent être agréables. Peut créer une catégorie appelée blog et nouvelle catégorie. Et on y va. Faire un clic, Ajouter un nouveau. Et c'est l'éditeur de bloc WordPress, qui est un bon moyen d'ajouter visuellement du contenu à votre post. Nous n'en profitons généralement pas parce que nous préférons le Devi, éditeur visuel. Mais chaque poste et page a un titre. Le réel, comme mon premier billet de blog, le contenu réel. Blogging. Nous avons un wysiwyg ou ce que vous voyez est ce que vous obtenez éditeur. Et à droite, nous pouvons publier notre post. Nous pouvons changer l'URL de celui-ci. Nous pouvons changer les balises de catégorie, extrait, qui est une brève description de l'article, et choisir d'autoriser ou non les commentaires sur ce post. Allons de l'avant et sauvegardons ça comme un brouillon. Et nous allons sortir d'ici en cliquant sur le logo WordPress dans le coin supérieur gauche. C' est la section des messages. Les médias sont vos, essentiellement vos images. Vous pouvez également inclure des fichiers PDF et des feuilles de calcul, etc. Mais pour la plupart, ce seront vos images et vos photos sur le site. Nous pouvons télécharger de nouvelles images, mais normalement nous le ferions via Devi de toute façon. Mais c'est une belle façon de voir ce que toutes les photos que vous avez sur votre site Web. pages seraient les pages standard que vous trouverez sur la plupart des sites Web, votre maison, votre sujet de nous, services de contact, la galerie, tout ce que vous verrez sur un site Web, chacune est divisée en sa propre page. Une page est gérée comme un post. Nous avons le titre, nous avions le contenu de la page, et nous avons l'URL. Et ce sont les éléments de base d'une page WordPress. Vous serez normalement dans les pages plus que dans les messages. Les commentaires ne concernent que les sites Web qui permettent des discussions ou des commentaires, comme un blog, dont nous nous éloignons de plus en plus. D' autant plus que les spammeurs attaquent vraiment des sites comme ça. Mais il y a un moment et un lieu pour cela. Certains sites Web doivent tirer parti des commentaires de contenu. Maintenant l'apparence, l'apparence est les thèmes et le personnalisateur, et nous ne nous inquiétons pas de l'éditeur de thème. Donc les thèmes, il essaie d'activer le thème 2020, mais nous n'avons pas téléchargé cela. Donc, il ne peut pas être trouvé, n'existe pas. Activons le thème Divi. Cliquez sur Activer. Et maintenant Devi est le thème par défaut et seul sur cette installation WordPress. Devi est par Elegant Thèmes. La version actuelle que j'ai ici est 4.6.3. Il est décrit comme intelligent, flexible, beau, le thème le plus puissant de la collection The Elegant Themes. On en parlera plus dans la prochaine leçon. Pour l'instant, nous continuons à en apparence, Il y a des widgets. Donc, les widgets ne sont que de petits morceaux de contenu. Tu peux le faire. Vous pouvez faire des mots, vous pouvez faire des images, vous pouvez faire un menu, une barre de recherche, une vidéo, toutes sortes de choses ici. Et cela irait dans votre barre latérale ou dans le bas de votre site Web, le pied de page. Nous n'y sommes pas trop, mais nous pourrions avoir besoin de venir ici de temps en temps, des menus. Donc, votre menu est les boutons en haut du site, parfois en bas aussi. Le menu principal serait généralement le haut du site Web. Le secondaire serait le haut très tippy, et le pied de page serait le bas du site Web. Lorsque nous créons un menu tel que le menu principal, nous pouvons y ajouter n'importe laquelle de nos pages. Et on y va. Nous venons de créer un menu. L' arrière-plan nous amène au Theme Customizer, qui va vraiment entrer dans la prochaine leçon. Je vais donc cliquer sur le bouton Précédent et continuer. Plugins sont un peu comme des façons de thème que vous étendez la fonctionnalité de votre site WordPress. Ce sont des tiers, tous les plugins que vous ajoutez sont inclus dans le marché du plugin WordPress, mais ils ne sont pas créés par WordPress lui-même. Ce sont donc des plugins tiers créés par des développeurs tiers. Il y a beaucoup de plug-ins là-bas, tant pour tout ce dont vous pourriez avoir besoin, que ce soit la sécurité ou les sauvegardes ou vraiment tout ce que vous voulez faire pour étendre les fonctionnalités de votre site Web. Ce pourrait être le commerce électronique, qui peut être la lutte contre le spam. Cela pourrait être toutes sortes de choses qui seraient faites en ajoutant un plug-in. Maintenant, les utilisateurs sont les différentes personnes qui ont une connexion à votre site WordPress. Vous pouvez créer plusieurs utilisateurs. Vous pouvez avoir des personnes qui ajoutent des commentaires à votre site Web. Vous pouvez avoir des personnes qui sont des administrateurs, des personnes qui ajoutent des publications. Vous pouvez avoir des clients. Mais au départ, ce n'est que nos administrateurs en termes simples, c'est u et c'est votre client. Assez facile. Outils, nous ne faisons normalement rien dans la section des outils, donc nous n'avons pas à nous soucier de ces paramètres. abord, nous avons le titre de notre site et le slogan, que nous pouvons changer en fonction du type de site Web que cela pratique, WordPress et Divi. Il s'agit de l'URL du site Web, de l'adresse e-mail de l'administrateur et de quelques questions supplémentaires. Si quelqu'un peut l'enregistrer pour être membre de ce site ? Non. Le rôle d'utilisateur par défaut, la langue du site, l'anglais, le fuseau horaire, le format de date, format d' heure et la semaine commence le lundi. En écrivant, normalement, ne faites rien ici en lisant. C' est agréable de changer la page d'accueil en une page statique. Lorsque nous créerons notre page d'accueil, vous changerez la page d'accueil statique à la page appelée trou. Et c'est aussi là que nous trouvons les bugs de visibilité des moteurs de recherche. La discussion n'a normalement pas à s'inquiéter à ce sujet , sauf si vous avez un site Web qui a un blog. Dans ce cas, vous pouvez trouver l'écoute des paramètres sur ce qui se passe avec les commentaires. Quelques questions sur les médias, particulier les dimensions des miniatures, moyennes et grandes mises en ligne n'ont normalement pas à s'inquiéter à ce sujet. Permalien. Je recommande d'aller ici paramètres permalink et de le changer en nom de poste. Qu' est-ce que ça fait ? Il permet à chaque page que vous créez sur votre site WordPress d'avoir une URL conviviale comme celle-ci, exemple de services de poste ou de slash ou de contact slash semble beaucoup mieux que cela et beaucoup mieux que cela. Donc, nous voulons changer les liens perma par défaut pour le nom de poste lorsque nous installons WordPress. Et la vie privée est assez nouvelle. Il nous permet de créer une politique de confidentialité. Et voici le Divi, options de thème que nous traverserons dans la prochaine leçon. Alors qu'est-ce qu'on vient de faire ? Eh bien, afin de préparer le serveur d'hébergement pour notre nouveau site Web. Nous avons d'abord créé le dossier Webspace. Deuxièmement, nous avons créé un compte FTP. Troisièmement, nous avons créé une base de données pour que nous avons téléchargé, transféré et installé WordPress. Et cinquièmement, nous avons téléchargé, téléchargé et activé Devi. Maintenant, vous êtes prêt à commencer à construire votre site Web. Encore une fois, ces étapes s'appliqueraient à tout compte d'hébergement traditionnel ou partagé. Fondamentalement, n'importe où qui vous donne un espace web, FTP et une base de données. Vous pouvez également accomplir cela via cPanel si vous hébergez compte utilise cela. Mais je possède ce n'est pas. Maintenant, vous vous demandez peut-être comment ce processus fonctionne-t-il sur une plateforme d'hébergement Cloud gérée, comme les solutions cloud. Si vous avez fait passer votre agence au niveau supérieur avec l'hébergement en nuage, permettez-moi de vous montrer à quel point ces plateformes premium facilitent la préparation de votre serveur. Donc, nous voici dans nos façons de Cloud qui comptent sur la plate-forme DotCloud ways.com. Maintenant, cela est divisé en deux sections, vos serveurs, qui contiennent vos applications. Vous pouvez avoir plusieurs applications par serveur. Et une application signifie essentiellement un site Web pour vous-même et pour vos clients. Donc, pour commencer à préparer notre serveur, nous allons d'abord créer un serveur en utilisant le bouton vert Ajouter un serveur. Si vous n'en avez pas déjà un sur votre compte Cloud ways, vous devez d' abord sélectionner l'application sur laquelle vous souhaitez installer sur ce serveur. Vous pouvez faire WordPress. Vous pouvez faire Woo Commerce si vous créez un site e-commerce. Et il y a quelques autres options. Mais pour la plupart, nous faisons juste la, la dernière version de WordPress. Ensuite, nous créons un nom pour notre application, comme un cours d'affaires de conception Web, conception, serveur d'affaires. Et puis nous pouvons choisir la marque de serveur que nous voulons, Digital, Ocean, LA node, Vautour, Amazon, ou Google. Si nous appuyons sur l'icône Informations, nous pouvons obtenir un petit blurb sur ce type particulier de serveur. Et il vous indique quel est l'avantage de ce serveur. Vous pouvez utiliser ce petit blurb pour décider quelle entreprise serait la bonne pour vous. Mais l'endroit a beaucoup à voir avec ça aussi, donc nous y arriverons dans une seconde. La taille du serveur, vous pouvez sélectionner la taille de votre serveur. Et n'oubliez pas que vous pouvez toujours mettre à l'échelle la taille de votre serveur lorsque vous en avez besoin. Certaines de ces marques de serveurs proposent ici une liste déroulante avec standard ou haute fréquence. La haute fréquence est juste, je ne vais pas mettre à niveau avec une meilleure technologie. Donc, le gigaoctet nous donnera une note ici que le recommandé est de deux gigaoctets ou plus pour la production. Sites Web, un gigaoctet est pour WordPress staging ou sites Web à faible trafic. Nous voulons donc faire le strict minimum de deux gigaoctets. Si nous construisons une entreprise de conception Web, j'aime faire l'option de quatre gigaoctets ou huit gigaoctets, mais à deux gigaoctet est idéal lorsque vous commencez à commencer. Et n'oubliez pas que vous pouvez toujours évoluer vers une taille de serveur plus grande. Maintenant, le principal facteur décisif ici serait l'emplacement de votre serveur. La sagesse générale est que plus le serveur est proche de votre public cible, mieux le site sera chargé et exécuté. Il serait donc sage de cliquer à travers chacun de ces endroits et de regarder les différents endroits qui sont offerts. Que ce soit en Amérique et en Europe, en Asie, dans le Pacifique, au Canada, etc. Il y a plein de choses que nous pouvons choisir. La situation idéale serait d'obtenir le serveur le plus proche de votre emplacement physique de votre audience cible. Donc, une fois que nous avons décidé que nous pouvons choisir, nous avons choisi notre taille de serveur, deux gigaoctets, nous avons notre emplacement. Faisons USA Dallas, puis on appuie sur Launch. Maintenant. Avant de le faire, nous examinons le prix ici. Payez comme vous allez. Il dit que c'est vraiment bon marché toutes les heures, mais le nombre que nous examinons est mensuel. Dans ce cas, en dollars américains, la taille de deux gigaoctets ne serait que de vingt-trois dollars par mois. Si vous arrivez au point où vous devez augmenter l'échelle, vous pouvez choisir de quatre gigaoctet un et en moins d'une heure manière Cloud tout en vous migrer automatiquement vers le forfait de quarante-quatre dollars. Donc, nous cliquons sur Lancer maintenant et il va créer notre serveur. Notre serveur sera prêt en quelques minutes. Et une fois qu'il est prêt, on peut cliquer dessus. Et le premier écran qui apparaît est les informations d'identification principales. Ce que cela nous dit, c'est nos informations FTP, le nom du serveur, qui est l'adresse IP, le nom d'utilisateur et le mot de passe. Cela nous donnera un accès FTP au serveur. Il y a plusieurs options sur le côté, la surveillance, les services gérés, les paramètres et les packages, la sécurité, la mise à l'échelle verticale, la sauvegarde et le SMTP que vous pouvez cliquer autour. Mais dans le but de cette démonstration, passons directement dans les applications. Et nous verrons toutes les applications que nous avons installées sur notre compte parmi tous nos serveurs. Et pour ajouter une nouvelle application, qui est en train d'ajouter un nouveau site Web ou de préparer notre serveur pour préparer WordPress et Divi. Donc, nous appuyons sur le bouton Ajouter une application, sélectionnez un serveur auquel nous voulons l'ajouter. Appuyez sur Ajouter une application, sélectionnez celui que nous voulons, qui est WordPress 5.7. La dernière version de WordPress. Donnez un nom à notre application et cliquez sur Ajouter une application. Une fois cela fait, une demande sera ajoutée et prête dans environ deux minutes. Dans le backend ici, ce que fait Cloud way est de créer l'application, de créer l' espace Web du site Web, créer les informations d'identification FTP pour vous, de créer la base de données. Et il est en train d'installer WordPress et de préparer tout cela pour que vous puissiez commencer à construire votre site Web. Maintenant, cela va être prêt dans deux minutes, qui est étonnamment rapide comparé à avoir à faire cette étape par étape par nous-mêmes. Donc, dans environ deux minutes, tout ce que nous avions à faire était d'appuyer sur Ajouter une application, lui donner un nom, dire, dire, dire Cloud façons que nous voulons la dernière version de WordPress et puis c'est prêt. On y va. Nous cliquons sur l'application et il tire notre écran avec nos détails d'accès. Donc, ce qui nous donne est l'URL pour l'installation de WordPress. Cliquez sur cela pour confirmer qu'il a installé WordPress avec succès. C'est là. On peut fermer ça et retourner au panneau d'administration. Ceci est l'URL de la zone d' administration WordPress et le nom d'utilisateur et le mot de passe sont déjà configurés pour nous. Donc, nous cliquons sur ce lien pour aller à la zone d'administration. Copiera notre nom d'utilisateur et copiera notre mot de passe. Et on y va. Nous sommes connectés à WordPress, tous prêts à partir ? Super, super facile. Retournons à la plateforme. Et nous avons l'accès à la base de données, le nom, le nom d'utilisateur et le mot de passe. Et il y a une interface en ligne où nous pouvons éditer la base de données si nous le voulons. Ici se trouvent les informations d'identification FTP S. Nous avons le nom d'hôte, qui est notre adresse IP pour le serveur. Et puis nous pouvons entrer un nom d'utilisateur et un mot de passe pour créer les informations d'identification FTP et il suffit d'appuyer sur Ajouter. Et puis cela crée le FTP. Donc ce que nous voulons faire ensuite, c'est retourner dans l'administrateur WordPress et nous voulons installer Divi maintenant. Donc nous avons vu comment nous l'avons fait avant. Faisons le même processus. Accédez à Thèmes d'apparence, Ajouter un nouveau, puis chargez le thème. Et nous allons sélectionner dv, puis Installer maintenant. Et juste quelques secondes qui seront installées et nous pouvons l'activer. Et puis nous y mettrons notre licence à partir de notre compte Thèmes Élégants. Nous saisissons que de Elegant Themes.com slash membres zone de tiret sous un compte ici, puis les détails du compte, nom d'utilisateur et clé API. Nous allons à cette page, nous saisissons nos informations API, puis nous les collons ici. Et c'est tout. On est prêts à partir. Nous avons Devi installé et activé et connecté à notre licence. C' est donc super facile pour les moyens Cloud pour vous de créer un site Web WordPress, préparer votre serveur, le préparer à partir, installer Devi. Juste un point de plus que je veux faire ressortir dans notre compte Cloud ways. Nous avons une autre fonctionnalité intéressante que je veux attirer l'attention ici. Et nous allons à Applications, et nous allons à notre application ici. Il y a une autre caractéristique ici. Si nous cliquons sur le point, point, point, nous pouvons choisir de cloner l'équipe de notre application et de créer une mise en scène pour cette application, et nous pouvons la supprimer. Donc, si nous cliquons sur ce bouton, ce qu'il va faire est de cloner cette application sur le même serveur ou sur un serveur différent. Et nous pouvons créer un environnement de mise en scène si nous le voulons. Alors qu'est-ce que ça veut dire ? Cela signifie que vous créez un clone complet de votre site Web tel qu'il est, mais sur une URL différente. Vous pouvez donc y apporter des modifications. Et le public n'a pas à voir les changements dans le développement. C' est incroyable lorsque vous avez besoin de tester de nouvelles fonctionnalités ou tester de grandes mises à jour d'un site Web sans avoir à jouer avec la version live. Et puis vous n'êtes qu'à un clic de déployer ces modifications sur votre site Web principal, le live on. Donc, dans l'ensemble, ce que nous avons fait ici, c'est que nous avons ajouté notre application, nous lui avons donné un nom, nous avons sélectionné la dernière version de WordPress. Et puis nous, nous avons eu notre panneau d'administration avec un lien pour nous amener dans la zone d'administration de WordPress. Et puis nous avons installé Devi et nous avons tout mis en place avec notre compte Elegant Themes. Et maintenant, nous sommes prêts à aller avec WordPress et serait divvy. Maintenant, quand vient le temps que nous sommes prêts à lancer notre site Web et de le retirer de ce cloud moyens URL temporaire, et de le mettre sur notre nom de domaine en direct. Et vous pourriez le faire dès le début. Nous allons à la gestion de domaine et tapez le nom de notre nom de domaine. Nous appuyons sur Enregistrer les modifications et une invite vous expliquera comment pointer le nom de domaine vers votre compte Cloud ways qui nous amène à un article de support. Et fondamentalement, vous le faites avec juste un enregistrement DNS. Il va vous donner un, un, un, un enregistrement à vous ajouter à votre DNS. Et nous trouvons cet enregistrement DNS en allant accéder aux détails et en copiant notre adresse IP publique. Nous cliquons pour copier ceci. Il s'agit de l'adresse IP de votre serveur. Et puis nous allons dans nos enregistrements DNS dans notre registraire de domaine. Regardons cela dans Jonas, par exemple, nous cliquons sur DNS et ensuite nous devons coller qu'un enregistrement qui au symbole. Et le, un enregistrement indique le trafic Web principal. Donc, quand vous allez à votre nom de domaine, où est le trafic il y a ? L' enregistrement DNS ici indique l'adresse IP que vous envoyez ce trafic Web. Donc, pour lancer votre site Web, vous devez ajouter votre nom de domaine sous gestion de domaine, puis changer cet enregistrement de l'adresse IP qui est déjà là à celle qui est appliquée à votre serveur Cloud ways. Ici, sous IP publique, une fois que vous l'avez pointé, une fois que vous pointez le trafic principal vers cette adresse IP, votre site Web sera prêt à aller tant que vous avez vos informations d'accès et que vous placez votre gestion de domaine. Et pour le rendre sécurisé, vous passez par le processus d'installation d'un certificat SSL avec seulement votre adresse e-mail et votre nom de domaine. Et une fois que vous faites cela, 11. Créer un site Web visuellement: Bienvenue. Je suis Leighton, votre webmaster. Aujourd'hui, nous allons plonger et construire une page web. Rappelez-vous maintenant que le succès de votre entreprise de conception de site Web dépend beaucoup de la qualité de vos sites Web. Pourquoi est-ce important ? Eh bien, pourriez-vous engager un photographe bien informé et bien connu si vous n'aimez pas leur travail et que leur portfolio ne fait rien pour vous ? Pourquoi choisir ce photographe ? Parce que aussi important que la connaissance de la tête et l'image de marque sont le résultat final, le client est laissé avec. De même, votre entreprise de conception de site Web ne sera couronnée de succès que la conception des sites Web eux-mêmes. Permettez-moi de le répéter. Votre entreprise de conception de site Web ne sera couronnée de succès que la conception des sites Web eux-mêmes. C' est de cela que les entreprises vont parler. Pas à quel point votre logo est beau, pas à quel point attraper votre nom de domaine est, mais à quel point vous les faites paraître. Maintenant structurellement, il existe plusieurs types de sites Web que vous pouvez construire avec DV. Il y a une page, plusieurs pages et des sites de commerce électronique. Les leçons suivantes, nous allons expliquer chaque type O pour l'instant, allons nous concentrer sur la conception d'une seule page Web. Dans la leçon précédente, nous avons installé sur une nouvelle copie du thème WordPress et Divi. Alors commençons à construire. Et nous sommes de retour dans WordPress admin. C' est la zone d'administration de notre premier site, le site WordPress. Alors, allons dans les pages et ajouter de nouveaux va créer une page d'accueil sur laquelle nous pouvons construire. Et quel type maison et utiliser le Divi Builder, utilisez le bouton violet Utiliser Divi Builder. Ça nous donnera un coup de pied dans le Visual Builder. Nous quittons le backend de WordPress et entrons dans le front end. Bienvenue dans le Divi Builder. Cela commence donc par une vidéo de 25 minutes produite par les fabricants de Devi. Dans ce tutoriel de vous donner un aperçu de base du Divi Builder avec un accent sur l'interface Visual Builder. Je vous recommande fortement de regarder cette vidéo. C'est fabuleux. Il est mis par les fabricants de Devi, qui ont mis toutes sortes de ressources gratuites pour vous aider à apprendre Devi. Cela dit, construire de belles pages est une violation en utilisant Visual Builder pour commencer à une nouvelle section qui est bleu à votre page en appuyant sur le bouton bleu plus. Ensuite, ajoutez une ligne. Les lignes sont vertes, une rangée de colonnes à l'intérieur de votre section en appuyant sur le bouton vert plus. Enfin, commencez à ajouter des modules de contenu à l'intérieur de vos colonnes en appuyant sur le bouton gris plus. Et vous pouvez personnaliser la conception et le contenu de n'importe quel élément de la page en appuyant sur les paramètres ou le bouton de l'icône de rouage. Si vous avez besoin d'aide, visitez notre page de documentation pour obtenir la liste complète des didacticiels. Le mot documentation renvoie à la barre oblique élégante Themes.com Devi, qui est rempli de ressources gratuites pour aider à apprendre le Divi Builder et le thème Divi. Je recommande totalement ces ressources. Ils font un excellent travail en mettant tous ces cadeaux. Cliquez sur le vert, prenez le bouton tour. Tout d'abord, chargez une nouvelle mise en page. Bébé a des mises en page pré-faites. Le chargement de mises en page préfaites est donc un excellent moyen de démarrer votre nouvelle page. Le Divi Builder est livré avec des dizaines de Laos à choisir. Et vous pouvez trouver beaucoup de grandes mises en page gratuites en ligne aussi. Vous pouvez enregistrer vos mises en page préférées dans la bibliothèque divi et les charger sur de nouvelles pages ou les partager avec la communauté. Cliquez sur le bouton en surbrillance pour ouvrir le menu Dispositions et sélectionner une mise en page préétablie. Donc, nous allons cliquer sur le bouton plus violet pour charger à partir de la bibliothèque. Vous permet juste de faire quelques choses. Vous pouvez cloner votre propre page. Mais dans ce cas, nous allons cloner une page à partir de serveurs DVD. Voici la démo Divi Builder. Ici, il est dit que vous pouvez voir une liste de packs de mise en page préfabriqués qui ont été livrés avec Divi Builder. Vous pouvez également accéder aux mises en page que vous avez enregistrées dans votre bibliothèque Divi. Choisissez les packs de mise en page de démonstration Divi Builder, afin d'afficher les mises en page qu'il inclut. Nous sommes donc en train de cliquer sur Divi Builder démo. Choisissez une mise en page pour commencer. Vous pouvez maintenant voir plus de détails sur le pack de mise en page ainsi qu'une liste de mises en page. Il inclut le bouton Utiliser la mise en page pour appliquer la mise en page à votre page, ou cliquez sur le vert, utilisez ce bouton de mise en page. Il est en train de charger. Et notre page d'ardoise vierge est maintenant remplacée par ce pack de mise en page. Nous avons une page Web polie en ce moment en utilisant du contenu de démarrage. Comme vous pouvez le voir, il y a un, il y a du latin ou quoi que ce soit que ces langues. Donc, c'est juste du contenu de remplissage. Mais nous pouvons voir que la mise en page et le design est très poli. Ajoutez une nouvelle section. Maintenant que votre mise en page préfabriquée a été chargée, nous pouvons commencer à ajouter du nouveau contenu à la page. Divi Builder organise le contenu à l'aide sections, de lignes et de modules. C' est très, très important de comprendre la structure de. Sections, lignes et modules du site Web Devi. Apprenons-en à ce sujet. Ses sections sont le plus grand élément organisationnel. Cliquez sur le bouton surligné pour ajouter une nouvelle section à la page. Ou en cliquant sur le bouton bleu plus qui va ajouter une nouvelle section, s'ouvre, insère section, choisissez un type de section. Le Divi Builder a trois types de section différents. Les sections régulières sont conformes à la largeur standard de votre mise en page. Les sections spécialisées peuvent être utilisées pour créer des mises en page avancées des barres latérales. On ne les utilise pas aussi souvent. Et les sections pleine largeur étendent toute la largeur de votre page et peuvent être utilisées avec des modules pleine largeur. Pensez à une grande section d'en-tête d'ouverture. Pour toute la largeur, ils s'étendent d'un bord de l'écran à l'autre. Cliquez sur le bouton Section standard pour ajouter une nouvelle section à votre page Web. Nous cliquons irréguliers. Ajoutez maintenant une nouvelle ligne de colonnes. Chaque section contient une ou plusieurs lignes de colonnes. Vous pouvez choisir entre différentes mises en page de colonnes pour chaque ligne que vous ajoutez à votre page. Cliquez sur la mise en page de trois colonnes en surbrillance pour ajouter une nouvelle ligne à votre section. Il convient de noter que lorsque dB est sorti pour la première fois il y a plusieurs années, une seule colonne, deux colonnes et trois colonnes ont été incluses. Maintenant, il y a des tonnes de mises en page de colonnes et je suis très heureux à ce sujet. J' ai attendu cette fonctionnalité pendant longtemps. Mais vous commencez avec cette disponibilité. Donc, il nous demande de créer une mise en page à trois colonnes. Il s'agit d'une ligne avec trois colonnes. Insérer le module, ajouter un module à la colonne. Dans chaque colonne, vous pouvez ajouter un ou plusieurs modules. Un module est un élément de contenu de base. Le Divi Builder est livré avec plus de 40 éléments de contenu différents à choisir, tels que des images, des vidéos, du texte et des boutons. Cliquez sur le bouton de blurb mis en surbrillance pour ajouter un nouveau module de flou à la première colonne de votre ligne. J' aime vraiment le module blurb. Je l'utilise un peu, très polyvalent. Et on va cliquer sur le blurb. Mais avant de le faire, regardons simplement quel genre de modules nous avons disponibles ici. Accordéon, compteurs de bar audio, blurb blog, bouton, appel à l'action, compteur de cercle, code, commentaires, formulaire de contact, compte à rebours, minuterie, diviseur, email portefeuille souvent filtrable, galerie, image, connexion, carte, menu, portefeuille de personne de compteur de numéros , navigation des messages, poste curseur poste tableau de prix de titre, recherche, boutique, barre latérale , curseur, médias sociaux suivre onglets, textes de témoignage, bascule, vidéo et vidéos slider. En réalité. Je vais utiliser environ cinq de ces modules, cinq à dix sur chaque page web. Donc il y en a encore, je n'ai jamais utilisé, mais c'est merveilleux qu'ils soient disponibles si nous devrions jamais en avoir besoin. Donc, pour l'instant, cliquons sur le blurb, qui est un module très commun. Et maintenant I Blurb a été créé, ajustez les paramètres de votre module. Cela va être universel pour tous les modules. Chaque module est livré avec différents paramètres. Ces paramètres sont séparés en trois onglets, contenu, conception et avancé. Ce sont les trois onglets ici, conception de contenu et avancé. l'onglet Contenu, vous pouvez modifier les éléments de contenu du module tels que le texte et images si vous avez besoin de plus de contrôle sur l'apparence de votre module, dirigez-vous vers l'onglet Création. Pour des modifications plus avancées telles que les attributs CSS et HTML personnalisés exploré l'onglet Avancé. Essayez d'ajuster le titre de votre blurb en cliquant sur le champ en surbrillance. Faisons ça maintenant. Titre. Passons à mon premier blurb. Voyons ce qui est apparu sauf ou écartez vos modifications. Chaque fois que vous apportez des modifications dans Divi Builder, ces modifications peuvent être annulées, refaites, supprimées ou acceptées. Maintenant que vous avez ajusté le titre de vos modules, vous pouvez cliquer sur le bouton rouge pour annuler ces modifications, ou vous pouvez cliquer sur le bouton vert pour les accepter. Cliquez sur Accepter. On y va. Mon premier blurb survolera les boutons d'action en excès. Chaque fois que vous passez le curseur sur une ligne de section ou module et que les boutons d'action Divi Builder apparaissent. Et ces boutons peuvent être utilisés pour déplacer, modifier, dupliquer ou supprimer votre contenu. Cliquez sur l'icône en double en surbrillance pour dupliquer le blurb que vous venez d'ajouter à la page. Ceux-ci vont apparaître sur toutes sortes de sections, de lignes et de modules. Et ils sont assez universels, donc vous les verrez sur la plupart des types de contenu. Dans ce cas, cliquez sur un module en double, qui est une fonctionnalité merveilleuse et un énorme gain de temps. Et on y va. Glisser-déposer du contenu. Chaque élément de la page peut être glissé et déposé vers de nouveaux emplacements. Avec votre souris, cliquez sur l'icône Déplacer en surbrillance et maintenez le bouton de la souris enfoncé. Tout en maintenant le bouton de la souris enfoncé, déplacez le curseur vers la colonne vide, puis relâchez le bouton de la souris pour déposer le module dans la nouvelle colonne. Cliquez et faites-le glisser vers la colonne du milieu, et je relâche la souris. Et nous y voilà. Accédez aux options de clic droit En plus des actions de survol, vous pouvez accéder à d' autres options en cliquant avec le bouton droit de la souris ou en cliquant sur la commande. Vérifiez sur n'importe quelle ligne ou section de module. À l'aide du menu contextuel affiché, cliquez sur le bouton du module de copie en surbrillance pour copier le module de flou que vous venez de déplacer. Nous cliquons sur Copier le module. Collez votre module copié. Maintenant que vous avez copié un module à l'aide du menu contextuel, vous pouvez cliquer avec le bouton droit de la souris dans un nouvel emplacement pour coller le module en utilisant l'option du bouton droit de la souris affichée et cliquer sur le bouton du module de rythme pour coller le module que vous venez de copier dans un colonne vide. C' est, encore une fois, je ne peux pas souligner à quel point c'est merveilleux d'un gain de temps. Donc nous copions ce module et nous allons le coller. Module de collage. On y va. déplaçant à droite, accédez à vos options de ligne. Chaque ligne et section possède son propre ensemble d' options qui peuvent être utilisées pour ajuster l'apparence des éléments. Vous pouvez ajuster sa largeur, remplissage arrière sol et plus encore pour accéder aux paramètres d'une ligne, survolez la ligne et cliquez sur les options en surbrillance. Donc, nous survolons cette ligne et nous cliquons sur les paramètres de ligne de l'option de gauche. Et ce qui apparaît, ajustez votre réglage de ligne. Tout comme les modules, les lignes sont livrées avec beaucoup de paramètres qui sont séparés dans le contenu, conception et les onglets avancés. Cliquez ici sur le bouton surligné pour ajouter une nouvelle couleur d'arrière-plan à votre ligne. Maintenant, il nous a déplacés vers le bas à l'arrière-plan et nous cliquons sur ajouter la couleur d'arrière-plan. Sauf vos changements. Cliquez sur le bouton vert en surbrillance pour accepter vos modifications. Modification de la couleur d'arrière-plan de cette ligne. Et boum, sauvegardez les changements. Impressionnant. Ouvrez les paramètres de votre page. Lorsque vous utilisez Divi Builder, vous pouvez accéder aux paramètres de votre page en activant la barre des paramètres de page en bas de votre écran. Cliquez sur le bouton en surbrillance pour afficher les paramètres de votre page. C' est donc le cercle violet flottant au bas de chaque page Divi Builder. Nous allons cliquer sur ce bouton pour développer certaines options ici. Et qu'est-ce qu'on voit ? Prévisualisez votre page sur mobile tout en modifiant votre page, il est facile de voir à quoi ressemblera votre design sur les appareils mobiles. Vous pouvez également ajuster les paramètres de ligne et de section de votre module pour chaque point d'arrêt mobile. Cliquez sur l'icône en surbrillance de la tablette pour accéder au mode Aperçu de la tablette. Je vais cliquer dessus. Il s'agit de la vue de la tablette. Revenez en mode Bureau. Vous pouvez basculer librement entre chaque mode d'aperçu lors de l'édition de votre page. Maintenant que nous avons prévisualisé notre page sur la tablette, revenons au mode d'aperçu du bureau en cliquant sur le bouton surligné. Nous ramène à la vue du bureau. Accédez à votre historique d'édition. Chaque modification que vous apportez en modifiant votre page est enregistrée dans votre historique d'édition. Vous pouvez également naviguer en arrière et en avant dans temps jusqu'à n'importe quel point de votre session de mise à jour actuelle, ainsi que annuler et rétablir les modifications récentes. Cliquez sur le bouton Historique en surbrillance pour accéder à votre historique de modification. Et c'est le deuxième historique de montage à droite. Et nous sommes annulés refaire et restaurer. Vous pouvez annuler la réinitialisation ou restaurer un état Histories enregistrées. Si vous changez d'avis sur les changements récents, il vous suffit de cliquer en arrière dans le temps et de recommencer à construire. Vous pouvez également annuler et rétablir les modifications récentes. Cliquez sur les boutons Annuler et Rétablir, puis acceptez vos modifications en cliquant sur la coche verte. Donc nous allons appuyer sur Redo. Je vais nous ramener quelques pas. On défait étaient, et on y va. Il est donc vraiment encourageant de savoir que nous pouvons effectuer des modifications non destructives, qui signifie que tout ce que nous faisons, nous pouvons normalement annuler, donc nous n'avons pas besoin d'avoir peur de cliquer autour et de cliquer sur des boutons et de jouer pendant que nous concevons. Enregistrez votre page. Lorsque vous avez terminé, vous pouvez enregistrer vos modifications en cliquant sur le bouton Publier dans la barre des paramètres de la page. Vous pouvez également appuyer sur Control S à tout moment pour enregistrer vos modifications. Cliquez sur le bouton Enregistrer en surbrillance pour enregistrer vos modifications. Ne vous inquiétez pas, la page sur laquelle vous travailliez avant de commencer cette visite ne sera pas perdue. Ou en cliquant sur Publier. Tu es prêt à partir. La navigation de belles pages est un pont à l'aide de Visual Builder. Et c'est que nous avons fait la tournée qui nous a mouillés les pieds. Et nous allons cliquer sur le bouton bleu Démarrer la construction. Ça nous ramène à une ardoise vierge. Choisissons une mise en page préfaite ici. Et nous choisirons un de ces trucs juste pour que nous puissions commencer et avoir quelque chose à jouer avec. Encore une fois, je commence habituellement avec une ardoise vierge. Mais comme nous gagnons de l'expérience, allons cliquer sur l'une de ces mises en page. Et le café ? Cliquez sur Utiliser cette mise en page. Je ne sais jamais quand vous aurez un client de café. Et si vous le faites, cela peut servir d'inspiration agréable pour un design. Je ne le copierais pas textuellement, mais c'est un bon point de départ. Coffee House ne sert que le meilleur depuis 2013. Donc, tout ce que vous voyez ici a été créé à l'aide de modules, sections et lignes Devi de base. Voyons le squelette de cette page Web. Si nous regardons ici dans le coin, vous pouvez voir à quoi cela ressemblerait sur ordinateur de bureau, tablette et mobile. On va aller sur mobile quelques leçons à partir de maintenant. Pour l'instant, nous revenons à la vue du bureau. Et nous allons cliquer sur le deuxième bouton à gauche, vue filaire. Je veux que vous voyez quelle est la structure de base de cette page Web. Maintenant, vous devriez savoir quand je suis arrivé à Devi, il y a plusieurs années, c'était tout. y avait pas de constructeur visuel. Tout a été construit en utilisant cette vue. Ce que vous voyez ici. J' aime enseigner cela parce que nous avons besoin de comprendre ce que la structure de base d'un devi pages Web. Nous avons donc les sections bleues et les lignes vertes, et à l'intérieur nous avons nos modules. Alors que nous faisons défiler vers le bas, cela nous donne une belle vue filaire pour comprendre ce qui se passe ici. Nous pouvons déplacer les choses, nous pouvons dupliquer, nous pouvons supprimer. C' est plus facile, beaucoup plus facile du côté visuel. Mais occasionnellement, vous voudrez sauter ici pour voir cette vue simplifiée de l'extrémité frontale. Cliquons sur ça. Et voyons quel genre de modules nous avons ici. Nous avons donc regardé les 40 modules différents plus tôt. Voyons ce que c'est. Il s'agit d'un module de texte. Peut également étendre cela sur la gauche et je suis capable l'accrocher à gauche ou à droite ou tout ce qui fonctionne pour vous. Il s'agit d'un module de texte. Nous avons donc le contenu du module de texte. Nous avons une édition wysiwyg ou ici où nous pouvons changer les titres, rendre gras, italique, puces, listes numérotées, liens, centre, gauche, droite, justifier, barré, changement sous-jacent à la couleur. Toutes sortes de choses que vous trouverez normalement dans un éditeur comme mot. Dans ce cas, nous avons une rubrique 2, qui serait la deuxième priorité la plus élevée de la page. Le premier étant le café. Comme nous faisons défiler vers le bas pour vous familiariser avec Devi, module guinéen peut être lié à quelque chose qui vous amènerait à une page différente ou à un site entièrement différent lorsque vous cliquez sur le titre. Dans ce cas, nous n'avons pas besoin de le lier à quoi que ce soit. Nous pouvons changer le contexte comme nous l'avons vu plus tôt. Maintenant, non seulement nous pouvons définir une couleur statique, nous pouvons également en faire un dégradé. Ajoute une fonctionnalité intéressante. On peut faire un gradient radial. Un dégradé linéaire peut faire une image d'arrière-plan ou une vidéo d'arrière-plan. Qu' est-ce qu'on a d'autre ? Nous avons l'étiquette de ceci pour la vue squelette ou filaire. Et puis dans la conception, nous avons une tonne d'options ici. Il s'agit de l'onglet Création du module de texte. Donc, nous pouvons changer la police et peut changer le poids de la police. Ceux-ci ne s'affichent pas parce que nous sommes dans le texte et non dans le titre. Nous pouvons changer la couleur, rendre la police plus grande ou plus petite. Allons-y et sortons d'ici et allons dans le texte d'en-tête. C' est donc une rubrique 2. Maintenant, nous regardons ici le meilleur café est la direction 2. Changons la police à quelque chose de différent. On y va. Il y a des tonnes de polices disponibles que vous pouvez apprécier. Et nous pouvons changer le poids, faire en majuscule une minuscule. Toutes sortes d'options ici. Changer la couleur. Il y a tellement de choses que vous pouvez faire avec le Divi Builder pour rendre vos conceptions pixel parfait exactement comme vous le souhaitez. Je recommande simplement de cliquer autour, jouer avec ces paramètres et de se mettre à l'aise avec le potentiel. Peut changer le dimensionnement, changer la largeur, la hauteur de ce module, l'espacement, ajouter quelques marges et rembourrage. Nous remarquons que le module ici, il est un peu proche du suivant. Alors ajoutons une marge inférieure, 40 pixels. On peut changer la frontière. A une frontière sur le bord ici. Rends-le arrondi. Ajouter une boîte d'ombre. Les filtres changent la couleur, modifient la saturation en opacité Genji. Transformez rendre les choses plus grandes ou plus petites lors d'une animation, faites-la disparaître lorsque le site Web se charge. Faites un zoom. Et ceux-ci seront universels sur tous les différents types de modules. Vous pouvez donc ajouter une transformation d'animation, une boîte, espace de bordure d' ombre, un dimensionnement, et à peu près n'importe quelle colonne, ligne ou section de module. n'y a pas grand-chose qu'on va faire avec l'avancé. Nous pouvons ajouter des CSS personnalisés si nous le voulons. Mais encore une fois, il y a tellement trop, pas grand-chose que nous allons faire là-bas. Cliquez donc sur le plus ici pour enregistrer les modifications. Une autre chose que nous remarquerons est que vous pouvez changer la marge et le rembourrage, l'espacement visuellement ici. Parfois, ce sera plus facile. Qu'est-ce qu'on a d'autre ? On dirait que c'est un blurb. On a le titre ici, les meilleurs haricots. L' icône est une image. Nous pouvons également utiliser ou choisir parmi un ensemble d'icônes intégrées sur le Divi Builder. Les rares dont nous pouvons profiter ici. Il y a une tasse de café, une de plus ici. On y va. Et nous pouvons changer la couleur de notre icône. On peut le mettre en cercle. On y va. Modifiez la taille. D' accord. Disons que nous voulons changer le titre pour le rendre un peu plus grand. Faisons-le avec la taille du texte du titre 28. Donc voici un gain de temps soigné. Donc, nous allons cliquer avec le bouton droit sur la taille du texte intitulé verra copier, réinitialiser, étendre, Rechercher et remplacer, puis préréglages. Étendions la taille du texte du titre à tous les blurbs de cette section et voyons ce qui se passe. Rendez-les tous plus grands, génial, génial, génial gain de temps. Donc on a un SMS, on a un blurb. On a un bouton ici. Est le bouton. Ça dit de nous et ça n'est lié à rien en ce moment. Mais nous pouvons facilement le lier à une page À propos de nous. Si nous créions ce site Web. Sous la conception, nous pouvons changer l'alignement, le mettre sur la droite, le milieu, changer la couleur du bouton. On dirait qu'on a une petite frontière ici. Enlevez cette frontière et agrandissez peut-être la taille. On y va. Une autre caractéristique soignée de Devi est les effets de vol stationnaire. Donc, nous pouvons ajouter un arrière-plan différent. Quand on passe la souris sur le bouton. Cliquez sur le pointeur de la souris, puis échangez-les. Et nous allons cliquer sur Enregistrer. Et cela va changer. Si nous chargeons le site Web sur l'extrémité frontale, il changerait sur le vol stationnaire. Que se passe-t-il ici ? Où est chargée cette image ? Nous avons donc une section et nous avons une ligne avec deux colonnes. Et puis nous avons un module de texte et un module de bouton sur la gauche. À droite, on n'a rien ici. Alors comment cette image est-elle arrivée là ? Allons le découvrir. Allez sous les paramètres de ligne, et sortons l'arrière-plan. Il n'est pas là-dedans. Que diriez-vous des paramètres de la deuxième colonne ? Image d'arrière-plan ? On y va. L' image du café est juste là, statique. Quand peut cliquer sur effet de parallaxe. Donc, il va déplacer le défilement de la page Web et peut le rendre fixe et l'arrière-plan. C' est un effet soigné à ajouter. Et cela a été réalisé en allant à la conception dimensionnement égalisé hauteurs de colonne. Donc, si vous ajoutez une nouvelle colonne et que vous voyez jamais cela, alors vous devez aller aux paramètres de ligne concevoir des hauteurs de colonne égalisées. conceptions avec des images sont beaucoup plus réussies que tout autre type de design que le texte uniquement. Donc, je recommande totalement de trouver autant de graphiques et images que vous pouvez pour avoir le plus visuel quelle page Web possible. Je vais aborder plusieurs leçons à partir de maintenant que nous examinons différents éléments d'image qui sont disponibles à utiliser. Où est l'image de fond ici ? Allons aux paramètres de section qui ont grandi. Et voilà, Nous avons une image de fond. Changeons cela en parallaxe aussi. J' aime vraiment cet effet. Et nous remarquerons qu'ils ont ajouté une couleur d'arrière-plan aussi. Ainsi, une image peut prendre environ une ou deux secondes pour se charger, en particulier sur un, sur un appareil plus ancien. Il est donc agréable d'avoir la couleur de fond aussi bien. Parce que les couleurs d'arrière-plan, la seule chose que vous verrez. Pendant que vous attendez l'image toluène. Donc, dans ce cas, nous voulons choisir une couleur qui est très similaire à quelque chose qui se trouve sur l'image. Et c'est ce qu'on a fait ici. Continuez à faire défiler. Et j'ai une section de contact ici avec une belle image de fond sombre. Une tendance soignée que vous trouverez est la lumière sombre, la lumière, l'obscurité. Mise en page, sombre clair, sombre clair. C' est une belle façon de briser visuellement le design. À ce stade, disons que vous avez ce que nous avons et que vous le regardiez sur Internet réel. Cliquez sur le bouton vert Publier, et nous verrons à quoi il ressemble en direct pour le public. Jusqu' à présent, nous étions les seuls que je pouvais voir ce que nous faisions. Mais maintenant que nous avons cliqué sur Publier, tout le monde le peut. Nous allons donc cliquer sur quitter Visual Builder en haut. Espérons que cela ressemblera beaucoup à ce que nous venons de voir. Et c'est, le Visual Builder est assez proche ce que vous verrez sur le front du site avec les fonctionnalités d'édition superposées au-dessus de celui-ci. Donc, dans ce cas, tout est prêt à partir. Nous survolons sur nous et l'arrière-plan change. On a l'effet de parallaxe sur cette image. J' ai nos boutons. Et on y va. Donc, je recommande d'être aussi familier que possible avec le Visual Builder. Vous pouvez le faire en jouant avec. Vous pouvez le faire en prenant le didacticiel DB. Vous pouvez le faire en accédant à la documentation des barres obliques Elegant Themes.com. Tellement de façons différentes d'apprendre Devi. Vous pouvez également apprendre devi sur votre site Web d'apprentissage préféré, sur YouTube. Il y a tellement de ressources pour apprendre Devi, je pense que la meilleure façon est d'y aller et commencer à construire, commencer à concevoir une page Web. Et chaque client supplémentaire que vous prenez, vous apprendrez de plus en plus. Un client peut ne pas utiliser la vidéo. Un autre client serait, un autre client a besoin d'un portefeuille et d'autres clients ont juste besoin de magasiner. Ainsi, chacun aura des besoins différents qui vous pousseront continuellement hors de votre zone de confort à mesure que vous apprenez de plus en plus sur le Divi Builder et le thème Divi. À ce stade, regardons quelques autres parties de Devi que nous devons apprendre. Donc il y a quelques choses ici. Tout d'abord, regardons Devi et Theme Options. Nous allons passer en revue les options de thème. Générateur de thème dans le personnalisateur de thème dans le reste de cette leçon. Donc, les options de thème, ce sont des options à l'échelle du site pour votre site Web DB. D' abord, nous voyons ce logo. Nous devons télécharger notre logo lorsque nous construisons une page Web. Et vous pouvez le faire en cliquant sur le bouton Télécharger, qui vous mènera à un uploader ou à la médiathèque. Certaines images ont déjà été chargées sur notre page lorsque nous avons installé cette mise en page à, cliquez simplement sur l'une de ces barres de navigation fixes. C' est là que votre menu est attaché en haut de la page. On aime ça. C' est une belle tendance. Donc on va garder ça allumé. Activer la galerie Devi. Et c'est la galerie Devi assez bien conçue qui remplace la galerie WordPress ennuyeuse par défaut. Allons donc allumer ça. Palette par défaut des sélecteurs de couleur. C' est là que nous pouvons installer notre palette de couleurs pour notre site Web particulier. Si nous avons le logo d'un client et qu'il utilise un bleu et un rouge, s'il s'agit d'un bleu et d'un rouge particulier qu'ils utilisent dans leur logo, c'est tout ce que nous voulons utiliser sur le site Web. Nous pouvons donc rendre notre travail plus facile en installant une audition dans la palette par défaut. Et puis à chaque fois que nous sommes dans le Visual Builder, sera en mesure de voir ces couleurs prêtes à aller. De cette façon, nous n'avons pas besoin de continuer à trouver, chercher et à trouver le code hexadécimal à six chiffres chaque fois que nous avons besoin de saisir cette couleur. Prenez le premier post à l'image. Ne vous inquiétez pas de ce mode de style vlog. Nous ne nous inquiétons pas de cette mise en page latérale, en page de la boutique, la clé Google API. S' inquiéter de tout ça. Celui-ci, nous pourrions profiter de l'émission, Facebook, Twitter, Google Plus Instagram icône RSS va désactiver le RSS et allumer seulement ceux qui sont nécessaires pour cette section. Donc, si nos clients utilisent Facebook et Instagram, ils ne sont pas intéressés par Twitter, et ils n'ont pas de liste Google, alors nous allons simplement activer Facebook et Instagram. Et ci-dessous, nous pouvons copier et coller leur URL sociale. Quelques autres options ici. Nombre de publications et de produits à afficher sur les pages archivées. Ne vous inquiétez pas pour ça jusqu'à ce qu'on en ait besoin. Format de la date. Utilisez des extraits, des shortcodes réactifs. Les options par défaut sont généralement suffisantes pour tout cela. Et puis voici CSS personnalisé, qui est l'endroit où vous ajouteriez tous les extraits de code que vous voulez afficher à l'échelle du site. Retour en haut. Normalement, la navigation ne change rien ici. Catégories, paramètres généraux. Pas besoin de changer un de ce constructeur. C' est le Divi Builder. Par défaut, il est activé sur les pages de publication et les projets garderont cela activé. Je n'ai pas vraiment besoin de changer quoi que ce soit ici. Mise en page. Nous pouvons rester avec la valeur par défaut. Publicités. N' utilisez pas normalement ce référencement. Nous pouvons changer le titre et la description, mais j'aime y parvenir en utilisant un plugin SEO tiers, généralement le tout dans un pack SEO, que nous allons gérer plusieurs leçons à partir de maintenant dans le plan de maintenance du site de ce cours. Donc, pour l'instant, nous allons sauter l'intégration SEO. C' est un moyen très agréable et pratique d'ajouter des extraits de code à votre site Web. Quel genre de code ? Eh bien, Google Analytics, tout type de logiciel de vérification et le pixel Facebook, quelque chose comme ça, tout morceau de code externe pour un site tiers, ils vous donneront un petit extrait de code que vous pouvez ajouter à votre page, soit en haut, qui se chargera en premier. Ne faites pas normalement cela, ou ajoutez au corps qui se chargera plus tard. C'est mieux. Donc, nous pouvons copier et coller n'importe quel extrait de code ici. Nous n'avons pas besoin d'ajouter un plugin supplémentaire juste pour ajouter un widget ou un code d'intégration. Nous pouvons le faire avec Divi, Theme Options intégration. Et enfin, les mises à jour. Ceci est notre nom d'utilisateur élégant Thèmes et clé API, ce qui nous permet de mettre à jour Devi directement à partir de l'administrateur WordPress. Il va demander votre nom d'utilisateur et votre clé API à partir de votre compte Elegant Themes.com. Laisse-moi te montrer. Nous avons examiné ce plus tôt, Elegant compte Themes.com, puis les détails du compte, nom d'utilisateur et clé API est l'endroit où vous trouverez cette information. Ce sont les options de thème. Il est agréable de visiter ceci quelques fois tout au long du projet. Plus particulièrement, pour changer votre logo, pour entrer la palette de couleurs par défaut, pour modifier les profils des réseaux sociaux et pour ajouter des CSS personnalisés. Et pour intégrer leur analyse suivi de votre pixel Facebook ou tout autre que vous pourriez avoir, intégrez-le sur votre site Web et nous devons ajouter notre nom d'utilisateur et notre clé d'API sur chaque projet. Assurez-vous de faire ça. Si ce n'est pas le cas, vous serez invité à, et cela servira de rappel. Voilà donc les options du thème. Maintenant, regardons le générateur de thème. Cela peut être un gain de temps merveilleux. C' est l'une de leurs caractéristiques assez nouvelles. Et cela vous permet de créer un en-tête global, un corps global ou un pied de page global pour l'ensemble de votre site Web, ou pour des parties spécifiques de votre site Web. Par exemple, si vous voulez construire à quoi ressemble votre page introuvable, vous savez, lorsque vous accédez à un site Web et qu'il n'a pas la page disponible ou que la page n'existe pas. Et ça dit, oups, cette page n'existe pas. Voici où vous pouvez changer ce à quoi cela ressemblerait. Cliquez sur Créer un modèle et ajoutez un corps personnalisé. Construire un corps personnalisé. Et maintenant, je vais vous emmener dans le constructeur de thème où vous pouvez taper ce que vous voulez là-dedans. En réalité, vous allez surtout entrer ici pour faire quelques choses. Lorsque vous commencez à intégrer le e-commerce, le team builder, nous sommes vraiment utiles. Mais en attendant, ajouter un pied de page global est une fonctionnalité agréable où vous pouvez changer le pied de page sur l'ensemble du site WordPress afin que vous n'êtes pas coincé avec le pied de page par défaut. Je recommande vraiment de construire un pied de page personnalisé pour chaque site Web. Et c'est juste un moyen plus pratique et plus personnalisable d'éditer le pied de page. Qu' est-ce qu'on a d'autre ? Nous avons le Theme Customizer. Le personnalisateur de thème est également en apparence sur la gauche. Et nous pouvons le trouver ici avec Devi Theme customizer. Ceci est une fonctionnalité WordPress intégrée, mais Devi explique grandement à ce sujet. Donc, ce que vous regardez est le div, le WordPress Theme Customizer avec des options Divi incluses à ce que nous avons ici ? Réglage général. Allons à notre page d'accueil. Voici notre page d'accueil et nos paramètres généraux. Donc, ces paramètres sont à l'échelle du site sur l'ensemble de votre site Web, l'identité du site, C'est votre titre et votre slogan. Et l'icône qui apparaîtrait dans le coin ici. C' est la petite icône là-bas. Et lorsque vous l'ajoutez à votre écran d'accueil sur votre téléphone, ou lorsque vous voyez cette petite icône dans le coin d'un onglet de navigateur. Paramètres de mise en page. Cela vous permet de créer une disposition de boîte, changer la largeur du contenu, changer la gouttière ou la section d'espacement, hauteur, hauteur de ligne, thème, accent, couleur, qui est la couleur de base utilisée sur la plupart des éléments de la page, comme les boutons, les liens, etc. Typographie. C' est là que vous modifiez la taille de la police par défaut, la rendre plus grande ou plus petite. Modifiez la hauteur de la ligne, modifiez la taille du texte d'en-tête, l'espacement des lettres, la hauteur de la ligne, le style de police, la police d'en-tête. C' est là que nous obtenons la liste de toutes ces options. Et la police du corps, la couleur du lien du corps, et la couleur du corps du texte, la couleur de l'en-tête. Beaucoup d'options ici. Beaucoup de façons de personnaliser tout ce gras sol. Il s'agit de la couleur d'arrière-plan sur l'ensemble du site Web. Donc, si nous avons une disposition de boîte, alors cela serait utile. Vous pouvez également avoir une image d'arrière-plan, comme nous pouvons le faire réparer sur toute la page. Corrigé. Et voilà. Extensible Onclick. Non, répétez. Au centre. Corrigé. Oui. Ça a l'air moins. Cela serait vraiment utile sur, dans un bureau plus grand. Mais sur cet ordinateur portable ici, vous n'en voyez pas grand-chose. Format d'en-tête et d'en-tête de navigation. C' est le haut de la page où nous voyons notre logo et quelques liens. style d'en-tête est centré censuré logo inline. Faites glisser l'écran et en plein écran. Donc une fois de plus l'air moderne, nous n'avons pas la barre de menu primaire. On peut faire cette pleine largeur. On peut cacher l'image du logo. Nous pouvons le rendre plus grand ou plus court, changer la hauteur du logo, changer la couleur du texte, changer la couleur de fond. Toutes sortes d'options ici. Pour changer cette diapositive dans opsins, navigation fixe. Donc, quand on fait défiler vers le bas, on peut changer la taille qui devrait paraître. Si nous voulons masquer l'image du logo pendant que vous faites défiler la couleur d'arrière-plan, les éléments d'en-tête, vous pouvez afficher les icônes sociales et l'icône de recherche. Nous pouvons ajouter un numéro de téléphone et un e-mail. Je ne verrai pas ça jusqu'à ce que nous rechargeons la page. Pied de page est l'endroit où vous changeriez le bas ici, le pied de page par défaut sur WordPress est assez limité, mais cela fonctionne. C' est là que vous utiliseriez les widgets dont nous avons parlé dans la leçon précédente. Boutons est l'endroit où vous changez le look universel pour tous les boutons. Ce thème particulier a déjà son arrière-plan de bouton, arrière-plan, sa couleur et son design déjà corrigés. Alors quoi, ce qui est sur le DV Visual Builder remplace ces options globales. C' est pour ça qu'on ne voit pas ça changer. C' est une belle façon de changer les boutons globalement lorsque vous commencez, ce soit votre blog de conception. Ne vous inquiétez pas trop pour ça. Styles mobiles. C' est très limité quelles options sont ici ? Mais il y en a quelques-uns. Nous pouvons cacher l'image du logo et pouvons changer la couleur du texte de nos boutons de menu. Et c'est un design très laid. Couleur d'arrière-plan du menu mobile ou de l'en-tête. Voilà, tu y vas. Quoi d'autre avons-nous des schémas de couleurs ? Normalement, je ne joue pas avec ça. Je veux dire, utiliser, nous allons passer par ça dans la prochaine leçon. Et les widgets, les paramètres de la page d'accueil. C' est ce qui apparaît comme la page d'accueil de votre site Web. Nous allons aller de l'avant et changer la page d'accueil pour la page d'accueil, qui est en fait la page sur laquelle nous sommes. Un CSS supplémentaire. Donc, c'est là que vous ajoutez de petits extraits de code CSS. Une fois que vous serez plus à l'aise avec la conception d'un site Web et avec l'apprentissage du CSS, vous allez copier et coller et créer votre propre code CSS un peu, mais c'est là que vous l'ajouteriez. Quel genre de CSS pouvons-nous ajouter ? Laissez-moi vous donner un exemple très vite. Je pourrais cliquer avec le bouton droit sur Inspecter. Je ramène l'inspecteur ici. Disons que nous voulons changer la taille de ceci. Il y a beaucoup de choses que nous pouvons réaliser avec Visual Builder, mais parfois vous rencontrerez quelque chose. Ce n'est pas un exemple de quelque chose, mais vous rencontrerez des choses que vous ne pouvez modifier en utilisant CSS que vous ne pouvez pas réaliser avec Visual Builder. Encore une fois, ce n'est pas un exemple de cela, mais j'ai changé la police en utilisant CSS ici. Vous pouvez y parvenir avec Visual Builder allant à la conception. Mais juste comme un, par exemple, ceci que je viens de faire avec du code CSS. Et maintenant, n 12. Créer des sites d'une page: Je suis Leighton, votre webmaster. Aujourd'hui, nous allons construire un site web d'une page. Maintenant, nous l'avons déjà fait dans la dernière leçon depuis que nous avons construit une page. Mais je ne parle pas de la façon de construire une page Web. Je parle de la façon de encadrer votre site web entier autour de cette page. Laissez-moi vous montrer un exemple. Ici, nous sommes sur la vie senior SMs.com. Il s'agit d'une société de gestion des médias sociaux spécialisée dans la vie des personnes âgées. J' ai conçu ce site Web d'une page et nous allons l'utiliser comme exemple. Donc nous n'avons pas d'ouverture attrayante ici. Une photo de fond attrayante qui nous dit quel genre d'industrie ce site est tout au sujet. J' ai quelques boutons ici, entrer en contact et les prix. En faisant défiler vers le bas, nous verrons le propriétaire de cette entreprise, Belle Magneto, et nous verrons sa biographie. Il y a un bouton d'accès à la cloche. Je vais continuer à défiler et nous voyons quelques informations de contact, un numéro de téléphone et une adresse e-mail, et l'emplacement x0 est situé à Atlanta, Géorgie et fait des affaires partout dans le pays. Nous avons un formulaire de contact ici où nous pouvons entrer notre nom, adresse e-mail, numéro de téléphone et message, cliquez sur Envoyer. Et cela ira directement au propriétaire de cette entreprise. Continuez à faire défiler. L' homme verra leurs messages sur les réseaux sociaux qui saisissent de Facebook, Twitter et Instagram. Y a-t-il d'autres messages récents ? Tu as l'air bien ? Et on y va. Nous avons atteint le bas de la page. Nous avons maintenant digéré qui ils sont. Nous avons appris qui est le propriétaire de l'entreprise, nous avons appris ce qu'ils offrent, et nous avons eu de nombreuses occasions de contacter. En fait, si nous cliquons sur l'un de ces boutons, comme entrer en contact, remarquez ce qui se passe lorsque nous cliquons sur ce bouton. Donc on est toujours sur la page d'accueil. Rappelez-vous, nous sommes toujours sur Senior Living SMs.com. Donc on clique sur ce bouton et qu'est-ce qu'il fait ? Ça nous amène à la section contact. C' est donc très précieux. Lorsque vous avez atteint le bas de la page, vous avez digéré tout le contenu que cette société a à offrir. Et vous n'avez rien perdu en ne cliquant pas sur d'autres pages. En fait, il n'y avait pas d'autres pages sur lesquelles cliquer. Tout le contenu était disponible sur cette page d'une manière concise au point. Et des sites comme celui-ci ou plus abordable. C' était très modeste dans son budget. Voyons quelques autres exemples de sites Web d'une page qui ont terminé. Ensuite, nous allons regarder www dot top notch dot glass. C' est un Glaser dans la région du Tennessee. Verre haut de gamme, belle ouverture ici avec une image de fond fabuleuse. Spécialistes en verre de douche sur mesure. Ici, nous avons un peu sur leur histoire, qui ils sont, combien d'expérience ils ont. Quelques questions. Combien de temps pouvez-vous livrer et installer ? Quels types de verre fournissez-vous ? Quelles villes servez-vous ? Et nous avons un compteur ici, délai d'exécution d'une semaine, 15 ans d'expérience. Maintenant, nous voyons quelques témoignages et nous remarquerons que l'arrière-plan a été rompu avec la lumière sombre, la lumière sombre. Mise en page de conception. Lire 15 commentaires plus. Cela nous mènera à leur liste Google. Ici, nous sommes en verre haut de gamme. Poursuivant la vitrine en verre. Ce sont des images de ce travail de vitrages. Belles portes de douche. On est toujours sur la page d'accueil. Tu te souviens ? Et continuez à défiler et en bas, entrez en contact. Il s'agit des coordonnées. Nous avons un appel, une visite et un e-mail, ainsi qu'une carte montrant où ses vitrines. Voici le formulaire de contact. Nous remplissons ça. Je vais aller directement chez le propriétaire de l'entreprise et nous l'avons là. Alors, à quoi servent ces boutons en haut ? Généralement, lorsque vous cliquez sur un bouton qui ressemble à ça, il vous amène à une page différente, mais remarquez l'URL ici en haut lorsque je clique sur ces boutons. Donc, nous sommes toujours sur www dot top notch dot glass. Et que se passe-t-il lorsque je clique sur À propos ? Nous sommes toujours sur la même page et nous faisons simplement défiler la section à propos de cette page. Cliquez sur Témoignages. Il fait défiler jusqu'à la section de témoignage de la page. Showcase nous emmène à la vitrine de verre et de contact. Que se passe-t-il ? Vous l'avez deviné, il descend jusqu'à la section contact. Encore une fois. Lorsque vous faites défiler vers le bas, vous avez digéré tout le contenu disponible sur ce site Web. Et ce site était très sympathique sur le budget des propriétaires d'entreprise. Qu' est-ce qu'on a d'autre ? Allons à JT am stucco.com. Nous verrons une mise en page similaire ici. C' est une entreprise de tuiles et de stuc. Belle ouverture, belle typographie moderne. Ils font des remodelages, de nouvelles constructions et des réparations, ont obtenu quelques grandes images que le client a fournies. May a également fait de grandes images de fond. Ils font du stuc résidentiel. Voici quelques informations à leur sujet. Belle photographie. Vous pouvez cliquer sur ces éléments pour les agrandir. Une autre image d'arrière-plan est celle de Dunkin Donuts. Quelques informations sur leurs services commerciaux en stuc. Travaux de stuc commercial pour les banques, pour Dunkin Donuts, pour les restaurants. Faites défiler vers le bas et il y a les champs de contact et leur logo, que nous avons conçu pour eux. Donc, nous cliquons sur ces boutons en haut sur les écoles comme sur la section À propos de nous, défilements résidentiels vers la section résidentielle et défilements commerciaux vers la section commerciale. Contact va aux informations de contact. Alors, brièvement, comment en arriver à ce point ? Eh bien, ce lien nous amène à nous copier l'adresse du lien. Il nous emmène au hashtag ou livres, signe livre, résidentiel. Qu' est-ce que résidentiel ? C' est l'ID de cette section, mais peut ajouter cet indivi sous avancé et ID. Nous y voilà. Le nom des sections est ID, que nous ajoutons en allant dans le Devi Visual Builder. Permettez-moi de vous le montrer brièvement. Je vais me connecter au backend ici. Et nous verrons comment cela se fait. Et nous nous connectons au backend de ce site Web. Nous allons d'abord aller aux menus d'apparence pour voir comment ces liens sont configurés. Dans la leçon suivante, nous allons voir comment faire des pages, mais pour l'instant je veux juste vous montrer à quoi ressemble ce lien. Hashtag résidentiel. Alors comment pouvons-nous savoir où ça va ? Voyons voir. Nous allons ouvrir Visual Builder sur cette page. C' est ce qu'on appelle un lien d'ancrage en passant. Donc, nous désignons un lien d'ancrage qui nous amène à cette section particulière. Vous pouvez le lier à vraiment n'importe quoi sur la page. Dans notre cas, nous voulons le lier ici. Donc, je vais cliquer sur les paramètres de section, avancés, ID CSS et classes. Et voilà, SSS ID. L' ID de cette section est résidentiel. Donc, tout lien sur la page entière qui va à hashtag résidentiel et nous mènera à cette section de la page. Sortez de Visual Builder ici. Nous rejetterons ces changements. Et voici un bref aperçu des sites Web d'une page. Encore une fois, ils sont sympathiques sur le budget et ils contiennent toutes les informations que l'entreprise a besoin de publier en une seule page. Donc, au moment où vous faites défiler vers le bas, vous avez digéré tout ce que l'entreprise veut éteindre. Rien n'est perdu parce qu'ils n'ont pas à cliquer sur d'autres pages. Dans un instant, nous allons passer en revue les avantages et les inconvénients et voir quels sont les avantages et les inconvénients des sites Web d'une page. Discutons des avantages et des inconvénients de ce type de site Web. Pro. Ces sites sont tout à fait pour vous de construire. Tu peux sortir dans un jour ou deux. Et les clients réduisent un délai d'exécution rapide. Plus tôt le site Web est prêt, plus tôt il peut commencer à générer des leads pour eux. Pro, en conséquence, ces sites sont moins chers pour le client sous un 1000 au lieu de plusieurs milliers de dollars. Et certaines petites entreprises ont un budget très serré. Donc, un site Web d'une page le mieux adapté là, correspond à leurs besoins. Sonde avec un énorme site Web multi-pages. Les visiteurs peuvent manquer un contenu précieux. Avec une page, tout est là sans avoir besoin de chercher. Une des plaintes courantes avec les grands sites Web est que je n'arrive pas à trouver ce que je cherche. C' est rarement un problème avec un seul téléavertisseur. Maintenant, escroc, avoir une seule page limite le contenu que les moteurs de recherche peuvent ramasser. Avoir un contenu de haute qualité est si important pour bien classer avec les moteurs de recherche. Donc, si vous n'avez pas beaucoup sur votre site Web, vous êtes désavantagé là-bas. Maintenant. Pour être juste, j'ai vu des sites Web d'une page très bien classés. C' est donc possible car il y a plusieurs facteurs qui entrent dans le classement de votre moteur de recherche. Et nous allons passer par ça en quelques leçons. Partis, et plus de contenu que vous ajoutez plus la page est longue. Et cela pourrait facilement devenir écrasant avec le temps. Personne ne veut faire défiler, faire défiler, faire défiler, faire défiler. Si la page est surchargée avec du contenu qui n'est pas très bien aménagé, il se peut qu'ils quittent le site entièrement. Alors, qu'est-ce que nous avons à emporter ici ? J' aime les sites Web d'une page. Il existe une option économique conviviale pour les petites entreprises qui ne cherchent pas à investir trop dans leur marketing numérique. Alors, quel est notre modèle complet ? Je veux que vous commenciez à regarder de près la structure des sites Web où ils ont été disposés. Qu' est-ce que les boutons de menu ? Est-ce qu'ils vous ont amené à une page distincte ou à une section spécifique de la page actuelle ? Vous ne trouverez pas un téléavertisseur aussi souvent, mais ils sont là. Je suis latent et maintenant vous savez comment construire un site d'une page. 13. Créer des sites multi-Page: Bienvenue, et je suis Leighton, votre webmaster. Aujourd'hui, nous allons construire un site Web multi-pages. Il y a deux leçons, nous avons appris à concevoir visuellement une page Web. Dans la leçon précédente, nous avons appris comment construire un site Web d'une page. Maintenant, nous discutons de votre site Web typique, qui a plusieurs pages séparées. Quels types de pages voyez-vous souvent sur les sites Web ? Avez-vous remarqué une tendance là-bas ? L' un des plus nombreux sites Web que vous créez, plus vous remarquerez des tendances parmi le type de pages. De nombreux sites Web de petites entreprises ont une page d'accueil sur les produits américains, services, la galerie, les commentaires, les contacts. Est-ce que l'un d'eux sonne une cloche ? Ces pages sont courantes parce qu'elles ne sont pas liées à une industrie spécifique. Vous constaterez que la plupart des entreprises de tous les types peuvent transmettre leur message via ces pages. Telle que nécessaire, pourrait profiter d'une page d'emplacements, le portefeuille, le menu, le magasin, etc. Vraiment, vous pouvez concevoir un site Web avec des pages où vous voulez. Mais regarder d'autres sites peut servir d'inspiration lorsque vous et votre client êtes en train de réfléchir à la mise en page du site Web. En fait, c'est un point clé. Certains clients viendront vous voir avec exactement les pages qu'ils demandent, mais d'autres, ils n'ont pas été aussi loin. Ils auront besoin de votre aide pour raconter leur histoire. Maintenant, d'un point de vue technique, comment les pages fonctionnent-elles avec WordPress ? Wordpress a des pages et des menus. Nous avons déjà examiné cela brièvement. Maintenant, chaque page est construite individuellement avec le Divi Builder et chaque site WordPress a au moins un menu. Regardons ça ensemble. Donc, nous sommes sur le backend du site Web sur lequel nous avons travaillé. Avant d'ajouter des pages à notre site Web, je veux d'abord vous montrer d'autres sites Web pour les petites entreprises afin que nous puissions avoir une idée du type de pages sur ces sites. Donc ce sont quelques-uns que j'ai conçus. D' abord, regardons un restaurant. C' est la cuisine Mamma Mia, un restaurant méditerranéen. Nous sommes sur leur page d'accueil, Mamma Mia cuisine.com. Et voyons ce que nous observons. En haut, nous avons le logo. On a quelques boutons ici. On a six pages différentes. En plus de la page d'accueil. Nous avons leurs coordonnées, leur numéro de téléphone et leur adresse en haut, puis quelques liens vers leurs réseaux sociaux, y compris leur TripAdvisor. Comme nous faisons défiler vers le bas, nous avons ici un beau curseur en utilisant un plugin de curseur tiers et la photographie de haute qualité d'un photographe alimentaire local. On continue de défiler. Nous avons un message de bienvenue, quelques paragraphes et quelques boutons. Et en bas, nous avons plus de liens sociaux. Et un autre menu en bas ici, comme en plus d'un bouton Facebook comme. Donc, revenons aux pages en haut, nous sommes sur la page d'accueil. Qu' est-ce qu'ils ont d'autre ? Cette entreprise a une page À propos de nous, un menu en ligne, un menu traiteur, une galerie de photos, des commentaires et un contact. Toutes les pages très standard pour un site web de restaurant. Regardons la page À propos de Mamma Mia. Il y a une citation, quelques photos et quelques paragraphes écrits sur le restaurant. Le menu est votre menu en ligne standard, divisé en hors-d'œuvre, salades , pâtes, plats méditerranéens, etc. La restauration est très similaire au menu avec leurs forfaits de restauration et les prix. La galerie, dans ce cas, ce sont des photos de leur nourriture. Évidemment, différents sites Web auront une version différente d'une galerie. Ils montrent généralement un produit, un service. Dans le cas d'un restaurant, ils exposent leur nourriture. photographie alléchante peut vraiment inciter quelqu'un à choisir ceci comme son prochain déjeuner ou dîner Stop. Les commentaires sont une page courante. C' est là que vous verrez certaines opinions des critiques sur Yelp, Facebook, Google, TripAdvisor, ou partout où une entreprise tire leurs commentaires. C' est un autre must. Nous aimons avoir des commentaires sur un site Web. Témoignages d'amour. Ce sont des critiques écrites. Vous pouvez également ajouter une image ou vous pouvez même ajouter un témoignage vidéo qui serait roi. Ils sont plus difficiles à obtenir. Nous aimons avoir une image et au minimum, au moins avoir le texte que nous avons ici. Et nous nous sommes diversifiés en incluant la source Yelp, Facebook, TripAdvisor, quelles que soient les sources. Et nous visualisons la page en ajoutant un peu plus. Des photos alléchantes, et enfin, un autre élément de base sur les sites Web. On a la page de contact. Voici une mise à jour de la pandémie COVID-19 avec leur mise à jour la nôtre. Ensuite, ils ont les informations du restaurant, ils ont la carte pour que vous puissiez voir où ils se trouvent et un formulaire pour que vous puissiez les contacter directement. Comme vous et moi le savons tous les deux, la page de contact est un élément de base sur la plupart des sites Web. Qu' est-ce qu'on a d'autre comme agrafes ? La plupart des sites auront la page À propos de nous, page de contact. Beaucoup d'entre eux auront une forme quelconque de galerie et de critiques. Et dans ce cas, c'est un site Web de restaurant, donc ils ont un menu. Chaque site, bien sûr, comme la page d'accueil. Regardons quelques autres. C' est le village de la vallée de l'Apple. Il y a un restaurant pour terminer un magasin général. Commencez par un diaporama de certains de leurs aliments les plus appétissants. Vous avez ici une marque différente, un message d'ouverture, un bouton de contact, les derniers messages, des liens vers leurs différents magasins. Ils ont des liens sur les réseaux sociaux ici. Mais regardons les pages. Celle-ci est une marque légèrement plus grande, surtout leurs entreprises sœurs. Ils ont les pages d'accueil qui étaient sur. Ils ont une page à propos de nous. Ils ont une page de contact, un blog, des directions, des photos, c'est à travers la page de la galerie. Ils ont des spécialités spéciales et des spécialités spéciales pour ce type particulier d'affaires. Ils ont le restaurant et la page café, car ils sont un restaurant et un café. Et comme ils ont un magasin général où vous pouvez entrer et acheter des trucs, ils ont un bouton de magasin. Et les événements nous disent ce qui est nouveau, ce qui se passe. Même avec le blog. Specials est un bon moyen pour une entreprise de montrer quel genre de coupons, quel genre de rabais et d'offres qu'ils ont en cours. Il est important de tenir cette page à jour. Vous ne voulez pas aller là-bas et voir un coupon d'il y a quelques années qui a déjà expiré. Donc c'est un autre qu'ils doivent suivre. Voyons voir à quoi ressemble leur page de photos. C' est leur galerie. Et une fois que ça se charge, on voit leur galerie de nourriture. Ils ont des images de leur nourriture, des images du magasin, des images de leur emplacement et certains de leurs produits. Leurs photos sont de haute qualité. Ils ont été pris par un photographe et la qualité est certainement là-haut. Qu' est-ce qu'ils ont d'autre ? Nous allons donc à la page de contact. Voyons si nous allons trouver des éléments similaires au site précédent que nous avons examiné. Voici la page de contact. Nous voyons les nôtres. On voit des numéros de téléphone. Dans leur cas, ils en ont plus d'un. Mais peut-on voir le numéro de téléphone et l'adresse ? Où se trouvent-ils ? Si nous cliquons dessus, cela nous mènera à la liste Google pour cette entreprise particulière. Belle façon d'obtenir des directions et de voir plus loin où ils se trouvent. Nous y voilà. Vous pouvez voir leurs coordonnées. Vous pouvez zoomer, zoomer, zoomer partout où vous voulez, et obtenir des directions pour cette entreprise particulière. Retour à la page de contact. Ils ont un envoyer une note qui est un formulaire de contact devi qui ira directement au gestionnaire de cette entreprise. Donc nous avons notre col, visiter et envoyer le message. Nous avons également une version intégrée de cette Google Map, qui est ajouté indivi avec le module de code. Laisse-moi te montrer ça très vite. Dans Google Maps, nous cliquez sur Partager, ce bouton Partager ici. Et cela va tirer vers le haut, intégrer une carte. Nous pouvons copier et coller ce lien, même changer la taille ici. Et cela nous donnera un iframe, qui est une version intégrée de n'importe quel morceau de contenu. Dans ce cas, c'est la carte. C' est ce qu'on a utilisé ici. Joliment aménagé. La page À propos de nous, un élément de base avec des sites Web à propos de nous. Nous avons quelques paragraphes écrits, quelques liens supplémentaires vers différentes parties de cette marque, vers la montagne, stocké le général stocké le café, et d'autres choses qu'ils font, comme les mariages à l'un des leur emplacement soeur. Ils font donc des liens croisés entre leurs sites Web. Alors encore, qu'est-ce qu'on voit ? On voit la page d'accueil. Nous voyons à propos de nous. Nous voyons la page de contact et la galerie et le blog et les spéciaux et uniques à cette industrie particulière car ils sont liés à l'alimentation, ils ont une page de repas et ils ont une page de café. Et comme ils vendent des choses, ils ont leur page de magasin. Il y a des événements qu'ils suivent ce qui se passe, quels nouveaux événements se produisent dans et autour de leur entreprise. Et cela peut essentiellement être considéré comme le blog. De nouvelles choses sont ajoutées au fur et à mesure qu'elles se passent et si nécessaire. Ce sont donc deux entreprises qui fournissent de la nourriture dans un restaurant ou un café. Regardons une industrie totalement différente. Allons dans la construction et voyons ce que ce site a depuis j. M j Construction services.com. Ce sont des constructeurs d'habitations et des remodeleurs. Donc nous sommes actuellement sur la page d'accueil. On voit ce qu'on fait. Quelques services différents ici, rénovations de maisons et commerciales, belle photographie qu'ils ont fourni. Petit blurb sur leur mission, leurs coordonnées, leur numéro de téléphone, leur adresse e-mail et leur adresse. Il y a situé en Floride un formulaire qui va aller directement à eux et c'est la page d'accueil. Alors qu'est-ce qu'ils ont d'autre ? Ils ont une galerie, que nous voyons est commun sur les sites Web des petites entreprises. Nous avons leur galerie de photos, qui dans leur cas, de quoi pensez-vous qu'ils auraient des photos ? Ils ont des photos de maisons qu'ils ont construites. Les photos sont de très haute qualité, prises professionnellement par un photographe local dans leur région. Très bien fait. Rend notre travail beaucoup plus facile lorsque le client fournit la photographie haute définition. Pour quoi d'autre j'ai la page de contact. Vous pouvez imaginer ce qu'il y a là-dedans. Comme ce qu'ils avaient sur la page d'accueil. Tu ne peux pas en faire trop. Mais vos coordonnées aussi souvent que possible, numéro de téléphone, e-mail. On ne veut jamais que quelqu'un ait à chasser pour trouver cette information. Et unique à cette entreprise. Ils ont ce qui peut être considéré comme leurs pages de services. Leurs services sont commerciaux, maisons sur mesure et rénovations résidentielles. Ceux-ci peuvent être considérés comme des pages de service, pages de destination dédiées uniquement à ce service. Donc, si quelqu'un est dans la région et qu'il recherche des constructions commerciales personnalisées et des rénovations dans cette zone, cette page apparaîtra à la place de la page d'accueil. Et si quelqu'un cherche cela, s'il cherche s'il y a propriétaire commercial et qu'il cherche une construction, alors cette page serait celle qui répondrait le mieux à leurs besoins et ce qu'ils sont à la recherche. D' accord. Quoi d'autre que nous avons en haut, nous avons le numéro de téléphone, l'e-mail et les liens des médias sociaux, et cela reste fixe en haut de chaque page. Au fait, cela a été construit avec Divi et probablement deviné cela. Et aussi Apple Valley a également été construit avec le thème Divi et un autre site Web Devi. Ceci est profit et Sons Incorporated.com. Ils font de l'acier structurel préfabriqué. Des trucs très cool. Ils ont construit des campus, ils ont construit des universités, projets vraiment importants, et vous avez des photos magnifiques de leur travail et faites un travail incroyable. Et nous avons eu le privilège de travailler sur leur site web. Alors qu'est-ce qu'on regarde ? Nous voyons la page d'accueil et nous voyons de belles photographies haute définition. Nous voulons vraiment que leur travail se démarque. Et à la fin, nous voyons contact par téléphone, par e-mail ou en les visitant et un formulaire de contact. Alors, quel genre de pages avons-nous ici ? Nous sommes sur la page d'accueil et il y a aussi une page À propos de nous. Il y a une page de contact. Il y a un témoignage et des projets récents seraient leur version d'un portfolio ou d'une galerie. Donc, nous l'avons vu sur tous les sites que nous avons consultés jusqu'à présent. Et vous les verrez sur la plupart des sites Web de petites entreprises uniques à celui-ci. Ils ont une page d'accueil pour les entrepreneurs, une page d'accueil pour les architectes et les ingénieurs. Et puis ils ont une page sur les carrières, qui est similaire à ce qu'Apple Valley a ici avec la page de l'équipe. Rejoignez notre équipe, qui vous amène à une demande d'emploi. Regardons leur page À propos de nous et voyons comment ils l'exposent. Il parle de profit et de fils. Et j'ai eu une vidéo, une belle introduction vidéo, quelques paragraphes ont été écrits, un diaporama de leur travail. C' est leur bâtiment et une partie de leur personnel. Et il y a un travail en cours. Et nous avons répété les coordonnées. Vous remarquerez quelques tendances. Tout d'abord, l'en-tête reste fixe sur chaque page. On a des coordonnées en haut. Nous avons leurs liens sociaux, et nous avons le menu. Bien sûr, nous avons des informations de contact répétées au bas du site. Encore une fois, vous ne pouvez pas le souligner. Je ne peux pas insister assez là-dessus. Vous ne pouvez jamais avoir trop d'informations de contact sur notre site Web comme jamais un problème. Donc, répétez-le autant que possible. On ne sait jamais à quel moment les gens voudront tendre la main. Et peut-être qu'ils le feront en cliquant sur l'en-tête. Peut-être qu'ils vont faire défiler vers le bas et remplir ce formulaire. Ou peut-être qu'ils veulent cliquer sur la page Contact. Quelles que soient leurs préférences, nous voulons leur donner beaucoup d'options. Une autre chose à souligner est la continuité ici. Lorsque vous cliquez sur ces sites Web, pouvez-vous dire sur quel site vous êtes ? Par exemple, en ce moment, nous sommes sur la page d'accueil du profit et des fils. On voit leur nom. Nous voyons la bordure blanche autour des bords ici nous voyons l'en-tête en haut. Et quand on clique sur les témoignages, que se passe-t-il ? Nous allons à une nouvelle page, mais nous voyons le même logo. Nous avons le même logo, mais une version plus petite. Nous avons le titre de la page sur laquelle nous sommes, des témoignages, une belle image de fond ici. Et alors que nous faisons défiler vers le bas, nous avons le contenu de cette page particulière sur laquelle nous sommes. Qu' en est-il que nous faisons défiler vers le bas, belle image ? Et puis nous avons les liens du bas ici qui sont les mêmes de chaque côté. Nous avons le même pied de page sur tout le site. Donc, lorsque vous cliquez sur différentes pages, il est clair que vous êtes sur le même site Web. La cohérence est cruciale. Nous ne voulons pas que les gens cliquent et deviennent confus. Je me demande quel site ils sont sur. Et nous ne voulons pas créer de confusion. Donc, lorsque nous sommes cohérents sur un site Web, lorsque nous sommes cohérents sur leurs réseaux sociaux, lorsque nous avions le même logo sur leurs profils sociaux, créons une marque et que nous mettons les gens à l'aise avec cette marque. Nous voulons le même logo, nous voulons les mêmes couleurs sur différents sites, profils sociaux sur leur site officiel. Et nous voulons que les gens soient suffisamment à l'aise pour naviguer et obtenir l'information qu'ils recherchent lorsqu'ils viennent sur ce site Web. est pourquoi nous avons examiné les différents types de pages que nous voyons sur tous les sites. Maintenant, comment pouvons-nous créer une page dans WordPress ? Revenons au site sur lequel nous avons travaillé. Et voici notre administrateur WordPress. Faisons quelques choses ici. D' abord, on va aller dans les pages, puis plus tard, on ira dans les menus. Nous avons donc notre page par défaut sur laquelle nous avons travaillé dans les dernières leçons ou page d'accueil. Et nous avons celui que WordPress a généré la politique de confidentialité. Ajoutons donc une, ajoutons une page À propos de nous, une page de services et une page de contact. Nous commencerons par cliquer sur Ajouter un nouveau, et nous ajouterons le titre, et nous changerons l'URL de cette page. Il apparaît, ajoute le titre, et nous tapons sur nous. Maintenant. Nous n'avons pas encore sauté dans Visual Builder et nous ne le ferons pas pour l'instant. Nous allons simplement cliquer sur Enregistrer le brouillon dans le coin. Et puis l'URL limace ici. Regardons le permalien. Il s'agit donc d'une URL conviviale après le .com ou quel que soit votre nom de domaine. Que se passe-t-il après cela pour indiquer la page sur laquelle vous êtes ? Eh bien, ça s'appelle un permalien. Donc, dans ce cas, cela a été généré à partir du titre, mais ce que nous voulons qu'il soit aussi simple et concis que possible. Dans ce cas, nous allons simplement enlever le tableau de bord, rendre agréable et propre. Qu' avons-nous d'autre ? Donc, nous faisons défiler vers le bas, nous remarquerons que nous pouvons faire une page parent. C' est essentiellement lorsque vous imbriquez une page sous une autre. Par exemple, si vous êtes une entreprise de remodelage, vous pouvez avoir une page d'accueil des services englobant tous les services, mais en dessous de cela, vous pouvez avoir des builds, des remodèles résidentiels et commerciaux. Chacun de ceux sous la page parent, dans notre cas, à propos de nous serait une page de premier niveau. Donc, nous allons sélectionner aucun parent. Et si vous aviez plusieurs pages et que vous vouliez les réorganiser, vous pouvez le faire en utilisant ce bouton. Maintenant, d'accord, à ce stade, nous allons cliquer sur le publier comme si nous étions prêts à publier. Oui, nous le sommes. Je vais décocher tout ce que nous montrons les chèques pré-publics et publier. Allons dans la page et voyons à quoi ça ressemble. On ne devrait pas se retrouver sur un écran blanc. Et nous le faisons. Nous sortons de là et ajoutons quelques pages de plus. Nous avons dit que nous voulions faire un service et une page de contact. Services et contact. Qu' est-ce qu'on a fait ? Nous retournons à Toutes les pages. Regardons quelques choses ici. Tout d'abord, d'abord dans le coin. Options d'écran. C' est une belle façon de déstabiliser ce que nous regardons ici. Et nous pouvons ajouter et supprimer des colonnes si nécessaire. Par défaut, tous ces éléments seront vérifiés. J' aime décocher certains d'entre eux dont je n'ai pas nécessairement besoin, comme l'auteur et les commentaires et ma décoche. Et vous pouvez modifier le nombre d'éléments par page. La valeur par défaut est 20. Je l'ai généralement jusqu'à environ 50, donc nous pouvons voir plus sur chaque page. Et il y a quelques options lorsque nous survolons notre page, nous pouvons l'éditer sur le backend. On peut le déchirer, on peut le voir. Nous pouvons l'éditer dans Visual Builder. Mais regardons le, ce qu'on appelle edit. Ici, nous pouvons changer le titre, nous pouvons changer l'URL slug que permalink nous avons parlé et changer la date de la page de l'affiche, ajouter un mot de passe si nous voulons, changer le parent, changer l'ordre. Le modèle par défaut que nous utilisons, qui est par défaut. Nous gardons généralement Autoriser les commentaires désactivés et l'état que nous pouvons modifier le brouillon en attente de révision ou publié dans notre cas. Nous voulons être publiés. Alors modifions l'ordre. Il gardera ça à un. Et pourquoi ne pas mettre la page À propos de nous en deuxième. Je vais mettre cette page de services en troisième, puis la page de contact. Alors, comment ça a l'air ? Rafraîchissons la page et nous verrons quel ordre ils sont dans Accueil About Us Services, contact, politique de confidentialité. Donc maintenant ces pages sont créées, mais nous ne les verrons pas nécessairement tant que nous ne les ajouterons pas à notre menu. Allons dans les menus d'apparence et nous voyons la page d'accueil. Donc si on sort notre site web sur le front, qu'est-ce qu'on remarque ? Nous regardons le menu en haut et tout ce que nous voyons est la maison. Pourquoi ne pas voir quoi que ce soit en dehors de la maison, mais qu'en est-il des pages que nous venons de créer ? Eh bien, nous ne les avons pas encore ajoutés à notre menu. Vous ne voulez pas nécessairement toutes les pages de votre menu sur chaque site web. Donc, dans notre cas, nous devons aller dans le menu et les ajouter. Donc, c'est WordPress admin, menus d'apparence. Qu' avons-nous vu ici ? Nous avons des emplacements de minue. Est-ce que le thème Devi. C' est le menu principal. Ici. Nous avons le menu secondaire, qui serait cet endroit juste au-dessus d'une maison. Nous n'y avons rien ajouté. Et le menu du pied de page. Qu' est-ce que c'est ? Nous faisons défiler vers le bas. C' est ça juste ici. Tenez juste. Donc normalement, je vais dupliquer les boutons réguliers comme le pied de page. Donc, je vais faire le menu principal et le menu de pied de page la même chose. Dans notre cas, nous avons appelé ce menu principal, allez dans les menus d'édition et voyez à quoi cela ressemble. Donc, nous pouvons ajouter des pages et nous pouvons ajouter celles que nous venons de créer. Nous pouvons voir tout ce que nous pouvons rechercher, ce qui est pratique si vous avez un tas. Ajoutons sur nous. Nous ajouterons des services et des contacts à notre menu. Il y a une page d'ajout automatique pratique ici où vous pouvez ajouter automatiquement de nouvelles pages de niveau supérieur à ce menu. Si vous décochez cela, vous pouvez avoir plus de contrôle manuel sur les pages ajoutées. Donc je vais garder ça sans contrôle. Nous pouvons également ajouter des messages, qui sont généralement des billets de blog. Nous pouvons ajouter des liens personnalisés comme il suffit de dire facebook.com slash mon site Web. Nous pouvons ajouter notre texte de lien, et voilà. Alors voyons à quoi ça ressemble. Je vais cliquer sur le menu Enregistrer, et recharger cela sur l'extrémité frontale. Une fois que cela se charge, nous devrions voir nos nouvelles pages et nous le faisons. Ceci est la page d'accueil, les services à propos de nous en contact et Facebook sont personnalisés lien avait été ajouté à ce site Web. Quelques choses que nous voulons examiner ici. Tout d'abord, tout d'abord, si nous cliquons sur FB, cela nous amène au lien que nous avons désigné. Il est en train de charger Facebook en ce moment. Mais que faire si nous voulons l'ouvrir dans un nouvel onglet ? Grande question. Cliquez sur les options de l'écran dans le coin. Et nous voyons un tas d'options ici. Faisons lien cible. C' est une propriété de menu avancée. Mais nous sommes avancés. Nous pouvons gérer cela, serait cliquer sur FB Custom Link menu déroulant. Et voilà, boom, ouvrir le lien dans un nouvel onglet qui nous permet de l'ouvrir dans un nouvel onglet, ce qui est agréable parce que vous avez toujours un onglet qui est ouvert sur le site. Donc juste un peu de nuance là que nous voulons faire attention. Et disons que nous voulons imbriquer certains d'entre eux sous un autre. Comment on fait ça ? Enfilons tout ça sous Home. Là, nous allons Accueil À propos de nous Services et de contact. Mettons sous la maison. Et ce n'est pas une approche typique, mais nous ne faisons que démontrer la fonctionnalité. Nous rafraîchissons ici et nous devrions voir la maison FB et l'icône de recherche. Et boum, on rentre à la maison. Et en dessous, il y a ces boutons. Ils vont beau travail est très agréable jusqu'à présent. Bon, nous allons revenir aux menus et ajouter quelque chose au menu secondaire, Gérer les emplacements. Créons un nouveau menu pour ce bouton supérieur. Sous le menu secondaire, nous n'avons rien pour l'instant, nous allons donc cliquer sur Utiliser le nouveau menu. Et nous appellerons ce bouton haut Créer menu. Et faisons ça. Donc, nous avons créé notre bouton haut de menu, et nous allons ajouter le contact et nous allons faire de cela un lien get in touch. Entrez en contact, Menu Enregistrer. Nous vérifions, assurez-vous de l'emplacement est correct. Menu secondaire, cliquez sur le menu Enregistrer, et nous allons rafraîchir et voir à quoi il ressemble ici, nous devrions voir un bouton bosse dans le coin faire oui, nous le faisons. Entrez en contact. Les gars du bon boulot. Maintenant, juste quelques choses de plus. Revenons au Theme Customizer, que nous avons appris il y a quelques leçons. Personnaliseur de thème. Regardons quelques-unes de ces options d'en-tête et de menu. abord, je voulais voir comment contrôler si cette barre de recherche apparaît ou non. Où trouve-t-on ça ? Voyons voir, nous sommes en train de monter et de charger le personnalisateur de thème. Et nous allons à l'en-tête et à la navigation. Et puis les éléments d'en-tête montrent les icônes sociales. C' est la barre supérieure juste là. Et puis montre l'icône de recherche qui est apparue là dans le menu principal. J' aime désactiver celui-ci à moins que vous ayez explicitement besoin d'une barre de recherche pour une raison particulière, plupart des entreprises peuvent s'en passer, mais certains, comme les sites de commerce électronique, devront en profiter. J' aime avoir les icônes sociales ouvertes et j'aime avoir cette barre supérieure en haut car elle garde vos coordonnées fixes en haut, peu importe où vous faites défiler sur la page afin que nous puissions changer le numéro de téléphone ici. Et l'e-mail. C' est une belle fonctionnalité intégrée divvy et cliquez sur Publier. Alors, comment pouvons-nous changer la barre de menu secondaire de couleur ? Et vous pouvez changer la couleur de fond ici et la changer à ce que nous voulons. Très bien, ça a l'air bien. Vous pouvez changer la couleur du texte, le menu déroulant, nous pouvons changer l'arrière-plan de ce menu déroulant, changer la couleur ou le lien actif. Comment nous voyons que la maison est la couleur orange cassé et les autres sont blancs. Nous pouvons modifier cela en allant dans la barre de menu principal, changer la couleur du texte ici, ou changer la couleur du lien actif ici. Nous avons beaucoup de contrôle sur ce genre de choses. Et il y a plein de choses que nous pouvons faire. Pensez customizer a également un éditeur de barre de menu intégré. Alors vous allez aux menus. Et nous voilà. Les deux menus que nous avons. On a le menu principal. Mettons-les de côté. Et il se rafraîchira à la volée sans avoir à recharger la page. On y va. Et nous pouvons faire la même chose avec le bouton supérieur. J'ai l'air très bien. Une autre question qui apparaît, où viennent ces icônes sociales ? Tu te souviens de ça, il y a quelques leçons ? Allons le découvrir. Nous pouvons sortir d'ici, retourner dans WordPress, admin, Devi, et Theme Options. Nous voici, et les icônes sociales sont activées ou désactivées sur cet écran sous Devi options de thème. La plupart des gens n'ont pas un Twitter de nos jours et nous pourrions désactiver les icônes RSS et définit une fonctionnalité plus ancienne que Google Plus, J'aime utiliser que Google Maps lien, Instagram et Facebook beaucoup de gens ont. Nous faisons donc défiler vers le bas et cliquez sur Enregistrer les modifications. Retournez dans notre page, actualisez-la. Et qu'avons-nous vu ? Ces liens sociaux ont été supprimés comme nous l'avons demandé. Excellent travail. Nous avons appris que le site Web semble cohérent. Les différentes pages doivent avoir un en-tête et un pied de page cohérents et seul le contenu changera sur la page particulière. On a vu. pages typiques pour les sites Web des petites entreprises sont Accueil À propos de nous, Services, galerie de contacts, et peut-être quelques autres. Et nous avons vu comment ajouter des pages dans WordPress en allant deux pages. Nous avons vu comment ajouter des sous-pages. Nous avons vu comment modifier le menu et comment personnaliser l'apparence du menu du point de vue de la conception à l'avant. C' est si bon boulot. Maintenant, vous savez comment construire un site Web multi-pages. Alors, qu'avons-nous appris sur les sites Web multi-pages ? C' est la structure typique que vous trouverez sur la plupart des sites. Chaque site dispose d'un menu. Chaque bouton ou lien sur la page vous emmène à une page Web différente, que vous pouvez concevoir, le constructeur visuel. Et chaque page doit suivre un aspect cohérent afin que les visiteurs soient confus. Enfin, besoin d'aider votre client dans le choix de ses pages. Et qu'est-ce qu'un devoir ? Je veux que vous allez dans WordPress et cliquez à travers les menus et les pages. Ajouter un menu, ajouter quelques pages. Et pendant que vous y êtes, naviguez sur d'autres sites Web de petites entreprises et remarquez la structure de leur menu. Je suis Leighton, et maintenant vous savez comment construire un site Web multi-pages. 14. Créer des sites de commerce électroniques: Bienvenue. Je suis en retard pour votre webmaster. Aujourd'hui, nous allons construire un site de commerce électronique. Ce sont des sites Web qui vendent des produits et services en ligne. Vous verrez généralement un panier dans une page de paiement, généralement avec la possibilité de prendre des cartes de crédit en toute sécurité sur Internet. Avez-vous déjà visité l'un de ces sites Web ? Avez-vous déjà acheté quelque chose en ligne ? Si c'est le cas, vous avez contribué à une entreprise de plus de 1 000 milliards de dollars. Nous savons tous à quel point le commerce électronique est important et cette tendance ne disparaît pas. Mais comment embrasser ce marché et le servir efficacement à vos clients ? Et peut ensuite être fait dans WordPress. Cours WordPress peut gérer cela. Maintenant, le logiciel WordPress de base n'est pas conçu pour le commerce électronique. Vous avez besoin d'un thème et d'un plug-in convivial e-commerce, dans notre cas, Devi soutient le commerce via le plugin WooCommerce. Apprenons-en à propos de WooCommerce. Nous sommes sur la solution e-commerce WordPress numéro 1, Woo Commerce. Construisez exactement le site e-commerce que vous voulez. Woo Commerce est une plateforme de commerce électronique open source personnalisable construite sur WordPress. Commencez rapidement et faites votre chemin. Démarrez un nouveau magasin ou personnalisez et étendez. Je vais sauter ces boutons parce que nous allons installer WooCommerce directement sur notre site web en utilisant la section plugins. Tout ce dont vous avez besoin pour commencer à vendre en ligne et WooCommerce plug-in C à n'importe quel site WordPress et mettre en place un magasin en quelques minutes, obtenir des paiements sécurisés, des options d'expédition configurables et plus encore prêt de la boîte gratuitement. Personnalisez et étendez des abonnements aux cours de gym aux voitures de luxe. Woocommerce est entièrement personnalisable. Ajoutez des fonctionnalités et étoffez les fonctionnalités de votre boutique avec des extensions officielles de la place de marché WooCommerce. Il y a une partie de l'extension qu'ils ont ils peuvent se connecter à une bande Square, PayPal station navale, pot fiscal, Mailchimp, google, Facebook autorisé juste pour en nommer quelques-uns. Et nous allons regarder les extensions dans un instant. Fiabilité par les agences et les propriétaires de magasins. Et il y a WooCommerce. Alors regardons d'abord quelques-unes des extensions qu'ils ont disponibles, extensions de navigateur pour voir ce que nous pouvons faire avec WooCommerce. Développez votre entreprise avec des centaines d' extensions WooCommerce gratuites et payantes pour tous vos besoins logistiques, techniques et marketing. Alors qu'est-ce que ça veut dire ? Cela signifie qu'on peut s'intégrer avec Etsy. Nous pouvons exécuter un programme d'affiliation sur notre site Web. Nous pouvons vous offrir des cartes-cadeaux. Nous pouvons développer notre activité avec des solutions d'extension, de déjeuner ou de marketing de magasin faites par WooCommerce. Regardons les différentes options de paiement. Très bien, si développé par WooCommerce. Nous avons des solutions d'expédition. D' accord, donc nous avons WooCommerce Shipping. Imprimez des étiquettes à partir de votre tableau de bord WooCommerce aux tarifs UPS les plus bas. Nous avons des listes de facturation et d'emballage. On a le ramassage local plus le marketing, l'automatisation, Whoo. Nous avons l'intégration MailChimp, l'intégration Facebook, HubSpot, Pinterest. Regardons quelques-unes des options d'expédition. Et je vais chercher un de mes favoris ici. Donc, que faire si vous avez un panier et que vous voulez qu'il calcule automatiquement les frais d'expédition, cela se connectera à USPS. La méthode d'expédition USPS. Il utilisera les livres et les dimensions des articles dans votre panier et vous donnera des tarifs en temps réel de USPS. Ceci est un plug-in payant. Vous pouvez utiliser WooCommerce sans plugins supplémentaires du tout, complètement gratuit. Mais si vous avez besoin d'étendre la fonctionnalité, vous pouvez avec ces plug-ins payants et cela se trouve être l'un de mes favoris. Voyons quoi d'autre ? Ils ont quatre paiements. Quels types de solutions de paiement intègrent-ils avec des paiements simplifiés, conçus exclusivement pour les magasins WooCommerce. Donc il n'y a pas longtemps, WooCommerce est sorti avec leur propre passerelle de paiement. Donc, il se connecte vraiment à Stripe.com, mais il vous permet un moyen simple de prendre des paiements directement sur votre site Web via WordPress. Donc ce que je dis c'est que vous ne vous connectez pas à un service tiers comme PayPal.com ou dotnet autorisé. Il utilise une grève tierce, mais il s'intègre étroitement avec WooCommerce pour rendre les choses beaucoup plus pratiques. Et donc à l'avenir, je pense que c'est une excellente option pour prendre des paiements. Tout ce qu'ils font, c'est de facturer 2,9 % plus 30 cents par transaction. Et ce standard que vous trouverez maintenant sur PayPal, vous le trouverez sur Stripe.com à un tarif standard. Ils peuvent également s'intégrer avec différents processeurs de paiement. Voyons voir, autorisé.net à Stripe Amazon paie carré. J' ai utilisé plusieurs de ces paiements WooCommerce. C' est leur propre solution, PayPal cerveau Shri payer rapidement PayPal. Beaucoup d'options différentes. Et ils ont pour, pour créer ces revenus récurrents, ils ont un plugin d'abonnements, qui vous permet de prendre des abonnements. On y va. Abonnements Woo Commerce. On y va. Laissez les clients s'abonner à vos produits ou services et payer sur une base hebdomadaire, mensuelle ou quelle que soit la base que vous souhaitez souscrire à WooCommerce. Il dit 199 par an et vous permet de créer des paiements récurrents. J' ai utilisé cela sur plusieurs sites Web clients, créer et gérer des produits avec des paiements récurrents, paiements qui vous donneront un revenu résiduel que vous pouvez suivre et compter sur. C' est l'un de leurs plug-ins les plus populaires. Je l'ai utilisé sur plusieurs sites Web. J' ai utilisé celui-là. J' ai utilisé la calculatrice d'expédition automatique USPS, et je vais bien sûr obtenir un plugin tiers pour le processeur de paiement. Si je suis l'intégration avec PayPal, dû payer quelque chose de plus pour ces plug-ins si vous intégrez avec Stripe, que celui est également gratuit. Donc tous ces plugins ne sont pas premium. Certains sont gratuits, et ils étendent la fonctionnalité par défaut de WooCommerce. Alors installons WooCommerce. Nous le faisons en sautant dans notre site Web et en allant aux plugins WooCommerce comme un plugin, ce n'est pas un thème. Il est conçu pour fonctionner avec votre thème Divi. Et tapons-le ici. Woocommerce. Nous allons voir le logiciel WooCommerce de base. Woocommerce est la solution de commerce électronique open source la plus populaire au monde. Vous remarquerez qu'il est fabriqué par automatique. Qui est automatique ? Ce sont les fabricants de WordPress, WordPress, mais WooCommerce sur, c'est à quel point cette société est impressionnante et comment elle s'intègre étroitement avec WooCommerce. Qu' est-ce qu'on a d'autre ? Passerelle de paiement Woo Commerce Stripe. Cela relie votre site Web a été grève. C' est un plugin gratuit. Facebook pour WooCommerce, également un plugin gratuit et vous permet de faire des annonces et de développer votre audience à travers le plug-in Facebook, WooCommerce PDF factures et bordereaux d'expédition, créer imprimer et automatiquement envoyé par e-mail PDF factures et clips picking pour les commandes WooCommerce. Ceci est un plugin gratuit. J' ai MailChimp pour WooCommerce, aussi un plugin gratuit. Il vous permet de déposer les personnes qui vérifient sur votre site Web. Il le dépose sur vos listes Mailchimp afin que vous puissiez développer votre liste de marketing par e-mail MailChimp. services Woocommerce vous offrent quelques choses supplémentaires comme le calcul automatisé du texte, impression d'étiquettes d'expédition et la configuration des paiements plus fluides. J' utilise un peu les services WooCommerce. passerelle de paiement Paypal Checkout accepte les cartes de crédit et de débit PayPal sur votre magasin WooCommerce comme un magasin très populaire puisque PayPal est célèbre dans le monde entier. Et ceux-ci ne sont pas créés par WooCommerce. Ce sont des plug-ins tiers. Revenons au sommet et installons WooCommerce et voyons ce qui se passe ensuite. Ou installer, installer. C' est notre premier plug-in. Très excitant. Nous installons WooCommerce va aller plus dans les plug-ins dans la section plan de maintenance du site Web de ce cours. Eh bien, à ce moment-là, nous allons installer plusieurs plugins qui nous donneront nos services de maintenance. Mais pour l'instant, installons ceci sur notre site e-commerce. Activer. Des trucs très excitants. Il est activé, il est activé et c'est l'écran ont été affichés, mettez votre magasin en marche et fonctionne plus rapidement avec notre nouvelle expérience de configuration améliorée. Oui, s'il vous plaît. Il vous guérira à travers ces détails de magasin et essaiera de vous connecter au site Web WooCommerce. Faisons 123 première voie, États-Unis, Californie. Ok, mettre en place un magasin pour un client. Bien sûr. Continuez. Construire un meilleur WooCommerce, obtenir des fonctionnalités améliorées. Je ne connais jamais mes avocats. Alors compte-moi dehors. Dans quelle industrie le magasin opère-t-il ? Cela nous permet de WooCommerce pour personnaliser votre expérience. Alors disons juste nourriture et boisson. Quel type de produits vous serez mis en vente. Alors pourquoi cette question est-elle posée ? Eh bien, il a besoin de savoir quoi gérer en termes d'expédition, vouloir gérer en termes de paiements. Donc les produits physiques sont expédiés, n'est-ce pas ? Téléchargements, ceux ne sont pas expédiés. Donc, un téléchargement serait que vous payez pour cela et vous obtenez instantanément un lien de téléchargement, rien n'est expédié. Vous n'avez pas à vous soucier des frais d'expédition UPS ou de tout cela. Abonnements. Nous sommes abonnés à vos produits ou services et payons sur une base hebdomadaire, mensuelle ou annuelle. Donc 658 fois par mois 12, c'est le $199 par année que nous avons vu plus tôt. C' est un plugin premium. $16 semble trivial pour la fonctionnalité d'abonnement. Donc, si une entreprise a ces revenus récurrents, alors ce serait une dépense mineure. Mais sinon cela semble assez cher. Donc, il y a un marché pour cela si vous avez besoin du produit, mais sinon nous pouvons décocher cela jusqu'à ce que nous en ayons absolument besoin. Des adhésions, même chose, un $199 par an. Les membres ont accès à des contenus ou produits restreints, moyennant des frais ou gratuitement. Cela limite donc certaines pages. Par exemple, disons que vous avez un cours, disons que vous avez un, un e-book ou autre chose maintenant, vous voulez donner à vos membres l'accès à s'ils ont payé pour cet accès. Tellement comme les abonnements, il y a un moment et un endroit pour cela. Si les gens paient 50, 75, 100 dollars ou quoi que ce soit pour l'accès, alors ce 658 par mois semble trivial par comparaison. Donc encore une fois, si ce flux de revenus est là, alors oui, bien sûr, nous voulons ce plugin, mais jusque-là, nous allons garder ça non vérifié. Les réservations permettent aux clients de réserver des rendez-vous, faire des réservations ou de louer du matériel sans quitter votre site. Un autre merveilleux plug-in pour les sites Web qui ont besoin de profiter de ce pack de produits personnalisés, paquets de rabais en vrac et des produits assemblés, et vous permet de regrouper certains et il y a un moment et un endroit pour cela si vous en avez besoin. Les produits personnalisés offrent des compléments comme l'emballage cadeau, des messages spéciaux et d'autres options spéciales pour vos produits. Pour ce test, nous allons juste vérifier les produits physiques et les boîtes de téléchargement, donc nous ne sommes pas facturés quoi que ce soit de plus. Parlez-nous de votre entreprise. Combien de produits l'avion à afficher, disons que la vente actuellement ailleurs ? Non, nous ne vendons actuellement pas ailleurs. Et nous sommes présentés avec quelques plug-ins facultatifs pour activer une intégration avec Facebook, l'intégration avec Mailchimp et avec Google Ads. Donc, tous ces outils sont des outils de marketing. Facebook, je veux que tu publies des annonces. Google veut que vous publiez des annonces, puis Mailchimp vous invite à développer votre liste marketing. Les plugins suivants seront installés gratuitement. Facebook pour WooCommerce, Mailchimp pour WooCommerce et Google annonces. Gardons-les. Continuez. Choisissez un thème, choisissez l'apparence de votre boutique pour les clients. Nous avons déjà notre thème et nous l'aimons. Continuez avec mon thème actif. Pas besoin d'en installer un autre. Améliorer votre magasin serait jetpack et services WooCommerce. Qu' est-ce que ça fait ? Ensuite, vous permet d'avoir la gestion du magasin sur la route avec une application séparée. Nous n'avons pas nécessairement besoin de ça. Le second, les taxes de vente automatisées via les services Woo Commerce, qui garantit que le taux de taxe correct est facturé automatiquement sur toutes vos commandes. Et il comprend également des étiquettes d'expédition. Donc j'aime vraiment cette fonctionnalité. Fondamentalement téléphone les serveurs WooCommerce et crache un taux d'imposition précis actuel qui est pratique et améliore la sécurité battu. Pas un grand fan de ça, parce que nous pouvons le faire avec de meilleurs plugins. Donc je vais dire oui, juste pour les taxes de vente automatisées. Oui, s'il vous plaît. Il est en train de charger. Il est en train de charger. Woocommerce est en cours d'installation, ces plug-ins sont en cours d'installation. Et qu'est-ce que nous avons pour connecter votre magasin ? Ils veulent donc se connecter à mon compte WordPress.com. Vous pouvez donc créer un nouveau compte. Vous pouvez vous connecter en tant qu'utilisateur différent. Vous pouvez faire tout ce que vous avez à faire pour l'installer. Dans ce cas, laissez-moi cliquer sur Approuver. Depuis que j'ai déjà un compte wordpress.com. Ceci connecte mon site WordPress.com et mon WooCommerce. Et nous y voilà. Nous sommes de retour sur notre administrateur WordPress. Bienvenue au siège en ligne de vos magasins WooCommerce. Bon, de bonnes choses. Personnalisez la boîte de réception pleine de conseils pertinents et de données analytiques supplémentaires. Une fois que c'est parti, qu'est-ce qu'on a ici ? Nous avons reçu une notification pour mettre en place notre Mailchimp, qui est le marketing par e-mail, un service gratuit de marketing par e-mail. Et nous avons les services WooCommerce, qui veut configurer notre calcul de texte et le traitement des paiements. Ici, nous devons terminer notre configuration en ajoutant des produits, en configurant des paiements. Il se termine par des textes, expédition et la personnalisation de votre magasin. Vue d'ensemble du magasin. ce moment, nous avons 0 ventes, leurs commandes ou visiteurs en 0 vues, ce qui ne nous surprend pas. Mais une fois que nous commencerons à recevoir des commandes, ce sera un moyen pratique de voir nos statistiques. Alors finissons l'installation. On a fait les détails du magasin. Ajoutons un produit. Vous pouvez ajouter manuellement, vous pouvez les importer ou les migrer. Le moyen le plus propre est d'ajouter manuellement. Ajoutez-les à partir de zéro. Appelons ceci mon premier produit, description du produit ici. Description. Ensuite, type de produit. Et choisissez le type de produit. Et faire simple pour la plupart des biens et services physiques. Variable pour des choses complexes comme si vous voulez dérouler vers le bas pour les produits de taille, petits, moyens, grands groupes, pour regrouper plusieurs produits simples en un seul et des produits externes pour lier hors site. Donc, nous allons rester avec un produit simple. Virtual signifierait non physique en tant que service qui n'a pas besoin d'être expédié. Beaucoup de cas d'utilisation pour virtuel, et fondamentalement, il contourne simplement l'expédition et ensuite téléchargeable. C' est là qu'ils paient et ils obtiennent un téléchargement de fichier. Vous vérifiez cela, et vous pouvez télécharger votre fichier. Et puis il y a le prix, disons une partie de 199$ de courte description comme un bref résumé, images de produit, étiquettes de produit, catégories de produits, disons t-shirts, et publiez votre produit. Une heure de trajet. On y va. Téléchargeable, il n'est pas coché. Le virtuel va contourner prend l'expédition du côté ici. Et ça le rajoute. Nous avons le prix, nous avons une option pour faire un prix de vente, et vous pouvez même planifier qui a un stock. Woocommerce a la capacité de gérer les stocks. Cela peut être vraiment pratique d'expédition, vous pouvez entrer votre poids et dimensions et qui permettra au panier d'achat deux, calculer un coût d'expédition. Produits liés aux attributs de vente incitative et de vente croisée. Attributs est un bon moyen d'ajouter des tailles similaires. Tout ce que vous voudrez en tant que liste déroulante avant de l'ajouter au panier. Comme disons les tailles, les tailles de T-shirt, petites, moyennes, grandes. Et pour ce faire, nous devrons le changer pour un produit variable. Et puis des variations. Avant de faire cela, vous devez ajouter des attributs. ai eu. Utilisé pour les variations, enregistrez les attributs. Et cela nous permettra d'avoir un prix différent pour chaque t-shirt. Créez des variations à partir de tous les attributs. Êtes-vous sûr de vouloir lier tous les attributs ? Oui, nous sommes sûrs que cela devrait nous donner trois options, chacune avec un prix différent. Cette plage est certainement utile. J' utilise celui-ci un peu parce que la plupart des choses que vous achetez ont une liste déroulante et une option avant de les ajouter au panier. Ici, nous avons trois variations, petites, moyennes et grandes. Et chacun d'eux comme pour les mêmes options que nous avons déjà mises en place. Et juste au cas où le prix est différent, ce qui est beaucoup de fois, disons 129 pour les petits, 149 pour les moyens, et 169 pour les grands. Enregistrer les modifications. Et allez au sommet, nous publierons notre premier produit. Excellent. Je n'ai pas encore personnalisé à quoi ressemble cette page, mais voyons juste ce qu'est la valeur par défaut. Mon premier produit, nous n'avons pas encore de photo. Vous avez la liste déroulante tailles de prix, et qui sélectionne ce que le prix est. Bouton Ajouter au panier et description. Nous pouvons personnaliser cela à notre goût en modifiant le design, mais pour l'instant c'est la valeur par défaut. Qu' est-ce qu'on a d'autre ? Nous allons dans Woo Commerce, WooCommerce paramètres. Regardons quelques autres choses auxquelles nous devons prêter attention. On a l'adresse du magasin, a ce qu'on vend. Taxes activées, taux d'imposition et calculs, coupons. Woocommerce a la fonctionnalité intégrée pour avoir des coupons. J' ai aussi, eh bien, gardons nos changements. également obtenu des produits, des paiements d'expédition. Cliquez sur ces produits. Ceci est votre page de boutique. Que faire lorsque vous cliquez sur Ajouter au panier ? L' unité de poids, changer cela en livres et les dimensions deux pouces activé avis de produit. Cela permet aux utilisateurs d'examiner vos produits et de les évaluer. Que diriez-vous des impôts ? Activer les taxes automatisées ? Cela téléphonera aux serveurs de WooCommerce et reviendra avec un taux d'imposition précis et le prix. C' est essentiellement tout ce dont nous avons besoin pour examiner leur expédition. Donc, l'expédition par défaut, une fois que vous pour configurer votre zone. Par exemple, USA, sélectionnez toutes les régions de cette zone. États - Unis. Et on va dire forfaitaire. Nous avons obtenu un ramassage local gratuit ou un tarif fixe sans ajouter de méthodes d'expédition tierces. Donc forfaitaire, appuyez sur Modifier et nous dirons 10 dollars frais d'expédition forfaitaire pour n'importe où dans le pays. Assez simple. D' accord. Et cela a été ajouté. Paiements. Voyons ce qui est intégré à WooCommerce, virement bancaire direct, paiements par chèque, espèces à la livraison et standard PayPal. Alors vérifions la norme PayPal et voyons ce que fait le bouton Configuration. Il une fois notre e-mail PayPal, sorte qu'il sait où envoyer l'argent pour recevoir votre e-mail, jeton d'identité, préfixe de facture. Et vous pouvez ajouter les informations d'identification API si c'est la façon dont vous souhaitez intégrer votre PayPal pour traiter les remboursements via PayPal. C' est donc la version simple. C' est là que lorsque vous cliquez sur le paiement et que vous payez maintenant, il vous emmène hors de votre site Web sur Paypal.com. Il y a des options avec moins de frottement. Par exemple, le plug-in stripe ou les paiements WooCommerce. Mais cela fonctionne parce que beaucoup de gens ont des comptes PayPal. Pour une solution plus professionnelle. Je recommande celui qui prend la carte de crédit directement sur la page. Mais encore une fois, cela fonctionne. Les comptes et la confidentialité ont la possibilité d'exiger des utilisateurs qu'ils créent un compte lorsqu'ils procèdent à la commande. Et quelques options de confidentialité en bas, en particulier pour le RGPD en Europe et dans les pays qui sont soumis à la réglementation de confidentialité du RGPD, e-mails. Ici, nous pouvons définir les e-mails qui sortent quand une commande a été passée, quand une commande est annulée, échoué en attente traitement terminé, remboursé, une facture est envoyée, réinitialisation de la note client, mot de passe ou nouveau compte. Donc, quand une commande a été passée, c'est ce que le client recevra. Traitement de l'ordre. Votre commande de titre de site a été reçue. Merci pour votre commande. Merci d'utiliser notre site Web. Et boum. est le courriel que quelqu'un recevrait et il inclurait son information sur sa commande, son nom, ce qu'il a commandé, le prix, tout cela. Voyons donc à quoi ressemblent les modèles d'e-mail par défaut. Par défaut, ils auront le titre ici. Ils auront cette couleur de fond en ce moment c'est la couleur violacée. Et ils auront le contenu de l'e-mail et un fond légèrement gris sur un contenu blanc. Alors, qu'avons-nous la capacité de changer ? Nous pouvons déposer notre logo ici et copier et coller l'URL sur notre logo. Je peux changer le texte du pied de page en bas, peut changer la couleur de base, et la couleur d'arrière-plan, l'arrière-plan du corps et le texte. Faisons ça et on verra à quoi ça ressemble. On y va. Donc, idéalement, nous aimerions mettre notre logo là-dessus. Nous ne voudrions pas modifier les couleurs de marque de la marque. Et c'est à propos de ça. Droit ? Aller à droite, intégration. Max esprit. C' est une façon très simple d'utiliser les services de géolocalisation. Et vous pouvez lire la documentation ici à ce sujet. Avancé. Quelques paramètres avancés tels que le mappage de la page du panier à la page de paiement et la page Mon compte. Nous regarderons ça dans une seconde. Et puis en attendant, je veux attirer l'attention sur cela. Votre magasin ne semble pas utiliser une connexion sécurisée. Nous vous recommandons fortement de servir l'ensemble de votre site Web via une connexion HTTPS afin de sécuriser les données des clients. Qu' est-ce que ça veut dire ? Nous devons installer un certificat SSL. Ce n'est pas vraiment facultatif sur un site e-commerce. Tu dois faire ça. Et nous en avons parlé il y a quelques leçons. C' est vraiment rapide et facile, pas difficile du tout. Et une fois que nous aurons fait cela, ce message disparaîtra. Et nous pouvons être assurés que les informations sensibles transmises sur un site e-commerce restent sécurisées, telles que la carte de crédit, le nom, l'adresse, le numéro de téléphone de la personne effectuant le paiement. Maintenant, allons à Pages et voir ce qui a été ajouté. Nous avons une page de panier, page de paiement, mon compte et une page Shoppe. Les quatre ont été ajoutées. Ils sont nettement différents. Boutique est l'endroit où vous voyez vos produits. Regardons ça. La page de la boutique. Maintenant, nous avons juste le produit unique et aucune image n'y est ajoutée. C' est notre page de boutique qui répertorie tous les produits. Mon compte a vos commandes, il a vos adresses, téléchargements, détails de compte, tout cela. Normalement, je styliserais cette page, rendre un peu plus jolie. Mais la fonctionnalité par défaut est assez pratique. Nous avons un nous ne pouvons pas être la page de paiement puisque nous n'avons rien dans notre panier, mais nous pouvons voir la page du panier et il montre juste que le panier est vide. Retournons au magasin. Ouvrez ce produit, cliquez sur Ajouter au panier et découvrez la fonctionnalité par défaut. Et nous allons, mon premier produit a été ajouté à votre panier, voir le panier. Et boum, on y va. Le WooCommerce par défaut hors de la boîte a une fonctionnalité de panier et de caisse, ce qui est génial. Vous gagnez tellement de temps à ne pas avoir à coder cela vous-même. Je connais le revêtement et je vous dis que c'est une fonctionnalité très avancée et avec WooCommerce sorti de la boîte, vous n'avez pas à vous soucier de tout cela, il suffit de l' allumer et de commencer à vendre. Mais je recommande que nous allions ici et que nous fassions la page. Alors comment on a fait ça ? Eh bien, tout d'abord, allons dans notre chariot. Eh bien, tout d'abord, changeons ce vert. Je ne supporte plus de regarder ce vert. Donc, nous allons dans Theme Customizer, boutons, style de bouton. Changez ça en orange. Très bien, ça a l'air bien. On y va. Bien. Alors, comment changer l'apparence de ces pages ? Si nous cliquons sur Modifier la page, remarquez ce qui se passe. Et cela nous mènera à une page qui n'utilise pas Visual Builder et qui a un code court. Un code court est un petit morceau de code incorporable qui place du contenu sur votre page. Dans ce cas, le petit code court est le panier de soulignement WooCommerce. Et ce que cela fait, c'est qu'à cet endroit, la page que nous voulons toutes les fonctionnalités du panier pour aller. Nous pouvons ajouter ce code court à n'importe quelle page, mais nous allons le commerce a déjà commencé en créant la page et en mettant ce code court là pour nous. Que voulons-nous regarder d'autre ? Si nous cliquons sur Mettre à jour et que nous allons dans le générateur de thème, nous pouvons modifier ces pages par défaut. Rappelez-vous quand j'ai dit que le constructeur de thème serait vraiment utile pour les sites de commerce électronique. Qu' est-ce que je voulais dire par là ? Cliquez sur Ajouter un nouveau modèle et allez dans le panier, WooCommerce pages. Coeur. Faisons les magasins d'abord, non ? Faisons un corps personnalisé pour le magasin. Construire un corps personnalisé. Donc, cela modifie à quoi ressemble la page de la boutique. Au lieu de la valeur par défaut, peut-être que nous voulons utiliser la version DBs construite à partir de zéro. Ajoutons une nouvelle ligne, puis boutique WooCommerce. Pas comme la façon dont il expose tout cela, comme nous le savons, qu'il fait du bon travail pour que tout soit beau et que la fonctionnalité du magasin n'est pas différente. Nous avons la conception du contenu et des onglets avancés, que nous connaissons maintenant. On peut censurer les choses. On peut changer la taille. Prix, rendons le prix un peu plus grand. Rendez-le en gras. On y va. Donc, ce que nous venons de faire, nous pouvons cliquer sur Command S sur notre clavier ou Control S sur un PC. Cliquez sur le X et enregistrez les modifications. Cela modifiera la page de la boutique sur votre site Web. Alors, allons dans notre site et appuyez sur le bouton de la boutique. Oh, une autre chose que nous voyons ici dans le coin, c'est la caisse. Une belle icône de paiement et du texte ont été ajoutés dans le coin dans le menu secondaire. Donc, nous allons revenir à, faisons quelques choses ici. Ajoutons boutique à notre menu principal. Menus et boutique. Ajoutons cela au menu principal. Ajoutez au menu, puis ajoutez-le avant le contact. Et pendant que nous y sommes, continuons et ajoutons une image à ce produit. Ensuite, nous verrons à quoi cela ressemble sur l'image du produit du site Web. Faisons l'une des valeurs par défaut ici à partir de cette mise en page Devi que nous avions importée. Et on retourne sur notre site. Voici la page de la boutique. Et boum, voilà notre produit. air beau. Je vais cliquer sur mon premier produit. Vous pouvez donc avoir plusieurs colonnes sur cette page. Vous pouvez avoir plusieurs produits. Vous pouvez le limiter à 12 par page, 20 par page, tout ce que vous voulez. Et il y a beaucoup de personnalisation que vous pouvez faire là-bas. J'ai l'air bien. Voilà notre photo. Il y a le bouton Ajouter au panier. Débarrassez-vous de la barre latérale. Nous pouvons simplement ouvrir le Visual Builder pour s'occuper de cela. Visual Builder se charge, et je vais cliquer sur Enregistrer et quitter Visual Builder. Maintenant, nous pouvons revenir à Modifier le produit. Et nous avons un devi paramètres de page. Nous voulons pleine largeur. Au lieu d'afficher la barre latérale. Je vais vous montrer quelques options ici. abord, voyons si cela a supprimé la barre latérale, puis nous allons aller dans les options de thème et voir une autre façon de le faire. On y va. Cette barre latérale n'est plus là. La barre latérale versée à partir des widgets d'apparence et comme une fonctionnalité par défaut de WordPress, mais je ne pense pas qu'il soit nécessaire de l'avoir sur le site, autant plus que c'est une fonctionnalité WordPress par défaut. Et il semble juste que le concepteur n'a pas pris le temps de personnaliser le site Web. À mon avis. Maintenant, dans Divi options de thème remarquera celui-ci est plus logique pour nous maintenant, mise en page de la barre latérale, gauche la barre latérale droite, mais regardez cette page de boutique et la mise en page de catégorie pour WooCommerce peut changer de droite à pleine largeur. Et cela supprimerait la barre latérale de la page de la boutique. Regardons un peu plus d'entre eux que nous pourrions utiliser dans le générateur de thème. Ajouter un nouveau modèle. Il y a, il y a beaucoup d'options ici et vous rencontrerez quand vous avez besoin de la fonctionnalité. Avons-nous des pages de catégorie de produits ? Nous avons la caisse du panier et mon compte a tous les produits. Vous pouvez modifier la mise en page globale universelle de toutes les pages produit. Les pages d'archivage, les produits dans des catégories spécifiques, les produits avec des tags spécifiques et des produits spécifiques afin que les intégrés soient vraiment utiles lorsque vous voulez affiner l' apparence de ces pages et vous assurer qu'elles sont à leur meilleur. Changeons la page du panier afin qu'elle n'ait pas la barre latérale. Construire un corps personnalisé. Et nous allons ajouter ce code court afin qu'il nous donne la fonctionnalité du panier. J' aime l'utiliser le constructeur juste pour affiner l'apparence du site. Insérer une ligne. Faisons des textos et mettons notre code court ici. Le code court est indiqué par les crochets. Woo Commerce soulignement. La fonctionnalité que vous recherchez devrait être le panier de soulignement WooCommerce, puis un support de fermeture. Et ça veut dire qu'on veut que le chariot arrive. Alors pourquoi faire celle-là ? Il était déjà dans la page par défaut. Eh bien, peut-être que nous voulons ajouter des paramètres de page, ajouter des CSS personnalisés à la page. Peut-être que nous voulons ajouter un en-tête en haut ou ajouter quelque chose en bas. Il y a beaucoup de raisons pour lesquelles nous pourrions vouloir personnaliser la page du panier. Même si la valeur par défaut est belle. Cliquez sur le panier dans le coin, et nous y allons. La barre latérale a été supprimée. Faisons une autre chose. J' aime faire des totaux de ce panier central. Comment centrons-nous ça ? Voyons si cela peut être réalisé avec un peu de CSS. On retourne dans le constructeur de thème. Et ouvrons la page du panier et ajoutons du CSS. Il ya plusieurs leçons, nous avons brièvement regardé CSS et rappelez-vous quand nous avons cliqué avec le bouton droit et est allé inspecter et nous avons tiré vers le haut l' inspecteur Google Chrome. Au milieu, nous avons HTML. Sur la droite, nous avons CSS. Voyons comment nous pouvons changer la largeur de cette section là. Donc, je ressemble à ce qui est limité à 50 pour cent sur la droite est le total des chariots de classe div ici. Et qu'est-ce qui rend ça si restrictif ? Ici, nous sommes flottants, non ? Donc, float veut dire qu'il colle à droite. Float à droite, et largeur 48%, qui signifie que cette section représente 48% de la section dans laquelle elle se trouve, qui est la pleine largeur de la page. Donc le total du panier est 48% des garanties de panier, qui est ce que nous voyons ici. Voyons si on peut agrandir ça. Disons qu'on le ramène à 75 pour cent, Change, flottent à zéro. Ça le déplace vers la gauche. Et ajoutons quelques CSS de base. Aligner le texte, le centrer, l'aligner au centre, puis la marge automatique pour le centrer plus loin. Maintenant, rappelez-vous quand nous faisions des modifications css et quand nous utilisons l'inspecteur Google Chrome comme nous l'avons fait tout à l'heure, c'est une modification complètement non-destructive qui n'est pas publiée. n'y a que pour nous à voir en ce moment, si je rafraîchis la page, elle reviendrait déjà à ce qu'elle était. Nous devons donc copier ce sélecteur CSS. Nous allons ouvrir nos options Divi ici, aller dans Page Settings, Advanced Custom CSS, coller ce sélecteur, puis coller les quatre morceaux de CSS que nous voulons montrer. Cela remplacera le CSS qui était déjà là. Nous cliquons sur Enregistrer. Et on y va. Ou faire une édition CSS très basique, Actualisons la page. Sortez l'inspecteur. Et boum, il est maintenant plus large et il est fritté. Donc juste une petite petite petite modification d'un petit morceau de CSS, Deux minutes de travail, et nous avons juste fait cela beaucoup plus attrayant à regarder. Donc, toutes ces petites nuances subtiles s'ajoutent pour créer un site web poli. Alors qu'avons-nous fait jusqu'à présent ? Nous avons installé Woo Commerce, nous avons ajouté un produit, nous avons ajouté un menu déroulant. Nous avons terminé un sélecteur de prix baissé. Nous avons ajouté nos frais d'expédition, qui sont de 10$. Nous avons connecté le calcul automatique du texte et nous sommes prêts à prendre des commandes. Tout ce que nous devions faire est d'ajouter un certificat SSL, et boum, nous serions prêts à partir. Nous avons également connecté avec PayPal afin que nous puissions accepter les paiements via la passerelle de paiement sécurisée PayPal. Une dernière chose, regardons les rapports. Avec les rapports, vous pouvez voir les ventes, les commandes qui ont été passées ces derniers jours, le mois dernier, l'année écoulée, ce qui est un excellent moyen de garder une trace de tout. Vous pouvez même voir quels sont vos produits les plus populaires, vos catégories les plus populaires, coupons, téléchargements, toutes sortes de goodies disponibles dans la section rapport de WooCommerce. Donc, hors de la boîte, WooCommerce a des fonctionnalités impressionnantes. Je recommande fortement et WooCommerce, J'aime leur logiciel et simplifie le panier et vérifier les processus que mon compte, ce qui serait beaucoup à coder sur notre propre et nous n'avons pas à le faire lorsque nous installons WooCommerce. Maintenant, je recommande de passer quelques heures et de polir le design. En passant par chaque page que WooCommerce a créé, aller atteindre le réglage et la personnalisation à votre client. Prendre quelques heures et faire cela va vraiment prendre votre site de commerce électronique WooCommerce au niveau supérieur. Et je recommande totalement toutes ces petites nuances subtiles et améliorations de conception pour vraiment polir votre produit. Nous voulons que votre site web soit aussi impressionnant que possible. Construisez le meilleur site Web possible. Et pour être clair, vous êtes payé pour le faire. Donc, votre client s'attend à ce que vous leur donniez un site Web fonctionnel prêt à aller poli qui est à la fois fonctionnel et beau terrain. Et nous pouvons y parvenir en utilisant WooCommerce, la solution e-commerce numéro 1 WordPress disponible. Alors qu'avons-nous appris ? Le commerce électronique est possible, mais WordPress, grâce au thème Devi et au plug-in WooCommerce. Woocommerce est WordPress est le système de commerce électronique numéro un le plus populaire. Il vous permet de vendre des produits en toute sécurité et de gérer les commandes. Et quels sont nos devoirs ? Veuillez consulter le site Web WooCommerce.com. Installez WooCommerce sur votre propre site Web. Installez, jouez avec. Je suis Leighton. Et maintenant, vous savez comment construire un site e-commerce. 15. Créer des sites adaptés à la mobilité: Bienvenue. Je suis Leighton, votre webmaster. Aujourd'hui, nous allons rendre notre site mobile convivial. Maintenant, à quel point est important ? Eh bien, avez-vous déjà visité un site web sur votre smartphone ? Bien sûr que vous l'avez fait. Plus important encore, lorsque vous naviguez sur le Web sur votre téléphone, avez-vous déjà rencontré un site Web qui n'a manifestement pas été conçu pour le petit écran ? Peut-être que vous deviez zoomer juste pour lire quelque chose où les choses étaient difficiles à taper. Lorsque vous appuyez sur la mauvaise chose, vous devez continuer à appuyer sur le bouton Retour. Ton sang est probablement en train de bouillir. Juste en pensant à cela, ces points de douleur provoquent de la frustration. Et les visiteurs frustrés deviennent rarement des clients. Et en parlant de clients, environ la moitié de tous les achats en ligne se font sur des appareils mobiles. Donc oui, il est sage, il est économique de soutenir mobile. Et en termes d'affaires. Et quand vous essayez de vendre un site mobile à un client potentiel, vous pouvez renforcer le fait qu'il va payer pour lui-même. Ne pas avoir de mobile pourrait vous coûter à long terme. Donc, les avantages pas les faits. Je répète. Donc, les avantages pas les faits. Donc, vous voulez un site convivial mobile. Mais comment allez-vous en construire un ? Eh bien, il doit être optimisé pour le petit écran. Par exemple, ce qu'un randonneur porte des tongs sur un sentier. J' espère que non. Ils sont parfaits pour la plage, mais pour la randonnée, vous avez besoin des chaussures qui avaient été optimisées pour cette activité. Ceux qui sont les plus amicaux à vos pieds. De la même manière, pour optimiser votre site Web, vous voulez vous assurer qu'il est convivial pour toutes sortes d'appareils, ordinateurs de bureau, tablettes, smartphones, chacun ayant besoin d'un design adapté à la taille d'écran appropriée. Pour ce faire, nous faisons ce qu'on appelle responsive web design. Et avant de plonger dans notre site Web, définissons quelques termes clés. Application mobile native, souvent confondue avec un site mobile. Les applications mobiles natives sont celles que vous téléchargez depuis l'App Store ou le Play Store. Nous ne faisons pas allusion à ceux qui suivent ce cours. Ceux-ci sont créés avec des outils séparés et des langages de codage qui, à mon avis, sont plus difficiles à apprendre que la construction d'un site Web. Site mobile convivial. C' est le mot à la mode que Google utilise. Un site web convivial pour les mobiles est un site convivial pour les appareils mobiles. La convivialité mobile peut être obtenue en ayant un site mobile distinct ou en utilisant la conception web réactive. Site mobile, un site Web distinct, spécialement conçu pour les écrans plus petits. Il s'agit généralement d'un accès avec une URL distincte, parfois en ajoutant m point avant le nom de domaine, facebook.com. Nous en voyons moins ces derniers temps avec la montée du design web réactif. Avec un site mobile distinct, vous devez mettre à jour votre contenu à la fois sur votre site de bureau et sur votre site mobile, ce qui peut être un problème supplémentaire. Design web réactif. C' est là que votre site Web est conçu pour répondre à n'importe quelle taille d'écran. Vous n'avez pas besoin d'avoir un site mobile distinct. Vous n'avez qu'un seul site Web à suivre. En fait, les propres ressources de développement de Google. Google recommande la conception web réactive car c'est le modèle de conception le plus facile à mettre en œuvre et à maintenir. C' est la technique de référence que vous utiliserez pour créer des sites Web compatibles avec les mobiles. Donc, avec tout ce qui est clair dans notre esprit, Commençons à concevoir un site mobile convivial. Donc, nous allons examiner un certain nombre de choses. Mais d'abord, je veux vous montrer visuellement ce qu'est le web design réactif. Donc, nous sommes dans le navigateur Internet Chrome et allons vers les outils de développement. Encore une fois, vous pouvez trouver des outils de développement et la plupart des navigateurs. Allons à Outils de développement des développeurs. Maintenant, passons ça sur le côté, juste pour que nous ayons plus de place pour regarder le site lui-même. Ancrage vers la droite. D' accord, on va repousser ça et on va cliquer sur ce bouton. Basculer la barre d'outils du périphérique, également connue sous le nom de conception web réactive. Donc, ici, nous pouvons changer la taille de l'écran de notre fenêtre. Alors allons plus petits, plus petits et plus grands. Qu' est-ce que vous remarquez alors qu'on fait ça ? Donc, fondamentalement, nous regardons un ordinateur portable et une vue de tablette. Et à mesure que nous devenons plus petits, nous voyons à quoi cela ressemblerait probablement sur un smartphone. Alors, qu'est-ce que vous remarquez sur le contenu ? Répondre ou s'adapter à la taille de l'appareil. Et ça ? Nous voyons une colonne ici, mais à mesure que l'appareil devient plus grand, nous avons plus de fenêtre, plus de taille. Qu' est-ce que tu vois ? Trois colonnes. Les ordinateurs de bureau ont généralement 2345 colonnes multiples. Mais les smartphones, vous voyez rarement des colonnes parce qu'il n'y a pas de place pour cela. Le contenu n'autorise qu'une seule colonne. C' est l'un des plus grands points à emporter voir sur un appareil mobile est que la plupart du contenu est dans une colonne et il correspond à toute la largeur de la page. Comme nous pouvons le voir, cette mise en page Devi que nous avons téléchargé, le thème du café est déjà réactif car il semble vraiment agréable sur la plus petite taille. Mais il a aussi l'air génial sur une plus grande taille. C' est un design bien conçu et réactif. Comment en arriver à ce point ? Comment éditer ce site Web via Devi Visual Builder ? Fermons nos outils Chrome et passons dans Visual Builder activé Visual Builder. Et nous allons examiner quelques options différentes ici. D' abord, nous voulons regarder le coin inférieur ici. On va cliquer sur les trois points violets ici. Et regardons le coin, la du bureau, la vue de la tablette et la vue du téléphone. Donc, nous commençons par la vue du bureau. On est déjà là-dessus. Maintenant, regardons la vue de la tablette. Devi, le Visual Builder réduit la fenêtre de sorte que vous pouvez prévisualiser à quoi cette conception ressemblerait probablement sur une tablette, sur chaque tablette exacte et quelle marque la tablette est peut changer légèrement les choses, mais nous sommes généralement certains que c'est à quoi il ressemblerait sur une tablette. En mode portrait, pas en paysage. Donc de haut en bas. Maintenant, comment aurait-il l'air sur un appareil mobile qui va être encore plus petit que la tablette. Côté vertical ou portrait, tablette ou smartphone. C' est ainsi que cela ressemblerait à la vue de la tablette, mais juste un peu plus petit. Donc, c'est la prévisualisation à quoi cela ressemblerait sur différentes tailles d'écran. Comment éditer ? Voyons voir. Donc, nous allons revenir à la vue du bureau. Et je veux attirer l'attention sur quelque chose dans la section design. Alors passons à ce bouton. Nous allons cliquer sur Paramètres du module et aller à la conception de l'onglet. Ainsi, chacune de ces options a un réglage réactif et design. Donc si on clique sur ce petit gars, on verra à quoi ça ressemblerait sur le bureau, cette tablette dans le téléphone. Et on peut changer l'alignement. Dans ce cas, c'est l'alignement. Nous pouvons modifier l'alignement en fonction de l'appareil que nous utilisons. Alors peut-être que nous voulons aligner à gauche sur le bureau, mais pas sur la tablette ou le mobile. Peut-être qu'on veut le centrer sur la tablette. On y va. Si nous avons envoyé ou quelque chose juste sur la tablette, Il va également s'appliquer aux plus petits appareils à, donc il s'appliquera à mobile. Mais ce que nous venons de faire ne s'appliquera pas au bureau. Donc, quand on vérifie ça, il revient à l'alignement à gauche. Faisons ça aussi pour le texte. Concevez du texte et nous allons changer l'alignement pour centré sur la tablette et le mobile. Aligner à gauche sur le bureau, la tablette, nous allons le centrer. Et cela s'applique aussi bien au mobile que nous pouvons le voir ici. Bien paraître, peut-être que le titre ne rentre pas sur un certain petit écran. les appareils mobiles, vous n'avez pas autant d'espace pour les polices volumineuses que sur un bureau. Peut-être qu'on doit changer quelque chose pour la plus petite taille. Alors faisons ça. Le café a l'air génial sur le bureau, non ? Mais qu'en est-il d'un appareil plus petit ? Changeons le titre, le texte du titre. Sur les appareils plus petits. Alors nous allons prévisualiser à quoi cela ressemblerait sur une tablette. Ça a l'air bien. Peut-être qu'on va le rétrécir un peu juste pour être en sécurité. Nous voulons certainement que cela apparaisse sur une seule ligne. Et au téléphone. Il est déjà réduit à 40 pixels. La mise en page Devi l'a fait automatiquement. Allons le descendre un peu plus. Et le sous-titre ici ? La hauteur de la ligne n'a tout simplement pas l'air bien sur le mobile et peu d'espace entre les lignes. Alors changeons la hauteur de la ligne juste sur le téléphone. Magnifique. Pendant que nous y sommes, modifions aussi la taille de la police. Droit ? Maintenant, comment ça ressemble sur le mobile ? On y va, semble beaucoup mieux. Et là, nous avons censuré cette section sur mobile. Idéalement, nous voudrions faire défiler de haut en bas du site Web et simplement optimiser chaque élément de conception pour nous assurer qu'il correspond à chacun de ces trois éléments. Assurez-vous qu'il est beau sur un bureau, beau sur la tablette, et beau sur la vue mobile. Une fois que nous avons tous terminé avec cela, nous pouvons cliquer sur Enregistrer. Nous pouvons quitter Visual Builder et le regarder sur son propre appareil. Comment cela ressemble-t-il sur mon ordinateur ? Comment ça ressemble sur ma tablette ? Et nous pouvons retirer notre smartphone et voir comment le site serait sur notre propre smartphone sera dans cette section de notre navigateur un peu. L' inspecteur. Et j'aime bouger ceci, cette clôture et voir à quoi ressemble le design sur toutes les différentes mises en page réactives. Et s'il y a des problèmes flagrants, alors nous pouvons aller et retour dans Visual Builder et les corriger. Et sinon, c'est un excellent moyen de s'assurer qu'il sera beau sur toutes les tailles d'écran. Et c'est l'essence de la conception web réactive. Construire un beau design qui répond à toutes les tailles d'appareil. Alors qu'avons-nous appris ? Nous en avons appris un, la convivialité mobile est nécessaire pour un site Web réussi. Do responsive web design garantit que les sites Web sont optimisés pour toutes les tailles d'écran dans trois dB outils intégrés vous permettent d' affiner vos conceptions pour s'adapter à toutes les phrases vertes standard. Et quels sont nos devoirs ? Je veux que vous consultez votre site Web sur votre smartphone, optimiser à votre goût au sein de Devi, joué avec les outils de développement de Chrome pour voir comment le design réactif fonctionne sur différents sites Web. À présent, vous avez vu comment concevoir lorsque vous commencez avec une ardoise vierge. Passez de la couche. C' est ce que nous allons considérer dans la prochaine leçon. Je suis Leighton, et maintenant vous savez comment construire un site web mobile convivial. 16. Où trouver l'inspiration du design: Bienvenue, je suis en retard pour votre webmaster. Dans les dernières leçons, nous avons appris comment construire un site web en utilisant Divi et le logiciel WordPress. Peut soutenir que la construction d'un site Web est facile. Savoir quoi construire. C' est le défi. Art. Je veux dire, où tu commences ? Eh bien, pensez à un artiste avec une toile vierge. Où vont les artistes de là ? Je peux juste commencer à concevoir, voir ce qui se passe, ou chercher de l'inspiration ou ce que d'autres artistes ont créé. Pour l'art du web design, vous pouvez faire de même pour votre site web. Dans cette leçon, nous examinerons comment trouver l'inspiration pour le design, le couleurs et les polices. Tout d'abord, le design, l'un de mes endroits préférés pour commencer est la compétition. Disons que vous construisez un site web pour un plombier local. À quoi ressemblent les sites de plombier météo ? Voyons par nous-mêmes. Commençons par chercher des plombiers dans les grandes villes comme Miami, Floride. Nous faisons cela avec l'hypothèse que les entreprises sont en concurrence pour la page un de Google dans les grandes villes sont probablement puiser dans des budgets marketing plus élevés. Et des budgets marketing plus élevés pourraient potentiellement se traduire par une augmentation du nombre de sites Web. Pas une règle de coupe et de sécheresse, mais ça nous donne un point de départ. Qu' est-ce qu'on a trouvé ici ? 50 plombiers plus à proximité dans la section sponsorisée, Ouvrons certains d'entre eux. Comme nous faisons défiler vers le bas, nous voyons plus d'annonces. Top 5, il y avait des annonces en fait voir quelques annonces locales. Et on va les ouvrir. C'est Yelp. On va sauter ça. Voici une autre compagnie. Une autre compagnie. D' habitude, je vais ouvrir environ 30, 40, peut-être 50 d'entre eux, et les parcourir rapidement. On est de retour aux annonces. Ouvre ça. Et on y va. Ça nous donnera un bon point de départ. Donc, lorsque nous regardons ces sites Web, il s'agit des frais d'inscription locaux de Google. Si nous pouvons trouver leur site Web réel. Non, nous ne pouvons pas. Donc on va les sauter. Et voici notre premier site web qui apparaît. Ils sont apparus près du sommet de Google. Lorsque vous cherchez un plombiers à Miami, en Floride, ils ont probablement un budget de marketing plus élevé. Et qu'est-ce qu'on remarque sur ce site ? Donc, je ne vais pas critiquer publiquement aucun de ces sites que nous examinons. Mais je veux que vous réfléchissiez à ce que vous voyez quand vous regardez ce site Web. Comment vous sentez-vous en faisant défiler ? Pensez-vous qu'il s'agit d'un site Web bien conçu ou pensez-vous que le design manque ? C'est simple ? Est-il facile à lire ? Pouvez-vous dire à quoi ils tentent d'attirer votre attention, comme ce bouton deux-points maintenant. Tu sais ce qu'ils font ? Services de plomberie et Miami, Floride. Ils sont très clairs à ce sujet. Si beau site web. Se déplaçant à droite. Que voyez-vous sur ce site ? Comment se compare-t-il au dernier que nous avons examiné ? Est-ce que celui-ci a l'air d'avoir été construit quelques années avant la dernière que nous avons vu ? Qu' avons-nous vu au sujet de l'année où cet examen a été rédigé ? Cela nous donne-t-il une idée du moment où ce site a été construit ? Que pensez-vous des couleurs ? Et vous vous sentez pour tous les textes ? Vous lisez ce texte ou est-ce qu'on écrémait, écrémait dessus ? Continuer. Celui-ci a beaucoup de pages, une tonne de pages qui peuvent être bonnes pour les moteurs de recherche. Évidemment, ils apparaissent à la page 1, donc ils font quelque chose de bien ? Mais qu'est-ce qu'on voit ici ? On voit des vidéos. Ils ont des vidéos qu'ils ont publiées sur des vidéos Youtube ou clé de nos jours. Alors ils font ça bien ? C' est un grand marché pour profiter de Joliment Done. Et cela peut être une autre source de trafic pour eux. Ils peuvent tirer le trafic de YouTube, des gens qui recherchent sur YouTube des plombiers dans cette région. Ils ont beaucoup de mots, beaucoup de contenu. Les consommateurs pourraient ne pas lire tous ces mots, mais Google les ramènera. Google sait certainement ce qu'ils font compte tenu des mots pompe et plomberie et Miami sont partout sur cette page, y compris commercial et résidentiel. En se déplaçant, nous voyons un arrière-plan de parallaxe ici. Titre très clair, nous voyons une vidéo d'ouverture. Oh, belle présentation en plein écran. Fuites ou toute autre urgence d'eau, ce n'est pas amusant. Peut trouver votre maison ou bureau et vraiment dans votre propriété et son contenu et seulement quelques heures si vous rencontrez et urgence ou soupçonnez une vidéo d'introduction vraiment impressionnante, ils le font très bien. Que pensez-vous de la conception ? Vous avez des critiques. Les critiques sont tirées de leur Yelp. Et ils ont quelques pages de service différentes. Et c'est ce site web. Ensuite, nous voyons une animation d'ouverture avec ce joli curseur. Que pensez-vous du schéma de couleurs ici ? Pensez-vous que ces couleurs fonctionnent ensemble ou qu'elles sont en compétition ? Maintenant, les badges sont pratiques. Ils ont BBB et Gs, et quelques autres badges ici, expertise.com. Donc ça leur donne de la crédibilité. C' est bon d'avoir ces badges pour montrer aux gens qu'en se basant sur le lit on peut faire confiance. D' accord, qu'est-ce qu'on a d'autre ? Pas beaucoup de design ici ? Et que pensez-vous des couleurs de fond comme cela facile sur les yeux ou est-il un peu audacieux ? Ceux que nous regardons ces sites Web, veulent que vous pensez à ce que vous aimeriez imiter lorsque vous démarrez votre projet de conception de site Web dans ce que vous diriez loin de magasiner ces sites en tant que consommateur, mais aussi comme un designer. Comment vous sentez-vous en tant que consommateur lorsque vous voyez ces sites ? Que pouvez-vous en prendre en tant que designer ? Une chose que nous remarquerons est que celui-ci est alimenté par Google. Il s'agit d'un site Google My Business. Il y a aussi des sites de construction de sites Web GoDaddy. Il y a des sites Wix, des sites Weebly. Cela signifie très probablement que le propriétaire du site le construire, le construire lui-même ou lui-même. C' est un site de le faire vous-même. Donc un autre marché sur lequel nous pourrions puiser ici est les redesigns. Donc, ceux-ci ont déjà des sites Web existants et ils le font vous-même. Alors peut-être qu'ils ont construit leur propre site web quand ils commencent. Mais maintenant, avec quelques années sous leur ceinture, ils ont peut-être un budget plus élevé et peuvent investir un peu plus d'argent dans leur marketing. Peut-être que c'est l'occasion pour vous de plonger et d'offrir vos services de conception de site Web pour reconcevoir un site Web faire vous-même. Très typique pour une entreprise d'obtenir son propre site Web avec ces sites de bricolage, puis quelques années plus tard pour investir dans une entreprise de conception de site Web de qualité professionnelle. Encore une fois, comme nous le voyons, sites Web qui sont dans la même industrie qu'un site Web que vous construisez. Je veux que vous pensiez à ce que vous ressentez en faisant défiler ces sites Web. Qu' est-ce que vous souhaitez copier ? Peut-être que tu aimes ce fond statique là-bas. Peut-être que tu aimes le design. Peut-être comme la topographie. Peut-être que vous pouvez prendre une idée cultivée de pari à partir d'un site Web. Prenez la police d'un autre site Web, prenez le look propre et moderne d'un autre site. Prenez les badges d'un autre. Vous pouvez choisir et choisir différents points forts de chaque site Web et construire votre propre site à partir de cela. Nous ne copions pas ces sites Web, nous les utilisons simplement comme inspiration de conception, soit pour ce qu'il faut faire ou ce qu'il ne faut pas faire. En outre, vous pouvez rechercher d'autres sites Web de qualité qui ne sont pas nécessairement dans l'industrie pour laquelle vous concevez. Pourquoi as-tu pu faire ça ? Répondons à cela en regardant quelques exemples. J' ai donc sélectionné des sites Web de classe mondiale ici pour vous montrer. Tout d'abord, nous ne pouvons pas parler de design numérique sans regarder Apple. Ils embauchent certains des meilleurs designers de la planète. Et voyons ce que nous pouvons apprendre de leur site Web. abord, leur menu est très simple et propre. Ils peuvent vous emmener sur Mac, iPad, iPhone, regarder la télévision, de la musique et de l'assistance. Ils ont une icône de recherche et ils ont une icône de panier. L' ouverture comme deux mots, App Store, le titre de ce qu'ils mettent en vedette aujourd'hui, et un sous-titre de deux phrases, les applications que vous aimez d'un endroit où vous pouvez faire confiance. De toute évidence, il y a beaucoup de réflexion dans ces deux phrases. Et il y a un bouton en savoir plus et une image accrocheuse de différentes applications. Ci-dessous. Au fur et à mesure que nous faisons défiler, l'arrière-plan change, ce qui signifie que nous changeons de vitesse vers une autre section de la page ou que nous quittons la section App Store pour aller dans l'Apple Watch 6, l'avenir de la santé est à votre poignet. Belle image de la Apple Watch et deux liens. En savoir plus et par nous continuons à défiler. Retrouvez-vous sur une autre nouvelle section, celle-ci pour l'iPad. Puissant, coloré, merveilleux. Deux autres boutons apprendre plus et essentiellement par lien et une belle image. Donc, nous avons déjà remarqué quelques tendances. Voir une mise en page très nette et nette. C' est discret. Il n'y a pas un tas de contenu, pas un tas de texte partout. C' est très précis, très précis. Nous voyons un titre, un sous-titre, un à deux boutons et une image sur chacune de ces sections. Tu vois ça ? Voyez-vous également comment ces premières sections s'étendent à partir de toute la largeur de la page. Alors qu'est-ce que ça veut dire ? Ils attirent l'attention sur ces sections. Ils veulent que vous fassiez attention à eux. Que voit-on en faisant défiler vers le bas ? Ceux-ci ne sont plus pleine largeur. Ils sont séparés en deux colonnes. Si inconsciemment, cela signifie que ceux-ci sur cette page particulière sont moins importants que les morceaux de contenu ci-dessus. Le plus important va vers le haut et le moins important sera sur le fond. Évidemment ce que vous voyez ici, nos créateurs d'argent, mais ils ne poussent pas ces produits ou services autant que ce que vous voyez ci-dessus. Mise en page très propre. Vous trouverez cela sur toutes leurs pages sur l'ensemble du site Web. Et vous trouverez cela sur leurs produits et services réels eux-mêmes. Toute personne à la recherche d'une mise en page moderne et propre avec un design sans absurdité peut s'inspirer de la société Apple car elle a conçu certains des meilleurs produits et services au monde. Maintenant, pour une mise en page plus audacieuse, Regardons ce site Web, B et I.com. Il s'agit de l'organisation de référence et de réseautage numéro un au monde. Il se trouve que je faisais partie d'eux moi-même, et ils ont subi un rafraîchissement majeur de la marque au cours de la dernière année. Donc, ils sont la topographie est devenue plus audacieuse et plus propre, plus moderne. Ils sont rouges, ils dessinent lourdement sur ce rouge, qui est une couleur puissante. Il dessine définitivement, vous attire. Et en faisant défiler vers le bas, nous voyons que leur marque est cohérente. Nous voyons des en-têtes en gras, des titres en gras. Nous voyons le rouge partout. Nous ne voyons pas d'autres couleurs parce qu'elles respectent leurs directives strictes en matière d'image de marque, qui dans ce cas sont des titres rouges, gras, liens gras. Et nous avons un appel à l'action ici. Notre regard est évidemment attiré par cette section parce que celle avant et après elle ont un fond blanc. Mais cela comme un fond rouge qui vous attire. Notre regard est attiré par quelques choses ici. Le titre, DNI, le logo, le dernier chapitre dans le coin, puisque c'est le seul bouton rouge ici. Oui, il y a notre noir ou blanc et l'appel à l'action ici. Ils essayent donc de te faire rejoindre l'organisation, de trouver un chapitre. Y a-t-il un moyen de vous faire inscrire ? Si vous trouvez un chapitre local, vous pouvez envisager de rejoindre 12. Ils attirent votre attention sur la partie qui leur permettra de clôturer la vente. J' adore ce rafraîchissement du cerveau. Je pense qu'ils ont fait un travail fabuleux. C' est très audacieux, très moderne, et il attire certainement l'attention. Maintenant, regardons un autre. Regardons un peu plus subtil. Celui-ci est un peu plus proche de ce que vous trouverez sur Apple. Voici squarespace.com. C' est un beau constructeur de site Web Do It Yourself. J' adore Squarespace. Je pense qu'ils ont fait un travail merveilleux avec leurs dessins là-bas. Si modernes, ils sont si magnifiques et ils sont connus pour ça. Parmi tous les constructeurs de sites Web là-bas, squarespace est connu pour être le plus attrayant. Maintenant, en termes de ce que nous les utilisons sur WordPress, je dirais non, juste parce qu'avec WordPress vous pouvez faire beaucoup plus de personnalisation que vous obtiendrez avec Squarespace. Squarespace rend super facile la construction d'un beau site Web, sur lequel nous les félicitons. Leurs sites Web sont connus pour être très propres. Avoir une image d'ouverture fabuleuse comme nous le voyons ici. Un titre simple et simples boutons de menu discrets et appel à des actions. Notez que dans le coin supérieur droit de ces dessins, nous avons un bouton d'appel à l'action. Donc vos yeux attirés vers ce cours de livre. Faire un don. Oui, très bien joué. Voyez comment ça marche. Alors que nous faisons défiler vers le bas, nous continuerons à voir cette tendance d'une couleur d'arrière-plan distincte indiquant. Nous avons passé à une autre section. Ici, ils présentent le fonctionnement de leur constructeur de site Web. Et nous remarquons de belles animations subtiles et fluides tout au long. En faisant défiler la page vers le bas, nous voyons comment le contenu s'estompe en action. Toutes ces petites nuances subtiles sont tout simplement incroyables. Nous pouvons certainement nous inspirer de cela. Tant que les animations ont du sens, ils ne sont pas exagérés leur objectif. Nous aimons les animations, et cela peut être une nuance subtile. Nous ne voulons pas qu'elle prenne le contrôle d'une page, mais nous pouvons l'ajouter comme une subtilité. Vous remarquez également que lorsque nous faisons défiler les flux de couleurs, chaque section a une sorte de schéma de couleurs différent ici, mais cela fonctionne. Ils ont choisi délibérément et stratégiquement leurs couleurs pour aller ensemble. Par exemple, ce que vous voyez ici, nos tons de peau. Vous voyez des variations de bronzage et de brun. Et tout fonctionne ensemble. Voir un beau schéma de couleurs noir et blanc en bas ici. Et la police est facile à lire, ce qui peut certes être difficile à faire quand vous avez un fond noir, mais ils le font fonctionner en utilisant une police assez audacieuse qu' ils n'utiliseraient autrement s'ils tapaient sur un blanc arrière-plan. Vous voyez à quel point c'est facile à lire. Et vous voyez comment vous n'avez pas à plisser. Vous n'avez pas à vous demander ce qui est écrit ici. Tout est très facile à lire parce qu'ils ont choisi délibérément les polices et la typographie correctes. En bas, nous avons le bouton d'appel à l'action, énormes lettres prêtes à lancer. Et quel est ton oeil attiré pour entendre ce que deux boutons ? Le Get Started en bas et le get started qui était en haut tout le long. Cela a été choisi délibérément pour nous amener à descendre leur entonnoir de vente, pour nous amener à acheter leur produit ou service. Dans leur cas, je veux que vous commenciez par construire votre site Web et, espérons-le, vous déplacer vers un plan payant. Qu' avons-nous trouvé sur le site de Squarespace ? Nous trouvons un design agréable, propre et moderne. Il coule juste. Nous savons que nous sommes sur le même site que nous faisons défiler vers le bas, car nous passons à différentes pages. Et squarespace a de belles animations subtiles. Donc, je recommande totalement de s'inspirer d'un site comme celui-ci. Apprenez-la et voyez ce que vous pouvez implémenter à partir d'une conception comme celle-ci. Maintenant, c'est un vrai régal. C' est BlackBerry Mountain dans le Tennessee. Site absolument phénoménal. Rafraîchissons ici pour voir comment il se charge. Comme nous faisons défiler vers le bas. Remarquez ce qui se passe. Je fais défiler ma souris et nous voyons un fabuleux effet de parallaxe, une image de fond. Laissez-moi cliquer sur le menu ici. Oh, ça fait incroyable. Pour voir le menu apparaît de côté. Il y a des liens vers les réseaux sociaux en bas, on voit des animations ici. Rafraîchissons. Et comme nous continuons à faire défiler, nous voyons la photo d'arrière-plan à l'intérieur de cette police, qui est un effet incroyable. Nous voyons que les feuilles restent fixes en place ainsi que la plume. Nous voyons des photographies nettes de haute qualité. Nous voyons une typographie audacieuse, facile à lire. Ce n'est pas exagéré avec trop de mots. Et nous voyons le menu et le bouton d'appel à l'action dans le coin changer de couleur que nous faisons défiler vers le bas, vous remarquez cela ? Il est maintenant blanc et maintenant c'est un gris. Est une merveilleuse petite fonctionnalité là-bas. Continuez à faire défiler. Vous verrez plus d'animations lorsque nous survolons le bouton. Nous recherchons le contenu à charger lorsque nous déplacons ce curseur. Beaucoup d'animations qui sont très bien conçues. Vous remarquez cette feuille ici ? Comme on fait défiler ? Il tourne un peu. Très subtil. Nous aimons la subtilité. Ce site est phénoménal. Il y a beaucoup de choses qu'on peut en apprendre. Nous avons appris l'importance de la photographie haute définition. Nous avons appris l'importance de textes très faciles à lire. Nous avons appris des animations subtiles et nous apprenons l'effet de parallaxe, qui est l'endroit où l'arrière-plan se déplace un peu lorsque nous faisons défiler la souris. Vous l'avez sûrement vu sur différents sites Web. Donc, ce site est absolument un régal pour naviguer. Et j'espère que cela convertira les gens pour faire une réservation. Un site de plus, Regardons mon processeur de paiement préféré, stripe.com. Ils sont connus pour avoir un design fabuleux. Ils ont toujours dès le premier jour et ils mettent la barre quand il s'agit de la conception de leur service, leur service de paiement et de leur page d'accueil elle-même. Ils ont donc été l'un des premiers à faire un dégradé en arrière-plan en haut. Et maintenant ils n'ont pas animé, ce qui est si subtil, si magnifique. J' ai attiré l'acclamation des développeurs et des designers à travers le monde. Si propre, si simple. Ils ont de grandes images, de haute qualité. J' ai de l'animation ici. Ils suivent leur schéma de couleurs violacées avec une touche d'autres couleurs. Stripe a toujours eu une mise en page très colorée. Ils commencent par leur violet et ils ont ajouté quelques autres couleurs à partir de là, comme cette sarcelle. Et ils font vraiment travailler la mise en page colorée. Il peut être difficile de faire fonctionner des couleurs vives. Stripe est l'une des rares entreprises qui le font bien. Et nous pouvons apprendre beaucoup en regardant Stripe. Nous apprenons à ne pas craindre la couleur. Si c'est fait délibérément, c'est fait avec élégance. Nous apprenons des gradients. Ils font très bien les gradients. Et nous continuons à apprendre des animations et des images de haute qualité sont essentielles pour un site web. Et enfin, séparer les sections avec une nouvelle couleur de fond, une couleur de fond contrastée est une tendance merveilleuse qui nous permet de briser le design et de dire inconsciemment à votre oeil, nous passons à une section différente, un autre morceau de contenu ici. Donc, regarder ces conceptions de classe mondiale peut servir d'inspiration si impressionnante. Nous en apprendrons beaucoup plus à partir de ces sites Web que nous le ferons, à partir des sites Web locaux des petites entreprises. Mais je prendrais tout cela en considération. fur et à mesure que vous vous inspirez, regardez le Web, regardez différents sites Web, qu' il s'agisse de petites, moyennes ou grandes entreprises, ou de prix intérieurs. Nous pouvons apprendre des sites Web de tous les niveaux à mesure que vous les regardez. Du point de vue d'un designer. Regardez-les en tant que consommateur, mais aussi en tant que designer et voyez ce que vous pouvez apprendre, voyez ce qui vous impressionne , ce que vous voulez imiter et ce que vous voulez éviter. Ayant regardé ces sites Web brillamment conçus. Que pouvez-vous apprendre d'eux ? Si tu apprends l'art, qui étudies-tu ? Les artistes amateurs sont les plus célèbres. Si vous voulez être bon, appris des célèbres. En fait, regarder et copier des experts est l'un des moyens les plus efficaces d'apprendre n'importe quelle compétence. Donc, quand vous regardez d'autres sites Web avec un œil critique, vous pouvez former votre œil pour séparer la qualité de la merde. Concentrez-vous sur la qualité, le marché du livre, enregistrez-le, apprenez de lui. Donc, lorsque vous concevez un site Web pour votre client, vous aurez beaucoup de beaux sites Web à choisir. Et si vous vous sentez toujours un peu coupable d'avoir fait du shopping pour des idées de design. Pensez à ça. Quand tu pars pour construire une maison. Construisez une maison 100% unique qui ne ressemble pas à une autre maison dans l'histoire. Très peu probable. En fait, l'un de vos premiers pas est de décider si vous voulez une maison victorienne , une ferme, une deux étages, une histoire, etc. Rappelez-vous, ce n'est pas le plagiat, c'est l'inspiration. Et qu'est-ce qui va d'autre dans la planification d'un site Web ? Couleur. Une chose que j'ai étudiée longuement au fil des ans est la théorie des couleurs. Fondamentalement, différentes couleurs évoquent différentes émotions. Par exemple, qu'est-ce qui vous vient à l'esprit quand vous pensez au violet ? bleu, le rouge, le jaune, le vert, violet porte l'idée de la royauté. Le bleu est associé à la technologie et au professionnalisme. Le rouge et le jaune sont des couleurs chaudes qui encouragent l'achat d'impulsions et des décisions rapides. Le vert est associé à la fois à l'argent et à la nature. Qu'est-ce que tout ça veut dire ? Eh bien, si je planifie un site web, probablement paysagiste, je vais probablement dépendre de la couleur verte. Je veux que les gens aient l'impression d'être sur un site paysagiste. Les sites de photographie sont souvent en noir et blanc. Ainsi, vous pouvez vous concentrer sur les photos. Les entreprises technologiques ont tendance à utiliser la couleur bleue sur leurs sites Web comme Facebook, Twitter, LinkedIn, etc. Vous verrez des tendances comme celles-ci sur plusieurs sites Web au sein de la même industrie. Maintenant, si nous sommes pris sur un client qui a déjà un logo, vous utiliseriez simplement un sélecteur de couleur pour trouver le code hexadécimal sixième chiffre de la couleur dominante du logo. Nous voulons construire un site web qui correspond à leur marque, n'est-ce pas ? Donc, les couleurs doivent regarder le même sur le logo, les documents imprimés, le site Web, sur les médias sociaux. Et si vous les aidez avec leur image de marque, assurez-vous que leur logo et leurs couleurs sont les mêmes sur le site Web et sur toutes les plateformes sociales. Nous voulons de la cohérence. Alors, qu'est-ce qui peut vous aider à créer un jeu de couleurs autour de la couleur dominante ? Regardons un outil gratuit, Adobe Color. Adobe propose quelques-uns des plus grands outils de conception disponibles sur le marché. Et ce site web se trouve être une ressource gratuite. Nous pouvons utiliser son point de couleur adobe.com. Donc, à travers cela, nous pouvons créer un schéma de couleurs. Donc d'abord, nous remarquerons que nous avons une roue de couleur ici. Qu' est-ce qu'on fait avec ça ? D'abord ? Nous avons une couleur de base. La couleur de base est au milieu, et nous construisons un schéma de couleurs autour d'elle. Donc, nous commençons avec l'IS analogique ici, qui est des couleurs similaires. Nous avons aussi une triade monochromatique. Gratuit, qui est celui qui utilise couramment. Split gratuit, double split, complémentaire, carrée, nuances composées et personnalisées. Alors regardons gratuitement. Donc scientifiquement, nous sommes attirés par les contraires sur la roue de couleur. Pouvez-vous penser à quelque chose qui utilise ce schéma de couleurs ? Tu peux probablement. Donc, ce que je fais généralement est de commencer par mettre ma couleur de base. Disons que j'ai un client et que leur logo a un vert, une base de vert. Disons que c'est notre base. Et nous pouvons utiliser cet outil pour trouver le contraire sur la roue de couleur, qui dans ce cas est rouge. On a trouvé exactement le contraire. Et nous pouvons simplement copier et coller ces six chiffres hexadécimal code. Ce code à six chiffres nous donne cette couleur. Et nous pouvons définir ça comme une couleur de base. Nous pouvons copier et coller le code hexadécimal. On peut changer un peu l'éclairage. C' est le code que HTML, les sites Web et CSS vont utiliser pour tirer la couleur. Vous vous habituerez à les voir en regardant plus de sites Web et en les concevant. Code couleur hexadécimal sixième chiffre. Que pouvons-nous faire d'autre avec cet outil ? Cherchera ici à ces quatre options. roue de couleur, d'extraction, de thème Outils deroue de couleur, d'extraction, de thème, d' extraction, de dégradé et d'accessibilité. Regardons le thème Extraire. Donc, avec cet outil, vous pouvez extraire la couleur d'une image. Donc, disons que vous commencez un projet et qu'ils vous ont donné ou que vous avez trouvé cette photo et que vous voulez construire un jeu de couleurs autour d'elle. C' est une belle photo. Disons que nous l'utilisons pour un site paysagiste. Nous pouvons télécharger ce fichier sur ce site Web. Et boom, il extrait les couleurs dominantes de cette photo. Dans ce cas, il a tiré quelques nuances de vert en plus de ce rouge. Que pouvez-vous faire d'autre ? Extrait en utilisant l'humeur de couleur. humeur des couleurs contrôle l'apparence de la palette harmonisée fonction de la quantité de noir dans l'intensité et les couleurs. Alors explorons ces différentes options. Coloré est ce que nous avons déjà sélectionné. Lumineux. Cela favorise les couleurs vives, en sourdine, qui ont plus de gris, profond, ce qui serait des couleurs plus sombres en plus de sombres, ce qui est certainement les plus sombres. Et aucun ne serait pas d'humeur. Cela dépend donc vraiment de ce que vous voulez transmettre avec votre site Web. Si vous voulez lumineux site amusant, vous pouvez choisir les meilleurs. Si vous voulez un schéma plus sérieux en sourdine, vous pouvez choisir sourd, profond ou sombre, en fonction de ce que vous souhaitez transmettre avec votre site Web. Et une fois que vous aurez appris à connaître la marque, vous comprendrez quel type d'humeur ils veulent. Une autre chose que nous pouvons faire est d'extraire un dégradé en utilisant la science pour extraire un dégradé de cette image, nous pouvons l'utiliser comme arrière-plan sur notre site Web ou n'importe où ailleurs sur le site où nous devons ajouter une touche de couleur. Pourtant, gardez avec le schéma de la conception. Ici, nous pouvons cliquer sur Copier et en un clic, nous copions le code hexadécimal à six chiffres. Nous pouvons coller cela dans dv ou nous pouvons l'utiliser dans notre code CSS. Chaque fois que Devi demande une couleur, il faudra un code hexadécimal à six chiffres. Donc, vous allez voir que assez souvent, habituer à voir ces combinaisons de code hexadécimal, qui est une combinaison de lettres et de chiffres. Et nous avons des outils d'accessibilité. Ils sont conçus pour expliquer s'il y a ou non un problème d'accessibilité ou un daltonisme avec un certain jeu de couleurs que vous avez choisi. Cela peut donc être utile lorsque vous avez besoin de rendre votre site Web plus accessible. Fabuleux outil. C' est complètement gratuit. Je recommande de l'utiliser pour extraire un jeu de couleurs d'une photo dominante. Vous voulez utiliser extraire un dégradé. Ou une fois que vous avez trouvé votre couleur de base basée sur le logo de votre client, vous pouvez instantanément trouver quelle couleur les complétera. Dans ce cas, si nous avons un schéma de couleur verte, le contraire serait ici une variation de rouge. Vous l'utiliserez sur votre appel aux actions, sur vos boutons d'appel à l'action et sur divers points de couleur que vous souhaitez attirer l'attention sur ce site. Enfin, nous avons une idée de la conception globale et de la couleur. Mais qu'en est-il de la police ? Comment choisir la bonne police pour notre projet ? Les polices sont si importantes lorsqu'elles sont choisies correctement, les polices peuvent subtilement évoquer un sentiment. Par exemple, sans serif. Ce sont des polices qui n'ont pas de sérifs ou les petites barres sur le bord des lettres. Ces polices peuvent transmettre un design moderne, frais , élégant, technique, etc., et elles sont faciles à lire. Serif transmet une expérience contemporaine, professionnelle et traditionnelle. Les polices Serif ont plus de personnel et il n'a pas su serif. Et vous trouverez généralement des polices serif dans les en-têtes. Dans san serif comme le corps. Mais où allez-vous pour vos polices ? Devi est conçu pour fonctionner avec Google Fonts. Qu' est-ce que Google Fonts ? Voyons voir. Ici, nous sommes sur la page d'accueil des polices Google, un site Web fabuleusement gratuit et de renommée mondiale qui nous permet d'intégrer rapidement et facilement une police web sur notre projet. Donc, actuellement, il existe 103 familles de polices différentes disponibles sur Google Fonts. Nous pouvons voir différentes catégories. Serif, moi, montre à quoi ressemble un serif. Donc ce sont les polices serif. Vous remarquez qu'ils ont l'air plus traditionnels et qu'ils ont ces lignes ou ces barres sur le bord de chaque personnage. Ce sont des polices serif. Nous pouvons également rechercher exclusivement des polices san serif. Il s'agit de ceux sans ces lignes ou de ces barres sur le bord de chaque police. Plus propre, généralement associé à l'idée de plus moderne. Nous avons aussi l'affichage. Les règles sont un peu plus uniques. Ils se démarqueront plus. Vous pouvez l'utiliser comme police de titre. L' écriture manuscrite, plus amusante, plus personnalisée, plus mignonne, plus artistique, plus créative. Il y a un moment et un endroit pour ça. Je n'utiliserais pas cela comme une police de corps, mais vous pourriez l'utiliser comme un accent ou un sous-titre, ou un titre. Certains d'entre eux sont vraiment gentils. Il y a aussi le monospace, que je n'utilise pas trop souvent ou presque jamais. Alors, qu'est-ce que tu fais avec ça ? Ainsi, nous pouvons sélectionner quelques polices différentes que nous aimons l'apparence et les comparer et les installer sur notre site Web. Comment savons-nous à quoi ils pourraient ressembler avant même d'accéder à notre site Web ? Eh bien, faisons ça. Tapez quelque chose. On va taper. Voyons l'inspiration du design afin que nous puissions taper tout ce que nous mettons sur notre site Web et voir à quoi cela ressemblerait dans ces différentes polices. Faisons les plus uniques. Peut changer la taille. Très bien, disons qu'on clique sur quelques-uns que nous aimons. Inspiration du design. Donc on a trouvé le parfait. Et qu'est-ce qu'on fait ? Disons celui-là, Abril gros visage. Il vous montre tous les caractères proposés sur cette police. Vous pouvez cliquer sur le bouton de téléchargement, mais nous n'avons pas besoin de le faire car Devi s'intègre déjà avec Google Fonts. allons donc ouvrir le site Web sur lequel nous avons travaillé et voir si nous pouvons intégrer cette police que nous avons choisie ira dans le Theme Customizer. C' est là que nous choisissons une police universelle pour notre site Web. Allez dans Paramètres généraux, typographie. Et il y a deux options, les polices d'en-tête, qui est comme le café. Nous croyons au café qui a un goût incroyable. Et puis il y a la police du corps, qui serait le corps du texte, la majorité du texte qui se trouve sur le site, ou la police d'en-tête. Essayons Abril gros visage. Et c'est le chargement, c'est le chargement. Celui-ci peut ne pas le montrer car il est déjà chargé sur la mise en page Devi particulière. Alors passons à une page différente, comme la boutique. Et on y va. Ceci a été chargé en tant que police. Pour notre page Web, Essayons-le sur le texte principal aussi. Vous pouvez voir comment si vous avez un grand nombre d'informations que ceux qui sont conçus pour être un en-tête peuvent ne pas avoir l'air aussi bon qu'une police de corps. Nous devons donc choisir stratégiquement les polices qui vont bien ensemble. Comment on a fait ça ? Comment savons-nous quelles polices auraient l'air bien ensemble ? Essayons quelques ressources que nous pouvons trouver sur Google. Donc, nous allons quitter notre site Web et aller à Google. Couplages de polices Google. Quelles sont les ressources disponibles ? Nous avons une ressource gratuite ici, Font Pair dot co vous aide à jumeler les polices Google ensemble. Ça a l'air prometteur. Voyons ce qui est disponible en tant que paire en vedette. Donc, cela nous montre la police d'en-tête et la police du corps. La direction est Laura, le corps est Meriwether. Celles-ci avaient été choisies par les designers. Ils ont été prouvés qu'ils travaillent ensemble. C' est un excellent moyen d'obtenir de l'inspiration et de voir ce qui serait une bonne combinaison. Si vous en voyez un qui vous plaît. Il devrait être disponible dans les polices Google et, espérons-le, il est disponible dans Devi. Devi a une tonne de polices Google que Elegant Themes ont choisi qui fonctionnent bien avec le thème Divi. Parfois, vous en trouverez des qui ne sont pas disponibles et c'est bon. Il y en a généralement un qui ressemble. Donc encore une fois, ce sont les, quelques-unes des meilleures combinaisons de polices Google. Vous pouvez les éditer vous-même. Juste ici. Vous pouvez trouver le nom de la police de titre et le nom de la police de corps, aller dans Devi et importer cette police particulière. La taille est une façon fabuleuse de voir quelles polices fonctionnent bien ensemble, choisies par des designers professionnels. En revue, où pouvons-nous chercher l'inspiration du design ? Premièrement, nous pouvons faire des recherches sur le concours. Remarquez ce qui vous impressionne de surfer sur le Web serait concevoir à l'esprit. Notez la qualité des sites web eux-mêmes. Planifiez très stratégiquement la couleur de base et recherchez des couleurs complémentaires. Ou choisissez la bonne police pour s'adapter à la marque de l'entreprise. En prenant ces mesures, vous ne serez pas simplement construire un site Web fonctionnel. Et nous allons en construire une belle, Rawls un visiteur et encouragé à rester, partager et revenir. Et le plus important, quel que soit le bien ou le service du marketing de l'entreprise. C' est l'objectif ultime de vous en tant qu'entreprise de design web. Pour convertir vos clients, visiteurs en clients payants. C' est quoi les devoirs ? Je veux que vous consultiez Google Fonts et Adobe couleur et commencez à prêter attention à la qualité de conception des sites Web que vous dessinez. Je suis Leighton. Et maintenant, vous savez, l'inspiration du design. 17. Ressources d'image: Et bienvenue. Je suis en retard pour votre webmaster. Aujourd'hui, nous allons discuter où nous pouvons trouver des images. Les images sont quelques-unes des pièces les plus importantes d'un site Web. Pourquoi ? Eh bien, à quoi ton oeil est attiré quand tu sors un site web pour la première fois ? Les paragraphes ennuyeux ou les photos attrayantes. En outre, que serait un site Web de restaurant sans images alléchantes de nourriture. Que serait le site Web d'un photographe sans photos impressionnantes de son travail ? Qu' est-ce que notre site d'hôtel B, sans photos de leurs chambres, est les images peuvent être quelques-uns des éléments les plus importants d'une page Web. Mais où trouvez-vous des graphiques et des images pour votre projet de site web ? Vous avez plusieurs options. Dans cette leçon, nous en considérerons un, lorsque le client fournit ses propres images à quand vous devez chercher des graphiques de stock. Et troisièmement, quand vous savez apporter assez de photographe. Tout d'abord, lorsque le client fournit ses propres images. Le plus souvent, les clients vous donneront quelques photos pour commencer. Évidemment, ils vous donneront leur logo. Mais quoi d'autre ? Eh bien, pensez à une galerie ou à une page de portfolio. Un couvreur voudra afficher des photos de ses projets de toiture. Un remodelage ou peut télécharger avant et après leur travail. Les artistes voudront mettre en valeur leur art. La plupart du temps, les clients qui ont déjà ces photos à portée de main lorsque le projet de site Web commence. Donc, vous vous demandez peut-être, quelle est la meilleure façon pour eux de vous envoyer des photos. Je vous recommande d'essayer Google Drive, Dropbox ou iCloud et de vous assurer qu'ils vous envoient la résolution la plus élevée possible. Certains clients voudront envoyer des centaines de photos. Donc, tous ont généralement demandé qu'ils n'envoient que le meilleur des meilleurs. Nous voulons éviter de mettre des images inférieures à la moyenne sur le site Web. Ils t'envoient un tas de photos. Vous pouvez prendre des libertés créatives pour désherber et choisir le meilleur. Deuxième photographie de stock. Avez-vous entendu parler de la photographie d'origine ? Quel genre de photos pouvez-vous télécharger ? Et combien coûtent elles ? Voyons voir. Tout d'abord, quelles entreprises viennent à l'esprit quand vous pensez à des actions ? Il y a moi Stock, Adobe Stock, Shutterstock, Getty. Ces entreprises ont des millions de photos dans leur catalogue. Vous pouvez trouver à peu près n'importe quoi sur ces sites. Plus le stock est respecté, leurs directives de qualité seront strictes. Et quel est le coût ? Les images d'actions s'exécuteront généralement entre 10 et 50 dollars par actif. Ils peuvent être plus élevés si vous avez besoin d'exclusivité. Et la plupart des sites boursiers auront des plans d'abonnement qui réduisent les coûts par image en vous demandant d'acheter plusieurs actifs par mois. Le coût dépend donc du site Web, du type de licence, de la résolution et du plan d'abonnement. Voyons un exemple. Nous voici sur Adobe Stock.com. Adobe est l'une des entreprises de design les plus populaires au monde, et ils fabriquent des logiciels dont nous discuterons dans la prochaine leçon. Mais c'est leur site de photographie. Donc, disons que vous avez besoin d'images pour votre site de rénovation de maison. Cherchons une maison. Voyez ce qui apparaît. Il y a plus de 19 millions de résultats pour la maison sur le site d'Adobe Stock. Il y a plein de choses qu'on peut trouver. Si nous cliquons sur Filtres, nous verrons que nous pouvons filtrer par les images de type d'actif. Adobe stock inclut également des vidéos. Modèles en 3D. Ils ont des photos, des illustrations, des illustrations et des vecteurs. Vous pouvez filtrer par le prix. Contenu non découvert, ce qui signifie qu'il n'a jamais été téléchargé par quiconque sur Adobe Stock. Vous pouvez trier en fonction de l'orientation, horizontale, verticale, carrée ou panoramique, la profondeur du champ, la couleur, si elle a des personnes ou non, des droits d'utilisation, de la taille , de la largeur et de la hauteur, etc. Voyons donc quel genre d'options nous avons. Maintenant, ces sites de photographie sont connus pour avoir de belles images. Absolument incroyable. Donc, si vous pouvez le trouver dans le budget et le budget de vos clients en fait, d'utiliser la photographie de stock et cela apportera vraiment votre projet au niveau supérieur. Alors, nous allons cliquer sur celui-ci. C' est une belle photo ici. Il est intitulé belle maison avec jardin d'herbe verte. C' est le photographe. Il y a quelques options ici. Nous pouvons l'enregistrer dans notre collection personnelle. Nous pouvons télécharger un aperçu, qui est une petite version de l'image avec un filigrane, comme vous le voyez, très subtilement le logo Adobe. Et vous voyez le numéro de la photo. Et vous pouvez l'ouvrir dans une application Adobe. Donc il y a deux options ici. En termes d'achat. Vous pouvez acheter une licence standard, qui serait juste un téléchargement typique. Ou pour plus d'argent, vous pouvez obtenir la licence étendue. Donc, la licence étendue est décrite de cette façon. Les licences étendues permettent aux licences de vendre des produits dérivés basés sur un actif. Vous pouvez acheter une licence étendue pour la plupart des photos, vecteurs et illustrations Adobe Stock. Les licences étendues offrent des impressions illimitées, et la possibilité de créer des produits dérivés pour la revente, tels que des tasses à café, des T-shirts, etc. Donc, puisque nous n'utilisons pas les images de cette façon, nous ne sommes pas les revendre. On ne les utilise pas de cette façon commerciale. On veut juste les mettre sur le site de notre client. Nous pouvons simplement cliquer sur la licence standard si nous voulons acheter celle-ci. Nous voyons également que les dimensions ici dans le type de fichier 5000 pixels largeur, ce qui est très généreux, et le type de fichier JPEG, ce qui est typique, en particulier pour les projets de site Web. Donc, si nous cliquons sur la licence standard, nous verrons quelques plans apparaître ici. Il existe plusieurs façons d'acheter via Adobe Stock. Voici quelques options. Il y a un abonnement mensuel et un abonnement annuel. Donc, pour 2999 par mois, vous pouvez obtenir trois actifs standard par mois. Ils disent que vous pouvez annuler à tout moment, inscrire plus de 36 actifs standard avec renouvelable. Alors faisons les calculs. 2999, c'est 30 dollars par mois. Cela nous donne trois atouts standard. Un atout standard serait comme une image que nous venons de voir. Donc, cela revient à 10 dollars plus taxes pour une photo d'actions. Une autre option, avons-nous un abonnement annuel ? Donc, pour le même prix, $30 par mois, mais avec un engagement annuel, ce qui fait qu'au moins $360 recevra 10 actifs standard par mois, ce qui le ramène à $3 par mois. Donc, cela fonctionne très bien si vous avez régulièrement besoin d'actifs. Mais si tu ne l'es pas, alors tu t'es engagé pour une autre dépense. Donc, entre 3, 10$, c'est très abordable, surtout pour les petites entreprises qui ont besoin d'un beau site Web. C' est une dépense très mineure. Mais j'ai dit qu'il y avait d'autres options. Pourquoi ai-je dit ça ? Eh bien, regardons leurs autres plans en plus de leurs packs de crédit. Donc, nous sommes sur stock dot adobe.com plans slash. Et qu'est-ce qu'on voit ? Il y a un engagement annuel et un mois à l'autre. Regardons leur mois en mois. Donc, trois actifs standard seraient 30 dollars par mois. Cela revient à 10 dollars par actif. Ou vous pouvez vous engager à 40 actifs par mois pour 100$ par mois, ce qui revient à 2$ et 50 cents par actif. Et vous pouvez demander 350 actifs standard par mois pour 200 dollars par mois, soit 57 cents par actif, soit 750 actifs standard par mois, pour 250 par mois, ce qui n'est que de 33 cents par actif. Donc, vous pouvez évidemment dire que plus vous achetez d'actifs, ils deviennent moins chers. Pour l'engagement annuel, le prix descend un peu pour atteindre le moins cher de 26 cents par actif. Cela dépend donc vraiment de vos besoins, fréquence à laquelle vous achetez des actifs. Et vraiment si vous transmettez les dépenses au client, alors peu importe si vous êtes une agence et que vous les achetez souvent. A quelle autre forme d'achat avons-nous ? C' est un plan. Regardons le pack de crédit. Utilisez des crédits pour le contenu que vous ne pouvez pas obtenir avec un forfait. Quelle est la différence entre les plans et les crédits ? Les plans sont donc les mieux adaptés aux besoins d'image typiques. Prix pour la valeur, l'option la plus populaire pour les téléchargements et images standard, les modèles, les ressources 3D et les pistes musicales. Crédits meilleurs pour le contenu non inclus dans les forfaits d'abonnement. Appuyez sur pour plus de flexibilité pour n'importe quel contenu. Meilleures offres pour les licences vidéo, premium et étendues. Donc les crédits sont fondamentalement une forme d'argent sur ces sites de photographie d'actions, vous verrez des crédits, les crédits de mot utilisés sur différents sites de photos d'actions. Et qu'est-ce que cela signifie ? Eh bien, voici leurs différents packs de crédit. Maintenant, tout d'abord, une image premium. Il dit que ça va coûter entre 15 et 1250 crédits chacun. Hd et pour k vidéos seront de huit à 20 crédits chacun. Les modèles Premium font pour la 3D premium de deux à dix crédits chacun. Maintenant, vous achetez un pack de crédit, vous obtenez tellement de crédits pour un certain montant d'argent, vous pouvez obtenir 40 crédits pour 360$, et cela vous permettra d'obtenir environ 40 images standard ou cinq vidéos. Vous pouvez acheter seulement cinq crédits pour 50$, et cela vous donnera cinq images standard. Alors réfléchissons à ça. Vous pouvez vous engager à un régime mensuel, vous pouvez vous engager à un régime annuel, ou j'appelle cela l'option de paiement à l'avance. Donc, cela signifie que vous dépensez 50$ et fondamentalement vous obtenez cinq images que vous pouvez utiliser quand vous voulez. Alors je vais dépenser 50$. Et à chaque fois que j'ai besoin d'acheter une image pour un client, je lui facturerai 10 dollars. Je n'ai pas fait de profit, je n'ai pas perdu d'argent. Nous obtenons des images de haute qualité et ils ont adoré le prix. Dire à un client qu'il n'y a que 10 dollars d'un pop est un moyen très facile de les vendre en stock. Il y a donc quelques options que nous avons sur ce site web, Adobe Stock. Il y en a d'autres comme nous avons discuté, et il y a beaucoup d'options disponibles là-bas pour la photographie de stock. Vous trouverez des photos de haute qualité sur tous ces sites Web. Trouvez-en un que vous aimez. J' aime utiliser Adobe parce que je suis investi dans leur Creative Cloud. J' utilise leur logiciel pour l'édition de photos, pour quel type de conception pour la production vidéo. Donc, il est juste un ajustement naturel que j'utilise leur site de photographie stock. Il y a aussi des sites photo gratuits. Pendant des années. Celles-ci étaient pleines de mauvaise qualité, mais au cours des dernières années, quelques ressources étonnantes ont émergé. Unsplash et Pixabay. Ces sites font respecter la qualité et ne facturent rien pour les téléchargements d'images. Ils encouragent juste à donner du crédit au photographe. Jetons un coup d'oeil à Unsplash. Ici, nous sommes sur unsplash.com, un fabuleux site gratuit qui a été fondé en 2013 comme un humble blog Tumblr. Ils viennent de sortir quelques images par semaine, et maintenant ils ont atteint plusieurs millions de photos diffusées par des photographes à travers le monde. Il se trouve que j'ai contribué à unsplash.com en tant que contributeur et mes photos ont été consultées et téléchargées des millions de fois. J' utilise Unsplash sur un bon nombre de projets. Donc c'était ma petite façon de tout rendre sur Unsplash est complètement gratuit. Vous ne recevez pas de redevance ou de pots-de-vin ou quoi que ce soit du genre. Lorsque vous téléchargez vos photos sur unsplash.com, ils encouragent simplement les personnes qui téléchargent les photos à remercier en attribuant le photographe. Unsplash est la source Internet d'images librement utilisables alimentées par des créateurs partout. Vous trouverez beaucoup de photos de la nature ici, mais elles ont vraiment grandi à peu près n'importe quelle catégorie là-bas. Voyons donc si nous avons des photos disponibles ici pour notre projet, Utilisons le même mot de recherche que nous avons fait sur Adobe Stock, qui est maison. Il y a quelques mots-clés supplémentaires que nous pouvons ajouter ici. Mais à part ça, on va directement aux photos. Et vous trouvez vraiment un travail haut de gamme ici. Toutes sortes de belles images. Téléchargeons un de ceux-ci. J' ai déjà utilisé celui-là avant. Voyons ce que nous avons à disposition. On peut trouver le photographe. Il s'appelle Brian BAB. On peut le suivre, voir quelles autres images il a téléchargées. On peut aimer la photo. Nous pouvons l'ajouter à notre propre collection. Si nous avons un compte, nous pouvons télécharger la photo, nous pouvons télécharger un. Nous pouvons choisir une taille spécifique. Si nous voulons télécharger une version redimensionnée, nous pouvons la partager ou nous pouvons voir les infos. Donner les informations va tirer vers le haut les vues et les téléchargements pour cette image particulière de la caméra. Dans ce cas, ils ont utilisé un Canon EOS 6D, qui est un appareil photo numérique impressionnant. Les dimensions de cette photo ou plus 5000 largeur par 3500 hauteur, ce qui est de très haute qualité. C' est donc une photo haute définition que nous pouvons utiliser sur nos projets. Alors, cliquez sur Télécharger gratuitement et voyez ce qui se passe. Très bien, on a un fichier JPEG, et on y va. Nous possédons maintenant une copie de cette photo. Nous pouvons l'utiliser sur nos projets web et graphiques aussi librement que nous le souhaiterions. On m'a demandé de dire des choses. Remerciez Brian bab d'avoir partagé son travail sur Unsplash. Il y a donc une petite ligne de texte pour que nous puissions copier la photo de Brian BAB sur Unsplash et elle renvoie à son compte sur unsplash.com. Cela vient de gagner de l'exposition pour le photographe afin qu'ils puissent faire leur travail et obtenir de la crédibilité, obtenir un peu de visibilité. Unsplash est un site Web merveilleux. Vous y trouverez toutes sortes de catégories. Regardons quelques uns différents. Il y a du travail de la technologie domestique. Évidemment, il y a des tonnes de photos de la nature, il y a des voyages, des films, des événements d'actualité, des gens regardons les gens, des trucs, des affaires et du travail. Donc, ils ont vraiment diversifié au début, ils étaient beaucoup de belles images de la nature et des voyages. Et maintenant, ils se sont vraiment étendus à beaucoup de catégories différentes. Nourriture et boissons. Maintenant, ceux-ci sont gérés par Unsplash. Ils ont donc personnellement sélectionné ce qui apparaît sur la page d'accueil pour chacune de ces catégories. Cela vous assurera de trouver le meilleur travail sur la page d'accueil. La plus haute qualité apparaîtra à l'avant et au centre. Et vous pouvez continuer à faire défiler et à rechercher pour trouver l'image parfaite pour votre projet. Encore une fois, tout ce que nous téléchargeons ici est totalement gratuit. Ils vous demandent de ne pas revendre l'image, mais vous pouvez l'utiliser sur votre projet de conception de site Web. Il suffit de demander que vous, en plus de ne pas la vendre, dites merci à la personne qui a pris l'image en copiant cette ligne de texte et en la plaçant près de la photo. À ce stade, s'il vous plaît mettre la vidéo en pause, visitez unsplash.com. Faites quelques recherches afin que vous puissiez voir quel type de photos sont disponibles sur Unsplash. Et troisièmement, parfois nous devons embaucher un photographe si le client n'a pas de photos de qualité et que vous ne trouvez rien en stock, peut-être le temps de faire venir un photographe. Ce sera votre option la plus chère. Quel genre de photographes sont là-bas ? Les photographes de portrait peuvent prendre des têtes professionnelles, photos de tête pour vos clients, sur nous ou page d'équipe. Les photographes commerciaux peuvent prendre des photos professionnelles de l'intérieur ou de l'extérieur d'une maison de location, hôtel, d'une cabine, d'une maison ou autre chose. Faire appel à un photographe professionnel pour votre projet de site web ajoute un peu de frais. Vous pouvez simplement incorporer dans votre devis, mais les résultats valent bien l'investissement. Où allez-vous trouver un photographe de qualité ? Il y a des tonnes de photographes là-bas, mais vous devriez chercher un réseau certifié respecté avec différents photographes afin que vous puissiez avoir une idée de leurs forces et faiblesses. Notez quel photographe préfère quel type de projets. Trouvez ceux qui apprécieront le travail que vous utilisez à leur manière, en particulier en envoyant la conception de site Web, travaux de conception de votre site Web à votre guise. Alors qu'avons-nous appris ? Donner la priorité à la photographie haute définition est un investissement judicieux. Il élèvera votre projet de conception au niveau supérieur. Plus le site Web est impressionnant, plus les chances de visiteur se transformeront en un client payant. Il existe plusieurs façons d'obtenir des graphiques pour votre projet. Le client peut sembler là. Vous pouvez trouver des images d' actions gratuites et payantes Pour vous pouvez embaucher un photographe local professionnel. Et quels sont nos devoirs ? Je veux que vous consultiez Adobe Stock et Unsplash. Familiarisez-vous avec ce qu'ils coûtent et ce qu'ils offrent pour vos projets. Et je suis Leighton, et maintenant tu sais, des images. 18. Adobe Software: Bienvenue. Je suis Leighton, votre webmaster. Aujourd'hui, regardons le fabuleux logiciel créé par Adobe. Alors, où allez-vous pour éditer des images ou les traiter à partir de votre appareil photo numérique ? Quel logiciel ai-je utilisé pour créer cette vidéo ? Pour modifier le code sur nos sites Web ? Tout cela peut être réalisé avec le logiciel créé par Adobe, qui a été fondé dans les années 1980. Il y a des logiciels est la norme d'or, et je l'utilise depuis que j'ai commencé et conçu il y a plusieurs années. Examinons ce qui est proposé par Adobe, particulier pour la retouche photo, conception Web et la production vidéo. abord, il y a Adobe Photoshop, le logiciel de retouche photo le plus populaire au monde. Avec Photoshop, vous pouvez manipuler, transformer et éditer des photos. Vous pouvez créer des bannières, redimensionner des images de rognage, supprimer des éléments indésirables d'une photo , flotter, aiguiser le mélange, combiner aux coups de pinceau, cercles, polygones, et bien plus encore. Photoshop peut faire à peu près tout ce que vous voulez avec une photo. Les possibilités sont vraiment infinies. logiciel sœur Photoshop est Lightroom, Lelogiciel sœur Photoshop est Lightroom, un autre élément essentiel du monde du retouche photo. Alors que Photoshop se concentre sur la création et la manipulation d'images, Lightroom est le meilleur pour l'édition d'images par lots, ce qui signifie éditer et organiser un tas de photos à la fois. Les modifications que vous faites dans Lightroom sont principalement la luminosité, le contraste, ombres, les reflets, la couleur, la saturation , la balance des blancs, etc. Des photos tout de suite. Un appareil photo numérique doit passer par Lightroom pendant quelques minutes avant d'être diffusé au public. De nos jours, vous pouvez synchroniser vos photos et albums Lightroom sur tous vos appareils, téléphones, tablettes, ordinateurs. Cette synchronisation cloud est une merveilleuse façon d'éditer n'importe où, n'importe quand. Enfin, Photoshop est pour les images, lightroom est pour les photographies, puis Adobe Illustrator est pour les graphiques. Ainsi, les logos, les imprimés, les vecteurs, les cartes de visite, la typographie, tous peuvent être manipulés dans Illustrator, qui utilise des vecteurs au lieu de pixels. Vous pouvez donc redimensionner vos graphismes comme vous le souhaitez. Illustrator brille vraiment lorsque vous travaillez avec des graphiques imprimés. Regardons ces trois produits. Ici, nous sommes sur adobe.com. Allons à la créativité et au design et Photoshop, qui est répertorié comme l'édition d'images et le design. J' ai regardé sa petite animation d'ouverture ici. Fais croire Photoshop. Photoshop sur ordinateur de bureau et iPad pour seulement 20,99$ par mois. Et nous discuterons, il y a différents plans. Et quand nous arrivons au bas de cette page, une vidéo d'ouverture amusante évidemment créée avec bien plus que Photoshop. Mais vous comprenez le point. Vous pouvez faire des choses créatives incroyables avec les outils d'Adobe. Donner de l'énergie au monde créatif. Il est décrit comme le meilleur logiciel d'imagerie et de conception graphique au monde est au cœur de presque tous les projets créatifs, de l'édition photo à la composition en passant par la peinture numérique, animation et le design graphique. Maintenant, vous pouvez exploiter la puissance de Photoshop sur votre ordinateur de bureau et votre iPad pour créer partout où l'inspiration frappe. Pourquoi est-ce si important ? Parce que pendant plusieurs années, vous avez été lié à un ordinateur spécifique sur lequel vous avez installé le logiciel Photoshop. Maintenant, vous pouvez utiliser Photoshop sur n'importe quel appareil que vous possédez, VOUS, votre tablette, votre smartphone, votre ordinateur, votre ordinateur portable. La photographie de tous les jours a totalement transformé nos outils de photographie professionnels. Facilitez les modifications quotidiennes ou transformations totales d'image sur le bureau et l'iPad. Recadrer, supprimer des objets, retoucher, combiner des photos, jouer avec la couleur et les effets. Réimaginez l'art de la photographie à travers Photoshop. Le design est dans notre ADN. Affiches, emballages, bannières, sites web, tous vos projets de design commencent avec Photoshop, combinant photos et texte pour créer des images entièrement nouvelles. Travaillez avec un nombre illimité de calques et de masques, et peignez avec des pinceaux que vous contrôlez à l'aide du stylet ou du toucher sur votre iPad. Ici, partout. Votre travail est enregistré dans le Cloud. Donc vous, ce que vous pouvez faire, il n'a jamais été aussi facile d'utiliser Photoshop. De nouvelles fonctionnalités sont déployées régulièrement pour simplifier les étapes et gagner du temps. Il s'agit d'une sélection de portrait meilleure ou plus rapide. Avec un bouton, vous pouvez sélectionner votre portrait. Sélection précise des personnes serait juste un clic. Sélectionner un sujet détecte automatiquement la personne dans votre portrait et affine une sélection pour inclure des détails fins comme les cheveux, s'intègre avec Adobe Fonts, des motifs rotatifs. Il y a des objets, des outils de sélection. C' est vraiment un logiciel incroyable avec lequel vous pouvez créer des images et des graphiques. Voici quelques-uns des plans. Il y a Photoshop pour 10 dollars par mois. Et il vous donne Photoshop Lightroom, Lightroom Classic sur ordinateur de bureau et iPad. Photoshop sur ordinateur de bureau et iPad dans le cadre de Creative Cloud pour 20 dollars par mois. Toutes les applications, ce qui est ce que je fais, ce que je vous recommande. Vous obtenez tous les logiciels Adobe pour 52,99$ par mois et les étudiants et les enseignants bénéficient d'un tarif réduit. Qu' y a-t-il d'autre dans la famille Photoshop ? Adobe Photoshop, Lightroom, retouche photo puissante. Où que tu sois. Des photos incroyables, où que vous soyez, obtenez Lightroom dans le cadre d'Adobe Creative Cloud pour seulement dix dollars par mois. Le logiciel donne aux photographes un endroit où ils peuvent déposer leurs photos et leurs lots, organiser et les éditer après avoir été émis à votre bureau ou en déplacement. Il s'agit désormais d'un service cloud qui vous offre tout ce dont vous avez besoin pour éditer, organiser, stocker et partager vos photos sur n'importe quel appareil, où que vous soyez. édition, les outils faciles à utiliser comme les curseurs, les préréglages vous permettent de créer des photos qui ressemblent exactement à vos envies. Démarrez sur mobile, Web ou bureau, vos modifications sont appliquées. Partout ailleurs. Vous avez accès à votre bibliothèque où que vous alliez. Conçu pour la photographie, capturer, éditer et partager vos photos à partir d'un seul endroit. Apprenez des pros, il a intégré des tutoriels. C' est le matin ou l'organisation pour organiser vos photos. Et quelques-unes des nouvelles fonctionnalités récentes, tutoriels in-app. Photoshop sur l'intégration de l'iPad, vous pouvez envoyer une image de Lightroom à Photoshop sur l'iPad et revenir à nouveau et transformer vos photos. Remplissez automatiquement les bords panoramiques. Et il y a les différents plans. Lightroom tout seul, dix dollars par mois. Avec Photoshop pour 20 ou 50$ par mois, c'est ce que je recommande que vous obtenez tous les logiciels Adobe. Et regardons un autre et revenons au sommet, la créativité et le design. Regardons Illustrator, qui est construit comme graphiques vectoriels et illustration. Ce logiciel comme Photoshop a toujours été autour. Illustration de l'état de la technique. Vous pouvez créer des dessins animés impressionnants, des graphiques, des logos et des fichiers vectoriels vous permettent de les redimensionner à n'importe quelle taille. Par exemple, les panneaux d'affichage. Vous pouvez aller n'importe où entre de petits projets jusqu'aux panneaux d'affichage à grande échelle. Illustrator est tout autour de vous, le logiciel graphique vectoriel standard de l'industrie est utilisé par des millions de designers et d'artistes pour créer tout, des superbes graphismes web et mobiles aux logos, icônes, livres illustrations, emballages de produits et panneaux d'affichage. Œuvre iconique à n'importe quelle taille. Obtenez tous les outils de dessin dont vous avez besoin pour transformer des formes et des couleurs simples en logos, icônes et graphiques sophistiqués. Illustrator est un logiciel de conception vectorielle. Ainsi, vos illustrations peuvent être mises à l'échelle pour les écrans mobiles et jusqu'à la taille du panneau d'affichage et toujours être nettes et belles. Ils sont fondamentalement différents des pixels, qui sont ce que sont les images et les photographies. Ainsi, les graphiques construits sur des vecteurs sont complètement différents et ils peuvent être redimensionnés au lieu de se limiter aux pixels, comme une photographie le serait. attirer l'attention n'importe où. Créez des dessins à la main libres ou tracez et recoloriez des graphiques pour les transformer en œuvres d'art. Donc, ce n'est pas une photographie, c'est un graphique. C' est le genre de choses que vous créez avec Illustrator. Voyez comment ce sont des graphiques. Je serais le genre de chose que vous créez avec Adobe Illustrator, topographie magnifique qui dit tout. Incorporez le nom d'une entreprise dans un logo, créez un dépliant ou une maquette, un design de site Web avec les meilleurs outils de type disponibles, ajoutez des effets, gérez des styles et modifiez des caractères individuels pour créer, à des conceptions typographiques qui expriment parfaitement vos messages. Ce sont les types de choses que vous créeriez dans Illustrator. Et c'est sur l'iPad. D' accord, alors ouvrons Photoshop et voyons brièvement de quoi il s'agit. Donc, ici, nous ouvrons Photoshop et laissez-moi déposer l'image que nous avons téléchargée depuis unsplash dot la plupart de vos logiciels Adobe, cela va avoir une sensation similaire. Il y aura des outils à gauche spécifiques au logiciel particulier que vous utilisez. Dans ce cas, ce seront des outils avec lesquels nous pouvons manipuler des photos et des images. En haut, nous voyons que nous avons un fichier ouvert, le tout en haut, nous avons d'autres outils. Et à droite, nous avons encore plus d'outils à des fins différentes telles que la couleur et nos couches. Ainsi, plus vous obtenez, plus vous jouez avec le logiciel Adobe, plus vous vous sentirez à l'aise avec la mise en page où se trouve chaque bouton, quels outils vous utilisez pour quoi, à quelles fins. Et regardons certains d'entre eux très rapidement. Donc, ces outils ici nous permettent de sélectionner des choses. Lincoln, choisissez un morceau de notre image. On peut le déplacer. Nous pouvons utiliser l'outil de seau de peinture ici pour remplir cet espace. Nous pouvons utiliser le coup de pinceau pour en créer. Des pinceaux. Peut utiliser l'outil gomme pour effacer des parties de notre image et changer la taille du pinceau. C' est juste un bref aperçu du genre de choses que nous pouvons faire avec Photoshop. Nous pouvons ajouter du texte, le rendre plus grand ou plus petit ici. Modifiez la police. Des tonnes de polices sont fournies par défaut et vous pouvez en télécharger davantage à partir des polices Adobe, ce qui est gratuit avec votre abonnement à Adobe Creative Cloud. Vous pouvez ajouter des formes et littéralement des possibilités infinies ici. Vous pouvez redimensionner votre image. En ce moment, c'est à 50, 300 pixels. Vous pouvez le ramener à 2000. Peut-être que nous avons besoin de redimensionner une image pour les projets de site Web afin qu'elle s'adapte mieux à l'écran. Et on y va. Nous pouvons cliquer sur Commande ou Contrôle S sur notre ordinateur et l'enregistrer dans notre dossier sur notre ordinateur. Alors, comment avons-nous appris Photoshop, Lightroom Illustrator, ou n'importe quel logiciel ? Il y a des tonnes de tutoriels. Vous pouvez utiliser votre site Web d'apprentissage préféré, votre site de cours préféré, YouTube, tout ce que vous voulez. Il y a tellement de ressources disponibles et tutoriels pour que vous puissiez apprendre ce logiciel précieux. J' utilise Photoshop et Lightroom tous les jours. Moi et mon entreprise de conception de site web, ils sont complètement inestimables. Je serais perdu sans mon Photoshop. Donc, je le recommande fortement et vous recommande de commencer à l'utiliser dès que vous le pouvez. Qu' en est-il de la conception web ? Qu' offre Adobe pour les sites Web ? Tisseret de rêve. Cela a été créé comme un outil de conception de site Web, mais je l'utilise principalement pour modifier le code de mes projets. Sentez-vous que l'aspect design de Dreamweaver est la meilleure option, autant plus que nous utilisons WordPress pour le design. Mais les outils d'édition et de développement de code dans Dreamweaver peuvent vraiment vous faire gagner du temps. Dreamweaver connaît le code et connaît les fichiers sur votre ordinateur. Ainsi, lorsque vous commencez à taper, il peut remplir automatiquement le reste du code ou du fichier que vous essayez de lier deux. Regardons Dream tisserand. Nous sommes donc de retour sur la page d'accueil d'Adobe et trouvons Dreamweaver. Nous allons donc à la créativité et au design. Vous ne pouvez même pas le trouver sous les produits en vedette. Ils ont vraiment poussé Adobe Dreamweaver vers le bas sur la liste des produits qu'ils font la promotion. Sa traction a vraiment perdu au cours des dernières années, mais elle est toujours disponible sur leur site web. Ils offrent encore des mises à jour. Adobe Dreamweaver. Il est construit comme étant capable de concevoir et de développer des sites Web réactifs modernes. D' habitude, je ne l'utilise pas à cette fin. Je ne l'utilise pas pour concevoir des sites Web autant que pour organiser mes projets. J' utilise Dreamweaver tous les jours. Il garde une trace de tous mes projets et me permet d'éditer du code, qui dans WordPress, vous avez parfois besoin d'éditer du code. Si vous ne concevez pas et ne développez un site Web à partir de zéro en écrivant tout le code vous-même, vous devez parfois apporter des modifications mineures au code. Et ce logiciel nous permet de le faire. Il est donc décrit comme des sites réactifs très rapidement. Obtenez Dream Weaver dans le cadre d'Adobe Creative Cloud pour seulement 20 dollars par mois. Encore une fois, je recommande la suite de 50$ qui nous donne accès à chaque logiciel sur Adobe. Donc, nous n'avons pas à choisir ce que nous payons. Construisez de beaux sites pour n'importe quel navigateur ou appareil. Publiez rapidement, créez des pages Web presque n'importe où avec un logiciel de conception Web qui prend en charge HTML, CSS, JavaScript et un codage flexible plus rapide. Voyons ce qui se passe ici. Il s'agit d'une source de balises IMG, et lorsque nous commençons à taper, l'image sur l'ordinateur local apparaît. Cela peut être un véritable gain de temps. Et vous pouvez rechercher un fichier sur votre ordinateur et il remplit automatiquement le codage rapide, flexible, créer du code et gérer des sites Web dynamiques facilement avec le moteur de codage simplifié intelligent, accéder à des conseils de code pour rapidement apprendre et éditer HTML, CSS, et d'autres normes Web. Utilisez des aides visuelles pour réduire les erreurs et accélérer le développement du site. C' est certainement l'une de mes fonctionnalités préférées. Configurez pour configurer en moins d'étapes. Mettez vos sites en service plus rapidement avec des modèles de démarrage que vous pouvez personnaliser pour créer du HTML, des e-mails sur des pages, des blogs, pages e-commerce, des bulletins d'information et des portefeuilles. Je ne l'utilise pas à cette fin. Ce que vous voyez ici, c'est l'aspect design d'Adobe Dreamweaver. n'est pas ce que la plupart des concepteurs de sites Web timide. Je reste de ce côté. Le codage peut être très utile si vous l'utilisez dans ce département. Affichage dynamique sur chaque appareil conçu pour une conception Web réactive. Mais encore une fois, où nous utilisons WordPress pour cela et Devi, donc je n'utilise pas Dreamweaver de cette façon. Il vous permet de voir en direct votre site Web, ce qui est cool. Mais je ne profite pas de ça. J' utilise le codage. D' accord, alors ouvrons Dreamweaver et voyons à quoi ça ressemble. La première chose que vous remarquerez est qu'il est assez similaire à Photoshop en ce sens que nous avons des outils sur la gauche ici. Nous avons différents outils que nous pouvons utiliser. Nous avons nos dossiers et projets sur la droite. Ainsi, nous pouvons voir la vue locale et nous pouvons voir la vue à distance, qui est notre serveur. Vous pouvez le faire avec le logiciel gratuit FileZilla. Mais j'aime l'utiliser car Adobe le produit. Et il a le logiciel d'édition de code intégré. Donc nous pouvons ouvrir un de nos fichiers et au centre nous verrons le code. C' est donc le fichier de configuration de tableau de bord WordPress WP, qui nous permet de mettre dans notre connexion à la base de données. Vous devez souvent utiliser et modifier ce fichier. Donc moins ne sera pas à l'aise avec le faire. Vous pouvez utiliser le Bloc-notes ou le logiciel TextEdit sur votre ordinateur, ou vous pouvez utiliser un logiciel plus avancé comme Dreamweaver. Et c'est ce que je préfère utiliser pour éditer le code. Une chose que vous remarquerez est que différentes parties du code sont codées par couleur. Donc visuellement, il est beaucoup plus facile de numériser votre code et de voir ce que vous devez modifier. Ça accélère vraiment les choses. Donc, je l'utilise simplement pour le code. Et c'est à peu près quand je regarde quand je fais du cellulaire. Et à travers le gestionnaire de site ici, je peux enregistrer tous mes projets de site Web et basculer entre eux, accéder aux différents fichiers et interagir avec mon serveur, faire des modifications et utiliser ce bouton. Et je peux mettre les fichiers sur le serveur ou obtenir les fichiers du serveur. Et je suis vraiment aide les choses m'aide à organiser mes projets et à les modifier en conséquence. Et maintenant la production vidéo. Au début de cette leçon, je vous ai demandé quel logiciel j'utilise pour créer cette vidéo pédagogique. Vers Adobe Premiere Pro. Il s'agit d'un outil de niveau de production que même les studios de cinéma utilisaient pour créer des films. Vous pouvez importer des clips, découper, modifier, modifier la couleur, manipuler l'audio, ajouter des titres et des légendes, des transitions, des effets et bien plus encore. Pour les effets visuels cinématographiques et les animations graphiques. Il y a le produit partenaire, Adobe After Effects, qui est conçu pour compléter Premier Pro. Avec les animations graphiques, vous pouvez animer et manipuler à peu près n'importe quoi. Jetons un coup d'oeil à ces deux produits. Nous revenons sur adobe.com et recherchons désormais Premiere Pro et After Effects. C' est donc sous leurs produits de fonctionnalités, Premier Pro, qui est décrit comme le montage vidéo et la production. Encore une fois, c'est ce que les studios utiliseront. C' est un outil de niveau de production qui est extrêmement écrasant au début. Mais comme tout le reste, une fois que vous vous y habituez, cela peut devenir assez facile. J' en suis moi-même arrivé à ce point. Il est donc possible que le montage vidéo soit toujours une coupure ci-dessus. La dernière version de Premier Pro est ici avec d'excellentes fonctionnalités. Et Premiere Rush, qui est une version simplifiée de l'outil. Vidéo d'introduction cool. Nous faisons défiler différents plans, des outils intelligents, une meilleure narration. C' est le logiciel de montage vidéo leader de l'industrie pour le cinéma, la télévision et le web. Créez des outils de création, une intégration avec d'autres applications et services, et la puissance d' Adobe Sensei vous aide à créer des séquences dans des films et des vidéos raffinés. Puisqu' ils sont de l'intelligence artificielle, au fait. Et avec Adobe Premiere Rush, vous pouvez créer et modifier de nouveaux projets à partir de n'importe quel appareil. Restez dans votre flux créatif. Outils automatisés optimisés par Adobe Sensei. Gagnez du temps pour vous concentrer sur votre histoire, vos workflows intégrés. Laissez-vous polir votre travail sans quitter votre chronologie. Et il caméra n'importe quel format, n'importe quelle plate-forme, éditer des séquences dans n'importe quel format de 8 K à la réalité virtuelle. Les fichiers natifs prennent en charge des workflows proxy légers et une progression plus rapide. Hdr vous permet de travailler comme vous le souhaitez avec vos médias. Même sur des postes de travail mobiles. Ces outils et puissance absolue, tout ce dont vous avez besoin pour créer. Ainsi, comme vous vous y attendez, il s'intègre avec Photoshop, After Effects, auditions, Adobe Stock, etc. Permettez-moi d'attirer l'attention sur les tutoriels ici. Il y a tellement de choses que nous pouvons faire ici en Premier Pro. Regardons ça. Commencer est rapide et facile. Nos tutoriels étape par étape couvrent tout, des bases aux techniques avancées. Donc, au lieu de tirer le logiciel en direct comme nous l'avons fait dans les deux dernières vidéos, laissez-moi sortir ces tutoriels afin que je puisse vous montrer où vous pouvez apprendre Adobe Premiere Pro en plus de n'importe quel logiciel sur le site Adobe. Les didacticiels Premiere Pro, vous pouvez trouver des didacticiels de ce type pour n'importe quel logiciel Adobe. Celles-ci sont spécialement conçues pour Adobe Premier Pro. Faire des vidéos visuellement époustouflantes pratiquement partout appris les bases. Nous affinerons vos compétences avec des tutoriels conçus pour inspirer. Ainsi, vous pouvez choisir entre les vidéos débutants et expérimentés. Voyons ce qui est offert pour les débutants. Premier Pro démarre cours, créer un projet et importer un clip, explorer les panneaux, apprendre les compétences d'édition, travailler avec des graphismes et des titres. Ajustez la synchronisation de vos mises à jour, modifiez l'apparence de vos clips. Ajouter des effets, travailler avec l'audio. Travaillez avec vos clips. Médias importants. Travailler avec des animations à l'aide d'images clés, acre, points d'ancrage boucle, réglages de couleur, régler le contraste, clairs et les ombres, utilise les options de couleur, réglages de couleur naturels correspondent automatiquement aux couleurs du clip, copier-coller des effets. Comprendre l'audio, créer des séquences, créer un beau cours composite visuel, ajouter des transitions et plus encore. Ainsi, vous pouvez passer par ces tutoriels si vous êtes un apprenant visuel, pour apprendre vraiment n'importe quel logiciel de la suite Adobe. Et ces didacticiels sont publiés directement à partir d'Adobe. Donc vous savez, vous obtenez une éducation absolue de premier ordre. Récapitons quels logiciels nous venons de discuter. Tout d'abord, il y a photoshop, que j'utilise pour créer et manipuler des images. Deuxièmement, il y a Lightroom, qui nous permet d'éditer et d'organiser des photos. Troisièmement, illustrer, qui nous permet d'éditer des graphiques vectoriels et des illustrations. Dreamweaver, où nous pouvons organiser et modifier le code du site Web. Il existe Adobe Premier Pro pour la production vidéo. Enfin, After Effects, animations et animations. Je suis dans et hors de ces programmes tous les jours. Et une entreprise de conception de sites Web réussie dépend d'eux. Quels sont nos devoirs ? Quand tu seras prêt ? Achetez Adobe Creative Cloud via le lien de cette description du cours. Adobe software z, norme d'or absolue pour la conception. Donc, plus tôt vous vous sentirez à l'aise avec ce logiciel, mieux c'est. Je suis Leighton. Et maintenant tu sais, Adobe. 19. Thèmes d'enfant: Bienvenue. Je suis Leighton, votre webmaster. Dans la leçon d'aujourd'hui, regardons les thèmes enfants. Avez-vous entendu parler d'un thème enfant ? Mini cours, mais beaucoup d'accent sur l'importance d'un thème enfant. Examinons ce que sont ces thèmes enfants, pourquoi je les recommande, et comment vous pouvez les mettre en œuvre. Alors tout d'abord, qu'est-ce qu'un thème enfant ? Eh bien, vous vous souvenez que WordPress utilise des thèmes. Les thèmes sont construits sur le cadre WordPress pour vous donner un style et un design de site Web. Ma recommandation thématique et celle que vous apprenez à utiliser dans ce cours est Devi. Devi est un thème WordPress incroyablement puissant construit par Elegant Themes. Considérez-vous devi un thème enfant ? Non, non, pas tout seul, mais vous pouvez créer votre propre thème enfant pour travailler aux côtés de Debbie. Pourquoi voudrait-on faire ça ? Eh bien, l'une des meilleures choses à propos de Devi est le fait qu' il est si bien développé et constamment mis à jour. Cela signifie qu'ils offrent toujours de nouvelles fonctionnalités, des améliorations et des optimisations. Alors réfléchis à ça. Lorsque vous mettez à jour Devi, les fichiers de votre serveur sont remplacés par les fichiers récemment mis à jour. Ça a l'air super. Mais que se passe-t-il si vous avez dû apporter des modifications à vos fichiers ? Comme si vous deviez modifier le code pour l'en-tête, le pied de page, le corps, le fichier de fonctions, ou ajouter des JavaScript ou CSS supplémentaires aux fichiers de thème. La mise à jour signifie que tous ces réglages et modifications seraient supprimés une fois que vous mettez à jour devi vers la dernière version. C' est là que les thèmes enfants entrent en jeu. Ils vous permettent de modifier l'un des fichiers de thème de base séparément. Vos modifications ne sont donc pas supprimées lorsque vous mettez à jour Divi. Donc, si vous prévoyez d'effectuer des personnalisations avancées à votre thème, comme la modification des modèles de page, ajout de grandes quantités de CSS ou de JavaScript, l'ajout de nouvelles fonctions. Il est vraiment préférable d'apporter ces modifications à votre thème enfant sans jamais avoir à toucher les fichiers de thème principal. Maintenant, pour être clair, vous pouvez ajouter CSS, JavaScript, et faire pole dans un, un des modifications visuelles via l'administrateur WordPress et le Theme Customizer, vrai ? Mais plus vous construisez des sites Web, plus vous devez surmonter d'obstacles, plus vous devrez peut-être modifier un petit code pour corriger quelque chose. Peut-être ajouter une nouvelle fonctionnalité, ou simplement réparer quelque chose qui serait autrement cassé. Les thèmes enfants sont donc des meilleures pratiques. Les thèmes enfants facilitent l'édition du code pour vous et votre projet, et ils sont extrêmement simples à créer. En fait, laissez-moi vous montrer comment créer votre propre thème enfant. Nous sommes donc actuellement connectés à notre site de test et apparaissons dans la barre d'administration. Cliquez sur mon premier site. Donc, nous allons dans le backend de WordPress et nous cherchons Apparence et Thèmes. Nous devrions avoir un thème actuellement installé. C' est notre thème principal, Divi. Et ce que nous voulons faire maintenant, c'est ajouter un thème enfant en plus de cela. Donc, pour ce faire, Ouvrons FileZilla et nous allons nous connecter à notre serveur via FTP. Donc, je vais récupérer mon dernier laissez-passer et trouver mes identifiants enregistrés ici. Et je vais entrer le nom d'hôte et le nom d'utilisateur et le mot de passe ici. Faisons le port 22 pour la sécurité et la connexion rapide. Nous sommes donc connectés à notre serveur de test et allons dans le contenu du tableau de bord WP. C' est ce qui contient les téléchargements, les plugins et les thèmes. Et nous examinons des thèmes. Donc en ce moment, nous en avons un installé avec Devi. Et nous voulons ajouter un thème enfant au-dessus de Devi. Donc, la première chose que nous faisons pour y parvenir est de créer un nouveau dossier de thèmes. Et nous l'appelons DVI Dash enfant. C' est ce que nous appelons le thème de notre enfant. Et nous avons juste besoin de quelques fichiers à l'intérieur d'ici pour officiellement en faire un thème enfant. Donc, le premier serait le styles.css. Alors allons dans le Devi principal, dossier thème et nous allons voir plusieurs sous-dossiers ici que Davey puissance. Et nous voyons plusieurs fichiers, la plupart d'entre eux PHP, et nous voyons quelques fichiers CSS. Il y a un point appelé style css. Il s'agit du fichier CSS principal pour un thème. Donc, d'abord, nous allons avoir besoin d'un fichier style.css à l'intérieur de l'enfant devides. Donc, nous allons créer un nouveau fichier, style dot css. Et on va ouvrir ça. Donc j'en ai déjà un ouvert ici. Et ce sont les nécessités pour le style.css. C' est le minimum que nous devons inclure pour en faire un thème officiel de l'enfant. Donc nous devons avoir le nom du thème et nous appelons ce thème enfant Divi. Et nous devons mettre le modèle comme Devi. Ce doit être le nom exact de votre thème parent. Donc ça fait officiellement le lien avec votre rôle parental. Nous pouvons mettre ce que nous voulons pour la version, quand nous voulons pour l'auteur et l'URL et la description. Les parties les plus importantes ici sont le nom du thème que nous appelons notre thème enfant Divi et le modèle Devi. Ensuite, nous devons inclure la feuille de calcul des styles Devi primaires. Donc, nous faisons cela avec l'URL d'importation, puis la barre oblique de points, ce qui signifie que nous retournons un dossier aux thèmes, puis dv. Et ce serait ce dossier. Et puis style.css, ce qui signifie que nous faisons appel à notre thème enfant pour utiliser le style.css du thème principal. Donc, c'est ce que nous devons avoir ici et aller en copier ceci à partir du modèle que j'avais déjà. Et ouvrons le style.css ici. Afficher la barre oblique édition, rouvrir local. Et je vais coller ce que nous avons ici et appuyer sur Enregistrer. Et cela va être téléchargé sur notre serveur. Le fichier a été modifié. Souhaitez-vous le télécharger ? Oui. Oui, nous aimerions le télécharger. Donc, nous avons notre dossier style.css. Rafraîchissons et nous pouvons voir la taille du fichier là-bas. Il a été téléchargé. Il y a une autre chose que nous pouvons faire. Donc, chaque dossier de thème a une capture d'écran. Cela fait référence à l'image que nous voyons ici. Donc, j'aime juste copier l'existant. Alors passons à, voyons, sortons du dossier principal ici, le dossier Devi, et nous trouvons la capture d'écran ab.js JPEG. Je vais faire glisser cela dans le dossier de téléchargements sur mon ordinateur, puis nous pouvons télécharger cela sur notre thème enfant. Cela va donner à notre thème enfant la même capture d'écran est dv. Nous savons donc à quoi s'applique le thème de l'enfant. Donc je le traîne dans le thème de l'enfant. D' accord, tout va bien, jusqu'à présent. Maintenant, chaque thème a un fichier functions.php. Cela nous permet d'ajouter du code PHP supplémentaire à notre site WordPress. Il y a plein d'opportunités où nous pourrions faire ça. Habituellement, c'est lorsque vous voulez ajouter des fonctionnalités avancées supplémentaires à votre site WordPress ou Devi, ou que vous voulez éditer quelque chose que vous ne pouvez pas déjà faire sur le back-end Devi. Donc ce fichier est une nécessité pour notre thème enfant. Et honnêtement, c'est l'un des fichiers les plus importants de toute façon, parce que lorsque nous utilisons un thème enfant, c'est généralement ce que nous cherchons à accomplir. Nous cherchons généralement à ajouter un petit morceau de code PHP pour ajouter des fonctionnalités supplémentaires à notre site Web. Donc functions.php n'est pas seulement recommandé, mais c'est une nécessité. Donc, allons à Créer un nouveau fichier et nommez le point PHP de cette fonction. Maintenant, nous l'avons ouvert, voir slash edit, et il y a un petit morceau de code que nous devons ajouter pour appeler la feuille de style des thèmes parents. Alors allons sur Elegant Themes.com. Et je vais juste copier et coller ce petit extrait de code qui appellera les thèmes parents CSS. Donc, cela appellera le Devi officiel, CSS. Et c'est ce que nous devons faire pour mettre dans notre functions.php. Donc, c'est le tout premier extrait de code que nous ajoutons à functions.php et tout ce que nous voulons ajouter, nous pouvons le faire ci-dessous. C' est bien de préparer notre thème enfant lorsque nous commençons un nouveau projet. Et puis ayez juste ce functions.php prêt. Chaque fois que nous voulons ajouter du code supplémentaire, vous pouvez le faire. La semaine est au projet, des mois après le projet. Vous saurez quand l'occasion se présentera. Nous allons donc cliquer sur Enregistrer ou sur la commande S sur mon clavier et cliquer sur Oui pour télécharger ceci. Et nous allons rafraîchir ici et voir que nous avons notre style.css prêt à ajouter du code CSS supplémentaire à notre thème enfant. Et nous avons un functions.php prêt à ajouter fonctionnalités avancées et des personnalisations via PHP pour notre site WordPress. Nous avons également une capture d'écran optionnelle juste pour le rendre agréable. Sur WordPress admin. Donc, ce sont les nécessités pour notre thème enfant. Revenons sur notre site Web et voyons à quoi il ressemble. Je vais actualiser la page Gérer les thèmes et voir ce qui se passe ici. Maintenant. On y va. Nous sommes passés d'un thème principal à deux thèmes. Nous avons encore un thème actif, qui est le thème officiel Devi, et ensuite nous en avons un autre qui est actuellement inactif. Donc, en ce moment, nous pourrions ajouter autant de code que nous voulons pour le style et les fonctions et cela ne ferait rien parce que nous ne l'avons pas activé pour le moment. Donc, pouvez-vous activer deux thèmes à la fois ? Eh bien, non, tu ne peux pas. Mais pour que les deux soient actifs, le processus consiste à activer votre thème enfant pendant que vous avez votre thème principal activé. Et puis voyons ce qui se passe. Notre thème enfant est maintenant activé, et cela va au-dessus du thème parent, qui est Devi. Alors nous allons chercher notre site web, mon premier site, et voilà. On dirait qu'il l'a toujours fait. Le site n'a pas changé. Nous avons maintenant la possibilité d'ajouter du code supplémentaire à notre thème enfant. Tout ce que nous ajoutons ici, si nous éditons les fonctions, nous ajoutons à la feuille de style qui n'affectera pas le thème principal Devi. Nous pouvons donc faire autant de modifications et de modifications que nous le voulons. Et chaque fois que Elegant Themes pousse une nouvelle mise à jour Devi, qu'ils font assez régulièrement, cela n'affectera pas le thème principal. Ainsi, ils peuvent le mettre à jour tout ce qu'ils veulent et nos modifications resteront intactes. Alors pourquoi aurions-nous besoin d'un thème enfant ? Et regardons un exemple spécifique. Donc, quand nous allons dans dv, le but d'un thème enfant est que vous pouvez remplacer n'importe lequel des fichiers de base. Donc, si l'occasion se présentait où vous vouliez apporter des modifications vraiment spécifiques à l'en-tête que vous ne pouviez tout simplement pas faire à travers le personnalisateur de thème. Vous pouvez copier, vous pouvez copier ce fichier header.html et le mettre ici. Et quand vous faites cela, entré PHP. Si vous deviez copier le code pour cela, mais ce fichier particulier, vous pouvez copier ce code, puis le coller sur votre thème enfant. Et on y va. Donc, le but de ceci est que toutes les modifications que nous faisons au fichier header.html, nous pouvons changer n'importe quel petit morceau de code qui est nécessaire pour n' importe quoi, ce que nous cherchons à accomplir. C' est le fichier PHP point d'en-tête de ce qui sera déclenché. Donc, en ayant dirigé PHP dans votre thème enfant, vous avez maintenant annulé le fichier header.html original. Ce fichier ne fonctionnera pas tant que nous avons celui-ci téléchargé sur le serveur. Alors regardons un autre exemple. Je vais supprimer ce fichier dans. Regardons, ok, Par exemple, nous retournons dans Chrome et nous voyons que nous avons quelques icônes sociales ici, Facebook, google Plus, et Instagram. Disons que nous voulions ajouter, disons LinkedIn. n'y a pas d'option pour ajouter le LinkedIn aux options de thème Divi. Regardons que Devi et Theme Options. Nous passons par ici et nous voyons Facebook, Twitter, Google Plus Instagram. Où est LinkedIn ? Ajoutons-le. Pour que nous puissions accomplir cela avec notre thème enfant. Allons dans FileZilla et on va divvy. Et les icônes sociales sont tirées des inclusions et les icônes de soulignement social point PHP. Donc, voyons ou éditons ceci. Et il tire le fichier. Copions ce fichier. Et nous allons créer la même structure de fichiers dans notre thème enfant. Inclut créer un répertoire, inclut l'ouverture vers le haut. Et nous allons créer un fichier appelé icônes de soulignement social dot PHP. On y va. icônes sociales sont dans le thème principal, et les icônes sociales sont également dans le thème enfant. Donc, à cause de l'existence de ce fichier, celui-ci ne sera pas tiré. Tu viens de l'écraser. Nous allons donc ouvrir le fichier et son édition de vue thème enfant. Et nous allons coller le code pour les icônes sociales. Alors, qu'est-ce qu'on va faire de notre thème enfant ? Alors rendons ça un peu plus grand. Et qu'est-ce qu'on voit ici ? Fondamentalement ce que nous regardons ici, nous avons un petit morceau de code HTML avec un peu de PHP pour Facebook, pour Twitter, pour Google, et pour Instagram. Copions donc une partie de ce code HTML et collez-le ici. Et nous allons changer Google pour LinkedIn. Et nous allons simplement les prendre à Linkedin.com et changer la classe CSS en ET social lié. Dans. On y va. Nous allons appuyer sur Commande S pour enregistrer et appuyer sur Oui, actualiser ceci. Et on y va. Il a été téléchargé. Revenons donc dans Chrome et actualisons. Et on y va. Il y a LinkedIn, elle est belle. Donc, il y a un exemple réel de quand j'aime utiliser un thème enfant, va souvent rencontrer des opportunités d'ajouter CSS supplémentaire, d'ajouter functions.php. Mais il y a un autre exemple de quand vous pourriez vouloir utiliser un thème enfant, nous pouvons remplacer les icônes sociales point PHP à partir du thème principal et faire les ajustements que nous avions besoin de faire. Une autre question rapide, vous pourriez avoir, pouvons-nous ajouter CSS au personnalisateur de thème ? Et nous allons à Theme customizer. Et en bas ici, nous pouvons aller à CSS supplémentaire. Oui, tu as absolument raison. La meilleure occasion d'ajouter CSS au thème enfant cependant, serait quand vous avez beaucoup de CSS à ajouter, pensez à des centaines de lignes de code CSS. Mais pour la plupart d'entre nous, nous avons juste besoin d'ajouter quelques lignes chaque fois que nous avons besoin de faire un ajustement sur notre site Web. Dans ce cas, j'ai 123 petits morceaux de CSS. Donc, parfaitement sur le CSS supplémentaire. Et nous n'avons pas vraiment besoin d'ajouter cela à la feuille de style sur le thème enfant. Et nous pouvons l'avoir dans le CSS supplémentaire et de cette façon il est sauvegardé sur le serveur et nous pouvons tirer en utilisant le bon admin WordPress au lieu d'avoir à modifier du code. Mais si vous aviez des centaines de lignes de code CSS ou si vous aviez une fonction vraiment avancée, alors il est agréable de le ranger dans le CSS et le code functions.php. Donc là, vous l'avez. thèmes enfants ne sont pas faciles à ajouter. On pourrait le faire en quelques minutes. Personnellement, je vous recommande d'ajouter votre thème enfant lorsque vous commencez votre projet, lorsque vous installez pour la première fois WordPress. Et si vous nous faites commencer tout de suite, alors vous n'avez pas à vous inquiéter de l'ajouter plus tard. Et vous aurez votre functions.php et votre style.css prêt chaque fois que vous en avez besoin afin que vous puissiez apporter des modifications. Et là, vous l'avez. Nous avons maintenant un thème enfant installé, et nous sommes prêts à partir. Félicitations. Alors récapitons les thèmes enfants. Qu' avons-nous appris ? On en a appris un, ils sont si faciles à créer. Deux, ils travaillent à côté de votre thème principal. Et troisièmement, ils vous permettent de modifier votre thème tout en continuant à mettre à jour vers la dernière version sans perdre votre x. Alors, quels sont vos devoirs ? Je veux que vous créez votre propre thème enfant pour votre site WordPress. Donc vous comme c'est facile. Et quand viendra le moment où vous devez éditer du code, vous serez tous prêts. Je suis Leighton, et maintenant tu sais, les thèmes des enfants. 20. Concepts avancés - CSS: Bienvenue, je suis latent, votre webmaster. Dans la leçon d'aujourd'hui, parlons d'une couche avancée mais essentielle d'un site web, ce CSS. Maintenant, nous avons brièvement parlé de CSS retour dans la leçon de codage de la section un. Comme vous vous en souvenez, CSS signifie feuille de style en cascade. Sss est un langage de programmation web qui se concentre sur la conception et le style du contenu Raul comme le texte et les images. Par exemple, pour rendre le titre d'une page bleu, ajoutez du code CSS pour modifier une page Web en tant qu'arrière-plan. Ajoutez CSS pour agrandir une police. Ajouter CSS pour ajouter plus ou moins d'espacement entre les éléments, il suffit d'ajouter du CSS. Donc, en tant que concepteur web, vous aurez absolument besoin de travailler avec CSS pour polir vos conceptions. Mais attendez, n'avons-nous pas appris que Devi vous donne une plate-forme pour les sites Web visuellement conçus, ne nie pas la nécessité de coder css. Qu'est-ce que tu en penses ? Eh bien, Devi vous aide certainement si cela vous donne beaucoup de liberté pour affiner vos conceptions grâce aux options de police, espacement, le dimensionnement, les arrière-plans, les transitions, les transformations, et bien plus encore. En fait, Devi et d'autres thèmes modernes ont parcouru un long chemin dans ce département. Mais la plupart des thèmes modernes vous donnent également un endroit pour déposer dans votre propre CSS personnalisé. Donc, comme nous regardons un bref aperçu de CSS, Voici ce que nous allons apprendre. Un, un exemple de ce que CSS fait à porter pour apprendre CSS. Trois, où ajouter des extraits de CSS au thème Devi pour la beauté de l'inspecteur de votre navigateur. Et 5, comment le design web réactif fonctionne. Et bien sûr, avec CSS, s'il vous plaît comprendre que c'est un langage de codage. Avez-vous déjà essayé d'apprendre à parler une autre langue ? Notre langue est apprise et seulement quelques minutes, généralement pas. Donc, je vous encourage à poursuivre votre formation dehors de ce cours sont regarder des vidéos en ligne, lire des tutoriels, et surtout, essayer cela vous-même sur votre propre serveur Web. SSS peuvent être un peu particuliers, parfois, surtout lorsque vous êtes à la recherche d'effets de conception avancés. Donc, parfois, cet essai pratique et l'erreur sont juste la meilleure façon de l'apprendre. Cela étant dit, plongons dans. Nous allons donc obtenir une introduction de base aux feuilles de style CSS en cascade. Parce qu'en tant que concepteur web, c'est un langage de codage dans lequel vous serez absolument dans, jour après jour. Donc, la première question que nous voulons répondre à propos de CSS est, que fait CSS ? Et pour répondre à cette question, regardons une page Web publique. Dans ce cas, nous regardons une entrée Wikipédia. Et comme vous vous souvenez de la leçon de codage, sous la section des principes fondamentaux de la conception web de ce cours. Le CSS est disponible pour n'importe quelle page Web sur Internet. CSS et HTML sont en fait disponibles. Nous pouvons aller voir la source de la page pour voir à quoi cela ressemble. Et voici le HTML public. Quatre, l'article Wikipédia que nous regardons. Donc, c'est le HTML. Tu vois, c'est la fin de la tête. C' est le début du corps. Il s'agit d'une balise d'en-tête H1 1, celle qui dit CSS. Ici, H1 en-tête un, CSS juste là. Nous pouvons également voir le CSS pour cette page Web. Dans ce cas, c'est ce lien ici. Et ce que vous regardez ici, c'est le CSS. Mais c'est minifié, comme vous le verrez dans les quelques leçons à partir de maintenant. Il est passé sous minification pour être des charges plus petites, temps de chargement, taille de page plus petite pour ce CSS. Mais fondamentalement, ce que nous regardons ici est feuille de style en cascade. Donc, le fait est que nous pouvons voir cela pour n'importe quelle page web. C' est public. Et il y a, il y a une façon cool ici que nous puissions regarder ce que CSS est tout au sujet de sorte que nous puissions le manipuler un peu de notre côté. Nous n'allons pas apporter de modifications à Wikipédia ici, mais en utilisant notre navigateur Internet. Dans ce cas, je suis dans Google Chrome, nous pouvons nous familiariser avec CSS ici. Donc, si nous allons à notre inspecteur des navigateurs, nous cliquons sur l'Inspection, nous pouvons voir ce que nous étions juste en train de regarder. Nous pouvons voir cette section particulière. Nous avons cliqué sur le code HTML au centre ici. Et puis le CSS est à droite de mon inspecteur. Donc, nous sommes en train de regarder un lien ici. Et sur la droite, nous pouvons voir que tout un, un pour l'ancre, liens d'ancrage, le a serait les liens sur une page. Tous les liens doivent avoir une décoration de texte, aucun, ce qui signifie pas de soulignement. Couleur, et c'est le code hexadécimal sixième chiffre pour ce bleu, puis pas d'arrière-plan pour les liens. Nous avons donc mentionné que CSS donne un style de couleur de conception à une page Web. Donc, avec cette seule instance, c'est une balise d'ancrage. Nous pouvons manipuler tous les et vous pouvez les voir en surbrillance dès maintenant, tous les liens d'ancrage pour cette page Web. Alors changeons la couleur d'un bleu à un rouge. Et puis passons à la décoration de texte au lieu d'aucune, disons soulignons. Donc, nous avons changé cela dans l'ensemble dans ce cas, ce serait sur l'ensemble du site Web. Mais nous sommes juste en train de regarder cela sur notre navigateur local. Nous ne manipulons pas le serveur réel. Mais cela signifiait cette seule étiquette. Cette balise manipule tous les liens sur toute cette page Web. Donc, nous regardons la puissance de CSS. Nous pouvons également modifier la taille de la police. Alors, allons ici et écrivons un autre morceau de code CSS, police, tiret, taille, deux-points, disons 30 pixels. Nous venons donc de créer tous les liens sur toute la page web, 30 pixels. Maintenant, nous sommes également capables de manipuler un seul lien particulier ou un élément sur une page Web. Si nous montons ici, style point d' élément, nous pouvons changer cela pour le rendre plus petit. Dites que manipulé juste un lien particulier qui attache ce code CSS juste à cet élément HTML, juste ce lien. Que pouvons-nous faire d'autre ? Nous pouvons changer la couleur d'arrière-plan de toute la page ici. Voyons si on peut changer l'arrière-plan de cette boîte latérale ici. Et c'est avec la couleur de tableau de bord de fond. Il y a un code hexadécimal pour ça. C' est vrai ? C' est donc un petit exemple de ce que CSS peut faire. Nous pouvons changer le rembourrage, combien d'espace est à l'intérieur de cet élément. Nous pouvons changer la marge, l'espace d'arrondir n'importe quel élément. Sur la page Web. Nous pouvons changer la hauteur de la ligne, la taille de la police, la largeur, la couleur de fond. On peut manipuler la frontière ici. On va faire 15 pixels au lieu d'un, et on va le rendre noir. Très bien, et voilà. C' est donc un exemple de certaines des choses que CSS peut manipuler. Nous avons évidemment exagéré ici pour, pour l'effet d'enseignement. Mais souvent, CSS, nous apporterons des changements plus subtils au fur et à mesure que vous affinez des éléments de conception. D' accord, donc la prochaine question à laquelle nous voulons répondre est, comment apprenons-nous le CSS ? Nous voyons ici qu'il y a beaucoup de choses disponibles que nous pouvons manipuler de nombreuses façons différentes et que nous pouvons ajouter du design et du style aux éléments de notre page Web. Et nous savons qu'il y a beaucoup de CSS déjà implémenté ici. Alors, comment apprenons-nous le CSS ? Eh bien, si nous allons à Google et que nous tapons apprendre CSS dans la barre de recherche, nous pouvons voir beaucoup de résultats différents ici. La plupart d'entre eux seront des occasions libres d'apprendre le CSS. Et bien sûr, comme n'importe quelle compétence, il y aura des avenues payantes pour apprendre le CSS aussi. Vous pouvez aller à des vidéos YouTube, vous pouvez aller à différents sites Web. J' aime utiliser W3 schools.com comme point de départ. Donc, nous allons à W3 schools.com et allons à CSS. Et cela va nous donner une compréhension approfondie de CSS. Il passe par une introduction, la syntaxe CSS et les sélecteurs, tous deux très importants. Et en faisant défiler ici, nous verrons des choses différentes. On peut manipuler. Couleurs, arrière-plans, bordures, marges, remplissage, hauteur qu'avec les polices de texte, liens, listes, tableaux, largeur, galeries, formes d'opacité. Et c'est juste dans les bases. Et nous descendrions aux coins arrondis avancés, dégradé, ombres, transformations, animations, requêtes multimédias. Et puis nous entrons dans le CSS réactif, c'est ainsi que nous rendons notre design web réactif et mobile convivial. Donc, il y a tellement de choses que nous pouvons apprendre avec CSS. Regardons juste quelques-unes des bases de l'introduction ici. Alors. Une introduction au CSS. On a le sélecteur, et ensuite on a ce qu'on veut manipuler. Dans ce cas, la couleur d'arrière-plan, la couleur de la police, l'alignement, la famille de polices, la taille de la police. Et d'abord, nous devons spécifier notre sélecteur. Dans ce cas, cet exemple, nous regardons le corps, qui serait tout le corps de la page Web, puis les crochets bouclés ouverts. Et tout ce qui se trouve dans ce serait ce que vous voulez manipuler, les styles que vous voulez ajouter. Et quand vous avez fini de manipuler ça, fermez le sélecteur avec un support bouclé de fermeture. Et vous pouvez ajouter autant de ceci que vous le souhaitez, votre balise, votre balise HTML, votre élément. Et vous pouvez ajouter autant, autant de cela que vous le souhaitez à votre page Web. Belle chose quand les écoles W3 sont qu'ils vous donnent des exemples et vous êtes en mesure de cliquer, Essayez-le Yourself bouton pour changer la manipulation. Donc, nous changeons cette couleur de fond du bleu clair 2 000 000, qui est le code hexadécimal pour le noir et cliquerait sur exécuter. Et on y va. Ça l'a changé en noir. Nous allons ajouter des deux-points de couleur, fff, qui est le code hexadécimal pour la course blanche. Et on y va. Une autre chose que nous remarquerons ici est que si nous regardons HTML brut, tout sur une page Web est sous balises HTML. La tête serait les différents scripts comme JavaScript et CSS, et différentes balises Meta SEO, ainsi que votre balise title. Et puis le corps est tout ce que le visiteur voit sur le front de la page Web. Ainsi, CSS peut être appelé soit en établissant un lien vers le fichier CSS point, soit avec la balise HTML de style. Nous pouvons ajouter du style. Et puis tout cela serait ce que nous avons écrit en tant que code CSS. Eh bien, regardons un autre exemple spécifique ici. Regardons CSS. ligne. Css tours de mise en page horizontale et verticale aligner, centre les éléments d'alignement en utilisant cette balise, marge deux-points auto. Et voici notre exemple. Nous ajoutons un centre de sélection CSS nommé, C'est une classe. Et nous ajoutons, nous indiquons que tout avec elle avec la classe centrale est d'être marge auto largeur 50 pour cent, bordure, trois pixels, solide et vert, puis remplissage de 10 pixels. Et c'est ce qui nous donne cet effet ci-dessus. On peut l'essayer vous-même et manipuler la dialectique. Changons la bordure à 10 pixels, changez la couleur en noir, le remplissage à cinq, puis la largeur à 80 pour cent. Et ajoutons une autre balise ici, le tiret de texte centre d'alignement, puis exécutons et voyons quel changement. Nous avons rendu la bordure plus épaisse, nous l'avons rendue noire. Nous avons centré ce Hello World et nous avons un peu relâché le rembourrage. Et nous avons fait la largeur 80 pour cent au lieu de 60 pour cent. Donc, il est étendu plus loin dans la page Web. C' est ce qu'on appelle une classe. Vous pouvez avoir un ID sur une page, un ID. C' est un identifiant unique. Et puis nous pouvons avoir plusieurs classes. Donc, nous pourrions ajouter le centre de classe à plusieurs éléments HTML sur une page. Et indivi, il y a une section où vous pouvez ajouter une classe à n'importe quel module, importe quelle section, n'importe quelle ligne peut avoir une classe. Donc, dans ce cas, dans cet exemple, la classe est appelée centre. Et là, on a froid. Et vous pouvez l'appeler sur une page Web individuelle ou sur l'ensemble du site Web. On appelle le centre de points, la classe du centre. Et n'importe quoi avec cette classe aura ce style. Très bien, donc c'est un peu sur ce que fait CSS et où nous pouvons aller apprendre CSS. Je recommande de passer par tous ces tutoriels pour vous familiariser avec CSS. Mais maintenant, nous voulons savoir comment nous pouvons ajouter CSS à votre site WordPress. Donc, pour répondre à cette question, allons dans notre site de test sur notre serveur. Et nous allons voir quelques options différentes ici pour savoir comment nous pouvons ajouter CSS à notre site Web. Il y a plusieurs façons d'y parvenir, et beaucoup de thèmes modernes vous donnent la possibilité d'ajouter du code CSS personnalisé à votre site Web. Devi, bien sûr, accueille CSS et nous donne beaucoup de contrôle sur la conception d'une page Web. En plus de nous donner le contrôle sur l'ajout CSS supplémentaires et le peaufiner sur une page Web. Donc, l'un des premiers endroits où aller si nous utilisons le thème divi, serait Theme Options. Et sur d'autres thèmes, il pourrait être appelé quelque chose comme le code personnalisé, les intégrations de code, Advanced Custom CSS. On va chercher des termes comme ça. Indivi, c'est sous Devi, puis Theme Options. Et puis nous faisons défiler vers le bas vers le CSS personnalisé. Donc, ici est l'endroit où nous pouvons ajouter n'importe quel code CSS à notre page Web. Donc, par exemple, nous pourrions dire que la couleur de fond du corps est CCC, qui serait gris. Et puis nous fermons les crochets bouclés. Cliquez sur Enregistrer les modifications. C' est une zone où nous pouvons ajouter CSS, et je vais vous montrer le, l'emplacement en miroir où nous pouvons le faire. Tout d'abord, regardons comment cela s'est rendu. On se rafraîchit. Et on dirait qu'il a été écrasé par quelque chose. Essayons de oui. Donc notre couleur de fond du corps a froid. Le Xcode CCC gris qui a été appelé, mais quelque chose le remplace. Cet en-tête a son propre arrière-plan et la section E, T tiret, zone de tiret principal juste ici, qui a son propre arrière-plan aussi. Donc, c'est surpasser le gris que nous sommes entrés. Alors passons à l'en-tête et essayons de changer la couleur de fond de cela. ce moment, il est répertorié comme en-tête principal. La couleur d'arrière-plan est blanche. Essayons de changer ça en gris. Et on y va. Nous avons changé la couleur de fond en gris clair que nous avons essayé sur le dos, sur l'arrière-plan du corps entier. Et maintenant, nous pouvons voir ça, mais est-ce que c'est que nous venons de faire là-bas avec notre inspecteur de navigateur ? Est-ce que ça va sauver ? Actualisons la page Web et voyons. Non, ce sont des mises à jour non destructives qui ne sont pas enregistrées sur le serveur afin que CSS n'ait pas été enregistré. C' est juste un bac à sable où nous pouvons jouer avec CSS de notre côté. En fait, l'inspecteur est une merveilleuse façon de pratiquer le CSS. Nous pouvons changer n'importe quoi ici et ne pas nous soucier de gâcher la page Web ou inquiéter des choses enregistrées sur le serveur ou de casser quoi que ce soit sur le site Web. Donc, faisons cela une édition plus permanente. Nous allons voir cet en-tête ici. Il s'agit d'une balise HTML d'en-tête avec l'ID de l'en-tête principal du tiret. Et une carte d'identité a ce fils. Une classe a le point, le sinus. Les classes ont un point devant elles, et les ID ont un hashtag devant eux. Dans ce cas, cela signifie que la classe de soulignement ET fixe, trait de soulignement nav. Et puis dans cette classe, l'ID de l'en-tête principal du tiret, c'est ce qu'on appelle ici. En outre, en-tête haut de tableau de bord fixe ET nav est également appelé dans ce même morceau de CSS. Et c'est juste plus efficace si vous voulez dire position fixe. Si vous souhaitez appliquer deux éléments différents, vous pouvez les combiner ici. L' en-tête principal et l'en-tête supérieur sont donc tous les deux manipulés comme position fixe. Allons dans une autre zone ici. Vous pouvez entrer en apparence et personnaliser. Et je vous ai promis que ce serait un miroir du CSS que nous avons ajouté sous les options de thème. Alors vérifions ça. Nous cliquons sur CSS supplémentaire en bas. Et nous y sommes. Couleur d'arrière-plan du corps, CCC qui a été ajouté. Nous avons ajouté sous Devi options de thème et nous pouvons le voir ici aussi. Avec le personnalisateur de thème, vous pouvez voir visuellement à quoi ressembleront vos modifications sur votre site Web. Et puis si vous le souhaitez, ce que vous faites et vous pouvez cliquer sur le bouton Publier en haut. Alors ajoutons cette modification que nous avions regardé l'en-tête précédent. Et nous voulons appeler l'ID de l'en-tête principal du tiret. Et nous allons enregistrer la couleur de tableau de bord de fond, numéro CCC. Et nous voilà qui a manipulé cet en-tête. Vous remarquerez que nous n'avons pas ajouté d'espace ici. Pourquoi n'avons-nous pas ajouté un espace ? Donc, si nous regardons le HTML, c'est la balise d'en-tête. Et nous pouvons appeler ça juste en écrivant en-tête. Et puis nous voulons obtenir plus précis en incluant l'en-tête principal de tiret de l'identificateur. Mais tout cela fait partie de la même balise HTML. Donc, ceux qui font partie de la même balise HTML, comme ceci. Par exemple, body, la barre d'administration de classe et la classe ET corrigée maintenant font tous partie du même élément HTML. Mais nous ajoutons cet espace lorsque nous affinons cela à un élément HTML dans cet élément. Donc on avait le corps ici. Et puis l'en-tête principal du tiret se trouve dans la balise body. Donc corps, nous appelons ce corps de largeur, puis le nom de classe que nous voulons spécifier. Puis la barre d'espace, puis la balise HTML que vous regardez dans la balise body. Donc, nous ferions corps et dans notre classe, puis l'espace, puis l'en-tête. Et si nous appelons l'ID, nous pouvons faire hashtag principal en-tête de tiret. Et c'est ainsi que nous obtenons un point de corps, point de tableau de bord d' administration GET fixe nav, espace, hashtag, en-tête de tiret principal. Vous remarquerez cet en-tête ici, H-E-A-D ER tag HTML point n'était pas inclus ici. Css est très indulgent. Parfois, vous n'avez pas nécessairement besoin d'ajouter cette balise HTML. Vous pouvez simplement l'appeler avec l'ID. Ou les créateurs de Devi auraient pu appeler cela sans l'identifiant et juste ledit en-tête au lieu de l'identificateur. Mais parfois, il y a plusieurs morceaux de CSS qui rivalisent pour un style. Et vous devez être vraiment spécifique pour remplacer ces autres. Par exemple, l'en-tête principal a son propre css, n'est-ce pas ? Et puis juste l'en-tête a son propre CSS. Tout a son propre CSS. Et puis cela est connu comme une réinitialisation CSS, qui obtient tout sur la même, donne tout dans le même style comme une base sur tous les navigateurs. Marge 0 rembourrage, 0 bord. Mais l'en-tête est appelé Quelque part ici aussi. Donc, tout cela pour dire, il y a beaucoup de CSS ajouté à cet élément HTML spécifique. Et tous seront ajoutés ensemble, mais un seul peut être appelé. Un seul morceau de CSS peut être appelé à la fois, ce qui signifie qu'il ne peut y avoir qu'une seule couleur de fond. Donc, même si d'autres morceaux de CSS ici appellent un particulier, appelant une couleur particulière. Comme dans ce cas, la taille de tiret de police 14. On remarquera qu'il est barré. Et c'est parce que quelque chose de plus spécifique que le corps remplace ce CSS. Donc, vous pouvez avoir tout ce code CSS, mais une seule manipulation de conception spécifique va s'exécuter pour chacun d'entre eux. Donc, une fois ESS pourrait appeler la ligne hauteur et le chemin de la police, et un autre pourrait appeler la position. Et puis un autre pourrait appeler la distance du haut. Et puis un autre mon override cette distance. Donc, c'est comme ça que CSS fonctionne. Regardons une autre personnalisation ici. Nous verrons ceci quelques liens utiles pour vous aider à démarrer. Nous faisons un clic droit et inspectons. Et nous verrons qu'il s'agit d'un en-tête H2 à la balise HTML, et il a le titre de tiret d'entrée de classe. Donc, nous pouvons réellement manipuler toutes les balises H2 à travers toute la page web et l'ensemble du site sur tout ce site WordPress, si nous appelons H2, faisons en gras, police, tiret, poids, gras. Nous venons de faire tous les en-têtes deux balises, gras sur toute la page Web et l'ensemble du site Web. Maintenant, si un en-tête particulier veut remplacer cela, alors nous pouvons avec un CSS plus spécifique. Ce serait un point de départ pour dire que toutes les balises d'en-tête deux doivent être en gras. Nous pouvons également affiner cela avec la classe d'entrée tiret titre. Donc maintenant tous les en-têtes deux balises sur l'ensemble du site Web avec le tiret d'entrée de classe, le titre sera en gras. Nous allons donc cliquer sur Publier et voir à quoi cela ressemble. On peut se rafraîchir. Et nous y sommes. D' accord, alors allons à l'une de nos pages échantillons ici et passons dans le visuel pour pourquoi celle-ci n'est pas audacieuse ? Inspecter. Pourquoi pensez-vous que ça ne s'appliquait pas ? Vous avez raison ? Parce que c'est un en-tête 1, pas un en-tête à étiqueter. Donc, l'en-tête 2 est en caractères gras, mais nous n'avons rien dit sur l'en-tête 1. Donc, il appelle la valeur par défaut. Ici, allez à Calculé. Et c'est ce qui est en cours d'exécution. Rappelez-vous qu'une seule exécution par élément, et qu'il ne peut y avoir qu'un seul poids de police. Et si nous cliquons sur la flèche ici, qui a été appelé par ce morceau de CSS pour dire que toutes les balises d'en-tête comme point de départ devraient être font-weight à 500. Et bien sûr, nous pouvons remplacer cela avec un morceau plus spécifique de CSS. Allons dans le Visual Builder et voyons comment nous pouvons manipuler le CSS à travers. Le constructeur visuel utilisera le contenu existant ici. Et nous savons que nous avons la section, nous avons une rangée, et nous avons un module de texte. Quelles options CSS avons-nous ? Eh bien, tout d'abord, l'onglet Design a un, prend soin de beaucoup de CSS pour vous d'une manière visuelle. Au lieu d'appeler du code CSS, nous pouvons simplement changer le poids de la police et la taille de la police et tout cela via l'onglet Design ici. Cela va être beaucoup plus facile d'éditer le code que d'avoir à le faire manuellement via CSS. Mais que se passe-t-il si nous avons besoin de l'éditer manuellement ? Il peut arriver un moment où vous devez affiner quelque chose de spécifiquement. Et dans ce cas, nous savons que nous avons l'édition universelle sous CSS supplémentaire. Mais nous avons aussi dans l'onglet avancé ici, cet ID SSS et la classe. Vous pouvez entrer votre ID. Pas besoin d'ajouter le hashtag. Nous pouvons simplement dire identifiant et cela mettra le signe de livre et ajouter l'ID à l'élément. Mais encore une fois, nous n'avons pas à faire ça ici. Et puis nous pouvons ajouter notre classe CSS, comme le titre de tiret d'entrée. Nous pouvons ajouter notre classe CSS. En fait, nous pouvons ajouter n'importe quel nombre de classes CSS à cet élément. Et puis universellement, nous pourrions assigner un style à cela avec un morceau de code CSS. En fait, il dit que nous pouvons le faire avec votre thème enfant ou dans le CSS personnalisé. qui veut dire ça. Au-delà de cela, nous pouvons aller dans CSS personnalisé. Et cela ajoute un peu de CSS avant et après. Ce sont des balises avant et après, que vous pouvez apprendre dans les leçons avancées de CSS. Mais regardons l'élément principal. Cela ajoutera CSS à ce module particulier. Et nous pouvons faire, par exemple, une ligne de tiret de texte, n'est-ce pas ? Chose qui ajoute CSS juste à cet élément. Et en général, cela remplacera ce que nous avons déjà entré ici. Si on n'a rien entré. Nous avons donc la couleur du texte par défaut. Et puis nous avons fini, plus rugit avec un morceau de code CSS. Ensuite, nous pouvons aller dans la conception et remplacer cela plus loin. En accédant à l'onglet Conception. Vous vous habituerez au CSS. Beaucoup de remplacements. Certains CSS en bloqueront d'autres. Et si vous voulez vraiment que votre CSS exécute tout ce que vous écrivez, l'objectif est qu'il soit aussi spécifique que possible. Et en cas de doute, nous pouvons ajouter la balise importante ici, et cela remplacera simplement d'autres morceaux de CSS. Nous pouvons ajouter cela quand nous avons vraiment besoin de quelque chose à faire et que nous ne sommes pas en mesure de l'obtenir. Sinon, nous pouvons ajouter la balise importante à n'importe quel morceau de CSS. Et maintenant, nous allons juste ajouter plus de poids à cela. Maintenant, si vous aviez un morceau de CSS plus spécifique que cela, et qu'il avait aussi important alors que l'un serait exécuté parce qu'il était plus spécifique. Sinon, comment pouvons-nous ajouter CSS ? Eh bien, nous pouvons également l'ajouter à n'importe quelle ligne avec le CSS personnalisé avancé. Ou nous pouvons y aller, nous voulons ajouter CSS juste à cette page web. Nous pouvons descendre ici dans les boutons violets et nous regardons les paramètres de page. Et puis Advanced Custom CSS. Maintenant, nous ajoutons CSS juste à cette seule page web. Donc, disons en-tête, main, en-tête, fond, couleur, disons noir. Et nous y sommes. Nous ajoutons des CSS qui ne fonctionneront que sur cette page Web. Maintenant, en plus de cela, nous avons parlé des thèmes enfants dans une leçon précédente, nous pouvons. Ajoutez CSS au fichier styles.css dans notre thème enfant, et ce serait une autre façon d'ajouter CSS. Donc, une dernière chose. Une autre question à laquelle nous voulons répondre est de savoir comment CSS permet-il la conception web réactive ? Alors regardons comment CSS aide avec nos sites mobiles. Nous avons donc parlé de sites web conviviaux mobiles et dans une leçon précédente. Alors regardons l'inspecteur. Et une autre chose agréable à propos de l'inspecteur est que nous pouvons faire glisser ceci pour la rendre plus petite et voir comment une page Web va regarder sur une fenêtre plus petite. Donc, une chose spécifique à regarder ici est remarquer le menu ici à la page d'exemple d'accueil, non catégorisé. Nous pouvons voir ces options de menu. Mais quand nous arrivons à une fenêtre plus petite, précisément 980 pixels est le point de rupture. Ce menu se cache derrière l'icône de hamburger que trois lignes. Donc le point de rupture, c'est ce qu'on appelle ça. Un point d'arrêt, serait de 980 à 980 pixels et au-dessous. Nous voulons cacher ce menu sous l'icône Menu ici. Alors, comment CSS permet-il cela ? Eh bien, regardons cette balise HTML, la balise div, ID, menu de navigation mobile. Il s'agit de l'ensemble du menu mobile. Donc, pensez-vous que le menu mobile doit fonctionner sur un bureau ? Maintenant ? Pas besoin de voir ça. Voyons donc comment nous accomplissons cela avec CSS. C' est aux médias. Les médias seraient un design web réactif à la largeur maximale du média. Pour que ce CSS s'exécute est de 980 pixels. Donc 980 pixels de largeur. Et ci-dessous, nous exécutons cette balise AT Mobile Nav Menu bloc d'affichage. Donc, l'autre option serait afficher none. Bloc d'affichage, n'afficher aucun. Donc, tout ce qui est au-dessus de 981 serait bloc d'affichage. Voyons à quoi ça ressemble. Le menu normal est en cours d'exécution ici, bloc d'affichage. Et le menu du haut est caché à 980. Donc, il est affiché au-dessus de 980, affichage caché aucun en dessous de 980. Nous pouvons également faire la largeur Min si nous voulons apporter des modifications qui s'appliquent à une certaine largeur et au-dessus. Et il y a la hauteur Min et la hauteur max. Voyons ce qu'ils seraient trois écoles ont à dire à propos de la conception web réactive. La conception web réactive crée des pages Web qui ont l'air bien sur tous les appareils. La conception Web réactive s'ajuste automatiquement pour les différentes tailles d'écran et les fenêtres d'affichage. Avec CSS, vous pouvez redimensionner, masquer, rétrécir et agrandir un site Web pour le rendre bien sur tous les appareils, ordinateurs de bureau, tablettes et téléphones. Et il y a quelques choses ici, définir le port de vue, qui serait la fenêtre d'affichage actuelle d'une page Web. Vous pouvez faire des images réactives qui redimensionnent vos images pour s'adapter à n'importe quelle taille de navigateur. Nous pouvons montrer différentes images en fonction de la largeur du navigateur. Avec l'étiquette image, nous pouvons avoir une taille de texte réactive. Alors voyons à quoi ça ressemble. Voyez comment le texte est de plus en plus petit. Comme nous rétrécir le navigateur. Il dit redimensionner la fenêtre du navigateur pour voir comment la taille de la technologie évolue. Et nous pouvons voir qu'il devient de plus en plus petit en fonction de la taille du navigateur que nous manipulons. Cela est réalisé avec la taille de police 10 VW, vw étant la largeur de la fenêtre. Donc, 10 pour cent de la largeur de la fenêtre, quelle devrait être la taille de la fenêtre du navigateur ? Les requêtes des médias comme ce que nous avons regardé plus tôt. Il est courant d'utiliser des requêtes multimédias dans des pages Web réactives. Vous pouvez définir des styles complètement différents pour différentes tailles de navigateur. Donc, si nous redimensionnons la fenêtre du navigateur verra que les trois div, éléments ci-dessous s'afficheront horizontalement sur les grands écrans et empileront verticalement sur les petits écrans. Tu l'as déjà vu avant. Pensez à une barre latérale sur une page Web. Sur votre ordinateur à la barre latérale sera sur le côté. Que se passe-t-il sur un téléphone mobile ? Est-ce que nous voyons beaucoup de barres latérales sur un appareil mobile ? Maintenant, on ne fait pas ce qui se passe ? Alors lisons ce code CSS et voyons ce qui se passe. C' est la classe à gauche. C' est le droit de la classe. Ceci est le domaine principal de la classe. Donc, avec cette requête multimédia, nous ajoutons un point d'arrêt de 800 pixels. Ce que cela veut dire, c'est que cette barre latérale, les deux barres latérales et une à gauche, celle à droite, puis le centre. C' est génial jusqu'à 800 pixels. Et ce morceau de code dit que cela ne semble pas bien sous 800 pixels. Donc, changeons-le en largeur 100% en dessous de cela, sous ce point d'arrêt. Donc, à gauche, principal et à droite seront tous 100 % sous un 100 pixels. Et ceux-ci, ceci en vert, ce sont des commentaires. Ceci est juste un commentaire amical afin que vous puissiez vous souvenir de ce que vous écrivez. Rien de tout cela n'a d'importance lorsque le code est exécuté, tant qu'il se trouve dans la barre oblique et l'astérisque. Alors voyons à quoi ça ressemble. Nous allons à notre inspecteur et nous changeons la taille du navigateur deux, nous sommes sur le point d'atteindre un 100. Et voyons à quoi ça ressemble. Que nous voyons ici réactif. ce moment, nous sommes à 794 pixels de largeur. Quand on va jusqu'à 100, il remonte à 20 pour cent, 60 pour cent 20. Et quand on passe en dessous de 100, tous ces trois deviennent 100 % de largeur. En passant, nous pouvons également cliquer sur ces tailles par défaut pratiques. Tablette, 768, ordinateur portable, 10, 24 pixels, grand ordinateur portable. Et puis pour la fourchette, ceux-ci sont utiles aussi. Donc c'est, euh, c'est les bases de la conception web réactive. Voici donc un autre exemple pour, par exemple, un grand bureau et de petits téléphones mobiles. On verra à quoi ça ressemble. Cela répondrait comme il se doit. L' un des, l'une des façons les plus courantes d'utiliser CSS lorsque vous polir votre conception Web serait quand quelque chose semble bien sur votre ordinateur, mais sur un mobile ou sur un appareil particulier, il peut ne pas paraître aussi bon. Vous devrez peut-être modifier quelque chose spécifiquement sur une taille de périphérique particulière. Donc, vous pouvez ajouter un morceau de code CSS qui dit, sous une certaine quantité de pixels, je veux que cela se produise. Ce serait la façon la plus courante que vous utiliseriez vos requêtes multimédias et vous utiliseriez CSS pour que votre site Web puisse avoir fière allure sur un bureau. Mais si vous le tirez sur votre téléphone et que quelque chose ne semble pas bien, et vous ne pouvez pas sembler obtenir un certain effet en allant simplement sur le Devi intégré, outils réactifs comme les soins. Mobile, réactif. Vous pouvez faire un style de conception différent pour ordinateur de bureau, tablette et mobile. Mais parfois, nous avons besoin d'être encore plus précis que ça. Et dans ce cas, nous devons ajouter du code CSS, de l'inspecteur de navigateur utilisateur, et ajouter du code pour remplacer ce qui se passe sur la page Web afin que nous puissions polir ou la conception web. Dans l'ensemble, CSS est un langage. Une langue est difficile à apprendre du jour au lendemain. Cela prend du temps, et je recommande de plonger dans CSS en utilisant certains de ces tutoriels et de le pratiquer vous-même avec votre site Web de test lorsque vous êtes Devi thème ou n'importe quel mot vierge que vous utilisez sur votre serveur d'hébergement. Et éditer en utilisant votre inspecteur de navigateur aussi, ce qui est un excellent moyen d'apprendre CSS à travers ce que j'appelle sandboxing. Comme il s'agit de modifications non destructives, un CSS est très important. C' est quelque chose que vous utiliserez jour après jour en tant que concepteur web. Et je vous encourage à plonger dans CSS pour en apprendre autant que vous le pouvez, parce que vous allez absolument l'utiliser pour donner design et du style et peaufiner vos conceptions web. Maintenant, c'est un bon début de votre connaissance CSS. Résumons donc ce que nous avons appris sur CSS. Un, CSS est un langage de programmation Web nécessaire à CSS dit ajoute design et style à vos éléments de page Web. Troisièmement, Devi a des options de conception intégrées, mais CSS peut aider à obtenir des effets que Devi ne peut pas. Pour CSS, les requêtes multimédias vous permettent d'affiner votre conception pour différentes tailles d'écran. Et quels sont tes devoirs ? Je veux que vous essayez d'ajouter des extraits CSS à votre site Web. Recherchez quelques tutoriels afin que vous puissiez continuer votre formation CSS. Je suis en retard. Et maintenant, vous savez, un aperçu de CSS. 21. Concepts avancés - vitesse et performance: Bienvenue, je suis en retard pour votre webmaster. Et la leçon d'aujourd'hui, parlons de quelques concepts plus avancés d'un site Web. La vitesse et la performance. Commençons par une question qui vous semble plus attrayante. Un site Web qui se charge en 10 secondes, ou un site Web qui se charge en deux, vous préférez probablement quelques secondes. En fait, y a-t-il une chance que vous n' attendiez même pas ces 10 secondes pour que le premier site se charge ? Statistiquement parlant, certains sites Web perdent du trafic et même des revenus en raison des temps de chargement lents. Donc vous et moi sommes tous les deux d'accord qu'un site rapide est idéal, mais qui d'autre est d'accord avec nous ? Google, les moteurs de recherche ont toujours recommandé d'avoir un site Web de chargement rapide. Mais à partir de mai 2020, un algorithme de classement des moteurs de recherche Google a obtenu une autre mise à niveau pour prioriser ce qui est appelé Core web vitals, qui est un groupe d'indicateurs de performance qui fondamentalement, ils vous disent à quelle vitesse votre site Web et charges. Et le but de tout cela est que vos visiteurs, vos clients et les moteurs de recherche préfèrent tous que votre site Web se charge le plus rapidement possible. Mais il est vrai que cela peut être plus facile à dire qu'à faire. Et c'est aussi la raison pour laquelle il s'agit d'une leçon de concept avancée. S' il y a tellement de choses qui va dans les performances et dicte le temps de chargement d'un site Web. Il ne s'agit pas d'un simple clic de bouton. Alors, comment augmentez-vous exactement la vitesse de votre site Web ? Qu' est-ce qui, selon vous, affecte le temps de chargement ? Eh bien, il y a une tonne de facteurs, alors couvrons juste huit des principaux facteurs. Et n'oubliez pas que le Web continue d'évoluer. Nouveau logiciel sort, langages de codage, mature WordPress se met à jour. Il est donc super important que vous poursuiviez votre formation et recherchiez les derniers développements dans un design web. Cela dit, passons par ces huit principes de performance, à savoir l'hébergement d'images, de vidéos, de plugins, de redirections. Et puis dans la leçon suivante, nous terminerons avec la mise en cache, le CDN et la minification. Donc, le premier, l'hébergement, rappelez-vous, votre serveur est la base de votre site Web. C' est l'infrastructure. Je ne peux pas surestimer ça. Hosting est le principal contributeur à la performance de votre site Web. Les mains vers le bas sont tous à quel point une maison est stable ? Si la fondation est un C faible, les serveurs économiques partagés bon marché , par nature, sont simplement limités dans leur potentiel de performance. Cela signifie que toutes les autres astuces de performance que vous implémentez ne peuvent faire autant que si vous êtes sur un serveur de mauvaise qualité. Cela ne veut pas dire que l'hébergement est le début et la fin de votre audit de performance, mais c'est le cœur. Votre potentiel de performances est limité sur un serveur bas de gamme. Maintenant, d'un autre côté, si vous êtes sur un excellent serveur cloud, comme dans le cloud, mais que vous négligez d'autres recommandations de performances. temps de chargement de votre site pourrait encore souffrir. Maintenant, bien sûr, lorsque vous commencez et que vous avez un budget limité, quelques secondes supplémentaires de temps de chargement pourraient être un compromis acceptable pour un hébergement abordable. Et c'est très bien. Mais quand vient le temps de prendre les performances au sérieux, considérez l'hébergement cloud dédié ou géré comme la première étape de votre audit. Maintenant personnellement, j'aime absolument les modes Cloud en tant que serveur Cloud géré. Et je pense qu'il y a encore sur le côté abordable. Maintenant, il y a un lien pratique vers le Cloud dans la description du cours. Et vous pouvez consulter la leçon d'hébergement dans la Section 1 de ce cours pour résumer les différentes options d'hébergement disponibles. Numéro deux, images. Et c'est un énorme contributeur au temps de chargement de la page. Mais les graphismes sont à peu près essentiels pour la conception de l'égalité. Après tout, pouvez-vous vous rappeler avoir visité un site qui n'avait aucune image ? C' est rare. C' est la plupart des sites utilisent une combinaison d'images en arrière-plan et au premier plan. Que ce soit des images de fond abstraites, des photos de l'équipe, le logo de l'entreprise, des images de produits, des galeries de photos, des sites Web sont pleins d'images. Comment tout cela affecte-t-il les performances et la vitesse ? Eh bien, tout d'abord, une photo standard sera généralement plus grande que l'ensemble des pages Web. Html. Multipliez cela par plusieurs images et vous pouvez voir comment images représentent un si grand pourcentage de tout le trafic Internet. Par exemple, pensez à une image d'un appareil photo de smartphone. Quelle est, selon vous, la taille typique d'une photo de smartphone ? Traditionnellement, les photos haute définition peuvent être d'environ quatre mégaoctets en fonction de vos téléphones, type de fichier et de la compression. Donc, disons que cinq de ces photos sont téléchargées directement sur votre site Web sans aucun redimensionnement ou compression. Combien de mégaoctets avec ça additionnent ? Juste les photos elles-mêmes. Serait de 20 mégaoctets, ce qui est extrêmement grand pour une page Web. Chargement d'images brutes sur un site Web. C' est une erreur majeure que font les nouveaux webmasters. Et souvent c'est parce que personne ne leur dit le contraire. Dites que WordPress acceptera à peu près toutes les photos que vous essayez télécharger sans aucune indication que vous devriez faire quoi que ce soit à l'image avant de la télécharger. Wordpress est techniquement supposé gérer ça pour vous. Ils créent différentes vignettes de l'image. Mais pour des raisons de performance, votre meilleure pratique est de l'optimiser d'abord, puis de le télécharger. Alors, comment optimiseriez-vous une image ? Il y a un processus en trois étapes. Étape 1, regardez le type de fichier. Jpeg fonctionne dans la plupart des cas, quand p est également un bon choix. Tant que vous vous assurez qu'il existe une solution de secours JPEG pour les navigateurs qui ne prennent pas encore en charge WebP. Mais pour la plupart, JPEG est universellement reconnu et très compressible. Maintenant, vous avez peut-être entendu parler de P&G, mais la qualité d'un PNG est si élevée que la taille du fichier est également beaucoup plus grande. Cela ne devrait donc être utilisé que si vous avez besoin de transparence pour votre projet de conception web. Étape redimensionner. Idéalement, vos images doivent être redimensionnées à la résolution dont vous avez réellement besoin pour les afficher. Par exemple, si vous affichez une image JPEG de tête à 600 pixels de largeur, vous pouvez réduire l'énorme pour 1000 cochon. Tellement haute définition headshot jusqu'à 600, puisque c'est la taille de rendu. Alternativement, vous pouvez simplement le réduire à 8800 ou 1200 pixels. Et cela apaisera les appareils qui ont une densité de pixels plus élevée, comme deux ou trois fois. En d'autres termes, une image de 1200 pixels rendue à 600 pixels sur un périphérique haute densité. Eh bien, regardez haute définition au lieu de pixélisé. Étape 3, compresser. C' est là que vous supprimez quelques kilo-octets supplémentaires de la taille de votre fichier en supprimant métadonnées gonflées et d'autres déchets inutiles sans compromettre la qualité de l'image. Vous pouvez, par exemple, prendre une image de 200 kilo-octets à 150 en quelques secondes seulement avec un outil de compression d'image. Et maintenant, il y en a plein. Personnellement, j'utilise l'image optim.com pour le Mac, mais il y en a plusieurs libres. Il suffit de déposer votre photo et il enregistre automatiquement la version plus petite. Donc, si vous suivez ces trois étapes, le type de fichier, le redimensionner, la compresse, vous réduirez un pourcentage important de la taille de votre page Web et de votre temps de chargement. Alors regardons un exemple ici, nous avons une image et c'est un fichier PNG. Et disons que le client veut que cela soit téléchargé sur le site Web. Il s'agit d'une photo extérieure de la maison de soins infirmiers, mais elle est en format PNG. Il est de très haute qualité et il fait 11,5 mégaoctets, ce qui est beaucoup trop grand pour un site Web à charger. C' est donc en PNG, qui serait généralement utilisé pour la transparence. Mais nous n'avons pas besoin de transparence sur cette photo. Donc, je pense que JPEG ou web p avec très bien adapté. Donc, nous devons d'abord le convertir au format JPEG. Nous voulons regarder le type de fichier, puis le redimensionner, puis le compresser. Laissons-le dans Photoshop ici. Et vous pouvez faire la même chose dans mac Preview. Vous pouvez faire la même chose dans le programme de peinture. Vous pouvez le faire dans à peu près n'importe quel éditeur d'image. Donc, d'abord, nous allons le redimensionner à une taille appropriée et nous voulons l'afficher. Donc, nous cliquons sur l'image en haut, puis la taille de l'image. Et nous allons le faire descendre. C' est une largeur de 2000 pixels. Donc, disons que le client veut afficher cela à 100 pixels. On pourrait le garder à 2000 pour l'afficher à deux fois la densité de pixels. Mais pour rendre cela simple, Prenons juste à 100 pixels de largeur. Puisque c'est comme ça qu'ils veulent l'afficher. Nous le réduisons à 100 pixels et cliquez sur OK. Donc, cela va être beaucoup plus petit dans la taille du fichier, mais il y a encore plus que nous pouvons faire. Nous voulons l'emmener de PNG à JPEG. C' est donc notre prochain objectif. Donc, nous allons dans Enregistrer sous, puis allons dans le dossier dans lequel nous enregistrons ceci. Et nous le changeons du format de fichier PNG pour cliquer sur Enregistrer en tant que copie, et maintenant nous l'enregistrons en tant que JPEG. Donc, au lieu de PNG, nous enregistrons ceci en tant que JPEG et cliquez sur Enregistrer. Et maintenant cela nous amène à la qualité. Donc, pour un site web, il n'y a pas besoin d'aller plus que dire six ou sept. J' aime faire cinq ou six pour la qualité et il fait toujours la photo bien paraître, mais il suffit de lire un peu plus de taille de fichier vers le bas. Mettons-le à cinq, puis cliquez sur OK. Et on verra avec quoi on travaille maintenant. Nous avons donc le fichier PNG qui était de 11 mégaoctets. Et maintenant, nous avons un fichier JPEG qui a 120 kilo-octets qui est beaucoup moins de taille de fichier et qui va se charger beaucoup plus rapidement sur un site Web. Et voyons si la qualité a changé. Donc c'est le fichier PNG et voici le JPEG. Donc, en plus d'être plus petit, les photos ont toujours l'air bien. Mais essayons de le réduire un peu plus avec notre compresseur d'image optimal. Nous avons donc une image JPEG à 120 kilo-octets en ce moment. Et nous allons le glisser et le déposer dans l'application Image Optum. Et voyons à quelle vitesse il le comprime. C' est déjà fait. Donc ça a ramené à 92 kilo-octets, et c'est une économie de 23 %. Nous avons donc pris un fichier PNG de 11 mégaoctets à un JPEG à 92 kilo-octets. Ce que nous avons fait là-bas, c'est que nous avons essentiellement optimisé notre image et notre fichier PNG. Nous optimisons cela pour le web en changeant le type de fichier, en le redimensionnant et en le compressant. Et maintenant celui-ci est prêt à télécharger pour notre projet de site Web, nous pouvons le télécharger dans WordPress et commencer à l'utiliser. Maintenant, le troisième conseil est les vidéos. Ceci est un autre contributeur majeur au temps de chargement de la page Web. Mais les vidéos sont si importantes en ce moment, n'est-ce pas ? Comment intégrer consciemment la vidéo dans les sites Web de nos clients sans sacrifier les performances du site. Eh bien, parlons de ça. Par exemple. Supposons que vous souhaitiez ajouter un tutoriel vidéo à votre site. Vous créez, modifiez et exportez le fichier vidéo. Mais alors qu'est-ce que vous téléchargez cela directement sur votre site Web via FTP ou la section médias WordPress ? C' est possible. Wordpress autorise les téléchargements de vidéos. Mais pour des raisons de performance, évitez absolument cela. Et à moins que votre vidéo ne soit que quelques mégaoctets, disons, lorsque vous hébergez vos propres vidéos sur votre serveur, elles occupent une tonne d'espace. vidéos haute définition peuvent facilement dépasser 100 mégaoctets. Ceci est particulièrement un problème sur un serveur partagé. Vous avez un espace limité. Vous pourriez même violer les conditions d'hébergement, ce qui pourrait entraîner la fermeture complète de votre compte d'hébergement. Et même si vous pouvez télécharger des vidéos volumineuses vers votre fournisseur d'hébergement, il est probable que cela offre une mauvaise expérience utilisateur. Et pensez-y. Si plusieurs utilisateurs tentent de regarder une vidéo sur votre site en même temps, votre serveur devra fournir cet énorme fichier à tous. Si votre serveur dispose d'une quantité limitée de bande passante, cela peut entraîner des retards et des pauses dans la lecture. Avez-vous déjà regardé la vidéo qui pause toutes les quelques secondes pour mettre en mémoire tampon. Comment ça s'est senti ? Probablement frustrant. Ne faites pas cela à vos visiteurs ou à vos clients visiteurs. Alors, quelle est la solution à ce problème ? Ce qui vous vient à l'esprit comme un moyen acceptable d'afficher vos vidéos sans les télécharger sur votre site Web. Vous pouvez essayer un hébergement tiers, service d'hébergement vidéo comme YouTube, vimeo, Wistia. Ensuite, une fois que vous avez téléchargé votre vidéo sur leur site Web, vous l'incorporez à votre page Web. Ce service d'hébergement vidéo gérera toute la bande passante, le rendu, la compression, tout ce qui avancé sur leur extrémité tout en affichant l'expérience de visualisation optimale sur votre page Web sans surcharger votre serveur. Ce processus permet d'économiser de l'espace, permet des temps de chargement plus rapides et est extrêmement facile à faire. Numéro 4, plug-ins. Une autre façon d'améliorer les performances de votre site Web est de garder un œil sur les plugins. Maintenant, sur un site WordPress, il est si facile de tomber dans le piège de l'installation d' un autre plugin chaque fois que vous avez besoin de fonctionnalités supplémentaires. Mais pensez-vous qu'il pourrait y avoir un inconvénient à accumuler tout un tas de plug-ins. Tu as raison. La performance pourrait en souffrir. A vous voir tous les plugin Haven, même les plugins liés à la performance, ironiquement, doivent être chargés pour fonctionner. Ainsi, chaque plugin ajoute à la taille de la page et le temps de chargement. Certains sont vraiment petits, courts, tandis que d'autres comme Woo Commerce ou vaste. Alors pensez-vous que cela signifie que nous devons simplement éviter les plugins complètement ? Non, pas nécessairement. Certains plugins sont nécessaires soit pour la gestion d'un site web. Pensez aux sauvegardes, à la sécurité, quelles sont les fonctionnalités ? Comme un livre et un calendrier ou un e-commerce ? Donc, mon conseil pour vous est d'être très intentionnel avec vos choix de plug-in. Choisissez et choisissez vos plugins soigneusement et examinez-les tous les quelques mois pour voir s'il y en a que vous pouvez désactiver et être conscient des choses que vous pouvez faire dans WordPress ou Devi sans avoir besoin d'ajouter un plugin supplémentaire. Par exemple, lorsque vous installez Google Analytics à des fins de suivi, Google vous fournit un extrait de code qu'il souhaite placer sur l'en-tête de votre site Web. Alors pensez-vous que cela nécessite un plugin pour installer ? Il y a beaucoup de plug-ins Analytics disponibles. Mais Devi et beaucoup d'autres thèmes a une zone où vous pouvez ajouter du code à l'en-tête et au pied de page de vos sites Web. En d'autres termes, vous pouvez obtenir cette fonctionnalité dans Devi sans encombrer votre site avec encore un autre plugin. D' autres fois, vous allez rechercher un problème et trouver une solution qui nécessite la modification de vos thèmes. Fichier Functions.php. C' est commun. L' ajout d'un plugin peut également résoudre ce problème. Mais s'il y a quelque chose que vous pouvez corriger en ajoutant simplement un morceau de code à votre fichier functions.php thèmes. Cette solution est beaucoup plus propre et plus légère que d'ajouter un autre plugin. Alors gardez un œil sur ces plugins et la performance de votre site web vous remerciera. Numéro 5, redirections. Avez-vous déjà visité une page Web uniquement pour être redirigé vers une autre page ? Parfois, il y a des raisons légitimes de le faire, comme le suivi ou les liens courts comme Bitly, ou quand une entreprise change de noms de domaine, mais a toujours des sites qui lient à l'ancienne URL. Mais quand une page Web redirige vers une autre, pensez-vous que cela se produit simultanément ? Tu as raison. Ce n'est pas le cas. Chaque redirection prend un peu de temps, et plusieurs redirections peuvent s'accumuler jusqu'à quelques secondes. Un temps précieux en effet. Alors pensez à des redirections comme prendre la longue route qui mène à la ville. Couper les redirections est comme prendre un raccourci. Donc, votre meilleure pratique en matière de performance est de limiter ou d'éliminer les redirections sauf si cela est absolument nécessaire. Enfin, nous terminerons les trois principes de performance restants, mise en cache, les CDN et la minification dans la prochaine leçon. Et c'est tout. Il y a un aperçu des meilleures façons d'améliorer les performances de votre site Web. Et encore une fois, je vous encourage à poursuivre votre formation en lisant les derniers développements et les meilleures pratiques dans ce secteur. Parce que les choses dans le concepteur web en constante évolution. Et nous n'avons fait que gratter la surface des idées de performance dans cette leçon. Alors récapitons tous les conseils que nous venons d'apprendre. Vous pouvez optimiser les performances de votre site Web par 1, niveau votre hébergement pour optimiser les images. Trois, héberger des vidéos en externe pour désactiver le plug-in inutile. Cinq, limite la redirection. Maintenant, nous allons terminer les derniers conseils grecs dans la prochaine leçon. Alors, quels sont tes devoirs ? Je veux que vous mettiez en œuvre les cinq suggestions de performance de cette leçon sur votre site Web. Soyez prêt à faire des recherches supplémentaires lorsque vous rencontrez des problèmes. Comme les lignes directrices de cette leçon, j'ai besoin d'un réglage précis pour votre projet particulier en fonction de votre recherche d'hébergement. Et je suis Leighton, et maintenant vous savez comment améliorer les performances et la vitesse de votre site Web. 22. Concepts avancés - Cache, CDN, Minification: Bienvenue, je suis en retard pour votre webmaster. Dans la leçon d'aujourd'hui, nous allons nous appuyer sur les principes de performance mentionnés dans la leçon précédente. Plus précisément, nous discuterons des avantages de la mise en cache, des CDN et de la minification. Commençons par le minimum. Entendu de s'unifier. Et supposons que le mot dans l'espace web design. Donc, disons-le en termes simples. Louper le code signifie supprimer tout ce dont un ordinateur n'a pas besoin pour comprendre et exécuter le code. Cela inclut les commentaires de code, les espaces, les point-virgules inutiles. Par exemple. Cela rend les fichiers CSS, JavaScript et HTML légèrement plus petits afin qu' ils se chargent un peu plus rapidement dans le navigateur et prennent moins de bande passante. Toutes les bonnes choses. De son propre chef. La minification n'entraînera qu'une amélioration minimale de la vitesse. Cependant, mis en œuvre avec ces autres conseils dans cette leçon et la précédente, se traduira par une meilleure performance du site Web, ce qui est notre objectif. Un autre terme qui va de pair avec cela est la combinaison, qui signifie combiner plusieurs fichiers CSS et JavaScript en un seul. Moins de fichiers à charger, mieux c'est. Alors comment on va à ce sujet ? Est-ce que nous vérifions juste une boîte minify et combinée ? Eh bien, dans certains cas, oui. Laissez-moi vous expliquer. Il y a donc plusieurs façons d'accomplir la minification. Vous pouvez minifier manuellement tous les fichiers vous-même un par un, copiant et en les collant dans un minificateur de code en ligne. Vous pouvez installer un plugin de minification. Vous pouvez activer la minification dans Devi. Vous pouvez même l'activer via votre serveur d'hébergement. Il y a plusieurs façons d'y parvenir, et voici votre meilleure pratique. Si vous activez la minification au niveau du serveur avant même que vos plugins ne commencent à se charger. Ce serait le moyen le plus efficace. La meilleure pratique. J' aime utiliser la minification dans Cloud flares plan gratuit, et nous en parlerons dans le prochain point. Au-delà de cela, si votre thème a une minification intégrée et que Devi essaie cela comme une option finale. Si tout le reste échoue, vous pouvez installer un plugin de minification comme je vais top demise. Mais rappelez-vous, votre logiciel WordPress doit d' abord charger et appeler ce plug-in avant même qu'il ne commence à fonctionner. En termes de millisecondes, c'est une option plus lente par nature. Quelle que soit la minification, vous devez vous souvenir de ces deux règles. Premièrement, n'utilisez qu'une seule méthode de minification à la fois. Vous ne devez pas activer plusieurs formes de minification. Ceux-ci ne sont pas conçus pour travailler ensemble qui peut conduire à des problèmes sur la route et pour toujours tester. La minification pourrait briser votre site Web si elle n'est pas mise en œuvre correctement. Chaque fois que vous l'activez ou la désactivez, vous devez actualiser votre site Web pour vous assurer qu'il est toujours opérationnel et qu'il semble bien. Donc, en résumé, activez une forme fiable de minification. Testez et profitez d'un gain de performance minimal. Faites Content Delivery Network ou CDN. Regardons la valeur d'un CDN ou d'un réseau de diffusion de contenu, ou CDN est un autre terme de développement Web populaire. L' un d'eux est un réseau de diffusion de contenu. Eh bien, en termes simples, avec un CD dans un réseau de serveurs, hébergez votre site Web localement pour accélérer les temps de chargement des pages Web. Par exemple, un utilisateur en Irlande accédant à un site Web hébergé en Californie n'aurait pas à envoyer un ping sur le serveur d'origine américaine, mais plutôt sur un serveur plus proche en Irlande, essentiellement, des copies de votre site sont stockées dans plusieurs des centres de données géographiquement diversifiés afin que les utilisateurs aient un accès plus rapide et plus fiable à votre site. Alors, comment installer le CDN ? Pensez-vous que c'est cher ? Pas nécessairement. Il y a plein d'options. Key CDN, chemin de pile, Amazon CloudFront, lapins, CDN, Fastly, Cloud ways a son propre CDN pour seulement 1$ par 25 gigaoctets. Toutes ces solutions peuvent fonctionner correctement si elles sont configurées correctement. Mais quel est le CDN que je préfère ? Je commence par la version gratuite de Cloudflare. Ils offrent non seulement un service CDN, mais ils combinent cela avec des fonctionnalités de sécurité et d'optimisation telles que la minification et la mise en cache. En fait, j'utilise le Cloudflare gratuit comme mon CDN exclusif et mon minificateur. Permettez-moi de vous montrer ce que Cloudflare a à offrir et comment activer leur CDN gratuit. Nous voici donc sur cloudflare.com, mon CDN de choix. Donc, ils offrent ici de nombreuses solutions pour toutes sortes de choses liées à l'internet et une expérience en ligne. Regardons spécifiquement cette fois les produits et C, D dans. Donc, cela nous amène à cloudflare.com slash cdn. C' est un réseau mondial rapide, agile et sécurisé. Ils offrent une diffusion de contenu ultrarapide, statique et dynamique sur leur réseau de périphérie mondial. Voyons donc à quel point ce réseau est étendu en cliquant ici sur le réseau global étendu pour voir tous leurs centres de données. Le réseau Cloudflare couvre plus de 200 villes dans plus de 100 pays, ce qui est incroyable, d'autant plus que leur produit de base est gratuit. Voici donc quelques-unes des villes, des pays et des continents dans lesquels ils soutiennent leurs réseaux. Donc, pour commencer avec Cloudflare, tout ce que nous avons à faire est de cliquer sur le bouton S'inscrire et de connecter notre nom de domaine. Une fois cela fait, nous aurons notre compte Cloudflare. Et pour utiliser Cloudflare, une chose importante à noter est qu'ils nécessitent que vos serveurs de noms soient sur Cloudflare, ce qui signifie que les serveurs de noms seront utilisés avec Cloudflare pour utiliser Cloudflare, assurez-vous que votre Les serveurs DNS ou les serveurs de noms ont été modifiés. Ce sont les serveurs de noms Cloudflare qui vous ont été assignés. Donc ce sont ceux utilisés pour mon compte, peut être différent pour le vôtre, mais vous devez aller dans votre registre de domaine, tels que les domaines Google, Godaddy.com, Iona us, tout ce que vous utilisez pour votre registre de domaine, vous devez cliquer sur serveur de noms et le changer en Cloudflare afin d'utiliser le Cloud pour leurs services. Donc, dans ce cas, une fois que nous le ferons, alors Cloudflare sera notre nouvel endroit où aller pour éditer nos enregistrements DNS. Encore une fois, une fois que vos serveurs de noms sont pointés vers une société ou un service différent comme Cloudflare. C' est là que vous allez gérer vos enregistrements DNS. Donc, juste le fait que nous avons installé Cloudflare signifie que le CDN fonctionne. Cliquez sur certains de ces vraiment rapide pour voir ce qui est inclus dans le compte gratuit Cloudflare. Voici donc quelques analyses sur les visiteurs que nous avons reçus et les données qui ont été mises en cache lors de l'encaissement services obtiendraient des données d'analyse ici sous la page Analytics. Maintenant, sous le réseau de diffusion de contenu, nous disposons également d'une sécurité intégrée, ce qui signifie que Cloudflare vous protège contre les menaces et décompose ici les threads par pays. Dans le dernier jour, semaine ou mois. Menaces supérieures, type de meilleurs types de threads. Et puis nous avons nos dossiers DNS. Nous avons la sécurité SSL, le pare-feu intégré ici, qui fait partie de leurs services de sécurité. Accès Cloudflare, optimisation de la vitesse. Nous pouvons activer certains de ces paramètres. J' aime allumer l'auto minify ici. Je l'éteins dans Divi Theme Options, et je l'allume dans Cloudflare, car c'est une minification au niveau du serveur. Et puis nous pouvons activer sélectivement certains d'entre eux. Si nous le choisissons. Mise en cache ici. Et quelques autres services sont des règles sont importantes. On peut y aller et mettre en place une règle de page. Et il y a plusieurs bonnes pratiques pour cela. J' aime avoir une règle de base de tout mettre en cache, qui est notre astérisque de nom de domaine, cache, tout rend juste le chargement du site plus rapide. Et puis le niveau de sécurité élevé pour l'administrateur WordPress. Et puis c'est le Visual Builder. On contourne le cache sur ça. Et puis sous le réseau ici, nous pouvons voir quelques paramètres réseau. Et nous pouvons allumer et profiter de pour accélérer les choses. Trafic. Et puis quelques autres ici. Donc c'est Cloudflare. Si nous avons Cloudflare connecté et activé avec succès via la configuration de Cloudflare et via les serveurs de noms, alors c'est tout. Le CDN est automatiquement activé et nous pouvons bénéficier des services Cloudflare. Maintenant, la troisième astuce sur les performances est la mise en cache. Voici un autre terme web populaire. Avez-vous entendu parler de la mise en cache ? Que vous le réalisiez ou non, votre navigateur et les sites Web que vous visitez utilisent probablement déjà la mise en cache pour accélérer les choses. Voici comment ça marche. Lorsqu' un site met en cache, le serveur enregistre des copies de ses pages Web. Donc tu n'as pas à recommencer à zéro. Chaque fois que le site Web se charge. Vous vous souviendrez à quoi ressemblait le site Web récemment et vous le montre. Maintenant, en plus de la mise en cache côté serveur, votre navigateur est probablement déjà en train d'enregistrer des copies de pages Web sur votre appareil. Avec plusieurs couches de mise en cache du navigateur et du serveur, vous pouvez réduire le temps de chargement, ce qui augmente les performances latérales. Donc, quelques questions me viennent à l'esprit. Y a-t-il des inconvénients ? Et comment implémentons-nous la mise en cache ? Pouvez-vous penser à des problèmes potentiels de votre serveur et de votre navigateur vous montrant une version récente d'une page Web ? Pensez à ça. Que se passe-t-il si vous avez mis à jour votre formulaire de contact le mercredi ? Mais le navigateur affiche toujours la version du mardi. Hé, c'est un problème commun. mise en cache a généralement un TTL ou Time to Live et fondamentalement combien de temps l'argent devrait rester jusqu'à ce qu'il saisisse une nouvelle copie. Si vous souhaitez que les utilisateurs voient une page Web récemment mise à jour avant l'expiration de cette copie, vous devrez peut-être vider ou vider le cache. C' est à ce moment que tous les caches vides expirent automatiquement, sorte que tout le monde voit la dernière copie. Cela peut être fait sur votre navigateur ainsi que sur le serveur réel. Alors, comment implémenter le cache sur un site Web ? C' est notre prochaine question. Eh bien, comme nous l'avons mentionné, contrairement à la minification, il peut en fait y avoir plusieurs couches de mise en cache. Maintenant, cela ne signifie pas que vous devriez installer tous les plugin liés à l'argent que vous trouvez. Au contraire, cela signifie que vous pouvez avoir votre cache de navigateur, WordPress, cash, hébergement, cache de serveur, et cetera. Il y a plein de plug-ins de mise en cache là-bas. Il y a WP cash total, WP fusée, WP Super Cache, une disparition de haut niveau. Alors, lequel est-ce que je préfère ? Eh bien, comme mentionné dans la démonstration Cloudflare, j'utilise en fait la mise en cache libre des flares Cloud, ce qui est assez bon. Voir au lieu de compter sur le plugin WordPress, il est plus efficace de mettre en cache au niveau du serveur. Maintenant, en fait, Cloud ways offre sa propre mise en cache via le plug-in breeze. Mais je préfère Cloudflare, autant plus qu'il est gratuit et facile à installer. Laissez-moi vous montrer ma configuration idéale de mise en cache Cloudflare. Nous avons donc examiné cette question brièvement il y a un instant. Regardons cela plus en profondeur dans Cloudflare. Et nous allons à la mise en cache, puis à la configuration, et nous pouvons voir exactement quels sont les paramètres de mise en cache. Donc, une chose importante à noter est le cache de purge. Nous pouvons entrer ici dans notre compte Cloudflare. Nous pouvons sélectionner notre site Web et nous pouvons soit purger tout, ce qui forcera le Cloudflare à récupérer une nouvelle version des fichiers à partir de votre serveur Web qui permettra aux visiteurs du site de voir la nouvelle version du site Web. Ou nous pouvons personnaliser la purge et purger sélectivement une page Web particulière de notre site Web. Vous pouvez le faire si vous avez apporté des modifications à une page Web particulière, mais vous n'avez pas besoin de purger l'intégralité du site Web, juste cette page. Alors gardez un œil sur ces paramètres. L' argent de purge, c'est une monnaie courante que nous utiliserons. Et puis le niveau de mise en cache, je voudrais garder cela au cache du navigateur standard Time to Live le gardera à quatre heures, quatre heures. Toujours en ligne est une fonctionnalité intéressante pour garder votre site Web en ligne pour les visiteurs lorsque votre serveur d'origine n'est pas disponible. Ainsi, cela permettrait à votre site Web de rester en ligne même lorsque les choses tombent, grâce à Cloudflare. Maintenant, nous avons le mode de développement qui va contourner le cache pendant que nous travaillons sur le site Web. Tu peux activer ça si tu veux. Pendant que vous travaillez sur une page. Et au-delà de cela, passons dans les règles et voyons une meilleure pratique pour nos règles de mise en cache. Donc, nous en obtenons trois gratuitement, y compris celui inclus dans le compte gratuit Cloudflare, et ensuite nous pouvons acheter plus de règles de page pour seulement quelques dollars si nécessaire. Mais j'aime commencer par ça. Donc, nous mettons dans notre nom de domaine, puis barre oblique astérisque, qui signifie absolument tout sur le serveur web. Et nous faisons le niveau du cache, mettre en cache tout ce qui ressemble à ceci, la règle de page, cela signifie tout sur le serveur web, niveau du cache. Il y a beaucoup de paramètres que nous pouvons appliquer ici. Niveau de cache, et nous allons mettre de l'argent, tout, puis cliquez sur Enregistrer. Au-delà de ça. Notre slash nom de domaine WP, astérisque admin, ce qui signifie tout WordPress admin lié. On va faire quelques choses ici. Faisons la sécurité, le contournement de niveau de cache élevé. Nous voulons absolument contourner tous les encaissements dans l'administrateur WordPress, désactiver les applications et désactiver les performances, puis cliquez sur Enregistrer. Et puis le Visual Builder ici, c'est une bonne façon de contourner la mise en cache sur tout ce qui concerne le constructeur visuel. Maintenant, c'est l'URL qui est ajoutée à n'importe quelle page Web sur laquelle le constructeur visuel est activé. Donc, j'aime mettre le nom de domaine, puis barre oblique astérisque, puis coller ceci, qui est ce qui est ajouté lorsque nous utilisons Visual Builder. Donc, fondamentalement, n'importe quelle page où vous cliquez sur Activer Visual Builder, nous allons contourner le cache. Nous ne voulons certainement pas servir de mise en cache sur ces pages puisque Visual Builder est conçu pour apporter des modifications à une page Web, nous ne voulons pas que ce soit statique. D' accord, et ensuite on peut commander ça aussi. C' est donc un niveau d'importance. Donc, nous commençons au bas avec tout mettre en cache, puis les règles deviennent plus prioritaires à mesure que nous montons. Donc numéro un, la plus haute priorité, je vais mettre le numéro Visual Builder au numéro d'administrateur WordPress 3, nous allons tout mettre en cache. Il y en a d'autres que vous pouvez postuler. Nous pouvons appliquer des règles pour notre panier ou vérifier notre compte. Nous pouvons contourner le cache sur ces pages, ce qui signifie qu'il n'y a absolument pas de mise en cache sur le panier, la caisse et les pages de compte parce que nous voulons que ceux-ci changent lorsque les gens ajoutent, suppriment et mettent à jour leur panier. Et comme ils insèrent les informations de leur compte et de leur carte de crédit, nous ne voulons vraiment rien mettre en cache sur ces pages. Nous les faisons donc comme des règles de page hautement prioritaires. C' est une configuration plus avancée ici. J' ai inclus les téléchargements de médias. Comme il s'agit d'un, un site Web haut de gamme. J' en ai inclus quelques autres ici. Les téléchargements de médias, nous mettons tout en cache et ensuite ajax, nous pouvons contourner le cache sur les appels Web qui utilisent Ajax. Et tout en bas, la priorité la plus basse est de tout mettre en cache. Donc, cela signifie que n'importe lequel d'entre eux peut remplacer celui du bas. Parce que parfois nous voulons contourner le cache. Et encore une fois, lorsque vous vous connectez à votre compte Cloudflare, le paramètre numéro un dans lequel vous allez entrer est cette purge d'argent ici. Nous pouvons cliquer sur ce purger tout ou nous pouvons personnaliser la purge. Et une autre chose que vous pouvez faire en allant sur votre site Web et Aller au plugin Cloudflare sur votre site Web. Si nous installons le plugin Cloudflare sur notre site Web, alors nous pouvons avoir ces options de mise en cache disponibles pour nous dans les paramètres. Et Cloudflare, c'est le plug-in Cloudflare officiel et nous permet de purger le cache directement de notre administrateur WordPress. Et il a également sous paramètres ici, Auto Purge contenu sur mise à jour, ce qui signifie qu'il purge automatiquement l'argent lorsque vous mettez à jour l'apparence de votre site. C' est donc une fonctionnalité très utile. Et cela nous permet d'avoir notre cash purger directement dans notre admin WordPress. Voilà donc les paramètres de mise en cache disponibles via Cloudflare. Et c'est une solution très, très utile qui accélère les choses, rend tout chargement un peu plus rapide et contourne la nécessité de simplement saisir la nouvelle page chaque fois que quelqu'un charge le site Web. Parce que pour la plupart, quels types ne changent pas très souvent. Donc, nous pouvons profiter de la mise en cache pour simplement accélérer les choses. Cloudflare le fait gratuitement avec leur forfait gratuit. Et c'est super utile d'avoir cela allumé. Et c'est tout. Voici un aperçu de trois autres façons d'améliorer les performances de votre site Web. Et encore une fois, poursuivez votre formation en lisant les derniers développements et les meilleures pratiques dans ce secteur. Parce que le web est en constante évolution. Et nous n'avons fait que gratter la surface des idées de performance dans ces deux leçons. Alors résumons les trois conseils de performance. Dans cette leçon. Vous pouvez optimiser les performances de votre site Web par un, agrandir votre code à l'aide d'un CDN, et trois, mettre en cache votre site Web. Et quels sont tes devoirs ? Je veux que vous implémentez trois suggestions de performance dans cette leçon sur vos sites Web et soyez prêt à faire des recherches supplémentaires lorsque vous rencontrez des problèmes, car les lignes directrices de cette leçon peuvent nécessiter un ajustement précis pour votre sur votre zone côtière unique. Je suis Leighton, et maintenant vous savez comment améliorer la vitesse et les performances de votre site Web grâce à la minification, mise en cache et les réseaux de diffusion de contenu. 23. Concepts avancés - Disponibilité d'e-mail: Bienvenue, je suis Leighton, votre webmaster. Maintenant, dans la leçon d'aujourd'hui et discutons d'un autre concept de conception Web avancée, l'importance d'assurer le courrier électronique et la délivrabilité. Qu' est-ce que c'est ? Idéalement, que se passe-t-il lorsque quelqu'un remplit le formulaire de contact sur votre site Web ? Comment recevez-vous ce message ? Il va à votre boîte de réception e-mail. Que se passe-t-il si vous construisez un site Web de commerce électronique qui a des notifications de commande, des e-mails comme la commande passée, des reçus, des factures, des annulations, des notifications d'expédition ? Et en général, ceux-ci devraient atterrir dans votre boîte de réception e-mail du client ou du propriétaire du site Web. Est-ce que c'est garanti ? Comment savez-vous avec certitude que ces courriels seront envoyés avec succès dans la boîte de réception appropriée. C' est là que la délivrabilité des e-mails entre en jeu. Pensez-y comme un service postal. Si vous vivez dans un pays doté d'un service postal national et que vous envoyez quelque chose par la poste, comment cela arrive-t-il de vous à votre destinataire ? Le service de messagerie gère cela pour vous. Vous leur faites confiance pour assurer la délivrabilité de votre courrier. De même, dans le monde numérique, les entreprises de délivrabilité des e-mails sont l'intermédiaire entre votre site Web et votre boîte de réception e-mail. Leur seul but est d'obtenir ces notifications d'expédition, réinitialisations de mot de passe, e-mails promotionnels, ils dans le formulaire de contact e-mail de soumission livré avec succès. Mais quand ça devient un tel problème, je veux dire, dans le passé, vous pourriez juste mettre en place un formulaire sans vous soucier de tout ça. Les soumissions de formulaires se trouveraient dans la boîte de réception appropriée. Alors qu'est-ce qui a changé ? Eh bien, tout revient au spam. L' assaut du spam ces derniers temps a été une telle bataille pour les fournisseurs de courrier électronique. Non seulement le spam peut atterrir que votre boîte de réception, ce qui est gênant, mais les e-mails légitimes de l'entreprise sont incorrectement étiquetés comme spam. Ou pire, beaucoup d'e-mails n'arrivent même pas si loin. Beaucoup de courriels sont totalement rejetés quand ils ne réussissent pas les serveurs de messagerie, les tests de spam. Qu' est-ce que tout cela signifie pour vous ? Cela signifie que si votre site Web n'est pas configuré correctement , les e-mails sortant de votre site pourraient être mal étiquetés comme spam et rejetés. Cela vaut certainement votre attention en tant que propriétaire de site Web et designer web. Alors regardons quelques choses. Premièrement, quelles petites erreurs de configuration pourraient déclencher un spam ou une réponse de rejet à ce que les enregistrements DNS aident à la délivrabilité des e-mails. Et troisièmement, comment intégrer un service de délivrabilité de courrier électronique tiers. Donc, tout d'abord, continuons notre délivrabilité des e-mails 1, 0, 1 avec quelques autres choses à surveiller. Le plus grand problème dans l'espace de messagerie et de délivrabilité, les serveurs d'économie partagée. Ce sont deux plans d'hébergement Web plus abordables que Paula jusqu'à un tas de sites Web sur le même serveur physique. Quel impact cela a-t-il sur vos e-mails ? Eh bien, tous les comptes de messagerie sur ce même serveur d'hébergement partagé signifient que le vôtre et les autres partageront la même adresse IP. Rappelez-vous que les serveurs de messagerie ne regardent pas les noms de domaine. Ils voient les adresses IP. Donc, si un compte de messagerie sur cette adresse IP envoie un tas de spam ou que les destinataires de leurs e-mails se plaignent d'une désinscription, alors l'adresse IP partagée entière en souffre. Ce compte de messagerie d'une personne que vous ne connaissez même pas affecte la réputation de tout le monde sur ce même serveur de messagerie. Maintenant, comme un avertissement, Cela ne veut pas dire que ces comptes de messagerie IMAP et POP sur les serveurs Web partagés ne sont pas fiables du tout. Ils sont faciles à installer et capables de fonctionner parfaitement bien. Il est juste utile de comprendre la nature de ces serveurs de messagerie au cas où vous rencontrez des problèmes. Si vos e-mails ne sont pas livrés ou si votre courrier sortant est incorrectement marqué comme spam, votre serveur de messagerie. Ce serait une chose à considérer. Comme vous vous en souvenez dans les courriels moins que dans la section 1 de ce cours, comptes de messagerie basés sur IMAP sont un bon début. Mais quelle était la solution masculine améliorée ? On a parlé ? Microsoft 365 et Google Workspace sont les solutions de messagerie de classe affaires les plus populaires. Ils s'occupent de tous ces trucs techniques pour toi. Et vos e-mails sont hébergés sur leurs serveurs, leurs adresses IP, et non sur les vôtres. D' un point de vue technique, c'est généralement une bonne pratique d'avoir votre site Web et vos courriels hébergés séparément. Donc, en plus d'éviter l'hébergement sur un serveur qui a été signalé comme spam. Regardons quelques points mineurs. Vous savez que tous les e-mails ont un de et un pour écrire l'expéditeur et le destinataire. C' est un ajout au sujet et au corps. Et au-delà de cela, il y a beaucoup de balises d'en-tête qui sont attachées lors d'un voyage de courriels à travers les serveurs de messagerie. Laissons un indice sur le départ. Lorsqu' un e-mail sort d'un site Web, vous pouvez spécifier l'adresse d'où il provient. Maintenant, le contact Devi par défaut pour le module utilise le courrier dans votre domaine. Vous pouvez remplacer cela avec un extrait de code dans le fichier functions.php. Mais dans l'ensemble, celui-là fonctionne. D'accord. D' autres plug-ins de formulaire comme Gravity Forms, Ninja Forms, Contact Form 7. Vous pouvez spécifier votre adresse de départ. Tout d'abord, assurez-vous que le from inclut votre nom de domaine. L' adresse e-mail à partir de laquelle vous nous listez doit inclure le nom de domaine d'où provient le courrier. Sinon, le spam automatique, peut-être même le rejet. Ensuite, vous venez et vos deux ne devraient pas être les mêmes. Dans les cas où vous venez et que vos deux contiennent le même nom de domaine. Vous pouvez, par exemple, faire votre de Mayo à et vous devez contacter cela. En outre, bien que de devrait idéalement être une boîte aux lettres, un alias, ou un transfert qui peut recevoir des e-mails, surtout dans le cas où quelque chose est rebondi ou retourné. Enfin, afin d'améliorer la délivrabilité au sein de votre client de messagerie, vous devez ajouter le mail comme de votre domaine à vos contacts. Cela entraînera votre client de messagerie que les courriels provenant de cette adresse sont sûrs et doivent être envoyés dans votre boîte de réception. Ce sont donc les paramètres que vous pouvez configurer sur votre formulaire de contact pour maximiser la délivrabilité. Passons maintenant à vos noms de domaine, enregistrements DNS. Comme vous le rappelez dans la Section 1, les principes fondamentaux des leçons de conception Web, les enregistrements DNS sont des petits morceaux d'information attachés à votre nom de domaine pour dicter le trafic Web et e-mail. Il existe maintenant trois enregistrements spécifiques qui affectent la délivrabilité des e-mails. Et c'est SPF, DKIM et DMARC. Allons les décomposer. Un cadre de stratégie d'expéditeur SPF. Les enregistrements SPF protègent votre domaine contre l' usurpation d'identité et empêchent les messages sortants d'être marqués comme spam. Celui-ci que vous devriez certainement avoir peu importe où vos e-mails sont hébergés. Deuxièmement, vous pouvez augmenter la sécurité pour les e-mails sortants avec DKIM ou les clés de domaine de courrier identifié. Utilisez cette norme pour empêcher l'usurpation des messages sortants envoyés depuis votre domaine. Certains serveurs le permettent et d'autres ne prennent pas en charge DKIM. Troisièmement, vous pouvez renforcer la sécurité du spam Ford grâce à la démarcation, à l' authentification des messages basée sur le domaine, à la création de rapports et à la conformité. Demarc est une méthode d'authentification par e-mail standard qui aide les administrateurs de moulin à empêcher les pirates informatiques et autres attaquants d'usurper leur organisation et leur domaine. C' est un dossier de base et c'est agréable d'avoir. Maintenant, si vous utilisez Google ou Microsoft ou l'hébergement de messagerie électronique, vous pouvez trouver ces enregistrements dans votre compte. Si vous utilisez Ioannidis avec des comptes IMAP, vous pouvez utiliser leurs enregistrements SPF et DMARC. Où que vos e-mails soient hébergés, consultez leurs articles de support pour trouver les enregistrements appropriés, puis saisissez-les sur vos noms de domaine, enregistrements DNS dans votre bureau d'enregistrement de domaine. Examinons donc quelques exemples d'enregistrements DNS ici pour améliorer la délivrabilité des e-mails. En commençant par SPF. Spf protège contre l'hameçonnage et empêche les messages d'être marqués comme spam. Maintenant, il s'agit d'un article de l'espace de travail Google et cela nous donnera l'enregistrement SPF pour l'espace de travail Google si vous utilisez Google pour votre hébergement de messagerie professionnelle. Nous devons donc définir l'enregistrement SPF. Cliquez sur le basique. Et cela nous donnera l'enregistrement SPF pour empêcher l'hameçonnage pour les comptes d'espace de travail Google. C' est donc l'enregistrement SPF de base, et cela inclut uniquement Google. Donc, si tous les e-mails de votre organisation sont envoyés à l'aide de Google Workspace uniquement, copiez cette ligne de texte pour votre enregistrement SPF. Cela signifie que tous les e-mails qui arrivent ou sortent pour le compte de SPF dot google.com, essentiellement, votre compte Google, ceux-ci sont légitimes. Et cette ligne squiggly serait tout un échec doux. C' est donc l'enregistrement que nous ajouterions si nous utilisons l'espace de travail Google exclusivement. Donc, cela signifierait qu'aucun autre e-mail n'est acheminé par d'autres serveurs. Serait acceptable sur ce nom de domaine. Donc, nous copierions cela et le collerions dans nos paramètres DNS. Nous allons donc à notre registre de domaine. Voici Ioannidis, par exemple, allez à DNS et puis j'en ai déjà un installé ici. C' est un enregistrement texte TXT sur la route ou au symbole ici. Et nous pouvons éditer celui-là. Si nous utilisons l'espace de travail Google, alors nous collerions simplement cet enregistrement comme il est. Sinon, si nous utilisons celui de Jonah par exemple, celui-ci signifie que c'est Jonas, et alors celui-ci est aussi ionisé. Donc, cela veut dire que tous les courriels de l'un de ces trois serveurs seraient acceptables. Ce serait l'enregistrement SPF de base pour Jonas. Nous pouvons le voir ici sous ionise, en utilisant un enregistrement SPF pour prévenir le spam, si vous hébergez vos e-mails sur votre compte témoin oculaire. On peut avoir son dossier du SPF ici. Configurez l'enregistrement SPF et la création de l'enregistrement. Il s'agit du paramètre d'échec progressif. Et il y a l'enregistrement que vous copieriez et collez si vous utilisez seulement Island us exclusivement. Je recommande de lire ces articles juste pour familiariser avec ce que SPF est tout au sujet. Mais ce serait avec Iona nous. Ce serait avec l'espace de travail Google. Et puis, si vous utilisez Microsoft 365, ils ont leur propre article configuré SPF pour aider à prévenir l'usurpation d'identité. Et ça nous donne le record ici. C' est le plus commun. C' est le V, V est égal à S P F1. Et puis voici votre inclusion de protection SPF point, pas outlook.com. C' est la norme que nous ajouterions. Si nous ne sommes que l'hébergement strictement sur Microsoft 365. Votre cas de base serait comme P F1 inclure comme protection PFD et non outlook.com. Et puis fringez tout. Vous pouvez lire cet article plus en détail si vous voulez plus d'informations sur les enregistrements SPF. Alors, qu'en est-il du DMARC ? Utilisez cela pour valider les courriels. Donc, c'est un article complet ici où nous pouvons trouver un échantillon. Les enregistrements de Marc. Le plus fondamental serait simplement V égal à 1 p politique, PCT égal à 100. On peut faire de P égal à la quarantaine, ce qui signifie que les e-mails suspects doivent être mis en quarantaine. Vous pouvez également définir votre stratégie pour la rejeter ou la définir sur rien. Maintenant, cela peut être personnalisé en fonction de votre situation. Donc, si vous avez un client qui a besoin d'une configuration plus avancée, vous devrez peut-être les personnaliser pour votre configuration particulière. Nous copierons et collez cela dans notre registre, puis ajouterons cela en tant qu'enregistrement TXT. Et puis DKIM ? Dkim valide les e-mails sortants et nous obtiendrions ces enregistrements via notre compte Microsoft 365. Je possède le système d'exploitation ne fournit pas d'enregistrements DKIM pour vous, mais vous pouvez obtenir le vôtre dans votre compte Microsoft ou via un autre hébergement de messagerie s'il est fourni avec votre serveur de messagerie. Donc, nous obtiendrions cela en se connectant à notre compte, puis en copiant et en collant les codes qui sont fournis et qui seraient ajoutés en tant qu'enregistrement CNAME. est ainsi que nous obtenons nos enregistrements SPF sont demarc et si possible ou DKIM enregistrements. Et c'est là que nous les trouverions et c'est là que nous les installions dans notre bureau d'enregistrement de domaine. Ainsi, chacun d'entre eux augmentera la délivrabilité des e-mails et aidera avec le spam, l'hameçonnage et la sécurité des e-mails. Enfin, examinons comment intégrer un service de délivrabilité de courrier électronique tiers, lequel choisir, et comment déterminez-vous si vous en avez besoin ? Donc, avant même de regarder les options, La première question est, avez-vous même besoin d'un service d'email et de délivrabilité ? Et la réponse est, peut-être pas. Le Without maladie et d'autres plateformes d'hébergement Web, votre compte d'hébergement partagé pour le meilleur ou pour le pire, inclut le serveur de messagerie, ce qui signifie qu'ils ont géré la délivrabilité pour vous. C' est très pratique. Dans ce cas. Demandez-vous si mes courriels sont-ils livrés en temps opportun ? Est-ce que quelqu'un se plaint que mes courriels vers eux atterrissent dans leur dossier de spam ? Est-ce que je reçois des soumissions de formulaire de contact d'un site Web ? Voyez si tout fonctionne bien. Personnellement, je ne m'inquiéterais pas de connecter un service tiers. Maintenant, nous devons réparer quelque chose qui n'est pas cassé, n'est-ce pas ? En plus de mettre en œuvre tout ce dont nous avons parlé jusqu'à présent, les deux enregistrements DKIM DMARC SPF, qui devrait grandement améliorer votre délivrabilité. Maintenant, avec les solutions Cloud et d'autres plateformes d'hébergement cloud managé, d'autre part, ils ne fournissent pas d'hébergement de messagerie électronique, et nécessitent donc que vous apportez un service de livraison sanglant tiers. Disons qu'ils se concentrent strictement sur l'hébergement Web, ce qui signifie que vous devez faire appel à un fournisseur de messagerie comme Google, Microsoft, Rackspace, et que vous avez besoin d'un service de délivrabilité des e-mails. Donc, dans ce cas, que vous soyez sur notre plateforme d'hébergement qui n'offre pas de courriels, ou que vous ayez de la difficulté à recevoir vos courriels. Quelles sont les options disponibles pour assurer la productibilité ? Et combien coûtent ces services ? Regardons quelques-uns des plus grands joueurs. Sendgrid, email élastique, ainsi que les propres solutions de Google et Microsoft pour cela. Regardons donc certains des plus grands acteurs de la messagerie électronique et de la délivrabilité, en commençant par la grille Sim et voyons comment ceux-ci fonctionnent. Cela vous permet donc d'envoyer des e-mails en toute confiance via votre serveur web ou via votre service marketing. Et c'est le service MIMO qui fait confiance aux développeurs et aux spécialistes du marketing pour rendre les choses plus faciles, évolutives et, surtout , assurer la livraison. Donc, si nous faisons défiler ici et nous pouvons voir l'API SendGrid, ce qui rend vraiment facile l'intégration du service SendGrid dans votre application. Et dans notre cas, nous allons simplement l'ajouter directement à notre serveur basé sur le cloud ou à notre compte WordPress. Donc c'est SendGrid. Un autre avec lequel nous pouvons travailler est l'email élastique. Maintenant, c'est très similaire et cela permet la délivrabilité des e-mails. Ces services ont envoyé des millions, des milliards d'e-mails tout le temps et ils assurent la livraison. Alors quel est le prix pour ces services dans ce cas, envoyer des e-mails illimités à 5000 contextes pour 15$. Dans le cas des réseaux de péché, ils ont des prix simples. Ils commencent avec un compte gratuit et le F31 est de 0$ par mois, et cela nous donne quelques emails, 100 emails par jour pour toujours. Donc c'est là pour toujours compte gratuit. Ils ont également d'autres plans à partir de 1495 dollars américains par mois. Et vous pouvez basculer sur ce curseur pour voir le nombre d'e-mails que vous envoyez par mois. Et le prix varie en fonction du nombre d'e-mails que vous envoyez. Donc, si vous envoyez beaucoup d'e-mails pour vos clients, alors vous pourriez avoir besoin d'un plus grand nombre. Mais pour les 100 courriels de base par jour fonctionne pour beaucoup de petites entreprises. Voyons donc comment nous intégrons cela dans notre site WordPress. Donc, si nous hébergeons sur Ioannidis ou tout autre service d'hébergement Web, alors nous pouvons aller à Ajouter des plugins une fois que nous nous inscrirons notre SendGrid ou à nos comptes de messagerie élastiques, disons SendGrid, nous cliquerons gratuitement sur Démarrer. Ensuite, vous venez de mettre les informations de votre entreprise votre e-mail et votre mot de passe pour créer votre compte. Vraiment simple pour créer votre compte. Et une fois que nous l'aurons fait, nous aurons les informations d'identification nécessaires pour ajouter notre nom de domaine et configurer votre compte SendGrid en configurant l'adresse e-mail principale ou en vérifiant simplement votre nom de domaine entier. Voici donc un plugin que nous pouvons utiliser pour intégrer la grille de péché assez facilement. Il s'agit de publier SMTP, courrier ou e-mail journal, d' envoyer, de se connecter et d'être averti lorsque vos e-mails échouent. Donc, ce n'est pas vraiment facile, plugin léger. Et nous pouvons l'utiliser pour intégrer à Office 365, à G-mail, à SendGrid, ou à beaucoup d'autres ici. Il est compatible avec toutes sortes de plugins pour s'assurer que vos e-mails sortants hors de votre site WordPress, comme votre formulaire de contact ou votre configuration e-commerce que ces e-mails arrivent là où ils doivent être. Donc, il se connecte au pistolet masculin, au service de délivrabilité de courrier électronique très populaire. Il se connecte au mandrin, Gmail, SendGrid, l'un de ces pistolet mâle est un autre populaire. Un autre service de délivrabilité des e-mails comparable à l'envoi de la grille et du courrier électronique élastique. Leurs prix varient, en fonction du nombre de courriels que vous envoyez par mois. Et puis mandrin est un paiement Mailchimp ajouter sur. Une fois que nous avons installé ce plug-in, nous pouvons intégrer notre compte SendGrid en suivant les instructions de configuration. C' est donc la configuration WordPress. Afin de configurer notre plugin, nous pouvons simplement suivre les instructions étape par étape incluses dans le courrier SMTP ou compte. Ils vous guèneront pas à pas. Mais il y a une autre étape importante que nous devons faire pour installer la délivrabilité des e-mails. Nous devons obtenir nos enregistrements DNS de domaine. Donc, il y a un article utile ici de SendGrid. Ils vous guideront à travers cela lorsque vous créez votre compte et lorsque vous intégrez votre nom de domaine, ils vous guideront à travers les enregistrements DNS nécessaires que vous devez installer sur votre registre de domaine, comme vous 're GoDaddy, ou vos domaines Google ou cloudflare ou ion nous. Où que vous ayez vos enregistrements DNS, ils vous donneront les fichiers nécessaires que vous devez installer afin d'intégrer SendGrid, même pour le courrier électronique élastique. Celui-ci a ses propres enregistrements DNS. Email élastique. Si vous utilisez des méthodes Cloud, ils ont leur enregistrement SPF et l'enregistrement DKIM. Et le suivi. C' est un nom C, l'enregistrement MX et l'exemple d'enregistrement DMARC. Donc, c'est si nous utilisons la messagerie élastique avec les moyens Cloud pour utiliser SendGrid obtiendront cela dans notre compte. Mais cet article aide à nous guider à travers ce qu'il s'agit. Et obtenir plus de direction dans notre compte SendGrid obtiendra les enregistrements DNS réels que nous aurions à ajouter dans notre registre de domaine. Une fois que nous avons ajouté le domaine et les enregistrements DNS dans notre compte SendGrid. Ensuite, il est mis en place et nous pouvons ajouter notre plugin. Ce plugin permet aux e-mails hors de ce site pour acheminer la grille r2 sin ou quel que soit votre email et service de délivrabilité. Nous pouvons également utiliser Gmail. Si nous avons un compte Gmail ou un espace de travail Google, comment configurer Gmail SMTP. Gmail propose également un service SMTP gratuit. Ils préfèrent que vous ne l'utilisiez que si vous envoyez un faible volume d'e-mails. Mais ils ont un serveur SMTP que vous pouvez utiliser. Vous pouvez configurer cela avec post mailer ce plug-in dont nous avons parlé. Ou nous pouvons utiliser un plug-in SMTP différent et simplement suivre les instructions pour configurer notre compte Google. Donc, nous acheminerons tous les e-mails sortants de notre site Web via notre compte Gmail. Maintenant, si nous utilisons des méthodes cloud, comment intégrons-nous la messagerie élastique pour la délivrabilité des e-mails ? Nous nous connectons à la plate-forme dotCloud ways.com. Et nous allons à Add-ons ici. Et en cliquant sur cette icône de coche, nous pouvons voir les noms de domaine vérifiés. Et nous tapons notre nom de domaine. Ensuite, il va tester la vérification pour voir si nous avons ajouté les enregistrements DNS appropriés, qui sont ceux que nous avons examinés précédemment, à savoir votre DKIM, votre SPF, vos enregistrements DMARC et le suivi. Vois ton nom. Une fois que nous avons ajouté tous ces éléments de manière appropriée, nous cliquez sur Vérifier le domaine, et c'est tout. Ensuite, ce domaine sera vérifié. Peut également aller dans les serveurs ici. Et nous devons prendre notre serveur et aller dans SMTP. Et nous pouvons sélectionner le service SMTP que nous utilisons pour la délivrabilité du courrier électronique sortant sur le serveur. Maintenant, avec les moyens Cloud qui est nécessaire pour installer un serveur SMTP avec maladie et d'autres services d'hébergement Web. Cela n'est peut-être pas impératif que vous ayez votre propre serveur SMTP. Mais avec les solutions Cloud, c'est impératif. Vous pouvez avoir votre propre serveur SMTP, comme le courrier, le pistolet, mandrin, les auteurs, le MDP, la grille Sim, ou un autre. Si nous avons entré le nom d'utilisateur et le mot de passe du port hôte manuellement. Une fois que vous avez configuré votre serveur SMTP, cela signifie que tous les e-mails sortants provenant de l'ensemble du serveur passeront par le serveur que vous avez configuré. Si vous êtes sur le Cloud, le plus facile est de simplement utiliser la messagerie élastique. Et puis pour tester cela, nous pouvons envoyer un e-mail de test et un test pour nous assurer que cela fonctionne correctement. Alors, quel est le coût de l'email élastique sur la plate-forme dans le sens des aiguilles d'une montre ? Nous allons à l'email élastique ici, puis nous allons à l'icône d'édition ici, et nous voyons leurs prix. J' aime utiliser le courrier électronique élastique parce qu'ils sont extrêmement abordables. Le plan que je suis en devise américaine est un peu plus de 2$ par mois. Et cela nous donne 25 000 courriels que je peux diffuser sur tous les sites Web des clients, sur l'ensemble du serveur. Ce qui est incroyable. Super, super abordable. Je trouve qu'il est plus efficace de configurer un compte de messagerie élastique, vérifier tous mes noms de domaine, puis de payer 25 000 e-mails sur l'ensemble du serveur. Plutôt que de configurer un nouveau compte SendGrid. Pour chaque client individuel, il est beaucoup plus simple et plus efficace de simplement configurer votre service de messagerie élastique ici. Et c'est si vous êtes sur le Cloud. Sinon, vous pouvez le prendre sur un cas par cas. Si un client a besoin d'une délivrabilité de courrier électronique améliorée, s'il rencontre des problèmes, vous pouvez configurer singulièrement un compte S et un compte SendGrid pour ce client particulier. Ou s'ils sont sur Gmail, vous pouvez acheminer leurs e-mails via Gmail en utilisant le courrier SMTP ou le plugin. Vous pouvez parcourir les instructions afin que vous vouliez l'installer et ajouter le compte Gmail. Donc, vous là-bas assistant de configuration vous guidera tout au long de la configuration sur Gmail. Quoi qu'il en soit, que nous utilisions un fusil masculin ou que nous intégrions SendGrid ou un e-mail élastique. Et quel que soit le service d'hébergement, il existe des options tierces pour activer le courrier électronique ou améliorer la délivrabilité du courrier électronique. Donc, les services que nous examinons seraient l'intermédiaire entre votre site Web et la boîte de réception électronique que vous livrez, ces contacts pour les messages ou ces messages électroniques. 21. Pensée finale. Une autre chose vraiment agréable à propos ces services de délivrabilité de courriels est qu'ils vous donnent un journal de vos e-mails qui ont été envoyés. Ils enregistrent tous les e-mails qui sortent et la raison pour laquelle ils ont été rebondés, bloqués ou rejetés, ou s'ils ont été envoyés avec succès, ce qui est une fonctionnalité super utile lorsque vous devez résoudre les problèmes pourquoi les courriels ont été envoyés correctement ou non. Si vous êtes sur le compte Cloud ways, vous pouvez cliquer sur l'icône Journal de messagerie ici pour télécharger les journaux de messagerie élastiques. Et puis à travers cela, vous pouvez dépanner vos journaux ici pour voir tous les e-mails qui sont sortis de votre serveur. Vous pouvez voir le destinataire et la ligne d'objet et si oui ou non ils ont été envoyés, ils ont rebondi, ils ont été ouverts ou autre. Si elles avaient été rebondies, alors vous pouvez voir la raison pour laquelle elles n'ont pas pu être livrées. Comme dans ce cas, par exemple, dépassé l'allocation de stockage ou le service sur disponible, ils vont réessayer ou quelque chose comme ça. Ceci est vraiment utile lorsque vous diagnostiquez des problèmes, les e-mails sortant de votre serveur. Si le client d'un client n'a pas reçu d'e-mail important, vous pouvez voir s'il a été envoyé ou non. Et s'il y a un problème avec un e-mail rebondissant, et s'il y en a, alors nous pouvons résoudre ce problème. Et c'est tout. Juste quelques enregistrements DNS simples. Et nous pouvons avoir notre compte prêt à partir. Cname enregistrer l'email élastique ici. Si c'est le service sur lequel vous êtes, un enregistrement DMARC, un enregistrement SPF pour les courriels élastiques ici. Et puis les enregistrements DKIM qui sont nécessaires pour la sécurité DKIM. C' est tout ce que vous auriez à ajouter pour mettre en service ces services de délivrabilité des e-mails et améliorer la délivrabilité de vos e-mails. Et c'est tout. Voici un bref aperçu de la situation de la délivrabilité des e-mails. Ce que vous devez savoir, quelles actions vous pouvez déjà prendre et quelles sont vos options pour un service tiers. Comme toujours, avec tous ces concepts avancés, veuillez poursuivre votre formation en lisant les derniers développements et la livrabilité des courriels au fur et à mesure que le Web continue d'évoluer. Récapitons donc les quatre points principaux. Celui que vous hébergez serveurs adresse IP, impact considérable sur votre réputation de l'expéditeur à partir et le besoin d'être soigneusement configuré. Enregistrements SPF, DKIM et DMARC. Améliorez la délivrabilité des e-mails. Sécurité étendue. Ou des solutions de délivrabilité tierces comme sin grid et email élastique. Assurez-vous que vos courriels. Et quels sont tes devoirs ? Je veux que vous lisiez les formulaires de contact ou les courriels transactionnels que vous avez configurés sur votre site Web pour remarquer les adresses de et les deux. revue vos enregistrements DNS et assurez-vous que vous au moins comment il enregistrement SPF. Si vous rencontrez toujours des problèmes avec la délivrabilité des e-mails là-bas. Toutes ces suggestions, service tiers intégré comme SendGrid ou elastic. Je suis Leighton, et maintenant vous savez comment améliorer la délivrabilité de vos e-mails. 24. PARTIE 3 : Comment créer une marque: Bienvenue, je suis en retard. Et votre webmaster. Dans cette série de leçons, apprenons à créer une marque. Maintenant, pour lancer cette série, qu'est-ce qu'une marque ? C' est difficile à définir, et c'est bien plus qu'un simple nom d'entreprise. En fait, une référence définit une marque comme la perception qu'a une personne d'un produit, d'un service, d'une expérience ou d'une organisation. Donc, plus que le nom, il inclut l'identité et la réputation d'une entreprise. Les marques peuvent changer au fil du temps. Ils peuvent se développer, se , réagir et changer avec le temps. En outre, les marques impliquent vos sentiments. Comment vous sentez-vous lorsque vous interagissez avec une certaine entreprise ? Aimez-vous certaines marques ? Ayez vos préférences. Vous détestez fortement les entreprises ? Une bonne et mauvaise expérience va de pair. Et c'est pourquoi les marques à succès aujourd'hui sont toujours imprégnées émotionnellement. Ils ont une grande signification émotionnelle pour les gens, et c'est ce qui rend les marques aimées et respectées. Pensez-y. Si vous avez eu une grande expérience dans un café, que faites-vous ? Tu le dis aux autres ? Et si vous aviez une expérience terrible ? Même chose, mais dites aux autres. Votre réaction émotionnelle à l'expérience que vous avez eue avec cette marque vous pousse à agir. Et comment vous agissez aide ou nuit à la marque. Maintenant, l'opinion d'une personne sur une marque peut ne pas sembler beaucoup, mais à la majorité ont une opinion similaire pour le meilleur ou le pire, cette marque formes de réputation. Alors, à quelles grandes marques pouvez-vous penser ? Bonjour, il y a Toyota, Walmart, Apple, Google, Nike, Disney, Samsung, chick filet, Mcdonald's, tous très prospères, marques mondialement reconnues. marques à succès comme celles-ci ont un logo universel simple qui évoque n'importe quel mouvement dès que vous le voyez. Essayons ça. Quand je dis le nom, Coca Cola, peux-tu imaginer le logo ? C' est de quelle couleur ? A quoi ça ressemble ? Est-ce traditionnel ou cursif ? Est-ce que le nom évoque l'émotion ? Aimez-vous ou détestez leur soda ? Oui. Regardez toutes les associations subconscientes que vous avez était simplement le nom Coca-Cola. Et c'est parce qu'ils ont soigneusement créé une marque à succès. Alors, comment faites-vous pour créer une marque facilement reconnaissable et adorable ? Eh bien, il y a deux composants principaux. Il y a identité et réputation. La première est la façon dont vous projettez votre marque, et la seconde est la façon dont votre marque est reçue. Allons les décomposer. Et comme nous le faisons, je veux que vous remarquiez combien vous avez de contrôle sur chacune de ces choses. La première identité de marque. Ce sont les éléments visibles de votre marque. Le nom de l'entreprise, le logo, les couleurs, le slogan, etc. Il comprend le ton et le libellé de vos messages marketing. Votre identité est ce que vous pouvez contrôler. Vous pouvez concevoir votre marque. Vous pouvez le rendre amusant, moderne, traditionnel, respectueux de l'environnement. Quoi que vous ayez à l'esprit, quel que soit votre projet, tous vos choix de marque doivent être alignés sur cet objectif. En fait, pensez-vous qu'un marketing de marque vers une tranche d'âge plus jeune utiliserait le même mot qu'une autre marque ? Cibler les personnes âgées. Qu' est-ce qui changerait ? Eh bien, pour commencer, les personnes âgées ont plus d'expérience de la vie et le vocabulaire plus large, ils apprécieront et comprendront des mots plus complexes. Et une marque qui projette la compétence et la sécurité. Avec la jeune génération frappe un rythme juste pour retenir leur attention. Ils veulent des réductions et ils aiment les avantages de fidélité. Oui, Avec une attention particulière, une marque peut envoyer le message correct au public correct et qu'ils peuvent contrôler. Mais sur quoi ont-ils moins de contrôle ? Tu l'as deviné, leur réputation. La réputation est la façon dont une marque est perçue. En fait, comment percevez-vous Apple ? Apple projette de pointe haut de gamme ? Mais est-ce que cela correspond à leur réputation ? Je pense que oui. Et McDonald's ? Voici quelques extraits du site de McDonald's. Nos aliments utilisent des ingrédients prioritaires, d'origine durable, produits de manière éthique pour assurer la santé et la sécurité des consommateurs et des animaux. Alors, quelle est la réputation ? La réputation s'harmonise-t-elle avec les objectifs énoncés ? Qu' est-ce que tu en penses ? Quel est mon point de vue ? Voilà mon point de vue. Une marque peut rester ce qu'elle veut, mais les clients décideront de sa réputation. En fait, il y a des entreprises entières dédiées aux relations publiques ou relations publiques pour aider à façonner ou à sauver la réputation d'une marque. Mais en fin de compte, c'est au public de décider. Et le public ne peut pas changer d'avis. En fait, pouvez-vous penser à toutes les marques que j'ai descendu ou peut-être monté en colline ? Amélioré au fil du temps, rebondi. Oui, la réputation d'une marque, tout comme la marque elle-même, peut évoluer au fil du temps. Donc, pour résumer, qu'avons-nous appris jusqu'à présent ? Nous en avons appris une, une marque comprend ses éléments visibles comme le nom, le logo, la balance des couleurs, mais aussi les émotions évoquées par l'identité d' une marque peuvent être pensées pour envoyer un message spécifique à le public approprié. Troisièmement, la réputation d'une marque est décidée par ses clients. Il peut s'améliorer ou s'aggraver. Et quels sont nos devoirs ? Je veux que vous pensiez à différentes marques et comment vous les percevez. Pensez à la marque que vous aimez et que vous n'aimez pas, et pourquoi vous ressentez cela. Donc, nous discutons brièvement de la façon de créer une marque. Mais la prochaine leçon, nous allons parler de la création de votre marque pour votre entreprise de conception de site Web. C' est super excitant et je suis tellement prêt à partager mes conseils avec vous. Je suis Leighton et maintenant tu sais comment créer une marque. 25. Construire votre marque: Bienvenue, je suis Leighton, votre webmaster. Dans la leçon précédente, nous avons appris sur les marques. Et maintenant, apprenons à créer votre marque ou votre entreprise de conception de site Web. À présent, vous avez appris les principes fondamentaux des sites Web et comment en construire un. Mais maintenant, nous allons nous éloigner des sites Web et vers l'entreprise elle-même. Ce cours porte en fin de compte sur la création d'une entreprise de conception de sites Web. Alors allons-y. Dans cette leçon, nous allons considérer une, la structure de votre marque de conception de site Web au nom de votre entreprise. Trois, nom de domaine pour adresse e-mail professionnelle par logo, et six cartes de visite. Allez-y, prenez un morceau de papier ou un document Word ou une note. Comme cette leçon, nous aurons beaucoup de pauses pour que vous puissiez remuer votre marque. Tout d'abord, j'aimerais aborder une différence fondamentale dans les deux façons dont vous pouvez structurer votre entreprise. Vous pouvez choisir freelancer ou firme. Permettez-moi d'expliquer cela par l'exemple. Mon nom est Smith latent, mais mon nom d'entreprise ou DBA faisant des affaires en tant que média pionnier. pionniers sont des penseurs avant-gardistes qui affrontent de nouveaux défis. Et je travaille avec les médias numériques. L' emploi est, mon nom de marque est médiatique pionnier. Depuis 2006, je n'ai pas marqué mon nom personnel, mais mon entreprise. Mais quelle est l'autre option ? J' aurais pu me marquer comme pigiste et utiliser mon nom, Smith latent comme DBA. Au lieu d'embaucher, les entreprises médiatiques pionnières embaucheraient Smith, le concepteur web freelance. Maintenant, ces deux sont des options très courantes. Vous verrez de nombreuses personnes emprunter la voie du freelancer tandis que d'autres veulent créer une entreprise et éventuellement embaucher une équipe. Alors, quelles sont les différences ? Quels sont les avantages et les inconvénients ? Qu' en pensez-vous ? Parlons d'abord d'un grand facteur décisif. Et j'ai besoin que tu sois honnête avec celui-là. Vous êtes devant la personne de la caméra ou derrière la caméra ? Si vous vous sentez comme un freelancer, vous devez avoir un bon headshot, peut-être une vidéo d'introduction, et partager votre histoire. Vous vendez vous-même en plus de vos services. Alors soyez sympathique. Laissez les gens vous connaître pour qu'ils soient à l'aise avec qui ils font affaire. Dans mon cas, j'ai été derrière la caméra pendant des années. Donc même l'idée de mettre mon visage sur mon site était impensable hors de question. Par conséquent, créer un nom d'entreprise était la bonne solution pour moi. Et voici un pourboire. Lorsque vous vous identifiez comme une entreprise ou une agence, vous pouvez utiliser le terme nous au lieu de moi pour faire paraître votre entreprise plus grande au début, personne n'a besoin de savoir que vous travaillez si bas. En fait, en vérité, vous aurez probablement beaucoup de conseillers et un réseau de personnes qui soutiennent votre entreprise. Donc, même si vous n'avez pas techniquement employés W2, vous pouvez toujours dire, nous serions ravis d'aider avec votre site Web, reviendrons vers vous avec un devis. Et qui, selon vous, semble plus cher ? Une agence ou un designer solo ? Oui, lorsque vous vous projettez en tant que cabinet, les entreprises s'attendent généralementà une les entreprises s'attendent généralement meilleure qualité et à une meilleure citation par rapport au concepteur solo. De plus, avec une ferme ou une agence, vous serez naturellement en meilleure forme pour former une équipe en embauchant des concepteurs, codeurs, des spécialistes du marketing et à l'échelle de votre entreprise. Personnellement, j'aime réduire les coûts. J' aurai des employés, mais j'ai un réseau de photographes professionnels, d'agences de publicité, de concepteurs de logos, vidéographes, de rédacteurs de contenu, avec qui je passe régulièrement des références. Donc les médias pionniers n'ont personne sur le personnel. Il est tout à fait véridique de dire que nous aimerions concevoir et entretenir votre site Web. Maintenant, nous allons parler de l'importance de développer votre réseau, plusieurs leçons à partir de maintenant. Mais en attendant, pouvez-vous voir la différence entre vendre vos services de conception de site Web en tant que moi, un freelance, ou en tant qu' entreprise, entreprise ou agence ? Vous vous balancez déjà d'une façon ou d'une autre ? Maintenant, une dernière note. En tant que freelance, vous pouvez toujours embaucher des gens. Et en tant qu'entreprise, vous pouvez vous faire connaître comme la base de l'entreprise. Et votre marque continuera d'évoluer au fil du temps. Donc, ceux-ci ne sont pas fixés dans des règles de pierre, juste des directives générales au fur et à mesure que vous construisez votre marque. À ce stade, veuillez mettre la vidéo en pause, créer un document, noter ou sortir une feuille de papier et écrire si vous souhaitez emprunter voie du freelancer ou marquer votre entreprise en tant qu'entreprise. Gardez ce document à portée de main car nous continuerons à y faire référence tout au long de cette leçon. Ensuite, vous aurez besoin d'un nom pour votre marque. Dans mon cas, Pioneer Media est le nom de mon entreprise. Maintenant, je commencerais par considérer la concurrence. Connaissez-vous des concepteurs web locaux dans votre région ? Comment s'appelent-ils ? Effectuez des recherches Google. Plus vous regarderez d'agences, plus vous découvrirez des tendances dans les noms. De nombreuses entreprises de design web ont le mot web design ou média attaché à eux. La convention de dénomination la plus simple est juste votre nom de famille et le mot design ou design web, comme Smith web design, choix très traditionnel. Mais il y a une opportunité d'être plus créatif. Venez avec quelque chose d'accrocheur et d'unique. Vous considérez-vous comme créatif ? Si c'est le cas, génial. Donc, vous ce que vous pouvez trouver, sinon, demander autour, obtenir des commentaires des amis et de la famille. Et une fois que vous avez une liste restreinte d'idées, évidemment, vous voudrez rechercher la concurrence locale pour vous assurer que votre nom n'est pas trop similaire à une autre entreprise car tout simplement ne voudrait certainement pas être confondu avec une autre affaire. À ce stade. S' il vous plaît mettre la vidéo en pause, notez quelques idées pour le nom de votre entreprise de design web. Recherche, ce que d'autres entreprises qui sont appelés, Faire une liste restreinte et voir ce qui colle. Troisièmement, vous aurez besoin d'un nom de domaine pour votre entreprise de conception Web. Maintenant, j'ai trouvé que cela m'a aidé à choisir un nom d'entreprise. Pourquoi ? Parce que certains noms que vous allez trouver, ils n'ont aucun domaine disponible. Et idéalement, votre nom de domaine est votre nom d'entreprise. Par exemple, le nom de domaine de mon agence est www.pioneer.media. J' ai choisi ce domaine moderne fining.media et j'ai obtenu le nom entier de mon entreprise là-dedans. Une fois que j'ai réalisé que c'était disponible, les médias pionniers sont devenus le choix naturel et il est resté. Maintenant, vous pouvez également consulter d'autres terminaisons de domaine comme la conception de points. C' est une idée formidable pour une entreprise de design web. Et maintenant, méfiez-vous de devenir trop fou en ajoutant des mots-clés et des localités. Donc votre nom de domaine, comme Smith web design pour u.com. Et vous, en tant que consommateur, êtes-vous un fan de noms de domaine longs ? Ceux que vous devez continuer à taper et à taper avant d'y arriver. Maintenant l'un l'est, alors gardez-le succinct. Gardez-le mémorable. Quand vous avez trouvé le bon, vous le sécurisez. Et choisissez judicieusement, dit Joe, idéal, ils conservent le même nom de domaine au fil du temps. En fait, depuis 2006, je n'ai changé que le nom de mon entreprise et le nom de domaine qu'une seule fois. Et vous vous souvenez de la ressource que nous utilisons il y a plusieurs leçons pour rechercher des noms de domaine. Oui, vous faites un domaine instantané search.com. Ce site est un outil génial pour rechercher rapidement et facilement plusieurs noms de domaine à la fois. Maintenant, je n'aurais pas la peine d'acheter un nom de domaine déjà pris parce que je peux coûter des milliers de dollars, ce qui est vraiment inutile car il y a beaucoup de domaines là-bas. À ce stade, s'il vous plaît mettre la vidéo en pause, ouvrez instantané domain search.com pour remuer efficacement les idées de domaine. Une fois que vous avez atterri sur le parfait, achetez-le sur votre compte témoin oculaire. Maintenant que vous avez votre nom de domaine, vous avez besoin d'une adresse e-mail. Créons un sur votre serveur d'hébergement ionisé. Vous pouvez vous référer à la leçon de courriels vers le début de ce cours si vous avez besoin d'un recyclage. Alors, que choisissez-vous comme adresse e-mail ? Vous avez votre nom de domaine. Mais qu'en est-il avant le panneau ? Le choix le plus traditionnel, ce que j'utilise est le contact. Contactez donc à votre nom de domaine. Vous pouvez également utiliser info let, ou votre nom réel. Tu peux vraiment choisir ce que tu veux. Mais ce sont les choix conventionnels. Quoi que vous décidiez, connectez-vous à, je possède ceci et créez votre adresse e-mail pour votre entreprise de conception de site Web. Une fois que vous avez fait cela, vous pouvez l'ajouter à l'endroit où vous accédez à des e-mails tels que Outlook, iOS Mail, l'application Windows Mail, etc. À ce stade, s'il vous plaît mettre la vidéo en pause, connectez-vous à Je possède this.com, sélectionnez votre serveur d'hébergement, cliquez sur les e-mails et créez votre adresse e-mail comme votre nouvel e-mail à votre client de messagerie préféré. Maintenant que vous avez enfermé votre nom, pensons à un logo. Avez-vous des idées pour votre logo ? Un logo est étroitement lié à une marque. En fait, un logo, un emblème, une typographie, couleurs et un style doivent tous transmettre de façon réfléchie l'identité de votre marque. Votre police doit-elle être nette et propre ? Récursive ? Vous voulez un symbole ou un emblème ? Et les couleurs ? palette de couleurs de votre marque ? Nous étendrons votre logo, votre carte de visite, votre site Web, vos factures, etc. Vous voudrez une couleur primaire. Et si vous voulez une couleur secondaire, je vais vous le dire. Blue est un choix standard pour les entreprises de conception de sites Web. Pourquoi ? Parce que le bleu est venu pour refléter la technologie. Pensez à Facebook, Twitter, Linkedin, Tumblr, toutes les nuances de bleu. Alors peut-être que tu penses, mon Dieu, c'est écrasant. Il y a beaucoup à considérer. C' est pourquoi la plupart des gens ne conçoivent pas leur propre logo. Ils embaucheront un designer, soit qu'ils connaissent personnellement, professionnellement, soit par le biais d'un site freelance bon marché comme la fibre optique. Si vous embauchez une entreprise professionnelle et de design pour créer votre logo, vous envisagez de dépenser quelques 100$. La qualité sera plus élevée, mais le coût sera aussi élevé. D' autre part, sur un site comme la fibre, la qualité sera inférieure. Mais le coût aussi. Ça pourrait être aussi bas que 5 dollars. Eh bien, ça va être attrayant quand tu commenceras tout juste. Votre logo pourrait passer par quelques itérations au fil des ans. Mais tu as besoin de quelque chose pour commencer. Et en termes de format, vous aurez besoin d'un fichier vectoriel tel que dot AI, Adobe Illustrator, EPS ou un fichier PNG haute résolution. Vous pouvez donc l'utiliser sur vos différents canaux numériques et hors ligne. Donc, pour résumer la conception de votre logo, gardez-le simple, gardez-le unique et gardez-le mémorable. À ce stade, veuillez mettre la vidéo en pause, remue-méninges quelques idées pour votre logo créé dans Illustrator, Photoshop, embaucher un concepteur de logo ou utiliser un site indépendant comme la fibre optique. En fin de compte, vous voudrez un vecteur ou un fichier PNG au fur et à mesure que nous avançons. Et les cartes de visite ? Ou allez-vous créer une carte de visite ? Et comment savez-vous quoi mettre dessus ? Considérons ces questions. Tout d'abord, le contenu de la carte elle-même. Que voyez-vous généralement sur les cartes de visite ? Vous l'avez deviné, un logo et le nom d'une personne avec ses coordonnées. Une carte de visite est fondamentalement juste un moyen de joindre quelqu'un. Donc, nous allons numéro de téléphone, adresse e-mail, lien de site Web, tous standard sur les cartes de visite. Et qu'en est-il du design ? Eh bien, il suivra de près la palette de couleurs et le logo de votre marque. Maintenant, il y a des tonnes de dessins pour les cartes de visite, tellement de choses. En fait, ma suggestion personnelle est de simplement des idées de cartes de visite Google. Regardez assez de cartes, vous découvrirez ce qui résonne avec vous. Enfin, où allez-vous pour imprimer vos cartes ? Est-ce que des entreprises viennent à l'esprit ? Peut-être Vista print. Ceci, l'impression est l'imprimante numéro un une une carte de visite en Amérique. Ils ont des modèles et leurs cartes sont abordables, environ 15 dollars pour 250 cartes. Mais y a-t-il de meilleures imprimantes et vista print ? Et quand dois-je utiliser ? Je recommande fortement mu, comme la vache. Et je vais mettre un lien dans cette description du cours pour que vous puissiez les consulter. Leurs cartes sont premium, robustes, et surtout, font une impression. Juste moi. J' ai eu tellement de gens rave à propos de mes cartes de visite. Allez avec le meilleur et vous ne serez pas déçu. Alors, quels sont nos devoirs ? Avec tout ce que nous avons pensé ? Résumons la caractéristique de votre entreprise de design web. Pire, décidez si vous voulez vous faire une marque comme un pigiste ou un partenaire créatif. Pour choisir un nom pour votre entreprise. Troisièmement, enregistrez un nom de domaine via votre compte témoin oculaire, ou créez une adresse e-mail professionnelle sur votre serveur iOS. Par la conception, un logo simple, unique et mémorable. Six, Concevez et commandez vos cartes de visite à travers. Et j'aurai un lien dans la description. Dans les leçons suivantes. Nous utiliserons les décisions que vous prenez dans cette leçon et construirons votre site Web à partir de cela. Maintenant, je veux faire un point de côté rapide lorsque vous pensez à votre version. Maintenant ce que nous avons discuté aujourd'hui, c'est un DBA. Faire des applications professionnelles. Votre banque, pourquoi vous demander votre DBA afin que vous puissiez déposer des chèques écrits à vous, votre nom ou votre nom commercial, votre DBA. Donc légalement, nous parlons d'une entreprise individuelle. C' est là que vous êtes le seul propriétaire et que vous assumez tous les risques. Maintenant, vous pouvez incorporer, vous pouvez marquer, vous pouvez former une LLC et S-Corp, tout ce que vous voulez plus tard. Mais, mais je vais ajouter est assez cher et compliqué. Donc, au début, vous formez une simple entreprise individuelle. Et nous en parlerons davantage dans les dernières leçons. Je suis en retard de soumission et maintenant vous savez comment créer votre marque. 26. Créer le site Web de votre marque: Bienvenue, je suis Leighton, votre webmaster. Maintenant, vous devriez avoir une idée de l'endroit où votre cerveau. Alors aujourd'hui, concevons la maison pour votre marque, votre site web. Donc, évidemment, en tant que société de design web, vous allez construire beaucoup de sites Web pour vos clients. Mais qu'en est-il de votre site web ? Et maintenant, certains affirment que c'est le site le plus difficile que vous ne construirez jamais. Mon propre site Web a été à travers tant d'itérations que j'ai perdu compte. Donc, point est que votre site Web va continuer à évoluer au fur et à mesure que vous grandissez et affinez. Alors que se passe-t-il sur votre site web ? Qu' est-ce qui, selon vous, serait important ? Voici quelques éléments essentiels. Un, votre page de services, expliquez ce que vous offrez, conception de sites Web, le développement, sites Web conviviaux pour les mobiles, la sécurité, et comme les cellules, l'optimisation des moteurs de recherche et tout ce que vous souhaitez vous spécialiser dans. Et voici un point clé. Assurez-vous de ne solliciter que le type de travail que vous voulez réellement faire. Ne mettez pas le marketing, l'image de marque, les logos, l'impression, la publicité, la production vidéo. À moins que tu ne veuilles vraiment faire ces choses et que tu sois bon pour eux. Maintenant à la page À propos de nous. Voici la page que les gens vont visiter pour apprendre votre histoire, ce que vous êtes tout au sujet et comment vous êtes devenu une entreprise de conception de site Web. Depuis combien de temps vous travaillez en affaires, vos forces, vos spécialités, etc. Maintenant, une tendance actuelle est d'être agréable et transparente. Laissez les gens voir votre visage, lire vos valeurs et apprendre comment vous êtes là où vous êtes. Et si vous montrez votre visage, alors il vaut mieux être un coup de tête professionnel. C' est un point clé. Nettoyez, mettez une cravate, un chemisier, un costume, une veste, tout ce qui est approprié pour votre sexe. Présentez-vous de manière professionnelle avec un bon éclairage et un fond solide. Embauchez un photographe professionnel si nécessaire. Votre coup de tête fonctionnera soit pour ou contre vous. En fait, que penseriez-vous d'une entreprise dont les propriétaires ont présenté sur leur site Web en pantalons de survêtement et oversize T, penseriez-vous que cette entreprise est professionnelle ou décontractée ? La perception est la clé ? Un tir de tête professionnel de 50$ peut faire une énorme différence. Je le recommande totalement. Troisièmement, page de contact. Vous avez évidemment besoin d'une page de contact. C'est la norme. Il s'agit généralement de votre numéro de téléphone, votre adresse e-mail et d'un formulaire de contact. Vous pouvez également inclure une carte, liens sur les réseaux sociaux et des heures d'ouverture. Avez-vous déjà eu du mal à trouver des coordonnées sur le site Web de quelqu'un ? Comme un énorme no-no Web Design 101, informations de contact devraient être extrêmement faciles à trouver. Mettez-le sur chaque page si vous avez deux avant le portefeuille. C' est si important pour une entreprise de conception de sites Web dans cette industrie que personne ne va vous demander votre formation formelle. Ils veulent voir quels sites Web vous avez créés. En fait, que penseriez-vous d'un web designer qui n'avait jamais construit de site web auparavant ? Engageriez-vous un designer ? C' est à quel point un portefeuille est important. Votre travail devrait parler de lui-même. Commencez donc à construire votre portefeuille dès que possible. Allons nous super point clé. Une fois que vous avez terminé plusieurs projets, vous pouvez commencer à choisir et à choisir le meilleur travail à inclure dans votre portefeuille. La qualité est beaucoup plus importante que la quantité. Et c'est aussi pour cela que vous devriez travailler plus dur sur vos premiers projets, puisque c'est tout ce que vous avez sur votre portefeuille. Avec les commentaires, cette page est nécessaire. Tous les sites Web. Quelle est votre perception d'une entreprise qui a 0 ou des vues ? Que se passe-t-il si la majorité est une ou deux étoiles ? Les critiques positives sont essentielles au succès d'une marque. Alors commencez à les collecter dès que possible. En plus de l'examen réel, idéalement, vous voudrez qu'une image accompagne un devis. Mais le meilleur scénario est un témoignage vidéo. Elles sont absolument dorées. Comme je l'ai mentionné, mon site Web actuel a été tellement affiné depuis 2006. C' est à peu près méconnaissable de mon site d'origine. Alors, quelle meilleure façon pour moi de vous apprendre à construire un site pour votre entreprise de design web. Ensuite, en vous montrant l'esprit, jetons un coup d'oeil. Nous voici sur www.pioneer.me. C' est le site pour mon entreprise de design web. Maintenant, je développe et affine ce site Web depuis 2006. Il s'est développé en termes de projets de portefeuille et de témoignages et a été affiné en termes d'optimisation des moteurs de recherche et d'amélioration de la conception. Alors quelle meilleure façon pour moi de vous apprendre à construire votre site Web d'affaires de conception Web en vous montrant le mien. Donc, j'aimerais parcourir chacune des pages de ce site afin que vous puissiez obtenir de l'inspiration pour la vôtre. Alors commençons. Juste à la sortie de la porte, nous voyons le logo dans le coin supérieur gauche et nous sommes sur la page d'accueil. autres pages comprennent les Services À propos de nous. Dans mon cas, c'est un design web, Organic Search Engine Optimization, hébergement web, maintenance de site web, sites mobiles conviviaux, WordPress, Web Design et e-commerce. Auparavant, j'avais tellement plus de services, mais j'ai vraiment raffiné pour ne m'en tenir qu'à ce que je veux vraiment faire. Mon portefeuille, j'ai mon portefeuille numérique ainsi qu'une carte de mes clients dans la région. Témoignages, qui sont mes commentaires, généralement une copie et coller de la liste Google ou mon Facebook ou LinkedIn. Foire aux questions, Contact blogue et quelques liens sur les médias sociaux ici. J' ai également mon numéro de téléphone et mon adresse e-mail, afin que les clients potentiels puissent me contacter. haut à droite, obtenez un devis. Ce n'est pas une calculatrice de devis. C' est en fait juste un lien vers le formulaire de contact où quelqu'un peut remplir son nom, e-mail, numéro de téléphone, message, et nous contacter. Comme nous continuons à regarder sur le site. Nous avons un titre, MyTitle actuellement, il est passé par tant de web designer cinq étoiles depuis 2006, ce qui me donne de la crédibilité. Les gens cinq étoiles peuvent le prouver en me googlant dans cette région. Et depuis 2006 me donne un peu d'expertise. Le sous-titre, le développement de la conception Web, hébergement, la maintenance et l'optimisation des moteurs de recherche. Encore une fois, ce sont les choses que j'aime vraiment faire et que j'aimerais commercialiser. Et puis quelques paragraphes ici. Deux boutons afficher un 160 projets plus, lire, 80 commentaires plus, et une boîte de chat dans le coin qui se connecte à mon compte vidéo TID io.com, j'aime pour une fonctionnalité de chat instantané. C' est complètement gratuit et c'est génial. Il se connecte à mon téléphone. J' ai l'application téléchargée, donc je recevrai une notification quand quelqu'un clique sur ce bouton. Défilant vers le bas 2020, j'ai ajouté une vidéo d'introduction, rencontrer tard dans Smith, votre concepteur web. Ceci est hébergé sur YouTube, et s'ils cliquent dessus, ce n'est qu'une vidéo d'introduction de deux minutes. Ainsi, les gens connaîtront ou se familiariseront avec qui est le concepteur web. Nous espérons que des centaines de petites entreprises et frapper alors tirer le meilleur parti de leur site Web. C' est donc un ticker de certaines des marques les plus reconnaissables que j'ai prises en tant que clients. Si vous passez la souris sur eux, ils se transforment en couleur. Jusque-là, ils sont noirs et blancs, juste pour qu'ils n'attirent pas trop l'attention et ne suivent pas le schéma de couleurs. Si vous cliquez sur ceux-ci, ils seront directement liés au site Web. Pour que vous puissiez voir le site de mon client. Et finalement, vous voyez mon travail. Faites défiler les trois services principaux que je commercialise, la conception Web, l'optimisation des moteurs de recherche organiques et la gestion de sites Web. Ou sites Web ou mobile amical. Ce sont donc des captures d'écran de différents sites clients. Regardez sur un appareil mobile, quoi ils ressemblent sur une tablette et à quoi ils ressemblent sur un bureau. Il y a des liens pour visiter le site directement. Et nos sites Web sont sûrs et sécurisés. C' est donc un petit spiel pour nos certificats SSL, tous les clients sont fortement encouragés à avoir un certificat SSL qui crypte toutes les données vers et vers le site. Nous configurons, installons et maintenons les certificats de sécurité. Donc, le, de sorte que le site reste protégé contre les pirates. Sont les sites Web sont hébergés et gérés. C' est une prise pour notre service de soins de site Web, que je vais suivre quelques leçons à partir de maintenant quand nous parlons façon de commercialiser un plan de maintenance de site Web. J' ai lié à un blog populaire messages sur mon site. 16 raisons pour lesquelles vous avez besoin d'un plan de maintenance de site Web. Il dit de loin le billet de blog le plus populaire sur l'ensemble de mon site. Donc, je profite de ça. L' intérêt que les gens ont pour ce post en établissant un lien à partir de ma page d'accueil, nous gagnons un examen cinq étoiles. C' est donc de la crédibilité. Chaque fois que vous obtenez des commentaires cinq étoiles, profitez de ceux-ci, mais ceux sur votre site Web autant que vous le pouvez, surtout si vous pouvez trouver un headshot pour la personne qui a écrit l'avis. Chaque utilisateur en or, commencez à les collecter dès que vous le pouvez parce qu'ils ajoutent de la crédibilité à vous-même en tant que propriétaire d'entreprise. Ou les conceptions sont attrayantes et efficaces. C' est donc une collection des 12 projets préférés sur mon site. Je les ai commandés spécifiquement de mon meilleur travail à mon moins meilleur travail. C' est donc toujours le top 100 des sites web. Mais à l'intérieur de cela, un 100 et les premiers à apparaître sont mon travail préféré et meilleur. Le fond de la 100 serait encore un bon travail. Ce n'est tout simplement pas ce que je veux mettre en vedette en haut. Donc, ces 12 sont certainement le meilleur des meilleurs. C' est ce qui se passe sur la page d'accueil. Et puis au fond serait un appel à l'action avec un formulaire de contact intégré. Vous avez besoin d'aide sur le site Web, appelez ce numéro, envoyez un courriel à cette adresse, ou remplissez le formulaire de contact avec votre nom, votre adresse e-mail, numéro de téléphone, et avec votre message et cliquez sur Envoyer. Ceci est sécurisé avec un certificat SSL et il est sécurisé avec la technologie anti-spam recaptcha. Et enfin, il y a des liens sur les réseaux sociaux ici. Et le pied de page du site comprend mes billets de blog, certaines affiliations. Je fais partie de la banque commerciale V et II, je tags, et je suis un partenaire officiel iOS depuis que je suis avec eux depuis tant d'années. Et ils sont un hébergement web vert, une entreprise, des profils de médias sociaux. Je suis sur Facebook, Google, LinkedIn, pinterest, Instagram et Twitter. Donc c'est la page d'accueil. Votre page d'accueil doit mentionner, vos meilleurs services, a besoin d'avoir une certaine crédibilité avec quelques témoignages et commentaires. Dans mon cas, je suis allé droit de l'avant et a montré ma tête aux gens peuvent apprendre à savoir qui est leur concepteur web. Et j'ai montré certains de mes meilleurs travaux sur la page d'accueil. Mais il y a plein d'autres pages. Ce site Web a beaucoup de centaines de pages en fait, MP comprennent le portefeuille. Alors allons de l'avant et cliquez sur à propos de nous. Rencontrez votre webmaster. En savoir plus sur l'histoire des médias pionnier un et frappe trous entreprises de design web préférées. Voici donc la vidéo d'introduction de deux minutes où je me présente pour que vous puissiez apprendre à me connaître. J' ai une petite biographie ici et quelques statistiques, cinq étoiles sur Google à partir d'aujourd'hui, 14 ans d'expérience et un 175 sites Web conçus. Tous ces chiffres ne cessent de croître. D' une manière ou d'une autre, les années se poursuivent et les sites continuent à venir. Suivez-nous sur ces réseaux sociaux. J' ai mes six réseaux sociaux principaux sur lui et voici un peu plus de mes meilleurs projets de portefeuille. Appel à l'action. J' ai ceci au bas de chaque page web maintenant intéressé à travailler ensemble sur un projet appelé ce numéro, tirez nous un email ou envoyez-nous un message. C' est au bas de chaque page parce que je ne sais pas sur quelle page quelqu'un va atterrir. S' ils font une recherche Google pour un concepteur web. S' ils recherchent un site mobile, il peut atterrir sur la page des sites mobiles. S' ils recherchent le référencement, ils peuvent s'appuyer sur la page SCO. Donc je ne peux pas supposer que leur premier contact avec moi est la page d'accueil. Ils pourraient tomber sur l'une de ces pages de destination. Dans ce cas, au moment où ils ont défilé vers le bas, j'aimerais qu'ils aient vu un formulaire de contact juste au cas où ils voudraient aller de l'avant et tendre la main. Services. Services. Que font les médias pionniers ? Service complet de conception et de gestion de site Web en ligne. Donc, ce sont mes trois principaux services de conception Web, de référencement et d'hébergement Web. Ou je vais plus en profondeur avec une belle photo de l'un de mes sites clients. Mama me, une cuisine qui montre mes services de design web réactifs. Et voici une liste plus complète. Allons donc dans chacun de ces éléments. ai sept services primaires que je veux commercialiser. Et je peux même probablement affiner ce design web un peu plus magnifique et abordable à Knoxville, Tennessee, où je suis actuellement basé. En faisant défiler vers le bas, nous verrons quelques captures d'écran à l'intérieur de ces modèles maquettes que j'ai créés dans Photoshop, C1 avec une tablette et une avec une vue mobile. Peu de fonctionnalités de nos sites Web personnalisés. Donc, ce sont des blurbs indivi, en utilisant les icônes intégrées que j'ai mentionné nom de domaine personnalisé, adresse e-mail d'entreprise, conception personnalisée et schéma de couleurs, optimisation mobile amical et réactif moteur de recherche, contact informations et formulaire À propos de nous et pages de services, galeries de photos, diaporama, cartes Google et directions, liens de profil de médias sociaux, codage moderne à l'épreuve de l'avenir et bien plus encore. Donc, certaines entreprises de design et peut-être que c'est plus une chose dans le passé et puis de nos jours, mais je suis sûr qu'il y a encore des entreprises qui font ça. Ils factureront en fonction des fonctionnalités exactes que vous voulez le site Web. Donc, si vous voulez un formulaire, il y aura quelques dollars de plus. Si vous voulez optimiser les moteurs de recherche, ce sera plus mobile. Il y aura un supplément. Si vous voulez un email, une galerie, chaque page, tout sera nickelé et dimed. Je ne fais pas ce format. Je fais plus d'une citation basée sur l'ensemble de ce que vous cherchez. Que vous soyez à la recherche d'un site de brochures ou d'un site de commerce électronique et que vous alliez le tout ensemble. Dans ce cas, ils paient un prix et vous obtenez tous ces services. J' ai donc essayé d'emballer autant de valeur que possible dans mes sites Web. Ensuite, l'optimisation des moteurs de recherche organiques. Donc, nous allons vraiment plonger là-dedans dans la prochaine série de leçons. Mais c'est un référencement local à Knoxville, Tennessee. Donc, l'optimisation des moteurs de recherche, il est nécessaire pour un site Web de s'épanouir. C' est tout ce que vous optimisez votre site Web pour qu'il apparaisse lorsque les internautes recherchent vos mots-clés. Donc, ici, j'ai quelques exemples. J' ai d'abord quelques faits sur les moteurs de recherche. Ensuite, j'ai quelques exemples de sites Web que j'ai construits et la preuve par capture d'écran qu'ils apparaissent sur la page un. Ce n'est pas une science exacte, il n'y a aucune garantie. Mais avec assez d'expérience et assez de travail, vous pouvez obtenir vos sites Web. Vous apparaissez sur la page un en faisant les choses que Google aime voir, que nous allons passer dans la prochaine série de leçons. Hébergement Web va droit avec quelle maintenance de temps. Mais c'est spécifiquement l'hébergement sur le serveur, qui dans votre cas serait l'hébergement Web ionisé. Pourquoi les hôtes seraient les pionniers des médias ? Et encore une fois, c'est très similaire à la maintenance du site Web. Je combine ces deux-là. En fait, je vais aller de l'avant et juste passer à la page de maintenance du site Web. Puisque c'est l'une des pages de destination que j'ai vraiment aimé pousser pour le classement de mon moteur de recherche, les experts du plan de maintenance du site Web du Tennessee depuis 2006. Alors qu'est-ce que cela inclut ? Faites défiler vers le bas pour voir les huit principales fonctionnalités de notre service de soins de site Web. Pourquoi avez-vous besoin de ce service ? Lire le billet de blog 16. Raisons pour lesquelles vous avez besoin d'un plan de maintenance de site Web Fait si amusant, si les gens recherchent pourquoi ai-je besoin d'un plan de maintenance de site Web ? Pas dans le Tennessee, pas dans une certaine région, mais s'ils cherchent juste ça, nous y voilà. Médias pionniers. 16 raisons pour lesquelles vous avez besoin d'un plan de maintenance de site Web. J' ai écrit ce post en décembre 2016. Je n'avais aucune idée. Il deviendrait si populaire, mais c'est maintenant la page numéro un la plus populaire sur mon site Web d'après mes rapports analytiques. Donc c'est un trafic précieux que je n'apporte. Et qui sait ? Peut-être qu'une partie de ce trafic devient un client. J' ai des personnes qui remplissent mon formulaire de contact spécifiquement pour la maintenance du site Web. Donc, évidemment, ce post fonctionne. Ces gens ont leur site Web RD design, mais ils ont besoin de quelqu'un pour le maintenir. Qu' est-ce qui est inclus dans mon service de soins de site Web ? Je vais passer en revue ces quelques leçons à partir de maintenant dans le cours de maintenance du site Web. Mais comme un aperçu, c'est ce qui est inclus. Hébergement, mises à jour de gestion des e-mails, optimisation des moteurs de recherche de sécurité , suppression des virus des médias sociaux, surveillance du temps de disponibilité , détection des modifications, listes locales et certificats SSL. Voilà donc le genre de choses que je fais chaque mois pour mes clients et quelque chose que vous pouvez offrir à vos clients. Et je vais passer en revue cela dans une série de leçons, plusieurs leçons à partir de maintenant. Nous avons obtenu une note Google cinq étoiles. Je suis allé de l'avant et copié et collé ces commentaires et le formulaire en bas de cette page, juste au cas où quelqu'un atterrit d'abord sur cette page, peut-être qu'ils veulent juste de l'entretien. Ils effectuent une recherche Google pour une entreprise de maintenance de site Web, puis atterrissent sur cette page. Ils n'ont pas atterri sur ma page d'accueil. Ils n'ont pas encore vu le contenu de cette page. Je veux donc qu'ils aient vu mes critiques. Je veux qu'ils voient mes coordonnées au moment où ils font défiler vers le bas de cette page, juste au cas où ils ne cliqueraient pas sur une autre page. Puis cette page comme construit ma crédibilité au moment où ils défilent vers le bas. Sites adaptés aux mobiles. Conception web mobile à Knoxville, Tennessee. Cela va de pair avec le design web responsive, mobile-friendly dont nous avons parlé il y a plusieurs leçons. Quelle est l'importance d'un site mobile ? Une étude menée par Google indique que 67% des personnes ont indiqué qu'elles seraient plus susceptibles d'acheter un produit ou un service auprès d' une entreprise qui a construit un site Web convivial mobile. Et à l'échelle mondiale, la moitié du trafic Internet se fait sur mobile, et cela augmente certainement. Voici quelques exemples de sites Web que j'avais construits. Sites Web de mon portefeuille qui sont compatibles avec les mobiles. Et vous pouvez cliquer dessus pour voir une vue agrandie. Copié mes commentaires dans le formulaire. Maintenant, regardons la conception Web WordPress. Donc, beaucoup de gens sont à la recherche de WordPress Web Design dans ce domaine. Et s'ils le font, s'ils incluent le mot-clé WordPress dans toutes leurs recherches, alors généralement c'est la page qui sera classée pour mon entreprise. C' est une page de destination pour WordPress, y compris quelques liens vers des entreprises qui utilisent WordPress comme leur système de gestion de contenu. Et quelques questions, est-ce que WordPress mobile est convivial ? Oui, ça peut certainement l'être. Et enfin, le commerce électronique. C' est une page plus ancienne. Je dois le rafraîchir, mais c' est ma page de destination pour le commerce électronique. Et idéalement, ce serait une page plus approfondie où j'expliquerai les avantages de la vente en ligne, combien d'argent est dépensé pour les achats en ligne et comment je peux aider quelqu'un à commencer à vendre en ligne. Alors passons à ma page de portefeuille. Il s'agit d'une page critique sur votre site web de conception. Tu dois montrer ton travail. Comme je l'ai dit tout à l'heure, personne ne se soucie de votre éducation dans cette industrie. Et ils veulent savoir quel travail vous avez fait, quels clients vous avez travaillé, à quoi ressemblent vos sites Web. Impressionnant Vos sites le sont, c'est ce qui les intéresse. Donc ici, j'ai mes 100 meilleurs projets de site Web. Ce sont des industries pour lesquelles j'avais fait des sites Web. Et celles sur lesquelles vous pouvez cliquer, j'ai créé une page de destination spécifique pour cette industrie. L' intention de cela est que lorsque les gens recherchent conception d'un site Web dentaire ou quelque chose comme ça, cette page de destination apparaîtra et reviendra au portefeuille. Ayez un compteur ici pour nous montrer quelques statistiques et entrer directement dans le portefeuille. Donc ce sont les sites Web et moi, sont les clients pour lesquels j'avais construit des sites Web et c'est le top 100 des projets. Donc, une note rapide sur la page Portfolio. Le top devrait vraiment être votre meilleur travail. Cela ne devrait pas être dans l'ordre chronologique. Vous devriez présenter vos meilleurs projets au sommet. C' est donc la première chose que les clients potentiels verront. Et si vous avez fait le site Web, si vous avez fait du travail pour une plus grande marque, comme dans mon cas, j'ai fait le travail en avant, la station locale PBS qui devrait être près du sommet parce que c'est ce que les gens reconnaîtront que nous veulent voir les entreprises réputées pour lesquelles vous avez fait des sites Web. S' ils n'ont pas entendu parler de ces entreprises, ils vont probablement continuer à défiler jusqu'à ce qu'ils en trouvent une qu'ils reconnaissent. Et plus vous avez évidemment, plus vous semblez impressionnant et plus vous semblez expérimenté. Au début, vous n'aurez pas grand-chose pour votre page de portefeuille. C' est pourquoi je vous recommande de faire le plus bon travail possible sur vos premiers sites clients et évidemment tous les sites Web à l'avenir, mais surtout vos premiers parce que c'est tout ce qui sera sur votre portefeuille. Alors travaillez très dur sur vos premiers clients. Voyons donc ce qui se passe lorsque vous cliquez sur l'un d'entre eux. Je vais cliquer sur l'ours dansant. L' hôtel de renommée mondiale et restaurant haut de gamme dans les montagnes Smoky. Conception de site web de la station primée. C' est le mot clé, et c'est le titre. C' est le logo. Et si vous cliquez dessus, il va directement à leur site Web afin que vous puissiez voir le site en direct. Et voici des captures d'écran de ce site Web sur un bureau, sur un téléphone mobile et sur la tablette. Eh bien, pour les créer, j'ai trouvé un modèle maquette sur Google. Il s'agit d'un document Photoshop et vous venez de déposer la capture d'écran de votre site Web. Cela nécessite donc un peu de travail Photoshop. C' est l'une des nombreuses, nombreuses, nombreuses raisons pour lesquelles je recommande d'obtenir le logiciel Adobe et de se mettre à l'aise avec celui-ci. C' est l'une des nombreuses choses que j'ai créées dans Photoshop pour mon entreprise personnelle. A propos du design. C' est là que j'explique ce que j'ai fait pour l'entreprise, quels problèmes ils ont eu et comment je les ai résolus. Avec des liens vers les différents services que j'offre. Sur la droite, j'ai les détails du projet où ils se trouvent, le site Web, la description et quelques autres choses. Alors que nous faisons défiler vers le bas, voici un témoignage et j'ai obtenu de la compagnie qui l'a écrit et quel est leur titre. C' est le directeur du marketing. Ils ont écrit une critique très gentille qui nous appelle la capture d'écran de la page d'accueil Gold Standard. Donc, au moment où j'ai pris la capture d'écran, c'est comme ça que le site avait l'air. Ceci est juste une capture d'écran statique. Mais c'est une façon de montrer ton travail. Aimez ce site, laissez-nous aider le vôtre aussi. Donc c'est mon plug pour essayer d'obtenir quelqu'un sur cette page pour remplir le formulaire sur ma page de contact et éventuellement m'embaucher en tant que concepteur web. Donc, je suis qu'un modèle similaire sur toutes les pages de projet de portefeuille prend généralement environ une heure pour télécharger un nouveau projet dans mon portefeuille, mais cela vaut bien la peine de l'effort. J' ai légèrement changé le modèle pour les projets récents. Nous y voilà. J' ai donc mis l'emplacement, la biographie, et un lien vers le site. Le problème ainsi que la solution que j'ai proposée. Pas comme ce format un peu mieux. Et puis pour ceux pour lesquels je n'ai pas vraiment envie d'écrire autant. J' ai ça. L' un d'entre eux suit ce format simplifié. Voyons si c'est la ferme nouvellement née dans le lieu de mariage avec design. Et c'est là. Donc, pour gagner du temps, parfois je vais juste laisser tomber le logo. Ayez une belle phrase bien écrite ici. Nous avons conçu un beau site web convivial pour le moteur de recherche mobile réactif pour ce client. Bien sûr, a des liens internes vers mes pages de services, et nous continuons à fournir un hébergement de site Web et des services de maintenance pour assurer leur succès continu, puis un lien pour visiter le site client. Parfois, je suis vraiment pressé pour le temps. Et c'est un moyen facile de mettre le projet sur plus de portefeuille. Sans avoir à faire tout ce travail supplémentaire, dactylographier l'histoire, le problème , la solution, et faire ces maquettes. J' ai également une carte client ici, ce qui est un moyen rapide de montrer aux visiteurs que j'ai eu beaucoup de clients au fil des ans. Donc, dans ce cas, il y a une épingle pour chaque entreprise que j'ai fait et un site Web pour. Toi. Cliquez sur ceux-ci et cela vous mènera au site Web. Vous pouvez voir mon travail. Nous y sommes. ce moment, la page des témoignages, et c'est évidemment une très importante. Vous allez créer une page de commentaires ou de témoignages, presque tous les sites Web clients que vous créez, et vous en aurez besoin pour vous-même. Vous n'avez peut-être pas beaucoup de témoignages au début, mais cette page ne fera que grandir. Et voici comment ma page a grandi. Donc une note rapide sur les témoignages. Quand quelqu'un veut vous écrire un témoignage, vous ne voulez vraiment pas qu'il vous envoie directement le témoignage par courriel. La préférence est de l'écrire sur Google ou Facebook ou une recommandation sur LinkedIn, puis vous pouvez copier et coller cela sur votre site Web. Que pensez-vous qu'on voudrait faire ça ? Qu' est-ce qui ne va pas avec quelqu'un qui vous envoie son témoignage ? Eh bien, si un avis est sur Google, je peux le copier sur mon site Web. Mais si l'avis est écrit dans un e-mail, je ne peux pas copier et coller cela sur mon annonce Google. Pour des raisons de sécurité, ils doivent écrire l'avis directement sur Google pour que Google l'accepte. Demandez donc aux utilisateurs de vous examiner sur votre annonce Google ou partout où vous collectez vos avis. J' aime promouvoir Google parce que c'est le moteur de recherche sur lequel j'essaie de bien classer. Et ils regardent les commentaires comme un facteur de classement de recherche , puis les copient sur votre page de témoignages. C' est la méthode idéale. Très bien, foire aux questions. Donc, la meilleure façon de construire une page FAQ est de simplement penser aux questions qui vous sont posées le plus. Donc, au début, vous n'avez peut-être pas eu trop de questions, mais avec le temps, vous remarquerez que vous commencez à être posé la même chose par chaque client. Donc c'est génial. Munitions pour une page FAQ. Dans mon cas, les questions qui me sont posées le plus ou de quoi avez-vous besoin pour que je commence ? Combien de temps faut-il pour créer un site Web ? Pouvez-vous m'obtenir sur la page un de Google, combien coûte un site Web ? Puis-je obtenir une adresse e-mail pour mon site Web ? Puis-je voir à quoi ressemble le site Web avant qu'il ne soit mis en ligne ? Que fournissez-vous une fois le site Web terminé ? Et combien de sites Web avez-vous construits ? Besoin de mettre à jour cela un peu, mais vous avez l'idée. Il y a la foire aux questions qui vous sont posées. Ainsi, vous pouvez diriger les gens vers cette page lorsque vous prenez un client. Et le blog ? Donc, un blog est une merveilleuse façon de faire entrer le trafic. Comme je l'ai mentionné, les 16 raisons pour lesquelles vous avez besoin d'un service de maintenance de site Web qui m'a apporté des milliers de visites et sur mon site Web. Donc, les blogs fonctionnent. C' est génial pour le classement des moteurs de recherche. Cendres gris pour l'éducation générale. Les gens pourraient les lire et apprendre quelque chose qu'ils ne savaient pas. Par exemple, la fonction de chat en direct ou leur formulaire de contact attire du spam. Le besoin d'une déclaration de coronavirus. images de drone, c'est une façon d'annoncer de nouveaux services. Les blogs sont juste un excellent moyen d'éduquer les gens, ainsi que d'obtenir ce trafic entrant. Quelque part ici, comment gérer les avis en ligne négatifs ? J' ai aimé écrire celui-là. Pourquoi ne pas simplement construire un site web vous-même ? Trois raisons impérieuses. J' ai apprécié ça aussi. C' est les 16 raisons pour lesquelles vous avez besoin d'un plan de maintenance de site Web. Voyons donc à quoi ressemble ce billet de blog. On a une image ici. Pour mon cas, j'ai créé ça dans Photoshop. Maintenant question d'ouverture, ce qui a besoin d'entretien ? Et puis les 16 avantages convaincants pour la maintenance du site Web. Ce sont donc des en-têtes, qui, espérons-le, est le mot clé, la recherche de clé ou la question qui est posée. Ensuite, les listes sont un moyen fabuleux de classer vos pages. Restez sur Google. Donc les consommateurs aiment les listes, j'aime les listes, Google aime les listes, tout le monde aime les listes. Dans ce cas, il s'agit d'une liste numérotée, de 1 à 16. Il y a aussi des listes non ordonnées qui fondamentalement comme des points de puces, vous pouvez le faire dans WordPress. Vous pouvez créer une liste comme vous le feriez dans un document Word. Et c'est un excellent moyen de structurer vos publications ainsi que vos pages en général. Donc, puisque la page a eu tellement de trafic, j'ai décidé de capitaliser sur cela et d'expliquer un peu plus sur cette page. J' ai donc ajouté une conclusion. Et puis à propos de l'auteur. Donc, si les gens continuaient à défiler. Tout d'abord, ils pourraient se demander, bien qui a écrit ça ? Laissez-moi me présenter. J' ai copié et collé ma biographie et avec un bouton pour mon travail de conception de site Web pour essayer d'amener les gens à voir mon portfolio. Et puis quelle est la crédibilité de ce type ? Nous sommes dans un classement Google cinq étoiles. Il y a une copie-coller de mes commentaires liés pour voir plus de témoignages et un formulaire de contact. Donc, auparavant, ma page s'est terminée ici ou à l'article, les billets de blog se sont terminés par le numéro 16, optimisations de performance. Et puis c'était la fin. Et puis j'ai réalisé que j'obtenais tellement de trafic, grâce aux rapports d'analyse. Tu vois, je recevais tout ce trafic et rien ne se passait vraiment avec ce trafic. Ils rebondissaient, ce qui veut dire qu'ils lisaient le poste et qu'ils sortaient du site. J' ai donc pensé que je devais capitaliser un peu plus sur ça. D' où pourquoi j'ai ajouté plus à la page. Les rapports analytiques sont donc un excellent moyen de voir quelles pages de votre site Web ou populaires et ce que vous pouvez faire pour les améliorer. Dans mon cas, j'ai pris les pages les plus populaires et juste les boeuf avec plus de contenu pour les rendre aussi attrayants que possible. Et enfin, nous avons la page de contact. La page de contact est ce que vous attendez numéro de téléphone, vous pouvez cliquer sur cela pour m'appeler e-mail, vous pouvez cliquer dessus pour ouvrir un nouveau message électronique et une adresse où vous pouvez me poster. Et il ya un formulaire de contact qui est sécurisé avec la technologie anti-spam recaptcha de Google, je recommande totalement que vous pouvez le faire à travers le module de formulaire de contact indivi, recaptcha de Google est un moyen fabuleux de réduire le formulaire de contact spam, formulaire de contact spam est une épidémie. Si vous ne sécurisez pas votre formulaire d'une manière ou d'une autre, vous en aurez plein. Ce sera juste une langue étrangère, du spam, du marketing ou tout autre marketing de masse qui sort. Et tu en auras plein à travers ton formulaire. Et il n'y a pas besoin de ça. Donc, je recommande Google recapture. Voici donc mon site Web en revue, il y a les Services À propos de nous, témoignages de Portfolio, que ces deux derniers continueront de croître au fil du temps. FAQ est une belle. Juste pour éduquer les gens sur votre site. Blog porte l'éducation et le contact, ce qui est crucial. Et en haut et en bas de chaque page de mon site Web contient mon numéro de téléphone, mon adresse e-mail, des liens sur les réseaux sociaux et l'appel à l'action Obtenir un devis. Alors qu'avons-nous appris ? Nous en avons appris un, vous avez besoin d'un site Web pour votre entreprise. À. Votre site Web doit contenir une page personnelle mais professionnelle À propos de nous liste de vos services et de vos coordonnées. Et troisièmement, commencez à recueillir des avis et à construire votre portefeuille avec chaque nouveau client. Et quels sont nos devoirs ? Et quand devriez-vous commencer à concevoir et à développer votre site Web ? Accédez à sur votre serveur IoT en utilisant le nom de domaine que vous avez acheté dans la leçon précédente. Je suis Leighton, et maintenant tu sais comment créer ton site web. 27. Promouvoir votre marque: Bienvenue, je suis Leighton, votre webmaster. Dans les leçons précédentes, vous avez commencé à construire votre marque, y compris votre site Web. Aujourd'hui, apprenons comment nous faisons la promotion de cette RAM. Je vais passer en revue quelques idées, à savoir les médias sociaux, Behance, et Google, My Business. Tout d'abord, regardons les médias sociaux, en commençant par LinkedIn. Maintenant, je recommande totalement celui-là. Avez-vous un profil LinkedIn ? Plus de 500 millions de personnes ? Faites-le. Linkedin est conçu pour les professionnels, pour le réseautage, pour la construction de relations. Lorsque LinkedIn, vous aurez un profil personnel. Et si vous choisissez, vous pouvez créer un profil d'entreprise. Votre profil est essentiellement votre CV numérique. Vous pouvez inclure votre biographie, votre photo, votre expérience de travail, l'éducation formelle, les licences, les certificats , les projets de portefeuille, etc. Sur le profil de votre entreprise, vous pouvez télécharger votre logo et lier votre site Web, copier-coller ou à propos d'une histoire et télécharger des billets de blog comme ce qu'ils considèrent comme des mises à jour ou des articles. Linkedin est un choix solide. C' est gratuit et vous n'aurez pas à passer beaucoup de temps à le mettre à jour. Je viens de visiter mon profil tous les quelques mois, assurez-vous qu'il est toujours pertinent. Faites quelques ajustements si nécessaire. Vous savez, j'ai obtenu quelques emplois de LinkedIn et je suis même inscrit comme une star pour tout ce que ça vaut. Facebook. Je recommande Facebook. Avez-vous un compte Facebook ? Probablement vous le faites. Plus d'un milliard de personnes utilisent activement Facebook. C' est le réseau social le plus populaire au monde et des tonnes d'entreprises y sont. Certains exploitent même leur entreprise exclusivement via Facebook. Vous pouvez publier des mises à jour, obtenir des avis, télécharger votre portfolio, communiquer avec Facebook et faire des ventes via l'application Messenger. Maintenant, lorsque vous configurez Facebook pour votre entreprise, vous ne créez pas de nouveau compte. Ça confond beaucoup de gens. Vous créez ce qu'on appelle une page. Vous utiliserez votre identifiant Facebook habituel pour gérer votre page, mais la page et le profil ne seront pas liés publiquement à moins que vous ne le vouliez. Maintenant, je reçois parfois du travail de Facebook, mais je garde le profil juste au cas où quelqu'un vérifierait mon Facebook tout en faisant des recherches sur mon entreprise. Maintenant, c'est un point clé. Vous ne voulez pas que quelqu'un tire vers votre Facebook ou l'un de vos comptes sociaux d'ailleurs et lier le dernier post est comme deux ans. Ça n'a tout simplement pas l'air bien. Gardez vos profils à jour. Ensuite, Instagram. Avez-vous un Instagram ? Probablement, plus d'un million de personnes font, et c'est facilement une application de médias sociaux préférée. Alors, quel est le sujet d'Instagram ? Autos et dernièrement, des vidéos. Et cela signifie que vous devrez faire preuve de créativité lorsque vous publiez sur la page Instagram de votre marque. Vous pourriez capturer des témoignages. Vous pouvez montrer des exemples de travail de votre site Web. Vous pouvez télécharger des vidéos promotionnelles, mais surtout, vous devez être authentique et publier régulièrement. Maintenant, j'ai reçu des emplois de site Web d'Instagram, surtout quand un ami ou un client me donne un cri. Vous pourriez même demander personnellement un cri quand vous essayez d'obtenir un peu d'exposition. Maintenant, qu'en est-il de Twitter, Pinterest et Snapchat, et d'autres ? Vous êtes sur l'une de ces applications ? Maintenant, j'ai des comptes personnels et professionnels sur eux, mais je ne suis pas un grand fan d'eux pour une entreprise de conception de site Web. Pourquoi ? Parce que je ne pense pas avoir eu de travail sur ces sites. Maintenant, ils avaient leur propre créneau. Certaines personnes y ont beaucoup de succès, bon pour elles. Mais je n'ai jamais obtenu de sauts de leur part. Maintenant, si vous êtes déjà un utilisateur actif sur ces comptes, allez de l'avant et créez votre compte de marque. Mais sinon, je ne me débrouillerais pas pour en créer un là-dessus. Permettez-moi de vous montrer comment certains profils sociaux peuvent ressembler. Espérons que cela vous donnera de l'inspiration pour vos comptes. Donc, nous voici sur Facebook.com. abord, je veux montrer comment créer une page pour votre entreprise de conception de site Web. Nous sommes donc sur Facebook.com et nous avons un formulaire de connexion. Si vous avez déjà un compte Facebook, à ce stade, vous vous connectez à votre compte Facebook. Vous ne créez pas de page tant que vous n'êtes pas connecté à votre Facebook. Vous n'avez pas de Facebook du tout, alors oui, vous pouvez créer un nouveau compte, mais sinon, si vous en avez déjà un, alors vous pouvez simplement vous connecter au compte Facebook que vous avez déjà, qui sera votre compte de profil. Je vais le faire maintenant. Et je me connecte. Et nous y voilà. Alors passons aux pages à gauche. Très bien, voici les pages que je gère et nous cherchons créer un nouveau bouton de page. Nous allons donc cliquer sur Créer une nouvelle page et voir ce qui nous est présenté. Créez une page. Une page est un espace où les gens peuvent se connecter publiquement à votre entreprise, marque personnelle ou à votre organisation. Vous pouvez faire des choses comme présenter des produits et des services, collecter des dons et créer des annonces. Des millions de personnes découvrent et se connectent avec les pages chaque jour. Alors commençons. Il vous demande le nom de votre page, votre catégorie de page, qui dans votre cas serait web designer. Et une description où vous pouvez copier et coller votre sur nous paragraphe. Et une fois que vous avez fait cela, vous pouvez commencer à créer des publications, télécharger des photos, des vidéos et tout ce que vous voulez ajouter à votre page Facebook. Laissez-moi chercher des médias pionniers. Et nous y voilà. C' est ma page d'affaires. Et j'ai des services, conception de site Web, l'optimisation des moteurs de recherche, l' hébergement et la maintenance Web, des images de drones. J' ai des photos de mon travail, qui comprend quelques albums pour ces captures d'écran de design responsive. Nous avons parlé des 100 meilleurs projets de site Web, qui est fondamentalement un miroir de ce que j'ai sur mon site Web. Et cela a considérablement augmenté au fil du temps et il continue juste, continue d'ajouter. Avoir aussi quelques commentaires sur mon Facebook. Ne pas obtenir presque autant que le Google parce que je ne demande pas vraiment pour eux un ici, Je n'utilise pas Facebook autant que je vais utiliser Google. Par conséquent, lorsque je reçois un avis, c'est généralement sur mon annonce Google. Donc, une fois que vous avez créé votre compte, vous pouvez accéder informations de page de modification où vous aurez possibilité d'ajouter plus que ce que vous avez fait lors de la création de votre page pour la première fois. Lorsque vous avez créé votre page pour la première fois, vous avez utilisé le nom , la description et la catégorie. Ici vous pouvez ajouter plus d'informations, contact, numéro de téléphone, e-mail, site web. Vous pouvez ajouter une carte si cela vous est applicable. Beaucoup de concepteurs web travaillent à partir de leur maison, donc ce n'est pas vraiment nécessaire. Heures, heures spécifiques toujours ouvertes, fermé définitivement. Et d'autres choses que vous pouvez ajouter ici peuvent également être réticulées à d'autres comptes sociaux. Et puis vous pouvez afficher des informations qui vous indique combien de visites vos pages, obtenir, notifications, ressources, outils, boîte de réception seraient les messages lorsque les gens ont essayé de vous envoyer un message directement sur votre page Facebook. Bien que personne ne verra mon profil Facebook personnel quand ils vont sur la page. Mais c'est ce que j'utilise pour me connecter et gérer cette page. L' un des avantages est que si vous avez une équipe ou si votre client a une équipe, alors ils peuvent y avoir accès. Vous pouvez y avoir accès. Tous ceux qui ont besoin d'accéder à la page Facebook peuvent l'avoir à travers ces paramètres, puis les rôles de page. Par conséquent, via les rôles de page, quelqu'un peut vous ajouter en tant que propriétaire ou administrateur à sa page afin que vous puissiez la gérer pour eux. Laissez-moi vous montrer un exemple de page Facebook professionnelle pour un de mes clients. Il s'agit de danser Bear Lodge, le complexe primé dans les montagnes Smoky. Et c'est une page, donc c'est légèrement différent d'un profil. C' est ainsi que vous commercialisez une entreprise sur Facebook. Il a l'image de couverture, comme vous le feriez sur votre Facebook personnel. Et un logo où vous mettrez normalement l'image de profil. J' ai le nom, le nom d'utilisateur et la catégorie. Et celui-ci a un bouton de livre maintenant où vous pouvez réserver un séjour à l'ours dansant. A des photos, des critiques, des événements, des vidéos, des groupes, de la communauté et de l'accueil. Vous POUVEZ aimer la page. Donc, sur un profil, vous pouvez suivre, mais sur une page que vous pouvez aimer, vous pouvez également envoyer un message qui ira à leur section de boîte de réception. Vous pouvez rechercher leur page et afficher les informations de la page. Donc celui-ci a 13 000 likes, 7500 check-ins jusqu'à présent. Et les liens vers leur, leur carte répertoriant leur URL. Vous pouvez envoyer un message, vous pouvez lui envoyer un e-mail, et il existe des liens croisés vers différents comptes sociaux. Donc, c'est une page Facebook très impressionnante, et cela vous donne un exemple de ce que tout ce que vous pouvez mettre sur une page d'affaires au centre serait des messages. Ce sont donc les messages récents sur cette page. Tout comme vous le feriez normalement sur votre profil Facebook, vous pouvez poster des vidéos, des liens, des photos, ou simplement taper du texte. Il y a beaucoup de choses que vous pouvez faire sur Facebook de nos jours pour les affaires, je recommande d'avoir une page Facebook pour votre entreprise. Et une fois que vous avez créé votre page, autant que vous ne pouvez pas le faire. Et je vais mettre autant de contenu que facebook vous permet de vendre votre entreprise semble aussi impressionnant que possible. Maintenant qu'en est-il d'Instagram ? Ceci est le compte Instagram pour cette entreprise particulière. Ils font un excellent travail en gérant leurs réseaux sociaux. Ils ont les souvenirs ici. Vous avez des messages. Et leurs postes. Beaucoup d'entre eux sont des vidéos. Comme les vidéos auront plus de portée organique qu'un post statique. Et ils ont fait un bon travail en gérant leur compte social, auquel j'ai accès, ainsi que leur concepteur de site Web. Où allez-vous pour créer un Instagram pour votre entreprise ? Laisse-moi me déconnecter ici. Donc, nous voici sur Instagram.com. Nous pouvons nous connecter à notre compte Instagram personnel, mais c'est différent de Facebook. Dans ce cas, vous souhaitez créer un nouveau compte lorsque vous créez votre page professionnelle. Donc, nous cliquons sur l'inscription. Et cela nous amène à cette page où nous pouvons nous connecter avec notre Facebook ou simplement créer directement votre page Instagram en tapant votre adresse e-mail professionnelle, votre nom de votre entreprise, votre nom d'utilisateur, qui va pour être après le signe at, puis votre mot de passe. Donc, une fois que vous avez créé cela, vous pouvez cliquer sur vous inscrire et commencer à ajouter votre photo de profil et votre biographie à votre page Facebook. Lorsque vous faites cela, vous pouvez commencer à poster sur elle et construire vos suivis sur Instagram ainsi que mettre des annonces comme vous le pouvez sur Facebook. Mais le service Instagram et Facebook de base sont complètement gratuits. Vous n'avez pas à faire des annonces à moins que vous le vouliez, sinon, Instagram est gratuit. Enfin, je veux vous montrer comment créer un LinkedIn. Si vous n'en avez pas encore, vous pouvez en créer un sur linkedin.com. Bienvenue dans votre communauté professionnelle. Dans mon cas, j'ai déjà un compte, donc je veux que je me connecte. Sinon, vous pouvez cliquer sur Rejoindre maintenant dans le coin supérieur droit. Lorsque vous le faites, il va demander votre adresse e-mail et créer un mot de passe. Et lorsque vous le faites, vous pouvez cliquer sur, Accepter et rejoindre. Et cela vous mènera à votre profil LinkedIn où vous pouvez ajouter votre éducation, vous pouvez ajouter votre expérience, votre headshot, et un tas d'autres choses. Laissez-moi vous en montrer un exemple. Alors je vais me connecter à mon compte. Voici Linkedin.com et je vais à mon profil LinkedIn spécifique, voir profil. Lighten Smith, propriétaire, webmaster, web designer chez Pioneer media. C' est mon coup de tête. C' est bon d'avoir une photo de qualité. Sur votre page. Il montre votre région. Je suis actuellement basé à Knoxville, dans le Tennessee. Le À propos de nous, qui est à nouveau et copier et coller dans ma bio. Vous allez l'utiliser sur tous ces différents sites. Il est plus facile de le copier et de le coller. Certains contenus en vedette, un article que j'ai écrit, une vidéo YouTube me présentant l'expérience que de travailler dans cette entreprise que j'ai créée et depuis 2006, et mes études, compétences et endossements, qui est un LinkedIn où d'autres personnes peuvent vous approuver des recommandations. J' en ai eu quelques-uns ici. Je pourrais en avoir plus, mais je ne les ai pas spécifiquement demandés. Vraiment essayé de développer mes commentaires Google et réalisations où vous pouvez ajouter des projets. Dans mon cas, chaque fois que j'ajoute quelque chose à mon portefeuille, je vais de l'avant et je l'ajoute ici à LinkedIn sous projets. Maintenant, à quoi ressemble ma page d'entreprise ? Donc, si je clique sur Pioneer Media ici, il sera lié à ma page d'entreprise. C' est un média pionnier. Permettez-moi de le considérer comme un député. C' est le logo, le nom, la catégorie, l'emplacement, combien d'abonnés vous avez ? Et ils ne sont certainement pas trop à faire ici est vraiment brille quand vous avez une offre d'emploi et vous avez toute une équipe de gens, 5.200 mille employés. Pas vraiment grand-chose à faire ici quand on est juste si bas. Mais en ce qui concerne le profil lui-même, je recommande d'avoir un profil LinkedIn afin que vous puissiez commencer à promouvoir vous-même, promouvoir votre entreprise de conception de site web et vous-même en tant que freelance, créer votre compte. C' est complètement gratuit. Informations Azure, téléchargez vos coups de tête, votre catégorie, le nom de votre entreprise, expérience Azure et votre formation. Et commencez à développer vos connexions sur LinkedIn. Ces sites sont entièrement gratuits. Facebook, Instagram, LinkedIn, ils sont gratuits. Je vous recommande de profiter de tous les logiciels et services gratuits qui sont à votre disposition. Et ces réseaux sociaux sont gratuits. Alors allez-y et créez vos profils et commencez à construire vos suivis sur chacun de ces sites. À ce stade, veuillez mettre la vidéo en pause et créer vos profils de médias sociaux. Maintenant, la deuxième idée de promouvoir votre marque est Behance. As-tu entendu un Behance ? Il a été créé à l'origine comme un site de portefeuille autonome pour les créatifs. Il a été récolté par Adobe, la société de logiciels de conception la plus populaire au monde en 2012 pour un montant de 150 millions de dollars. Et maintenant Behance, qui fait partie de la famille Adobe, est utilisé pour créer et promouvoir votre portefeuille. Fondamentalement, vous téléchargez vos projets et les organisez comme vous le souhaitez. De plus, vous pouvez parcourir les portefeuilles d'autres concepteurs pour inspirer de vos projets. Laisse-moi te montrer. Ici, nous sommes sur Behance.net, le site de portefeuille gratuit le plus populaire au monde. Ils avaient été récupérés par Adobe, la société de logiciels de conception la plus populaire. Et le Behance existe depuis un certain temps. Ils ont une énorme collection de projets qui ont été téléchargés sur ce site. Donc, ils sont catégorisés par Illustrator, Lightroom , Photoshop, mieux pour être mains design graphique, photographie , illustration, interaction, mouvement, architecture, toutes sortes de choses différentes ici que vous pouvez obtenir l'inspiration de. Ainsi, vous pouvez voir les portefeuilles d'autres personnes et aussi créer les vôtres. Voyons quel genre de choses est disponible lorsque vous cliquez sur un projet de portefeuille. Conception de produits, parcourir des produits tangibles du monde réel, des produits provenant de domaines tels que l'automobile, les bijoux, les jouets et le design industriel. Donc, quand vous cliquez sur quelque chose ici, Voyons ce qui apparaît. Ils ont ajouté du texte ici. Ils ont ajouté leur vidéo, des images qui montrent vraiment leur travail. Quel que soit le domaine qu'ils sont. Ils peuvent également avoir une conversation où les gens peuvent commenter sous forme de questions et fournir des commentaires. C' est aussi une bonne façon d'obtenir des commentaires sur votre travail. C' est vraiment ce pour quoi il a été conçu pour obtenir des commentaires. Et c'est vraiment devenu un outil promotionnel. Voyons donc comment nous créons un portefeuille. Alors j'y vais, j'en ai déjà un. Sinon, vous cliqueriez sur vous inscrire avec un e-mail. Mais dans mon cas, je vais me connecter à mon compte en utilisant mon email professionnel, mettre le code en deux étapes. Et on y va. Bien qu'il se connecte à mon compte. Et je vais cliquer sur Profil ici pour voir mon profil Behance. Voici mon profil sur Behance. Donc, c'est fondamentalement un miroir de mon site web, la section portfolio. Donc, il a le nom, il y a le logo, le titre, le lien du site Web, la zone, l'édition, le profil, les boutons, les vues du projet. J' ai obtenu plus de 10 mille vues sur mes projets et vous pouvez réorganiser vos projets, les télécharger, les réorganiser comme bon vous semble, juste en faisant glisser et déposer. Donc, comme notre site Web, nous voulons que le meilleur travail soit au sommet. Ils sont donc soigneusement sélectionnés pour s'assurer que le meilleur travail est promu avant et centre. Lorsque vous cliquez sur un projet, il va extraire les détails du projet, qui dans mon cas, j'ajoute le logo du client, des informations sur le projet. Captures d'écran. Lorsque la conception web réactive, la vue de la tablette, la vue mobile, et la vue du bureau, ainsi qu'une capture d'écran de la page d'accueil et un témoignage. Allez-y et téléchargez un témoignage là aussi. Et il y a des liens connexes. Les gens peuvent cliquer sur le bouton Apprécier et partager leurs pensées par le biais de commentaires. Beaucoup de cela avait été, beaucoup de cela est sujette au spam. Comme les concepteurs vont spamper le même commentaire est superbe sur chaque projet sur un site Web juste pour essayer d'obtenir une exposition sur leur propre profil. Donc, pour cette raison, je ne passe pas trop de temps sur Behance, mais c'est un endroit génial pour m'inspirer. Lorsque vous cliquez sur le lien Découvrir, vous pouvez rechercher le mot-clé que vous recherchez. Donc, disons que vous voulez rechercher site de remodelage. Voici donc différents sites Web qui tirent vers le haut pour ce mot-clé. Et tu peux vraiment te perdre ici. Vous cherchez de l'inspiration et regardez ce que d'autres personnes, d'autres designers du monde entier ont téléchargé. Si vous trouvez le bon, vous pouvez l'enregistrer sur la droite ici. Enregistrez-le dans un moodboard, juste un peu comme sur Pinterest ou vous pouvez enregistrer différentes épingles. Ils peuvent épingler des choses à votre Behance, sorte que vous serez en mesure de vous y référer plus tard. C' est vraiment un beau design ici. Donc, si je faisais un site de voiture, je ne sais pas pourquoi cela a surgi pour le remodelage, mais si vous faites un site de voiture est bon, service, belle inspiration. Donc, il y a quelques gymnases sur ce site. Tu peux trouver des trucs vraiment cool. Si vous prenez le temps de rechercher Behance et de voir ce qui est disponible. Une chose que vous remarquerez est que vous trouvez souvent des choses qui sont dans une langue différente ou qui proviennent d'un pays différent. Ainsi, vous pouvez l'affiner, rechercher simplement votre pays spécifique ou affiner la couleur, affiner les outils qui ont été utilisés pour créer tout ce que vous cherchez et affiner les champs créatifs. Alors peut-être que vous voulez juste rechercher le design web. Vous voulez juste chercher des projets qui ont été créés aux États-Unis. Et voir ce qui surgit ici. Joliment graphique. On dirait que ces gens ont créé des cartes de visite pour leur client. Il a créé un site web 0 et une vidéo. Très impressionnant. Ouais, c'est un génial de quel genre ? Alors pouvez-vous voir comment cette ressource Behance peut servir d'inspiration de conception de qualité lorsque vous démarrez un projet. J' ai eu beaucoup d'inspiration pour différents, à partir de différents portefeuilles sur ce site. Et je l'ajoute à mon répertoire d'inspiration design avant de commencer un projet. Un autre site que nous avons disponible, nous pouvons profiter de est core plot. Donc intrigue de base est un autre site de portefeuille. Je les utilise depuis longtemps. Et tu peux faire la même chose que toi sur Behance. Vous pouvez découvrir le talent d'autres personnes en regardant leur portefeuille ou vous pouvez créer le vôtre. Dans mon cas, laissez-moi me connecter à mon compte. Et voici mon compte défectueux et allez à mon portefeuille et à son portefeuille. Et nous y voilà. Encore une fois, c'est un miroir de mon portfolio sur mon site web. Et la raison pour laquelle je suis aussi de ce côté-ci, c'est parce que plus on peut avoir d'exposition, mieux c'est. Donc peut-être qu'un client potentiel se penche sur la faille fondamentale et qu'il vous trouve là. Peut-être qu'ils ne sont pas sur Behance. Peut-être qu'ils n'ont pas encore découvert votre site web. Mais plus vous pouvez obtenir d'exposition, mieux c'est. Ce site vous permet de visualiser différents concepteurs. Vous pouvez rechercher des employeurs, vous pouvez chercher des emplois de design. Et en plus d'obtenir un concert, vous pouvez aussi vous inspirer pour votre projet. Je recommande donc d'être encore appartements. Je vous recommande d'être sur Behance, d'avoir votre propre portfolio sur votre site Web. Thème récurrent ici est de profiter d' autant de services gratuits que vous pouvez obtenir pour augmenter votre exposition de toute façon que vous pouvez. Maintenant, des sites comme Behance et des défauts de base, ils ne devraient pas remplacer votre site Web, mais le complimenter. En fait, je recommande de mettre votre portefeuille sur votre site Web, ainsi que, autant de sites de portefeuille que vous êtes à l'aise, plus il y a d'exposition, mieux c'est. La troisième idée promotionnelle est Google My Business. Vous devez configurer votre annonce locale Google pour faire la promotion de votre marque. Avez-vous entendu parler de Google My Business ? Ce sont ces listes de cartes. Lorsque vous Google une entreprise, vous inscrivez en tant que nom, adresse, numéro de téléphone, lien de site Web et avis. Vous pouvez également télécharger des photos, publier des mises à jour, des coupons et plus encore. Essentiellement, il est juste un moyen décentralisé pour Google d' extraire des données d'entreprise pour leurs Search et Maps. Vous n'avez pas beaucoup de contrôle sur la conception de votre offre, mais vous devez créer une liste complète si vous souhaitez bien classer sur Google. Lorsque vous créez votre annonce, Google vous enverra une carte postale dans environ cinq jours ouvrables. Et cette carte aura un numéro PIN à six chiffres. Une fois que vous avez vérifié votre annonce à l'aide de cette épingle, vous pouvez commencer à obtenir des avis qui sont cruciaux pour votre marque. Laissez-moi vous montrer un Google. Mes affaires sont tout au sujet. Bienvenue sur Google My Business. Cela peut être trouvé sur business dot google.com ou Google.com slash business. Vous serez ici un peu comme une entreprise de conception de site web, mais vous devez également créer une liste pour vous-même en plus de vos clients. Alors commençons. Voici Google My Business. Engagez gratuitement avec les clients sur Google. Avec un compte Google My Business, vous obtenez plus qu'une simple liste d'entreprise. Votre profil professionnel gratuit vous permet de vous connecter facilement avec vos clients sur Google Search et Maps. Donc, si vous regardez ici, cet exemple de liste, c'est de cela que nous parlons. Tu l'as déjà vu ? Vous verrez quelque chose comme ça sur l'application de cartes, les cartes Google ou sur une recherche Google typique sur Google.com. Donc, l'annonce a une image d'en-tête, il y a l'image, les avis, la catégorie, qu'elle soit ouverte ou fermée, un bouton d'appel, des directions, un message, lien de site Web, une courte description, et le adresse. C' est donc l'essence de Google, My Business listing. Alors continuons ici. Obtenez des clients avec un profil professionnel exceptionnel. Vous pouvez poster des photos et des offres sur votre profil pour montrer ce qui rend votre entreprise unique et donner aux clients des raisons de vous choisir à chaque fois. D' accord ? Donnez aux clients plus de moyens de vous joindre. Vos clients sont prêts à se connecter, à appeler, à envoyer des messages ou à laisser des avis. Maintenant, avec plus de façons de traiter, vous pouvez faire plus d'affaires. Découvrez combien de personnes se connectent avec vous sur Google. C' est vraiment cool. Découvrez comment les clients se connectent, cliquent, appellent, réservent ou suivent. Découvrez comment vos clients interagissent avec votre profil professionnel lors de votre engagement et que vos clients, afin que vous puissiez suivre vos abonnés, mais aussi l'engagement ici, Regardons ces vues et recherches et activité. Il décompose les clics sur le site du charbon, les demandes de direction, les suivis et les réservations, ce qui est une analyse super-utile. Bon, alors voyons à quoi ça ressemble. Je vais me connecter afin que nous puissions voir certaines de mes offres. Donc, nous voici sur Google, My Business, et voici le portail d'administration. Alors tout d'abord, laissez-moi vous montrer à quoi ça ressemble d'ajouter un nouvel emplacement. Nous allons donc cliquer sur Ajouter un emplacement unique et passer par le processus d'inscription à Google My Business, ou tout ce que nous pouvons trouver et gérer le nom commercial de votre type d'entreprise. Ok, trouvez votre entreprise et votre entreprise à Google. C' est ce que vous feriez si vous avez une toute nouvelle entreprise pour laquelle vous souhaitez créer une offre. Donc, disons Smith, web design. Créer une entreprise. Ce nom pourrait-il ensuite ? Choisissez la catégorie qui correspond le mieux à votre entreprise. Cela aide les clients à vous trouver s'ils sont à la recherche d'une entreprise comme la vôtre. Donc, notre catégorie, ce serait le concepteur de site web. Il y a aussi la société d'hébergement web, mais je choisis le concepteur de site web. Suivant. Voulez-vous ajouter un emplacement que les clients peuvent visiter comme un magasin ou un bureau. Cet emplacement apparaîtra sur Google Maps et Search lorsque les clients recherchent votre entreprise. Si vous avez un bureau, dites oui, si vous ne le faites pas et que vous travaillez à la maison, dites non, aussi simple que cela. Où desservez-vous vos clients ? Vous pouvez lister vos zones de service ci-dessous. Cela apparaîtra sur votre annonce et apportera des clients pertinents. Disons que votre région est Nashville, Tennessee. Vous pouvez ajouter cette zone de service. Vous pouvez ajouter Memphis et toutes les zones que vous souhaitez cibler dans votre population locale. Quelles coordonnées souhaitez-vous montrer à vos clients ? Aidez les clients à entrer en contact en incluant ces informations dans votre annonce, disons. Et l'URL actuelle du site Web. C' est donc là que vous liez le nom de domaine que vous avez acheté dans la leçon précédente. Ou vous pouvez dire, je n'ai pas besoin d'un site web ou d'un site web gratuit basé sur vos informations. C' est là qu'un site Google serait créé gratuitement, qui est un site de faire vous-même. Je ne recommande pas ceux puisque vous êtes un concepteur de site web professionnel. Et point secondaire, si vous rencontrez un site Web pour une petite entreprise qui est construit sur Google, My Business, comme dans ils profitent du site gratuit fourni par Google. Ce serait un grand client potentiel à poursuivre. Comme vous pouvez expliquer les avantages d'obtenir un design de site Web professionnel sur la plate-forme WordPress. Quoi qu'il en soit, nous allons cliquer. Je n'ai pas besoin d'un site Web, mais vous feriez normalement l'URL actuelle du site où vous tapez votre nom de domaine. Et puis quand vous cliquez sur Suivant, maintenant, ok, numéro de téléphone invalide. Donc, je vais mettre mon numéro de téléphone qui est disponible sur mon site web. Finish and man, juste la liste, vous serez en mesure de gérer Smith web design sur Google, promouvoir votre entreprise avec des photos et des messages, suivre l'analyse de l'entreprise pour comprendre vos clients et répondre aux commentaires des clients. Donc normalement, vous cliquez sur Terminer. Je vais quitter cette section parce que je ne veux pas l'ajouter à mon compte Google Business. Mais pour vous, vous arrivez à ce point, vous cliquez sur Terminer et vous serez invité à l'adresse à laquelle envoyer le code de vérification. Vous recevrez par la poste une carte postale avec un code PIN à six chiffres qui est utilisé pour vérifier votre annonce ? Oui, ils utilisent du courrier d'escargot. Donc nous prendrons cinq à six jours ouvrables pour que cette carte postale arrive dans le courrier à votre boîte aux lettres. Et quand c'est le cas, vous pouvez vérifier votre offre jusqu'à ce que vous vérifiez votre offre, votre annonce ne sera pas en ligne. Donc c'est très important. Lorsque vous configurez ces derniers pour les clients, vous devez expliquer qu'ils vont recevoir cette carte postale par la poste. Et quand ils le font, ils doivent obtenir le code à utiliser afin que vous puissiez vérifier l'offre. Donc, à ce stade, laissez-moi vous montrer à quoi ressemble une liste sur le backend. Pour revenir à ma sortie de là, retournez dans mon compte Google, My Business. Et en sortons un qui a un peu d'activité. C' est donc l'un de mes clients sont très populaires attraction dans la région de Smoky Mountains dans l'est du Tennessee. Ils ont donc des promenades à cheval, des tyroliennes et des promenades en VTT, et ils sont très populaires. Voyons donc ce qui est disponible sur business dot google.com. Dans le tableau de bord Google My Business. Vous pouvez trouver ces informations via votre navigateur Internet ou sur votre téléphone. Vous pouvez télécharger l'application Google My Business, qui est très utile. D' accord, on a quelques boutons ici. Nous pouvons créer une publication, ajouter une photo ou créer une annonce. Google adore quand vous créez une annonce, mais nous n'avons pas à le faire. C' est facultatif. C' est payé et c'est aussi facultatif. Google, My Business est gratuit cependant. Donc, si nous créons un post, nous pourrions faire une mise à jour COVID-19. Nous pourrions faire une offre avec une date de début et de fin, y compris l'offre, le pourcentage de réduction ou tout ce que vous voulez faire. Quoi de neuf, où vous venez de télécharger un blog typique, dites aux gens ce qui est nouveau avec votre entreprise lors d'un événement ou d'un produit. Très excitant. Nous pouvons ajouter une photo. Si nous faisons cela, nous téléchargerons une vidéo et une photo d'intérieur ou une photo typique à la liste des entreprises. Donc, vous pouvez faire par propriétaire, par client, 3 est 60 degrés. Intérieur vidéo, extérieur à l'identité de l'équipe de travail, beaucoup de différentes catégories que vous pouvez télécharger des photos sur votre Google. Les internautes de My Business verront ces photos lorsqu'ils découvriront votre annonce sur Google, soit en recherchant directement votre entreprise, soit en cherchant simplement votre catégorie. Voyons ce que nous avons d'autre disponible. Nous pouvons mettre à jour la disponibilité du service, nous pouvons mettre à jour les heures d'ouverture actuellement, et nous pouvons mettre à jour l'état COVID-19 et obtenir l'assistance des clients. Donc, la performance, c'est très excitant. Nous pouvons voir combien de vues au cours des 28 derniers jours, un 116 mille vues à cette liste ? Un peu plus de la moitié ou de la recherche et un peu moins de la moitié ou de la section des cartes de Google. Et les fouilles à la plupart des gens découvraient le ranch de prison parce qu'ils cherchaient cette catégorie. Ils cherchaient des tyroliennes ou des promenades à cheval ou en VTT dans la zone et le champ de tir a émergé. Sinon, direct signifie qu'ils ont tapé le nom de votre entreprise, soit dans le nom de l'entreprise ou dans l'adresse pour trouver directement cette entreprise et cette activité. Ainsi 8000 visites de site Web au cours des 30 derniers jours, plus de 1000 appels, 248 mille vues de photos et près de 3000 demandes de direction. Donc beaucoup d'activité sur cette liste. Ils ont une tonne d'activités passionnantes et de critiques. Donc les critiques, ils ont cent sept cent quarante sept critiques, probablement plus aujourd'hui que vous regardez cela. Et la moyenne à ce moment était de 4,1 étoiles. Ils ont donc beaucoup de bonnes critiques. Les gens aiment leur entreprise, et quelques commentaires inférieurs, mais il équilibre deux sur quatre étoiles, ce qui est génial. Grâce à Google, My Business, vous pouvez également, en tant que propriétaire, vous pouvez répondre à un avis, ce qui est vraiment important à faire, car Google vous donnera un peu de boost dans votre classement des moteurs de recherche. Si vous répondez à vos commentaires. Si vous obtenez un avis d'une étoile, il est bon de l'appliquer à ceux aussi. Qu'est-ce que tu dis ? J' ai un billet de blog sur mon site Web, comment répondre aux commentaires d'une étoile. Et c'est M0 pour une leçon séparée. Mais en gros, vous ne voulez pas offrir de coupon. Vous ne voulez pas dire publiquement, nous vous donnerons autant d'argent. Il me donnera une carte-cadeau ou quelque chose comme ça parce que les gens verront ça et pas l'exploiter. Ils vont en profiter et se plaindre juste pour gagner de l'argent. Donc vous voulez dire nous sommes désolés de ce qui s'est passé. Allons arranger les choses. Appelez-nous et nous serions ravis de vous aider dans votre situation. Commencez par présenter des excuses et voyez ce que vous pouvez faire pour améliorer la situation. Mises à jour de Google. Donc, quand d'autres personnes ont essayé de crowdsource des mises à jour, comme disons que quelqu'un continue et dit que ce n'est pas leurs heures. Ce sont leurs heures. Ensuite, vous serez invité avec une mise à jour et vous pouvez accepter ou rejeter cette mise à jour. Très bien, vous pouvez cliquer sur ces boutons pour voir à quoi ressemble la liste sur les cartes ou lors de la recherche. Voyons à quoi ça ressemble sur les cartes. Nous y voilà. Voici donc la liste Google My Business, le nom, les critiques, la catégorie service d'équitation. Maintenant, vous devriez savoir que vous ne pouvez faire qu'une seule catégorie primaire. Donc, même s'ils offrent plus que l'équitation, vous ne pouvez entrer qu'une seule catégorie principale. Très bien, Il y a des directions, enregistrer à proximité, envoyer au téléphone et partager. Et il y a l'adresse, les heures d'ouverture, un lien vers le site Web construit par le vôtre vraiment, numéro de téléphone et les temps populaires basés sur les données GPS, photos, les commentaires, et les gens peuvent écrire leur propre avis. Si vous n'êtes pas connecté en tant que propriétaire de cette annonce, vous verrez un bouton Révision du coureur. Retour au tableau de bord. Obtenez des critiques. C' est un excellent moyen d'obtenir plus d'avis, partager votre profil professionnel et d'obtenir de nouveaux avis de clients. Il s'agit d'une nouvelle fonctionnalité. J' aime vraiment ça. Il s'agit d'un moyen simple de promouvoir la section Commentaires de votre formulaire Google My Business Partager Review affichera un lien et nous allons voir ce qui se passe lorsque quelqu'un clique sur ce lien. Donc, vous pouvez donner ce lien. Et cela emmènera les gens directement à la liste et pas seulement à une annonce, mais il apparaîtra le formulaire de révision réel. Très pratique. Tout ce que quelqu'un a à faire est de taper le nombre d' étoiles que nous voulons donner à l'entreprise, de taper leur avis. J' ai adoré, et appuyez sur le bouton de poste bleu. Encore une fois, fabuleuse façon d'amener les gens à vous revoir. Un petit conseil que j'aime faire est de créer un sous-domaine commentaires avant le .com. Donc, dans ce cas, il serait comme Avis dot prison ranch.com. Et ça vous mènera à ce formulaire de révision. Testons ceci pour mon nom de domaine. Donc, passez en revue dot pioneer.media. Voyons où ça nous mène. Yay, nous emmène à travers le formulaire de révision. Très excitant. Donc, j'ai envoyé pour examiner le lien dot pioneer.media à beaucoup de clients. Et c'est l'une des raisons pour lesquelles j'ai eu tant de critiques. Alors n'hésitez pas à voler cette idée. Créez un sous-domaine pour votre domaine en examinant votre site website.com. Et Jonas, lorsque vous le ferez, vous voudrez rediriger ou transférer le trafic Web vers ce lien, celui de votre inscription Google, My Business. Et boom, moyen facile d'obtenir des critiques. Très cool. Faites défiler vers le bas pour accéder à votre profil professionnel. Ce sont des liens vers l'application Android ou iOS, selon le type de logiciel que vous possédez. Et vous pouvez télécharger l'application de cette façon, vous pouvez gérer votre offre en déplacement et gérer vos offres pour vos clients. En savoir plus sur votre entreprise. Voici un lien pour afficher encore plus d'informations. Vous pouvez accepter les réservations, laisser les clients réserver directement à partir de Google Search. Certaines entreprises voudront en profiter, mais pas toutes. Il y a beaucoup d'attributs que vous pouvez ajouter, comme une femme noire dirigée, un chef de vétéran, et cetera. visites virtuelles Google améliorent votre visibilité en ligne et le trafic Joel vers votre entreprise grâce à une expérience interactive à 360°. C' est donc vraiment soigné et compléter votre profil d'entreprise. Il y a quelques suggestions sur ce que vous pouvez faire pour compléter votre profil et un lien pour gérer vos photos. Qu' est-ce qu'on a d'autre ici ? Sur les poteaux de gauche ? C' est là que vous pouvez créer un billet, que ce soit un billet de blog sur un événement, une offre, et cetera, et des infos. Donc, info est l'endroit où vous mettrez à jour vos coordonnées, votre lien de site Web, votre description, toutes ces bonnes choses. Nous voulons nous assurer que cette information est à jour sur toutes les offres de vos clients ainsi que sur vos propres informations sur les offres. Cela vous donne encore plus d'informations que ce que nous avons vu sur le tableau de bord. Plus précisément, il vous dira vos requêtes les plus populaires comme l'équitation près de moi, équitation, Pigeon Forge , prison, équitation, une télévision, écriture, etc. Alors que faites-vous avec cette information sera vous laissez voir ce que les gens recherchent. Lorsque vous savez ce que les gens recherchent, vous êtes habilité à prendre des décisions pour améliorer le vôtre ou le site Web de votre client et à informer votre client de ce que les gens recherchent pour vous trouver informations précieuses et précieuses entre les bonnes mains . Actions des clients, visites sur le site Web, demandes d'instructions, appels ou messages, et demandes de direction. Vous pouvez voir d'où les gens demandent des instructions. Superbobine. Appels téléphoniques, voir quel jour de la semaine les gens cliquent sur le bouton d'appel. 28. PARTIE 4 : Optimisation du moteur de recherche: Bienvenue. Je suis Leighton, votre webmaster. Dans cette série de leçons, Parlons de l'un des services les plus précieux que vous pouvez fournir lors de la conception d'un site Web. Optimisation des moteurs de recherche ou SEO en bref. Et vous avez entendu parler du référencement. Et pourquoi est-ce un service si précieux ? Maintenant SEO est un sujet très compliqué, mais pour vous, je vais le démystifier, prendre ce concept très avancé et le rendre aussi simple et facile à comprendre que possible. Tu es prêt. Bon, Commençons par l'optimisation du moteur de recherche de noms. Qu' est-ce que ça veut dire ? Avez-vous des suppositions ? termes simples, il s'agit d'optimiser un site Web pour meilleur classement des moteurs de recherche et le meilleur scénario, vous et vos clients seriez classés à la page 1 pour toutes les recherches pertinentes. Mais pourquoi nous soucions-nous de bien classer dans les moteurs de recherche ? Eh bien, si une entreprise veut embaucher un concepteur web, elle a quelques options. Ils pourraient demander une recommandation à des personnes en qui ils ont confiance, ou bien faire une recherche en ligne. Alors ils vont à Google. Mais attendez, pourquoi Google ? Quel moteur de recherche utilisez-vous ? Presque tout le monde utilise Google. En fait, statistiquement, plus de 90 % des recherches dans le monde ou sur un service basé sur Google. C' est la raison pour laquelle nous allons concentrer nos efforts sur Google. Revenons à pourquoi nous nous soucions. Propriétaire d'entreprise, il se rend sur Google.com et recherche un concepteur de site web. Alors quoi ? Qui apparaît ? Et mieux encore, Quelles sont vos chances d'obtenir ce compte si vous n'apparaissez pas sur l'une des premières pages de résultats de recherche. Opportunité d'affaires ira à une autre société de design web. Et pensez à ça. Pensez à la valeur de cette transaction. Ce compte de site Web aurait pu valer des milliers de dollars. Maintenant offrir à quelqu'un d'autre simplement parce qu'ils sont apparus au-dessus de vous sur une recherche Google. J' ai eu beaucoup de travail, étaient des milliers de dollars d'étrangers complets dont la seule connexion avec moi était que mon nom apparaissait sur une recherche Google. Et quelle est la meilleure partie ? Je ne paie pas un dollar à Google, pas un dollar. Mais attendez, qu'en est-il des annonces ? Ne coûte pas d'argent. Ouais, Google ne charge pour Google annonces beaucoup en fait. Mais ce n'est pas le but de cette leçon particulière. Vous pouvez toujours payer les annonces et les afficher dans la section Ajouter des résultats de recherche Google. Mais l'optimisation des moteurs de recherche consiste à optimiser votre site pour bien se classer sur les résultats de recherche libres ou organiques. Gratuit, pas payé. Et nous sommes dans le noir. Google est assez clair quand il s'agit de faire et ne pas faire avec une optimisation des moteurs de recherche. Personne ne connaît l'algorithme exact. Google ne met des tonnes de ressources gratuites pour les webmasters. En plus de la pléthore de tutoriels SEO et de l'éducation disponibles sur Internet. Vous commencez à comprendre pourquoi le référencement est si important ? Il s'agit essentiellement de l'argent laissé sur la table. Quelqu' un va récupérer cet argent. Et c'est à peu près seulement offert aux personnes qui se classent sur la première ou la deuxième page des résultats de recherche. Alors, comment faites-vous ça ? Comment fonctionnez-vous les moteurs de recherche comme Google ? Eh bien, décomposons ça à sa forme la plus simple. Lorsque vous posez une question à un enseignant, que pensez-vous trouver la réponse ? Lorsque vous demandez une recommandation à un ami de confiance, qu'attendez-vous ? Un bon ? Google veut être comme le bateau ce prof et cet ami. Si vous avez besoin d'une réponse ou d'une recommandation, ils veulent remplir ce besoin et le remplir correctement. Par exemple, disons que vous Google quelle est la capitale de la France ? Donc nous allons taper ça. Quelle est la capitale de la France ? Rechercher ? Et on y va. front et le centre est la réponse à notre question. Paris. Nous avons également un lien vers les images. Nous avons un lien vers Google Maps pour la réponse à la question, qui serait la liste Maps de Paris. Et nous avons un extrait de britannica.com ici. Paris, ville et capitale de la France, située dans le centre-nord du pays. C' est un peu d'informations factuelles où le lien vers Britannica, qui est où cette réponse a été source, les gens recherchent aussi, et ce sont des liens vers d'autres recherches Google pour différentes capitales et villes et pays. se demande aussi, quelle est la capitale de la France aujourd'hui ? Quelle est la capitale de la France avant Paris ? Quelles sont cinq grandes villes en France voulu paires devenir capitale, et cetera. Donc, ceux-ci proviennent d'une liste serrée ici. Dans ce cas, ce sont des sites et des autorités bien connus comme Britannica et Wikipedia. Et puis en dessous, ce serait les listes biologiques. Essayons une autre recherche. Rappelez-vous, nous avons la réponse à notre question avant et centre. Et nous avons aussi d'autres extraits d'informations et nous n'avons même pas quitté google.com. Essayons une autre question. Combien de centimètres dans une cour ? C' est une question mathématique. Et tout de suite, nous obtenons la réponse. Une cour fait 36 pouces même la formule est expliquée ici. Multipliez la valeur de longueur par 36. Très, très utile. Les gens demandent aussi combien de pouces sont dans une cour de tissu ? Combien de pouces fait deux mètres. Combien de pieds sont dans une cour ? Combien de centimètres en sept mètres ? Et cela se fait avec une conversion intégrée ici et un lien vers un site externe, dans ce cas, metric dash convergence.org. C' est une réponse très utile à ces questions en temps opportun. Google veut donc répondre correctement à votre question aussi facilement que possible. C' est leur objectif pour de nombreuses recherches. Cela peut être fait sans même quitter Google.com. Mais Google peut servir à d'autres fins aussi. Par exemple, certaines personnes cherchent simplement à être connectées au site Web d'une entreprise spécifique. Si vous effectuez une recherche Google pour Walmart, quelle serait, selon vous, la bonne réponse à cette requête ? Walmart.com, le site officiel de Walmart. Dans ce cas, Google vous a aidé à naviguer vers le site Web que vous recherchez, et c'était votre objectif. Qu' en est-il du troisième type de question de recherche, site Web non spécifique, mais une recommandation pour un site Web ou une entreprise. Laissez-moi vous montrer un exemple. Alors commençons notre recherche Google avec une question telle que, où acheter une recherche iPhone ? Voyons ce qui apparaît. Donc, à droite, nous avons des publicités pour un téléphone différent, Apple iPhones, Google Pixels, et cetera. Au milieu, nous avons des publicités. Celui-ci est lié à AT et T.com, apple.com, et nous avons des listes de cartes locales. Dans ce cas, je cherche dans la région Est du Tennessee. J' ai donc le mobile cible local, le T-Mobile local et le magasin Apple local. Nous continuons. questions impliquées sont liées à cette recherche Google, qui est, où est le meilleur endroit pour acheter un iPhone ? Quel est le moyen le moins cher d'acheter un iPhone ? Pouvez-vous juste acheter un iPhone ? Et quel est le meilleur iPhone à acheter en 2020 ? Ceux-ci proviennent d'Apple.com, de NerdWallet.com, de MacWorld.com. Des sources très réputées apparaîtront dans ces extraits en vedette. Donc, nous continuons à défiler et nous obtenons les listes bio gratuites, qui seraient juste les résultats de recherche typiques, apple.com, BestBuy.com. Et puis nous voyons top 16 Apple iPhone, téléphones mobiles, qui sont des critiques. C' est MacWorld.com, Forbes l'a vu. Ce sont des sites d'examen. Continuer les tendances numériques. Macworld, câblé pour acquérir Target, et cetera, puis quelques annonces en bas. Alors qu'est-ce que Google a fait ici ? Nous avons cherché où acheter un iPhone. Donc, l'intention de notre recherche, google a décidé que notre intention est d'acheter un iPhone. Alors comment on va à ce sujet ? Lorsque vous faites défiler vers le bas des résultats de recherche, vous avez vu le site officiel de l'iPhone, qui est apple.com. Vous avez vu quelques offres disponibles ici. Vous avez vu un important transporteur AT et T. Vous avez vu des endroits locaux où vous pouvez monter dans votre voiture et aller les visiter en magasin sur le mobile cible local, T-Mobile local et le magasin Apple local. Vous avez vu des questions liées à cette recherche. Et vous avez vu des offres régulières telles que Best Buy, Apple et différents sites d'évaluation. Donc, j'espère que quelque chose sur cette page on répond à cette question de savoir où acheter un iPhone. Google est vraiment diverses réponses qu'il donne. Donc, il peut fournir quelque chose pour tous, tout le monde. Essayons une recherche différente. Disons meilleur café et disons Austin, Texas. Qu' est-ce qui apparaît ? Maintenant ? Tout d'abord, j'ai mal orthographié le café. Google est intelligent. Ils savent ce que je voulais dire. Meilleur café à Austin, Texas. Nous allons donc voir un résultat eater.com pour les meilleurs cafés. Et le mangeur d'Austin est une autorité très réputée. Dans les revues. Nous voyons également des listes locales, trois cafés locaux différents dans la région d'Austin avec des liens vers leurs sites Web et leurs listes et photos Google. Et au fur et à mesure que nous continuons à défiler, nous voyons certains ressemble à des sites de révision. Avis pour les meilleurs cafés locaux dans la région d'Austin. Et nous voyons Foursquare, nous voyons Yelp. Et puis quelques autres endroits recherches liées au café et Austin, Texas, chiens de café dent, café mérite, la lune d'été machine à café tête radio café. Donc, au moment où vous faites défiler vers le bas de cette recherche, vous avez vu des recherches étendues. Vous avez vu d'autres endroits, peut-être ceux qui incluent le repas à emporter et la livraison, le Wi-Fi. Vous avez vu un lien vers différents cafés. Vous voyez différents sites de répertoires comme Yelp. Vous avez vu des sites d'évaluation comme either.com, et vous avez vu les annonces locales. Donc, si vous cherchez le meilleur café, vous voulez certainement voir quelques cafés réels, que nous voyons ici. Maintenant, si nous devions cliquer sur les cafés, nous y allons. Et nous verrons des cafés liés à notre recherche. Et maintenant, en haut, vous pouvez également les trier et les affiner. Donc, dans ce cas, nous pouvons les affiner à seulement 4,5 étoiles et plus. Nous pouvons affiner en fonction du prix indiqué. Disons que 1 $2 signe les heures d'ouverture à chaque fois que vos visites passées. Et on y va. Nous avons donc une recherche personnalisée sur Google Maps ici. Google veut donc vraiment vous connecter avec le bon café, le bon café et le meilleur café pour vos besoins. Donc, j'espère que lorsque vous aurez terminé votre recherche, vous avez trouvé quelques bonnes options. Et c'est l'objectif de Google. Ils veulent que tu sois heureuse. Ils veulent vous connecter avec le bon café pour vous. Donc, avec ces recherches, Google espère vous connecter avec le bon site Web ou l' entreprise pour répondre à votre question ou répondre à vos besoins. Et imaginez un Google comme une personne. Imaginez le stress des gens qui attendent que vous ayez la bonne réponse ou la meilleure recommandation à chaque fois. I. C'est pourquoi Google prend très au sérieux qui se classe sur la première page. Ils veulent vous connecter avec la meilleure entreprise, la réponse la plus précise ou la bonne destination. Pas de pression, non ? Voyons comment Google va à ce sujet. Par un, ramper à l'indexation, et trois, classer le web. Qu' est-ce que ces trois choses impliquent ? Eh bien d'abord, apprenons à ramper. Alors pensez à Google comme une araignée. Les araignées rampent à travers une toile, non ? Ou Google explore également le web numérique. Plus précisément, cette araignée numérique s'appelle Googlebot et il est surfer sur le Web à la recherche de contenu et ce qui se passe quand il lie du contenu. La deuxième chose qu'il l'indexe au deuxième processus, indexation est quand le contenu est stocké et organisé. Donc, fondamentalement, Google est comme une base de données massive de contenu. Comme une ville. Une ville est divisée en rues, adresses , quartiers, entreprises, parcs, bâtiments gouvernementaux, etc. Espérons que vous pouvez trouver ce que vous cherchez avec juste une adresse. De même, les araignées numériques indexent et organisent le web pour qu'il soit facile de trouver ce que vous cherchez en ligne. Et troisièmement, après que le contenu est découvert dans un organisé, il doit être classé. Encore une fois, comme une ville. Quel est votre café préféré ? Quel est, selon vous, le meilleur endroit pour acheter de la viande ? Quel est le parc le plus familial ? Dans votre esprit, vous pouvez probablement répondre à ces questions en classant différents endroits. Et c'est ce que les moteurs de recherche ont commencé à faire avec le Web. Maintenant, pour être clair, en tant qu'optimiseur de moteur de recherche, vous activez ces trois processus, l'analyse, l'indexation et le classement. Mais comment, comment optimiser un site web pour son classement ? Il y a deux tactiques. Il y a fondamentalement un bon moyen et une mauvaise façon de le faire. La bonne façon est appelée chapeau blanc, et la mauvaise façon est appelée chapeau noir. Chapeau blanc sont des techniques que Google approuve. Ce sont des choses qui font dire à Google, oui, si vous faites ces choses, vous profiterez d'un meilleur classement. Alors de quel genre de techniques parlons-nous ? Eh bien, je vais laisser Google l'insérer. Voici quelques-unes des choses à faire et à ne pas faire de base de Google. Ici, nous sommes sur l'une des pages d'assistance officielles de Google. Voici les directives d'aide de Google Search Console et les directives pour les webmestres. Ce sont donc les directives et principes officiels de Google qui vous apprennent à bien classer et aussi à perdre votre classement. Voyons voir. Donc, la vidéo d'ouverture est actuellement des violations de contenu de spam Web. C' est ce SEO chapeau noir dont nous parlons. Suivez les directives générales ci-dessous aidera Google à trouver l'index et à classer votre site. Nous vous encourageons vivement à prêter une attention particulière aux directives de qualité ci-dessous, qui décrivent certaines des pratiques illicites qui peuvent conduire à la suppression complète d'un site de l'index Google ou à l'atteinte d'un action de spam algorithmique ou manuelle. Si un site a été affecté par une action de spam, il peut ne plus apparaître dans les résultats sur Google.com ou sur l'un des sites partenaires de Google. C' est mauvais. Nous voulons absolument suivre ces lignes directrices. Les directives générales aident donc Google à trouver vos pages, à comprendre vos pages et à aider les visiteurs à utiliser vos pages. Alors, comment pouvons-nous aider Google à trouver les pages où nous avons besoin de liens ? Nous devons avoir un sitemap, et nous devons avoir notre fichier robots.txt et il y a des liens vers diverses ressources ici. Aidez Google à comprendre vos pages. Créer un site utile et riche en informations, n'est-ce pas ? Pages qui décrivent clairement et précisément votre contenu. Pensez aux mots que les utilisateurs ont le type pour trouver vos pages et assurez-vous que votre site contient effectivement ces mots. C' est un beau principe. Pensez aux mots que les utilisateurs saisissent pour trouver vos pages et assurez-vous que votre site inclut effectivement ces mots. Magnifique. Il y a d'autres bonnes suggestions ici. Et puis aider les visiteurs à utiliser vos pages. De bonnes suggestions là aussi. Je vous recommande de lire chacun de ces points lorsque vous apprenez l'optimisation des moteurs de recherche. Directives de qualité. Ces directives de qualité couvrent les formes les plus courantes de comportement trompeur ou manipulateur. Mais Google peut réagir négativement à d'autres pratiques trompeuses qui ne sont pas répertoriées ici. Il n'est pas sûr de supposer que juste parce qu' une technique trompeuse spécifique n'est pas incluse sur cette page, Google l'approuve. Les webmasters ont été leurs énergies en défendant l'esprit des principes de base fournira une expérience utilisateur beaucoup meilleure et par la suite profiter d'un meilleur classement que ceux qui passent leur temps à chercher des échappatoires qu'ils peuvent exploiter. Un autre grand principe, les principes de base font des pages principalement par utilisateur, pas pour les moteurs de recherche. Créer des pages principalement pour les utilisateurs. Les humains, pas pour les moteurs de recherche. Ne trompez pas vos utilisateurs et évitez les astuces destinées à améliorer le classement des moteurs de recherche. Une bonne règle est de savoir si vous vous sentirez à l'aise en expliquant ce que vous avez fait à un site Web en concurrence avec vous ou à un employé de Google. Un autre test utile est de demander, est-ce que cela aide mes utilisateurs ? Ce que je fais si les moteurs de recherche n'existaient pas. Pensez à ce qui rend votre site Web unique, précieux ou attrayant. Faites en sorte que votre site Web se démarque des autres dans votre domaine. Directives spécifiques, en évitant les schémas de liens de contenu générés automatiquement. Cachage de contenu de faible valeur, lecteur sournois, redirections sournoises, texte ou liens cachés, pages de porte, contenu raclé, programmes d'affiliation sans ajouter de valeur. Charger des pages avec des mots-clés non pertinents, des comportements malveillants , des virus, etc., suivez ces bonnes pratiques. Surveillance de votre site pour le piratage et la suppression du contenu piraté dès qu'il apparaît et prévention et suppression du spam généré par les utilisateurs sur vos sites. C' est une ressource de mine d'or. Je vous recommande de jeter un oeil à chacun de ces points et de cliquer pour en savoir plus. À ce stade, veuillez mettre la vidéo en pause, rechercher les directives Google Webmaster et cliquer autour de ces ressources. Maintenant, c'était excitant. Vous venez de voir directement de la source que moteurs de recherche sont assez transparents avec leurs principes de classement. Dans les leçons suivantes, nous examinerons les techniques de chapeau blanc que vous pouvez utiliser à la fois sur et hors de votre site Web. Et quand je parle de votre site Web, ce que je veux dire , c'est les sites que vous avez construits pour vos clients. Je considère que vous ou vos sites Web depuis que vous les avez construits et que vous les maintenez. Avant de résumer deux autres points dont je veux parler. Tout d'abord, s'il vous plaît comprendre que le classement dans Google, cela prend du temps. Vous ne trouverez pas votre site web à la page 1, le jour où vous le lancez. Même si certains clients peuvent s'attendre à ce que, pensez à cela du point de vue de Google, vous avez toutes ces entreprises respectables et réputées à classer. Et voici ce tout nouveau bébé numérique. Tu ne sais pas grand-chose à ce sujet. Il n'a pas de commentaires, n'a pas établi et la réputation en ligne, personne d'autre n'y est lié. Pourriez-vous classer ce site près du sommet ? L'enfer, non. Vous voudriez que ce site prouve d'abord sa crédibilité. Ça pourrait prendre des mois, voire des années. Bien sûr, les résultats des moteurs de recherche ne sont pas chronologiques. En fait, les ingénieurs de Google ont démystifié le mythe que l'âge du domaine comme un signal de classement. Mais qu'est-ce qu'un signal de classement ? Crédibilité. Et ça prend du temps. Nous parlerons des liens et de la crédibilité pendant la leçon de référencement hors site. Maintenant, l'autre point que je veux faire est le référencement local, national ou international. Dans le cadre de ce cours, nous nous concentrons sur le référencement local. Étant donné que la plupart des petites entreprises font des affaires dans une certaine région, cela signifie que vous et vos clients vous aideront à bien vous classer dans votre région. Donc, pour résumer, qu'avons-nous appris dans cette introduction au SEO ? Nous avons appris un, l'optimisation des moteurs de recherche aide à mieux classer le site Web dans les moteurs de recherche comme Google. Pour les moteurs de recherche veulent finalement répondre avec précision aux questions et connecter les gens avec la bonne entreprise. Troisièmement, les moteurs de recherche fonctionnent en rampant, en indexant et en classant la voie pour les moteurs de recherche rang bien en suivant les techniques SEO chapeau blanc qui obéissent aux directives de qualité des moteurs de recherche. Êtes-vous prêt à plonger dans ces techniques ? Soudain, il y a tellement de choses à apprendre. Et dans la leçon suivante, nous allons nous concentrer sur et pouvons faire sur votre site Web. Mais en attendant, tu sais, il y a des devoirs. Qu' est-ce que c'est ? Je veux que vous lisiez les directives Google Webmaster. Commencez à apprendre directement à partir de la source du référencement. Google lui-même. Je suis en retard. Et maintenant, vous savez, l'optimisation des moteurs de recherche. 29. SEO sur site: Bienvenue, je suis Leighton, votre webmaster. Maintenant, dans la leçon d'introduction, nous avons appris sur les moteurs de recherche eux-mêmes. Regardons maintenant le référencement sur site ou les techniques que nous pouvons appliquer sur le site lui-même. Plus précisément, nous allons regarder 10 astuces de référencement prouvées, mieux votre classement regardera un, explorer l'accessibilité à un contenu convaincant. Troisièmement, l'optimisation des mots clés ou l'expérience utilisateur. Cinq, PageSpeed 6, convivialité mobile. 7, optimisation de l'image. Huit, SSL, neuf, liens internes et 10, titre et description. Chacune de ces 10 techniques s'appuiera sur la précédente. Les premiers F sont essentiels au classement, et les derniers sont essentiels au classement compétitif. Tu es prêt. Plongons dans l'accessibilité One crawl. Votre site Web doit donc être accessible ou lisible par les robots de recherche ou les moteurs de recherche. Si un moteur de recherche ne peut pas lire ou trouver votre site Web, vous ne pouvez pas espérer bien classer. Alors, comment savoir si un site Web a été exploré et indexé par Google ? Qu' est-ce que tu en penses ? Laissez-moi vous montrer un conseil. Voici un petit diable de recherche que tout le monde ne connaît pas. Une belle façon de voir quelles pages sont indexées par Google, nous tapons deux-points du site, le nom de domaine. Dans mon cas, je vais taper mon site web firmes de conception nom de domaine, pioneer.me, et cliquez sur Recherche Google. Il dit qu'il y a environ 242 pages qui sont indexées sur Google pour ce nom de domaine. Et ce sont la page d'accueil, les témoignages FAQ sur les services de blog de portefeuille, et quelques billets de blog spécifiques que j'ai écrits. C' est donc une merveilleuse façon de voir quelles pages sont déjà indexées dans la base de données Google. Quels sont ceux que vous voulez ajouter qui ne sont pas sur cette liste. Et peut-être qu'il y en a certains qui sont inclus dans la base de données Google que vous aimeriez supprimer. Donc encore une fois, merveilleux hack que tout le monde ne connaît pas. L' une des nombreuses façons dont vous pouvez utiliser Google en tant qu'utilisateur autorisé, voir quelles pages sont indexées à partir de votre nom de domaine. C' est ainsi que nous déterminons si votre site Web est déjà indexé sur Google. Si c'est le cas, génial. Mais si ce n'est pas le cas ? Revenons sur quelques raisons possibles. Ça ne l'est peut-être pas. Le plus souvent le tout neuf de votre site, il n'a tout simplement pas encore été ramassé. Ou votre côté n'est lié à aucun site Web externe. Ou la navigation de votre site rend difficile pour un robot de l'explorer efficacement. Ou votre site contient du code de base appelé directives de crawler qui bloquent vos moteurs de recherche. Ou votre site a été pénalisé par Google pour avoir utilisé des techniques de chapeau noir. Maintenant, pour la plupart cependant, votre site étant nouveau est à peu près la seule chose que vous allez rencontrer. Alors, que faites-vous pour annoncer à Google votre nouveau site Web ? En d'autres termes, vous venez de terminer le site Web d'un client. Il est maintenant temps de lancer. Comment dites-vous à Google de venir explorer le site ? Avec un plan du site ? Le plan du site est comme la carte d'un site Web. Il répertorie toutes les pages lorsque des directions ou des liens vers chacune d'elles. Permettez-moi de vous montrer à quoi ressemble un sitemap et comment l'envoyer à Google. Permettez-moi donc d'abord de vous montrer un exemple de sitemap. Will, va tirer vers le haut mine www dot pioneer dot Media slash sitemap dot xml. C' est le nom standard d'un sitemap. Sitemap dot xml, et c'est à la racine de votre serveur. Et nous y voilà. Donc, je suis les applications sont assez ennuyeux en fait, visuellement. Ce ne sont qu'une liste des différentes pages de votre site Web. J' ai mes projets, j'ai des articles de blog, pages et des sous-pages ici. Il ne fait que des liens vers toutes les différentes pages de votre site. Mais comment en arriver à ce point ? Comment ajouter, comment créer une annonce à un sitemap ? Laissez-moi vous montrer comment faire ça. Donc on va chercher le site sur lequel on travaillait. Et voyons comment nous ajoutons un sitemap. Donc, nous allons entrer dans le backend de WordPress. Donc, nous allons trouver un plug-in pour faire cela. Nous allons à Plugins et Ajouter Nouveau. Il y a un merveilleux plugin SEO que j'aime utiliser tout dans un seul pack SEO. Il y a beaucoup de plugins SEO, il y a Yoast, il y a tout dans un Rank, Math, Anya, différents plugins que j'aime utiliser tous dans un seul SEO Pack. Le plugin WordPress SEO original téléchargé et plus de 65 millions de fois depuis 2007. Alors installons cela et voyons ce qu'ils ont pour activer sitemap. Donc, nous sommes en haut à gauche, tout en un SEO, les paramètres généraux, les performances, le sitemap XML, le gestionnaire de fonctionnalités, et à propos de nous. Commençons par les paramètres généraux très rapidement. Passez aux paramètres généraux. Et ici, nous avons différents paramètres, y compris le titre et la description de notre page d'accueil. Comme d'autres paramètres SEO que nous allons entrer plus tard. Regardons le sitemap, le sitemap XML. D' abord, il y a un avertissement. Tous les opec de NYSE ont détecté que vous bloquez l'accès aux moteurs de recherche. Pourquoi ferons-nous ça ? Alors que vous pourriez vous rappeler que de la configuration de ce site WordPress, vous pouvez changer cela dans les paramètres de lecture si c'était involontaire. Allons-y et faisons-le. Lecture des paramètres. Vous vous souvenez de cette question lorsque nous avons mis en place la visibilité des moteurs de recherche WordPress, décourager les moteurs de recherche d'indexer ce site. Alors est-ce que ça a vérifié ? Nous ne pouvons pas espérer obtenir tout type de classement SEO. Donc, nous décochons cela et cliquez sur Enregistrer les modifications. Et maintenant que nous avons fait cela, revenons au sitemap XML. Cet avertissement devrait être parti et nous pouvons créer le sitemap. Maintenant, sans que nous fassions quoi que ce soit, c'est déjà créé. Vous pouvez accéder à votre plan du site à l'aide des liens ci-dessous. Ouvert dans une nouvelle page. Et on y va. Ceux-ci sont classés par pages de publications, produits et catégories de produits. Dans les pages. Voici toutes nos pages. On n'a pas besoin des autres. Nous n'avons pas besoin de publications, produits ou de catégories de produits à ce stade de ce site Web. Alors, changeons ça. Décochons Activer les index de sitemap et n'autorisera que les pages pour le moment. Vous pouvez les ajouter ultérieurement si vous décidez de profiter de projets, produits ou publications sur votre site Web ou le site de votre client. Cliquez donc sur Mettre à jour le sitemap et revenons au sitemap dot xml. Maintenant, au lieu de tous ces index ou catégories pour le sitemap, c'est juste une liste directe de vos différentes pages, accueil sur les services, contact et boutique. Ce sont les cinq pages actuellement ajoutées à notre site WordPress. Et nous l'avons dans un fichier xml point sitemap. Alors, qu'est-ce qu'on fait à partir de là ? Eh bien, voyons voir. Une chose que nous remarquerons ici est que tout changement automatiquement soumis aux moteurs de recherche. Donc, l'une des fonctionnalités pratiques de ce plugin tout dans un SEO Pack est qu'ils soumettent automatiquement votre fichier XML aux principaux moteurs de recherche. Fonctionnalité très pratique. Que pouvons-nous faire d'autre pour aller plus loin en tant que webmaster, allons à la Google Search Console. D' accord. Cette recherche est effectuée sur la console de recherche de barre oblique Google.com. Par ici. C' est la façon officielle de Google pour les webmasters d'ajouter leur site Web, tirer quelques rapports d'analyse, certains rapports de performance, certains problèmes de couverture, et surtout, soumettre officiellement le sitemap à Google.com. Donc, une fois que nous avons ajouté notre site à Google Search Console, nous obtenons toutes ces informations intéressantes, y compris les sitemaps. Et à partir des sitemaps, nous pouvons entrer l'URL de notre sitemap, qui est généralement sitemap dot xml. Celui-ci a déjà été soumis. Il y a 242 URL découvertes. Il a été soumis avec succès. La dernière fois qu'il était rouge, c'était le 5 octobre. Une autre fonctionnalité pratique de tous dans un pack SEO. Je n'ai pas besoin de continuer à aller dans Google Search Console et ajouter un nouveau sitemap chaque fois que nous ajoutons une nouvelle page. Chaque fois que j'ajoute une nouvelle page à WordPress, tout dans un SEO Pack envoie automatiquement cela à Google Search Console. Google Search Console saisit automatiquement cette nouvelle page et commence à l'ajouter à son index. Magnifique, merveilleuse fonctionnalité de gain de temps. Donc là, vous l'avez. Nous avons vu un plan du site. Nous avons créé un sitemap et nous l' avons soumis officiellement à Google via Google Search Console. Les gars du bon travail. Maintenant une note de côté rapide. Bien que nous nous concentrons principalement sur la façon de soumettre sont des pages importantes. Et les pages que nous voulons cacher ? promo temporaires, pages de mise en scène ou de test, contenu masqué, premium ou verrouillé, ou contenu en double. Vous pouvez suggérer que Google a ignoré ceux en ajoutant du code au fichier TXT point d'un robot. Il s'agit d'un fichier très simple sur la racine de votre serveur qui indique à Google ce qui est hors limites. Maintenant, c'est juste une suggestion et les robots peuvent facilement l'ignorer. Mais sinon, c'est la propre recommandation de Google sur la façon de spécifier les pages à ignorer. Ils ont même une section de Google Search Console consacrée à la suppression manuelle des pages. Et enfin, sur le site lui-même, comment rendre le contenu aussi accessible que possible ? C' est la question. Eh bien, pensez à un article de presse. Comment aimez-vous lire des articles en ligne ? Tu aimes les paragraphes ennuyeux de texte dans une petite police ? Personne n'aime ça. En tant qu'humains, nous lisons le contenu mieux lorsqu'il est organisé et formaté de manière agréable. Ça veut dire des rubriques. Listes, chiffres, puces, paragraphes avec des phrases en gras et en italique, etc. C' est ce que les gens aiment lire. Et Google est le même. Et voici un point clé. En règle générale, si les gens ont de la difficulté à comprendre votre contenu, google fera en sorte qu'il soit facile pour les humains de lire. Et de même, les moteurs de recherche vont le ramper avec facilité. Et en tant qu'entreprise de design web, si vos clients apprécient un ensemble ennuyeux de paragraphes, c'est votre travail de redessiner cela avec une structure plus conviviale. Donc, votre travail avec chaque page est d'avoir un titre H1 clair et structuré un contenu en dessous dans un blanc facile à lire. Et enfin, l'une des choses les plus importantes que vous pouvez faire pour aider Google et les visiteurs de votre site est d'avoir une navigation claire. Avez-vous déjà eu de la difficulté à naviguer sur un site Web ? Vous n'avez pas l'air de trouver ce que vous cherchez. Peu importe le nombre de pages que vous avez. Et j'ai environ 300 pages sur mon site web. Votre site doit être facile à naviguer. En général, il faut trois clics ou moins pour accéder n'importe où sur votre site Web. Pensez donc à votre navigation principale, comme la maison À propos de nous, les services, les produits, le contact de la Galerie. Maintenant, vous pouvez et devez créer plus de pages pour vos clients. Mais la navigation principale devrait avoir cinq à huit pages. contenu supplémentaire serait une émanation de ces pages. Laisse-moi te montrer de quoi je fais allusion. Donc, pour montrer la navigation claire, regardons danser Bear Lodge. Donc, avant de regarder ce site, regardons leur sitemap. Plan du site point xml. Ils ont été classés en pages, publications et produits. Donc, j'ai séparé cela parce qu'il y a beaucoup de post, beaucoup de pages et beaucoup de produits sur ce site. Il est donc logique de se séparer en différents index. Dans leur cas, ils avaient beaucoup de messages, j'ai beaucoup de pages, et ils ont plusieurs catégories. Encore une fois, il est pratique de séparer en différentes catégories et index pour leur sitemap. Mais je voulais juste vous montrer qu'ils ont une tonne de pages web sur leur site. Alors, comment expliquer cela d'une manière visuellement agréable et non écrasante pour le visiteur ? Voyons comment cela a été fait. Dansant ours lodge.com. J' ai repensé ce site et l'un de nos objectifs était de rendre la navigation très claire. Donc, nous sommes sur la page d'accueil, que nous pouvons obtenir en cliquant sur le logo ici. Et il y a six boutons principaux. Il y a l'hébergement, les repas, les mariages, les événements d'entreprise, les activités et les offres spéciales. Six sections principales de ce site Web. À l'intérieur, il y a environ cinq à dix sous-pages dans chaque catégorie principale. Différents types d'événements d'entreprise, différents lieux sur place pour le mariage, différentes pages pour le dîner. Vous pouvez voir le menu, le café, la galerie de photos du café, restauration, et cetera, et les hébergements. Une page pour chaque cabine spécifique que vous pouvez réserver. Ainsi, les sous-pages se trouvent sous chaque page principale. Et en haut, nous avons des liens supplémentaires qui seront vers leur calendrier ou page d'événements. Là, quoi de neuf ou page de blog ? Leur boutique en ligne, la page de contact. Et voici quelques actions, appelez à des actions, réservez un dîner, réservez votre séjour ou achetez une carte-cadeau. Ceci est donc présenté d'une manière très facile à comprendre, très naturelle et cohérente. Vous remarquerez également qu'au lieu d'avoir à cliquer sur la salle à manger et d'avoir à cliquer sur les chefs et les projecteurs de Dan sur le restaurant, vous pouvez voir ces différentes sous-pages. Vous n'avez pas besoin de cliquer, puis de cliquer à nouveau, puis de cliquer à nouveau pour obtenir la page à laquelle vous allez. Tout cela est disponible est simple, facile à comprendre de manière. Maintenant, le second est un contenu convaincant. Essentiellement, il s'agit simplement de répondre à la requête de recherche. Les gens vont à Google pour obtenir des réponses et des recommandations. Est-ce que votre site Web résout ce besoin ? S' il s'agit d'une question, votre contenu répond-il avec précision ? Si quelqu'un cherche un bon plombier pour votre client, adaptez cette facture. Alors, comment créer une page que Google classe près du sommet ? abord, voici un point clé. Par-dessus tout, Google valorise le contenu de qualité. Cela signifie un contenu bien étudié, soigneusement formaté et visuellement agréable. Maintenant, pensez-vous que Google sait si votre page Web ne fournit pas la meilleure réponse ? Pensez-y un instant. Comment Google saurait-il si votre contenu est de haute qualité ou non ? Disons que vous recommandiez un café à quelqu'un. Quelques jours plus tard, ils reviennent demander une meilleure recommandation. Est-ce qu'ils auraient besoin d'une meilleure recommandation si votre premier café était aussi bon que vous l'avez dit ? S' ils n'obtiennent pas la réponse qu'ils recherchent, ce besoin n'a pas été suffisamment rempli. Et après un certain temps, ils pourraient même cesser de venir à vous pour des recommandations. De même, si vous cliquez sur un résultat de recherche Google, allez sur cette page Web, puis vous êtes de retour à Google et juste quelques secondes, que pensez-vous que cela signale à Google ? Que vous n'avez pas eu la réponse que vous cherchiez. Google le sait. Ça s'appelle rebondir. C' est quand vous allez sur un site Web, puis rebondissez sur Google. Si suffisamment de gens rebondissent sur votre site. Google chiffres à des pages et assez bon, et il est dévalué. Donc, en fin de compte, votre objectif ultime est de créer le meilleur contenu, l'expérience utilisateur la plus agréable pour vos visiteurs. Et c'est ce que Google va récompenser. Et troisièmement, l'optimisation des mots clés. Maintenant, c'est là que Google connecte la bonne page avec la phrase de recherche correcte. Comment Google fait cela ? Avec des mots clés ? Disons que quelqu'un cherche un dentiste à Asheville. Vous attendez à ce qu'un nettoyeur de vitres apparaisse ou que le paysagiste sache pour ce mot-clé et cette localité, vous pourriez vous attendre à trouver un dentiste qui pratique dans la région d'Asheville, en Caroline du Nord. C' est parce que Google interprète ces mots-clés pour comprendre votre intention de recherche, ce que vous avez l'intention de trouver. Alors qu'en est-il de notre référencement sur site ? Dans le passé, la méthode des mots-clés à la vieille école était de bourrer autant de mots-clés et de phrases de recherche sur la page que possible. Je ne recommande pas ça du tout. C' est un chapeau noir borderline. Si vous avez une page intitulée dentiste avec un site Web dont l'adresse physique est à Asheville. Google sait ce que vous faites et ils savent où vous êtes. Comment ? Parce que vous leur avez dit, si vous avez correctement rempli votre annonce Google, My Business, ils connaissent déjà votre catégorie. Ils connaissent déjà votre localité. Alors, que devez-vous faire sur votre site WordPress ? Eh bien, d'abord, et puis c'est un point clé. Spécifique est formidable. Créez des pages Web aussi spécifiques que possible à certaines requêtes de recherche. Qu' est-ce que ça veut dire ? Eh bien, quelle phrase de recherche pensez-vous avoir plus de concurrence ? Dentiste à Asheville ou dentiste en placage de porcelaine à North Asheville. Le dentiste et la recherche nationale vont être beaucoup plus populaires. Donc classement sur la première page, il va y avoir beaucoup plus difficile. Des centaines d'entreprises sont des dentistes, alors qu'une fraction seulement prétend fournir des services de placage en porcelaine dans cette partie de la ville. Par conséquent, si votre client fait des facettes, il aurait beaucoup plus de chances de se classer compétitivement avec un mot-clé spécifique, puis un mot générique. En fait, il y a même un nom pour ces types de mots clés. Vous en avez entendu parler ? Ça s'appelle des mots-clés courts jusqu' à la fin, des mots-clés à longue queue. Les mots-clés à queue courte sont ces recherches génériques comme le dentiste ou comme un mot-clé longue queue est plus spécifique et moins populaire comme le dentiste en placage de porcelaine à North Asheville. Bien qu'il y ait beaucoup moins de trafic sur ces longues recherches, les gens qui recherchent ces claviers savent exactement ce qu'ils veulent. Donc, pour comprendre ces mots-clés longue queue, considérez ce que les gens recherchent réellement. Qu' est-ce que tu veux qu'ils recherchent ? Permettez-moi de le répéter. Considérez ce que les gens recherchent réellement. Pas ce que vous voulez qu'ils recherchent. Mais comment savez-vous ce que les gens recherchent ? Eh bien, comment crois-tu qu'on a compris ça ? Voyons un outil gratuit. Donc, pour notre exemple, disons que votre client est un nettoyeur de tapis et qu' il veut savoir quels types de choses les gens recherchent. Donc, nous allons utiliser la saisie semi-automatique intégrée de Google. On ne va pas chercher quoi que ce soit. On va juste taper. Alors tapons des tapis. Propre. Comment faire quoi ? Donc, les gens cherchent comment le faire vous-même. Comment sécher le nettoyage commercial de tapis, le nettoyage tapis de voiture, le nettoyage de tapis à la vapeur, ou le pré-nettoyage pour l'entreprise de nettoyage de tapis plus élevé. Et un autre mot-clé serait vomi. Comment supprimer, quoi, ce sont les gens qui recherchent qu'ils ont besoin de savoir comment supprimer. L' eau de Javel de Jordan, l'urine des Danois, les odeurs d' animaux de compagnie, l'urine de chat, les taches. Quels types de taches ? Comment enlever les taches ? Comment simplement enlever les taches en général ? Marbre. Tu vois, quoi d'autre peut-on trouver des comptoirs en marbre pour enlever les taches d'eau. Dessinez comment enlever les taches de nettoyage à sec seulement fermer. Comment enlever les taches de rouge à lèvres de nettoyage à sec seulement fermer comment enlever les taches de déodorant, taches d'huile, les taches de déodorant, béton, l'allée, les taches de café de nettoyage à sec. Donc, en quelques secondes seulement en tapant différentes variations de votre sujet, ce qui serait le nettoyage de tapis. Vous pouvez voir ce que les gens sont réellement intéressés. Ces résultats de recherche ou ces suggestions de complétion automatique apparaissent uniquement parce que les gens ont chid les chercher. Google vous donne une petite fenêtre sur ce que les recherches de volume les plus importantes et les plus fréquentées. C' est donc une merveilleuse façon de voir ce que les gens recherchent réellement dans votre industrie. Maintenant, vous savez ce que les gens recherchent. Mais comment capitaliser sur ces connaissances ? Oh, voici un conseil professionnel très efficace. Créez une page de services distincte ou des blogposts dédiés à chaque mot clé longue queue. Si un dentiste n'a qu'une seule page de services englobant tous les services, c'est partout. Placages, cosmétiques, extractions, factures, nettoyages, etc. Il est très peu probable que cette page de services soit classée pour l'un de ces mots-clés ou la page d'accueil d'ailleurs. Mais si vous créez une page Web séparée pour chaque service, vous avez une chance de se battre pour bien classer, c'est un référencement tellement génial. J' ai vu ça marcher de première main d'innombrables fois. Et voici un conseil d'affaires. Si vous éprouvez des difficultés à obtenir du contenu écrit de votre client, apportez suffisamment de rédacteur de contenu de résilience, quelqu'un qui peut faire des recherches pour écrire une page Web de qualité moyennant des frais modiques. Toi, quand le client gagne et l'écrivain gagne, tout le monde est heureux, tout le monde est payé. Tout intérêt pour l'amélioration du référencement ? J' ai un rédacteur indépendant et mon réseau et régulièrement Looper dans et mes projets. Ainsi, lorsque Review, la compréhension des mots-clés est essentielle pour bien classer. Et plus la phrase clé est spécifique, vous avez de chances de se classer compétitivement. Maintenant, la quatrième chose est l'expérience utilisateur, ou UX en bref. Cela englobe l'ensemble de l'expérience d'interaction avec un site Web. Et vous êtes leurs sites Web que vous aimez aller à sont leurs sites Web. Je ne sais pas. Vous pensez aux différences là-bas. Que pouvez-vous penser qui fait ou brise une expérience de site Web ? Que diriez-vous du temps de chargement ? Si un site Web prend une éternité à charger, vous appréciez l'expérience de l'attente ? Que diriez-vous des sites web ? Je ne suis évidemment pas conçu pour fonctionner bien sur mobile. Ou les sites sont difficiles à naviguer. Tu n'as jamais l'air de trouver ce que tu cherches. Avec tous ces griefs. Que pourriez-vous faire si vous arrivez au point où vous en avez juste marre d'un site Web, dans certains cas, vous l'abandonnez simplement. Tu en trouves un autre. Et c'est le but. mauvaise expérience utilisateur sur un site Web pourrait coûter une entreprise, un client ou une vente. Il, qui devient une tendance et Google ramasse dessus. Pensez-vous qu'ils récompenseront ce site avec de meilleurs classements ? Savoir ? Parlons donc des principaux moyens d'améliorer l'expérience utilisateur. Navigation claire, temps de chargement des basses et convivialité mobile. Maintenant, nous avons déjà parlé de la navigation claire comme moyen d'améliorer l'accessibilité de l'exploration. Non seulement les robots aiment la navigation facile, mais aussi les humains. Maintenant PageSpeed. Qu' en est-il du temps de chargement d'un site Web ? Comment pouvons-nous améliorer cela ? En tant que clients, nous voulons tous que les sites Web se chargent rapidement. Mais comment cela se passe-t-il ? Eh bien, il y a plusieurs facteurs en jeu, comme le nombre de photographies haute définition sur un site. Combien de vidéos intégrées il y a des animations, des connexions tierces, la mise en cache, etc. Mais l'un des plus importants est votre serveur d'hébergement. Les serveurs peuvent avoir un impact énorme sur le temps de chargement. serveurs Gp Economy comme la recherche laryngée sur godaddy, Bluehost, solutions réseau, etc., pour environ 10 dollars ou moins, limitent les performances que vous pouvez attendre de votre site Web. Cette abordabilité. C' est sympa, mais il vient avec un compromis. Vous pouvez vérifier toutes les autres cases de performance. Mais si le serveur est peu luisant, vous êtes vraiment limité. Ainsi, l'une des nombreuses façons d'améliorer le référencement des sites Web de vos clients est d'investir dans un serveur haute performance, que vous devriez avoir en tant que société de design web. Pour mes recommandations, consultez la leçon d'hébergement vers le début de ce cours. Vous avez besoin du relais à vos clients parce que certains d'entre eux auront déjà leur propre site Web de petite entreprise sur un serveur d'hébergement bon marché. Peut être shopping autour pour lui serveur et trouver attrayant ces prix bon marché. En tant que société de conception Web, vous pouvez les éduquer, les déplacer vers votre serveur. Cics est mobile. Un autre facteur majeur de l'expérience utilisateur est la convivialité mobile. Nous avons eu toute une leçon sur la façon de construire des sites mobiles conviviaux parce qu'il est important, né pour les consommateurs, Il est important pour les concepteurs web et il est important pour Google. Et tout ce qui est important pour Google et le référencement doit savoir. Alors, comment pouvons-nous être sûrs que c'est important pour Google ? Et voyons voir. Alors passons au test de Google mobile convivial. Tout d'abord, il y a un test intégré juste ici. Essayons ça. Essayez ceci sur mon nom de domaine, Exécuter le test. Et cela nous amène à rechercher dot google.com slash tests slash mobile amical. Ceci est le test officiel mobile friendly, ou nous pouvons taper notre URL et voir si c'est mobile friendly. Actuellement, il analyse l'extraction de la page et l'exécution du test. Donc, nous allons attendre pour cela et voir si notre page Web sort amical mobile. C' est une bonne chose à faire avant de lancer un site Web juste pour s'assurer qu'il coche toutes les cases. Donc, dans notre cas, la page est conviviale pour les mobiles. Surprise, surprise. Cette page est facile à utiliser sur un appareil mobile. C' est un excellent moyen de prouver à vos clients que le site Web est adapté aux mobiles et passe le test officiel Google mobile friendly. Maintenant, ils sont précieux service que vous fournissez est de faire un site Web et mobile. Allons donc pour en savoir plus sur pages compatibles avec les mobiles juste pour voir à quel point cela est important pour Google. Donc, il ya une section entière des ressources de recherche de Google consacrée aux mobiles. Bienvenue. Le mobile change le monde aujourd'hui. Tout le monde a des smartphones. Est-ce qu'ils communiqueraient constamment et rechercheraient de l'information ? Dans de nombreux pays, le nombre de smartphones a dépassé le nombre d'ordinateurs personnels. Avoir un site web adapté aux mobiles est devenu un élément essentiel pour avoir une présence en ligne. Là, tu avais. Google déclare explicitement qu'avoir un site Web convivial pour mobile est essentiel à votre présence en ligne. Si vous n'avez pas rendu votre site mobile convivial, vous devriez, c'est en gras. Ils veulent que vous sachiez que la majorité des utilisateurs qui viennent sur votre site sont susceptibles d'utiliser un appareil mobile. Si vous ne savez pas si c'est mobile friendly, passez leur test mobile, ce que nous venons de faire. Et on est mieux. Si vous utilisez un logiciel de gestion de contenu comme WordPress pour créer votre site Web, consultez notre guide pour personnaliser votre logiciel de site Web. Très utile si vous êtes assez technique pour le faire vous-même. Ce qui est à travers le code, ce que je sais faire. Et cela est fait par CSS checkout, notre guide de référencement mobile. Pourquoi rendre un site mobile convivial ? Donc, ce serait un exemple de page non compatible avec les mobiles et une page conviviale pour les mobiles. Et il y a diverses ressources. Des explications supplémentaires sur la façon de le faire, où vous commencez, combien cela coûte pour construire un site pour les appareils mobiles. Et les prochaines étapes, toutes ces ressources sont dédiées à la convivialité mobile et le référencement mobile. Donc, je recommande totalement de plonger dans ces ressources afin que vous puissiez avoir une meilleure compréhension du SEO impliqué dans convivialité mobile et les sites mobiles. Donc là, vous l'avez. Google a explicitement, à plusieurs reprises déclaré l'importance de la convivialité mobile pour bien classer dans leurs résultats de recherche. Plus de preuves dont vous avez besoin. Heureusement, en conséquence, il y a plusieurs leçons, Devi rend assez facile de développer et d'affiner un site mobile convivial grâce à leurs outils de conception web réactifs intégrés. Septièmement, vecteur, optimisation d'image. Les images sont l'un des plus grands coupables dans les sites web lents. Pourquoi les images ralentissez-vous les pages Web ? Et comment pouvons-nous réparer ça ? Eh bien, d'abord, laissez-moi illustrer le problème réel. Donc, disons que vous prenez une photo sur votre iPhone ou votre appareil photo numérique. Avez-vous déjà remarqué la taille du fichier sur cette photo ? Selon les normes web, c'est énorme. Dans l'ensemble, c'est une bonne chose. Cela signifie que la photo est haute définition, de haute qualité. On aime ça. Le problème survient lorsque vous prenez cette photo directement de votre appareil photo sur votre site Web. Donc, avec cette photo haute définition, il y a quatre mégaoctets. Ensuite, les quatre mégaoctets ou téléchargés sur votre site Web. Et ces quatre mégaoctets doivent être téléchargés en plus des autres images de vos côtés par chaque personne qui charge votre page Web. C' est un énorme non-non. En fait, un conseil d'affaires. Si jamais vous rencontrez un site Web avec des photos DSLR non compressées. Alors écoutez leurs affaires. Ils ont besoin que vous preniez ces images, les optimisiez, gagnez un client. Alors, que faites-vous pour résoudre ce problème ? signifie-t-il que nous ne voulons pas d'images de haute qualité ? Non, non, absolument pas. Nous aimons l'imagerie haute définition. Nous l'aimons. Mais ils doivent passer par deux processus rapides et faciles. Redimensionner et compresser. Redimensionner signifie modifier les dimensions de hauteur et de largeur des pixels pour s'adapter à la taille réelle que vous souhaitez afficher sur votre site Web. Si vous avez juste besoin d'une petite boîte de 500 pixels de large, vous n'avez pas besoin de la largeur de 4 mille pixels directement de l'appareil photo. Descendez-le, descendez-le jusqu'à la photo, à la taille de la photo dont vous avez besoin. Sauté dans Photoshop, aperçu, peinture, ou à peu près n'importe quel éditeur d'image. Le redimensionnement est une fonction d'édition d'image très basique. Et deuxièmement, compresser. Cela signifie que vous gardez les mêmes dimensions, la même hauteur que la largeur, la même qualité, mais comprimez. Pour enregistrer la taille du fichier. Vous pouvez le faire presque instantanément. Laissez-moi vous montrer comment fonctionne la compression. C' est l'un de mes petits logiciels préférés appelés image optimale. Maintenant, il y a une application téléchargeable Mac qui est très petite, très rapide et facile à charger. Et il y a un service web qui est une version en ligne de l'image optimale. Si vous êtes sur un PC, il y a tellement d'options disponibles. Image optimale n'est pas un, mais il y a tellement de ressources libres là-bas pour compresser. Mais laissez-moi vous montrer celui-là. Image Optum sur l'image Mac rend souvent la charge des images envenimée supprime les métadonnées gonflées, disons est l'espace disque et la bande passante en comprimant les images sans perdre de qualité. Et c'est la clé ici. Vous pouvez donc l'utiliser pour rendre les pages Web et les applications plus rapides réduisant la taille des fichiers d'image, sorte qu'ils prennent moins d'espace disque et qu'ils téléchargent plus rapidement en appliquant une compression avancée qui préserve la qualité. Les fichiers image nettoyés, supprime le courrier indésirable invisible, qui est un peu de données back-end attachées à chaque image. EXIF privé, métadonnées des appareils photo numériques, miniatures intégrées, commentaires et profils de couleurs inutiles. Et c'est glisser-déposer. Vous pouvez également glisser-déposer vos images directement sur le logiciel pour les compresser immédiatement. Voyons donc un exemple de cela. En allant au service Web. Va voir ce qui se passe ici. Et c'est une version dramatique en ralentissant la vitesse d'Internet. Mais regarde ce qui s'est passé là-bas. Image des outils standard Stan, 27 kilo-octets avec 14,3 kilo-octets optimaux. Regardons ça encore. Ainsi, celui où l'image optimale se charge plus rapidement. Évidemment, avec une connexion Internet haut débit, même 27 kilo-octets pour charger presque instantanément. Mais cela rend plus dramatique de prouver un point. Donc, le point principal ici est, pouvez-vous voir visuellement une différence entre ces deux images ? Il y a un semble beaucoup plus de qualité que l'autre. Non, ils ont l'air exactement le même, mais lequel est plus petit ? Celui de droite est de 14 kilo-octets, ce qui est beaucoup plus petit, à peu près la moitié de celui de gauche, qui dans cet exemple serait la qualité originale avant d'utiliser l'image optimale. Donc fabuleuse façon de continuer à préserver la qualité mais réduire la taille. Voyons donc comment cela fonctionne. J' ai déjà image optimale téléchargé sur mon ordinateur. Je vais le tirer ici et faire glisser et déposer une image de unsplash. J' ai donc une image ici, une image de taille et de résolution originale de unsplash et également redimensionnée moi-même avec Adobe Photoshop. C' est à 102 kilo-octets. Il a été redimensionné à, voyons, 1200 dimensions dit 100 pixels largeur. Donc c'était redimensionné et c'est bien. Nous aimons redimensionner les choses, mais la taille pourrait être réduite. Donc, pour l'instant, c'est 102 kilo-octets. Et voyons si nous pouvons réduire cela en utilisant l'image optimale. On va passer de 102 kilo-octets et 1200 pixels de largeur deux. Et c'était presque instantané. C' est encore 1200, tuant 1200 pixels de largeur, mais maintenant la taille du fichier est de 83 kilo-octets. C' était une économie de 18 pour cent. Incroyable. Et si nous regardons l'image, elle ressemble exactement à une donnée il y a une minute. Et pour confirmer, les dimensions sont les mêmes. Largeur de 1200 pixels. Magnifique. Nous avons notre image redimensionnée et nous avons un comprimé juste pour presser un peu plus de la taille du fichier. Si nous faisons cela avec chaque image, ce fichier et les économies de temps de chargement s'additionneront et cela sera bénéfique à la fois pour l'expérience utilisateur et pour le référencement. Donc, je recommande fortement de déposer chaque image dans un compresseur avant de le télécharger sur WordPress. Et trois, considéré comme un format de fichier. La plupart de chaque photo que vous téléchargez, le WordPress devrait être JPEG. Vous n'avez besoin que de p et g. Lorsque vous avez besoin de transparence. Sinon, si vous n'avez pas besoin de transparence, JPEG est beaucoup plus convivial sur le Web puisque les JPEGS sont plus petits que les PNG. Malheureusement, les photos directement de l'application caméras sur votre téléphone sont déjà en JPEG, car c'est le format d'image le plus courant disponible en ce moment. En redimensionnant et en comprimant vos jpegs, vous économiserez considérablement du temps de chargement, ce qui améliorera l'expérience utilisateur et le classement des moteurs de recherche. Maintenant, une dernière note sur les images, directement sur la caméra. Les images ont un système de numérotation séquentielle, comme l'image 400, 41 points JPEG. Vous avez une opportunité de référencement là-bas. Renommez ce JPEG en utilisant vos mots-clés. Par exemple, s'il s'agit d'une photo d'un dentiste nommé Shawn, nommez-la, Sean Dash Dash Dash Dash Asheville dot JPEG. Et vous pouvez même le mettre dans vos tags alt. Ces balises alt auront besoin d'un mot-clé ou d'une phrase naturellement lisible. Est-ce que toutes les balises aident à la fois vous êtes malvoyants et les moteurs de recherche à comprendre ce que votre image est. Très important. Numéro 8, SSL. C' est un autre facteur de classement important. De retour dans les leçons de base, nous avons appris l'importance de la sécurité SSL. Maintenant, dans le but de référencement, permettez-moi d'expliquer comment nous savons que cela est important pour Google. Donc, je nous emmène à un article sur le blog officiel Google Webmaster Central. Maintenant, c'est un article de 2014. Il y a plusieurs années. Et même à l'époque, ils ont commencé à approuver SSL. Alors qu'est-ce que tu crois que c'est maintenant ? Oui, des cours. Et c'est encore plus vrai maintenant. Donc, l'article est HTTPS comme un signal de classement. Ensuite, nous connaissons HTTPS. Cela signifie qu'il doit être sécurisé avec un certificat SSL, ce qui nous donne la connexion est sécurisée, l'icône du cadenas ici. Donc, en 2014, google a annoncé que HTTPS était un signal de classement. La sécurité est une priorité absolue pour Google. Nous investissons beaucoup et nous assurons que nos services utilisent sécurité de pointe, comme le cryptage HTTPS fort par défaut. Donc Google se porte garant pour cela, et maintenant ils recommandent à tous les webmasters d' augmenter leur sécurité et à leur tour augmenter le classement. Là, nous avons vu de plus en plus de webmasters adopter le site Web HTTPS, ce qui est encourageant pour ces raisons. Au cours des derniers mois, nous avons effectué des tests en tenant compte du fait que les sites que vous sécurisez des connexions cryptées comme signal dans nos algorithmes de classement de recherche, nous avons vu des résultats positifs, donc nous commençons à utiliser HTTPS comme un signal de classement. Pour l'instant, ce n'est qu'un signal très léger affectant moins de 1% des requêtes globales et portant moins de poids que d'autres signaux tels que le contenu de haute qualité. Nous savons que j'appelle le contenu et la chose la plus importante, mais nous nous soucions même des petits signaux de classement. Tout donnerait Webmasters temps commuté HTTPS, mais au fil du temps, nous pouvons décider de le renforcer, qui ici nous sommes plusieurs années plus tard. Il a été renforcé parce que nous aimerions encourager tous les propriétaires de sites Web à passer du HTTP au HTTPS pour assurer la sécurité de tout le monde sur le Web. Donc là, vous l'avez. Ceci provient du blog officiel de Google Webmaster. Et en outre, cet article de plusieurs années. Donc, il a été renforcé, comme Google a dit qu'il serait. Mais ils admettent que HTTPS est un signal de classement. Le but de cela est de rendre tout le monde plus sûr. Ils veulent la sécurité partout, ils veulent HTTPS Everywhere. Donc, non seulement vous obtenez l'avantage de sécurité, mais maintenant vous obtenez également l'avantage de classement de recherche. C' est donc l'article de 2014. Il y a aussi un article sur la console de recherche officielle aider les directives générales. Il y a donc un guide de démarrage SEO ici. Et le tout prochain article est sécuriser votre site à HTTPS. En fait, sur l'article précédent, je pense qu'il y a quelque chose ici à propos de, oui, comment puis-je obtenir mon site sur Google ? Voici quelques questions de base à vous poser au sujet de votre site Web lorsque vous commencez. Et regardez le bas, mon site est-il sécurisé ? Google. Une fois que vous pensez en termes de cela, cadre de votre liste de contrôle, lorsque vous lancez un site Web pour guérir votre site avec HTTPS, protégez votre site et vos utilisateurs. Il demande, qu'est-ce que HTTPS ? Il y a cela de trois façons différentes, les meilleures pratiques lors de sa mise en œuvre. Quel WordPress et notre plug-in SSL vraiment simple prend généralement soin de ces pièges communs migrant de non sécurisé vers sécurisé. Donc, le fait est, Google ap 30. SEO hors site: Bienvenue, je suis Leighton, votre webmaster. Dans la leçon précédente, nous avons appris les techniques de référencement sur site. Maintenant, regardons le référencement hors site ou les choses que nous pouvons faire à partir du site Web pour améliorer son classement. Plus précisément, nous allons examiner les astuces de référencement éprouvées pour améliorer votre classement. Examinera un, commentaires à la preuve sociale, trois, liens externes pour la popularité. Cinq, Google My Business, et six, Google Search Console. Certains d'entre eux sont des conseils et d'autres sont des outils. Regardons les premiers commentaires. Disons que vous choisissez un restaurant à pizza. Une option a 50 commentaires cinq étoiles. Un autre a à un avis d'une étoile. Un autre n'est pas examiné du tout. Ce qui semble être le meilleur choix. Et pourquoi ? Maintenant, sur la base de ces données, le premier semble être le choix naturel. Maintenant, il est possible avec le troisième, celui qui a 0 avis, que l'on pourrait être la meilleure qualité et avoir les meilleurs prix. Mais pourquoi ne pensez-vous pas que c'est la meilleure option ? À cause des critiques. Maintenant, les critiques peuvent facilement biaiser la réalité. Mais la réalité est que les gens mettent beaucoup de confiance et de critiques. Et pour cette raison, Google considère les avis lors du classement des entreprises locales. Maintenant, les résultats de la recherche ne sont pas triés du meilleur au moins examiné. Mais le meilleur de vous, l'entreprise apparaît généralement près du sommet. Et pour cette raison, il est super précieux de concentrer vos efforts sur ces avis Google. Mais quel est le gros problème avec les commentaires pour votre entreprise de design web ? Pour que vous ne puissiez pas écrire d'avis pour vos clients. Ils doivent se produire organiquement. Ce que vous avez peu de contrôle. Mais que pouvez-vous faire ? Éduquer. Vous pouvez éduquer vos clients afin qu'ils prennent les critiques au sérieux. Et ce sont même des sites payants spécialement conçus pour construire vos avis. Peut-être que vous avez entendu parler du podium à l'œil d'oiseau, encore. Ils agissent essentiellement comme un portail pour la gestion des avis et un assistant pratique pour la collecte des avis. Comment font-ils ça ? En envoyant un texte ou un e-mail chaque fois que votre client effectue une vente et il encourage ce client à les consulter. Mais je ne suis pas un grand fan de ces services. Pourquoi pas ? Eh bien, pour commencer, ce n'est qu'une autre dépense récurrente. Mais plus important encore, les commentaires sont très gratuits. Ils sont libres de gagner, de gérer, de répondre. Google. Mon entreprise dispose de nombreux outils de gestion des examens intégrés au service. En fait, voici un hack gratuit pour vous. Créez un sous-domaine appelé révision avant le nom de domaine de vos clients. Transférez cela directement au formulaire d'évaluation Google. C' est un lien facile et mémorable que vos clients peuvent envoyer à leurs clients heureux. Il supprime le frottement d'avoir à rechercher l'entreprise, trouver la bonne, aller à la liste, cliquer sur l'avis du coureur. Vous souhaitez rendre le processus de révision aussi simple que possible pour vos clients. Laissez-moi vous montrer cette idée. D' abord, je veux vous montrer de quoi on parle. Donc, nous allons aller au sommet et nous allons taper des points de révision. Et puis pour mon formulaire de révision, mettons dans mon nom de domaine, Review dot pionnier point et médias et voir ce qui se passe. Donc, mon nom de domaine est pioneer.me et mon sous-domaine est examiné. Et on y va. Il tire le formulaire de révision. Ceci est de prendre quelqu'un directement à la liste Google et directement au formulaire de révision. Presque tous les frottements ont été éliminés ici. Tout ce qu'ils ont à faire est d'entrer le nombre d'étoiles que je veux vous donner, de préférence cinq. Parlez-nous un peu de l'entreprise, puis entrez leur avis. Ils peuvent ajouter une photo facultative qui peut cocher certaines de ces cases facultatives. Bonne qualité, bon rapport qualité/prix, professionnel réactif. Mais les bases sont juste le nombre d'étoiles, puis l'examen réel, nous aimons les médias Pioneer. Et puis ils cliquent sur post. C' est ça. Vous ne leur demandez pas vraiment de faire plus que de prendre cinq minutes de leur journée. C' est donc un moyen très pratique d'amener les utilisateurs à votre formulaire Google, My Business Review. Vous pouvez le faire pour vous-même et vous pouvez le configurer pour vos clients afin de rendre leurs évaluations de revenus beaucoup plus faciles. Laissez-moi vous montrer comment nous avons obtenu ce lien et comment nous avons mis en place ce sous-domaine. Je vais cliquer sur Annuler ici. Et allons dans Google My Business. Ceci est le Google My Business, et ceci est ma liste particulière. Nous sommes donc à Business dot google.com et nous allons faire défiler vers le bas pour obtenir plus d'avis. Tu vois ça ? Partagez votre profil professionnel et recevez de nouveaux commentaires de la part des clients. Donc, nous cliquons sur le bouton Partager le formulaire d'évaluation et il tire une case ici. Demander des avis. Donnez aux clients un lien pour consulter votre entreprise sur Google. Cliquez pour copier le lien. Et on y va. Il le prend à G, Google Doc page barre oblique, le nom d'utilisateur de mon Google, My Business listing, qui dans mon cas est pionnier médias frappe barre oblique examen, point d'interrogation RC. C' est donc le lien qui emmène les gens directement vers le formulaire Google, My Business Review. Alors, comment mettre en place ce sous-domaine ? Voyons voir. Maintenant, on va dans la maladie. Il est connecté à notre compte ionisé et va dans nos domaines. Plus précisément, nous allons à quel que soit votre bureau d'enregistrement de domaine. Dans mon cas, c'est ionisé. Voici mon b GoDaddy ou vos clients pourraient avoir le leur à un autre endroit, domaines Google, GoDaddy, peu importe. Dans mon cas, j'ai acheté le mien et il est disponible dans Jonas. Allons dans les sous-domaines et dans votre bureau d'enregistrement de domaine. Et nous voulons mettre en place un sous-domaine. Dans ce cas, passez en revue point pioneer.media. Le classement 1 est très simple. Dans Ioannidis, il vous suffit de cliquer sur Ajouter un sous-domaine et de taper le sous-domaine. Il est là. Vraiment simple. Comment avons-nous commencé à utiliser ce sous-domaine ? Donc en ce moment, il est actuellement redirigé vers notre lien. Mais laissez-moi cliquer sur ce sous-domaine pour voir comment cela fonctionne. Donc, maintenant, nous sommes sur Review dot pioneer.media, et vous cliquez, la destination cible est rediriger domaine Forward vers un autre site Web. Et rediriger vers la destination. C' est là que vous collez le lien que vous avez obtenu de Google, My Business, le lien qui vous mène directement au formulaire d'évaluation. Et c'est tout ce que vous avez à faire pour mettre en place un sous-domaine. Donc, à cette étape, nous avons créé le point de revue de sous-domaine pioneer.media. Nous le configurons en tant que redirection HTTP. Redirigez automatiquement votre domaine vers le bureau, vers le domaine de destination. L' URL de l'adresse Internet de votre domaine de destination s'affiche dans la barre d'adresse de votre navigateur. Et nous cliquons sur Enregistrer. Et notre sous-domaine est créé et nous pouvons commencer à l'utiliser. C' est ainsi que nous faisons ce piratage vraiment cool pour réduire le frottement de gagner des critiques autant que possible. Mais laissez-moi vous montrer la plateforme Google My Business Review. Nous sommes donc de retour sur Google, My Business et Business dot google.com. Et nous allons cliquer sur les commentaires sur le côté gauche ici. Pour accéder à notre portail de gestion des avis. Joe, clients, vous vous souciez d'une réponse à la fois. Vos clients sont désormais avertis lorsque vous répondez à l'avis. Donc, fondamentalement, tout ce que vous pouvez vraiment faire ici est de gérer vos commentaires. Il affiche une liste de tous les avis que vous avez déjà obtenus pour votre écoute ou la liste de vos clients. Et vous avez quelques options, vous pouvez marquer. L' un est inapproprié. Maintenant, c'est difficile d'obtenir un avis supprimé. J' ai créé un article de blog entier à ce sujet, comment gérer les avis d'une étoile, ce qu'il faut faire avec eux. Fondamentalement, vous ne pouvez obtenir un avis supprimé que si cela viole les termes de google. Donc, en bref, ce serait comme si c'était explicite, si c'est illégal, si c'est pornographique, si ça donne un cas très rare, si c'est du harcèlement sexuel, C'est très rare que vous trouverez ça dans une critique si quelqu'un est juste disant légitimement que je n'ai pas apprécié mon expérience avec cette entreprise. Google va permettre cela parce que c'est une critique honnête. Donc, la plupart des avis d'une ou deux étoiles, si votre client demande s'il peut les supprimer, 99% du temps, la réponse est non. Alors, qu'est-ce qu'on fait ? Nous essayons juste d'obtenir autant de commentaires cinq étoiles que possible et d'équilibrer cela, établir la moyenne. Voici donc quelques-unes des critiques que j'ai obtenues récemment. Vous pouvez les trier par répondu et n'avez pas répondu. Il y en a un ici auquel je n'ai pas encore répondu. Voici l'avis réel. Voici qui l'a écrit, et vous pouvez cliquer sur le bouton Répondre et écrire une réponse pour l'avis. Laisse-moi faire ça. Merci beaucoup, Ron. Nous avons tellement apprécié de vous travailler sur ce projet et nous attendons avec impatience le prochain. Super. Gardez-le court et doux. C'est tout ce que vous avez vraiment faire, c'est juste les remercier pour l'examen sincère. Et cliquez sur Publier la réponse. Voilà, tu y vas. Google veut que vous répondiez aux commentaires. Ils tiennent compte de cela avec leur algorithme pour augmenter votre classement et juste un peu loin lorsque vous avez examiné à celui que vous répondez aux commentaires, ils aiment ça. Cela montre simplement que vous êtes une entreprise active et que vous vous intéressez à vos commentaires et que vous essayez de rester au top de votre gestion de réputation. Donc là, vous l'avez. C' est le portail intégré de gestion des examens de Google. C' est ce que vous regardez en ce moment. C' est exactement la raison pour laquelle je ne paie pas pour tout service externe, tout service premium pour les commentaires parce que Google a ce intégré, vous pouvez simplement aller à google.com dot affaires, tirer vers le haut votre liste ou votre liste de clients et gérer les avis, y répondre. Et il y a même une autoroute pour amener les gens directement au formulaire de révision, que nous avons vu ici avec notre sous-domaine. Et là, vous l'avez. La seconde est la preuve sociale. Cela fait référence au nombre de goûts, partages et de followers que vous avez. Maintenant, pour la plupart, ces chiffres n'affectent pas vraiment votre classement à moins que votre poste devienne virale. Et l'exception à cela est Twitter. En raison d'un accord entre Google et Twitter, tweets sont en fait profondément intégrés dans les résultats de recherche Google en temps réel. Mais que devriez-vous faire pour vos clients ? S' ils n'ont pas déjà de comptes de médias sociaux, vous pouvez les créer. Mais le plus important, vous devez les lier vers et depuis leur site Web. Chaque site social majeur a un lien vers le site web, généralement près de la bio. Vous devez lier cela au site Web de votre client. Et sur le site lui-même, celui que vous construisez. Vous pouvez utiliser les options et modules sociaux intégrés de DBs pour lier cela à leurs réseaux sociaux. Cela les aidera à renforcer leur présence sur les réseaux sociaux le but de gagner des clients et de diffuser la notoriété de la marque. Et cela pourrait avoir un effet sur le classement des moteurs de recherche. Maintenant, troisièmement, certainement pas des moindres est les liens externes. Ce sont les liens d'autres sites Web vers votre site Web. Et quand je dis votre site Web, je fais référence aux sites Web que vous construisez pour vos clients depuis les années 1990, liens, citations, recommandations de contenu. Ce sont l'épine dorsale du SEO, le signal principal de l'autorité. C' est un peu comme un vote de popularité. Oui, si les gens, si assez de gens sont liés à votre site Web, il est considéré comme populaire. Et donc important. Bien sûr, la crédibilité du site vers lequel vous liez est prise en compte. Par exemple, lequel pensez-vous est le plus impressionnant ? Une recommandation du New York Times ou d'un électricien local ? National Geographic ou votre professeur de biologie locale ? Oui, une recommandation de ceux qui ont été établis au mot East, The New York Times, National Geographic sont absolument dorées. Cela vous met au radar de Google et établit votre contenu comme important. Maintenant, les liens de ces sources de qualité inférieure, ils ne vont pas nuire à quoi que ce soit, mais ils ne seront tout simplement pas aussi utiles non plus. Alors, comment obtenez-vous des liens ? Comment obtenir des liens ? C' est la question la plus importante que vous pouvez poser à un référencement. Regardons quelques idées. Maintenant. Pour un, vous devez gagner ces liens d'achat organiquement, payer une société de référencement pour obtenir des liens et utiliser organiquement des techniques de spammy comme, comme commenter sur chaque blog là-bas. Nous vous demandons un lien vers votre site qui n'est pas recommandé, jamais recommandé. Ce n'est pas ainsi que vous gagnez des liens de qualité. Google est très clair que ce genre de choses ne fonctionne pas. Ça doit être naturel. Mais deuxièmement, pensez à la façon dont vous réseautez en personne. Comme un avocat d'accident de voiture. Ces réseaux avec des agents d'assurance automobile comme une entreprise de restauration des dommages à l'eau. Vous réseautez avec des plombiers, des agents immobiliers, réseautez avec des paysagistes, des photographes avec les autres photographes. Ces relations sont mutuellement bénéfiques et construites naturellement. Les liens sont comme la version numérique de la mise en réseau. Donc, lorsque deux entreprises réputées sont liées l'une à l'autre, les deux en bénéficient. Troisièmement, pensez à la couverture des nouvelles locales. Si votre client peut attirer l'attention d'une source de nouvelles locale, ces liens sont très précieux pour les témoignages. Si vous montez un témoignage d'une autre entreprise, vous pouvez demander qu'ils relient à vous cinq, bloguant. Si vos clients et expert dans leur domaine, peut-être certains blogs dans cette industrie les laisseront être contributeurs. Si le blog est réputé, un billet d'invité qui renvoie à vos clients se révélera très précieux pour leur référencement. Numéro 6, une page de ressources. De nombreux sites Web ont une page de liens ou de ressources. Obtenir sur cette liste peut vraiment aider votre référencement. Point est, peu importe que vous gagnez des liens, ils devraient naturellement se produire au fil du temps, pas tous à la fois et ils doivent être organiquement. Mais en fin de compte, quel est l'intérêt ? Voilà le point. Plus les liens vers votre site Web sont de haute qualité, mieux vous serez classé. Alors établissez votre autorité dans votre secteur d'activité ou celui de votre client en attirant attention et les liens d'autres sites et influenceurs. Et numéro 4, popularité. Cela implique la promotion du site et la circulation. Ceci est particulièrement important avec un nouveau site Web. Disons que vous avez lancé le site Web de votre client. Bien sûr. Vous avez fait un beau travail en la concevant. Ça a l'air génial, mais il n'y a pas de trafic. Cependant, aucun lien entrant n'a été établi, publicité, aucun média social et aperçu. Et donc c'est, comment pensez-vous que Google voit ce site Web ? A-t-il une quelconque autorité ? Si vous êtes Google, placeriez-vous cette psi au-dessus de la concurrence ? Probablement pas. Voyez quand le trafic entre, lorsque le trafic reste et retourne sur un site Web, Google commence à reconnaître sa popularité. Et bien que ce n'est certainement pas le seul facteur de classement, cela aide. Vous devez juste vous assurer que le trafic est légitime. Numéro 5, Google My Business. C' est un outil gratuit dont nous avons déjà discuté à plusieurs reprises. Il vous permet de créer votre liste locale Google pour la recherche et les cartes. Mais comment l'utilisez-vous pour le référencement ? Eh bien, vous commencez par créer votre annonce gratuite. Tant que votre client en tant qu'entreprise locale, vous pouvez créer une annonce gratuite pour eux. Maintenant, il est important, il y a quelques considérations importantes de référencement pour votre annonce. abord, votre nom, adresse et téléphone, ou sieste en bref, doivent être tapés exactement comme il apparaît sur votre site Web et d'autres répertoires d'ailleurs. Deuxièmement, assurez-vous de vous asseoir, vous liez votre annonce Google My Business à votre site Web. Cela crée cette synergie et commencer à chanter le trafic de recherche vers votre site augmenter la popularité. Troisièmement, utilisez le champ de description pour sauter dans vos mots-clés. En fin de compte, à des fins de référencement, vous souhaitez remplir votre liste commerciale avec autant d'informations que Google le permet, plus d'informations, plus vous entrez de mots clés, plus Google peut classer votre offre. Et numéro 6, Google Search Console, anciennement appelé Google Webmaster Tools. Il s'agit d'un outil gratuit construit par Google, spécialement conçu pour les webmasters pour essayer de suivre les performances de recherche du site Web. Que pouvez-vous faire d'autre avec Google Search Console ? Laisse-moi te montrer. Et nous voici sur Google Search Console. Voici les rapports de l'un de mes clients préférés, J orange.com. Nous sommes à la recherche dot google.com slash search dash console. Et plus précisément, j'ai récupéré les rapports d'un client en particulier. Nous commençons donc par la section de présentation, y compris les performances ici. Il s'agit des données sur le rendement des deux derniers mois. Et il montre qu'ils ont reçu un total de 26000 clics de recherche Web. Donc, la performance est l'une des choses les plus importantes que vous venez ici pour faire. Vous pouvez cliquer sur Ouvrir le rapport pour v plus d'informations, ce que nous ferons ici sous peu. Et ce sont des pages de couverture avec des erreurs. Ce sont donc les pages de votre site Web qui sont indexées par Google. Lesquels sont valides ? Bon, et ceux qui sont invalides ou ont des erreurs. Excellente façon de diagnostiquer tous les problèmes qui pourraient survenir. Et puis les améliorations sont quelques choses supplémentaires que Google suggère que vous pouvez faire pour améliorer votre offre. Très bien, alors regardons la barre latérale ici et cliquez sur Performance. Il s'agit de la section principale sur laquelle vous allez accéder dans Search Console. Donc, en haut, nous pouvons affiner en regardant le type de recherche, Web, l'image, la vidéo et les nouvelles. La plupart du temps, nous allons juste sur le web et ensuite la date, il est par défaut pour les trois derniers mois. Vous pouvez faire la semaine dernière, le dernier mois, trois mois, 612, ou une plage de dates personnalisée. Et nous regarderons les trois derniers mois. Et vous pouvez même l'affiner un peu plus loin en regardant une requête de recherche spécifique, une page spécifique ou l'apparence de recherche d'appareil de pays. Donc, ce que nous voyons ici est le nombre total de clics, les impressions, le taux de clics, qui est le pourcentage que l'annonce a été affichée, puis cliqué, puis la position moyenne de recherche. J' aime aussi cocher cette case. Parce que lorsque nous faisons défiler ici, nous pouvons voir quelle position la position moyenne de ces recherches particulières ont montré. Regardons les 25 principaux termes clés. Ceci est actuellement trié par le plus grand nombre de clics. Donc clairement, le plus de clics serait le nom de l'entreprise. Dans leur cas, c'est le ranch de prison. Mais regardons le top 5 ici. Le second serait donc l'un de leurs trois services primaires. Ils proposent des tyroliennes, promenades à cheval et des VTT. Donc clairement, le service le plus populaire au cours des trois derniers mois a été l'équitation sur la base de ces données. Donc 623 clics en utilisant le terme équitation Pigeon Forge, les impressions ou combien de fois ce site de ranch de prison apparu pour cette recherche était plus de 5 600 fois. Donc, il a tiré plus de 5 mille fois. Il a été cliqué sur plus de 600 et a établi la position moyenne de six. Ce serait à la page 1. Donc, la première page a généralement dix annonces. Donc n'importe où entre un et 10 sur la position serait la première page. 13 serait le troisième emplacement à la deuxième page. Donc voici le top cinq serait le nom de l'entreprise elle-même. équitation dans cette région, la ville de Pigeon Forge, l'équitation près de moi. Ce sont probablement des gens qui vivent dans la région où se trouve l'entreprise. Jay orange VTT et ranch de chevaux. Vous pouvez donc utiliser ces données pour voir quels sont les services les plus populaires et les plus recherchés et où vous êtes en position concurrentielle en utilisant le poste. Vous pouvez également trier par le plus grand nombre d'impressions pour voir ce que les gens recherchent. Et vous pouvez trier en fonction de ce que vous vous présentez. Numéro 14, ces données sont très précieuses. Vous pouvez l'utiliser pour voir ce que les gens sont intéressés, ce que les gens recherchent, où votre site Web apparaît. Et vous pouvez également utiliser ces données pour créer une page séparée ou un billet de blog spécifiquement pour ce que les gens recherchent. Bon, qu'est-ce qu'on peut trouver d'autre ? Inspection de l'URL, c'est là que vous copiez et collez une URL particulière. Et il vous indique simplement s'il y a des problèmes avec l'URL. Si c'est bon, si c'est mobile friendly, SEO friendly, s'il y a des erreurs ou des problèmes avec elle, cela peut être utile. Et maintenant index, donc index afficherait la liste des pages qui sont indexées par Google. Dans ce cas, il n'y a aucune erreur car nous restons sur ou Google Search Console. En tant que webmaster, vous voulez vous assurer d'effacer toutes les erreurs et montre que 18 sont inclus dans l'index. Dans leur cas, ils n'ont pas un très grand site Web. Je viens d'avoir la page d'accueil sur nous commentaires, contact, et un pour chacun de leurs services et quelques pages supplémentaires. Donc pas trop terriblement énorme d'un site Web. Et voilà, soumis un indexé, il montre 16 pages ici. Donc, une autre partie vraiment importante de Google Search Console serait sitemaps. Donc, lorsque nous avons lancé ce site Web, nous nous sommes assurés de soumettre le sitemap, très important, le sitemap dot xml. Donc, qui a été soumis plusieurs, il y a plusieurs années en 2014, et il a été rampé pour la dernière fois Octobre de 2020, qui au moment de cet enregistrement est juste il ya quelques jours. Google récupère donc automatiquement le dernier sitemap grâce à notre configuration avec WordPress et le tout dans un pack SEO et Google Search Console. Tout reste synchronisé et à jour. Chaque fois que nous actualisons le site, ajoutons de nouvelles pages ou quoi que ce soit, il est automatiquement soumis. Fonctionnalité très pratique. Donc, je vais devoir aller ici en soumettant nouveau un nouveau plan du site chaque fois que quelque chose change, cela se fait automatiquement. Très, très utile. Maintenant, les déménagements. Et c'est là que vous avez un index de page sur Google que vous ne voulez pas là-bas. Il y a beaucoup de raisons pour lesquelles vous pourriez vouloir supprimer une page, comme si c'était une promo temporaire ou si elle devait être cachée, verrouillée ou premium. Peut-être que vous voulez cacher du contenu derrière un paywall et que vous ne voulez pas que les gens puissent trouver cette page à moins qu'ils aient payé beaucoup de raisons pour lesquelles vous pourriez vouloir supprimer une URL. Vous pouvez effectuer une suppression temporaire ou permanente en cliquant sur Nouvelle demande. Et l'URL. Cela lit bloc URL des résultats de recherche Google pendant environ six mois et effacer les courants, extrait actuel et la version mise en cache, ils seront régénérés à leur prochain défilement pour la suppression permanente. Bloquer les pages de l'indexation ou les supprimer du site. Et il y a un lien pour obtenir plus de détails à ce sujet. Cela peut donc être une fonctionnalité utile et vous pouvez le faire directement via Google Search Console. Maintenant, ici, nous avons quelques améliorations, Core web vitals, la facilité d'utilisation mobile, qui nous indique si oui ou non le site est mobile convivial et s'il y a des problèmes, comme le texte trop petit pour lire ou les éléments cliquables trop rapprochés. Dans ce cas, il n'y a pas d'erreurs de ce genre. Si vous avez eu une erreur, vous pouvez l'ouvrir et le diagnostiquer, puis soumettre à nouveau l'URL afin que l'air puisse être effacé et que vous n'êtes plus coincé par Google. Et puis passez en revue les extraits. Dans notre cas, ce site Web a un extrait de commentaire. Vous pouvez rechercher des extraits de Google comme une fonctionnalité soignée où vous pouvez ajouter des données supplémentaires aux résultats de recherche comme des événements et des recettes et des critiques, toutes sortes d'autres choses. Dans ce cas, ils profitent de l'un des types d'extraits. D' accord. Sécurité et actions manuelles. Peut prendre une action manuelle, voir si votre propriété a des actions manuelles qui pourraient l'empêcher d'apparaître dans la recherche Google, vous pouvez en savoir plus si vous avez besoin de clarification à ce sujet. On cliquera, on l'a eu. Parce qu'il n'y a aucun problème détecté si leur guerre ou nous pourrions entrer ici en tant que leur webmaster, les diagnostiquer et les résoudre. Problèmes de sécurité. Il n'y a pas de problème. Mais si le site Web a un virus ou quelque chose et que Google a repris ça, alors ils nous alerteraient, nous pourrions aller corriger le problème. Outils hérités, cela se réfère à l'ancienne version de Google Search Console, qui est Google, Google Webmaster Tools. Et ces outils particuliers n'ont pas été portés vers la nouvelle console de recherche. Donc, évidemment, Google ne les considère pas aussi importants que les autres parties de la Search Console. Liens est très utile. Cela nous montre les liens externes supérieurs. Dans leur cas, vous avez 507 liens externes. Ce sont des liens de l'extérieur de j orange.com ou du site Web de ce client vers votre site Web. Si vous êtes habitué à l'ancien rapport, veuillez consulter ces notes. Ce sont donc les pages liées en haut. Donc, un autre site est un lien vers ces pages particulières. Bon, alors voyons quoi d'autre. Top des pages liées sur les liens internes. Liens de votre propriété à votre propriété. Et la propriété serait site Web. Et puis top liant les sites. Donc, cela nous montre les liens externes supérieurs qu'ils ont. Dans leur cas, c'est YellowPages.com, pinterest.com, site mondial de location, coupon cell mourir dans pseudo picks.com. Certains d'entre eux sont des pourriels, d' autres sont légitimes. Évidemment, Pinterest devrait être légitime. Cela signifierait essentiellement que les gens ont épinglé du contenu qui renvoie à ce site Web. Texte clignotant haut qui montre ce qui est spécifiquement cliquable dans ces liens. Ensuite, regardons un peu plus de ces meilleurs sites de liaison. Il s'agit d'un moyen très précieux de voir quels sites Web sont liés à votre site Web. Très utile. D' accord, et une autre chose, les paramètres. Par conséquent, dans les paramètres, vous devez vérifier votre propriété lorsque vous ajoutez pour la première fois une URL à Google Search Console. Et il y a la possibilité d'ajouter d'autres personnes à vos rapports. Je recommande donc d'ajouter vos clients en tant qu'utilisateur. S' ils sont suffisamment techniques pour comprendre ces rapports, vous pouvez les ajouter en tant qu'utilisateur et ainsi ils seront copiés sur n'importe quel type de rapports qui sortent. Google Search Console fait et Google My Business. Ils envoient tous les deux des rapports Analytics réguliers, ce qui est utile. Ainsi, le client verra quel type de visites il obtient sur son site Web. Vous pouvez donc les ajouter en copiant et en collant l'adresse e-mail qu'ils utilisent sur leur compte Google, comme leur Gmail ou ce qu'ils utilisent pour se connecter à leur téléphone Android ou à leur compte YouTube ou autre. Une dernière chose, comment ajouter un site Web à Google Search Console ? Vous allez en haut à gauche ici et ajoutez la propriété. On y va. Type de propriété. Vous pouvez ajouter le nom de domaine tel que pioneer.me et cliquer sur Continuer. Dans mon cas, j'ai déjà ceci ajouté, mais vous copieriez ce petit morceau de texte pour l'enregistrement DNS, allez dans Ioannidis et ajoutez-le en tant qu'enregistrement DNS. Laissez-moi vous montrer comment faire ça. On retourne à moi, Jonas, et on ouvre les enregistrements DNS pour le nom de domaine. Et je vais vous montrer comment nous pouvons vérifier rapidement et facilement une propriété Google Search Console. Donc, vous allez dans votre domaine et vous pouvez le faire dans GoDaddy, vous pouvez le faire dans n'importe quel registraire de domaine. Tout cela est universel. Nous cliquez sur DNS. De là. Le dossier de vérification. Nous pouvons ajouter en cliquant sur Ajouter un enregistrement TXT. Il existe donc différents types d'enregistrements DNS qui servent à des fins différentes. Le TXT est juste fondamentalement quelques données d'information arbitraires. Dans notre cas, c'est juste un petit morceau de code qui dit, oui, je possède ce domaine. Donc on va mettre le panneau. Cela dit, vous copiez l'enregistrement TXT dans la configuration DNS, afin que nous puissions copier cela et le coller. Tout ce que vous auriez à faire. Ensuite, cliquez sur Vérifier et vous êtes prêt à partir. Et avec cela, c'est ainsi que vous ajoutez une liste à Google Search Console, l' un des nombreux outils merveilleusement gratuits de votre répertoire, afin que vous puissiez surveiller et optimiser les performances de votre site Web. Appréciez. Et je recommande fortement de connecter chaque site Web que vous créez à Google Search Console. Soumettez votre plan de site dès que vous lancez votre site Web et surveillez les performances au fil du temps. Ceci est particulièrement important pour votre service de soins de site Web, dont nous parlerons dans la leçon sur le plan de maintenance du site Web. Restez à l'écoute pour ça. Donc, pour récapituler, qu'avons-nous appris jusqu'à présent ? Il y a d'autres façons d'améliorer votre classement des moteurs de recherche en utilisant des techniques hors site, telles que gagner des commentaires positifs, jouer preuve sociale, créer un déséquilibre de confiance, amener le trafic à travers la popularité. Google, les annonces My Business et Google Search Console. Maintenant, s'il vous plaît comprendre qu'en tant que webmestre, certaines de ces choses vont être plus difficiles à faire pour vos clients. Par exemple, vous ne pouvez pas vraiment obtenir de commentaires, mais vous ne pouvez pas dicter la popularité du site Web. Tu ne peux pas les faire devenir virales. Vous ne pouvez pas créer de liens entrants de qualité pour eux. Ces choses doivent se produire organiquement, pour la plupart. Que pouvez-vous faire de votre expertise et de vos conseils ? Vous pouvez éduquer vos clients sur les façons d'améliorer leur classement. Cette éducation est si précieuse pour eux. Ce que vous avez appris. Continuez votre formation en référencement afin que vous deviez une ressource précieuse pour vos clients. Et quels sont les devoirs ? Je veux que vous commenciez à implémenter ces techniques hors site pour votre entreprise de design web. Je suis Leighton, et maintenant tu sais, SEO hors site. 31. Le SEO en tant qu'entreprise: Bienvenue. Je suis Leighton, votre webmaster. Dans les leçons précédentes, nous apprenons les techniques de référencement technique sur site et hors site. Maintenant, prenons cette connaissance et commercialisé comme une entreprise de design web. Vous avez donc plusieurs options. Vous ne pouvez pas offrir le SEO du tout. Vous pouvez vous adresser à un spécialiste en référencement. Vous pouvez le regrouper avec votre devis. Vous pouvez facturer des frais supplémentaires pour le SEO inclus dans le plan de maintenance de votre site Web, ou vous pouvez solliciter des audits SEO. Parlons de ces opportunités d'affaires. Mais d'abord, comme un mot de prudence, si vous choisissez de solliciter le travail SEO et de savoir de quoi vous parlez. Cela veut dire, en plus de ce que je vous ai appris, faites vos propres recherches. Regardez des vidéos éducatives, lisez les ressources Google Webmaster et expérimentez vous-même le référencement. Ayez une solide compréhension du référencement avant de commencer à enseigner à vos clients à ce sujet. Maintenant, la première idée, vous ne pouvez tout simplement pas offrir SEO du tout. Je pense vraiment que ce n'est pas le meilleur choix à moins que vous ne faites l'option numéro 2 et référé à un spécialiste. Et pourquoi ne le recommande pas ? Parce que dans mon expérience en tant que webmaster, que la première chose dans l'esprit des entreprises est leur classement des moteurs de recherche veulent la première page, nous le faisons tous. Mais certains clients qu'ils veulent même se soucier de l'apparence d'un site Web tant qu'il se classe bien. Donc SEO est totalement quelque chose que vous devez comprendre. Et même si vous ne le poursuivez pas en tant qu'expert pour votre spécialité, vous devez toujours le comprendre afin que vous puissiez faire des recommandations éclairées à vos clients et prendre des décisions éclairées lors de la construction de leur site convivial SEO. En tant que concepteur de site Web réputé, tout ce que vous concevez doit être SEO convivial. Numéro deux, la deuxième option est de se référer à un spécialiste du référencement. C' est vraiment votre option la plus simple. Je suis un grand fan de spécialistes. Je dirige régulièrement mes clients vers des photographes, des rédacteurs de contenu, des entreprises de publicité, etc. Pourquoi ? Qu' est-ce que tu penses que c'est sage ? Parce qu'ils sont meilleurs que moi dans ce qu'ils font. Nous savons tous qu'ils gagnent. Je gagne, le client gagne. Tout le monde gagne quand on fait appel à des spécialistes. Et en termes de référencement, si vous trouvez un gourou de référencement abordable et talentueux dans votre région, jetez-les. Si vous pouvez former une relation d'affaires. Les meilleures relations sont celles où vous leur donnez un travail de référencement et ils à leur tour vous donnent des emplois de conception de site Web. Maintenant, pour être clair, dans ce scénario, vous ne collectez pas vraiment d'argent pour le travail de référencement. Vous donnez simplement le nom et le numéro du pigiste ou de l'entreprise que vous recommandez. C' est un peu comme disent les agents immobiliers et les sociétés de titres. Ils ont chacun leur propre spécialité, mais ils passent régulièrement des affaires entre eux. Ils n'essaient pas de marcher sur les orteils les uns des autres. Au contraire, ils construisent les affaires de l'autre par le biais de renvois, ce qui devient rentable. Le troisième, vous pouvez facturer le SEO, disons que vous avez étudié le SEO et que vous êtes prêt à commercialiser ces services. Vous pouvez ajouter cela à votre devis. Vous pourriez facturer un supplément, disons à 95 pour 95, 995 pour l'optimisation des moteurs de recherche. Donc une autre façon de générer des revenus et de servir vos clients. Mais il y a un problème majeur et pourquoi je ne charge personnellement pas de frais supplémentaires pour le référencement. Pouvez-vous penser à des problèmes avec faire SEO sur l'add-on ou la mise à niveau en option ? Il met toute personne qui refuse à l'option, généralement pour le budget à un sérieux désavantage, le site Web manquera. Et ils viendront vous voir quelques mois plus tard pour se demander pourquoi leur site n'est pas classé. Vous pouvez le grouper avec votre citation, j'adore cette option. C'est mon préféré. Nous parlerons plus de votre, vos, vos prix, plusieurs leçons à partir de maintenant. Mais fondamentalement, j'aime inclure le référencement et ma citation groupée, pas comme un add-on optionnel. Donc, pour un à 5 000$, quel que soit votre charge, le client reçoit un beau site Web fonctionnel, un qui est mobile et convivial pour les moteurs de recherche. Et honnêtement, à ce point de prix, le référencement devrait être facultatif. Il devrait être intégré au cœur du site Web que vous développez. Et si vous cherchez à développer une relation longue avec l'entreprise, Il est également dans votre intérêt de construire un site Web performant. Nous avons adoré ces relations à long terme. Donc, ne faites pas de référencement payant add-on. Faites-le par défaut avec celui de votre site Web. Numéro cinq, nous pouvons inclure cela dans notre plan de maintenance de site Web. Nous parlerons plus de la maintenance dans les prochaines leçons. Mais SEO est une idée pour votre service de soins de site Web. Mais puisque le SEO est un concept si vaste, vous devez comprendre ce que vous offrez spécifiquement ? Proposez-vous un audit SEO mensuel, un trimestriel à ce sujet ? Examens la gestion, les blogs, la création de contenu. Découvrez un grand nombre de techniques de référencement sur site que vous appliquez lorsque vous construisez le site Web pour la première fois. Donc, après cela, une grande partie du référencement en cours a lieu hors site et entre les mains du client. Blogging, poster, gagner des commentaires, établir des liens et des relations. Une grande partie de cela est vraiment hors de votre contrôle. Vous pouvez aider, mais en fin de compte, c'est sous le contrôle du client ou du client. Transmettez donc très précisément ce que vous offrez. Si vous en informez les clients, vous fournirez le référencement dans le cadre de votre contrat de service mensuel. Et numéro 6, audits SEO. C' est là que vous examinez attentivement chaque page pour avantages et les inconvénients SEO et préparer un rapport détaillé de vos résultats. Que pensez-vous que ça vaudrait ? Je vais généralement charger pour 95 et tourner les quelques heures sur ce sujet. Mais vous devrez considérer ce sont juste vos conclusions ou vos conclusions ainsi que vos correctifs ? Si vous résolvez des problèmes de référencement, combien de temps lorsque vous tournez dessus. Par exemple, vous devez être très clair en définissant vos attentes à l'égard de cette vérification. Et pour être clair, les audits SEO, ils ne sont pas pour les débutants. Ils avaient besoin des connaissances et de l'expérience. C' est comme un inspecteur de maison. Pourriez-vous payer pour une inspection de quelqu'un qui n'avait jamais inspecté une maison auparavant ? Non. De même, votre expert en référencement doit être formé et compétent dans ce domaine. Alors qu'avons-nous appris ? Il existe plusieurs façons de commercialiser des services SEO à vos clients. Vous pouvez transmettre le référencement, ne pas l'offrir du tout. Vous pourriez transmettre le travail à un spécialiste. Vous pouvez facturer des frais supplémentaires pour le référencement, qui le regrouperait avec votre devis. Vous pouvez l'inclure dans votre plan de maintenance de site Web et vous pouvez vendre audit SEO. Et quels sont les devoirs ? Je veux que vous réfléchissiez aux façons dont vous êtes aise marketing SEO services à vos clients. Wow, c'était beaucoup. Et juste quelques heures vous avez beaucoup appris sur l'optimisation des moteurs de recherche. Et c'est un sujet tellement excitant. J' espère que j'ai pu le démystifier pour toi. C' est un sujet compliqué, mais il se résume vraiment à une poignée de facteurs. J' espère que vous avez vu ça. Et maintenant, armé de ces connaissances, vous pouvez commencer à acquérir de l'expérience de première main en améliorant le classement des moteurs de recherche de votre client. Tellement excité de voir ce que vous êtes capable d'accomplir. Je suis Leighton et maintenant tu sais, l'optimisation des moteurs de recherche. 32. PARTIE 5 : Plans de maintenance du site Web: Bienvenue, je suis Leighton, votre webmaster. Dans cette série de leçons, Parlons de l'une des parties les plus excitantes à propos d'être un concepteur de site Web, le plan de maintenance du site Web. C' est génial. Ils sont en gros comme une assurance pour votre site web. Je veux dire, vous assurez quelque chose de précieux, comme votre valise de voiture, tout va mal. Un site Web est également précieux et doit être protégé. Et comme votre voiture, les sites Web ont besoin d'entretien. Il peut ne pas fonctionner avec de l'huile, mais ils fonctionnent sur des logiciels qui doivent être actualisés. Et c'est là que vous, le webmaster, entrez. De toute évidence, j'adore les plans de maintenance de site Web, mais pourquoi suis-je si passionné par eux ? Revenons à la toute première vidéo de ce cours, l'introduction. Tu te souviens de ce que j'ai demandé ? Êtes-vous intéressé par la liberté financière ? Liberté de choisir vos propres heures, liberté de voyager, travailler de n'importe où dans le monde. Oui, le fait d'être un concepteur web permet de réaliser ces objectifs. Mais plus précisément, qu'en est-il de l'entreprise de conception Web qui soutient ces objectifs ? Il s'agit de revenus récurrents, d'un flux constant de revenus sur lequel vous pouvez compter chaque mois. Sinon, vous vous retrouverez en fête ou en famine. Avez-vous entendu parler de ce terme ? Qu' est-ce que la fête ou la famine signifie pour vous ? Pour moi, cela signifie que si je n'avais pas de revenus provenant de mes plans de maintenance de site Web, je ne saurais pas combien d'argent vous avez reçu chaque mois. Pensez-y en termes de salaire. Quand vous êtes en salaire, vous savez à peu près combien d'argent vous percevez chaque mois. D' un autre côté, lorsque vous êtes un web designer indépendant travaillant pour vous-même, vous pourriez avoir 10 projets en fête ou 0. Bandmann. Que faites-vous sur les mois de la famine ? Si vous avez un plan de maintenance de site Web, vous vous concentrez simplement sur le plaisir de vos clients actuels. Ces clients ont déjà accepté de vous payer 50, 75, 100, 150$ par mois, peu importe ce que vous avez convenu. Donc vous savez, vous aurez un revenu stable et fiable chaque mois. Mais que se passe-t-il si un client tombe ? Peut-être qu'ils ferment l'entreprise, qu'ils prennent leur retraite, ils vous poussent tous, qu'ils réduisent la taille, quelle que soit la raison. Comment cela vous affecte-t-il ? En diversifiant votre flux de revenus entre plusieurs clients, vous avez toujours ces autres clients qui vous payent chaque mois pour devenir webmestre. En fait, le plus que j'ai jamais perdu. 33. Services de maintenance : Hébergement: Bienvenue, je suis Leighton, votre webmaster. Dans la leçon d'aujourd'hui, discutons d'une caractéristique majeure de votre site Web signifie dans son plan, l'hébergement, et plus précisément les domaines, serveurs d'hébergement et e-mails. Donc il y a deux philosophies sur un plan de maintenance de site Web. Hébergement séparé de la maintenance et de l'hébergement fourni avec maintenance. Je trouve qu'il est beaucoup plus précieux et efficace de regrouper ces deux ensembles. Pourquoi ? Eh bien, passons par trois scénarios différents. Premièrement, vous pouvez maintenant offrir l'hébergement du tout et exiger qu'ils mettent en place leur propre serveur d'hébergement. Maintenant, pouvez-vous penser à des problèmes possibles avec demander à un non-technicien de configurer son propre serveur. Cela ne vole pas quand ces gens, ils ne sont tout simplement pas compétents sur les serveurs et c'est très bien. Vous ne comprenez probablement pas ce que vos clients font autant qu'eux. Vous avez chacun vos propres forces et faiblesses. Et pour les concepteurs non web, hébergement de serveurs n'est tout simplement pas une force et c'est bon. Le deuxième scénario, vous pouvez inclure l'hébergement, mais définir le compte dans leur nom. Maintenant, je m'éloigne de ça pour la même raison. La plupart de mes clients ne veulent pas duper avec l'hébergement. Ils préféreraient être entre des mains plus compétentes, ce qui mène au numéro 3. Louez vos propres serveurs et offrez l'hébergement dans le cadre de votre plan de maintenance de site Web. C' est ce que je recommande, car c'est dans l'intérêt de vous en tant qu'entreprise et de vos clients. Tu te souviens de la compagnie que je loue des serveurs à Ioannidis ? C'est vrai. Depuis 2006, je loue exclusivement chez ionise. Bien que votre ion soit un compte, vous pouvez gérer les noms de domaine, adresses e-mail et les sites Web dans un seul portail pratique. Passons en revue chacun de ces services individuels. Comme nous le faisons. Je vais vous expliquer comment vous les offrez à vos clients. Domaines. Vous avez trois scénarios ici. Premièrement, si le client, si le client veut garder ses domaines sous son toit, c'est amusant. La plupart de mes clients de nos jours ont leur propre compte GoDaddy. Et je préfère que dans ce cas, ils paient environ 15$ par an directement au registraire de domaine. Et où est-ce que tu viens ? Vous gérez toujours le domaine, vous le pointez toujours vers votre serveur. Vous vous occupez des détails techniques. Vous faites tout cela grâce à la connexion de domaine oser. Deuxième scénario, s'ils ont déjà un nom de domaine, mais veulent le transférer à vous. Super. Vous avez demandé l'autorisation du code d'authentification et vous l'avez transférée sur votre compte ionisé. Ils se sentiront en sécurité sachant que leur nom de domaine est entre les mains d'un webmaster. Le coût de renouvellement annuel vous sera facturé environ 15$ par année. Et vous pouvez facturer cette facture à votre client ou inclure dans votre facture mensuelle. Ce troisième scénario, qu'ils n'ont pas du tout un nom de domaine. Peut-être qu'ils sont une startup. Vous pouvez l'enregistrer directement dans votre compte témoin oculaire, facturer votre client annuellement ou le regrouper avec votre facture mensuelle. De toute façon, option 12 ou trois, vous devez toujours l'ajouter à votre compte témoin oculaire afin de pouvoir l'héberger et le gérer. Regardons ça. Donc nous commençons dans notre compte ionisé et je veux vous montrer la section des domaines de Ioannidis. Mais avant de faire ça, laisse-moi te montrer un compte GoDaddy. C' est mon client à Austin, Texas en Amérique, et ils ont leurs propres noms de domaine dans leur propre compte GoDaddy, ce qui pour être clair, est parfaitement bien. En fait, il est préférable qu'ils aient leur domaine dans leur propre compte sur leur propre toit. Laissez-moi vous montrer comment nous pouvons y accéder et le pointer vers notre serveur pour l'hébergement. Donc, d'abord, nous connectons le client. Vous pouvez le faire en demandant leur nom d'utilisateur et leur mot de passe. Et maintenant, nous allons dans le domaine et nous voulons cliquer sur Gérer DNS. En bas, ici. Gérer le DNS. Et nous cherchons à pointer les serveurs de noms vers notre compte témoin oculaire. Donc, sous DNS et serveurs de noms, nous devons utiliser des serveurs de noms personnalisés, ce qui a déjà été fait, mais j'utiliserai mes propres serveurs de noms ici. Ensuite, vous copiez et collez ceux que 1 et 1 vous donnent lorsque vous configurez un nom de domaine externe, que nous examinerons ici dans une seconde. Ce n'est donc qu'un copier-coller de notre compte ionisé. Ce que cela fait, c'est qu'il dit à tout le trafic, tous les e-mails, tout ce qui va s'écouler de GoDaddy sur Ioannidis, qui dans notre cas, il va être dirigé vers le compte ions que nous possédons. Maintenant que nous avons examiné cela, permettez-moi d'extraire notre compte ionisé et j'irai sur les domaines et SSL ici. Le client a donc le nom de domaine enregistré sous son compte GoDaddy. Et maintenant, dans notre manque d'E/S, j'ai ajouté ceci à mon compte. Alors, comment ajouter un nom de domaine externe, un nom qui n'est pas enregistré sur notre compte ionisé ? Il n'est pas enregistré à notre nom. C' est toujours au nom du client. Nous faisons ce domaine externe de configuration. C' est ce qu'on cherche. Vous pouvez le faire sur n'importe quel serveur d'hébergement, sur n'importe quel compte d'hébergement. Configurez donc le nom de domaine externe. Là, vous devez taper votre nom de domaine. Dans mon cas, je l'ai déjà ajouté. Laissez-moi sortir, faites-en le nom de domaine incorrect. Peut-être que ce sera disponible. Ça ne me dérangera pas. Laisse-moi essayer ça. D' accord. Je vais juste aloha plomberie. D' accord. Vous devez donc ajouter le nom de domaine, puis sélectionner contrat auquel vous souhaitez l'ajouter et suivre les étapes. Et ils vous donneront un serveur de noms que vous pouvez copier et coller. Revenons dans notre compte ionisé, reviendra au nom de domaine. Et maintenant, laissez-moi tirer le domaine externe. Le vert signifie qu'il a été sécurisé avec un certificat SSL. C' est le nom de domaine, et au lieu d'être enregistré, je possède ceci. Il s'agit d'un nom de domaine externe, ce qui signifie que nous ne sommes jamais facturés pour ce nom de domaine. Les 15$ environ par année sont facturés au client par l'intermédiaire de GoDaddy. Donc ça finit par être un peu moins cher pour toi. Très bien, nous cliquons sur le nom de domaine, et voici les informations que nous voyons. Le statut est actif. C' est un nom de domaine externe, ce qui est le contraire d'être enregistré chez moi est où vous devrez payer les frais d'enregistrement. La destination est l'espace web, donc il est connecté à ce dossier sur notre serveur d'hébergement. Nous pouvons gérer et créer des adresses e-mail pour eux. Le certificat SSL a été installé, sécurisé avec SSL. C' est le numéro du contrat. Vous pouvez le réinitialiser et le supprimer du compte. Bon, que pouvons-nous faire d'autre pour le nom de domaine de nos clients ? Sous les sous-domaines ? Vous pouvez ajouter un sous-domaine en cliquant sur Ajouter un serveur de noms de domaine. Cela montre les serveurs de noms sont utilisés et c'est ce que nous copions et collons dans la zone DNS de GoDaddy sur le compte de notre client. Et puis DNS est l'endroit où vous pouvez modifier les enregistrements DNS. Donc, dans ce cas, l'enregistrement MX indique aux e-mails d'aller à notre compte ionisé. Et ces enregistrements disent qu'il est hébergé chez Jonas et puis il s'agit d'une vérification de Google Search Console. Vous aurez donc deux types différents de noms de domaine. Bien que votre témoignage oculaire, vous en aurez des externes comme ce que nous venons d'examiner, qui est très commun. C' est là que le client a son nom de domaine sur son propre bureau d'enregistrement. Et ils le pointent vers vous pour l'hébergement. Ou vous pouvez enregistrer le compte via Ioannidis. Alors enregistrez-vous, achetez le nom de domaine. Et vous paierez les 15$ environ par an. Vous serez facturé par Jonas et vous pourrez transférer cette charge à votre client. Ou l'autre option serait le transfert. Donc, la deuxième option a été ordonné domaine. Le troisième est le transfert de domaine à ionise. Donc, cela transfère complètement l'enregistrement de domaine d'où il était avant dans Ioannidis. Donc il serait hors de refuser de compter dans le vôtre. Donc, vous sélectionnez celui dans lequel vous voulez aller, puis tapez le nom de domaine. Et que ferons-nous ensuite ? Laisse-moi essayer ça pour ce client. On verra ce qu'il demande. Vérification de transfert. Donc, évidemment, il a été enregistré. Comment transférons-nous ? Changez votre nom de domaine maintenant ? Cliquez sur Transférer. La discipline de l'aide ne peut pas être transférée. C' est parce que nous l'avons ajouté en tant que nom de domaine externe dans notre compte. Voyons voir quelles étapes il, il demande. Préparez votre domaine pour le code d'autorisation Déplacer les demandes d'autorisation de votre fournisseur actuel. Qu' est-ce que c'est ? Ce serait ça. Donc, si nous voulons le transférer, serait tirer vers le haut notre nom de domaine et ensuite nous cliquons sur Transfert loin de GoDaddy. On fait ça. Nous devons confirmer toutes ces choses différentes et nous recevrons un code d'autorisation. Alors, deuxième étape, on a un code. Nous prenons ce code et nous le mettons dans Jonas, transférons le domaine, entrez le nom de domaine que vous souhaitez transférer dans un contrôle de domaine ou au-dessus, puis dans votre code d'autorisation et il sera transféré sur votre compte témoin oculaire. Ils enverront un e-mail au contact d'administration sur le compte de domaine. Et cet e-mail contiendra un lien où ils peuvent accepter ou rejeter la demande de transfert. Nous avons donc besoin d'un code d'autorisation et nous devons également nous assurer que l'adresse e-mail figurant dans le dossier est correcte afin que nous puissions accéder à cet e-mail et accepter le transfert. Mais en fin de compte, que nous le gardions en ionise ou que nous le conservions dans le compte GoDaddy du client ou non, nous devrons toujours l'ajouter à notre ionisé si nous espérons héberger le site, soit en le commandant directement, transférer un domaine existant d'un autre fournisseur à ioniser ou mettre en place un domaine externe en gardant le domaine dans le compte du client. Voilà donc nos trois options, et ce sont les services que vous fournissez de façon continue. Vous prenez soin de vos clients, noms de domaine qui se trouvent dans votre compte témoin oculaire. Ils sont entre vos mains. Vous avez là GoDaddy login, vous avez l'expertise pour comprendre DNS, autorisations, transferts, contextes de domaine. Tout cela dépend de votre expertise. Vous pouvez fournir un soutien et une gestion pour ces choses. Donc, pour récapituler, quels services de maintenance fournissez-vous pour le nom de domaine d'une entreprise ? Vous gérez l'enregistrement, la gestion, le transfert, les renouvellements, les informations de contact, la sécurité, le DNS, et plus encore tous les services précieux pour donner à un propriétaire d'entreprise la tranquillité d'esprit, sachant que leur nom de domaine précieux est entre de bonnes mains. Maintenant, l'hébergement, c'est là que vous mettez le site Web de votre client. Votre ion est serveur d'hébergement. Encore une fois, il y a généralement trois scénarios différents ici. Premièrement, le client a déjà son propre compte d'hébergement et il veut le garder de cette façon. Peut-être qu'ils ont déjà, vous avez un hébergement décent ou ils sont juste payés avec leur serveur existant. Quelle que soit la raison, c'est bon. Tout ce dont vous avez besoin est la connexion à leur compte d'hébergement. Créez et maintenez le site Web sur leur serveur d'hébergement. Laissez toujours la porte ouverte pour accueillir avec vous s'ils le veulent. Maintenant, pour être clair, ce n'est pas idéal. Pourquoi ? Ils pourraient avoir un serveur haut de gamme ou pas. Plus qu'autrement, ils auront un compte d'hébergement partagé de cinq dollars de GoDaddy qu'ils ont payé pendant trois ans ou dix ans ou quoi que ce soit. Et dans l'hébergement de qualité inférieure ne causent que des problèmes à long terme. Sois gentil et respectueux à ce sujet. Mais vous voulez vraiment les encourager à accueillir avec vous. Si vous voyez qu'ils hébergent le compte est basique. Il y aura une vente difficile. Ne les faites pas se sentir mal, mais soyez toujours instructif sur les avantages. Deuxièmement, s'ils décident de transférer vers votre serveur et que la plupart des clients le feront, vous devrez le migrer vers votre compte témoin oculaire. Comment faites-vous ça ? Qu' est-ce qui, selon vous, est impliqué dans une migration de site Web ? La base de données, les fichiers. Vous devez également noter les paramètres de domaine et les comptes de messagerie. Espérent-ils par e-mail ailleurs ou ont-ils des comptes de messagerie créés au sein de leur serveur ? Connaissez toutes ces choses. Parce que voici un point clé. Vous souhaitez que le processus de migration soit aussi transparent que possible. Temps d'arrêt minimal, aucune perte de données. Ce sera la première étape pour établir la confiance avec votre client. Alors, comment pouvons-nous procéder à une migration de serveur ? Et laissez-moi vous montrer un exemple. Maintenant, n'est-ce pas ? Donc, je veux vous montrer une interface d'une société d'hébergement qui est différente de GoDaddy et différente de Ioannidis, le terrain du site. Ils ont de merveilleux serveurs disponibles. Et de temps en temps, vous rencontrerez un client qui a déjà un site web hébergé sur une entreprise comme SiteGround. Alors, qu'est-ce qu'on fait à ce moment-là ? Ils ont déjà un site Web en direct existant sur une autre plate-forme d'hébergement, et ils vous ont donné l'autorisation et ont accepté de transférer cela à votre serveur d'hébergement sur IE Jonas dans le cadre de votre plan de maintenance de site Web. Alors comment on a fait ça ? Regardons. Nous sommes donc dans le compte SiteGround du client. Ceci est une entreprise de pavage en Nouvelle-Zélande et ouvrons des sites Web. On y va. Prestige pavage dot, co, point n, z et z pour la Nouvelle-Zélande, ce qui était un défi parce que je honnête en fait ne permet pas en z dot coda dans les noms de domaine Z. Donc, dans ce cas, nous avons dû ouvrir un compte siteground dot Asia. Mais quoi qu'il en soit, c'était un nouveau défi que nous devions relever. Donc, nous avons ouvert ceci et nous allons cliquer sur Outils du site ici. Et notre objectif est de savoir comment nous pouvons enregistrer une sauvegarde du site Web et le déposer dans notre compte ion is. Alors, qu'est-ce qu'on voit ici ? Nous voyons le gestionnaire d'applications, que nous pouvons ignorer. Nous voyons des comptes de messagerie qui listeraient tous les différents comptes de messagerie sur le serveur. Ces messages seraient hébergés par des courriels IMAP. Voici le gestionnaire de fichiers, c'est important et Cloudflare, CDN. Alors ouvrons le Gestionnaire de fichiers. On cherche deux choses différentes ici. Nous voulons les fichiers et nous voulons la base de données. Donc Gestionnaire de fichiers. Et tirez vers le haut. Cliquez sur HTML public, qui est la section en direct du site Web. Et on y va. Donc, ce sont les fichiers WordPress pour ce site Web. Parfait. On dirait que les fichiers sont disponibles et que nous pouvons les télécharger. Alors, quel est le moyen le plus simple de les télécharger ? Eh bien, faisons ça. Passons aux comptes FTP, puis créons un compte FTP ou utilisons simplement celui-ci. Il y aura donc déjà un compte FTP, un compte par défaut. Nous pouvons copier le nom d'utilisateur, puis réinitialiser ou définir le mot de passe ici, changer le mot de passe. Et regardons les informations d'identification FTP. Donc c'est le nom d'hôte, le nom d'utilisateur, et bien sûr le mot de passe est vraiment long et généré aléatoirement et il ne montrera pas cela, mais je n'ai pas enregistré dans ma dernière passe. Donc, ce serait le nom d'hôte et le nom d'utilisateur, puis vous entrez le mot de passe. Mais c'est dans notre fidèle client FTP FileZilla comme ça. Et nous pouvons télécharger une sauvegarde complète du site en téléchargeant tous ces fichiers sur votre ordinateur. C' est comme ça que vous obtenez les fichiers. Et la base de données ? Cliquons autour de la vue. Nous avons fait le gestionnaire de fichiers, nous avons fait FTP, nous pourrions ignorer le gestionnaire d'applications. Regardons MySQL. Mysql, vous vous souviendrez que c'est la base de données. Et ici, il semble que nous ayons déjà une base de données. Et nous en avons, nous avons un utilisateur pour la base de données. Et nous allons cliquer sur PHP, mon administrateur. Cela extrait le back-end de la base de données afin que nous puissions accéder aux tables et aux données de celle-ci. Nous cliquons sur la base de données principale ici, et il y a notre base de données. Magnifique. Il totalise 39 mégaoctets. Et nous pouvons cliquer sur Exporter en haut et cliquer sur Aller. Et on y va. Nous avons une exportation de la base de données. Et il semble que le total après avoir téléchargé la base de données entière, qui est un fichier SQL, est d'environ 20 mégaoctets. Alors, qu'avons-nous à ce stade ? Nous avons le fichier de base de données ici, une sauvegarde de la base de données, et nous avons téléchargé une sauvegarde des fichiers avec FileZilla, et c'est tout. C' est tout ce dont vous avez besoin pour le site, pour un site WordPress. Maintenant, nous allons dans Ioannidis et nous préparons le serveur comme nous l'avons fait plusieurs fois ensemble sur ce cours, nous pouvons préparer le serveur et créer la base de données, importer ce fichier, créer l'espace Web et importer cela. On est prêts à y aller. Nous ajoutons donc les fichiers, ajoutons la base de données, la base de données, puis nous déterminons ce que nous voulons faire avec un nom de domaine, soit le garder externe ou le transférer. Puis pointez cet espace Web vers le nouveau dossier que nous créons ici. Et c'est tout. En tant que plan de maintenance, vos services d'hébergement seraient de prendre soin de l'espace web, ajouter les fichiers à l'espace web, prendre soin du compte FTP et de prendre soin de la précieuse base de données. Et tous ces services sont précieux que non-techniciens de votre client ne vont tout simplement pas vouloir avoir toute la largeur. C' est ce qu'ils embauchent U4. Ils vous embauchent pour prendre soin de leur site web, qui inclut de manière cruciale le serveur d'hébergement. C' est votre expertise, pas la leur. Et ils te payent pour t'occuper de ça pour eux. Cette migration est une chose unique. Vous allez simplement le faire lorsque vous le déplacez pour la première fois sur votre serveur pour prendre soin de votre plan de maintenance de site Web. Mais à l'avenir, vous aurez tous vos clients, comptes FTP, toutes les bases de données et gérez votre serveur d'hébergement. Assurez-vous qu'il reste en ligne, assurez-vous qu'il n'y a pas de problème et restez au courant de votre compte ion est. Et une autre considération que nous ne voulons certainement pas oublier est les comptes de messagerie, c'est un ajout à l'hébergement. Donc, si le client a déjà des comptes de messagerie existants sur son serveur d'hébergement, où vous voulez transférer cela sur votre compte témoin oculaire. Alors passons aux e-mails et vérifions la situation. Voyons s'ils ont déjà des redirecteurs ou des comptes de messagerie sur leur serveur. D' accord. Ils ont un transitaire. Il a eu le contact à être transféré en ce moment. Et puis sous les comptes, ils ont trois comptes Gmail. Donc trois boîtes aux lettres séparées. L' un est un demi-concert, un est presque un gigaoctet, ensuite, l'autre est 0, ce qui signifie soit qu'ils ne reçoivent jamais d'e-mails, soit qu'ils utilisent Gmail ou Outlook. Et il saisit tous les e-mails du serveur avant et les supprime. Quoi qu'il en soit, ils veulent garder ces comptes de messagerie ou ce que nous supposons faire, vertu le demanderait et s'ils veulent le garder, alors ils ne veulent pas perdre dans les e-mails. Souhaitez-vous perdre et des e-mails ? Bien sûr que non. Donc ce que vous devez faire, c'est les sauvegarder. La sauvegarde consiste à ajouter ces trois comptes de messagerie à votre Outlook ou à votre messagerie iOS ou à tout ce que vous utilisez pour accéder aux e-mails , puis à les exporter vers un fichier sur votre ordinateur, puis les importer sur Ioannidis via la messagerie électronique section. Ainsi, vous allez dans la messagerie électronique , puis ouvrez le serveur d'hébergement particulier auquel vous souhaitez accéder. Créez trois boîtes aux lettres qui refléteraient ce que vous voyez ici. Donc, nous créerions ces trois boîtes aux lettres en tant que comptes de base masculins. Ensuite, une fois que ceux-ci sont créés, ajoutez-les à Outlook, faites glisser et déposer les fichiers de l'ancien serveur vers le serveur ionisé, ou effectuez la fonctionnalité d'importation d'exportation sur votre client de messagerie. Outlook vous permet de le faire. Mac Mail vous permet de le faire en allant simplement à la messagerie et à l'exportation de la boîte aux lettres. Et vous devriez pouvoir le faire sur la plupart des principaux clients de messagerie. Quoi qu'il en soit, vous devez exporter et importer les comptes de messagerie pour vos clients lorsque vous transférez des comptes d'hébergement, très important comme un certainement ne veulent pas perdre des e-mails précieux. La troisième option est lorsque votre client n'a pas déjà serveur et ne veut pas le gérer seul. Ceci est essentiellement pour les nouveaux sites Web, sont des startups. Lorsque vous prenez un client et construisez un site Web, vous devrez préparer votre serveur comme nous l'avons fait pour créer une leçon de site Web. Obtenez votre espace web, votre FTP, votre base de données prêt et installez WordPress. Tu sais comment faire ça. Voilà donc les différentes possibilités de comment et où le site Web de votre client sera hébergé. Mais qu'en est-il d'aller de l'avant ? Quel service d'hébergement offrez-vous sur une base continue ? S' ils hébergent le site Web eux-mêmes, vous pouvez toujours fournir vos services de maintenance. Juste stocké en toute sécurité le login d'hébergement et votre gestionnaire de mot de passe, comme la dernière passe. Sinon, vous resterez au courant de votre compte d'hébergement, qui pour la plupart, c'est de jolis mains. Les serveurs gérés s'occupent de tous les aspects techniques. Vous n'avez pas besoin d'avoir un serveur physique dans votre bureau ou chez vous. Vous n'avez pas à vous soucier du système d'exploitation ou d'autres processus techniques vraiment avancés. En fait, gérer les services d'hébergement sont très pratiques pour cette raison. Donc, si tout se passe bien, le compte d'hébergement continue de fonctionner jour après jour et de garder votre site Web en vie. L' hébergement est un service précieux, mais la beauté est quand il fonctionne comme une machine bien huilée, vous pouvez héberger des centaines de sites Web. Et si vous hébergez des serveurs sont fiables, vous avez rarement à faire quoi que ce soit. Et à environ 10 ou 20 sites Web sont serveur d'hébergement, vous êtes machine d'hébergement peut générer un beau profit. Combien de profits ? Eh bien, si un serveur vous coûte 50$ par mois et que vous le remplissez avec 20 sites Web à 50$ par mois, c'est un chiffre d'affaires de 1000 $ par mois, 50$ par mois, ce qui net ces 950$ pour ce serveur. Ça a l'air bien, non ? Oui. Donc, pour récapituler, quels services de maintenance fournissez-vous pour héberger un site web ? Vous pouvez configurer et gérer le serveur lui-même, que la plupart des gens ne savent pas comment configurer eux-mêmes et le surveiller en continu pour les problèmes qui peuvent survenir. Et des courriels. Maintenant, il y a deux scénarios différents ici. Un, ils vont héberger 30 mils ailleurs, comme Google G Suite ou Microsoft 365. Vous pouvez aider avec ça. Vous pouvez configurer leur compte, vérifier. Il fournit un support et s'assure que la connexion DNS des domaines est connectée à leur compte de messagerie. S' ils choisissent cette option, vous allez configurer le domaine et commander la facturation à leur nom. Ils paieront environ 5$ par boîte aux lettres et par mois. Vous pouvez toujours les construire directement à charge. Mais je m'éloigne de cette option pour héberger les e-mails directement sur votre serveur. Vous pouvez configurer et fournir un support pour les e-mails basés sur IMAP. Laissez-moi vous montrer ces deux options. Par conséquent, la partie e-mail de notre plan de maintenance de site Web est très importante car les entreprises comptent sur leurs courriels. Nous voici donc sur le serveur d'hébergement ionisé sous la section e-mail. Et comme vous pouvez le voir, j'ai beaucoup de boîtes de messagerie client et de transferts ajoutés à ce serveur d'hébergement particulier. Et à ce stade, j'ai plusieurs serveurs d'hébergement sur mon compte. Alors, quel est l'avantage du plan de maintenance du site Web ? Il comprend l'hébergement de courrier électronique. Comme vous le savez, nous pouvons le faire en cliquant sur Créer une adresse e-mail et en créant autant de boîtes e-mail qu'ils le souhaitent. Je peux créer des transferts, nous pouvons créer des boîtes aux lettres et fournir un soutien en leur apprenant comment l'ajouter à leur client de messagerie. Laissez-moi voir, vous montrer un exemple de cela. Configuration d'un client de messagerie. Donc, à travers ionisé, vous vous familiariserez vraiment avec le processus sur la façon de le faire. En fait, vous aurez ces mémorisé les informations du serveur de messagerie après avoir ajouté quelques fois, Il est fondamentalement juste IMAP dot ionised.com comme le port serveur entrant 993 avec sécurité SSL, sortant est smtp dot ionised.com avec le port 587 pour le serveur sortant. Et comment l'ajouter à votre programme de messagerie ? Eh bien, regardons Outlook. Cela vous amène à un article d'aide ionisé, mes e-mails. Et nous allons l'ajouter à ses perspectives. Dire vers le haut sur Outlook 2019. Configuration manuelle du compte. Et nous y voilà. Ceci est un article de support étape par étape sur la façon d'ajouter un compte de messagerie. Vous possédez ces comptes de messagerie à votre Microsoft Outlook. Ils en ont un pour chaque version d'Outlook, et ils en ont un pour chaque client de messagerie principal, en plus d'un guide de configuration général qui fonctionnerait sur n'importe quel client de messagerie. Donc, votre service que vous fournissez est d'héberger ces e-mails et de fournir un support. Les gens auront donc besoin d'aide pour l'ajouter à leur client de messagerie. Ils devront vous aider à réinitialiser leur mot de passe, à ajouter des boîtes aux lettres, supprimer des boîtes aux lettres, et vous pouvez faire tout cela via votre compte témoin oculaire. Alors, quelle est l'autre option ? Et nous allons tirer un client qui n'a pas leurs e-mails attachés à mon compte Edit I honnête. Leurs e-mails sont hébergés sur Microsoft 365. Voici donc plus lumineux Dash image.com, une entreprise de nettoyage commercial en Floride, aux États-Unis. Donc, leurs e-mails ou sur Microsoft 365 et mon service que je fournit les aide avec leur Microsoft 365 s'ils ont besoin d'aide, j'ai la connexion pour cela et je m'assure que leur e-mail reste connecté via les paramètres DNS. Nous cliquons donc sur DNS. Et encore une fois, c'est ce que vous feriez pour G Suite ou Microsoft 365 quand ils vous donneront cette ligne de code à ajouter à l'enregistrement MX, c'est là que vous l'ajouteriez. Vous cliquez sur Ajouter un enregistrement, puis copiez et collez le code que Microsoft vous donne. Et ils fourniront des instructions étape par étape sur la façon de le faire. Mais c'est un exemple vivant. Mx record pointe à cela très simple. Beaucoup de personnes, d'hôtes ou d'e-mails avec Microsoft et Google. Et c'est une merveilleuse façon d'héberger en toute sécurité vos e-mails de classe affaires. Donc, que vous les hébergiez vous-même ou que vous vous connectiez simplement à leur compte externe. Votre service dans le cadre de votre plan de maintenance de site Web est la gestion de leurs e-mails. Vous pouvez réinitialiser les mots de passe, vous pouvez les ajouter à votre compte d'hébergement. Vous pouvez configurer leur connexion à leur compte externe comme G Suite ou Microsoft 365. Quoi qu'il en soit, vous les aidez avec leurs courriels, en leur fournissant du soutien et de la gestion et éventuellement en les hébergeant via Ioannidis. Ce sont donc les différentes façons dont les e-mails peuvent être hébergés techniquement. Quoi qu'il en soit, serait-il surprenant que les clients aient besoin d'aide pour leurs e-mails ? C' est l'une des tâches informatiques les plus courantes. Réinitialiser les mots de passe, créer de nouveaux comptes de messagerie, envoyer des e-mails sur leur nouveau téléphone, configurer leurs perspectives. Toutefois, grâce à votre plan de maintenance, les clients peuvent bénéficier d'une assistance sur les comptes de messagerie que vous avez configurés. Alors, quelles sont vos options pour fournir des services d'hébergement à vos clients lorsque vous avez mis à niveau votre entreprise vers une plateforme d'hébergement Cloud gérée, comme le cloud ? Maintenant, heureusement, les principes commerciaux que nous avons discutés dans cette leçon, nous allons généralement appliquer à n'importe quelle plate-forme d'hébergement que vous choisissez. Les seules différences que vous pourriez facturer un peu vos services pour l'hébergement privilégié sur votre serveur Cloud hautes performances, vous pouvez réserver votre, vos meilleurs services pour vos clients mieux payants et votre plus bas dans les serveurs pour les clients de maintenance de niveau inférieur. Et en fin de compte, la façon dont vous facturez vos clients dépend de vous. Mais nous avons posé plusieurs idées sont prêtes dans cette leçon. Donc, nous avons marché à travers I Jonas serait leur économie et serveurs dédiés. Maintenant, regardons une solution d'hébergement cloud géré comme les modes cloud. Décomposer les trois facettes de vos services d'hébergement Web, votre domaine, de votre hébergement Web et de vos e-mails, et voir comment cela fonctionne sur le Cloud. allons donc parcourir chacun de ces services, domaine, e-mails et hébergement, et voir comment nous pouvons les fournir à nos clients à l'aide notre compte d'hébergement cloud géré. Alors, d'abord, regardons les domaines. Maintenant, Cloud ways n'offre pas l'enregistrement de domaine. Cela signifie que vous devez soit avoir le domaine de votre client dans votre propre registre, comme par exemple les domaines Google ou Godaddy.com, ou un registre de domaine similaire. Et puis, ou demandez-leur de créer leur propre registre, votre compte en leur propre nom. Quoi qu'il en soit, que le domaine de votre client soit dans votre compte ou dans son compte, tout ce que vous avez à faire est de pointer les domaines DNS vers votre compte Cloud ways. Dans ce cas, regardons un exemple avec l'une de nos applications et notre compte cloud ways. Donc, l'adresse IP, c'est le code d'identification principal ici. L' adresse IP publique de ce serveur particulier que nous examinons à titre d'exemple, est juste ici. Et afin de connecter un nom de domaine qui a été enregistré, enregistré ailleurs, afin de le connecter à ce compte cloud ways. À titre d'exemple, nous copierions cette adresse IP puis allons dans notre registre de domaine, comme GoDaddy, les domaines Google dans ce cas. Nous regardons cloudflare.com. Nous allons ici et nous éditons l'enregistrement d'un transfert du nom de domaine principal. Dans certains bureaux d'enregistrement, il peut y avoir un symbole at et nous collons l'adresse IP que nous utilisons. Nous pouvons faire la même chose pour www afin que cela fonctionne lorsque vous ajoutez www avant le nom de domaine. Et c'est la seule chose que vous avez à faire pour connecter votre compte à Cowboys. Nous créons cette connexion d'adresse IP puis nous cliquons sur une gestion de domaine à gauche ici, une fois que nous sommes dans notre application et que nous tapons notre nom de domaine, cliquez sur Enregistrer les modifications, et c'est tout. C' est ainsi que nous fournissons les services de domaine. solutions cloud ne le font pas intégré, mais nous pouvons facilement le faire avec notre propre compte de registre de domaine ou avec votre client configurer le leur. Quoi qu'il en soit, vous n'êtes qu'une adresse IP, enregistrement DNS loin de la connexion à des moyens Cloud. Donc, le deuxième service Regardons est l'hébergement e-mail. Donc, Cloud ways n'offre pas non plus d'hébergement de courrier électronique prêt à l'emploi. Et pensez aux solutions Cloud comme un hébergement Web strictement. Cependant, ils s'intègrent avec une société appelée Rackspace pour l'hébergement de base IMAP. Et bien sûr, en plus de cela, vous pouvez toujours utiliser un espace de travail Google, Microsoft 365, des services Zoho comme ça pour l'hébergement de messagerie. si vous utilisez Google ou Microsoft, vous ne connecterez pas ces services à votre compte Cloud ways. Vous allez dans votre bureau d'enregistrement de domaine et connecté directement. Dans ce cas, ce client est connecté à Google, google workspace. Vous devez le connecter directement depuis le bureau d'enregistrement de domaine à Google, Microsoft, ou partout où leurs e-mails sont hébergés. Donc, cela ne se connecterait pas du tout aux moyens Cloud. Maintenant, si nous allons utiliser Rackspace dans le Cloud de manière, Voyons comment cela fonctionne. Nous allons dans notre compte Cloud était et nous cliquons sur Add-ons. Et cela nous amène à cette page où nous voyons notre e-mail élastique, qui est pour la délivrabilité des e-mails transactionnels et le service de gestion pour obtenir les e-mails livrés. Et Rackspace email, qui est l'hébergement de messagerie. C' est un moyen vraiment abordable d'ajouter e-mails basés sur IMAP à votre compte dans la devise américaine, c'est-à-dire seulement 1$ par mois et par boîte e-mail. Donc, tout ce que nous avons à faire est de cliquer Ajouter boîte aux lettres ici. Nous pouvons créer une boîte aux lettres et alias ou transférer, nous tapons simplement l'adresse e-mail que nous voulons créer, le mot de passe. Et c'est tout. Une fois que nous avons créé notre boîte aux lettres et que nous commençons à être facturés pour ce nouveau montant. Nous pouvons cliquer sur Aide ici et cela nous montrera comment nous pouvons intégrer les façons de Rackspace dans le Cloud. Il mentionne que nous devons pointer correctement l'enregistrement DNS MX. Pour voir un exemple de cela, nous allons à un autre compte ici qui est connecté à Rackspace. Et cela amène l'enregistrement MX pour Rackspace ici, lui X1 dot email server.com et MX deux. Ce sont les deux seuls enregistrements MX nécessaires pour se connecter à Rackspace. Et il y a quelques autres que vous pouvez ajouter, un demarc et des enregistrements DKIM et SPF, mais c'est tout décrit ici dans l'article sur les façons de cloud, comment utiliser Rackspace, email ajouter sur. Donc, avec le Rackspace, les boîtes aux lettres seulement 1$ par million de dollars par mois. Vous avez donc quelques options. En tant que décision d'affaires, vous pouvez transmettre cette somme de 1$ par boîte aux lettres et par mois à votre client ou vous pourriez charger cela, disons peut-être 5$ par boîte aux lettres par mois. Ce serait en ligne avec ce que Google et Microsoft facturent. Ou vous pouvez simplement inclure cela dans vos frais d'hébergement et de maintenance mensuels et le vendre comme un avantage gratuit pour votre hébergement et votre maintenance. Ce sont donc vos options pour les courriels avec les méthodes Cloud. Encore une fois, ils s'associent à Rackspace et vous pouvez facilement y installer une boîte aux lettres, votre Cloud utilise Rackspace. Donc, le troisième service d'hébergement, vous pouvez fournir ce que les moyens Cloud ? C' est le moyen principal. Vous utiliserez le Cloud dans le cadre de vos services d'hébergement mensuels. Et c'est l'hébergement standard. Maintenant, si vous hébergez un site Web avec des méthodes Cloud, tout ce que vous devez faire comme nous l'avons mentionné, est de pointer l'enregistrement principal vers votre serveur Cloud ways. Dans ce cas, c'est l'adresse IP dont nous avons discuté ici. Vous pouvez obtenir cela lorsque vous ajoutez votre application à votre compte Cloud ways, nous allons accéder aux détails et c'est juste ici sur leur IP publique. Tout ce que nous avons à faire est de copier cela, coller dans notre bureau d'enregistrement de domaine. Ensuite, nous allons à la gestion de domaine et nous ajoutons le nom de domaine principal que nous voulons ajouter pour cette application particulière, nous mettons dans notre nom de domaine, cliquez sur Enregistrer les modifications. Et tant que cet enregistrement DNS est installé, il est prêt à partir. Enfin, si nous voulons installer un certificat SSL, c'est très facile à faire. Ils ont établi un partenariat avec, Let's Encrypt pour fournir des certificats SSL gratuits avec le renouvellement automatique activé. Tout ce que nous avons à faire est de taper notre nom de domaine, puis nous allons ajouter un simple nom C, enregistrement DNS, défi Acme, et il pointe vers notre site de test. Donc nous copions ça. Nous allons dans notre registre de domaine. Dans ce cas, nous regardons toujours Cloudflare à titre d'exemple, mais vous pouvez le faire dans n'importe quel registre de domaine. Et on va au nom C. Nous ajoutons un enregistrement CNAME et nous copions et collons ce que notre compte Cloud ways nous a fourni. Assez simple. C' est ainsi que vous connectez un site Web à votre serveur cloud. Maintenant, une fois que vous avez les sites Web de votre client sur votre serveur client-serveur hautes performances, vous pouvez commencer à les construire pour vos services d'hébergement. Et encore une fois, je pourrais vous suggérer de facturer un peu plus puisque Cloud ways est une solution d'hébergement haut de gamme. Mais la question suivante, que se passe-t-il si vous prenez un client avec un site Web existant et que vous devez le migrer vers votre serveur cloud tel quel. Donc, vous ne créez pas de nouveau site, ils ont un site Web existant et vous voulez simplement le transférer ou le migrer vers votre compte Cloud ways. Eh bien, voyons un exemple de la facilité avec laquelle cela est facile à faire sur le Cloud. Je vais vous montrer une migration en direct d'un de mes clients. Je dois migrer de mon compte Jonas vers le Cloud. Donc, nous allons nous connecter à la zone d'administration du site Web voulaient migrer. Dans ce cas, celui que nous voulons migrer est un salon. Et nous voulons le déplacer vers notre compte Cloud ways. Donc, nous nous connectons et nous allons à Plugins et cliquez sur Ajouter Nouveau. Et nous attendons avec impatience les façons Cloud migrer ou plugin. J' ai un processus de migration très facile. Tout ce que nous avons à faire est d'installer ce plugin, de l'activer. Ensuite, nous copierons et collerons quelques paramètres à partir de notre compte Cloud ways. Nous commencerons par taper l'adresse e-mail de notre compte Cloud ways et cliquez sur le bouton Migrer. Et il va nous demander certains paramètres à partir de notre compte Cloud ways. Avant de pouvoir copier et coller ces, nous devons aller dans notre compte Cloud était et mettre en place la nouvelle application. Nous cliquons donc sur Applications, puis ajoutons une application, puis sélectionnez un serveur vers lequel nous voulons migrer et cliquez sur Ajouter une application. Nous choisissons WordPress. Et le nom de notre application, qui est le nom du site Web. Et cliquez sur Ajouter une application. Donc super facile à faire sur les façons Cloud et cela ne prend que quelques minutes. Nous sommes donc en train d'ajouter l'application et dans deux minutes, elle sera disponible. Maintenant, une fois que ce sera disponible, nous aurons le nom de l'URL du site de destination. C' est l'URL Cloud ways pour cette application spécifique. Nous aurons l'adresse IP du serveur, qui est celle que nous avions examinée plus tôt. Nom de la base de données créée pour cette application et FTP sécurisé pour cette application particulière. Ensuite, nous cliquons sur Migration. Revenons donc à notre compte Cloud ways. Et l'application est toujours en cours d'installation. Et maintenant notre application est prête à partir. Donc, nous cliquons sur notre application et nous allons récupérer l'adresse IP. Nous allons copier et coller que sous l'adresse du serveur slash hôte, va copier et coller notre URL, qui est WordPress et quelques numéros, DotCloud façons apps.com, ou coller cela ici dans l'URL du site de destination. Maintenant, nous cherchons le nom de notre base de données, qui est juste ici. Et puis le nom d'utilisateur 34. Services de maintenance : Gestion: Bienvenue. Je suis Leighton, votre webmaster. Dans la leçon d'aujourd'hui, discutons de la principale caractéristique du plan de maintenance de votre site Web. Pour la maintenance, la gestion d'un site web. Comment gérez-vous les sites Web de vos clients ? En plus de l'hébergement, c'est la viande de vos services. Peut paysagiste qui garde un long rangé, un gestionnaire immobilier qui maintient une maison en bonne forme. Un webmaster s'assure qu'un site Web est dans sa meilleure forme, vivant et fonctionnel. Considérons sept facettes de la gestion. Mises à jour logicielles, surveillance de la disponibilité, détection des modifications, analyse, suivi, Search Console, listes locales et support de sites Web. Et la plupart d'entre eux incluent un service gratuit particulier que j'ai vérifié et utilisé depuis plusieurs années. Allons entrer. Une mise à jour logicielle. Wordpress lui-même, ses thèmes et ses plug-ins ont tous besoin d'une mise à jour régulière. Voilà à quoi ça ressemble. Tous les quelques jours, vous trouverez quelque chose à mettre à jour sur le site WordPress. Cela pourrait sembler facile si vous n'avez qu'un seul site Web. Mais que se passe-t-il quand on a 10, 20, centaines ? Je veux dire, comment pourriez-vous suivre toutes ces mises à jour ? Qu' en pensez-vous ? Eh bien, il y a un fantastique service gratuit. J' aimerais vous présenter pour gérer WP. J' aime tellement ce logiciel. Je l'utilise tous les jours. Alors regardons ça immédiatement. Et nous voici sur Manage WP.com. Je pense que manager WP est l'un des meilleurs logiciels jamais créés pour un webmaster WordPress. C' est incroyable, alors jetons un coup d'oeil. C' est la page d'accueil que j'ai réussi à BEP une meilleure façon de gérer les sites WordPress. Surveillez et maintenez vos sites WordPress à partir d'un tableau de bord. D' accord, gérez des sites Web illimités gratuitement. C' est tellement incroyable. Des extensions Premium sont disponibles. Donc, si vous vous demandez comment ils gagnent leur argent, ils ont des add-ons premium. Personnellement, je n'en profite pas, je n'ai pas besoin de vous recommander d'en profiter à moins que vous ne trouviez que vous vouliez ajouter cela à votre répertoire de services. Jusque-là, les services gratuits sont incroyable image WP offre WordPress tableau de bord de gestion de site Web. Regardons cette vidéo d'introduction. Bonjour En une minute et demie, gérez-vous plusieurs sites Web ? Si c'est le cas, vous passez probablement d'innombrables heures à les gérer tous avec WP managé. n'y a plus besoin de s'en soucier. Le WP géré vous permet d'accéder facilement à tous vos sites Web et de les gérer à partir d'un seul tableau de bord. Donc, au lieu d'heures de travail d'administrateur, vous pouvez mettre à jour vos sites Web en un seul clic. Pas besoin de se souvenir des mots de passe pour chaque site. Une fois connecté, vous avez accès à tous. Il est très facile de commencer seulement les sites Web Azure pour le tableau de bord Gérer WP et commencer à automatiser vos tâches d'administration, effectuer des mises à jour en bloc des modules ou thèmes de base WordPress en un seul clic. Gérer WP est livré avec de nombreuses fonctionnalités qui vous aideront à faire le travail efficacement, y compris des sauvegardes, des sauvegardes automatisées et manuelles le Cloud ou des restaurations en un seul clic. mises à jour sûres créent automatiquement un point de restauration avant la mise à jour, comparent le site Web avant et après l' installation de la mise à jour et vous aident à annuler la mise à jour en cas de problème. Le clonage et la migration permettent de migrer facilement les sites entre la zone de transit et l'environnement vivant. Moniteur de temps, recevez une notification instantanée si un site tombe en panne. Et beaucoup, beaucoup plus géré WP vous rendra la vie plus facile. Commencez à gagner du temps. Et c'était une grande vidéo d'introduction. C' est ce que WP géré est tout au sujet en quelques minutes, vous pouvez configurer gérer pour être p comme votre premier site Web en un seul clic, Exécutez toutes les mises à jour et créez votre première sauvegarde gratuitement. Et nous aimons automatiser, automatiser votre flux de travail et commencer à gagner du temps. Deux choses sont très importantes pour nous. Tout ce dont vous avez besoin pour automatiser votre flux de travail. Ainsi, gérez les offres WP, la maintenance, maintenance avec les mises à jour, et la sécurité, avec des sauvegardes et des contrôles de sécurité, surveillance avec la surveillance du temps de disponibilité, SEO et Google Analytics, collaboration, le service client avec rapports et banc de notation, avec des contrôles de performance du site Web. Donc, sans plus tarder, connectons-nous à mon WP géré afin que nous puissions voir à quoi cela ressemble à partir du back-end. Donc c'est géré WP, notre droit. Donc, la première chose que nous voyons à l'avant et au centre est toutes les mises à jour disponibles sur nos sites Web. J' ai donc ajouté mes sites Web à mon compte. Et cela montre qu'il y a actuellement 21 mises à jour de plug-in disponibles. Je n'ai pas besoin de me connecter à chaque client individuel et de les mettre à jour. Tout ce que j'ai à faire est de cliquer sur mise à jour. Et il mettra à jour tous les plug-ins disponibles pour les mises à jour sur tous ces sites Web. Il fait également des thèmes et il fait le noyau WordPress, qui est un gain de temps incroyable. Si vous le souhaitez, vous pouvez sélectionner individuellement les cases à mettre à jour et cliquer sur Mettre à jour. Et rarement, vous pouvez cliquer sur Ignorer lorsque vous devez ignorer une certaine mise à jour. Par exemple, s'il y a un thème premium qui ne sera pas mis à jour sans le code approprié que vous n'avez peut-être pas encore pour votre client. Mais pour la plupart, nous cliquons sur mettre à jour tout et tout est bon. D' accord, l'optimisation. Cela vous donne donc quelques idées d'optimisation, trois façons distinctes d'optimiser, d'optimiser votre base de données. L' un est le spam. De nombreux commentaires de spam peuvent ralentir votre site Web. Nettoyez les commentaires de spam sur votre site avec cette option, publiez des révisions. Ce sont donc des révisions de vos pages et publications. Comme vous le dites révisions de poste, votre base de données se développe et peut ralentir les performances de votre site Web, optimiser vos révisions de publication avec cette option. Et puis mégaoctets. Azure, la base de données MySQL se développe. Il peut ralentir les performances de votre site Web, optimiser votre base de données MySQL avec cette option. Donc, cela montre que la surcharge la plus importante dans ma base de données en ce moment pour tous mes clients est de 2,5 mégaoctets, ce qui représente actuellement environ 10 mégaoctets de données excédentaires dans la base de données que nous pouvons nettoyer. Je clique sur ce bouton une fois par semaine. Ce n'est pas quelque chose que j'ai l'impression de faire tous les jours. Mais ce que cela fait est de nettoyer tous les commentaires de spam, révisions de poste et les frais généraux de table sur tous mes sites Web. Donc, une fois par semaine, je vais cliquer sur optimiser tout. Et c'était un énorme gain de temps. Au lieu d'avoir à se connecter à la base de données et le faire manuellement sur chaque site Web. Vous pouvez également gérer les commentaires à partir d'ici. S' il y a un spam ou un commentaire légitime en attente, vous pouvez l'approuver ou le désactiver, le supprimer ou le spam. n'y a pas de mises à jour dans le blog en ce moment. Ce serait le blog WP géré. Et puis ici, nous pouvons excès de sauvegarde, sécurité, performance, moniteur de liaison, temps de disponibilité, référencement et analyse. Droit ? Et bientôt nous passerons en revue quelques-unes de ces autres sections. Il y a aussi des sites Web où vous pouvez voir les différents sites Web que vous avez ajoutés à votre compte VP manager. Vous pouvez gérer les clients, puis afficher les modules complémentaires, c' est-à-dire les mises à niveau payantes pour WP géré. C' est surtout un gain de temps supplémentaire, comme au lieu d'avoir à faire manuellement quelque chose comme faire un contrôle de sécurité sur chaque site Web individuel. Vous pouvez l'automatiser en achetant ce plugin. L' automatiser tout. Vous y allez, ¢0,7 par mois. Apprenons-en plus et voyons comment ce coût se décompose actuellement. Voyons voir les prix pour vous add-ons, la prime que vous pouvez faire par site Web. Ainsi, des contrôles de sécurité automatisés ou des sauvegardes premium ou des rapports clients avancés ou des contrôles de performance automatisés avancés. Il s'agit essentiellement d'un ou de $2 par mois. Ou vous pouvez grouper et obtenir jusqu'à, pour un maximum de 100 sites Web qui provoquera vingt-cinq dollars par mois pour votre compte. Et vous pouvez automatiser tous vos contrôles de sécurité ou tout ce que vous voulez faire sur ces autres extensions premium. En fait, je ne paie pas pour tout ça. Je m'en tiens à ce gratuit mais les add-ons premium sont là si vous voulez en profiter et automatiser votre flux de travail encore plus loin. Et puis il y a un paquet ultime tout en un seul paquet, tous les lots combinés pour 150$. Donc c'est géré WP, je pense que c'est un fabuleux morceau de logiciel. Je vous recommande de commencer avec eux dès que possible. Créez votre compte WIP géré et ajoutez votre site Web comme premier. Comment ferais-tu ça ? En cliquant sur le bouton plus dans le coin supérieur gauche. Bouton Plus Ajouter un site Web. Vous pouvez saisir l'URL de votre site Web. Et puis sur l'écran suivant, vous tapez votre nom d'utilisateur et mot de passe pour WordPress. Ou vous colleriez un code de connexion que vous pouvez obtenir en suivant les instructions sur cet écran. Donc super simple, je vous recommande fortement commencer tout de suite avec ce logiciel incroyable. À ce stade, veuillez mettre la vidéo en pause, inscrivez-vous à votre compte WIP géré. Connectez votre propre site Web. Ensuite, la surveillance du temps de disponibilité. Alors, quel est l'intérêt d'un site web ? Si elle passe hors ligne ? Disons qu'est-ce qui se passe hors ligne ? Tu essaies de le tirer et c'est vide. Il ne se chargera pas. Qu'est-ce que tu fais ? Eh bien, vous résolvez quel que soit le problème, évidemment, mais plus important encore, combien de temps était-ce en panne ? Si vous ne surveillez pas activement vos sites Web ? Ça aurait pu être en panne pendant des jours ou des semaines. S' il s'agit d'un site e-commerce, imaginez les ventes qui seraient perdues. Alors, comment surveillez vos sites Web ? Je veux dire, est-il pratique de vérifier manuellement tous les sites Web de vos clients tous les jours ? Et généralement, vous utilisez un service pour le faire. C' est pas cher. Non, en fait, j'utilise un service gratuit. Et c'est le regard. Avant d'aller aux robots de disponibilité, je veux vous montrer la section de moniteur de disponibilité de WP managé. Donc, tant que nous avons notre compte réussi à être P, pourquoi ne pas utiliser leur surveillance intégrée du temps de disponibilité ? Si vous vous demandez cela, c'est une excellente question. Essayons ça hors du temps. Nous allons donc cliquer sur l'un de nos sites Web et cliquer sur le bouton Activer. Et qu'est-ce que nous avons invité avec activer le temps de disponibilité surveiller le prix Add-on. Depuis que j'ai depuis que j'utilise ce compte depuis longtemps. Il est maintenant en baisse à 0,70$ au lieu de 1$, mais toujours 0,70$ par site Web. Je vais sauter dessus. S' il y a une option gratuite là-bas, ou nous pouvons cliquer sur Activer tout. Et ce serait un supplément de 77,70$ par mois ou 100$ pour un nouveau compte. Et encore une fois, c'est inutile s'il y a une option gratuite là-bas. Nous aimons donc le logiciel libre. Voyons ce qu'il y a là-bas. Cela nous amène à uptime robot.com. Uptime robot.com. Il vient de passer par un rafraîchissement du design. Vous voyez beaucoup plus de design de moindre qualité et maintenant ils ont une incroyable, belle rafraîchissement. J'adore ce site. Donc ils ont fait un excellent travail rafraîchissant ça. Ceci est uptime robot.com, le premier service mondial de surveillance de la disponibilité. Je suis avec lui depuis plusieurs années et je me porte garant d'eux. Vous obtenez 50 moniteurs avec des chèques de cinq minutes. Totalement gratuit. Nous aimons libre. Ainsi, vous pouvez commencer à surveiller, créer votre compte en seulement 30 secondes. Alors voyons quoi d'autre ici. Actuellement, nous gardons un œil sur 4,5 millions moniteurs plus pour plus de 800 mille utilisateurs et entreprises. Ce sont quelques-unes des entreprises pour lesquelles ils fournissent des services. Tout ce que vous vous souciez vraiment, surveillé à un seul endroit, la surveillance du site Web, qui est essentiellement tout utilisera ici, certificat SSL, la surveillance du port et du ping et la surveillance du travail crone. Il y a des fonctionnalités avancées. Fondamentalement, on a juste mis ça et on l'oublie. Vous ajoutez le site. Et c'est que nous ne nous inquiétons pas de toutes les fonctionnalités avancées, mais elles sont là parce que cette entreprise offre beaucoup. Les temps d'arrêt se produisent, soyez averti. Ainsi, lorsqu'un temps d'arrêt se produit, vous pouvez recevoir un e-mail. Il peut s'agir d'un SMS, d'un appel vocal automatisé, Twitter, de Slack, de Zapier, d'un télégramme, hameçon web, d'une balle à pousser. Il y a toutes sortes de services et d' intégrations tiers que vous pouvez être averti lorsque le temps d'arrêt se produit. Ainsi, vous pouvez choisir ce qui vous convient. Mais connectons-nous à notre tableau de bord sans plus tarder. Donc, nous cliquons et allons pour aller au tableau de bord du compte, connectez-vous à notre compte. Et ce qui se passe ici. Ce sont donc les moniteurs que j'ai ajoutés à mon compte. Et fondamentalement, vous pouvez voir le pourcentage de disponibilité. Vous pouvez voir quels sites sont en place, lesquels sont en panne actuellement, aucun, un mineur vers le bas, ce qui est génial. Et si nous cliquons sur un en particulier, nous pouvons confirmer qu'il est en direct, qu'il est en place et voir un historique, historique du temps de disponibilité et des temps d'arrêt. C' est très simple. Vous ajoutez simplement vos sites Web à ce tableau de bord, puis vous l'oubliez jusqu'à ce qu'un site tombe en panne. Ce n'est pas un site Web auquel vous vous connecterez régulièrement, mais quand un site Web tombe en panne, vous recevrez la notification pop-up de la manière que vous choisissez et vous pouvez aller le diagnostiquer. Alors, comment pouvons-nous ajouter un moniteur à notre robot de disponibilité pour compte, nous cliquons sur le vert, Ajouter un nouveau moniteur. Et il y a quelques choses qu'on peut faire ici. Nous pouvons sélectionner les comptes à notifier. Dans mon cas, lorsque j'ajoute mon adresse e-mail, mon numéro de téléphone. Il s'agit de l'application iPhone boxcar, puis de l'application officielle du robot de disponibilité pour iPhone, qui est disponible sur le type de moniteur de l'app store. Donc, nous pouvons sélectionner HTTPS, qui serait un site Web. Mon site de test. On y va. Nous pouvons sélectionner l'intervalle de surveillance. Je ne ferais pas une minute parce qu'un site peut tomber pendant quelques secondes et nous ne voulons pas être bombardés de notifications. Vérifions juste toutes les cinq minutes. Il y aura beaucoup plus d'options avancées gérables. On n'a pas besoin de s'en soucier. Et voilà, nous sommes prêts à y aller. Il suffit de cliquer sur Créer un moniteur et il est ajouté à notre compte. Génial, génial, génial. Nous aimons le robot de disponibilité. Allez-y et obtenez votre compte dès que possible et ajoutez votre site Web à votre compte de robot de disponibilité. À ce stade, veuillez mettre la vidéo en pause, inscrire à votre compte de robot de disponibilité et à votre site Web comme premier moniteur. Le troisième service est la détection des modifications. Maintenant, celui-ci est étroitement lié à la surveillance du temps de disponibilité, mais fondamentalement différent. Et laissez-moi vous expliquer par l'exemple. Disons que vous tirez vers le haut votre site et il a été remplacé par cela dans le site Web aller vers le bas. Comment répondrais-tu ? C, Le site est brisé par le robot de disponibilité ne va montrer qu'en ligne. C' est pourquoi vous avez besoin de la surveillance du temps de disponibilité et de la détection des changements en tandem. Heureusement, il y a un autre service gratuit qui gère cela avec ceux-ci. Regardons. Donc, nous voici sur suivre ce page.com, un merveilleux service gratuit créé il y a plusieurs années. Ils suivent tant de pages sur Internet pour tant de comptes différents. Et ils ont encore une conception de site web très basique. Mais c'est bon parce que leurs fonctionnalités de base sont géniales. Il s'agit donc d'un service de détection des modifications et de notification qui vous envoie un e-mail lorsque vos pages Web préférées ont changé. C' est un service très basique mais aussi précieux qui permet de gagner du temps. Nous surveillons essentiellement le web pour vous. D' accord, alors suivez une nouvelle page. Il vous suffit de copier et de coller votre URL. Plus important encore, nous pouvons créer un compte que je vous recommande de faire. Donc, vous cliquez sur vos pages. Et cela nous amène à toutes les pages que nous avons ajoutées à notre compte et nous pouvons en ajouter une nouvelle. Bon, donc nous ajoutons, disons uptime robot.com, et nous cliquons sur Suivant. Rappelez-vous que vous pouvez, vous pouvez suivre n'importe quelle page sur le web. Ce n'est pas forcément un site client. Vous pouvez vraiment suivre tout ce qui vous intéresse. Mais nous allons ajouter nos comptes clients pour suivre ce compte de page. Donc, nous ajoutons l'adresse de la page, ce serait notre clients.com. On peut décocher et vérifier ces deux-là. Ça a l'air bien. Lignes de contexte. Gardez-le à 0. Description est l'endroit où vous ajoutez un nom convivial, qui serait le nom commercial de votre client. Signaler les erreurs. Je vais de l'avant et signale toutes les erreurs juste au cas où il y aurait une défaillance de la connexion au serveur. Où aimez-vous le savoir ? Pour qu'on puisse le diagnostiquer. Puisque vous êtes webmaster, vous voulez diagnostiquer quand quelque chose va mal. Il est donc préférable que nous soyons informés. Et en fréquence. Faites la vérification tous les jours, suivez Google PageRank et Internet Archive. On peut décocher ces deux-là et vérifier si tu es plus proche de toi, alors génial. Si vous vivez aux États-Unis, alors je vais de l'avant et je le change en États-Unis. Le filtre de ligne peut être utile si les choses changent régulièrement sur le site Web qui sont des changements légitimes. Vous pouvez jeter un oeil au filtre de ligne. Et puis la même chose pour le filtre de bloc. part ça, c'est à peu près ça. Vous cliquez sur Enregistrer et vous recevrez un e-mail. Chaque fois que quelque chose change, tous les sites Web de votre compte seront numérisés du jour au lendemain. Et vous recevrez un merveilleux e-mail quand quelque chose change, vous indiquant ce qui a été ajouté ou supprimé, et vous pouvez aller diagnostiquer le problème. S' il y a un problème légitime, vous serez averti si vous mettez à jour quelque chose sur le site Web de votre client. Et c'est juste une confirmation qu'ils ont pris les choses que vous avez mises à jour, ce serait un changement légitime, mais un changement illégitime, quelque chose que vous n'avez pas demandé comme un code d'erreur apparaissant ou quelque chose que vous n'avez pas l'intention d'être là. C' est certainement quelque chose que tu voudrais aller te diagnostiquer en tant que webmaster. Vous devez connaître ces choses afin de pouvoir résoudre ces problèmes lorsqu'ils surviennent pour vos clients. Et c'est ce service génial. Allez-y et obtenez votre compte dès que possible sur cette page et commencez à ajouter votre site Web à votre nouveau compte. À ce stade, s'il vous plaît mettre la vidéo en pause, inscrivez-vous à votre compte automne cette page. Ajoutez votre site Web comme premier moniteur. Le quatrième est le suivi analytique. Sachez à quel point un site Web fonctionne. Si tu ne peux pas le suivre ? Comment sauriez-vous à quel point un programme de conditionnement physique fonctionne si vous ne pouviez pas suivre vos progrès ? De même, lorsqu'un site Web est lancé, vous devez mesurer et surveiller son efficacité. Comment faites-vous ça ? Grâce à l'analyse, l'analyse, les pistes logicielles des visiteurs qui viennent sur votre site. Dites-vous d'où il vient, combien de temps ils sont restés. S' ils sont sur un appareil mobile et beaucoup plus, beaucoup plus, beaucoup plus d'informations que vous pourriez avoir besoin. Mais que faites-vous de ces données ? Et si vous saviez qu'une majorité de vos visiteurs sont partis à la technologie Web sans regarder autour de vous. Ou la majeure partie de votre trafic provient d'appareils mobiles. Ou votre page la plus populaire n'a pas été mise à jour depuis des années. Les données d'analyse vous permettent de prendre des décisions, d'optimiser votre site Web, de savoir comment installer Analytics ? Est-ce un service gratuit ? Voyons voir. Donc, ceci est google.com slash analytics qui nous amène à la plate-forme de marketing Google. Vous apprenez à connaître vos clients. C' est l'essence même du suivi analytique. Alors, continuons et connectez-vous à notre compte analytique en cliquant sur Se connecter à l'analyse. Donc, cela utilise notre compte Google, qui si vous avez un Gmail ou Google, YouTube ou un téléphone Android ou autre, vous avez un compte Google et vous avez déjà accès à Google Analytics. Et voici le tableau de bord de Google Analytics. Alors, allons chercher un de nos comptes clients. Ces personnes fournissent du financement à travers l'Amérique pour les entreprises de construction. Et voyons ce que montrent les rapports d'analyse. C' est donc la maison d'analyse, qui nous montre quelques-unes des données les plus importantes au cours des 30 derniers jours. Ainsi, avec Google Analytics, vous pouvez être complètement submergé par toutes les pièces de données qui sont disponibles pour vous diviser en conversions, acquisition de comportement, audience en temps réel. Il y a tellement de choses que vous pouvez voir. Laisse-moi te montrer les bases. Permettez-moi donc de vous montrer les éléments les plus importants de Google Analytics sur lesquels vous allez vous concentrer pour vos clients. Et puis je vais vous montrer comment ajouter cela à votre site Web. Commençons donc par l'audience et la vue d'ensemble. Donc, au cours des 30 derniers jours, cela vous montre combien de personnes ont visité votre site Web sous utilisateurs. Les nouveaux utilisateurs seraient ceux qui n'ont jamais visité le site auparavant. Les sessions seraient une session est la période pendant laquelle un utilisateur est activement engagé avec votre site Web. Toutes les données d'utilisation sont associées à une session. Bon, nombre de sessions par utilisateur, 1,48 pages vues. Il s'agit du nombre total de pages affichées. vues répétées d'une seule page sont comptées. Donc, ce serait un peu comme des visites, visites sur le site Web, des pages par session. Donc, quand quelqu'un est arrivé, combien de pages ont-ils visitées dans ce cas, au cours des 30 derniers jours, une moyenne de 2,6 pages a été visitée. Combien de temps chaque session a-t-elle duré ? 50 secondes. La durée moyenne d'un taux de rebond de session est extrêmement faible, 4,94%, ce qui signifie 4,9, essentiellement 5% sont allés sur le site et ont quitté la page sur laquelle ils étaient, quitté ce site entièrement. C' est extrêmement bas. Tout ce qui est inférieur à 50% est bon, mais c'est, c'est génial, un taux de rebond impressionnant. Ce graphique ici nous montre les nouveaux visiteurs par rapport aux visiteurs de retour. De retour et de nouveaux visiteurs. Nous pouvons voir la langue que les gens visitent depuis le pays. Il y a des visiteurs aux États-Unis, en Inde, et d'autres. Ville où les villes les plus populaires que les gens visitent le site à partir de, quel navigateur ils utilisent. Dans ce cas, Google Chrome et Safari. Quel système d'exploitation ? Fournisseur de services, système d'exploitation mobile, Android, iOS , Windows, résolution d'écran et fournisseur de services, qui ne nous montre rien. Comment modifions-nous la période de vue ? C' est donc du 14 septembre au 13 octobre. Vous pouvez changer cela pour le faire aujourd'hui. Hier, la semaine dernière, le mois dernier, les sept derniers jours et les 30 derniers jours de données analytiques. Ou vous pouvez simplement sélectionner votre date manuellement. Et d'accord, c'est donc un aperçu du trafic web au cours des 30 derniers jours. Qu' avons-nous d'autre ? Je vais passer au mobile. Voyons si les visiteurs visitent ce site Web sur un appareil mobile. Dans ce cas, au cours des 30 derniers jours. Changeons ceci en un graphe circulaire pour le rendre plus facile à lire. Et il semble que 55% venaient sur un appareil mobile, 39% venaient sur un ordinateur de bureau et 5% sur une tablette. Alors qu'est-ce que ça veut dire ? La plupart des gens visitent le site Web sur un appareil mobile. Alors pensez-vous qu'il serait préférable d'optimiser un site Web pour un bureau ou la vue mobile. Les deux sont importants, mais si vous allez où sont vos visiteurs serait sur le côté mobile. Donc, alors que vous voulez vous assurer que le bureau a l'air bien, Il est essentiel que le mobile semble haut de gamme. Nous pouvons affiner cela avec la vue d'origine, où nous pouvons voir les utilisateurs, les nouvelles sessions utilisateurs rebondir pages de taux par session, durée moyenne de la session, et les objectifs pour chacun de ces différents points de vue. Mobile, ordinateur de bureau et tablette. Alors, qu'est-ce qu'on remarque ? Les personnes sur une tablette restent en moyenne 21 secondes. Les gens sur le bureau restent un peu plus d'une minute. La plus longue période de temps, et mobile serait de 40 secondes, qui est calculée en moyenne sur ces trois pour les gens sont rester plus longtemps sur le bureau et mobile est de garder moins de leur attention. Donc, sur mobile, les gens vont directement au but. Et les gens ne veulent pas avoir de mal à trouver ce qu'ils recherchent. Le taux de rebond est assez uniforme sur tous ces, 5.713.335.74. Donc, si vous voyez un aberrant clair, comme on disait, 40, 50, ou 60 pour cent alors que les autres étaient faibles, alors ce serait un point faible. Ce serait quelque chose à examiner. Dans ce cas, nous n'avons pas ça ici. Regardons autre chose. Nous avons donc examiné la vue d'ensemble de l'audience, et nous avons examiné la vue d'ensemble du mobile. Maintenant, répondons à la question. D' où viennent mes visiteurs ? Aperçu de l'acquisition. Cela nous montre les différents canaux par lesquels quelqu'un a trouvé votre site Web. Le numéro un serait payé recherche. Cela signifie que la société a sorti Google Ads. Deuxièmement serait la recherche organique, qui serait le classement des moteurs de recherche gratuits. La troisième était directe, ce qui signifie qu'ils sont allés directement sur le .com. Nom de domaine. Numéro 4 était une référence, ce qui signifie qu'ils étaient sur un autre site Web et qu'ils sont allés ils ont cliqué sur un lien de ce site Web vers votre site Web. Numéro cinq serait social, ce que je veux dire, ils ont cliqué sur un post Facebook ou quelque chose qui lié à ce site Web. D' autres signifie qu'il n'a pas été spécifié et sept signifie qu'ils ont cliqué sur un lien et un e-mail, peut-être à partir d'une campagne de marketing Mailchimp et ils ont atterri ici. Nous pouvons regarder cela un peu plus loin en cliquant sur tout le trafic et canaux pour affiner ces données. Ainsi, nous pouvons briser cela, décomposer les utilisateurs, le taux de rebond, les pages, la durée de la session pour chacun de ces différents canaux, et voir quelles sont les forces et les faiblesses de ces données analytiques. Voyez s'il y a des valeurs aberrantes. Une autre chose que nous pouvons faire est de cliquer sur les références et de voir quels liens les gens viennent pour visiter ce site Web. Bon, donc nous avons vu un aperçu du public. On a vu des acquisitions mobiles. Maintenant, regardons le comportement. Cela répond à la question, quelles sont les pages les plus populaires sur mon site Web ? Il est très utile de connaître les pages populaires sur le site. Donc, vous savez quelles pages les gens vont en fait. Et si l'une de ces premières pages n'a pas vraiment l'air si belle ou a du contenu obsolète, ou pour une raison quelconque, il peut être optimisé, alors c'est certainement quelque chose que vous pouvez mettre sur votre liste de choses à faire. Nous voulons que ces premières pages soient de leur mieux. Nous allons donc cliquer sur le titre de la page ou de la page pour voir quelles pages sont les plus populaires. Et puis si je clique sur la vue, le rapport complet obtiendra plus de données ici. Cela nous amène aux pages les plus populaires et nous pouvons, nous pouvons voir fait aux pages. Dans ce cas, ce site a 132 pages. On peut voir les pages du haut. Donc vraiment seulement les 10 premiers ou vraiment eu à s'inquiéter parce que ceux-ci ont été juste visités une ou deux fois et ne sont pas des pages populaires, mais ceux en haut dans les 30 derniers jours, j'ai prouvé qu'ils sont les pages Web les plus visitées. Donc encore une fois, si l'un de ces cinq premiers, disons que l'un d'eux a à peine un temps d'écran. Comme celui-ci a 13 secondes au lieu de dire plus d'une minute. Et on pourrait dire, pourquoi c'est celle-là ? Les gens ne conservent pas l'information sur cette page câblée et ne restent pas dessus ? Ou est-ce qu'ils cliquent juste et cliquent dessus ? Que pouvons-nous faire pour améliorer la page ? Et les adultes ? Est-ce qu'on a ? Et le taux de rebond ? La moyenne est de 4,94. Mais y en a-t-il qui sont plus élevés que les autres ? Si oui, pourquoi sont-ils si élevés ? Pourquoi les gens vont sur cette page et s'en vont ? n'y a que quelques sessions pour une page particulière, alors les données peuvent être un peu biaisées ou trompeuses. Mais si vous avez beaucoup de trafic vers une page, alors les moyennes sont assez fiables. Donc, ici, vous pouvez passer par chacune des pages du haut. J' aime m'en tenir au top 10 et juste peigner ces données et voir s'il y a des faiblesses. Quelles sont les forces et les faiblesses de ces données ? C' est donc très utile aussi. Et ce sont les principales choses que j'aime regarder. Alors, comment donner à nos clients un rapport régulier de ces données ? C' est une fonctionnalité génial qui permet de gagner du temps. Nous allons donc à l'une de ces sections dans Google Analytics, puis cliquez sur Partager, Partager et vous pouvez copier et coller votre adresse e-mail pour votre client puis changer le sujet pour dire, analyse mensuelle, rapport. La pièce jointe, rendre la fréquence PDF mensuelle le premier du mois. Ensuite, vous pouvez entrer l'option ou le message que vous souhaitez afficher dans le rapport d'analyse. Modifiez la durée pendant laquelle vous souhaitez que ce rapport paraisse tous les mois le premier jour du mois pendant 12 mois. Et ici, vous pouvez dire que voici votre rapport mensuel de trafic Analytics. Appréciez. Veuillez me faire savoir si vous avez besoin d'éclaircissements dans ce rapport. D' accord. On clique sur Je ne suis pas un robot. Et puis on y va. Nous mettrons en place notre rapport d'analyse mensuel. Une fois que vous avez créé celui-ci, vous pouvez cliquer sur le bouton Ajouter à un e-mail existant et l'ajouter à un e-mail mensuel. C' est une fonctionnalité très utile. Ils recevront donc un e-mail avec toutes ces différentes sections que vous ajoutez manuellement. Peut-être que vous voulez un e-mail qui inclut la vue d'ensemble de l'audience, le mobile, l'acquisition et le comportement de la page. C' est donc une excellente façon d'automatiser encore davantage vos processus en automatisant le rapport de suivi analytique. Google Analytics est extrêmement écrasant pour tout le monde. Mais une fois que vous savez ce que vous regardez et que vous avez affiné ce sur quoi vous voulez vous concentrer. Devient beaucoup plus clair. Alors, comment ajouter votre site Web à votre compte analytique ? Si c'est votre premier, alors Google Analytics. Analytics va vous obliger à ajouter une nouvelle propriété avant même d'arriver à ce point. Mais ici, nous pouvons cliquer sur Admin en bas. Je vais cliquer sur Paramètres, puis créer la propriété. Lorsque nous créons notre propriété, nous cliquerons sur Web. Continuer. Nous taperons le nom du site Web, l'URL, l'industrie, le fuseau horaire. Et puis une fois que nous avons cliqué sur Créer sera donné ceci. C recevra un code de suivi. Vous allez prendre ce code, copier, et ensuite vous le collerez. Ici. Ouvrons notre site web. Ouvrons le site WordPress sur lequel nous avons travaillé dans les leçons précédentes. Et nous allons entrer dans les options Divi, connectez-vous dans le backend WordPress. Et puis une fois que nous sommes connectés, nous allons cliquer sur devi à gauche, en bas, Devi et Theme Options. Après les options de thème, nous allons cliquer sur l'intégration , puis ajouter au corps bon pour le suivi des codes tels que Google Analytics. Donc, pour être complètement clair, vous n'avez pas besoin d'ajouter un plugin séparé pour intégrer le code de suivi sur votre site Web. Il vous suffit d'aller dans l'onglet Intégrations intégrées des thèmes Devi, copier et de coller votre code de suivi Analytics dans l'onglet Intégration sous le corps. Cela l'ajoutera au corps du code HTML. Et voilà. Vous êtes maintenant en train de suivre le trafic sur le site Web. Vous ne pouvez pas rétrodater ce trafic. Mais à l'avenir, vous pouvez commencer à le suivre. C' est pourquoi je recommande d'installer le code de suivi Analytics dès que possible pour vos clients, afin qu'ils puissent commencer à générer des rapports sur ces données. Donc, c'est Google Analytics. C' est un outil incroyable, C'est complètement gratuit et je vous recommande fortement de commencer à l'utiliser dès que possible. Allez de l'avant et créez votre compte, ajoutez Google Analytics à votre site Web. À ce stade, veuillez mettre la vidéo en pause, inscrire à votre compte Google Analytics gratuit, ajouter votre site Web comme première propriété. Le cinquième service est Google Search Console. Maintenant, nous avons déjà discuté de la Search Console à plusieurs reprises, en particulier pour le SEO, et c'est un outil gratuit que je recommande certainement pour votre plan de maintenance de site Web, Search Console. Nous vous enverrons un e-mail en cas de problème. Vous pouvez le diagnostiquer. En tant que webmaster. Il est de votre responsabilité de garder un site Web en cours d'exécution sans problème. Tu es payé pour faire ça après tout. Vous pouvez également inclure des données à partir de la section Performances de la Search Console. Si vous choisissez ainsi dans vos services de référencement d'envoyer un rapport de référencement mensuel ou trimestriel qui répertorie les meilleurs mots clés et classements. Google Search Console est entièrement gratuit, alors allez-y et incluez-la avec les outils de maintenance de votre répertoire. Ce point, s'il vous plaît mettre la vidéo en pause et connecter votre site Web à Google Search Console. Six comme Google My Business. Une autre chose que vous pouvez aider à gérer pour vos clients est la liste Google My Business. Chaque fois que quelque chose change, comme les heures de magasin ou le numéro de téléphone, votre client peut vous demander de mettre à jour son écoute. Et un client m'a demandé de le faire aujourd'hui. Vous pouvez leur accorder l'accès, leur apprendre à le mettre à jour eux-mêmes. Pour la plupart. La gestion de leur écoute peut faire partie du plan de maintenance de votre site Web. De cette façon, au lieu de duper quand c'est eux-mêmes, ce que la plupart des gens ne veulent pas faire. Il suffit de vous tirer un SMS ou de vous appeler et de considérer que c'est fait. Le numéro 7 est un support de site Web. L' une des choses les plus importantes est que vous fournirez à vos clients est simplement de soutenir quelqu'un à appeler lorsque les choses tournent mal, quand ils ont besoin d'apporter des modifications ou de mettre à jour le site Web. Les concepteurs Web ont une mauvaise réputation de ne pas répondre ou de prendre plus d'une semaine pour les demandes les plus simples. J' ai entendu beaucoup de ces plaintes de première main pour être disponible, être disponible par courriel, appel, SMS, vidéoconférence, tout ce que votre client préfère. Apprenez à connaître vos clients comment ils communiquent le mieux. Plus vite vous répondez, mieux c'est. Une réponse rapide que vous cher à vos clients mieux que toute autre chose. Et c'est de cela qu'ils vont se vanter aux autres. Donc, pour résumer, dans cette leçon, nous en avons appris une. Vous pouvez gérer vos sites Web, y compris le plugin WordPress et les mises à jour de thème via WP managé. Pour, vous pouvez surveiller la disponibilité de votre site web gratuitement via up-time robot.com. Vous pouvez configurer la détection des modifications gratuitement à suivre cette page. Vous pouvez installer et surveiller google Analytics pour optimiser vos cinq, vous pouvez utiliser Google Search Console pour surveiller et optimiser vos sites web SEO. Vous pouvez mettre à jour la liste Google My Business de vos clients si nécessaire. En tant que webmestre, votre rôle principal est de fournir du soutien en cas de questions ou de préoccupations. Et quels sont nos devoirs ? Je veux que vous vous inscriviez aux services gratuits mentionnés dans cette leçon. Vous les connaissez parce que vous les utiliserez avec chaque nouvelle plante que vous prenez. Leighton. Et maintenant, vous connaissez le gestionnaire de site Web. 35. Services de maintenance : mises à jour du site: Bienvenue, je suis en retard pour votre webmaster. La leçon d'aujourd'hui, discutons d'une autre caractéristique majeure du plan de maintenance du site Web. Site et ce sont les éléments visibles de votre site Web, signifie qu'il est en train de jouer. La partie que les clients sont excités est vraiment ne voient pas les mises à jour du plug-in ou du thème, la surveillance de la disponibilité, la détection des changements, l'hébergement. Tu ne vois rien de tout ça. Tout cela a lieu sur le back-end, tandis que le front de votre site Web reste relativement inchangé. Mais ils voient sont les mises à jour une demande. Maintenant, qu'est-ce qui doit être mis à jour sur le front end, le site Bot ? Beaucoup de choses. En fait, juste au cours des dernières semaines, j'ai dû mettre à jour les heures d'ouverture. Numéros de téléphone, ajouter des photos, échanger des photos, supprimer des photos sur les billets de blog, mettre à jour les prix, ajouter des produits, changer de couleur, ajouter du texte, supprimer du texte, ajouter des pages, supprimer des pages, et bien plus encore. Les mises à jour de contenu sont courantes. Et lorsque vous avez plusieurs sites clients, vous passerez un peu de temps chaque jour avec ces demandes mineures. Soudain, il suffit de prendre quelques minutes tandis que d'autres prennent plus de temps. Cela soulève quelques questions. Vos mises à jour auront-elles des limites ? Les remaniements majeurs sont-ils inclus ? Combien d'heures comptez-vous inclure dans votre plan de maintenance ? Selon vous, qu'est-ce qui serait approprié ? Eh bien, vous pouvez toujours autoriser des mises à jour illimitées, mais il y a un risque d'abus. Leur client va te faire travailler sur leur site toute la journée, tous les jours. Et c'est très bien. Tant que vous êtes rémunéré pour votre temps, il en est ainsi à quel moment plafonnez-vous les mises à jour incluses sur votre plan de maintenance ? Eh bien, c'est à vous de décider. Mais un plafond typique serait d'une ou deux heures. Maintenant, vous devez savoir que la plupart des mises à jour de vos clients seront incluses dans la première heure et donc incluses dans le coût de maintenance mensuel. Donc, vous n'aurez même pas à vérifier votre temps sur ces mises à jour mineures. Mais pour quelques clients qui ont besoin d'aide régulière, je parle de plus et des heures travaillées les mises à jour secondaires par mois. Vous pouvez suivre votre temps et facturer en conséquence. Mais combien vous facturez par heure ? Qu' est-ce qui est juste, selon vous ? Eh bien, évidemment, tout tarif horaire dépend de votre expérience dans votre industrie. Mais pour l'industrie du design web, 70$ est un tarif horaire assez standard. Et je construirai cela sur une base mensuelle en plus de la facture du plan de maintenance du site Web. Donc, deux factures parlaient, une pour le taux d'entretien mensuel et autre 40 heures de construction supplémentaires de support et de mises à jour, le cas échéant. Maintenant, vous pouvez vous demander, comment puis-je suivre mon temps ? Je veux dire, comment pensez-vous que vous devez utiliser manuellement un chronomètre pour vérifier votre heure ? Non, bien sûr que non. Il y a des tonnes de services gratuits qui font de cela un jeu d'enfant. Laisse-moi te montrer mon bascule préféré. Nous voici sur Toggle.com, TOG GL. J' adore ce service. Quand je dis qu'il y a des tonnes de services et d'applications disponibles pour vérifier votre temps. ne m'a pas donné qu'il y a beaucoup à choisir. Et celui-là que j'aimais. Donc c'est basculer. Il est temps de mettre votre équipe sur la bonne voie grâce à une piste basculante, temps fiable, un suivi temporel, aimé par plus de 5 millions d'utilisateurs. Il s'agit d'un service gratuit que vous pouvez utiliser pour le suivi du temps. Ils se sont récemment divisés en trois segments différents. Basculer le plan, la piste basculée, bascule plus haut. En nous basant sur cette nouvelle restructuration, nous nous concentrons sur la piste basculante, suivi du temps sans effort et la création de rapports. Donc, sans plus tarder, allons de l'avant et connectez-vous à notre compte. Et maintenant, nous sommes sur la bonne voie dot toggle.com et voici notre tableau de bord. Donc, nous commençons par voir les événements récents que nous avions suivis. Donc, ce que vous voyez ici, c'est la minuterie en haut. Sur quoi travailles-tu ? On peut dire construire un site web et ensuite ça va. Et nous y sommes. C'est le suivi de notre temps. Maintenant, nous faisons notre tâche. Et quand nous avons terminé, nous cliquons sur Arrêter. Et voilà. Toutes ces 11 secondes que j'ai été suivi dans votre compte à bascule. Alors quoi d'autre est disponible ici ? Vous pouvez modifier manuellement le temps que vous passez sur un événement particulier en modifiant l'heure de début, d' arrêt ou en modifiant la durée. Donc, vous pouvez vraiment affiner en vous que vous n'êtes pas lié exactement à l'heure de début et de fin qui ont été enregistrés. Tu as le contrôle total sur ces trucs. Donc, à gauche, nous avons des analyses qui ne sont pas disponibles sur le compte gratuit, projets clients. Donc, fondamentalement, vous pouvez entrer tous les clients sur lesquels vous souhaitez suivre votre temps en cliquant sur nouveau client dans le coin supérieur droit, tapant simplement le nom de votre client. Et vous pouvez diviser cela par des projets spécifiques. J' aime donc voir un projet comme un site Web. Tout notre hiver, ces noms de domaine spécifiques du site. Pour un client particulier. Un client peut avoir plusieurs sites Web. Et nous cliquons sur Nouveau projet et dans le coin supérieur droit pour taper notre projet, mon premier site Web. Et vous pouvez sélectionner le client auquel appartient. Assez facile. Alors, qu'en est-il des rapports ? Donc, quand vous allez dans Rapports et c'est ce que je vais faire généralement, vous pouvez afficher un résumé détaillé filtre hebdomadaire par projet client, tout cela. Mais fondamentalement le premier de chaque mois, vous allez ici et cliquez sur le mois dernier. Et il vous montre visuellement quels projets vous avez suivi. Je peux voir combien d'heures j'ai passé sur chacun de ces projets. J' ai eu 13 heures près de 14 heures chronométrées. Ce sont des projets que j'ai choisi de suivre. Donc, les petites choses, les mises à jour, sites de messagerie supportent tout ce qui a été inclus dans le plan de maintenance du site Web service de soins de sorte de site Web. Je ne traque pas forcément ici ce qui est. Ou juste des projets spécifiques que j'ai un accord que le temps sera suivi. Alors, qu'est-ce que tu fais ? Vous allez ici et vous regardez la durée, combien de temps a été consacré à ce projet en particulier au cours de ce mois-ci. Donc, dans ce cas, notre sur ce presque cinq heures sur ce 16 heures sur ce projet, vous prenez juste six fois par votre taux horaire et mettez cela dans une facture. Et voilà. Manière très facile d'utiliser le logiciel de suivi du temps libre sur bascule pour facturer vos clients, pour vérifier honnêtement et de manière fiable votre temps, facturer vos clients et être payé en fonction exactement combien de temps vous avez passé sur un projet particulier. J' adore basculer pour cela et le rendre très facile de voir ces rapports et de le rendre facile de vérifier votre temps et de le diviser en projets et clients. Et je n'ai même pas besoin de payer pour un compte premium. Tout cela peut être réalisé avec un libre. Alors allez-y et inscrivez-vous à bascule et créez votre compte. À ce stade, veuillez mettre la vidéo en pause et configurer votre compte à bascule. Qu' en est-il des remaniements majeurs du site ou des nouvelles fonctionnalités du site qui, vous le savez, nécessiteraient plusieurs heures de temps de développement. Pourriez-vous inclure cela dans votre plan d'entretien ? Les remaniements et les développements pourraient prendre des heures. Donc, votre meilleur pari est soit un, suivre votre temps et facturer en conséquence, ou soumettre un devis pour ce projet spécifique, tout comme vous le feriez lorsque vous avez construit le site Web pour la première fois. Maintenant, ne faites pas de sou, vos clients ne vous manqueront pas non plus. Ne décrochez pas vos clients, mais ne vous changez pas non plus. Trouve un équilibre. Alors récapitons. Dans cette leçon, nous en avons appris une. Il y a beaucoup de choses qui doivent être mises à jour sur un site Web. Vous pouvez suivre votre temps et facturer en fonction de votre taux horaire. Et troisièmement, les remaniements et les développements peuvent être flottés séparément. Quels sont nos devoirs ? Je veux que vous vous inscriviez et que vous vous familiarisiez avec le basculement. Le service de suivi du temps libre. Décidez également spécifiquement que vous êtes inclus les heures, plafonds de mise à jour et le taux horaire pour votre plan de maintenance. Je suis en retard. Et maintenant, vous savez, mises à jour du site Web. 36. Services de maintenance : sécurité: Bienvenue. Je suis Leighton, votre webmaster dans la leçon d'aujourd'hui. Et discutons d'une autre fonctionnalité du plan de maintenance de votre site Web. Sécurité. Et vous savez, la sécurité est un sujet brûlant ces derniers temps, n' est plus facultative dans le domaine numérique. Et pour vous en tant que webmaster, cela signifie faire tout ce qui est en votre pouvoir pour rendre vos sites clients aussi sécurisés que possible. Alors, comment faites-vous ça ? Et sur une base continue ? Considérons six façons d' intégrer la sécurité dans votre plan de maintenance de site Web. Examinera la sécurité, SSL, TLS, les sauvegardes de site, les analyses de sécurité, suppression de virus et dans Cloudflare. Maintenant, la plupart d'entre eux incluent des services gratuits. Soyez donc prêt à mettre en pause et à configurer vos comptes. Tout d'abord, IBM Security. Maintenant, WordPress lui-même sécurisé. Oui, mais plus le logiciel est grand, plus la cible est grande pour les pirates. Et la vérité soit dit, WordPress lui-même n'est pas nécessairement le problème. Ce sont des mots de passe de compte utilisateur faibles, des plug-ins obsolètes, faisceaux de mauvaise qualité qui représentent une plus grande menace que le logiciel principal lui-même. Pour cette raison, environ 30 000 nouveaux sites Web sont piratés chaque jour. C' est là qu'un plugin comme moi tombe pour sauver la journée. C' est l'un des plugins de sécurité gratuits les plus populaires pour WordPress. Il comprend plus de 30 façons de protéger votre site Web contre les pirates, telles que la descente de WordPress, la correction de trous communs, l'arrêt des attaques automatisées, la sauvegarde de la base de données, le renforcement des informations d'identification des utilisateurs et bien plus encore . Plutôt que d'en parler. Laissez-moi vous montrer comment ce plug-in étonnant fonctionne et pourquoi je l' installe comme une base pour chaque site WordPress sur lequel je travaille. Ici, nous sommes dans WordPress admin. Trouvons donc l'application de sécurité du thème et téléchargez-la et installez-la. Donc Plugins et Ajouter Nouveau. Et nous chercherons la sécurité des thèmes. Installons et activons ceci sur notre site Web. Je thème Sécurité, anciennement meilleure sécurité WP. sécurité du thème I est le plugin de sécurité WordPress numéro un par thèmes. Une entreprise très réputée dans la communauté WordPress, plus d'un million d'installations actives, ce qui signifie qu'elle est très populaire et compatible avec notre version de WordPress et a été mise à jour il y a un jour. Si vous trouvez un plugin qui a été mis à jour il y a plusieurs années, et alors c'est un que vous devriez éviter. Mais si l'un est régulièrement mis à jour, ce qui signifie que les développeurs s'en soucient toujours car ils mettent régulièrement des mises à jour, ce qui signifie que c'est un bon plugin installé maintenant. Il est l'installation, l'installation, et puis nous pouvons l'activer installé, activer. Yay, très excitant. Nous aimons sécuriser notre site Web et c'est quelque chose que vous vous habituerez à faire sur chaque site client. Cliquez sur IBM Security and settings, ou nous pouvons le trouver sur la gauche ici en bas au-dessus de la sécurité Devi. On va cliquer dessus. Nous y voilà. C' est le tableau de bord de tous les différents modules disponibles pour, je pense que la sécurité. Mais d'abord, nous sommes frappés avec notre contrôle de sécurité. Des fonctionnalités et des paramètres soudains sont recommandés pour chaque site à exécuter. Cet outil garantit que votre site utilise ces recommandations. Et le bouton ci-dessous est cliqué. Les modules suivants seront activés et configurés. Sauvegardes de base de données de l'utilisateur interdit, protection de la force brute locale, protection de la force brute réseau, mots de passe forts et réglages WordPress. En gros, tout ce que je pense recommande que nous ayons besoin d'être allumés. Et si vous regardez vraiment ce qu'ils font, et alors vous pouvez être d'accord avec cela aussi. Donc, nous cliquons sur le site sécurisé. Et il fait ces améliorations de sécurité par défaut avec la protection de la force brute du réseau ? Oui, allons-y et faisons-le. Votre site est protégé contre les pirates trouvés par d'autres sites exécutant la sécurité des thèmes, c'est une fonctionnalité impressionnante et utilise crowd-sourcing pour protéger davantage votre site. Si votre site identifie un nouvel attaquant, avertit automatiquement le réseau. Donc, l'autre côté si protégé aussi bien. Nous avons donc rejoint en cliquant sur Activer. Nous y sommes. Toutes ces différentes optimisations de sécurité avaient donc été activées. Donc, nous allons cliquer sur Fermer. Et ce sont tous les modules disponibles sur la sécurité des thèmes de mots. Celles-ci sont activées, désactivées, puis disponibles sur le compte Pro, dont je n'ai toujours pas besoin. Je peux faire tout ce qui m'intéresse en utilisant le compte gratuit. Ce sont les recommandations et celles-ci sont avancées. D' accord, donc recommandé. Donc, ce que je recommande est de cliquer sur tous ces paramètres globaux, de configurer les paramètres de base qui contrôlent la façon dont je thème les fonctions de sécurité. Vous pouvez descendre et lire chacun d'entre eux pour apprendre à savoir ce qu'ils font. Vous pouvez ajouter votre adresse IP actuelle à la liste des hôtes autorisés. Voici les journaux de la base de données. Très bien, ça a l'air bien. C' est l'enregistrement, puis le centre de notification. Donc, quand vous activez notre sécurité de thème, il va vouloir vous envoyer un tas de trucs par e-mail. Je recommande donc de désactiver le résumé de sécurité à moins que vous ne soyez intéressé à le recevoir. J' éteins le résumé de sécurité et la notification du site et du lock-out. Je préférerais que ces choses se produisent en arrière-plan et je n'ai pas nécessairement besoin d'être averti lorsque chacun de ces événements de sécurité se produit. Ce n'est pas quelque chose sur lequel vous devez agir. C' est plus juste une notification. Gérer les groupes d'utilisateurs. Je saute ça. 40 pour la détection bloquent automatiquement les utilisateurs qui fouillent les pages à exploiter. C' est une fonctionnalité géniale. Je clique sur Activer. Et tout ça a l'air bien. Mode Away, désactivez l'accès à la base de données WordPress sur un calendrier. Donc, fondamentalement, vous permet de désactiver l'administrateur WordPress pendant la nuit. C' est une fonctionnalité agréable pour les pirates. Ne sera pas en mesure d'obtenir dans la bande les utilisateurs bloquent les adresses IP spécifiques et les agents utilisateurs d'accéder au site. Je voudrais activer cette fonctionnalité de liste d'interdiction Heck repair.com comme un point de démarrage, vous pouvez inclure la liste interdite développée par Jim Walker. C' est donc une liste très populaire de mauvais joueurs et pirates que nous ne voulons pas sur le site. Enregistrer les paramètres. Sauvegardes de base de données, créez des sauvegardes de la base de données de votre site. Les sauvegardes peuvent être créées manuellement et selon un calendrier. Donc, pour être totalement clair, ce sont vos sauvegardes de base de données. ne s'agit pas de sauvegardes de fichiers. La base de données est de quelques mégaoctets si ce fichier va être beaucoup plus grand, peut-être autour d'un gigaoctet. C' est donc la très petite version, la sauvegarde de la base de données. Nous avons adoré les sauvegardes de base de données. Très important. Mais je ne veux pas que tu aies l'impression que si tu allumes ça, tout ton site web est sauvegardé. Ce n'est pas un renfort. La base de données complète vérifiera cela. Et puis il y a trois options. E-mail localement, qui l'enregistre sur votre serveur ion est, et enregistrez localement et e-mail. Je vais faire juste un local seulement. Donc, il va l'enregistrer sur le serveur ionique, puis dire cinq sauvegardes. Quelqu' un va garder les cinq dernières sauvegardes, les compresser, rendre un peu plus petits, et planifier cela pour que cela se produise automatiquement tous les, disons, trois jours. C' est bien. Je vais écrire la détection de changement de fichier, surveillé le chiffrement des changements de fichier inattendus. Cela peut être utile si le site est régulièrement ciblé par des pirates informatiques. Mais pour la plupart, je garde cela hors parce que cela peut être ennuyeux car les fichiers changent assez souvent chaque fois qu'une mise à jour a lieu, un plug-in ou un thème ou un noyau est mis à jour, alors c'est une détection légitime de changement de fichier. Alors j'y vais et j'éteins ça. Autorisations de fichiers, ce fichier et les autorisations de répertoires des zones clés du site. C' est un bon moyen de durcir votre site Web contre les pirates. Ce sont donc les autorisations de fichier recommandées par IBM Security. Plus le nombre est bas, plus la sécurité est serrée et moins les utilisateurs sont autorisés à accéder au site Web sont autorisés. Tout cela est sur le backend. Ce sont les fichiers dans le back-end sur le site Web accessible via FTP ? Donc, plus nous verrouillons les autorisations de fichiers, plus il est difficile pour les pirates d'entrer sur le site Web. Pour ce faire, cliquez avec le bouton droit de la souris sur l'un de ces dossiers ou fichiers dans FileZilla et cliquez sur les autorisations de fichier pour définir la valeur suggérée. Et puis ce jaune deviendra vert. Très bien, SSL a configuré l'utilisation de SSL pour s'assurer que les communications entre les navigateurs et le serveur sont sécurisées. La cellule est importante si nous avons un certificat SSL activé, nous pouvons activer ce module, mais ne l'activer pas. Bien que je l'active à moins que vous ayez un certificat SSL installé. Si vous n'avez pas de SSL, cela pourrait causer des problèmes car cela les forcerait à charger sur SSL, ce qui n'est pas possible, cela causerait des problèmes. Vous ne voulez l'activer que si vous avez un SSL installé. Le système modifie les paramètres avancés. J' améliore la sécurité en modifiant la configuration du serveur pour ce site. Et fondamentalement, je vérifie toutes les cases ici. Tout ce sont de bonnes choses. Donc on va aller de l'avant et vérifier toutes ces cases. Il est rare que vous rencontriez un problème ou quelque chose que vous voulez faire légitime ne peut pas se produire parce que l'une de ces cases est cochée. Dans ce cas, il suffit de décocher le moment venu. Mais j'aime me balancer du côté de la prudence. Donc, comme vérifier toutes ces cases, sels WordPress, et peut changer les sels WordPress si nécessaire. Une clé secrète rend votre site plus difficile à pirater et accéder en ajoutant des éléments aléatoires au mot de passe. En termes simples, une clé secrète est un mot de passe des éléments qui rendent plus difficile générer suffisamment d'options pour franchir vos barrières de sécurité. Tu n'as vraiment pas besoin de faire ça presque jamais. Un WordPress modifie les paramètres avancés et améliorer la sécurité en changeant le comportement WordPress par défaut. Allez-y et cochez toutes ces cases ou tout ce qui est recommandé par les équipes d'IA, voir recommandé. Faites tout ce qu'ils recommandent. Et s'il y a un problème ou un conflit où je ne peux pas faire quelque chose que je dois faire, alors je vais juste décocher la case qui cause le problème. Sinon, nous allons nous tromper du côté de la sécurité. Maintenant, n'est-ce pas ? Donc, je pense que la sécurité, allez-y et obtenez ce plugin sur votre site Web. Et c'est un que j'ai installé sur chaque site web. J' ai sur mon plan de maintenance de site Web. C' est un excellent moyen d'améliorer la sécurité de votre site Web. C' est l'une des nombreuses choses que vous pouvez faire et je recommande certainement ce plugin. À ce stade, s'il vous plaît mettre la vidéo en pause et installer une sécurité de thème sur votre site WordPress. Le second est SSL. Maintenant, dans l'une des premières leçons de ce cours, nous avons parlé de l'importance d'un certificat SSL. Je ne vois vraiment que cela comme facultatif plus. Vous devez en installer un avec chaque client que vous prenez. Mais ce n'est pas une chose unique. En quoi s'agit-il d'un service d'entretien continu ? Eh bien, que se passe-t-il lorsque le SSL génère une erreur ? Lorsqu' il affiche un avertissement non sécurisé et que votre client reçoit un e-mail de renouvellement SSL. Ce qui se passe dans voir, il y a beaucoup d'instances où vous pouvez fournir un support sur ce certificat SSL. Non seulement vous devez l'installer en premier lieu, mais aussi vous assurer qu'il reste actif. Comment on fait ça ? Je compte sur trois, trois services différents pour SSL. Je Jonas, Je thèmes et SSL vraiment simple. Maintenant, évidemment, vous allez acheter à la place le certificat SSL dans votre compte d'hébergement ion est. Vous ne pouvez pas acheter un SSL tiers. Tu dois utiliser ceux conçus pour travailler avec I Jonas, et c'est bon. Installez-le, assurez-vous que le renouvellement automatique est activé et que vous êtes prêt. Mais quels plugins utilisons-nous ? La sécurité du thème I a un module spécifique pour SSL. Il active SSL sur l'ensemble du site Web. J' utilise également un plug-in SSL très simple car il assure que tout le contenu est chargé en toute sécurité. Et puis fait est juste un morceau de contenu, comme un logo chargé sur HTTP non sécurisé. Au lieu de HTTPS, sécurisé est suffisant pour vomir, mais ce n'est pas un avertissement sécurisé. Il est clair que nous ne voulons pas que cela arrive. Laissez-moi vous montrer comment nous utilisons ces plugins. Donc, avant même de penser à ajouter les plug-ins SSL à notre site Web, nous devons nous assurer que nous avons un certificat SSL installé. Donc, dans ce cas, nous hébergeons nos sites Web via Ioannidis que nous devons installer un certificat SSL via le compte témoin oculaire. Donc, cliquez sur SSL. Allons sur un des sites sur lesquels on va travailler. Et dans ce cas, c'est un de mes clients et Floride America, Jane Jay Construction Services Incorporated. Ils sont une entreprise de construction et de rénovation résidentielle. D' accord. Donc, ils ont un certificat SSL désigné par la connexion est sécurisé apparaissent le cadenas et le HTTPS pour sécurisé. Comment sommes-nous arrivés à ce point ? Domaines et SSL ? Nous y voilà. Vous cliquez simplement sur le cadenas ici, l'icône du cadenas, et il tire vers le haut la section SSL de ionise. Il s'agit de certificats SSL. Il existe des certificats SSL de gestionnaire de compte ionisé. J' ai un SSL illimité, qui est un $100 par an actuellement via Ioannidis, ce qui me permet de sauvegarder, sécuriser tous les domaines dans mon compte d'hébergement. C' est beaucoup et je recommande totalement l'option illimitée. C' est donc le certificat SSL. C' est là que nous affichons les informations de certificat, rééditons ou les téléchargeons en tant que démarrage SSL ou caractère générique via Geo Trust, Power BI chiffres CERT. Ce sont donc des entreprises très réputées. C' est une validation au niveau du domaine qui est tout aussi sécurisée que toute autre option. Il ne s'agit tout simplement pas de sécuriser l'organisation réelle ou de vérifier que l'organisation est celle qu'ils disent être. Mais nous connaissons nos clients et nous savons que ces certificats sont valides. Donc, à moins qu'ils aient besoin d'un plus élevé en certificats SSL, ceux-ci sont parfaitement bien et très sécurisés en termes de cryptage. Paramètres avancés, vous pouvez annuler l'affectation du SSL. Vous pouvez changer l'utilisation que vous n'avez pas vraiment besoin de faire et vous pouvez le réémettre ce que vous n'avez vraiment pas besoin de faire non plus. Celui-ci a déjà été installé. Donc c'est bon d'y aller. Alors qu'avons-nous fait sur WordPress ? Une fois que nous avons installé, une fois que nous avons acheté et installé notre certificat via I charge sur notre serveur d'hébergement. Maintenant, on peut extraire ces deux plug-ins dont je parlais. abord, nous allons à la sécurité et regardons le module SSL de sécurité intégré. Je voudrais activer celui-ci quand j'ai un certificat SSL installé, configurer l'utilisation de SSL pour s'assurer que la communication entre les navigateurs et le serveur est sécurisée ? Oui, s'il vous plaît. Cliquez donc sur Configurer les paramètres. Ssl est une caractéristique importante pour chaque site. Il protège les comptes des utilisateurs contre la compromission, protège le contenu contre les modifications apportées par les FAI et les attaquants, protège les informations potentiellement sensibles soumises au site contre le reniflement du réseau, bonnes performances d'accélération du et peut améliorer le classement des moteurs de recherche de votre site, avantages partout. Nous avons donc ce changement pour activé. Ce qu'il fait, c'est qu'il redirige toutes les demandes de page HTTP non sécurisées vers HTTPS sécurisé. Cela nous permet de voir l'icône du cadenas et il fait tous les scripts, feuilles de style, code, images, logo, tout chargé sur HTTPS, qui est sécurisé. Vérifions qu'en regardant quelque chose qui est chargé, comme l'image, comme une image ici, que ce fichier PNG, c'est une image. Et voilà. Il est chargé en toute sécurité grâce aux plug-ins SSL que nous utilisons. Bon, cool. C' est donc le module de sécurité du thème de l'œil pour SSL. Regardons un autre que j'aimerais utiliser en tandem avec IBM Security. Juste pour ajouter un peu plus de couche de protection, C'est vraiment simple. SSL. Ajoutez ceci en cliquant sur Ajouter un nouveau et en tapant. SSL très simple. C' est un plugin léger sans aucune configuration pour rendre votre site SSL paramètres épreuve. Et c'est sous les paramètres et SSL, fondamentalement vous venez de l'allumer et c'est bon d'y aller. Vous pouvez également vérifier cette option particulière ici. Donc, cela signifie que SSL est activé sur votre site. contenu mixte a été détecté avec succès sur l'extrémité frontale. C' est l'important que nous aimons utiliser ce plug-in pour le correcteur de contenu mixte. Il fait essentiellement tout charger sur SSL, même des images individuelles et peut déjà être codé en dur sur le site comme non sécurisé. Il les remet à sécuriser. Le certificat SSL a été détecté lorsque vous ne voulez pas installer ce plugin sauf si nous avons installé un certificat SSL sur le serveur d'hébergement, très important. 301 rediriger vers HTTPS set. C' est un petit morceau de code vers le HTT, le fichier d'accès HT qui le redirige sur le back-end. Il y a des options premium. Je n'utilise pas les options premium. C' est juste une autre vente incitative et la dépense mensuelle que j'évite en collant avec le plugin gratuit. Alors, cliquez sur Paramètres. Et celui qu'ils vous demanderont d'activer manuellement est la redirection d'accès 3 0, 1 HT activée . Ht accès rediriger ce SSL plus rapide, vraiment simple détecte le code de redirection qui est le plus susceptible de fonctionner. Ce n'est pas 100%. Assurez-vous de savoir comment récupérer l'accès à votre site en cas de problème. Ajoute fondamentalement un morceau de code au fichier auquel vous pouvez accéder avec FTP. C' est le fichier d'accès point HT sur les racines de votre serveur et il redirige tout vers le site sécurisé. Si beau plugin, que celui est gratuit. Je pense que la sécurité est gratuite. Tous les plugins gratuits où nous pouvons activer et utiliser le certificat SSL que nous installons avec notre serveur d'hébergement sur notre site Web. À ce stade, s'il vous plaît mettre la vidéo en pause, configurer votre propre certificat SSL et installer SSL vraiment simple sur votre site WordPress. Le troisième est les sauvegardes de site. Microsoft Word a jamais planté et vous avez perdu le document sur lequel vous travaillez comme votre ordinateur jamais mort et vous avez perdu les images et les fichiers qui étaient sur elle ? Avez-vous déjà perdu physiquement votre téléphone et maintenant vous n'avez pas vos contacts ou vos photos qui puent vraiment. Mais avec les sauvegardes appropriées en place, ces choses sont gênantes mais pas tragiques. Pourquoi ? Parce que tu n'as rien perdu. Avec un renfort. Vous disposez d'une copie de vos données et vous pouvez les restaurer si nécessaire. Mais comment gérez-vous les sauvegardes sur votre site Web ? Eh bien, il est vrai que vous hébergez serveur sauvegarde généralement vos fichiers. Mais je ne m'en tiendrais pas entièrement à ça. une part, ils ne conservent généralement que les derniers jours avant de supprimer des sauvegardes. Alors, qu'est-ce que je recommande et quel est le coût ? Tout ce que je suis sur le point de dire. Pouvez-vous deviner le coût ? Jira, très, tu commences vraiment à me connaître. J' adore le logiciel libre pour, voyons ce qui est libre là-bas. Tout d'abord, vous devez savoir que nos hommes bien-aimés et WP offrent des sauvegardes gratuites. Ils vous donneront une option mensuelle, ce qui est mieux que rien. Je vais donc activer cette fonctionnalité pour le site Web de chaque client. Ils offrent des sauvegardes quotidiennes et hebdomadaires, mais c'est dans leur add-on payant, qui ne représente que deux dollars par site Web. Prix très bas, mais chaque dollar compte. Donc, si nous pouvons utiliser le logiciel libre et obtenir le même résultat, faisons-le. Je pense que la sécurité a une fonctionnalité de sauvegarde de base de données intégrée, que je vais également activer. Mais cela n'inclut pas vos fichiers et voir vos fichiers et votre base de données et doit être sauvegardé indépendamment. Et c'est là que Updraft Plus entre en jeu. Updraft plus l'un des nombreux plugins de sauvegarde gratuits et payants là-bas. C' est très populaire. Et la version gratuite devrait suffire à vos besoins. Vous pouvez définir la fréquence et la destination de vos sauvegardes. Je choisis Google Drive comme destination de sauvegarde. Donc, il est Google Drive est si généreux avec leur Cloud Storage. Et tous les quelques jours, updraft plus télécharge un fichier zip point de mes clients fichiers et base de données sur mon Google Drive. Et là où j'ai besoin de restaurer la sauvegarde, je télécharge simplement le fichier zip et le télécharge sur le serveur via FTP. Le processus de restauration doit être aussi simple que la sauvegarde. Permettez-moi de vous montrer ces trois services, tous que je tire pleinement parti du tabac sur les sites Web de mes clients. Donc, avant d'examiner les services supplémentaires étaient Plugins, regardons le logiciel que nous sommes prêts à utiliser et voyons comment il pourrait nous aider avec les sauvegardes. Donc, c'est géré WIP, que je recommande fortement d'avoir un compte avec pour gérer tous vos sites Web dans un tableau de bord pratique. Alors, que font-ils pour les sauvegardes ? Cliquons sur les sauvegardes, puis extrayons l'un de nos sites Web. D' accord, des sauvegardes. C' est donc le module de sauvegarde, et vous pouvez voir sur le côté gauche ici, les sauvegardes. Et on dirait que nous sommes sur un calendrier de sauvegarde mensuel. Il s'agit de la version gratuite. Où stockez-vous mes sauvegardes sont stockées en toute sécurité dans le Cloud à l'aide de l'infrastructure Amazon S3, qui est une technologie haut de gamme très avancée. Donc c'est bien. Qu'est-ce que tu sauvegardes ? Nous sauvegardons toute la structure WordPress standard à l'exception des fichiers journaux et autres fichiers de sauvegarde. Donc c'est très bien. En quoi cela affecte-t-il les performances de mon site Web ? Il ne fera que sauvegarder les fichiers que j'avais été changé depuis la dernière sauvegarde, ce qui signifie que la sauvegarde sera beaucoup plus rapide à chaque fois qu'un est terminé, nous allons faire tous les lourds levage et un symbole archives de sauvegarde complète sur nos serveurs. Donc c'est bien. Pendant combien de temps conservez-vous mes sauvegardes conservera votre historique de sauvegarde pendant 90 jours complets. Donc c'est génial. L' inconvénient ici est que les sauvegardes sont une fois par mois. Nous avons besoin de quelque chose plus souvent que ça. Comment on a eu ça ? Eh bien, vous devez mettre à niveau. La mise à niveau dans ce cas est fondamentalement 2$ par mois. Dans mon cas, c'est un $1.40 parce que j'ai utilisé réussi à être P pendant un certain temps. Donc, l'offre un rabais ou vous pouvez payer un certain montant par mois pour regrouper plusieurs sites Web. Voyons ce que cela coûte sous la tarification. Et les add-ons premium. Bundle, bundle, 25 sites Web pour 75 dollars pour la version pro et la sauvegarde, ce qui serait bien si nous n'avions pas d'autres options pour les sauvegardes. Mais nous le faisons. Donc, nous allons les explorer en attendant, faisons le libre. Ça remonte une fois par mois, mais c'est bon. Nous allons aller de l'avant et l'allumer parce que l'option est là. Alors profitons de ça. Il y a aussi un bouton de sauvegarde de restauration, téléchargement de sauvegarde et de cloner le site Web. est ainsi que nous resterions une sauvegarde qui a été enregistrée sur Gérer WP. Très utile quand vous en avez besoin. Voyons ce que nous avons d'autre disponible. Donc, je recommande d'activer cela pour chaque site Web que vous n'avez pas réussi à BP, il suffit de se concentrer sur l'option gratuite, aller de l'avant et d'activer et d'utiliser les sauvegardes gratuites. Nous allons donc entrer dans le backend de notre site WordPress. Et regardons un autre service qui utilise déjà, ce qui est je pense que la sécurité. Ils ont donc une option de sauvegarde. Faisons des modules de recherche et de sauvegarde. Ils offrent une sauvegarde de base de données. Créez des sauvegardes de la base de données de votre site. Les sauvegardes peuvent être créées manuellement et selon un calendrier. Donc, gérer WP sauvegarde les fichiers et la base de données. Notez que les fichiers sont beaucoup plus volumineux que la base de données. Je pense que la sécurité ne fait que sauvegarder la base de données. C' est bon. Nous avons besoin d'une sauvegarde de base de données. C' est important. On aime allumer ça, mais c'est une sauvegarde complète. Si vous avez simplement compté sur ma sécurité de thème, vous seriez à perte pour vos fichiers, qui inclut tous les téléchargements, images que les thèmes, les plugins, tout ce que vous avez configuré votre WordPress site Web d'avoir, tout cela serait parti. Mais sans la base de données, vous n'avez rien. Donc nous avons besoin des deux. Donc, nous activons Gérer WP pour les fichiers et la base de données gratuitement sur un calendrier mensuel. Et nous pouvons activer la fonctionnalité de sauvegarde de base de données dans IBM Security et définir le nombre de sauvegardes que nous voulons conserver et sur quel intervalle, dans ce cas, sept jours. Nous pouvons effectuer des sauvegardes de base de données planifiées. Donc c'est bien. Mais quelle est notre prochaine option ? Regardons updraft plus irait à Plugins et Ajouter Nouveau pour ajouter le brouillon plus. Et cela apparaîtra sous les paramètres et updraft plus sauvegardes. C' est donc un merveilleux logiciel gratuit qui nous permet de sauvegarder et de restaurer nos fichiers et notre base de données, notre base de données. Donc, il fait les deux selon le calendrier. La sauvegarde inclut désormais la base de données dans la sauvegarde. Bien que, basket-ball les tables WordPress dans la base de données. Et nous pouvons inclure les fichiers et les envoyer au stockage à distance. Dans mon cas, je les ai laissés tomber dans Google Drive. Cela se produit sur une minuterie. Je le mets généralement à une semaine, conserve cinq sauvegardes hebdomadaires pour les fichiers et conserve cinq sauvegardes de base de données chaque semaine. Tu peux régler ça à ce que tu veux. Cela fonctionne juste pour moi sur clients haut de gamme qui ont plus de mises à jour de contenu plus régulièrement, je vais le changer à tous les jours. Et je soulève ça, je soulève ça. Choisissez votre stockage à distance afin qu'ils offrent beaucoup d'options sous le libre, nous pouvons choisir l'un d'entre eux, et dans mon cas, je choisis Google Drive. Faites défiler vers le bas et Google Drive, ils disposent d'un lien Connect pour connecter votre Google Drive à updraft plus. Et il est très facile d'utiliser seulement deux clics. Et votre Google Drive est connecté. Laisse-moi te montrer à quoi ça ressemblerait. Updraft plus dossier sur mon Google Drive. Cela aura toutes mes sauvegardes récentes sur Google Drive. Et je peux le faire trier, trié par le plus récent ici en une seconde. Et vous verrez que nous avons les fichiers sont séparés en autres téléchargements, thèmes, plugins, puis la base de données elle-même. Donc chacun d'entre eux est important. Et quand vient le moment où vous avez besoin de restaurer une sauvegarde, tout ce que vous faites est de trouver celle que vous voulez, Trouver la date qui fonctionne pour vous. Sélectionnez tous ces éléments, cliquez avec le bouton droit et téléchargez. Et voilà. Vous avez les fichiers qui ont été sauvegardés. Et vous pouvez restaurer cela sur votre site Web avec votre FTP FileZilla en utilisant une nouvelle copie de WordPress pour les fichiers de base. Et vous aurez ce travail avec vos thèmes et plugins dossier et vos téléchargements précieux et la sauvegarde de base de données très précieuse. Donc updraft plus est un super morceau de logiciel. C' est complètement gratuit. Beaucoup d'informations ici, et ça marche sur le pilote automatique. Vous l'avez dit quand vous lancez le site Web de votre client et l'oubliez. Fonctionne sur le pilote automatique, fonctionne magnifiquement et c'est gratuit. Donc, en revue, j'aime installer tous ces outils de sauvegarde, comme activer les sauvegardes gratuites dans managé à BP pour une sauvegarde mensuelle de fichier et de base de données. Je vais activer nos sauvegardes de base de données de sécurité de thème pour une sauvegarde de base de données locale. Et je vais activer updraft plus comme solution de sauvegarde principale, qui envoie tous mes clients, sites Web et bases de données à mon compte Google Drive chaque semaine. Outils donc géniaux disponibles à utiliser pour toutes les sauvegardes importantes. À ce stade, s'il vous plaît mettre la vidéo en pause, activer, Gérer les sauvegardes WP. Je pense que les sauvegardes de base de données de sécurité et installer l'objet gratuit sur votre site Web. Le quatrième est les analyses de sécurité. Alors, comment déterminez-vous l'état de sécurité de votre site Web ? Est-il sécurisé juste parce qu'il n'a pas encore été piraté ? Non. Ça pourrait être juste un canard assis là, attendant que le hack arrive à son chemin. Au lieu de cela, nous voulons analyser régulièrement les vulnérabilités ou les sites Web. En fait, plusieurs de mes sites Web ont été signalés récemment parce qu'un plug-in majeur a annoncé une vulnérabilité de sécurité. La grande nouvelle, ils ont publié une mise à jour avec un avis public. Et si vous ne mettez pas à jour le plug-in, vous laissez votre côté ouvert aux pirates. Donc c'est ce que nous restons au-dessus de ces choses. Comment scannez-vous votre site Web à des fins de sécurité ? Laissez-moi vous présenter deux services. WPS géré, fonction de sécurité intégrée et vérification de site sans titres. Maintenant, d'abord, vous utilisez déjà managé à BP. N' avez pas de sens à, de vérifier et de profiter de la fonction de contrôle de sécurité. La version gratuite détectera les logiciels malveillants, les vulnérabilités de plugin, les erreurs de site, les listes noires de logiciels obsolètes et plus encore. Maintenant, il est clair que ce n'est que le messager, pas un nettoyeur. Il vous a simplement informé du problème et de la façon de le résoudre. Très utile en effet. Et troisièmement, l'add-on payant fait exactement la même chose, sauf qu'il vous fait gagner du temps en scannant tous vos sites Web automatiquement, au lieu d'avoir à exécuter manuellement le scanner sur chaque site. L' autre service est la vérification du site de sécurité, qui analyse fondamentalement les mêmes choses que géré le BP. Mais je suis fan d'exécuter plusieurs scans au cas où on ramasse quelque chose et qu'un autre manquerait. La sécurité est l'un des plus grands noms et la sécurité du site Web. Ils ont payé à la demande des solutions telles que la suppression des logiciels malveillants. Mais le scanner gratuit est un excellent point de départ. Laissez-moi vous montrer ces merveilleux scanners. Donc, avant de chercher des scanners de sécurité supplémentaires, voyons ce que nous avons déjà à notre disposition. Donc, ceci est géré à nouveau par un vice-président, et nous regardons l'onglet Sécurité ici, sécurité. Et regardons un qui récemment. Il y avait quelque chose sous le contrôle de sécurité. Il dit qu'il y a eu des problèmes détectés. Regardons donc sous l'onglet Sécurité sur la gauche. Une fois que nous sommes sur un site Web particulier, nous voulons numériser. Nous pouvons cliquer sur Vérifier maintenant pour aller de l'avant et scanner le site Web. Vous pouvez le faire manuellement ou vous pouvez le faire sur une minuterie avec la fonction de planification, mais cela n'est disponible que si vous achetez le module complémentaire qui automatisera vos contrôles de sécurité. Et je ne fais pas cela parce que j'essaie de m'en tenir aux versions gratuites. Et donc les scans sont exactement les mêmes. C' est juste l'add-on payant va automatiser la numérisation. Donc, je vais juste passer par et manuellement cliquer sur Vérifier maintenant sur tous les sites Web de mes clients environ une fois par mois. Sauf si je dois le vérifier plus souvent, si je sais qu'il y a un problème particulier qui va apparaître. Cela recherche donc les vulnérabilités, confiance du Web et les logiciels malveillants. Actuellement, tous sont propres, mais il y a quelques jours, ils n'étaient pas propres. Alors regardons quels problèmes ont été détectés. Ceci est un excellent exemple de quelque chose qui apparaîtrait que vous devez diagnostiquer. Donc des problèmes ont été détectés. logiciels malveillants étaient propres, il n'y avait pas de virus sur le site. La confiance du Web était propre, ce qui signifiait que Google et d'autres listes noires et autres moteurs de recherche n'avaient pas mis en liste noire le site Web. Donc c'est bien. Mais les vulnérabilités ont été détectées et c'est là le problème. Donc, nous faisons défiler vers le bas et les vulnérabilités, c'est un plugin WP boulangerie Visual Composer a été compromis et ils ont mis une mise à jour de sécurité et ils voulaient que tout le monde mette à jour le site Web afin qu'ils puissent profiter du correctif de sécurité. Donc j'ai dû y aller et faire ça. Et c'était bon. C'était juste une mise à jour WordPress typique, mais il est quelque chose qui est apparu sur cette analyse de sécurité particulière. Donc, je suis heureux qui a réussi à être P m'a averti. Donc, je m'assurerais d'inclure cela dans ma série de mises à jour. Web confiance, il a montré le domaine comme propre sur tous ces différents sites, y compris Google, Safe Browsing et Norton et d'autres, et leurs laboratoires de logiciels malveillants de sécurité. Donc, si nous cliquons sur Vérifier maintenant, alors il affichera le contrôle de sécurité. Et c'est notre contrôle de sécurité. C' est donc ce qui est apparu et tout est vérifié, propre, pas de logiciels malveillants, pas de vulnérabilités, et la confiance sur le Web est bonne. Donc, nous sommes bons dans tous les services ici. Donc c'est génial. Nous avons nettoyé le problème qui s'est posé et nous sommes tous prêts à y aller. Donc, nous allons croiser cela avec un, un autre site Web. C' est le site en question, master battery.com. Alors passons par la vérification du site sans sécurité. Ceci est la sécurité des points de vérification du site, dotnet, URI SUSE dotnet. Et nous pouvons copier et coller notre nom de domaine dans le formulaire ici et cliquer sur Scan site Web. Il s'agit d'une vérification de sécurité gratuite du site Web et d'un scanner de logiciels malveillants dans l'URL. Il vérifiera la présence de virus malveillants connus, état de liste noire, d'erreurs de site Web , de logiciels obsolètes et de code malveillant. Nous allons de l'avant et cliquez sur Scanner le site Web et commencer. Wow, c'était rapide. Aucun logiciel malveillant trouvé. Notre scanner n'a détecté aucun logiciel malveillant. Le site n'est pas mis en liste noire sur neuf listes noires populaires différentes. Et c'est un faible risque de sécurité. Aucun programme malveillant sur le site. Aucun logiciel malveillant détecté, aucun spam injecté détecté, aucune altération détectée, erreur interne du serveur. Le côté est à jour et utilise une version actuelle de WordPress. La liste noire a été vérifiée. Le domaine est propre sur toutes ces différentes listes noires. Et c'est génial. Surveillance du site Web et pare-feu ou frais supplémentaires avec sécurité. Donc, on va ignorer ceux qui se collaient au libre. Et oui. Tout est bien. Donc c'est un autre à vérifier en plus de gérer le BP, si vous faites spécifiquement un audit de sécurité et que vous voulez vous assurer que le site est propre, ce serait un excellent outil à utiliser dans votre répertoire de scanners de sécurité. Donc, nous avons la sécurité, nous avons réussi à BP et il y en a beaucoup d'autres, mais ce sont les deux que j'aime utiliser. À ce stade. S' il vous plaît mettre en pause la vidéo, scanner votre site Web avec managé à BP et vérification du site de sécurité. Notez ce qui est signalé dans les résultats de l'analyse. Le cinquième est l'élimination du virus. Avez-vous déjà été sur un site qui a été piraté ? Comment l'as-tu su ? Peut-être que vous avez eu un pop-up non sécurisé ou vous avez redirigé vers un site qui n'était évidemment pas celui que vous aviez l'intention de visiter. Malgré vos meilleurs efforts pour rester au top de la sécurité, des hacks peuvent arriver. Il ne s'agit pas de savoir si votre site est piraté. C' est ce qu'il faut faire lorsque votre site Web détecte. J' appelle cela la partie de la suppression de virus de votre plan de maintenance de site Web. Si vous avez vos sauvegardes appropriées en place, il vous suffit d'effacer vos fichiers et de restaurer le site avec une sauvegarde récente. Supprimer la base de données en PHP, mon administrateur via Jonas, et la restaurer avec le fichier de base de données de Google Drive. Et puis un. Une fois le site Web nettoyé et remis en ligne, vous devez faire de votre mieux pour vous assurer que cela ne se reproduise pas. Comment faites-vous ça ? Eh bien, voici un guide pratique de la sécurité sur la façon de nettoyer un site WordPress Hecht. Lisons. Ceci est des valeurs mobilières, comment nettoyer un guide Hecht WordPress site. Il y a des tonnes de guides en ligne que vous pouvez lire qui vous donnent quelques étapes impressionnantes sur la façon de supprimer un virus d'un site WordPress et comment le sécuriser à l'avenir. Mais cela vient de la sécurité, qui est une autorité dans l'industrie de la sécurité et où l'utiliser pour la vérification du site, donc nous faisons confiance aux informations qu'ils fournissent. Voyons donc, les étapes pour supprimer les logiciels malveillants, spam et autres hacks de WordPress. Sécurité a consacré des années à aider les administrateurs WordPress à identifier et à corriger les sites Web Hecht. Nous avons mis en place ce guide pour marcher propriétaires WordPress, le processus d'identification et de nettoyage d'un piratage WordPress. ne s'agit pas d'un guide global, mais s'il est suivi, il devrait aider à traiter 70 % des infections que nous voyons. Donc d'abord, je veux que vous identifiiez le piratage. Le deuxième est de nettoyer le hack, et le troisième est les étapes post hoc. Alors d'abord, comment peut-on identifier le diable ? Eh bien, ils l'emmènent à leur scanner de site, scannent le site Web, vérifient l'intégrité des fichiers WordPress de base. Donc, ce sont l'administrateur WP. Wp inclut les dossiers racine. Une belle façon de nettoyer le site serait juste de mettre une nouvelle version de WordPress sur leurs fichiers de vérification récemment modifiés. Consultez les pages de diagnostic Google. Ainsi, vous pouvez visiter le site Web d'état des sites de navigation sûrs dans votre URL. Et sur cette page, vous pouvez vérifier si vous avez été ajouté à une liste noire Google Safe Browsing. C' est donc un moyen utile de voir si vous avez été mis liste noire ou si vous avez des hacks sur votre site Web. Étape deux serait supprimé malware de votre site WordPress. Astuce pro. La meilleure façon d'identifier les fichiers et WordPress est de comparer l'état actuel du site avec une sauvegarde ancienne et connue pour être propre. Si une sauvegarde est disponible, vous pouvez l'utiliser pour comparer les deux versions et identifier ce qui a été modifié. Nettoyer, piraté fichiers WordPress. Si l'infection de logiciels malveillants est dans vos fichiers de base sont des plugins. Vous pouvez le réparer manuellement. Il suffit de ne pas remplacer votre fichier de configuration WP ou votre dossier de contenu WP et assurez-vous d'effectuer une sauvegarde complète à l'avance. Nous voulons que nos sauvegardes soient prêtes à tout moment. Et nous voulons profiter de WordPress.org, ajouter celui prêt pour que nous puissions télécharger une nouvelle version de Wor 37. Vendredi votre plan de maintenance site Web: Bienvenue, je suis Leighton, votre webmaster. Dans la leçon d'aujourd'hui, discutons de la façon de commercialiser et de vendre votre plan de maintenance de site Web. Donc, maintenant, vous êtes vendu sur la valeur d'un plan d'entretien, à vous personnellement et à vos clients. Vous comprenez le type de services que vous jouez peut inclure, tels que l'hébergement, la gestion, les mises à jour et la sécurité. Et quel Logiciel Libre a aidé à fournir ces services. Espérons que vous vous êtes déjà inscrit pour la plupart d'entre eux. Mais maintenant, je veux parler de ce que vous appelez votre plan. Combien vous allez facturer pour elle hors d'une cellule il. Et s'ils annulent leur plan avec vous ? Tout d'abord, comment appellerez-vous votre plan de maintenance de site Web ? Évidemment, vous pouvez simplement l'appeler votre plan de maintenance de site Web. Le choix très standard. Mais personnellement, je considère le mien comme un service de soins de site Web. Je me suis éloigné du mot « maintenance » parce que je voulais en faire un soin positif. Mon service s'occupe de votre site web. D' autres considèrent juste l'hébergement et la maintenance et c'est très bien. Certains organismes appellent même cela un contrat de service. C' est bon aussi. Quel que soit le nom que vous appelez votre service, choisissez un nom et créez une page pour celui-ci sur votre site Web. Pour votre inspiration. Voici à quoi ressemble ma page de service de soins de site Web. Donc, une fois que vous avez décidé de commercialiser un plan de maintenance de site Web, vous devez ajouter ce service à votre site Web d'entreprise de conception de site Web. Donc, dans mon cas, c'est mon agence, médiatique pionnier, et je l'ai ajouté aux services et à la maintenance du site Web. Vous pouvez donc l'utiliser comme inspiration pour la page de maintenance de votre site Web. Donc, ce titre est convivial SEO. Ma région est des experts en plan de maintenance du site Web du Tennessee depuis 2006. Et le paragraphe d'ouverture ici, qu'est-ce qu'il inclut ? Faites défiler vers le bas pour voir une entité principale. Pourquoi en as-tu besoin ? Ceci est un lien interne vers un article de blog que j'ai écrit sur 16 raisons pour lesquelles vous avez besoin d'un plan de maintenance de site Web. Voici un graphique que j'ai créé qui montre les mises à jour du site, les sauvegardes, les serveurs de sécurité, hébergement et les e-mails sur le site Web. Qu' est-ce qui est inclus dans le service de soins du site Web ? Hébergement, mises à jour de gestion des e-mails, optimisation des moteurs de recherche de sécurité, médias sociaux , suppression des virus, surveillance du temps de disponibilité , détection des modifications, listes locales et SSL. Ce sont donc les différents services que je commercialise dans mon service de soins de site Web. Et vous pouvez également les marquer si vous êtes à l'aise de fournir tous ces services. Donc, chacun d'eux a une petite description de ce que cela implique afin que les gens puissent venir à comprendre ce que tous les services que vous fournissez dans votre plan de maintenance de site Web. Plus vous pouvez écrire ici, plus vous pouvez emballer dans le plan de maintenance de votre site Web, mieux c'est. Alors que nous continuons à défiler, j'ai ajouté que nous sommes dans une évaluation Google cinq étoiles avec un lien vers mon listing Google et quelques témoignages. Donc, si les gens atterrissent sur cette page et n'ont pas vu d'autre page sur mon site, alors ils peuvent lire quelques témoignages. Enfin, nous avons un appel à l'action. Est-ce que votre site Web a besoin de gérer, appelez-nous ou envoyez-nous un courriel ou remplissez ce formulaire ? C' est une excellente façon de capturer tous les intérêts que les gens ont quand ils atterrissent sur cette page, ils peuvent simplement remplir le formulaire, le tirer pour moi et je peux répondre à la demande. C' est donc ma page de plan de maintenance de site Web. Je l'ai emballé et raffiné et raffiné au fil des ans et maintenant c'est sur la sous-page de maintenance du site Web des services. Vous avez donc besoin d'une page de destination pour votre plan de maintenance de site Web et vous pouvez considérer l'esprit comme une source d'inspiration pour le vôtre. Alors allez-y et créez votre page de destination sur votre site dès que possible. Ensuite, combien facturez-vous pour un plan de maintenance de site Web ? J' adore cette conversation. Que pensez-vous approprié ? Je ne peux pas décider ça pour toi, mais je peux t'inspirer. Certaines agences de conception Web offriront trois niveaux. Le modèle d'affaires classique, bon, meilleur, meilleur. Donc, disons 50, 75, et cent cinquante, cent deux cents, quels que soient vos plans, vous devez comprendre ce qui les différencie. Pourquoi quelqu'un choisirait le plan le plus cher ? Peut-être que votre premier ici est la maintenance sans hébergement. Votre deuxième niveau est la maintenance et l'hébergement. Et votre troisième niveau comprend deux sites Web, ou votre premier niveau est un site d'une page. Votre deuxième niveau est un site Web standard. troisième niveau est le commerce électronique, qui nécessite beaucoup plus de travail continu. Eh bien, vous offrez une réduction sur plusieurs sites où vous n'offrez qu'un seul plan. Je facture mes clients 95$ par mois pour tous les plans. En fait, si un client a un budget plus serré, cela me donne une certaine marge de manœuvre pour négocier, disons, 75 ou 55. Et si un client a besoin de plus d'aide, a un budget plus élevé. Facturé jusqu'à 700$ par mois pour les clients qui avaient plusieurs sites Web à budget élevé. J' ai également facturé aussi peu que 15$ par mois pour les très petites entreprises qui veulent juste un hébergement pur. Ainsi, vous pouvez modifier le prix en fonction de la consultation initiale. Ne vous sentez pas comme si vos prix étaient fixes sans aucune négociation. Et c'est un point clé. Eh bien, écoutez leurs besoins afin que vous puissiez anticiper le temps que vous passerez sur leur projet chaque mois. Et pour être clair, lequel de ces plans vous coûte réellement. Avez-vous ajouté le coût ? Eh bien, pour vos premiers, disons, 2250 clients, vous pouvez vous en sortir avec la version gratuite que la plupart de ces logiciels et au-delà de 50 clients et le coût de la version payante, c'est à peine rien. Donc, à peu près, le seul coût initial est le serveur d'hébergement lui-même. Disons donc que vous avez choisi le serveur dédié à 90$ via votre compte ionisé. Si vous comptez 20 clients à 50 dollars chacun, c'est un chiffre d'affaires récurrent de 1000$ par mois et seulement 90$ par mois de dépenses. C' est une marge bénéficiaire de 91%. Voyez plus vous bénéficiez de services gratuits, vos dépenses sont faibles et plus votre marge bénéficiaire est élevée. Si vous avez 50 clients en moyenne 75 dollars par mois, c'est $3,750 par mois totalisant $45 mille par an, un revenu récurrent passif pour les comptes qui fonctionnent essentiellement sur pilote automatique avec peu de travail d'entretien et d'administration. Donc ça a l'air génial. Mais comment vendez-vous vos plans de maintenance de site Web sur votre objectif. C' est le point clé numéro un. Surtout, vous devez mettre l'accent sur la valeur, la valeur, la valeur. Pour ce faire, vous devez avoir une solide compréhension de vos services et de leur valeur. Que comprend exactement votre plan de maintenance ? Comment répondez-vous quand on vous demande, qu'est-ce que je reçois pour ces frais mensuels ? Qu' est-ce qu'ils pensaient que la maintenance n'était pas nécessaire ? Presque tous ces obstacles peuvent être surmontés par compréhension booléenne et la croyance en votre produit. En fait, dans ces leçons, nous avons parcouru plus de 15 services individuels que vous pouvez regrouper dans votre plan de maintenance de site Web. Disons que vous facturez 50$ pour votre plan d'entretien. Si vous insistez sur la valeur, précieux, chacun de ces 15 services est en transmettre votre passion pour ce service. Ensuite, à la fin de l'appel de vente, ils ne diront pas que cela coûte 50$ par mois. On dira que j'ai tout ça pour seulement 50$ par mois. C' est le genre de sentiment que vous voulez susciter en eux. Vous voulez aussi les emmener dans un voyage, impliquer leurs émotions. Demandez-leur, comment vous sentiriez si vous avez versé votre site Web et qu'il a disparu ou qu'il a été piraté. Ça ne marche plus. Avec un plan de maintenance, nous avons récupéré vos arrières et les excitons à propos de leur site Web. Faites-leur sentir qu'ils ne peuvent pas se permettre de ne pas avoir de plan de maintenance de site Web. Point intérieur. Je ne parlerais pas de ça au début de l'école. Ne les frapper avec une autre dépense récurrente juste hors de la porte. Apprenez à se connaître, a expliqué la valeur d'un site web. Demandez-leur de parler du projet et de la raison pour laquelle ils vous ont approché, des problèmes qu'ils ont que vous pouvez résoudre. Ensuite, discutez de la valeur d'un plan de maintenance. ici là, vous avez déjà exprimé l'importance d'un site Web et façon dont le montant qu'ils investissent ce site Web devrait générer des rendements. Bien au-delà de cela, les a aidés à voir le site Web comme non dépense. Mais une machine génératrice de revenus. Cette machine coûte de l'argent, coûte de l'argent à construire et un peu chaque mois à entretenir. Mais sans ça, tu perdrais des affaires. Une fois qu'ils réfléchissent à la façon dont le site Web va augmenter leurs activités, ils seront plus ouverts à l'idée de l'entretien et de la maintenance. Bien sûr. Je veux que quelqu'un s'occupe de son générateur de plomb, de sa machine à revenu. S' ils suscitent ces sentiments, ont eu cette réaction, vous êtes parti. Et enfin, qu'est-ce qu'ils ont annulé ? Ils ne sont plus 12 plan de maintenance du site Web. C' est parfaitement bien. Les choses arrivent. Mets-toi à leur place. Que penseriez-vous si vous vouliez annuler des services auprès d'une entreprise ? Souhaitez-vous qu'ils annulent votre compte à contre-coeur, ou que le processus d'annulation soit un cauchemar. Maintenant, la récession frappe, les entreprises ferment, ils changent de mains, ils dépassent vos services. Peut-être qu'ils réduisent la taille. Pour quelque raison que ce soit, ne faites pas que votre client se sente mal pour annuler la maintenance et l'hébergement. Et c'est un point d'affaires clé. Laissez toujours la porte ouverte pour les futures opportunités de travail. Témoignages positifs et références. Une fois qu'ils ont demandé l'annulation, il vous incombe de faire en sorte que ce processus se déroule aussi bien que possible. Ça se résume vraiment à cinq minutes de travail. C' est essentiellement le contraire d'une migration de site Web. Vous migrez le site à partir de votre serveur. En réalité, cela signifie en fait envoyer un e-mail à votre client, une sauvegarde de la base de données et des fichiers du site Web. Nous pouvons le faire dans un zip pour déverrouiller leur domaine et envoyer le code d'authentification. Et troisièmement, c'est leurs comptes de messagerie. Maintenant, c'est au client d'accepter le transfert et de déplacer le site Web sur son propre serveur. Mais vous avez fait votre part pour être aussi coopératif que possible. Maintenant, un dernier point. Comment facturez-vous vos clients chaque mois ? Wow, on va en fait couvrir ça dans la prochaine série de leçons. Alors restez à l'écoute. Alors récapitons. Dans cette leçon, nous l'avons appris, vous devez nommer votre plan de maintenance de site Web et décrire clairement les services inclus pour noter les différents plans que vous proposez et pour quel mois ils coûtent. Trois. Donc, votre plan de maintenance en insistant sur la valeur 4, si un client annule votre plan de maintenance et nous laissons la porte ouverte pour les opportunités futures. Quels sont nos devoirs ? Je veux que vous créez la page de service du plan de maintenance du site Web sur votre site Web, notez vos plans et vos triceps. Ça a été tellement génial. J' espère que d'ici la fin de cette série, vous devenez un plan de maintenance de site Web comme je suis. Ceux-ci sont passionnants, le transformé mon entreprise. Je suis ravie de voir comment ils t'aident. Je suis paresseux. Maintenant, vous savez, le plan de maintenance du site Web. 38. PARTIE 6 : Comment servir des clients: Bienvenue, je suis Leighton, votre webmaster. Félicitations, vous avez atteint la série la plus importante de leçons dans tout ce cours. À présent, vous avez appris les principes fondamentaux du web design. Vous apprenez à créer un site Web. Vous apprenez à créer votre marque. L' optimisation des moteurs de recherche est tout au sujet. Vous apprenez bien ce que j'ai fait à cet atterrissage sur cette connaissance est incroyablement précieux. Et non seulement vous avez appris cette connaissance, mais grâce à vos devoirs, vous avez pris cette connaissance et vous l'avez utilisée pour développer vos compétences. Donc habilitant à apprendre de nouvelles compétences. Mais comment vends tu ce savoir ? Comment encaisser ces compétences ? C' est un peu comme prendre un cours, dans l'immobilier pour apprendre le métier, vous étudiez pour votre examen, vous gagnez votre licence, auriez, vous savez, tant de maisons. Qu' est-ce que cette connaissance a fait pour vous ? Tu vois, la connaissance seule est bonne, mais elle ne paie pas les factures. Nous devons mettre en œuvre ces connaissances pour bâtir une entreprise prospère, vous commencerez à générer quatre revenus par six chiffres dans conception Web une fois que vous commencerez à commercialiser vos compétences et à gagner des clients. C' est ce qui se passe dans cette série de leçons. En fait, nous apprendrons à chaque étape du processus de conception Web. Gagner un entretien avec des clients, citer des sites Web, envoyer des propositions et des contrats, facturer des taxes, intégrer des clients, concevoir, développer, polir et lancer des sites Web, et maintenir vos clients. Mais pourquoi cette série de leçons est-elle froide ? Comment servir les clients ? Parce que, en tant que webmaster, vous n'en avez pas et que les clients ont fait construire et commercialiser le site Web n'est pas une transaction unique. Fournir des services de conception de votre site Web signifie entretenir des relations à long terme. Vous servez vos clients en répondant rapidement lorsqu'ils ont des questions, des demandes ou des mises à jour sur le site Web. Vous les servez en gardant une trace de leur site Web et en veillant à ce qu'il reste actif. Votre service à la clientèle peut briller plus que n'importe quelle autre compétence, et c'est ce dont ils parleront. C' est ce dont vos clients vont se vanter. Mais construire ces relations à long terme est un processus qui permet de rencontrer un client et de prolonger son site Web. Mais depuis 2006, j'ai affiné ce processus et je suis tellement heureux de partager avec vous ce que j'ai appris à travers les essais et les erreurs. J' ai appris ce qui fonctionne et ce qui ne fonctionne pas, mais aussi comment automatiser et simplifier vos processus pour gagner du temps et des efforts. En fait, tout de suite, je veux partager avec vous deux documents qui vous permettront de gagner du temps et qui amélioreront considérablement votre productivité. Le premier, j'appelle la chronologie de mon projet. Disons que vous avez eu quelques objectifs de vente. Vous atterrissez des clients, et vous commencez à construire des sites Web. Comment peux-tu garder une trace de tout ça ? Comment vous souvenez-vous quelles personnes utilisent leurs propositions font qui sont en train de réviser votre contrat, que vous attendez, un acompte à partir duquel vous devez créer un site Web pour et qui les sites Web que vous devez lancer ? Comment gardez-vous une trace de tout ça ? Vous vous épargnerez une tonne de temps et de clarté mentale. Si vous obtenez le statut de ces clients hors de votre esprit sur un document, voyez quand vous écrivez quelque chose, vous libérez votre esprit d'avoir à rappeler constamment les mêmes informations. Et les clients qui tombent à travers les mailles ? Ceux dont vous n'avez pas entendu parler depuis un moment, vous vous éviterez de les oublier. Si vous notez l'état de leur projet, vous pouvez y parvenir grâce à un logiciel de gestion de projet. Avez-vous entendu parler, disons, Basecamp, Trello, Asana ? Oui. Les services de gestion de projet ne manquent pas. Il y a bien plus que ce que je viens de nommer, mais ce sont les plus populaires. Et qu'est-ce qu'ils ont fait ? Ils permettent essentiellement aux équipes de collaborer, communiquer, de gérer des tâches et des projets. Si vous avez une équipe, ce sont des services inestimables. Qu' en est-il quand vous commencez, comme vous et moi, lorsque vous êtes Premier ministre seul, avez-vous besoin d'une solution de gestion de projet coûteuse ? Ou pouvez-vous le faire efficacement par vous-même ? Tu connais déjà la réponse, tu me connais, il y a toujours une option gratuite. Évidemment, vous pouvez simplement créer un document de mots ou de notes. Je préfère le format de feuille de calcul pour cela. Laissez-moi vous montrer la feuille de calcul chronologique de mon fidèle projet. Voici la feuille de calcul chronologique de mon projet fidèle, un processus de conception web en 10 étapes cartographié du début à la fin. Regardons ces différentes étapes. abord, nous rencontrons un client, nous lui envoyons une proposition, c'est la première colonne. Puis on les déplace pour signer un contrat, où on leur donnerait un contrat et attendait leur signature. Troisièmement, il s'agirait d'un acompte lorsque vous attendez qu'ils effectuent le paiement. Le numéro quatre serait le domaine et la conception. C' est là que nous avons rassemblé l'état actuel du site Web, le domaine d'hébergement et la situation des e-mails et nous avons déterminé ce que nous aimerions faire pour la conception. Et nous collectons également du contenu pour le site Web. Ensuite, nous construisons le site web. C' est là que vous construisez le site, concevez et le développez. Basé sur les libertés créatives qui vous ont été données et quelle que soit la portée du travail. Ensuite, après votre produit avec le travail, vous l'envoyez et nous avons finalisé le site Web. C' est là qu'ils soumettent leurs révisions, vous donnent des commentaires sur le site Web et vous allez apporter les modifications en fonction de ce qu'ils vous ont dit. Ensuite, nous avons lancé le site Web, qui est l'endroit où nous le mettons sur le back-end et le lançons, le soumettons à Google, le faisons vivre sur Internet pour que tout le monde puisse le voir. Ensuite, nous l'obtiendrions ou nous recevons un paiement final, le paiement d'achèvement, qui est le solde de la facture initiale que vous avez envoyée. Ensuite, nous commençons notre plan d'entretien dans mon cas, j'appelle ça le service de soins. Et c'est là que nous attendons le premier paiement pour le premier mois que nous envoyons le service de soins. Et puis nous les ajoutons à notre portefeuille et obtenons son avis. Alors, comment cette chronologie fonctionne-t-elle réellement ? Il s'agit donc d'une cartographie visuelle de l'état de chacun de nos projets. Alors regardons la compagnie G. Alors accompagnez G. Ils ont déjà accepté la proposition, ils ont signé le contrat, et maintenant on les passe à l'acompte. Nous les attendons pour faire un paiement. Dès qu'ils feront ce paiement, ils vont passer de cette colonne à la suivante, domaine et design, où nous trouverons ce que nous allons faire pour leur site web, comment nous allons le concevoir, quel genre de contenu avec lequel nous devions travailler. Et puis, une fois que nous aurons tout cela prêt et que nous serons prêts à commencer à construire un site Web où nous avons conçu et développé un site. Si idéal que vous déplacez ceux-ci de gauche à droite. Et une fois que nous avons terminé, le site Web a été lancé. Ils ont payé leur service de garde d'honneur en tant que client mensuel payant sur notre plan de maintenance et nous les avons ajoutés à notre portefeuille et nous avons obtenu un avis. À ce stade, nous pouvons les retirer du calendrier et ils ne font plus partie de nos projets actifs. Ils sont un client actif, mais le projet est maintenant terminé. Que pouvons-nous faire d'autre ? Donc, une autre caractéristique intéressante est les commentaires. Donc, dans l'application du numéro sur un Mac, nous avons un bouton de commentaire que vous avez également sur Excel. Insérez un commentaire et nous pouvons cliquer dessus et taper ce que nous voulons. Donc site de construction, donc on pourrait dire la page d'accueil, complète. Besoin de faire à propos de nous et de contacter. Voilà, tu y vas. Il y a votre commentaire et il est horodaté aussi. Nous pouvons le mettre à jour à l'avenir. Nous pouvons supprimer le commentaire. J' aimerais ajouter des commentaires à la proposition du Sénat. J' aime avoir un rendez-vous sur chacun d'eux. Donc, nous pourrions dire envoyé par courriel ou envoyé par courriel le 5 octobre 2020, puis mettre le montant 1995 plus 75 par mois. Voilà, tu y vas. Vous avez un horodatage, vous avez le montant indiqué, et nous avons comment nous avons livré le devis et la date. Très bien. Pourquoi sont-ils colorés alors que ceux-ci sont noirs ? J' aime donc le coder en couleur en fonction de l'âge de la proposition. Donc si ce sont des clients que nous essayons de gagner au cours de la dernière année, alors je les rendrai verts. Si la proposition a été envoyée ou que le contrat a été envoyé il y a plus d'un an, alors je vais la rendre orange et dans plus de deux ans est rouge. Donc, la raison pour laquelle nous les gardons sur la liste même après un certain temps, c'est peut-être que nous sommes assis autour leur pouce et que nous n'avons pas de travail à faire. Examinons cette liste et peut-être qu'on appellera la société B, voir comment ils font la compagnie A, compagnie II, et voir si on peut y aller. Et puis les verts sont ceux avec lesquels nous avons probablement un dialogue ouvert. Mais nous pouvons également faire un suivi avec eux à leur peu de temps s'est écoulé et voir comment ils vont, voir s'ils sont à nouveau à aller de l'avant avec le projet. Il est donc très utile de les garder sur le calendrier de notre projet. Ne pas les oublier parce qu'il est possible que dans quelques mois, peut-être la prochaine saison ou le prochain trimestre, ils voudront poursuivre ce projet de site Web, mais pas tout de suite. Nous ne voulons donc pas les oublier et nous ne voulons certainement pas oublier le montant que nous avons cité ou ce que nous avons proposé de leur fournir. C' est donc le calendrier du projet. Il tend à ce processus que j'utilise pour cartographier et visualiser mes projets et garder une trace des projets que j'ai en cours. À ce stade, veuillez mettre en pause la vidéo, télécharger la feuille de calcul de la chronologie du projet dans la section Ressources de cette leçon. Ainsi, la feuille de calcul de la chronologie vous aide à cartographier vos projets actuels. Mais qu'en est-il de vos clients de maintenance ? Je ne garde pas trace de vos clients payants une fois notre construction initiale terminée. Rappelez-vous que tout dans votre esprit, je peux même commencer à exprimer à quel point c'est important. Imaginez si Netflix a oublié que vous payez pour leurs émissions et films, aurait Amazon oublié que vous êtes un numéro premier et accidentellement facturé pour l'expédition. Voyez, quand les entreprises vous payent pour être là webmaster, elles s'attendent à ce que vous en gardiez une trace. Le DI soit facile pour le premier. Clients, mais qu'en est-il de 10, 20, 50, des centaines de clients plus tard ? Comment savoir qui est sur votre site Web hébergeant un plan de maintenance ? Tu l'as deviné ? Une autre feuille de calcul gratuite. Préparez-vous maintenant pour la croissance. Obtient vos systèmes, vos feuilles de calcul, processus en place, et vous serez en meilleure forme pour évoluer et prendre en charge plus de clients à l'avenir. Quels renseignements devriez-vous inclure dans la feuille de calcul de votre client ? Eh bien, j'aime inclure le nom commercial du client, mon contact au sein de l'entreprise, adresse du site Web, le montant que l'entreprise paie mensuellement pour votre plan de maintenance. Comment préféreront-ils payer ? Check, carte de crédit, auto pay, si leur site est sécurisé avec SSL. S' ils m'ont écrit une critique et qui me les a renvoyés ? Au bas de la page, j'ai conçu la feuille de calcul pour additionner automatiquement les clients le montant qu'ils versent chaque mois, chaque année et une ventilation dans mes principales sources de référence, c'est une information et des indicateurs très précieux. Permettez-moi de partager avec vous les modèles de feuilles de calcul de mes clients. C' était le modèle de feuille de calcul de mes clients. Ce sont donc huit colonnes différentes. Et il est configuré pour la croissance car nous pouvons simplement ajouter une nouvelle ligne chaque fois que nous ajoutons un nouveau client. Alors allons-y. Ce qui est impliqué dans cette feuille de calcul que nous commençons par le nom de l'entreprise. Nous avons nos cinq clients ici. On a le montant qu'ils payent chaque mois, 75 par mois, 50 par mois, 9550. On a le nom du contact. C' est la personne avec laquelle nous travaillons dans l'entreprise, que ce soit le directeur marketing, le propriétaire ou quiconque, et l'autopay, ce serait qu'ils soient ou non sur carte de crédit, paiement automatique à travers notre vague ou logiciel de comptabilité. Donc, trois d'entre eux sont, oui, ils sont sur carte de crédit, auto pay, qui est idéal car on préfère un paiement bancaire et celui-ci préfère couper un chèque et nous l'envoyer par la poste. Et ils nous ont passés en revue. Donc deux d'entre eux ont écrit une critique ? Oui. Est-ce que ceux-ci n'ont pas encore rédigé un avis ? Et puis un autre que nous avons déjà demandé à plusieurs reprises, donc je vais arrêter de le demander parce que je ne veux pas avoir l'air poussé. SSL, quatre de nos sites Web, notre SSL sécurisé, et l'un d'entre eux n'est pas encore, donc nous allons essayer de changer cela à l'avenir. Renvoi. Comment avons-nous obtenu ce travail avec ça vient de b et i, 1 est venu d'un ami. Ensuite, vous pouvez mettre le nom de l'ami, bien sûr, un autre est venu de Google et un autre est venu de la chambre de commerce locale. Et puis l'URL du site, c'est un lien vers leur site Web. Maintenant, c'est une ligne par client. C' est très utile. Mais l'une de mes parties préférées est le fond ici. C' est là que nos calculs ont lieu. Nous avons le montant que nous apportons et une ventilation basée sur la source de référence. Alors regardons ça un peu plus près. Nombre total de clients payants. Il s'agit d'un résumé automatique du montant des clients payants que nous avons. Ça additionne juste toutes ces rangées, cinq. Le revenu mensuel est un ajout de toutes ces lignes dans cette colonne. Le montant qui est payé mensuellement, 345$ par mois. Et puis le client moyen d'oiseaux prend cette somme et la divise par le total des clients payants pour nous donner une moyenne. Donc, dans cet exemple, nous avons 69$ est la moyenne par client, ce qui semble correct. Soixante-quinze, cinquante, quatre-vingt-dix cinq. Donc, cela représente en moyenne 69 dollars en payant les clients, la moyenne de 69 par client s'élève à 345$ par mois, soit 4 140$ par année, qui est juste ce nombre de fois par 12. Et voilà notre formule. Très bien. Au fur et à mesure que nous avançons, nous voyons le pourcentage qui est sur le paiement automatique. Donc, ce serait 60 pour cent avait le mot oui dans cette rangée et cela nous dit que 60% sont sur la paie automatique, 40 pour cent nous ont examinés, et 80 pour cent sont sur SSL. C' est une bonne façon de voir s'il y a devoirs que vous pouvez faire en tant que propriétaire d'entreprise essayant d'obtenir plus de vos sites Web sécurisés ou obtenir plus de commentaires ou plus de clients sur la paie automatique si possible. Que diriez-vous de la source de référence ? Donc, dans cet exemple, j'ai démontré pour vous être une chambre d'oeil, Google, des organisations commerciales et des amis. Donc, ce que cela fait, c'est qu'il saisit toutes les lignes qui ont ce mot, dans ce cas, soit un I dedans. Et ici, nous avons 2122 entreprises ont été dirigées par B et I. Et voilà nous y allons. Total par source est à 1 dans la chambre, un Google 0 commerce et un par des amis. Comment ça se décompose ? Donc B9 dans cet exemple représente 40% de notre chiffre d'affaires mensuel. Chambres 20 pour cent. commerce de 20 % de Google est 0 et les amis est de 20 pour cent. Mesures très utiles leur mensuel, qu'est-ce que chacune de ces sources de référence apporte en tant qu'entreprise ? Les clients de C&I apportent donc 138$ par mois. Chambre apporte 69, Google apporte 1609, le commerce apporte 0, et les amis apportent 69$. Qu' est-ce que cela fait annuellement ? B9 est 16, 56 chambres, 828, Google 828, commerce $0 et amis $828. Donc, pouvez-vous voir comment une fois que vous avez plusieurs clients ajoutés à ces 10, 20, 30 clients, ces mesures peuvent être très utiles. Il est juste bon de savoir quelles entreprises de marketing fonctionnent le mieux. Dans cet exemple, B9 fonctionne le mieux. Et si la majorité de vos emplois proviennent de B9, alors vous saurez que c'est quelque chose que vous devriez vous en tenir. Si vous faites des annonces payantes et que vous avez obtenu 0 clients après six ou 12 mois, alors ce serait une tendance que peut-être cela ne fonctionne pas pour vous. Donc, ces données sont extrêmement utiles. J' aimerais passer en revue ces informations tous les quelques mois et voir ce que je peux tirer de ces informations et voir quels changements je peux apporter en tant qu'entreprise à l'avenir. Donc, je vais enregistrer ceci dans la section des ressources afin que vous puissiez télécharger ce modèle et le faire vôtre. Appréciez. À ce stade, veuillez mettre en pause la vidéo, télécharger la feuille de calcul du client dans la section ressources de cette leçon. Maintenant, vous avez vos deux feuilles de calcul de gestion de projet et vous êtes prêt à augmenter votre productivité et à commencer à gagner des clients. Génial, je vais vous guider à travers tout ce processus étape par étape, de la façon d'atterrir les clients jusqu'au lancement de leur site Web. Alors, pour récapituler, qu'avons-nous appris ? Premièrement, nous implémentons la mise en cache ou la connaissance de conception de sites Web en nommant des clients. Pour gérer une entreprise prospère, il faut automatiser et simplifier vos processus. Pour les échéanciers du projet. La feuille de calcul vous aidera à cartographier votre projet. Ou la feuille de calcul du client vous aidera à suivre les déclins sur votre ME d'hébergement. Et quels sont nos devoirs ? Je veux que vous téléchargez ces modèles de feuille de calcul à partir de la section ressources de cette leçon. Je suis Leighton, et maintenant tu sais servir les clients. 39. Gagner des clients: Bienvenue, je suis Leighton, votre webmaster. Dans la leçon d'aujourd'hui, discutons de la façon de gagner des clients. Maintenant, j'aurais pu appeler cette leçon comment atterrir des clients, mais j'ai choisi le mot gagner. Qu' est-ce que le mot signifie pour vous ? Quand tu gagnes quelque chose ? Est-ce que c'est gratuit ? Quand vous gagnez un salaire ? Que donnez-vous en échange de ce salaire ? Votre temps et votre énergie sont de gagner un client. Tu dois mettre du travail. Les clients ne vont pas sauter du ciel quand vous commencerez. Finalement, une fois que vous avez fait cela pendant un certain temps, vous avez construit votre base de clients. Vous aurez ce qu'on appelle un train de référence. Peut-être que vous avez entendu parler de notre train de référence. Un train est essentiellement l'endroit où vous avez régulièrement nouvelles affaires à venir parce que vous vous êtes établi dans une industrie. Les gens vous connaissent, vous avez construit votre base de clients, vous grandissez dans votre réseau. Cela signifie que 50, 100, peut-être 200 personnes, tous pensent à vous quand ils commandent leurs amis, leur famille, aller travailler a besoin d'un site web. Personnellement. J' ai des appels et des courriels qui arrivent chaque jour de personnes qui ont besoin de quelle heure construite. Je me souviens d'avoir commencé dans le secteur de la conception de sites web en 2006. Je sais ce que ça fait d'être tout nouveau dans une industrie. Quelles sont donc les opportunités pour clients Lana lorsque vous construisez votre entreprise de conception de sites Web ? Nous allons parler de huit façons différentes de gagner des clients de design web. Le numéro un est la famille et les amis pour les appels chaleureux. Trois sites indépendants pour les organisations commerciales. Cinq, optimisation des moteurs de recherche, six, publicité payée. Sept, organisations à but non lucratif, huit, réseau et marketing de référence. Non seulement pour vous mettre en appétit pour cette leçon, numéro 8 est le meilleur moyen absolu de bâtir votre entreprise, surtout lorsque vous commencez à commencer. Mais on nous a parlé des sept premiers. En fait, pour cette raison, je vais parcourir les sept premiers afin que nous puissions vraiment explorer le marketing de réseau et de référence. Alors commençons. Numéro un, famille et amis. Maintenant, cela peut sembler un cliché. Je veux dire, annoncez vos affaires à votre cercle. Mais cela peut vraiment vous aider à démarrer votre portefeuille et vos commentaires. Voyez quand vous êtes tout neuf. Les gens ne vous connaissent pas en tant que concepteur web. Alors, comment pensez-vous qu'une entreprise vous percevrait si vous avez 0 avis et que vous n'avez pas construit de sites Web, seraient-ils ravis de vous embaucher ? Ou pensez-vous que vous n'auriez pas une part importante de leur budget marketing ? Probablement pas. Voir. Vous avez besoin de quelques critiques et de quelques projets sous votre ceinture. Et la famille et les amis sont honnêtement un excellent moyen d'accélérer cela. Alors dites à vos amis Facebook, vos abonnés Instagram, aux membres de votre famille, tirez des messages ou des textes WhatsApp, dites-leur ce que vous faites et que vous aimeriez les aider avec le site Web. Surtout si vous avez un ami ou un membre de la famille qui démarre une nouvelle entreprise, aidez-vous mutuellement. Et la bonne chose à propos de tirer parti de votre réseau personnel, qu'ils seront probablement un peu plus gentils avec vous quand vous faites des erreurs. On fait tous des erreurs quand on commence. C' est bon. Nous avons cliqué sur le mauvais bouton. On creuse un peu plus longtemps pour faire quelque chose. On gâche un transfert, on migre quelque chose de mal. Mais avec chaque erreur que vous faites est une opportunité de croissance. Je l'ai répété. Toutes les erreurs que nous faisons. Est une opportunité de croissance. Un rappel pour écrire ou faire mieux la prochaine fois. J' adore les erreurs. Chaque erreur que j'ai commise a été l'occasion d'optimiser et d'affiner mes processus. amis et la famille seront généralement un peu plus indulgents quand une entreprise plus pardonne qu'une entreprise, qui n'a pas déjà une amitié avec vous. Mes amis propriétaires d'entreprise étaient si gentils avec moi quand je commençais à commencer. J' étais si jeune et fraîche. Et pourtant, nos entreprises ont grandi ensemble. Et l'expérience que j'ai acquise était si précieuse. Mais vous pouvez vous demander, dois-je offrir sur le site gratuitement juste pour acquérir de l'expérience ? Je ne préconiserais pas de le faire gratuitement. Mais je voudrais certainement expliquer que Joe offre seulement de concevoir le site pour beaucoup moins cher que vous le factureriez traditionnellement en raison de la promesse qu'ils vous donneront un avis et qu'ils vous permettront de mettre leur site Web sur votre portefeuille. Vous voyez ces critiques. Ces projets de portefeuille sont si cruciaux lorsque vous commencez à commencer, que vous pourriez enlever, est de tirer parti de votre réseau personnel d'amis et de famille pour les aider, construire ou améliorer leur site Web alors qu'ils vous aident en construisant votre portefeuille, réputation et expérience. Le second est les appels chauds. Je ne fais même pas d'appels froids sur cette liste parce que je ne supporte pas les buts en or. Ils sont inefficaces pour de nombreuses industries, mais surtout pour l'industrie de la conception de sites Web. As-tu déjà fait affaire avec un inconnu qui t'a traité de merveilleux ? De toute évidence, je ne suis pas un fan de buts, mais qu'est-ce qu'un charbon chaud ? Eh bien, d'abord, une référence chaude est celle où la personne, la personne que vous appelez est déjà intéressée par vos services. Alors qu'un charbon froid est un, cela signifie qu'aucun contexte n'a été créé. Ils ne savent pas qui vous êtes. Ils ne savent pas que vous appelez ou pourquoi vous appelez. Donc un appel chaleureux est quelque part entre les deux. Par exemple, disons que vous naviguez dans les entreprises locales et que vous rencontrez un site Web qui n'est peut-être pas mobile convivial, peut-être choisi pas avertissement sécurisé. Le design n'est pas si impressionnant pour une raison quelconque que vous croyez pouvoir les aider. Donc fait des recherches sur l'entreprise, écrivez les raisons pour lesquelles vous pensez que vous pouvez être un atout pour eux et tendez la main, présentez vos conclusions. Il est beaucoup plus efficace de présenter des solutions personnalisées aux problèmes existants que de simplement opérer arbitrairement des services de conception web à toutes les entreprises locales. Concentrez-vous sur leurs besoins, pas seulement sur vos services. Quand une petite entreprise prêts que vous avez personnellement vérifié le site Web a trouvé quelques erreurs et offrir une solution à leur problème. Il y aura plus de possibilités de considérer votre devis. Le troisième est les sites indépendants. Avez-vous déjà entendu parler de sites freelance ? Freelancer.com, fiverr, un Bork. Ces sites mettent en relation les gens avec des professionnels. Ainsi, un propriétaire d'entreprise peut aller sur l'un de ces sites freelance, afficher son besoin, comme un site Web ou un logo de commerce électronique, ainsi que son budget, comme par exemple, jusqu'à 1000$. Et tous les professionnels de ce site peuvent enchérir sur ce projet au moyen d'un devis et d'un pitch de vente. Mais quelle est la probabilité que vous soyez choisi pour ce projet ? Les autres pigistes font également appel d'offres. Et si vous êtes choisi, c'est probablement parce que vous étiez l'une des options les plus abordables. Cela dit, j'ai eu beaucoup de mes premiers concerts à travers ces sites. Le problème est la qualité des concerts et voici mon plat à emporter. Vous pouvez établir des connexions de grande valeur sur ces sites. Mais en général, les gens qui postent sur ces sites sont à la recherche du prix le moins cher, simple et simple. Si vous êtes choisi, vous n'êtes probablement pas très bien rémunéré, et vous ne construisez pas de relations à long terme. C' est un moyen décent de développer votre expérience et votre portefeuille. Mais finalement, vous devriez vraiment dépasser ces sites freelance. Le quatrième est le référencement, l'optimisation des moteurs de recherche. Ensuite, vous savez, c'est essentiellement essayer de bien classer avec Google et d'atterrir sur la page 1 lorsque les gens recherchent des concepteurs de sites Web locaux, théoriquement, ce serait une excellente idée. Certains de mes meilleurs clients, je suis en fait venu d'une recherche Google. Mais quand vous commencez à commencer, vous ne pouvez tout simplement pas vous attendre à se classer sur la page un de Google. La première page est pleine de concepteurs de sites Web établis et réputés. Et si tu es nouveau, tu n'y parleras pas encore. Alors voici mon plat à emporter. Vous avez certainement besoin d'un site web convivial SEO. Vous avez certainement besoin de poster sur votre blog et de créer du contenu de haute qualité. Mais je ne m'attendrais pas à ce que les appels viennent de votre annonce Google. Investissez votre temps dans le référencement, mais ne comptez pas sur lui comme votre seule source de référence. Le cinquième est la publicité payée. Avez-vous déjà fait de la publicité avant ? Personnellement, je ne suis pas fan de publicité du tout. De nombreuses entreprises comptent sur la publicité. Il y a eu des milliers de dollars là-dessus et c'est bon. Mais je n'ai jamais dépensé un dollar en publicité. Vous pouvez essayer des annonces Google, des annonces Facebook, des panneaux d'affichage, des annonces TV, des magazines. Il y a beaucoup d'argent sans promesse de rendement solide si vous faites de la publicité payante. Voici mon point clé. Surveillez votre campagne publicitaire de près, suivez le client. Vous atterrissez à travers vos annonces. Et après quelques mois, vous devez décider si l'argent généré par les annonces dépasse le montant que vous avez investi. Si ce n'est pas le cas, redirigez vos fonds marketing ailleurs. Le numéro 6 est les organisations commerciales. Avez-vous entendu un partenariat de troc semble archaïque pour vous ? Elle est en fait vivante et prospère, surtout en période de ralentissement économique. Vous pouvez avoir une organisation commerciale où vous vivez. Personnellement, je fais partie de la banque de commerce et je texte, vous faites essentiellement un site Web pour les dollars commerciaux et vous dépensez ces dollars directs avec d'autres entreprises aussi dans le réseau commercial. Donc, une entreprise peut acheter un site Web de 2000 dollars de moi sur le commerce. Et je peux acheter un hôtel, séjour, une location de cabine, le nettoyage de vitres, services dentaires, ou tout ce qui est offert par d'autres entreprises qui acceptent ces dollars. Le côté plus est qu'aucun argent n'est échangé. L' inconvénient est que vous ne gagnez pas argent et que vous ne pouvez pas payer la plupart de vos factures avec vos dollars commerciaux. Alors voici mon plat à emporter. Vous pouvez établir des relations qualitatives grâce au trading, mais assurez-vous que le plan de maintenance de votre site Web est uniquement en espèces. Offrir une conception de site Web sur le commerce, mais exige que la facture mensuelle soit payée par carte de crédit. Le septième, c'est à but non lucratif. temps en temps, vous serez approché par un organisme à but non lucratif. Travailler avec un organisme à but non lucratif vous semble-t-il un peu contre-productif ? Je veux dire, si tu cherches à construire une entreprise et à gagner de l'argent, pourquoi travaillerais-tu avec l'entreprise qui n'a pas d'argent ? Eh bien, il y a trois considérations ici. Tout d'abord, il est vrai que la plupart des organismes à but non lucratif disposent d'une sorte de budget de marketing. J' ai plusieurs clients à but non lucratif et ils paient tous pour mon service de soins de site Web avec une carte de crédit sur le paiement automatique. Ils ont donc un peu d'argent budgétisé pour les frais d'exploitation. Ensuite, les sites Web et les médias sociaux sont très importants pour les organismes à but non lucratif, car ils cherchent généralement à obtenir le plus de visibilité possible de ces canaux. Ils sont tous au sujet de l'exposition. Donc, bien qu'ils ne soient pas vos clients les mieux rémunérés, ils voient l'intérêt d'avoir un site Web de qualité fonctionnelle. Et la troisième considération. Aussi mon point clé, but non lucratif sont pleins de personnes passionnées et bien branchées, dont beaucoup ont leurs propres entreprises à but lucratif, qui peuvent devenir votre source de référence la plus importante et la plus vocale, nourrir votre relations avec vos organisations à but non lucratif. On ne sait jamais où ils peuvent t'emmener. Souvenez-vous que huit est le réseautage et les renvois. Nous avons certainement sauvé le meilleur pour la dernière, c'est la meilleure façon de gagner client rejoint pour être un chapitre impair et embrasser la référence et le marketing réseau. Avez-vous entendu parler de renvois ? Le réseautage met une référence. C' est essentiellement quand quelqu'un entend un besoin et dit que tu devrais appeler cette personne et lui donner ton nom et ton numéro. La personne a besoin d'un site Web. Au moment où ils vous appellent, ils sont déjà intéressés par vos services parce qu'ils font confiance à la personne qui vous a recommandé. Ça a l'air génial, non ? Laissez-moi vous présenter le numéro un des organismes de marketing B et I. Ils existent depuis 85 ans. Je fais partie de beanies depuis 2015. Et à ce jour, c'est la meilleure façon de gagner des clients plus que ma famille et mes amis, plus que toute autre organisation dont je fais partie. Dans DNI, vous les rejoignez ce qu'on appelle un chapitre qui compte environ 20 à 40 professionnels que vous rencontrez une fois par semaine pendant 90 minutes, les affaires passées l'un à l'autre. Il ne peut y avoir qu'une seule personne pour les professionnels. Cela signifie qu'un seul designer web par chapitre. Vous bloquerez votre compétition lorsque vous rejoindrez un chapitre. Maintenant, vous essayez de le vendre l'un à l'autre. Vous voyez plutôt les autres personnes dans le chapitre comme votre Salesforce. Vous vous éduquez mutuellement sur la meilleure façon de réussir les recommandations. C' est gratuit de visiter un chapitre. Laissez-moi vous montrer comment trouver un être local un chapitre dans votre région. Maintenant, je génère plus de revenus. Près de 270 000 entreprises à travers le monde utilisent le réseau de beanies pour générer de précieuses références commerciales. Donc ce sont des chiffres cool ici. La plus grande organisation de parrainage du monde, 270 mille membres mondiaux, 12,2 millions de références de membres, 9500 chapitres mondiaux, et 16,7 milliards de dollars d'affaires générées grâce à être je références, C'est incroyable Bonnets dans 70 pays différents. Et ces statistiques sont exactes à partir de 2019. C' est incroyable. Alors, comment pouvons-nous trouver un chapitre qui fait partie de B ? Et je clique sur le rouge, trouve un bouton d'appel à l'action de chapitre ici. Et disons que vous êtes dans la région d'Austin, au Texas. Mettons Austin, Texas. D' accord. Donc ça va tirer des chapitres situés dans la région d'Austin, Texas. Il y a tout un tas ici que vous pouvez faire défiler. Cela nous donne le nom du groupe, comme le groupe B19 360, quelle heure ils se rencontrent. Donc juste ici, on peut voir une rencontre mardi à 11h30. On se réunit mercredi à 11h30, on se réunit jeudi à 11h30. Donc il y a toutes sortes d'heures de réunion différentes. 1 se réunit à 07h45, se réunit à 08h00. Personnellement, mon être un chapitre dans ma région se rencontre à sept heures du matin et fait amusant, chapitres B9 ne se sont rencontrés qu'à sept heures du matin quand j'ai été fondée pour la première fois. Il a grandi pour soutenir différents moments tout au long de la journée. Mais la première chose le matin fonctionne vraiment bien historiquement. Alors qu'avons-nous fait pour trouver l'hepta parfait pour nous ? Évidemment, vous voudriez vérifier comment ça se passe avec votre région et votre horaire personnel. Donc, celui qui est proche de vous et à un moment opportun, mais quoi d'autre ? Oh, nous ne pouvons absolument pas rejoindre un chapitre qui a un concepteur de site Web qui n'est tout simplement pas possible via B9. Nous devons donc en trouver un qui n'a pas de web designer. On peut faire deux boutons ici. Il y a un chapitre de visite et il y a des détails du chapitre C. Cliquez sur celui-ci a beaucoup de membres. Nous aimerions 12 avec beaucoup de membres pourrait Il y a beaucoup d'occasions de faire des affaires. Celui-ci a 40 membres, donc nous allons cliquer pour voir les détails du chapitre. Il nous dit que c'est le groupe B19 360. Ils se rencontrent mardi à 11h30. À ce moment, il réunion temporairement en ligne via Zoom et ce serait l'adresse de l'endroit où ils se rencontreraient normalement. Ils ont 40 membres dans ce chapitre. C' est le leadership qui serait le consultant directeur, le consultant directeur régional, le président, le vice-président et le trésor du secrétaire. Tous moins pour un mandat d'un an. Et un autre fait amusant, si vous êtes président, vice-président ou secrétaire trésor, vous obtenez un an gratuit. Et B et moi, j'avais été le président moi-même, et c'est un privilège incroyable. Et c'est aussi une bonne idée d'économie d'argent. D' accord, les membres du chapitre. Ainsi, nous pouvons voir les membres qui sont dans ce chapitre, le nom, l'entreprise qu'ils représentent et la profession ou la spécialité. Voyons ce qu'ils ont de la publicité et du marketing, de la conception web. Ils ont déjà un web designer. Voyons ce qu'il y a d'autre. Impôts, publicité et marketing. Oh, je parie qu'ils passent les affaires avec un web designer. Assez souvent. Services architecturaux, Réparation automobile et automobile, IT et réseaux. Tout cela doit être un chapitre très fort. Le, IT, la publicité dans web design sont probablement passer des affaires entre eux tout le temps. Le constructeur, entrepreneur général, électricien, peintre h vac, lutte antiparasitaire, rénovations, remodelage, gouverneurs de toiture. Ils doivent passer des renvois en avant et en arrière tout le temps. Ce doit être un chapitre très fort. Je vois pourquoi ils ont 40 membres. Il y a des sociétés financières et d'assurance comme les biens, assurance dommages, le conseiller financier, assurance commerciale, les hypothèques résidentielles, les banques commerciales, les cartes de crédit et les services aux marchands. D' accord. Il y a de la nourriture et des boissons, il y a la santé et le bien-être, assurance, la fabrication juridique et comptable. Il y a un chiropraticien et un dentiste. résidentiel, gestion immobilière, inspecteur immobilier, systèmes de sécurité, métiers, revêtements de sol, services éducatifs ou tuteur et coach de vie. Ce sont donc toutes les industries et les spécialités qui sont représentées dans ce chapitre. Donc, nous pouvons voir comment certaines spécialités de ce chapitre seraient naturellement dans le cercle intérieur de l'autre et régulièrement passé les affaires les unes aux autres, spécifiquement pour vous, le B2B est vraiment important, comme le web design, la publicité et le marketing, et l'informatique, ils ne fournissent pas ces services se rapportent aux consommateurs. Ils fournissent surtout ces services aux entreprises. Ils font donc régulièrement des affaires avec des entreprises. Donc, ils sont dans les entreprises, ils sont sur leur site Web, ils sont dans leur ordinateur, et ils ont naturellement des occasions de passer votre entreprise pour améliorer leurs clients. Quels sites ? Donc, vous pourriez passer par ici, vous en trouveriez un qui est pratique pour votre emploi du temps, trouver un qui est pratique pour l'emplacement, puis trouver un qui n'a pas de concepteur web. Si vous pouvez trouver tous ces trois, il vérifie toutes ces cases. Ensuite, vous cliquez sur Visiter le chapitre et vous pouvez voir si c'est le bon pour vous en les visitant gratuitement et en voyant si cette réunion est quelque chose que vous aimeriez faire. Je recommande un peu de shopping. S' il y en a quelques-uns qui sont dans votre horaire, votre emplacement, et que vous n'avez pas de concepteur web. S' il y en a quelques-uns, alors vous pourriez magasiner et visiter chacun d'eux et voir lequel correspond à votre ambiance parce qu'ils ont tous une culture différente. Certains B et moi pris sont vraiment meilleurs que d'autres. Je crois que j'en ai une fantastique. Et certains vont et viennent, mais d'autres sont là depuis un certain temps. Be a IA chapitre existe depuis plus de 25 ans. Cela montre donc la force et la stabilité au chapitre. C' est ce que tu veux trouver. Trouvez-en un qui est là pour rester. Et là, vous trouverez le succès. Mais je recommande fortement B et je lui donne un coup de feu. réseautage et le marketing de référence sont la meilleure façon de faire des affaires. Je vous souhaite donc du succès dans vos efforts b et moi. Alors pourquoi être je travaille si efficacement ? À cause de la confiance ? n'y a pas de tactique de cellules qui l'emporte sur le renforcement de la confiance. Les gens font affaire avec ceux qu'ils aiment et en qui ils ont confiance. Et ils font confiance à la personne qui vous fait confiance. Répétez, les gens font affaire avec ceux en qui ils ont confiance, et ils font confiance à la personne qui vous fait confiance. Donc, si M. Johnson se vante de vous auprès de M. Adams, M. Adams juste la recommandation de M. Johnson. Il commencera automatiquement inconsciemment à vous faire confiance. Maintenant, c'est à vous d'être à la hauteur de ces attentes. B et moi aussi nous enseignons l'importance du réseautage en général. Que signifie le réseautage pour vous ? Le réseautage consiste à établir et à entretenir des relations. Donc, connaissant un bon agent immobilier amusant, connaissant une colonne vertébrale agent d'assurance. Mais ils ne rencontrent pas naturellement des occasions de passer par votre entreprise en tant que concepteur web. Mais les photographes, les rédacteurs de contenu, les agences de marketing, les agences de publicité, les graphistes, les techniciens informatiques. Ce sont des partenaires de référence incroyables parce qu'ils travaillent régulièrement avec des entreprises qui ont des sites Web. Et s'ils t'aiment, ils peuvent vraiment apporter des références en or. Les gens font affaire avec ceux qu'ils aiment. Alors soyez sympathique, rencontrer des gens, nouer des relations, serrer la main devant des cartes de visite. Mais concentrez-vous sur les types d'entreprises de votre réseau, comme nous venons de le mentionner, établissez des relations mutuellement bénéfiques avec les entreprises. Vous pouvez passer des références avec la bonne source de référence peut être objectif pur. Et enfin, quel est le coût ? Que pensez-vous que B et moi coûte ? À partir de 2020, le coût est essentiellement de 500 dollars par an, 40 par mois. Et mon son ressemble beaucoup au début, mais écoute-moi. C' est le meilleur investissement que vous pouvez faire dans votre entreprise. Et d'un point de vue purement financier, ce n'est que 40 dollars par mois. Je l'ai fait après la deuxième semaine où j'ai fréquenté B et moi quand un dentiste m'a approché pour obtenir mon plan de maintenance de site Web. En plus, qu'est-ce que c'est ? 500 $ vous obtenez dans la publicité traditionnelle, une petite publicité magazine qui fonctionne une fois avec B et moi, vous obtenez une équipe de vente de haute qualité pour une année entière. Et le retour sur investissement est incroyable. Chaque année, mes revenus générés par le fait d'être une barre d'affaires indépendante dépassent les frais d'entrée de 500 dollars. Donc là, vous l'avez. Consultez les chapitres B9 locaux de votre région voir s'il y en a un qui vous convient le mieux. Joignez-vous à celui qui n'a pas déjà de concepteur web a un nombre relativement élevé de membres par rapport aux autres. De préférence les membres du B2B ou d'entreprise à entreprise, où ils fournissent leurs services à des entreprises, et non à des particuliers. B9 peut sembler intimidant au début, surtout si vous êtes un introverti. Mais je vous promets que le référencement, marketing et le réseautage sont le meilleur investissement que vous pouvez faire dans votre entreprise. Alors pour récapituler, qu'avons-nous appris ? Nous avons discuté de huit idées sur la façon dont vous pouvez gagner des clients. Un, famille et amis pour les appels chaleureux, trois, sites indépendants pour les organisations commerciales. Cinq, SEO, Six, annonceurs, sept, organismes à but non lucratif, et le réseautage au marketing de référence. Les suggestions de A sont simplement pour de nouvelles opportunités pour gagner votre premier client. Quels sont nos devoirs ? Je veux que vous commenciez à mettre en œuvre ces AIG et consultez V et I.com pour voir s'il y a un chapitre local de l'urée. Et sinon, faire une recherche Google pour d'autres organisations de réseautage dans votre région, est sûrement qu'il va y avoir au moins que quand je suis paresseux. Maintenant tu sais, comment on a gagné des clients ? 40. interview des clients: Bienvenue. Je suis Leighton, votre webmaster. Dans la leçon d'aujourd'hui, discutons de la façon de gérer correctement objectifs de vente en interrogeant les lions et pour voir si vous êtes le bon morceau. Vous aviez donc commencé à mettre en œuvre les suggestions de la leçon précédente et vous avez reçu quelques appels de vente. Tellement excitant. Alors, comment sceller l'affaire, convertir ces appels de vente en clients payants ? Eh bien, découvrons. Nous allons en discuter un, programmer le charbon pour s'y préparer. Troisièmement, l'introduction de la conversation. Cinq, vos prix et 6. La conclusion. Cette interview est si importante, n'est-ce pas votre objectif, juste la terre, le travail à tout prix ? Pas exactement. En fait, de nos jours, je transmets une majorité du travail qui m'arrive. vois, tu ne veux pas que des clients. Vous voulez les bons clients. Ceux qui vous apprécieront, respecteront votre expertise et payeront à temps. Au début, vous sauterez probablement sur n'importe quel travail qui vous arrive. Et c'est bon. Mais au fil du temps, essayez d'être sélectif. En fin de compte, cette leçon porte sur les entrevues avec les clients. Mais s'il vous plaît comprendre que vous interviewez des clients potentiels autant qu'ils vous interviewent pour être leur concepteur web. Alors allons-y. abord, avant même que l'appel ait lieu, vous devez le planifier. Pour comprendre l'importance de cela. Réfléchissez. Aimez-vous être pris au dépourvu par une longue conversation ? Si quelqu'un vous appelle au sommet d'une journée bien remplie, allez-vous leur accorder toute votre attention ? Demandez aux propriétaires d'entreprise que vous appelez la même courtoisie. Si vous communiquez par e-mail, WhatsApp, texto, facebook Messenger, instagram direct message, ou tout autre canal que vous communiquez. Et vous êtes, vous cherchez à sauter au téléphone pour discuter davantage du projet. Alors programmez-le à un moment qui convient à la fois pour vous et pour les clients potentiels. Choisissez un jour et une heure, mettez-le sur votre calendrier pour ne pas oublier sept et alertez si vous en avez deux. Et juste au cas où la personne que vous appelez n'est pas aussi organisée que vous travaillez à partir des Y, envoyez-lui un rappel, juste un message rapide pour lui rappeler que vous appellerez plus tard aujourd'hui et que vous avez hâte de bavarder. Il est possible qu'ils aient oublié et que ce rappel amical et modeste sera exactement ce dont ils ont besoin. Donc, à emporter numéro 1, planifier l'appel et un temps mutuellement commode afin que vous puissiez avoir l'attention de l'autre et leur tirer un rappel avant que l'appel ait lieu. Deuxièmement, une fois que vous avez planifié le charbon, vous devez vous y préparer. Comment pensez-vous pouvoir vous préparer à un appel de vente avec l'entreprise ? Pensez-vous qu'il serait sage d'examiner leur site Web actuel s'ils en ont un ? Oui, ce serait un bon point de départ. Tirez sur leur site Web, familiarisez-vous avec lui. Faites une liste de choses que vous pensez que vous pourriez améliorer à ce sujet. Ouvrez une note sur votre téléphone ou un document Word ou Pages et donnez-lui le nom de l'entreprise et l'URL du site Web, le cas échéant. En utilisant un service comme Godaddy.com slash qui est qui l'a fait ou qui héberge this.com. Vous pouvez même déterminer où leur domaine est actuellement enregistré et qui est l'hôte. Des outils très utiles. Je veux que vous recueilliez autant d'informations que vous pouvez à l'avance afin que vous puissiez être bien préparé au moment où vous avez votre conversation téléphonique. Cela étant dit, passons trop de temps sur ce travail de préparation juste au cas où vous ne finiriez pas par avoir le client. Donc, à emporter numéro 2, préparer soigneusement pour vous-même le charbon en recherchant l'entreprise et leur site Web. Numéro 3, vous passez l'appel et ils répondent, c'est tellement excitant. Alors, comment commencez-vous ? Eh bien, comment aimeriez-vous prendre un appel si vous voulez aller droit aux affaires, ou faites-vous une petite conversation ? Dans l'ensemble, la plupart des gens préféreraient que vous soyez amical, humain, aimable. Prenez un moment juste pour apprendre à se connaître. Accueillez-les, échangez des noms, plaisanteries, obtenez une autre entreprise avant de plonger et discuter du projet et des prix, mettez-les à l'aise. Alors, dans quelle région vous vivez, depuis combien de temps vous êtes là, peut-être jeter un passe-temps ou deux. Cela fera un long chemin pour commencer la relation du bon pied. Maintenant tout le monde est différent. Peut-être sage de les remplir, discerner quand ils sont prêts à commencer à discuter du projet. Parce que pour la personnalité et le calendrier serré de certaines personnes, leur préférence pourrait être de bien faire l'affaire. Si oui, c'est bien. Allez, suivez leur exemple. Vraiment, le fait est que ça, tu ne veux pas que quelqu'un se sente comme un autre charbon de vente, juste un autre numéro. Et tu peux dire que quand quelqu'un essaie juste de te vendre quelque chose, comment ça te fait sentir ? Ça me fait sentir utilisé un peu d'importance pour eux. Donc, à emporter numéro 3, quand vous commencez la conversation, soyez authentique. Et apprenez à se connaître avant de discuter de leur projet de conception de site Web. Numéro 4, il est temps qu'ils arrivent aux affaires. Lorsque vous discutez du projet de conception de site Web, quel est votre objectif ? Pour offrir votre prix et ils l'ont convaincu d'aller avec vous ? Non, non, absolument pas. Ton but est d'écouter, d'écouter, d'écouter. À ce stade, vous avez appris à les connaître. Maintenant, il est temps de connaître leur projet pour mieux comprendre l'importance de cela. Vous êtes-vous déjà exprimé à quelqu'un de près, à un compagnon, à un membre de votre famille, à un ami proche. Et ils prennent rapidement en charge votre problème et offrent une solution. Que penseriez-vous si leurs suggestions n' ont rien à voir avec ce que vous traversez réellement ou ressentez ? S' ils n'ont pas vraiment écouté ton problème. Et le web design, il est vraiment facile d'assumer les besoins d'une entreprise. Je veux dire, ils ont besoin d'un site web, écrire un beau. Eh bien, peut-être que ce qu'ils vous disent en fait, c'est qu'ils veulent vraiment meilleur classement des moteurs de recherche ou des pistes de meilleure qualité ou plus d'exposition. Voyez quand vous posez les bonnes questions. Lorsque vous identifiez leurs points de douleur, il y aura beaucoup plus de chances de payer pour vos solutions personnalisées à leurs problèmes. Alors écoutez, écoutez, écoutez. Mon conseil est d'ouvrir et de noter un document Word ou Pages et d'écrire tout ce qu'ils disent. Presque tout ce qui FAIT vous sera utile à un moment donné. Qu' ils disent depuis combien de temps ils sont en affaires. Ce sont des récompenses. Qui est leur webmaster actuel, quel type de site Web ils recherchent, objectifs. Leurs domaines ont-ils été enregistrés là où le site est hébergé ? J' entends ces informations dans presque tous les appels que j'ai. Et j'écris du tout et mon dossier. Donc je n'ai pas l'air idiot de leur demander de répéter ces choses. Donc, en plus de les écouter s'exprimer, vous devez poser les bonnes questions. Quelle serait, selon vous, une bonne question à poser lors d'une entrevue initiale de sons ? Vous pourriez vous demander s'ils ont actuellement un site Web ? Si c'est le cas, quel est le but de vous tendre la main ? Quels sont leurs objectifs pour ce site ? Alors que leur site Web hébergait où leurs e-mails étaient hébergés. Nous sommes une sorte de domaine enregistré. Quel est leur budget pour ce projet ? Comment ont-ils entendu parler de vous ? La liste continue, mais ce sont quelques-unes des questions que je pose sur chaque cellule est le charbon. Donc, à emporter numéro 4. Écoutez, écoutez, posez les bonnes questions et prenez note de tout. Numéro 5, maintenant que vous avez une compréhension approfondie de leur projet, il est temps de parler des prix. Maintenant, nous allons parler de vos prix en profondeur dans la prochaine leçon. Mais pour ce point, je tiens à vous proposer deux suggestions pour votre appel. abord, vous pourriez leur offrir un devis juste là et là au téléphone. Maintenant, je ne suggérerais cela que si vous comprenez vraiment la quantité de travail nécessaire, vous connaissez vos prix et si vous êtes prêt à vous en tenir à eux. La deuxième suggestion est de dire que nous aurons un devis prêt pour vous dans les prochains jours. C' est une bonne adresse e-mail pour vous. Les propriétaires d'entreprise les plus respectables. Ils vous mettront sur place juste alors et là pour offrir un prix concret. Je veux peut-être une figurine de ballpark. Et c'est bon. Vous pourriez leur donner une gamme, comme il y aura environ 1000$ ou la plupart des sites fonctionnent autour de deux à 4$ mille. Mais si vous faites ça, je veux que vous écoutiez très attentivement la réaction. Tout ce qu'ils disent vous donnera un aperçu de leur budget. La plupart des gens à leur place vont entrer dans la conversation en ayant une idée générale de combien ils ont budgétisé et ils sont prêts à dépenser sur le site Web. Si vos prix sont bien au-dessus et au-delà de cela. De cette façon, ils sont complètement abandonnés le projet ou trouver un designer plus abordable. Et c'est bon. Vous vous valorisez, vous appréciez votre temps. Vous n'avez pas besoin de prendre tous les projets qui viennent à votre chemin. Mais vous pouvez également profiter de cette occasion pour descendre sur vos prix. C' est pour ça que j'ai toujours Sue bonjour. Chaque fois que je veux faire, j'ajoute 20 pour cent à cela. S' ils le font, super, tu gagnes plus d'argent. Sinon, si nous devons négocier un peu le prix à la baisse, ils pourraient finir par se mettre d'accord sur exactement ce que vous aviez l'intention de facturer en premier lieu. Ils ont l'impression qu'ils ont eu une bonne affaire quand ils, quand tout le monde gagne. Donc, à emporter numéro 5, offert d'examiner le projet et leur envoyer un devis dans les prochains jours. Écoutez attentivement la réponse à votre prix de ballpark. Et numéro 6. Enfin, comment terminez-vous la conversation ? La sagesse conventionnelle des ventes dit qu'il y a deux nécessités pour conclure la conversation. Un, fermez la vente, pour planifier un suivi. Savez-vous ce qu'est la fermeture de la conversation sur la conception du site Web ? C' est une déclaration verbale qu'ils aimeraient vous embaucher en tant que concepteur web. Nous aimons entendre ça. Peut-être que vous leur avez donné un prix. Ils ont aimé ça. Ils sont prêts à aller de l'avant avec le projet. Ou ils ont vraiment apprécié la conversation et ils ont hâte de revoir votre devis. C' est bien. Quoi qu'il en soit, vous planifiez un suivi. C' est là que vous suggérez que la conversation continue par e-mail ou que vous choisissiez un jour pour discuter à nouveau sur le téléphone. Rappelez-vous, les gens sont occupés. Je veux dire, tu n'es pas occupé ? Je sais que je suis occupé. Comprenez que la personne que vous appelez est probablement occupée à gérer son entreprise. Et sans suivi, vous pourriez ne plus jamais entendre parler d'eux si vous ne poursuivez pas activement cette piste. Rappelez-vous, le silence ne veut pas dire qu'ils ont rejeté votre citation. Le silence pourrait simplement signifier qu'ils sont juste occupés. Mais ils ont vraiment aimé votre citation, et ils sont prêts à aller de l'avant. Vous tendez la main à eux et le suivi avec eux leur rappellera cela. Et comme un rappel général, une humanité même a battu Curtius. Sois poussé, salé. Ne faites pression sur personne pour vous embaucher. Les gens vous respectent quand vous les respectez. Enfin, maintenant que vous avez une connaissance approfondie de la portée du projet, veuillez comprendre qu'il est acceptable de refuser un projet. Un propriétaire d'entreprise respectable préférerait que vous soyez à l'avance à ce sujet, puis que vous les stockiez et perdiez leur temps. Si vous déclarez, pensez à un autre designer ou entreprise qu'ils pourraient appeler un autre qui pourrait être mieux adapté pour eux. Sois humain, sois utile. Ensuite, nous apprécierons que vous les orientez dans la bonne direction, c'est pourquoi il est incroyablement précieux de réseauter avec d'autres concepteurs web. Donc, à emporter numéro 6, fermez l'affaire. Suivi prévu. Ne soyez pas poussé et n'ayez pas peur de refuser des projets. Donc, pour récapituler, vous l'avez là. Examinons les six étapes de l'entrevue des clients pour voir si vous êtes au bon moment. Numéro 1, programmez l'appel et un temps mutuellement commode afin que vous puissiez avoir attention de l'autre et décalé pour vous rappeler avant que l'appel ait lieu. Numéro 2, préparez-vous bien. Appelez-le en effectuant des recherches sur l'entreprise et votre site Web. Je parle de la première fois que vous commencez la conversation, soyez authentiques. La personne apprendra à se connaître avant de discuter de vos projets de conception de site Web. Ou écoutez, écoutez ça. Posez les bonnes questions et prenez note de tout. Rappelez-vous cinq offert d'examiner le projet et leur envoyer un courriel sans devis dans les prochains jours. Écouter attentivement la réponse à votre boulon pour n'importe quel prix. Numéro 6, fermez l'affaire, suivi prévu, et nous allons pousser et n'avons pas peur de décliner. Et quels sont nos devoirs ? Je veux que vous fassiez un modèle avec toutes les questions que vous souhaitez poser lors d'un appel commercial typique et que vous commenciez ce document afin que vous soyez prêt quand une opportunité de vente apparaîtra. Je suis Leighton et maintenant tu sais comment interviewer les clients. 41. Sites Web de citation: Bienvenue. Je suis Leighton, votre webmaster. Dans la leçon d'aujourd'hui, discutons de la façon de flotter votre projet de site Web. Donc vous avez atterri les cellules appelées et vous avez appris à connaître l'entreprise, et maintenant il est temps de parler des prix. Cela peut être à la fois intimidant et stimulant. C' est excitant de soumettre un devis et de le faire accepter. Et encore plus excitant quand cet argent a frappé votre compte bancaire, n'est-ce pas ? Mais comment choisir les bons prix pour vos services de conception de site Web ? Dans cette leçon, nous allons considérer une, quelques philosophies de tarification. Deux paquets, trois, soumettant des devis pour gagner du temps, et cinq, faisant le suivi des devis. abord, parlons des deux philosophies de tarification fondamentalement différentes, horaires et projets. Avez-vous déjà travaillé pour un salaire horaire ? Si c'est le cas, alors vous êtes déjà familier avec ce concept. Vous recevez un montant fixe basé sur le nombre d'heures que vous travaillez. C' est une structure de tarification standard. L' autre option populaire dans la conception et la construction, c'est la tarification basée sur les projets. C' est là que vous soumettez un devis pour l'ensemble du projet, quel que soit le nombre d'heures que vous y consacrez. Alors, qu'est-ce qui est le mieux ? Horaire ou basé sur un projet ? En fait, je peux même décider ça pour toi. J' ai utilisé les deux moi-même. Il y a des avantages pour chacun. Nous allons donc décomposer les avantages et les inconvénients, commençant par notre quotidien, horaire, je pense que c'est juste. Et la structure de tarification horaire est un moyen infaillible d'être compensé pour votre temps. Vous êtes payé pour les heures que vous travaillez. Pas plus, pas moins. Mais considérez cela. Vous devez vous assurer d'avoir préparé l'entreprise en estimant le nombre d'heures que prendra le projet. Personne ne veut autocollant le choc de votre facture après la fin du projet quand il a semblé que vous prendriez cinq heures, mais maintenant vous les construisez pour 15 heures. Vous avez peut-être vraiment pris 15 heures. Mais pensez-vous que l'entreprise vous appellera la prochaine fois qu'elle aura un projet de site Web ? Peut-être pas leur donner une idée à l'avance. Et vous pourriez même leur donner une tête tout au long du projet en leur disant combien d'heures vous avez détruit jusqu'à présent. Ce serait une bonne courtoisie. Eh bien, pensez-vous qu'un beau service de suivi du temps que j'utilise et que j'aime est basculer. Nous avons discuté de bascule et de la leçon de mise à jour du site Web principal du plan de maintenance du site Web. Si vous êtes facturé toutes les heures, vous avez besoin d'un service de suivi du temps de qualité. Et le basculement est infaillible. Et si vous êtes en train de facturer maintenant, vous devez savoir quel est votre taux horaire. Selon vous, quel serait un tarif horaire approprié ? Je ne peux pas non plus décider cela pour vous, mais je peux vous dire qu'environ 75$ l' heure serait un prix standard de l'industrie pour la conception et les services de gestion de sites Web. C' est ce que je fais payer et je n'ai jamais eu de problème avec ce tarif. Donc, selon votre expérience, entre 5595 serait une plage horaire idéale. Et plus vous gagnez des clients, mieux vous vous sentirez à trouver le bon prix. C' est donc la structure de tarification horaire que j'utilise occasionnellement. Mais qu'en est-il de l'option la plus populaire, basée sur un projet ? C' est là que vous soumettez un prix pour l'ensemble du projet. Par exemple, vous pouvez offrir un site Web WordPress personnalisé, convivialité mobile, optimisation des moteurs de recherche, et la configuration de base de données pour disons, 1495. C' est un prix pour l'ensemble du projet. Le client est clair sur ce qu'il recevra, les livrables, le site Web, et vous êtes clair sur le montant que vous gagnerez. Super. Alors, qu'est-ce qu'il faut considérer ? Supposons que vous décrochiez un travail pour 1500$, mais le projet vous prend 50 heures à terminer. Cet argent semble excitant, mais quand tout est dit et fait, vous ne gagnez que 30$ l'heure. Si ça vous semble bon, alors génial. Mais je veux que vous réfléchissiez en termes de valeur pour votre temps. Donc, quand vous prenez un projet, pensez-vous que ce serait une bonne idée d'estimer combien d'heures au projet vous prendra. Eh bien, comment as-tu trouvé cette estimation ? L' expérience aide vraiment, mais en sachant combien de travail est impliqué, ce qui rend cette entrevue d'appel de vente aussi approfondie que possible. Permettez-moi de faire un tour différent sur notre exemple. Le projet de conception de 1500$. Et si vous perfectionnez vos compétences, que vous avez doublé, que vous preniez un café, et que vous terminiez tout le projet en cinq heures. J' ai livré de magnifiques projets prêts à la production en quelques heures. Alors, quelle est la valeur de votre temps ? 1500 divisé par cinq heures, 300$ l'heure. Quelle différence ? Et pourtant, le client ne sait pas mieux. Ils ne s'en soucient pas vraiment. Je veux dire, ils ont accepté de payer 1500$ pour ce livrable et ils sont satisfaits des résultats, peu importe le temps qu'il vous a fallu. Alors, qu'est-ce que cela vous encourage à faire ? Je pense que la première fois que tu l'essaieras, tu essaies une nouvelle recette. Tu tourneras beaucoup plus la première fois. Ensuite, la dixième fois que vous le faites, plus vous faites cette recette, plus elle devient facile. De même, plus vous construisez de sites Web, plus vous devenez efficace et plus rapidement vous pouvez pomper un site Web, plus votre temps sera précieux. Donc, à emporter numéro un, vous pouvez citer par heure ou par projet, mais considéré la portée du projet et la valeur de votre temps. Deuxièmement, si vous optez pour une tarification basée sur un projet, que facturez-vous ? Que vaut, selon vous, un site web ? Encore une fois, je ne peux pas décider ça pour vous, mais je peux vous donner une inspiration pour vos prix. abord, voulez-vous des prix fixes ou des devis personnalisés ? Un devis personnalisé est l'endroit où vous donnez un devis personnalisé à tous ceux qui vous contactent. Ça a l'air génial au début. Mais plus vous envoyez de devis, plus vous remarquerez les tendances de votre tarification. Si vous donnez des prix similaires à différentes entreprises, pourquoi ne pas en faire un forfait fixe ou un niveau de tarification ? Et si vous avez plusieurs niveaux de prix, considérez ce qui les différencie. Eh bien, vous avez un site d'une page, un site de brochures sur les normes, cher, un niveau de site de commerce électronique. Ce que vous souhaitez que le niveau de commerce soit un devis personnalisé. Allez-vous facturer par page, comme un $150 par page ? Allez-vous facturer un supplément pour la convivialité mobile ? Eh bien, vous devrez facturer un supplément pour référencement où vous plafonnez le nombre de pages incluses dans votre devis. Personnellement, j'aime regrouper tous ces éléments pour présenter un prix pour le meilleur produit. Alors peut-être vous devrez facturer 495$ pour un site d'une page, 1495 pour un site de brochures multi-pages sans sept pages en 2995 pour un site de commerce électronique. Un autre conseil, demandez leur budget. On ne sait jamais ce qu'une entreprise est mise de côté pour le marketing. Si vous prévoyez de citer un $1000, mais leur budget pour ce projet est 5000. Tu crois qu'il y a une opportunité là-bas ? Disons que tu lui demandes son budget. Disons qu'ils aimeraient garder le projet sur leur 5000. Et vous citez 2500, comment vous sentez-vous ? Comment se sent votre client ? Tu es un statique parce que tu as plus d'argent que prévu. Et le client est tout aussi statique parce qu'ils ont un site Web à moitié de rabais. Tout le monde gagne ici. J' adore les scénarios gagnant-gagnant parce que tout le monde rentre à la maison, heureux. Atteindre ça. Et vous vous élèverez en tant qu'entrepreneur. Une dernière remarque, quand vous commencez à commencer, vous n'avez vraiment pas l'expérience ou l'expertise nécessaire pour facturer des tarifs plus élevés. Et c'est bon. Ayez une mentalité de croissance en augmentant progressivement vos prix à mesure que vous obtenez plus de comptes. Une fois que vous êtes en demande plus élevée, vous attirerez des entreprises avec des budgets plus élevés. À emporter numéro deux, vous pouvez proposer des prix fixes, des déchirures et des forfaits, ou proposer un devis personnalisé pour chaque projet. Les prix typiques sont dans la gamme de 100 à 3 000$ pour un site Web professionnel de petite entreprise. Troisièmement, une fois que vous avez choisi votre devis, il est temps de le soumettre. Les devis sont généralement soumis par e-mail. Dans cet e-mail, vous voulez être aussi amical et approfondi que possible. Il y a plusieurs éléments clés à une citation. Qu' est-ce qui vous vient à l'esprit quand vous pensez à ce qu'il faut mettre sur un devis ? Eh bien, d'abord, vous aimeriez vous réintroduire, votre nom, le nom votre entreprise, et pensez alors juste pour l'opportunité de soumettre ce devis. Si vous construisez des sites Web depuis plusieurs années, vous pouvez inclure quelque chose comme j'ai construit plusieurs sites Web depuis 2017 et j'aimerais vous aider dans votre projet. Cette phrase vous donne de la crédibilité et une volonté de travailler ensemble. Ensuite, offrez votre devis, qui comprend les services et le prix. Par exemple, vous pourriez dire, votre site Web comme la plupart, il relèverait de notre paquet d'affaires. autres paquets que nous avons comprennent un site d'une page, un site de commerce électronique, et cetera. Cela inclut un WordPress Web Design personnalisé jusqu'à sept pages. Site convivial mobile, optimisation des moteurs de recherche ou SEO, configuration de base de données, optimisations de sécurité et plus encore. Pour seulement 1495, est-ce que cette ligne vous avez exprimé ce que vous avez l'intention d'offrir et à quel prix ? Ensuite, vous pourriez clarifier ce que WordPress est juste au cas où quelqu'un ne sait pas. Par exemple, je recommande de construire le site Web sur WordPress, sorte qu'il sera plus facile pour moi et vous de gérer à l'avenir. Wordpress est le numéro un du web, CMS Content Management System. Paragraphe suivant, offrez votre plan de maintenance de site Web. La clé ici est d'empaqueter autant de valeur que possible. Tu pourrais dire. Le plan mensuel de maintenance du site Web comprend l'hébergement Web et le soutien de la gestion DNS de domaine, hébergement de courrier électronique et les mises à jour du site de support, l'analyse, les rapports de trafic , la surveillance de référencement Google, la surveillance du temps de disponibilité, sauvegardes régulières de site, la suppression de virus, correctifs de sécurité, le support client et bien plus encore. Pour seulement 75$ par mois plus taxes. Votre site web sera entre de bonnes mains. Qu' en est-il de SSL ? Tu pourrais dire. Je recommande également fortement un certificat de sécurité SSL qui sécurise votre site Web et stimule la confiance des clients et le placement des moteurs de recherche. L' installation et les certificats SSL évite l'étiquette rouge non sécurisée à côté adresse de votre site Web dans votre navigateur et la remplace par l'icône verte cadenas sécurisé. Je peux acheter et configurer un certificat SSL pour aussi peu que 49$ par an. Auparavant, il s'agissait de plusieurs centaines de dollars, mais ils ont considérablement baissé puisque presque tout le monde en a besoin. Et que doit faire l'entreprise une fois que vous êtes prêt à aller de l'avant ? Je me demande. Vous pourriez dire que j'accepte les cartes de crédit pour votre commodité. J' ai demandé la norme 50 pour cent baisse équilibrée due à la fin et le lancement du site Web. Si vous souhaitez aller de l'avant, j'enverrai une facture et rédigerai un accord simple pour votre examen. Maintenant, nous allons parler plus de la facture et de l'accord dans les prochaines leçons. Enfin, je voudrais terminer mon email de devis en établissant un lien vers mon site web, mon portfolio, mes commentaires et listes, certains de mes projets préférés. Et c'est tout. Passez en revue l'e-mail, apportez les modifications nécessaires et appuyez sur Envoyer. Donc, à emporter numéro 3, votre email de devis doit clairement indiquer vos services et les prix, des explications de termes inconnus. Une invitation à aller de l'avant avec le projet. Ces citations peuvent prendre plusieurs heures pour se préparer. Il y a une opportunité de gagner du temps. Il y en a toujours. Au lieu de réinventer la roue chaque fois que vous envoyez un e-mail rapide, pourquoi ne pas créer, créez l'e-mail parfait et enregistrez-le comme modèle. Enregistrez-le dans vos notes ou documents, ou créez un modèle dans votre Outlook. J' ai le mien sauvé dans mes notes. Chaque nouvelle citation n'est donc qu'une copie et un collage de ces paragraphes soigneusement rédigés et soigneusement rédigés. Ensuite, changez le nom Boson pour être le prix. C'est à propos de ça. Les citations m'ont pris environ trois minutes au lieu de trois heures. Créez un processus pour vos devis. Simplifiez ce processus en l' automatisant à l'aide d'un copier-coller rapide de votre modèle maître. Vous gagnerez du temps et tous vos devis seront professionnels puisque vous avez travaillé si dur sur ce modèle initial. Vous pouvez affiner ce modèle au fil du temps. Mais pour la plupart, dans un travail comme une épine dorsale pour la plupart des projets. Consultez la section Ressources de cette leçon pour connaître mon modèle de devis. Plat à emporter numéro 4. Gagnez du temps en créant un processus pour vos devis. Simplifiez et automatisez ce processus en développant un modèle bien préparé et utilisez-le comme base pour la plupart des courriels de devis. Enfin, une fois le devis soumis, que faites-vous ensuite ? Asseyez-vous juste et attendez une réponse ? Eh bien, tout d'abord, il est courant de leur tirer un message texte rapide comme FYI, votre citation de design web a été envoyé par e-mail à nommer sur gmail.com. Merci pour l'occasion. Cela accomplit deux choses. Quel est, selon vous, l'avantage de cela ? D' une part, il maintient le dialogue ouvert. C' est une technique de vente courante. Deuxièmement, s'ils n'ont pas reçu le devis ou sont allés à leur spam, vous pouvez le renvoyer par une autre méthode. Mais si vous ne tendiez pas la main, ils ne sauront peut-être jamais que vous l'avez envoyé. Je recommande également de conserver une liste de tous les devis que vous envoyez. Que vous utilisiez votre application de notes, vous avez Rappels app Word ou Pages, document, Excel ou Numbers, feuille de calcul, quel que soit votre logiciel de productivité, gardez une trace de vos devis. Je le souligne encore une fois. Gardez une trace de chaque devis que vous envoyez, listes, nom de la personne , e-mail, prix, services, date du devis et mode d'envoi. Après quelques mois. Si vous n'avez pas de nouvelles nouvelles et que vous êtes activement à la recherche d'un emploi, allez dans la liste des personnes que vous avez citées. Juste une excellente façon de faire des affaires. Peut-être que quelqu'un voulait vraiment t'utiliser, mais ils se sont occupés. Et c'est amusant. Il arrive des choses. Les gens sont occupés. Vous êtes occupé aussi, j'en suis sûr. Mais le suivi avec eux est un bon rappel pour eux de se motiver et de commencer ce projet. À emporter numéro 5, envoyez le message confirmant que le devis a été envoyé par e-mail et gardez une trace de tous les devis que vous envoyez. Maintenant, pour résumer, voilà, six étapes et considérations lors de la citation d'un projet de site Web. Examinons les principaux points. Numéro 1, vous pouvez citer par heure ou par projet, mais considéré la portée du projet et la valeur de votre temps. Vous pouvez proposer des prix fixes, des larmes étaient des paquets, ou proposer un devis personnalisé pour chaque projet. Les prix typiques sont de l' ordre de 1 à 3 000$ pour un site Web professionnel de petite entreprise. Troisièmement, votre devis, courriel doit indiquer clairement vos services et tarifs, des explications de termes inconnus et une invitation à aller de l'avant avec le projet. Gagnez du temps en créant un processus pour vos vêtements. Simplifiez et automatisez ce processus en développant un modèle bien préparé et utilisez-le comme base pour la plupart des devis. Cinquièmement, envoyez un message confirmant que le devis a été envoyé par e-mail pour garder une trace de tous les devis que vous avez envoyés. Et quels sont nos devoirs ? Je veux que vous téléchargez le modèle d'e-mail de devis dans la section ressources de cette leçon et le personnalisiez à votre entreprise. Le suivant, et créez une liste de toutes les citations que vous allez envoyer. Je suis Leighton, et maintenant tu sais comment citer un site web. 42. Propositions et contrats: Bienvenue, je suis Leighton, votre webmaster. Et la leçon d'aujourd'hui, discutons de deux documents importants à envoyer à vos clients lorsqu'ils entreprennent de nouveaux travaux. Je parle de propositions et de contrats. Ces documents vous donnent l'air plus professionnel, plus poli et, en fin de compte, encouragent les clients à plus forte valeur ajoutée. Je partage ces modèles de document dans la section Ressources de cette leçon. Assurez-vous donc de faire vos devoirs en les téléchargeant sur votre ordinateur. Tout d'abord, des propositions qui impressionnent. Donc vous pourriez penser, n'est-ce pas la citation ? C' est ce que tu penses ? Parce que si c'est le cas, vous avez raison, une sorte de propositions agissent comme des citations. Mais dans ce cas, je vous présente le meilleur conseil que je peux vous donner pour obtenir des projets de plus grande valeur. Tout cela est dans la proposition. Les devis basés sur les courriels vous arriveront peut-être $2 mille projets. Mais une proposition bien écrite et pleine de valeur aidera à gagner 510 $15 mille clients. Si jamais vous rencontrez un article clickbait promettant de vous aider à atterrir 10 000$ plus des clients de conception Web. La référence probablement à une proposition de tueur. Permettez-moi de vous montrer ce à quoi je fais référence avec un exemple d'une de mes propres propositions de page d'équipe informatique que j'ai joint à un e-mail de devis pour notre entreprise. Voici ma proposition de refonte du site web pour un compresseur et W. Ils effectuent l'entretien, les réparations, les ventes et l'entretien des compresseurs . Alors regardons cette proposition de 15 pages et voyons ce qui est inclus ici. Nous commençons avec notre logo, médias pionniers, c'est mon entreprise. Et puis la proposition de site web et le nom de la société. Et nous le préparons pour le nom de la personne en particulier pour laquelle nous le préparons, puis préparé par votre nom, instantané. C' est donc là que nous donnons un aperçu de la situation. Ils offrent un compresseur d'air compressif ou complet vente et le service et Knoxville et le plaisir du Tennessee. Ils ont contacté les médias pionniers pour une refonte complète de leur site web ainsi que pour l'hébergement et la maintenance. Et nous vous proposons de redessiner un site de bureau et mobile W compressor.com, optimiser le site pour les moteurs de recherche, ajouter des fonctionnalités de chat et de configurer le système de gestion de contenu WordPress. Maintenant, tout cela vient de notre entretien de vente initial où j'ai eu une conversation avec eux et compris ce qui les intéressait. Ils ont mentionné la fonctionnalité de chat, ils ont mentionné le nid, puis la nécessité de l'avoir mobile friendly qui n'ont pas bien classé dans les moteurs de recherche. Et ils étaient intéressés par WordPress. Donc je mets tout ça par écrit. D' accord, Next Page, qui était médiatique pionnier ? C' est là que je me décrit un peu. Ceci est mon copier-coller à partir de ma page À propos de nous où j'explique qui je suis et un lien vers une vidéo YouTube où je me présente. Voici une capture d'écran de ma liste Google où vous pouvez voir que j'ai 83 commentaires au moment de cette capture d'écran a été créé dans la page suivante. Pourquoi une refonte ? Alors pourquoi redessinons-nous le site ? Les propriétaires d'un compresseur et W reconnu que le site actuel est daté et a besoin d'un rafraîchissement du contenu bien écrit, mais la conception pourrait utiliser l'amélioration. Nous avons proposé de considérer cet autre site web qu'ils ont mentionné, l'interview de vente pour l'inspiration du design. Ce site a un design propre Incorporer, ce qu'ils recherchent. Nous proposons également d'ajouter une fonctionnalité de boîte de chat afin que les clients potentiels puissent discuter instantanément avec un associé de cellules en direct. Enfin, nous n'étions pas sûrs que chaque page soit optimisée pour les moteurs de recherche, d' autant plus qu'un NW s'étend à de nouveaux marchés, ce qui est quelque chose qu'ils ont mentionné dans l'interview. C' est pourquoi nous proposons de redessiner le site web. Maintenant pourquoi choisir WordPress ? Wordpress est le système de gestion de contenu CMS le plus populaire et le plus favori au monde . Il est utilisé par plus de 33 % de tous les sites Internet. Sites Web créés avec un CMS ou facilement mis à jour via un backend administratif. Wordpress met l'accent sur la stabilité et la sécurité. Il est piloté par la communauté et facilement extensible à travers des milliers de plugins. Le logiciel de base WordPress met régulièrement à jour pour conserver une sécurité serrée. Il s'agit d'un produit mature et stable qui met l'accent sur l'expérience utilisateur et le respect des normes web. C' est pourquoi nous sommes, nous proposons d'utiliser WordPress comme backend du site Web. Après la refonte et d'autres considérations, c'est là que vous mettez votre plug-in pour le plan de maintenance du site Web. Les sites Web qui réussissent sont ceux qui continuent d'attirer le bon type de visiteurs et de les amener à devenir client. Cela nécessite un contenu, une publication et un suivi cohérents du site Web pour s'assurer qu'il atteint ses objectifs. Une fois qu'un compresseur et W est publié, il reste encore plus à faire. Notre service de soins de site Web garantit que votre site Web reste en direct, sécurisé, sauvegardé et à jour. Les clients sur notre plan de service de soins de notre site Web. Assistance client le jour même par téléphone, SMS ou e-mail. Voici 16 raisons pour lesquelles un compresseur et W a besoin du service d'entretien du site Web de Pioneer Media. C' est donc une introduction aux plans de maintenance du site Web. Et voici 16 raisons pour lesquelles ils ont besoin d'une maintenance de site Web. Maintenant, ils sont un peu personnalisés, mais pour la plupart est juste une copie et coller sur la plupart des propositions. Mais je personnalise un peu. Par exemple, le domaine dans leurs cas enregistrés solutions réseau AT. J' ai donc dit que vous pouvez choisir de garder votre domaine enregistré chez Nowhere solutions, mais il n'y a pas de frais supplémentaires pour nous le transférer. Donc, certains d'entre eux que j'ai personnalisé pour ce client et vous saurez où vous avez des occasions de le faire lorsque vous examinez votre proposition pour chaque client. Nous avons donc l'hébergement de messagerie électronique, sauvegardes de surveillance de la disponibilité, les mises à jour de sécurité, optimisation des moteurs de recherche, les listes locales, SSL, redondance géo, la suppression de virus, les mises à jour de site. Et c'est là que j'inclus le support supplémentaire est 75 heures et deux heures de support sont inclus par mois gratuitement. Support, analyse des blogs et optimisation des performances. Donc, c'est beaucoup à corriger la première fois. Mais pour chaque client par la suite, vous avez déjà une base. Vous avez votre modèle, et il ne faut que quelques minutes pour personnaliser cela pour le client spécifique que vous envoyez la proposition deux, d'accord. ce qui concerne la chronologie du projet d'argent et la citation, combien de temps prendront-ils ces remaniements ? Nous proposons la chronologie, la préparation, la conception et le lancement suivants . Nous vous proposons deux semaines pour rassembler le nom de domaine, les modifications de page, les fichiers de logo , les suggestions de design, les nouvelles photographies, etc. La plupart de ce travail tombe entre les mains d'un compresseur et W pendant des semaines. Maintenant que tout a été fait dans la phase de préparation, médias pionniers peuvent se mettre au travail. Nous redessinerons et développerons un site Web magnifique et de haute qualité basé sur les résultats attendus convenus par les deux parties. Et enfin lancé deux semaines modifications finales et révisions proposées par un et W et remplies par Pioneer media. Une fois le site Web prêt, nous le lancerons, ce qui comprend un certain nombre d'opérations pour le rendre prêt pour le public et soumettre le nouveau site aux moteurs de recherche. Nous proposons donc deux semaines pour lancer le site, ce qui nous donne un total de huit semaines, seulement deux mois pour ce projet. Alors, quel est l'investissement ? Concevoir et développer un site Web de compresseurs et W, 5 800$. Cela comprend le remue-méninges, la planification, conception et le développement et le polissage d'un beau nouveau site Web fonctionnel jusqu'à 40 pages, un $100 pour chaque page supplémentaire. Il comprend l'hébergement, la configuration et l'installation de bases de données, la configuration de WordPress, la conception réactive mobile, le référencement, la sécurité et l'optimisation des performances. C' est ce qui est inclus dans le 5800. En plus de ce que vous voyez ici, chat-box $0, site responsive convivial mobile, $0, Search Engine Optimization $0, sécurité et performance aussi $0. Donc, c'est juste expliquer ce qui a été mentionné dans le 5800 ici. Mais il construit juste de la valeur plus nous ajoutons et ils voient l'étiquette de prix de 0$. Et je pense, wow, que je reçois tout ce qui est inclus dans la citation initiale. Donc c'est incroyable. J' aime le regrouper, emballer autant de valeur que possible qu'ils lisent cette section de la proposition. Certificat de sécurité SSL, également 0$. J' inclus cela dans le service de soins du site Web, une heure de configuration gratuite. Cela améliore la sécurité du site Web, la confiance et le référencement. Ce certificat SSL fourni se renouvelle automatiquement chaque année, puis le service de soins du site Web, une facture de 195$ par mois plus taxes le premier jour de chaque mois. Le service mensuel de soins du site Web comprend les 16 services dont nous avons parlé ci-dessus. Chaque heure supplémentaire est construite à 75 dollars par heure. Deux heures sont incluses chaque mois. Services de soins de site Web beaucoup plus qu'une retenue. C' est un service précieux pour garantir que votre site Web reste en direct, optimisé et prêt pour les affaires. Le montant total du projet est donc de 1995$. Mais une fois que nous incluons le service de soins du site Web, un $195 fois 12 mois vient à $2340. Si nous ajoutons cela à la 5995, c'est $8,335 qui auront été faits après la première année. Donc, vous pouvez voir que c'est un prix élevé, beaucoup plus qu'un simple $1000 pour un site Web de petite entreprise. Qu' est-ce que nous avons pendant que nous continuons à défiler, J'ai inclus quelques questions fréquemment posées. Qu' est-ce que vous avez besoin de nous pour commencer 50% en baisse de 50% à l'achèvement. Et voici le guide de démarrage. Pouvez-vous me donner sur la page un de Google, gros il n'y a aucune garantie, mais nous ferons de notre mieux. Pourquoi choisir WordPress ? Wordpress est un système de gestion de contenu de renommée mondiale. Il est mature et sûr. Et vous aurez votre login ainsi que nous aurons un login. Combien de sites Web avez-vous créés ? Depuis 2006, nous avons conçu et développé des centaines de sites Web avec des liens vers le portefeuille et des témoignages. Alors, quel est ton meilleur travail ? Ce sont quelques-uns des principaux projets que j'aime inclure, surtout s'il y en a un qui correspond à l'industrie de l'entreprise, nous envoyons la proposition 2. Et enfin, j'incorpore quelques témoignages ici. J' ai donc quatre témoignages choisis à la main. Et là, vous l'avez. C' est une proposition de 15 pages, emballée et prête pour ces grandes entreprises parce que cela semble très professionnel et nous permet de citer beaucoup plus que si nous leur envoyons simplement un prix par e-mail. Donc, ce que je fais est d'exporter ceci dans un PDF. Il s'agit d'un document de pages ou vous pouvez utiliser Word, mais vous devez ensuite l'exporter au format PDF, qui est ce que nous examinons maintenant. Et c'est ce que vous joignez à votre devis, e-mail avec un simple message comme s'il vous plaît voir la proposition ci-jointe. J' inclut une version simplifiée comme modèle pour vous afin que vous puissiez personnaliser cela et le faire vôtre. Profitez donc de cela téléchargé à partir de la section des ressources de cette leçon. Alors, quelle était votre impression de cette proposition ? Quand il a suggéré à propos de la personne qui l'a préparé ? Si vous possédez une entreprise prospère et avait un budget de marketing décent avec cette proposition et vous impressionner. Qu' en est-il de la proposition ? C' est impressionnant. Eh bien, tout d'abord, la quantité de contenu, 15 pages de contenu, qui dit au client, vous avez beaucoup réfléchi à cela. Ensuite, le professionnalisme. Ce n'est pas un e-mail amical et informel. C' est un document PDF professionnel, poli et haut de gamme que vous pouvez même imprimer et lier si vous préférez. Enfin, le contenu est emballé avec de la valeur. Je décompose chaque bit de la citation initiale, ainsi que l'abondance de la valeur. Service de soins de site Web. J' ai fait accepter plusieurs de ces propositions et c'est la meilleure façon de doubler, tripler ou même quadrupler vos citations pour vous. Je partage ce modèle dans la section des ressources de cette leçon, j'ai un modèle que vous pouvez personnaliser pour votre entreprise. Lorsque vous êtes prêt à en préparer un pour un client, faites une copie du modèle, entrez les informations pertinentes, exportez-le au format PDF et joignez-le dans un courriel comme devis. Tu me remercieras plus tard. À emporter numéro 1, les propositions que j'impressionne ou la meilleure façon absolue d'augmenter vos prix et la terre des clients de plus grande valeur. Et deuxièmement, les contrats qui clarifient, les contrats ne sont pas toujours la conversation la plus amusante. Je veux dire, en tant que consommateur, aimez-vous les contrats ? Probablement pas. Je ne le fais pas non plus. Sur la base de cette réponse, quelle occasion pensez-vous avoir en tant que propriétaire d'entreprise pour rendre votre contrat aussi agréable et moins stressant que possible. Tout d'abord, sachez que votre contrat est facultatif. Beaucoup de concepteur web servent bien les clients à contracter et c'est très bien. Je n'en ai pas eu depuis des années. Alors que mon entreprise a grandi et a grandi en un contrat. Pour être clair, à partir d'aujourd'hui, personne ne m'a jamais combattu ni poursuivi au point où mon contrat a été exécuté ou contesté. Espérons que vous et moi n'aurons jamais à traverser ça. À côté du point. C' est pourquoi nous parions une entrevue avec les clients avant de les prendre. Quoi qu'il en soit, avec tout ce qui est dit, quel est l'intérêt d'un contrat si on n'est pas au tribunal et qu'on n'a pas l'intention d'aller au tribunal, pouvez-vous penser à des raisons pour lesquelles cela serait utile ? Laisse-moi dire ça comme ça. Un contrat énonce les termes de votre accord. Il définit clairement ce que vous avez l'intention de faire, quel prix vos conditions de paiement, politique d'annulation et vos attentes en matière de plan de maintenance. Pourquoi cela pourrait-il être utile ? Vous l'avez deviné pour fixer des attentes et dissiper tout malentendu sur vos services. Une fois qu'ils ont lu votre accord et signé votre nom, ils savent exactement à quoi s'attendre et ils ne peuvent pas dire plus tard, Eh bien, je ne savais pas que ce serait la taxe de vente ou je ne savais pas que vous mettrez mon portfolio mon site Web sur votre ou pourquoi mon côté n'est pas à la page 1 ou pourquoi n'apporte-t-il pas de pistes ? Eh bien, dans le contrat clairement indiqué que nous ne sommes pas responsables e-mails et du trafic mis à part obtient nous ne garantissons aucun classement, et cetera. C, à droite. C' est clair juste à côté de la porte. Qu' est-ce qui est impliqué dans votre contrat ? Laisse-moi t'apprendre en te montrant le mien. Et voici mes contacts. J' ai clarifié le modèle. C' est mon nom d'entreprise, Pioneer Media. Et l'accord de titre, politique claire et les termes liés à ce projet de conception et de développement de site Web. Cet accord est conclu entre les médias pionniers, un Knoxville, Tennessee. Ainsi propriétaire ci-après dénommée partie de la première partie. Et et c'est là que tu mettrais le nom de leur entreprise. Tapez leur nom ici et après avoir été désigné comme partie de la deuxième partie ou témoin client, cette première partie s'occupe de fournir et voici un aperçu de vos services. Donc, disons que nous fournissons développement de la conception de sites Web et que nous les prenons en tant que client. Donc, l'hébergement et l'entretien, deuxième partie souhaite utiliser les services offerts par la première partie sur une base continue moyennant des frais comme indiqué plus loin ici, donc ce sont des termes juridiques, mais cela signifie fondamentalement que c'est ce que nous fournissons. Par conséquent, compte tenu des promesses susmentionnées et des promesses suivantes, qu'il soit résolu et convenu que la première partie fournira à la seconde partie les services suivants pour les frais indiqués ici, il fournira à la seconde partie les services suivants pour les frais indiqués s'agit donc de la frais ponctuels pour la construction du site Web et il s'agit des frais de contrat de maintenance continue. Donc, disons que les services pour ce client sont le commerce électronique. Conception de site web plus mobile plus référencement. Sortez certaines de ces lignes, et on y va. Et pour ce projet, disons que le taux total plus tx est de 2495. D' accord. Donc ils acceptent de payer ceci ou les services et le contrat d'entretien continu, deuxième partie désire conclure un accord ici et noté sur une base continue pour des frais de, disons, 75 dollars par mois plus le thé local et taux de taxe de vente de 9,75 % payable en dollars américains le premier jour de chaque mois. Net 30, ce qui signifie qu'ils ont tout le mois pour le payer. Pour la durée de cet accord, qui est continu. Ces frais sont appelés service de soins de site Web. Commencer. Donc ici, j'ai commencé à héberger la maintenance continue, conditions de paiement, l'annulation de la propriété, indemniser, et tenir inoffensif, et la conclusion. Donc, regardons ce projet est estimé à prendre entre 26 semaines pour terminer, selon la date à laquelle le client envoie tout média pionnier pour commencer. Donc, si nous sommes huit semaines dans le projet et que nous ne progressons pas très vite, peut-être que le problème est qu'ils ne nous ont pas envoyé ce dont nous avons besoin. C' est pourquoi j'ajoute en fonction de combien de temps le client nous envoie ce dont nous avons besoin pour commencer. Il est sage d'ajouter des exigences typiques pour commencer. Logo de domaine palette de couleurs, idées, demandes de contenu d'une page, connexion au fournisseur d'hébergement, et cetera. Toute photographie boursière, 10$ par actif, et certificat SSL, 50$ par an. Les dépenses sont faites pour le client, et non pour les médias pionniers. Ce serait donc une dépense supplémentaire. Hébergement à moins qu'il ne soit explicitement demandé, le nom de domaine sera enregistré et hébergé sur le serveur web Pioneer medias. Le client a déjà un nom de domaine. Il sera transféré à Pioneer medias serveur web à moins qu'il soit explicitement demandé de rester sous le compte d'hébergement des clients. On peut l'héberger à moins qu'ils ne disent le contraire. Si le service avec un média pionnier est annulé à l'avenir, les noms de domaine seront rapidement transférés au client qu'ils pourront annuler sans répercussions. Les coordonnées de la personne à contacter sont enregistrées en privé. Maintenant, maintenance continue. Quels sont les termes des ententes de maintenance en cours ? Avons-nous à propos de ce service ? Services de soins de site Web, un contrat de maintenance mensuel qui comprend l'hébergement, la gestion, l'analyse, le suivi, la surveillance SEO, les mises à jour de site, mises à jour de sécurité, les sauvegardes et la surveillance du temps de disponibilité. C' est une question importante. Les résultats de référencement dans le classement ne sont jamais garantis. Donc s'ils ne cassent pas à la première page, ils ne peuvent pas vous poursuivre et dire que vous avez garanti qu'on serait sur la première page. Nous saurons que nous faisons de notre mieux, mais nous n'avons pas le contrôle total sur ça. service de soins du site Web commence le mois suivant le lancement du nouveau site Web. Ou l'hébergement Web commence sur les serveurs multimédia Pioneer, selon la première éventualité. Il semblerait donc naturel de démarrer le service de soins de site Web après avoir lancé un site Web. Mais si c'est un projet qui prend une année entière et qu'ils ne le déclarent jamais vraiment fait. Eh bien, nous devons être payés tant que le domaine est sur notre serveur et que le site Web est en direct pour le public, nous méritons d'être payés pour notre service de soins de site Web. Des mises à jour peuvent être demandées par SMS, e-mail ou téléphone. Les demandes de mise à jour sont généralement traitées en quatre à 48 heures. Rapports analytiques de base ou envoyés par e-mail le premier jour de chaque mois, rapports analytiques détaillés disponibles sur demande. C' est si vous avez utilisé une fonctionnalité d'envoi automatique de rapports Google Analytics. La plupart des services fournis sur une base mensuelle ont lieu sur le backend du site et sans notification au client. Par conséquent, l'interface du site Web lui-même restera relativement inchangée. Alors si après un an, le client dit, qu'est-ce que tu as fait ? Je ne vois rien de différent sur le site. Cela explique que beaucoup de ce que nous avons fait est sur le backend, même si le front et n'a pas vraiment changé, le backend est resté en direct, état mis à jour, nous effectuons les mises à jour logicielles et nous n'avons pas sauvegardé, même si cela n'affecte pas vraiment le front end sur le site web. Des courriels seront envoyés pour les factures, les rapports analytiques et les bulletins et notifications occasionnels. Des liens de désinscription sont inclus au pied de page de chaque e-mail. Pioneer media ne fournit pas de services marketing au-delà du développement de sites Web et l'optimisation des moteurs de recherche et n'est pas responsable de la quantité de trafic vers un site Web reçoit. Pioneer Media peut diriger un client vers des spécialistes compétents en marketing pour petites entreprises. Donc ils ont payé tout cet argent pour un site web, en obtenant des pistes. Ils n'ont pas de trafic. C' est parce qu'ils ne font pas la promotion. Ils ne font rien pour diriger le trafic. Ils ne mettent pas de dollars publicitaires dans le site Web, et ils s'attendent à ce que le site génère du trafic tout seul. Eh bien, nous ne sommes pas vraiment responsables de cela et nous ne fournissons pas de services publicitaires payants, mais nous pouvons vous référer à un spécialiste pour cela. nouvelles pages du site Web et les remaniements majeurs feront l'objet d'un suivi et d'une construction à un taux horaire de 75$. Donc, s'ils veulent un tout nouveau site Web ou qu'ils veulent ajouter de nouvelles pages importantes, c'est bon. Mais il sera surpris que nous ayons un tarif horaire pour cela et qu'il n'est pas inclus dans le coût mensuel. Conditions de paiement. 50% acompte requis pour commencer par non 50 pour cent équilibré dû à l'achèvement du projet ou net 60, selon la première éventualité. Disons que vous êtes dans deux mois et que vous travaillez toujours sur le site. Mais finalement tu mérites d'être payé. Donc net 60 signifie 60 jours après le versement de l'acompte, le solde final est dû. Parce qu'à ce stade, ce n'est pas vraiment votre faute. Si vous avez été coopératif et que vous avez été réactif, ce sont eux qui traînent leurs fesses et vous méritez d'être payé pour le site Web. Vous pouvez continuer à travailler dessus, mais vous devez équilibrer avant de continuer. Lancement du site, après les soldes payés. Donc, les sites sont prêts à aller mais ils n'ont pas fait le paiement final. Eh bien, ça ne va pas se lancer tant qu'ils n'ont pas fait ce paiement. Formulaires de paiement acceptés. Vous acceptez l'argent comptant, le chèque, la carte de crédit, la banque commerciale. Vous pouvez mettre à jour ce formulaire avec les formulaires de paiement que vous acceptez. Banque commerciale volontiers accepté sur le site Web conçu travail, mais pas le service de soins du site Web. Frais de carte de crédit encouragés à 0,9% frais de traitement. Le service de travail et de soins de site Web comprend 9,7 75 % T dans la taxe de vente. Abonnement automatique de frais de carte de crédit offert pour plus de commodité et facturé le premier jour de chaque mois. Ils ne seront donc pas surpris quand cette charge sera portée. Une fois que je m'occupe, les factures de service seront envoyées par courriel au client le premier jour de chaque mois. Donc ils comprennent quand ils vont construire ça. Aucun remboursement n'est offert pour l'acompte, le solde final ou le service de soins du site Web. Donc, je ne vous offre pas de remboursement, car généralement après avoir payé, j'ai déjà fait un peu de travail, préparer le serveur, sorte de construire le site Web. Donc, pas de remboursement, de propriété. Alors à qui appartient le site ? C' est très important. Certaines entreprises de design web tiennent leurs sites Web en otage en affirmant qu'ils sont propriétaires du contenu. Mais qu'est-ce que je dis ? fichiers et la base de données du site Web sont hébergés avec des médias pionniers, mais le client est propriétaire du site Web une fois le site Web payé intégralement en accord avec le contrat. Donc le client possède le site Web est la partie importante ici. Les fichiers sont stockés localement sur les ordinateurs Pioneer media is et sauvegardés régulièrement jusqu'à six destinations. Ce serait que je possède est Google Drive, mon ordinateur, ma machine de temps disque dur externe, et cetera. Par les nouveaux médias se réserve le droit d'afficher et de lier au projet terminé et un portfolio. Annulation. Ça arrive de temps en temps et c'est bon. Voici les termes. Le service de maintenance du site Web peut être annulé à tout moment après six mois après le lancement de la vue. Annulation avant six mois se sont écoulés nécessite les mois restants service de soins de site faire lors de l'annulation du service. Les fichiers du site Web et la base de données seront envoyés par courriel au client sur demande. domaine sera transféré au client si demandé, que me soucie ? Le service ne sera plus facturé à moins que le service ne soit rétabli. remboursements ne sont pas offerts pour le service de soins du site Web des mois en cours ou passés. Et l'une ou l'autre des parties peut résilier ce contrat à tout moment par demande écrite. Le client devra, lors de la résiliation, payer aux médias Pioneer tous les montants impayés dus pour les services achevés avant l'avis de résiliation. Aucun remboursement ne sera accordé pour les paiements déjà effectués par le client. Maintenant, c'est une question importante. Indemniser et tenir inoffensif. Il s'agit d'un terme juridique standard à lire à ce sujet. La seconde partie s'engage à indemniser, sauvegarder et détenir les médias pionniers de tous dommages, pertes, poursuites judiciaires, dépenses, frais ou honoraires d'avocat qui pourraient découler d'une réclamation ou d'une action de tiers. Cela inclut, mais sans s'y limiter, toute action implique le piratage ou toute autre activité malveillante par un tiers, entraînant des dommages au site Web, à la réputation, à la bonne volonté ou aux revenus d'un client . Qu' est-ce que tout cela signifie en termes simples, si votre site Web est piraté, ce n'est pas notre faute. ferons tout ce qui est en notre pouvoir pour rectifier la situation, mais nous ne sommes pas responsables des dommages ou des actions qui pourraient survenir. Donc les sites sont piratés, mais vous ne pouvez pas emmener votre concepteur web au tribunal pour cela. Nous allons être aussi coopératifs que possible pour nettoyer le hack et le durcir contre les futurs hacks. Mais vous ne pouvez pas nous poursuivre pour ça. Conclusion. Cet accord est l'ensemble de l'accord. Il n'existe aucune autre condition écrite ou verbale de la présente entente et les conditions de désaccord ne peuvent être modifiées que par un accord écrit qui remplace ce qui signifie signé par les deux parties en l'espèce, doivent-elles faire partie de la présente entente être considérées comme inapplicables ? Ces parties n'affectent aucune autre partie du présent accord. D' accord. Cet accord sera régi par les lois de l'État du Tennessee, qui est ma région locale où je fais des affaires, témoin de cela. Et c'est là que vous mettez le jour du mois, puis le mois, puis l'année. Première partie, c'est là que vous mettez le nom de votre entreprise, votre nom et la date actuelle. Et puis vous mettez le nom de leur entreprise, le représentant à qui vous envoyez ça, et ensuite ils mettront leur signature, ils mettront leur date sur Mac. Vous pouvez l'enregistrer au format PDF, puis ajouter votre signature via l'application de prévisualisation sur Adobe Reader, sur Windows ou sur la paix, sur PC, Windows ou Mac, vous pouvez ajouter une signature en allant dans Outils et signature sur signer un document. Il y a beaucoup de solutions modernes pour cela de nos jours. Et vous ne devriez pas avoir à payer pour un logiciel supplémentaire tout comme signé un document. Il est donc très pratique de signer des documents à la volée sans avoir à l'imprimer et à le numériser. Donc, ce sont mes contrats qui ont clarifié le modèle. Je vais mettre cela dans la section des ressources afin que vous puissiez télécharger et personnalisé pour vous-même, profiter. Alors qu'est-ce que tu en penses ? Pas trop effrayant, n'est-ce pas ? J' ai vraiment essayé de le rendre facile à lire et aussi convivial que possible, mais toujours juridiquement contraignant. J' ai consulté un avocat pour créer ça. Néanmoins, je ne les présente qu'aux clients qui s'inscrivent à partir d'un service de soins de site Web et qui établissent donc une relation à long terme. Je ne fais pas ça pour eux et j'ai fait des clients. Et c'est pour toi. Je partage avec vous pourrait modèle dans la section des ressources de cette leçon, J'ai un modèle de contrat que vous pouvez personnaliser pour votre entreprise. Lorsque vous êtes prêt à en préparer un pour un client, faites une copie du modèle, entrez des renseignements sur le ministère, exportez au format PDF et joignez-le à votre proposition et consultez un avocat ou un avocat si vous avez besoin d'aide supplémentaire sur ce numéro deux, des contrats qui clarifient, nous établirons les attentes pour votre relation à long terme avec un client. Et maintenant, pour résumer, qu'avons-nous appris de ces deux documents ? Tout d'abord, les propositions que j'impressionne sont le meilleur moyen absolu d'augmenter vos prix et d'atterrir des clients de plus grande valeur. En quelques secondes de contrats, je précise, nous définirons les attentes pour votre relation à long terme avec les clients. Et quels sont nos devoirs ? Je veux que vous téléchargez la proposition, les accords et les inondations dans la section Ressources de cette leçon. Personnalisez-les pour votre entreprise. Je suis Leighton, et maintenant tu sais comment envoyer des propositions et des contrats. 43. Factures et taxes: Bienvenue. Je suis en retard pour votre webmestre dans la leçon d'aujourd'hui et discutons de l'aspect financier et des factures et taxes de service clients. Collecter de l'argent peut être une partie passionnante de la gestion d'une entreprise. Mais avez-vous déjà envoyé une facture ? Peut-être que vous pensez ces derniers temps, j'utilise QuickBooks depuis des années. Je sais facturer les gens. Mais pour ceux d'entre vous qui ne les connaissent pas, je vais vous présenter l'un des plus grands services gratuits que j'ai jamais rencontré Wave. Avez-vous entendu parler de la vague WAV ? J' utilise wave depuis des années et j'ai fait des recherches approfondies sur les logiciels de facturation avant de me contenter de celui-ci. La plupart des auteurs comme celui-ci sont en moyenne de 20 à 30$ par mois. Mais avez-vous entendu combien coûte le poids ? Oui. Vous avez bien entendu. C' est très qu'ils sont la facturation et les services de comptabilité sont totalement gratuits. Le traitement des paiements est juste la norme, 2,9% plus 30 cents par charge. Et leurs services de paie ou extra, ce que vous n'aurez pas vraiment besoin de ceux-ci. Mais il ya des logiciels de facturation de base est très maintenant fait libre signifie qu'ils ne sont pas aussi bons que les services de facturation payés comme QuickBooks, FreshBooks. Eh bien, quelles fonctionnalités aimeriez-vous voir dans une solution de facturation ? Peut-être les factures récurrentes, la facturation récurrente, les relevés clients, les rappels, le traitement des cartes de crédit, les paiements bancaires, la numérisation des reçus, la comptabilité à double saisie. Wave a chacune de ces fonctionnalités. Vous pouvez même configurer vos clients de maintenance mensuelle sur Auto Pay et Wave va automatiquement débiter de leur carte de crédit dans les dossiers et déposer les fonds dans votre compte bancaire dans deux jours. N' est-ce pas incroyable ? C' est un énorme gain de temps. Imaginez combien de temps vous pourriez passer manuellement à charger chaque carte de crédit pour chaque client, chaque mois. Mais avec l'auto pay, Wave, est-ce que tout ça marche pour toi ? Laissez-moi aller de l'avant et vous montrer ce qu'est la vague. Nous voici sur wave apps.com, la page d'accueil de wave. Alors voyons de quoi ils sont tous. La meilleure façon de faire, déplacer et de gérer votre argent. Chaque produit vague que vous utilisez vous rapproche d'une image complète de la réussite financière. Ils offrent donc un logiciel de comptabilité qui a travaillé aussi dur que vous. Ils offrent des factures professionnelles, créent des factures professionnelles gratuitement. Chaque facture payée représente un chiffre d'affaires positif pour votre entreprise. Le logiciel de facturation Waves vous permet de créer et d'envoyer facilement des factures professionnelles avec des fonctionnalités avancées comme facturation récurrente et les paiements automatiques, qui sont incroyables pour les concepteurs web indépendants comme vous. Les solutions de paiement pour votre entreprise sont payées aussi vite que deux jours ouvrés, améliorer votre marque et paraître plus professionnel que, comme vous activez les paiements par vague, accepter les cartes de crédit et les gros paiements sur vos factures pour à peine 1 % par transaction, 1 % pour les paiements bancaires et la rosée, 0,9 % pour les cartes de crédit. C' est une fonctionnalité étonnante et un gain de temps énorme lorsque les gens peuvent continuer et effectuer un paiement eux-mêmes, au lieu de devoir débiter manuellement la carte de crédit de chaque personne. Donc c'est génial. Simplifiez votre expérience de paie. Nous n'avons pas besoin de nous en soucier car nous n'avons pas employés qui créent votre compte Wave gratuit. Avant de le faire, confirmons quelque chose sur la page de tarification. Il y a trois sections ici pour la comptabilité comme gratuite, la facturation est gratuite et les reçus sont gratuits. Pas de frais d'installation, pas de frais cachés, pas de frais mensuels. Et je peux certainement l'attester. Payer les paiements par utilisation. Le traitement des cartes de crédit est de 2,9% plus 30 cents par Swain. C' est tout à fait normal. C' est la norme de l'industrie. C' est un peu élevé, mais c'est toujours la norme de l'industrie. Rayure Paypal. Tous les principaux transformateurs de cartes de crédit vont facturer ce montant par transaction. Eh bien, c'est normal. Et les paiements bancaires 1% par transaction. Et puis la paie est un supplément payé, 35 dollars par mois de frais. Et le libre-service stipule $20 base mensuelle B. Mais encore une fois, c'est la paie, C'est quand vous avez des employés, ce que nous ne faisons pas. Voyons donc ce qui est offert d'autre ici. Logiciel de comptabilité, facturation. Voici quelques-unes des caractéristiques dont nous avons parlé. Illimité et voicing, envoyez autant que vous le souhaitez, sauf les paiements par carte de crédit et bancaire, directement dans la facture, facturation récurrente, ce qui est idéal pour votre plan de maintenance. Rappels et synchroniser vos factures et la comptabilité. Ils proposent la numérisation des reçus afin que vous puissiez télécharger des reçus. Et ils offrent des paiements, sont payés en deux jours ouvrables. Les clients payent par n'importe quelle carte de crédit importante directement à partir de votre facture. Donc c'est incroyable. Connectez-vous à mon compte et nous verrons à quoi ressemble le tableau de bord. Nous voici donc sur la nouvelle section de la facture. C' est là que nous allons créer une facture. Et nous sommes arrivés ici en allant aux ventes à gauche, puis aux factures. Wave a une section pour les devis et les factures qui vous donne une liste de toutes vos factures payées et impayées que vous avez envoyées à vos clients, factures récurrentes comme le plan de maintenance et le factures que vous allez envoyer. Achats, paiements, qui sont les paiements effectués sur vos factures, relevés clients, qui est l'endroit où vous pouvez envoyer un relevé de toutes leurs factures payées et impayées à un client . Clients, qui répertorie tous les clients que vous avez ajoutés à votre compte Wave. Produits et services, qui serait comme votre plan de maintenance de site Web prendra soin de service, Qu'est-ce qu'une conception ? Tous les produits et services prédéfinis que vous ajoutez régulièrement à vos factures. Vous pouvez gagner du temps en ajoutant cela à vos achats de vague. J' aimerais aller aux reçus. Et vous pouvez télécharger des reçus en utilisant l'application Wave sur votre appareil mobile et il va télécharger ici les reçus, les fonctionnalités comptables, paiements bancaires montre les derniers paiements par carte de crédit qui ont été effectués et le paiement faire votre la paie bancaire, que nous ignorerons parce que nous n'avons pas d'employés. Et puis des rapports, ce qui vous donne quelques bons rapports mensuels et annuels dont vous pouvez profiter. Donc nouvelle facture. Donc, en haut, nous avons notre logo. Dans mon cas, c'est une médiane pionnière. Nous avons une facture de marée. Vous pouvez faire un résumé rapide. J' ai mon adresse de retour et les informations de paiement et ou ils peuvent envoyer une boîte postale de paiement par chèque, mon numéro de téléphone mobile et un lien vers mon site Web. Ensuite, sous ajouter un client, nous pouvons cliquer dessus. Très bien, nous avons un numéro de facture qui est calculé automatiquement chaque fois que nous ajoutons une nouvelle facture, nous avons la date actuelle de la facture, puis la date d'échéance, qui est généralement dans les 30 jours. Vous pouvez changer cela sur réception dans les 15 jours, 30, 45, 60 et 90 jours. Et puis nous allons à la viande de la facture. C' est là que nous ajoutons un élément. Donc, disons que nous facturons quelqu'un pour un site Web et que nous voulons dire commerce électronique, conception de site web, site convivial, site responsive, optimisation des moteurs de recherche, configuration WordPress, configuration de base de données. On y va. Nous pouvons faire la quantité 1, puis le prix, le montant que nous facturons pour ce service particulier. Nous pouvons changer cette quantité à la nôtre en cliquant sur Modifier les colonnes et en la changeant en heures. Les unités, les heures et le prix, modifient en taux. Et dans ce cas, nous pouvons les facturer pour combien d'heures nous avons travaillé sur quelque chose comme, disons que nous avons passé dix heures sur un projet à 75 ans et que nous les facturions pour 750$. Maintenant, ce qui est ajouté en plus de cela, j'ai deux taxes différentes que j'ai ajoutées ici. taxe de vente, qui dans ma région est de 9,75, est calculée automatiquement. Et la carte de crédit à 3%, qui est automatiquement calculée aussi. Donc, le sous-total de base serait ce montant, puis ceux-ci y sont ajoutés. Maintenant, cela ne va pas atterrir dans votre BankAccount. Wave prend ça et puis cette laine et votre BankAccount. Mais à la fin de chaque mois, je le remets à mon site des recettes locales. Donc ça va quitter le BankAccount après un mois de toute façon. J' ai donc la taxe de vente totale et la carte de crédit , puis le total que le client devra payer. En bas, vous pouvez avoir quelques Conditions générales et déclarations finales. Merci. Nous apprécions vraiment vos affaires. La taxe de vente de 2,9 % Tn doit être perçue, s'il vous plaît, et le paiement dans les 30 jours suivant la réception de cette facture. Et maintenant, j'ajoute pour que nous puissions commencer votre projet. Vous pouvez payer en ligne en toute sécurité carte de crédit ou en envoyant un chèque à l'adresse ci-dessus. Économisez de l'argent, payez par chèque. Donc j'ajoute ça pour dire que s'ils n'aiment pas la carte de crédit B, ils ne veulent pas payer ça. C' est très bien. Ne le payez pas. Il suffit de mettre un chèque dans le courrier. Les frais de carte de crédit sont essentiellement pour la commodité et la plupart des gens ne soucient pas et ils s'y attendent lorsqu'ils effectuent un paiement en ligne. Cordialement, Smith latent. Sous le pied de page, vous pouvez avoir une déclaration de bas. Vous avez des problèmes ou des questions concernant votre site Web, hésitez pas à nous envoyer un courriel ou à nous appeler à tout moment. Votre satisfaction est notre préoccupation numéro un, alors vous pouvez cliquer sur Enregistrer et continuer, et cela permettra d'enregistrer la facture et vous pouvez l'envoyer à votre client. Allons-y et cliquez dessus. Maintenant. D'accord. Donc, cela nous amène à la page de la facture. La facture a été créée, elle est en brouillon. Il s'agit du montant dû et il s'agit de la date d'échéance, 30 mois à compter de la date à laquelle il a été créé. L' étape suivante consiste à approuver le brouillon ou à le modifier, ce qui nous ramène à la page précédente. Cliquez sur Approuver le brouillon. Ensuite, nous avons quelques options pour l'envoyer. Nous pouvons l'envoyer par e-mail et joindre une facture PDF. Ou nous pouvons ignorer l'envoi si nous voulons l'envoyer manuellement. Et il y a des rappels programmés. Ainsi, vous pouvez définir un rappel pour la date d'échéance. Et disons 14 jours après. Ceci est un e-mail amical et dit juste que je comme un rappel, vous avez cette facture et voici un lien pour payer. C' est ça. Ignore l'envoi. Faisons ça pour l'instant. Envoyer la facture, vous l'avez ignorée, envoyer la marque de facture comme cent. Donc, disons que nous nous sommes dit manuellement que vous pouvez cliquer sur les marchés envoyés et ensuite être payé. Donc vous avez deux options ici. Ce qui vous permet d'entrer le numéro de carte de crédit de vos clients et de soumettre le paiement. Et il y a une boîte ici pour sauvegarder la carte pour les paiements futurs. Ou vous pouvez enregistrer un paiement manuellement, ce qui serait un paiement bancaire, en espèces, carte de crédit, PayPal ou autre. Donc, le plus souvent, disons que quelqu'un écrit un chèque. Donc, vous tapez vérifier et ensuite vous dans ce qu'il était pour la conception de site Web. J' aime mettre ça dans le MIMO. Et voilà, vous appuyez sur Soumettre, et c'est tout. Ensuite, le paiement sera effectué. Les factures ont l'air très professionnel et nous pouvons les éditer en descendant ici aux paramètres dans le coin inférieur gauche de la vague, nous pouvons aller aux paramètres et changer l'apparence des factures, changer la couleur pour Pitt notre marque. Il y a beaucoup de choses différentes que vous pouvez personnaliser là-dedans. Je vous recommande de cliquer sur Paramètres et de parcourir chacune de ces zones pour personnaliser cela pour votre entreprise. Enfin, regardons factures récurrentes et je vais vous montrer comment créer une facture récurrente. Créer une facture récurrente. Mettons notre client et disons que c'est pour notre plan de maintenance. Donc, dans mon cas, ça s'appelle un service de soins de site Web. J' ai déjà le montant prédéfini ici, 95 plus L6 plus carte de crédit. Magnifique. Et nous allons cliquer sur Enregistrer et continuer. Donc, sur cet écran, c'est similaire à la précédente, mais nous avons quelques options supplémentaires, définir le calendrier. Disons que nous les ajoutons à notre plan de maintenance et qu'il s'agit d'un client, nous allons les facturer le premier jour de chaque mois. Répétez cette facture tous les mois. J' aime que tous les miens sortent le premier de chaque mois. Alors on y va. abord, créez la première facture le premier jour du mois suivant, puis terminez. Jamais. Cliquez sur Suivant. Paiements automatiques. C' est là que vous pouvez sélectionner carte de crédit de vos clients qui est déjà enregistrée sur le compte. Très utile. Sinon, s'ils n'ont pas déjà une carte de crédit dans leurs dossiers, il y aura une case où ils pourront entrer leurs propres informations de carte de crédit et vérifier leur propre case sauver cette cour pour les achats futurs. Donc, Way prend soin de tout cela et gère tout pour vous. Sinon, il y a une boîte de paiement manuelle. Votre client devra payer chaque facture manuellement. Et vous pouvez sélectionner cette case qui indique permettre à mon client payer chaque facture par carte de crédit ou paiement bancaire, ce qui lui donne la possibilité d'effectuer un paiement par carte de crédit. Sinon, ils seront juste en mesure de le voir et de mettre un chèque dans le courrier. Donc, nous cliquons ensuite et enfin, envoyer l'envoi automatique ou l'envoi manuel, l'envoi automatique. Nous vous laisserons envoyer ce message par e-mail à votre client. Il enverra automatiquement que le premier de chaque mois sur la base de ces termes que nous avons mis en place ici, répété mensuellement le premier, donc sur la première vague va automatiquement gérer cela pour vous. Donc, si nous avons configuré correctement, vous pouvez envoyer automatiquement votre facture le premier jour de chaque mois et ils peuvent la payer sur place. Ou s'ils ont coché la case enregistrée cette carte pour les achats futurs, il les facturera automatiquement et au lieu d'envoyer une facture, un reçu vous sera envoyé. Sinon, s'ils préfèrent mettre un chèque dans le courrier, non. Obtenez leur facture le premier jour de chaque mois et ils peuvent envoyer manuellement le chèque par la poste, vous le recevrez et vous pouvez envoyer le paiement via votre compte Wave. Donc, de toute façon, c'est vraiment un énorme gain de temps. C' est beaucoup mieux que d'avoir à créer manuellement une facture et à l'envoyer à chaque client. Alors, familiarisez-vous avec wave, configurez vos factures et vos factures récurrentes. Et si vous avez cela configuré correctement, cela peut être un gain de temps énorme, surtout si vos clients sont d'accord de mettre leur carte de crédit dans leurs dossiers et de faire leurs paiements automatiquement le 1er de chaque mois. Dans ce cas, le premier de chaque mois est très excitant et vous verrez ce que je veux dire quand vous commencez à avoir certains de vos clients en autopay. Alors profiter de la vague, C'est un beau service gratuit et je suis si heureux que je l'ai découvert. Je suis ravie de le partager avec vous. Maintenant que vous êtes tous prêts avec votre logiciel de facturation, disons que vous êtes dans un client, vous avez convenu d'un prix. Ils ont accepté, ils sont prêts à aller de l'avant avec le projet. Quoi ensuite ? Eh bien, vous devriez commencer par leur envoyer une facture pour la totalité du montant indiqué avec un message tel que, nous avons besoin de moitié pour que nous puissions commencer puis le solde est dû à la fin du site Web. Donc, fondamentalement, le pourcentage vers le bas à l'échantillonnage plus profond le site lance. Maintenant, vers le bas se réfère à l'acompte, qui est le paiement initial. Ainsi, vous pouvez commencer le projet. Gardez cela à l'esprit comme un conseil d'affaires. Ne commencez pas à construire leur site Web tant que vous n'avez pas reçu cet acompte. Le client effectuant le paiement initial prouvera qu'il est à la fois sérieux et prêt. Envoyez donc la facture, collectez un acompte de 50 % par chèque, carte de crédit ou paiement bancaire, et commencez. Takeaway numéro un, wave est un fantastique service de facturation gratuit pour vous permettre de facturer vos clients par projet et par mois. Ensuite, votre DBA. Avez-vous entendu parler d'un DBA ? Tu sais ce que ça signifie ? Nous en avons parlé très brièvement. Ça veut dire faire des affaires. Pour ce faire, le DBA est essentiellement le nom de votre entreprise. Dans mon cas, je m'appelle Smith latent, mais mon DBA et le nom de mon entreprise, C'est un média pionnier. Alors, quel est le but d'un DBA ? Eh bien, si quelqu'un écrit un paiement à un média pionnier, je peux le déposer ou l'encaisser seulement si le DBA est dans mon compte bancaire, ce qui est le cas. Si vous ne donnez pas le DBA à votre banque, vous devrez être payé à votre nom personnel. Facilitez la tâche de vos clients et soyez plus professionnel en mettant à jour votre compte-chèques avec votre DBA ou en ouvrant une vérification d'entreprise séparément. À emporter numéro 2, mettez à jour votre compte bancaire avec le nom de votre entreprise comme DBA afin que vous puissiez déposer de l'argent versé à votre entreprise. Troisièmement, vous devez avoir une licence d'entreprise. Si vous avez entendu parler d'un permis de plomberie, d' un permis électrique, d'un permis immobilier, ceux-ci sont très importants et essentiels pour mener légalement des affaires dans ces domaines. Donc ça veut dire qu'il y a une licence pour être designer web ? Vous auriez entendu qu'il n'y a pas de telle chose. Vous n'avez pas besoin d'obtenir une licence ou une certification en tant que concepteur web. L' expérience et les connaissances suffiront. Mais vous avez besoin d'une licence d'entreprise. C' est différent d'une licence commerciale, comme les exemples que nous venons de mentionner. Une licence d'entreprise signifie que vous êtes légalement autorisé à faire des affaires et que vous comptez. Celles-ci s'appliquaient à toutes les industries. Le très facile à obtenir. Et ma recommandation est d'appeler votre commis du comté local. Il y a super utile, surtout pour les nouvelles entreprises. Et je vous indiquerai dans la bonne direction. Encore une fois, ils sont vraiment faciles à obtenir et vous l'avez un peu obtenu. Vous devez faire est de retirer le numéro trois, inscrire pour obtenir une licence d'entreprise auprès votre commis de comté local afin que vous puissiez légalement mener des affaires dans votre région. Et le numéro 4, obligations fiscales, à commencer par la taxe d'affaires, je commence par des textes d'affaires parce qu'il vient avec l'inscription pour une licence d'entreprise. En fait, voici une citation directe du site officiel de Tennessee Tennessee. En règle générale, si vous menez des affaires dans un comté ou une municipalité constituée en mer, vous devriez vous inscrire et verser la taxe d'entreprise. L' impôt des entreprises se compose de deux impôts distincts. La taxe d'affaires de l'Etat dans la taxe d'affaires de la ville, à quelques exceptions près, toutes les entreprises qui vendent des biens ou des services doivent payer la taxe d'entreprise de l'Etat. Mais c'est 10 à voir. Et si tu ne vis pas dans le Tennessee ? Votre État a-t-il une taxe d'entreprise ? Je ne peux pas répondre à ça pour toi. Consultez votre commis de comté local si facilement vous pointez dans la bonne direction. Alors, quel est le coût de l'impôt des entreprises ? Dans ma région, c'est une petite fraction de 1% de mes ventes annuelles. Donc relativement super petit, c'est en fait l'impôt le plus bas que je paie en tant que concepteur web. Le deuxième est la taxe de vente locale. Le cas échéant. Avez-vous payé en trop la taxe de vente sur quelque chose ? Bien sûr que vous l'avez fait. Mais saviez-vous que les entreprises doivent payer cela même à un web designers ? Dans mon État natal, le Tennessee. La conception et le développement de sites Web sont considérés comme des logiciels informatiques. Et les logiciels informatiques sont imposables. Ce que j'héberge un plan d'entretien sont également imposables. C' est le cas où vous vivez ? Encore une fois, je ne peux pas répondre à cela pour vous, mais un CPA ou un expert-comptable agréé, alias un fiscaliste, peut facilement répondre à cette question. Combien coûte la taxe de vente ? Ma région ? Je dois facturer 9,75 % sur la conception de mon site Web et les voix, et le soumettre mensuellement sur le site fiscal de mon État. Heureusement, vous pouvez facilement taper sur les taxes à travers vague à Paramètres, taxes de vente. Le troisième est l'impôt fédéral et l'impôt sur le revenu de l'État. Est-ce que vous tombez des impôts chaque année ? J'espère que vous le ferez. Et la taxe fédérale américaine est exigée pour toutes les entreprises. Et certains États ont leur propre impôt sur le revenu. Que vous passiez par ImpôtRapide, H&R Block, ou que vous embauchiez un CPA pour préparer vos impôts. Vous devez préparer et payer des impôts fédéraux chaque année. Dans les termes les plus simples, vous payez l'impôt fédéral sur votre revenu brut moins vos dépenses d'entreprise. Gardez donc une trace de vos dépenses et de vos reçus. Une règle générale consiste à réserver 30 % de vos revenus aux impôts fédéraux et étatiques. Heureusement, les CPA et les logiciels de préparation fiscale comme TurboTax et H&R Block vous renseigneront et vous guideront tout au long du processus. À emporter numéro 4, taxe d'affaires, taxe de vente, séjour dans la taxe fédérale sont généralement nécessaires pour tous les concepteurs de sites web. Consultez votre commis de comté local et un CPA pour décider quels impôts vous devez payer et comment. Donc, pour résumer, qu'avons-nous appris sur l'aspect financier de la gestion d'une entreprise de design web ? Nous avons appris un, vague est un fantastique service de facturation gratuit pour vous de facturer vos clients pour le projet et par mois pour mettre à jour votre compte bancaire avec votre nom d'entreprise comme votre DBA afin que vous puissiez déposer de l'argent payé au nom de votre entreprise. Trois, qui s'inscrivent pour une licence d'entreprise chez votre commis local. Ainsi, vous pouvez mener légalement l'entreprise dans votre région. Pour l'impôt sur les affaires, la vente, le sexe, rester dans les textes fédéraux sont généralement tous nécessaires pour les concepteurs de sites Web. Consultez votre commis de comté local dans un CPA pour décider quels impôts et à payer, et comment et quels sont nos devoirs ? Je veux que tu t'inscrives à Wave. Si vous ne possédez pas déjà QuickBooks, mettez à jour votre DBA sur votre banquier. Et nous discuterons quand leur commis local du comté et un CPA pour revoir votre licence d'entreprise légale et vos obligations fiscales. Je suis Leighton et maintenant tu sais facturer et payer les impôts. 44. Onboarding des clients: Bienvenue, je suis Leighton, votre webmaster. Dans la leçon d'aujourd'hui, discutons des clients d'embarquement. Avez-vous entendu parler de l'embarquement et de l'embarquement ? Qu' est-ce que ces termes signifient pour vous ? L' intégration peut se référer à accompagner l'arrivée d'un nouvel employé à bord en se joignant à l'équipe et en apprenant comment ils font les choses. Il peut également faire référence à la familiarisation d'un nouveau client avec vos produits et services. Et c'est celui qui s'applique à vous en tant que webmaster. Pensez-y comme un nouveau téléphone. Lorsque vous obtenez un nouveau téléphone ou tout autre appareil technologique, vous devez apprendre ses fonctionnalités, n'est-ce pas ? Vous devez vous familiariser avec la façon dont cela fonctionne. De même, en tant que webmaster, lorsque vous vendez des services de conception de sites Web, les clients doivent se familiariser avec le processus. En fait, ce pourrait être leur tout premier site Web. C' est tellement excitant pour eux et ça peut être excitant pour vous. Cela peut aussi être écrasant. Beaucoup de clients me diront, je n'ai aucune idée de comment cela fonctionne. Alors dis-moi ce que tu as besoin de moi et c'est bon. Parce que je ne savais pas ce que j'avais besoin d'eux. Dans cette leçon, discutons d'une, le guide de démarrage des tâches d'intégration des administrateurs. Troisièmement, la collecte d'identifiants et la collecte de contenu. Tout d'abord, le guide de démarrage. Avez-vous déjà lu un manuel ? Le manuel contient généralement une section de démarrage vers le début. Qu' est-ce que cette section vous aide à faire ? Et commencer ? En tant que webmaster, une fois que le client a payé, vous êtes responsable du démarrage du projet. Comment faites-vous ça ? Laissez-moi vous présenter un guide utile que j'ai composé pour mes clients. Donc, nous voici sur le site Web de mon agence à Pioneer dot Media Slash guides. Ce sont des guides et des ressources pour nos clients. Nous voulons que nos clients se sentent éduqués sur le fonctionnement du processus de conception Web et sur ce que vous pouvez faire pour vous aider. Par conséquent, nous avons composé deux guides, en commençant et en direct. Ce sont donc deux guides distincts. Un pour commencer, un pour aller en direct, pour commencer. De quoi avons-nous besoin pour commencer ? Que devriez-vous rassembler ? Guide du lecteur pour savoir comment aller en direct après les lancements décider, quelle est la prochaine étape ? Ne vous laissez pas derrière vous des conseils radar pour tirer le meilleur parti de votre nouveau site Web. Et c'est un petit graphique que j'ai créé pour ce guide. Alors lisons le guide de démarrage. C' est ce que j'envoie aux nouveaux clients lorsque je prends un nouveau client. Numéro 1, 2, 3 et 4, Laissons à travers ce que nous devons commencer. C' est une question très courante. Quand vous prenez un client, ils veulent une direction. Ils veulent savoir quoi faire. Vous obtenez un nouveau site web ? Il y a deux options ici. Nouveau site Web ou est-ce que votre site Web est en cours de refonte ? Si vous obtenez un nouveau site Web ? D' abord, nous avons besoin de l'acompte. Deuxième accord signé, et troisième, idées de domaine. Qu' est-ce que vous voulez ? Des idées ? Venez avec quelques-uns. Nous attendrons et vérifierons leur disponibilité. Une fois que vous choisissez un nom de domaine, vous ne devriez pas. Et pour le garder et ne changez pas d'avis. Nous nous occuperons de l'enregistrement du nom de domaine pour vous. Sinon, si votre site Web est en cours de refonte, nous avons toujours besoin d'un acompte. Nous avons encore besoin d'un accord signé. Et au lieu de vous inscrire pour un nom de domaine, nous allons obtenir la connexion à votre nom existant. Et si vous avez déjà un site web, vous avez l'hébergement. Alors nous allons obtenir l'hébergement ou le login WordPress afin que nous puissions entrer dans votre site actuel. Quel est le prochain numéro pour concevoir des idées et du contenu. Donc, une fois que nous avons compris les bases et que nous avons été payés, nous pouvons maintenant commencer sur le design et le contenu. Donc d'abord, on a besoin d'un logo. Donc ceci votre logo dans l'un de ces formats, nous n'avons pas de logo. Nous pouvons aider nos spécialistes à concevoir un logo professionnel personnalisé pour vous. Deuxièmement, le schéma de couleurs. Quelles couleurs souhaitez-vous sur votre site web ? Les couleurs de votre logo sont un excellent endroit pour commencer. La couleur doit être soigneusement choisie pour transmettre le sentiment assisté et l'humeur du site Web. Doit utiliser IB respectueux de l'environnement, être audacieux et excitant, apaisant et relaxant. Les couleurs refléteront cela. Des photos. Envoyez-nous vos meilleures photos haute définition pour votre site web. Plus la taille est grande, meilleures sont les méthodes de transport numérique. Dropbox, Google Drive, OneDrive, e-mail ou conception de texte. Y a-t-il des sites Web là-bas que vous aimez particulièrement s'ils sont dans la même industrie que vous ne l'êtes pas. C' est très utile. Donnez-nous une idée de ce que vous souhaitez voir sur votre site Web. Pages. Quelles pages souhaitez-vous sur votre site ? Quelques idées, notre Accueil À propos de nous services, produits, témoignages, galerie de photos, contact. Donc, certains ne savent vraiment pas ce qu'ils veulent sur le site. C' est donc un excellent début de pensée pour les amener à se déplacer dans la bonne direction. Le contenu, surtout les symboles, le contenu qui va sur chaque page. Pour la page À propos de nous, envoyez quelques paragraphes et photos pour expliquer le fond et l'histoire de votre entreprise. Pour la page contact, quelles sont vos coordonnées actuelles ? Pour la galerie, nous avons besoin de photos pour y mettre. Donc, peu importe ce qu'ils choisissent comme pages, nous avons besoin de contenu pour ceux-ci. Ensuite, nous concevons votre maquette de site web. Donc, beaucoup de cela se passe dans les extrémités du client. Maintenant, la balle est dans votre terrain. Nous concevons votre maquette de site web. Une fois que vous nous avez donné tout ce dont nous avons besoin pour commencer, nous commençons à construire votre site Web. Oui, vous pouvez voir nos progrès, vous enverra un lien spécial pour voir les travaux en cours. Il faut généralement une à deux semaines pour préparer une maquette ? Oui, nous sommes rapides. Une fois que nous sommes prêts à montrer votre travail quand vous avertir et envoyer le lien vers la maquette. À ce stade, la plupart des gens vont adorer avec d'abord voir ou designers professionnels là-bas tous garder à l'esprit bien que ce que vous voyez est juste une maquette. Ce n'est pas un produit fini. Ça veut dire que si tu n'aimes pas quelque chose, c'est très bien. Vous aviez la liberté totale de demander les modifications que vous vouliez. N' aimez pas les couleurs, la mise en page, les textes, faites une liste de changements que vous souhaitez, et nous continuerons à travailler sur le site. Il est recommandé de consulter le site Web sur votre ordinateur de bureau. C' est ainsi que nous avons conçu un site Web au début, et non pas pour le visionner sur un appareil mobile. Si vous consultez le site mobile, vous pouvez voir un rendu de conception funky. J' aime donc mobiliser le site à la fin une fois que le contenu et la conception principale sont terminés, de nombreux clients ont trouvé qu'il est facile d'écrire la liste des changements dans un courriel ou un document Word. Essayez d'organiser les modifications par page. Ils auront peur de parler. Tu ne nuiras pas à nos sentiments. C' est votre site web là-bas. Tout ce que vous devriez être fier du produit fini. Il y a quelques tours de révision. Le site devrait être prêt à finaliser et à lancer l'étape 4. L' étape finale, les mises à jour finales et le lancement. Maintenant que nous avons passé quelques tours de révision, le site devrait être à votre goût. À ce stade, il y a un certain nombre de choses qui vont faire pour le lancer. Et je vais passer par cela dans une prochaine leçon sur le lancement du site Web. Voici donc notre guide de mise en route. C' est une chose géniale que nous pouvons envoyer aux clients afin qu'ils puissent faire leurs recherches et comprendre ce qu'ils doivent faire pour faire avancer le projet. Maintenant, vous êtes plus que bienvenus pour prendre ce guide et le faire vôtre. Le lien vous attend dans les notes de leçon, mais pourquoi avons-nous composé ceci ? Pourquoi ne pas éduquer personnellement chaque client individuellement ? Qu' est-ce que tu en penses ? Dame raison qu'une grande société ne vous appelle pas personnellement au téléphone pour expliquer la nouvelle cafetière que vous venez d'acheter. Ça prend du temps. Tout ce que vous dites ou faites encore et encore devrait être simplifié et automatisé dans un processus. Je répète tout ce que vous dites ou faites encore et encore, devrait être simplifié et automatisé dans un processus. Au lieu de répéter la même chose à chaque client, prenez le temps d'écrire ce guide une fois, puis envoyez-le à chaque nouveau client. En faisant cela, vous économiserez à la fois votre temps et votre énergie. À emporter. Numéro un : gagnez du temps et des répétitions en dirigeant les clients vers un guide de démarrage. Les prochaines tâches d'intégration que vous devez effectuer sont du côté administrateur. Maintenant, lorsque vous vous inscrivez à un service téléphonique comme AT&T ou Verizon, ce qui se passe ensuite à leur extrémité, ils configurent votre ligne téléphonique. Ils vous donnent un nouveau numéro ou le port de votre numéro existant. Ils configurent votre compte en ligne, votre compte de facturation et bien plus encore. L' intégration signifie la paperasserie et le travail administratif pour l'entreprise. Heureusement pour vous, cela ne prend que quelques minutes en tant que webmaster freelance. Fondamentalement, pour chaque client que je prends, je les ajoute à plusieurs listes. Marchons à travers chacun d'entre eux. Premièrement, le calendrier de votre projet. Tu as téléchargé cette feuille de calcul ? Si c'est le cas, vous devriez déplacer vos clients le long du calendrier de gauche à droite. Une fois que vous avez atterri le client, il est passé à la colonne des acomptes. Une fois ce paiement effectué, ils passent de nouveau à la colonne de domaine et de conception. Il y a quelque chose d'incroyablement satisfaisant à déplacer un client le long de cette chronologie. Ça ressemble à une telle réalisation. J' adore ça. Tu ne te sens pas bien quand ta chambre est propre, quand ta voiture a été lavée, ta pelouse est mode. Nous devons célébrer ces petites réalisations. Quoi qu'il en soit, lorsque vous commencez à intégrer des clients, ils doivent inclure dans la colonne de domaine et de conception de la chronologie de votre projet, où vous allez comprendre leur domaine et leur situation d'hébergement et commencer la conception de leur nouveau site Web. Combien de temps les déplacer le long de cette chronologie prend-ils ? Trente secondes. Numéro deux, la feuille de calcul de vos clients. Vous avez celui-là à portée de main ? C' est ma liste principale de tous les clients payants sur mon service de soins de site Web. Une fois que j'ai gagné un client et qu'il fait un acompte, j'ouvrirai la feuille de calcul et je l'embarquerai sur la liste. Cette liste inclut le nom de leur entreprise, mon contact au sein de l'entreprise, l'URL du site Web, la façon dont ils ont l'intention de payer mensuellement si leur site Web est sécurisé SSL et la source de référence. Une fois que vous ajoutez un client à la liste, vos formules en bas, telles que le total courant du nombre de clients et le chiffre d' affaires mensuel et annuel, seront automatiquement mises à jour. Facile. Cela ne prend qu'une minute. La troisième tâche d'administrateur que vous avez probablement déjà fait, et c'est de les ajouter en tant que client dans wave ou QuickBooks. Ils devraient déjà être un client s'ils ont fait cet acompte. Et plus tard, lorsque vous lancez le site Web, nous pouvons configurer la facture récurrente pour le plan de maintenance. Confirmer cela ne prend qu'une minute environ. Numéro 4, il s'agit d'une tâche facultative. Tu as entendu un Mailchimp ? Mailchimp est un fabuleux service de marketing par e-mail. Avez-vous déjà reçu des e-mails de vos marques préférées ? Shopping, restaurants, offres ? Est-ce que ces courriels vous envoient personnellement ce courriel ? Ou s'agit-il d'un marketing de masse ? Et comment tous ces emails sortent-ils avec un service de marketing par e-mail comme Mailchimp ? Heureusement pour vous, mailchimp est gratuit pour les 2000 premiers abonnés, ce qui est plus que suffisant lorsque vous commencez à commencer. Je recommande d'avoir un public de Mailchimp avec tous vos clients. Lors de l'intégration d'un client, il vous suffit d'ajouter son nom et son e-mail à l' audience de votre client afin que vous puissiez envoyer des e-mails en masse à tous vos clients quand vous en avez besoin. Ajouter à un public prend environ une minute. Numéro 5, configurez un dossier pour le client sur votre ordinateur. Personnellement, j'ai un dossier dans mon dossier de documents sur mon ordinateur appelé sites Web. Dans les sites Web, j'ai un dossier par client. Ainsi, lorsque vous embarquez sur un client, créez un dossier sur votre ordinateur dédié à ce projet. Ce dossier devrait vraiment être un miroir de ce qui se trouve sur le serveur d'inactivité. Ainsi, vous pouvez éditer les fichiers WordPress au besoin. Je crée également un dossier appelé notes, qui n'est pas téléchargé pour ioniser où j'ai stocké le contenu. Ils ont fourni les photos, ils ont envoyé leurs documents de logo, PDF, tout ce qui concerne le projet. La création du dossier client sur votre ordinateur ne prend qu'une minute. Numéro 6. Celui-ci est légèrement plus long. Pour préparer ce client, vous devez préparer votre serveur. Tu te souviens de ce processus ? On l'a revu plusieurs fois. En bref, cela signifie créer l'espace web, base de données de compte FTP, installer WordPress et Divi. Maintenant, pour la plupart, cela sera fait sur votre serveur. Mais si votre client insiste pour utiliser son propre serveur, c'est bon. Vous pouvez préparer leur serveur. Où que le côté soit hébergé, le serveur doit être préparé pour que vous puissiez commencer à construire son site Web. Cela prend environ 15 minutes, et là vous l'avez. En environ 20 minutes, vous avez terminé le côté administrateur de l'intégration d'un client. Si facile. À emporter numéro deux, bord de votre client en les ajoutant à la feuille de calcul de vos clients, mettant à jour le calendrier de votre projet, à jour les données client dans wave ou QuickBooks, ajoutant à MailChimp, en créant un client sur votre ordinateur et préparez le serveur d'hébergement. La troisième tâche d'intégration implique le client. Vous devez collecter les identifiants de connexion à leur site Web existant. cas échéant. Quelles connexions pourraient-elles avoir ? Le plus souvent une connexion GoDaddy pour leur domaine ? Ou peut-être qu'ils utilisent des solutions réseau, registered.com, nom Jeep Host, Gator, site terre ou Bluehost, un journal Wix, Weebly ou Squarespace. Et s'ils ont construit le site Web eux-mêmes, un Gmail ou Microsoft 365, s'ils ont classe affaires, e-mail, la connexion YouTube, si vous avez affaire à des services vidéo, des mots de passe à leurs espoirs d'e-mails, un journal dans WordPress. En gros, vous cherchez l'accès à leur domaine, leur hébergement et leurs e-mails existants. cas échéant, assurez-vous d'enregistrer tous ces identifiants en toute sécurité, par exemple lors de la dernière passe. Maintenant, s'ils commencent complètement à partir de zéro, ils n'ont peut-être aucun de ces comptes, et c'est bon. Vous pouvez créer ces entités dans Jonas. Sinon, les sites Web existants doivent être hébergés quelque part. Donc, vous aurez besoin de comprendre ça. Mais que faire si vous avez un client qui dit, je n'ai aucune idée d'où trouver ça, je ne sais pas où est mon nom de domaine. Qu' est-ce que tu fais avec ça ? Heureusement, en tant que professionnel, vous pouvez les orienter dans la bonne direction. Tu as leur dos. Voici quelques outils que je vais utiliser. J' utilise qui est dotnet ? Qui héberge this.com et ce CMs.org. Regardons ça. Donc, lorsque nous prenons pour la première fois un nouveau client qui a déjà un site Web, il est vraiment important de comprendre l'état de ce site Web. Voici donc quelques outils que j'utilise pour le faire. Le premier est, qui est dotnet ? Rappelez-vous qui est, est comme les informations de base accessibles au public sur chaque nom de domaine. Alors regardons l'un de mes plans, sites Web, stores.com et voir ce qui est disponible ici. D' accord, alors qui recherche ? Voyons ce qui est disponible sur les données qui sont pour cela ? Tout d'abord, le nom de domaine est répertorié. C' est le domaine que nous avons recherché. ID de domaine du Registre. Serveur de registre et URL du registre. Donc, cela veut dire que le nom de domaine est enregistré chez GoDaddy. Godaddy est le registraire du domaine. Cette dernière a été mise à jour en 2020 et le domaine a été créé en 2017. La date d'expiration du Registre est actuellement définie sur 2020 pour le registraire est GoDaddy. Puis l'information sur les abus. Godaddy s'occupe du statut de domaine qui a été interdit parce que GoDaddy se cache ou la vie privée. Le serveur de noms pointe vers Cloudflare , puis je le pointe de Cloudflare vers mon propre serveur. Dns SEC n'est pas signé. Et voici un lien vers le formulaire de plainte. Et c'est tout. C'est ce qui nous a dit. Donc, l'information la plus importante que nous apprenons ici est le domaine est enregistré où GoDaddy. Donc si tu arrêtes tes clients qui ont informations et que tu trouves que leur domaine quand je vais, papa, alors tu l'as. L' étape suivante serait de récupérer la connexion GoDaddy afin que vous puissiez entrer et pointer que leur domaine vers votre serveur. Numéro 12, les choses que je trouve dans qui est information est le registre, puis les serveurs de noms. C' est donc là que le domaine est enregistré et c'est là que le site est hébergé. Alors qu'est-ce qu'on a d'autre ? Qui héberge this.com ? J' aime vraiment ce site web. Vous pouvez rechercher votre nom de domaine et cliquer sur Rechercher. Et puis ça nous dit deux choses. Un, le fournisseur d'hébergement est Cloudflare et aux serveurs de noms sont impair color.com. Cela devrait vous donner des informations sur l'endroit où le site est hébergé. Et il était dotnet vous dira principalement que où le domaine est enregistré et aussi les serveurs de noms. Et qui héberge this.com vous dira principalement où le site est hébergé. J' aime donc utiliser ces outils en tandem les uns avec les autres. Un troisième outil, j'utilise ce CMs.org, cherchons le même nom de domaine et cliquez sur Détecter CMS. Cela va tirer vers le haut les systèmes de gestion de contenu et les différentes technologies qui alimentent le site Web. Donc, cet outil nous dit en utilisant les informations publiques disponibles dans le code source et le HTML de ce site, il nous dit que c'est WordPress. Il est programmé sur PHP et la base de données est MySQL. Donc, nous connaissons toutes ces informations. Mais si vous prenez un client, vous ne le savez peut-être pas. Et un outil comme celui-ci peut presque instantanément vous dire ce que CMS pouvoirs pour site Web. Que faites-vous de cette information ? Disons que vous prenez un client, vous le lancez à travers cet outil et vous découvrez que le site est sur WordPress. Quelle est votre prochaine étape ? Obtenez la connexion WordPress. Vous allez à qui est dotnet, vous comprenez que le domaine est enregistré chez GoDaddy. Votre prochaine étape est d'obtenir la connexion GoDaddy. Vous découvrez que le site Web est hébergé chez Cloudflare. Vous pouvez demander la connexion Cloudflare. Vous découvrez que le site est construit sur WordPress. Vous pouvez demander un login WordPress. Ces outils sont donc très utiles pour connaître l'état actuel du site Web existant. Je recommande d'écrire tout cela lorsque votre client note que vous l'avez à référencer. Maintenant, s'ils utilisaient un concepteur web dans le passé, vous devrez peut-être appeler ou envoyer un e-mail au concepteur précédent et pourrait avoir toutes les informations dont vous avez besoin pour transférer l'hébergement, communiquer avec eux pour mieux comprendre les sites Web actuels créez un plan de jeu pour transférer tout cela à votre serveur. Takeaway numéro 3 a permis de découvrir les sites web existants mis en place en accédant au domaine, hébergement et aux e-mails, le cas échéant. Numéro de collecte de contenu. Cela peut potentiellement être l'un des processus les plus frustrants du processus de conception Web. Donc, disons que vous êtes payé pour construire un nouveau site Web pour une startup jusqu'à ce que vous commenciez à concevoir ce site, le canevas vide. Alors, qu'est-ce que tu demandes ? Un logo ? Quelques photos, les pages qu'ils sont allés sur leur site, quelques paragraphes sur la société. Des trucs assez standards, vraiment, les choses que vous voudriez trouver sur le site. Imaginez donc que vous avez demandé ces éléments mais que vous n'avez pas reçu de réponse. Et puis une semaine plus tard, vous recevez un e-mail d'un client vous demandant comment se passe les choses et si le site Web est prêt pour leur examen. Qu' est-ce que tu fais avec ça ? Vous ne pouvez pas démarrer le projet car vous n'avez pas de contenu à utiliser. C' est pourquoi c'est souvent l' une des parties les plus frustrantes du processus de conception web. Récupération du contenu du client. Je veux dire, ils sont occupés et c'est bon. C' est pour ça qu'ils t'ont engagé pour t'occuper de ça. Mais comme ils connaissent mieux leurs affaires que vous, ils ont vraiment besoin de vous donner quelque chose pour commencer. Permettez-moi donc de partager avec vous quelques-uns des conseils que j'ai appris à amuser le processus de collecte de contenu. Numéro un, communiquez régulièrement. C' est l'une des meilleures choses que vous pouvez faire avec les affaires en général, mais surtout pour la collecte de contenu. Lorsque vous prenez un client, communiquez clairement exactement ce que vous avez besoin d'eux. Les clients veulent faire leurs devoirs. La plupart du temps, ils ont réalisé qu'ils avaient besoin de vous donner quelque chose pour commencer. Ils ne comprennent peut-être pas exactement ce qu'ils ont besoin de vous donner. Décrivez clairement en utilisant des chiffres, des puces, ce que vous cherchez, comme un logo, des photos, des paragraphes. Listes de services, headshots, Logan, et cetera. Si vous n'avez rien entendu, suivi dans quelques jours ou une semaine, juste ne vous sentez pas comme vous avez pris leur argent et couru garder le dialogue ouvert. Croyez-moi, ils vous apprécieront de rester au courant des choses. Nombre pour réduire le frottement. Fais en sorte qu'il soit facile pour eux de vous envoyer du contenu. J' ai trouvé que Google Drive, Dropbox et OneDrive avaient été extrêmement utiles pour envoyer du contenu d'avant en arrière, créer un dossier et le partager afin que vous ayez tous les deux télécharger et télécharger Access. Bien sûr, le courrier électronique fonctionne juste à l'affût. Ils peuvent toujours créer un document Word et vous l'envoyer par e-mail avec quelques photos. C' est amusant. Dans l'intérêt de rendre cela aussi facile que possible. Ne faites pas que quelqu'un s'abonner à un nouveau service de partage de fichiers juste pour vous envoyer quelques photos dans un document, comprendre ce qu'il est à l'aise et essayer de travailler avec cela. S' ils vous laissent complètement le soin, ce que beaucoup de clients font, suggère un service avec lequel vous êtes à l'aise. Numéro 3, si vous avez vraiment du mal à obtenir quelque chose d'eux, vous devrez peut-être les appeler et les interroger. Il y a des chances qu'ils soient parfaitement à l'aise de parler de leur entreprise de façon informelle. Le problème est que lorsqu'ils doivent l'écrire officiellement d'une manière professionnelle, plupart des clients admettent qu'ils ne sont pas des cavaliers et c'est bon. Ayez une conversation avec eux. Préparez quelques questions telles que, parlez-moi de vos services. Depuis combien de temps êtes-vous dans les affaires ? Pourquoi un client devrait-il choisir votre produit ou service plutôt que la concurrence ? Voulez-vous afficher les prix sur votre site Web ? Préparez quelques questions comme ça et notez tout ce qu'ils disent. Une fois la conversation terminée, vous pouvez commencer formellement professionnellement à le formater en un slogan d'ouverture, une page À propos de nous et professionnellement à le formater en un slogan d'ouverture,une page À propos de nous, une page de services, etc. Numéro 4, en dernier recours, apporter un rédacteur de contenu. Pourquoi considérerais-je cela comme un dernier recours ? D' une part, il s'agit d'une dépense supplémentaire que la plupart des petites entreprises clientes répercuteraient. Mais qu'ils détestent vraiment l'écriture et qu'ils voient la valeur d'un rédacteur de contenu professionnel. Vous pouvez faire appel à un écrivain indépendant pour s'attaquer à ce problème. J' ai utilisé des écrivains indépendants sur de nombreux projets et les livrables sont super professionnels. Maintenant, pouvez-vous penser à d'autres problèmes avec l'introduction d'un rédacteur de contenu ? Si votre client a un tel problème à vous donner du contenu, quel succès le rédacteur va-t-il en retirer le contenu ? Le pilote peut faire des recherches et faire de l'industrie sur son propre SAR, mais même il ne peut pas écrire la page À propos de nous tant que le client ne leur donnera pas quelque chose pour commencer. À emporter numéro 4, la collecte de contenu peut être difficile, mais vous pouvez affiner le processus en communiquant régulièrement, réduisant les frictions avec le logiciel de partage de fichiers, les interrogeant au téléphone ou en apportant un rédacteur de contenu. Donc, pour récapituler, qu'avons-nous appris sur les clients d'accueil ? Le processus d'intégration a lieu après le versement de l'acompte. L' intégration est nécessaire lorsque vous gagnez un client. Et dans cette leçon que nous avons apprise, un, permet d'économiser du temps et de la répétition en dirigeant les clients vers un guide de démarrage. Pour intégrer davantage votre client en les ajoutant aux feuilles de calcul de vos clients, mettant à jour la chronologie de votre projet, à jour les données client dans wave, créant un dossier client sur votre ordinateur et en préparant le serveur d'hébergement. Troisièmement, découvrir les sites web existants mis en place en accédant au domaine, hébergeant et e-mails le cas échéant, et préparer le serveur ou collecter du contenu peut être un problème, mais vous pouvez affiner le processus en communiquant régulièrement, réduire les frottements avec les logiciels de partage de fichiers, les interviewer au téléphone ou faire appel à un rédacteur de contenu. Et quels sont nos devoirs ? revue mon guide de démarrage à pioneer dot Media slash guy, parcourir et signet, qui est dotnet, qui héberge this.com et quoi ? CMs.org. Mais je suis Leighton et maintenant vous savez comment embarquer des clients. 45. Conception et développement de sites Web: Bienvenue. Je suis Leighton, votre webmaster. Dans la leçon d'aujourd'hui, parlons du service principal que vous fournirez, conception et du développement de sites Web. Nous avons donc discuté de la façon de le faire dans la deuxième série de leçons de ce cours. À ce stade, vous savez essentiellement comment construire un site Web. Tu sais, WordPress, tu sais comment en concevoir et en développer un. Où aller pour l'inspiration du design, comment le rendre convivial pour les mobiles, optimisé pour les moteurs de recherche et comment ajouter un e-commerce. Mais maintenant que vous avez gagné un client, il est temps de le mettre en pratique. Une fois que vous avez déplacé votre client dans la colonne du site de construction de la chronologie de votre projet. Qu'est-ce qui est impliqué ? Permettez-moi de partager avec vous quatre conseils pour faire de ce processus un succès. Astuce numéro un, créant une maquette initiale. Numéro 2, répondant favorablement à la rétroaction. Trois, en ajoutant du CSS et pour éviter le fluage de la portée. Donc d'abord, la maquette initiale. Une fois que vous avez votre client, que vous êtes payé, que vous avez préparé votre serveur, vous êtes prêt à commencer à concevoir. Maintenant, il y a deux scénarios différents ici. S' il s'agit d'un tout nouveau site Web, peut-être pour une nouvelle entreprise, vous regardez une toile vierge. Sinon, l'autre scénario est s'ils ont déjà un site Web et que vous le reconcevez. Dans ce cas, vous avez déjà quelque chose à faire référence. Quoi qu'il en soit, la leçon d'inspiration design de ce cours contient quelques conseils impressionnants sur l'endroit où aller pour l'inspiration du design. Mais que se passe-t-il si vous ne vous sentez pas très inspiré ? Tu regardes une toile vierge et rien ne me vient à l'esprit. Ou vous commencez à ajouter des images et du texte et rien ne se réunit, rien n'a vraiment l'air bon. C' est bon. C'est comme cuisiner et préparer un repas. Parfois, vous êtes d'humeur à cuisiner quelque chose d'incroyable. Vous avez des amuse-gueules Andres, des desserts , des boissons, et d'autres fois que vous voulez juste prendre à emporter. Le fait est que vous ne vous sentez pas toujours inspiré à faire votre routine quotidienne. Et lors de la conception d'un site Web, vous ne vous sentirez pas toujours créatif. Et c'est bon. Chaque designer professionnel sur cette planète connaît ce sentiment. Ma suggestion est de faire une pause, sortir, faire une promenade, l' exercice, faire couler l'adrénaline, écouter un podcast, dormir dessus, faire une sieste. Lorsque vous revisitez le projet à un moment ultérieur, la bonne idée juste mon coup vous. Et si vous vous sentez créatif, tout d'un coup, nous appelons cela être dans un flux créatif. Saute dessus. Concevez autant que vous le pouvez pendant que vous êtes dans votre flux. C' est là que vous pompez votre plus grand travail. Dans l'ensemble, cependant, le moyen le plus rapide d'inspiration pour moi personnellement est de simplement regarder d'autres sites Web. Parcourez le Web pour trouver de beaux sites, qu'ils soient dans le même secteur d'activité que votre client ou non, et vous êtes sûr de faire circuler ces jus créatifs. Il y a des trucs incroyables là-bas. Mais peu importe ce que vous concevez pour votre maquette, je veux que vous trouviez un équilibre. Un équilibre de quoi ? Passer trop de temps sur votre maquette, et pas assez de temps. Trop de temps, vous pourriez perdre votre temps précieux, surtout sur une maquette que votre client pourrait potentiellement changer complètement, mais trop peu de temps et vous risquez d'envoyer quelque chose qui semble faible. Tu vois, une maquette est ta première impression. Vous devez impressionner vos clients. Idéalement, il sera impressionné par le design, mais il suffit de demander quelques changements. Habituellement, des choses que vous ne l'auriez même pas connues de toute façon, comme les ajustements de libellé ou l'échange de photos. Alors trouvez cet équilibre. Ne passez pas trop de temps sur une maquette, mais passez assez de temps. Donc ça a l'air impressionnant. Et enfin, avant de les envoyer marcher vers votre client, apporter un regard supplémentaire, un membre de la famille, un ami, qui vous avez confiance, en apportant le point de vue de quelqu'un qui ne l'est pas, vous n'êtes pas investi émotionnellement dans le projet. vois, plus tu regardes ton projet, plus tu deviendras aveugle à quelque chose qui semble évident pour une autre personne. Et je ne peux pas exagérer la valeur de montrer ta maquette à quelqu'un du sexe opposé. Les femelles verront des choses que les mâles pourraient négliger et vice versa. Si bien. Un autre équilibre, un équilibre entre avoir trop de cuisiniers dans la cuisine et se bloquer de l'entrée des autres. Un ou deux associés de confiance devraient faire l'affaire. Et enfin, pour la plupart, j'aime concevoir juste la page d'accueil avant de passer aux autres pages, juste au cas où ils voudraient aller dans une direction totalement différente. Une fois que nous avons perfectionné la page d'accueil, nous passons aux autres pages. Donc, à emporter numéro un, concevez la maquette de la page d'accueil initiale pendant que vous êtes dans un flux créatif. Faites-le paraître attrayant sans passer trop de temps et demandez les commentaires d'un membre de la famille ou d'un associé de confiance. La deuxième étape est après que vous envoyez votre conception initiale, les balles dans leur court pour fournir des commentaires. Parfois, vous aurez une ou deux choses simples. D' autres fois, vous obtiendrez quelques paragraphes de modifications. Et c'est bon. Comprenez que ces changements sont généralement beaucoup plus faciles à faire , puis construisez la maquette initiale en premier lieu. Donc ils montrent prendre une fraction du temps. Ma suggestion est de répondre favorablement aux commentaires. Rappelez-vous, c'est le site de votre client, pas le vôtre. Imaginez si vous choisissez de la peinture avec un entrepreneur général, Comment vous sentiriez si l'entrepreneur insistait sur une certaine couleur, même si vous êtes celui qui doit vivre avec elle, vous êtes le seul coup pour cela. Tu vois, en fin de compte, c'est ton client qui paie. C' est leur site web et leurs affaires. Alors laissez-les avoir leurs opinions, leurs retours. Servez-les en apportant tous les changements que vous êtes en mesure de faire et en les apportant rapidement. Plus tôt vous répondez, mieux votre client se sentira à votre sujet. Avec un dialogue ouvert et des révisions aller-retour, vous naviguerez à travers le processus de conception et de développement. À emporter numéro 2, répondez favorablement aux commentaires et apportez rapidement deux modifications demandées par votre client. Troisièmement, certaines des modifications peuvent nécessiter des feuilles de style CSS ou en cascade, dont nous avons brièvement discuté dans la leçon de codage. Tu te souviens d'avoir parlé de CSS ? C' est un langage de codage relativement facile et vous permet de peaufiner la conception de votre site Web. Heureusement, l'édition CSS est intégrée directement dans Devi. Permettez-moi de vous montrer certains des domaines où vous pouvez jouer avec CSS. Nous sommes donc de retour sur le site de test que nous avons construit dans la deuxième leçon de ce cours. Et laissez-moi vous montrer quelques-unes des fonctionnalités CSS que nous avons disponibles dans Devi. Donc, je vais commencer par cliquer sur Activer le constructeur visuel. Et ça nous emmènera ici. Nous avons le Visual Builder. Et d'abord, vous pouvez contourner l'ajout CSS personnalisé si vous profitez vraiment de la section de conception, beaucoup de ce que vous voulez faire qui serait normalement accompli avec CSS. Vous pouvez le faire dans l'onglet Conception. Ceci s'applique à toute section, ligne ou module. Donc, lorsque l'onglet Conception, nous pouvons faire, par exemple, si nous regardons le texte du titre, cela tire vers le haut la police, le poids de la police, dire le style de police. Ce sont normalement des choses pour lesquelles vous utiliseriez CSS. Mais le thème Devi a cela intégré à Visual Builder, ce qui est un énorme gain de temps. Alignement du texte à gauche, au centre, à droite pour justifier la couleur du texte. Et vous pouvez réinitialiser n'importe lequel d'entre eux ici avec ce bouton. Ensuite, vous pouvez choisir différentes valeurs CSS basées sur le Responsive Design. Voir, le bureau, la tablette ou la vue mobile. Le téléphone. Très utile. Ainsi, vous pouvez changer la, par exemple, vous pouvez changer la taille en fonction du mobile. Il peut faire un plus grand sur la tablette puisque nous avons plus d'espace. Et vous pouvez le rendre vraiment grand sur le bureau. Ainsi, avec les outils d'édition de conception réactifs, vous pouvez affiner votre conception pour chaque appareil. Donc, c'est normalement CSS, la taille du texte serait la taille du tiret de police, puis vous ajoutez les pixels. Mais ici, nous pouvons le faire visuellement via l'onglet Design indivi. Voilà donc quelques-unes des mesures CSS que vous pouvez utiliser dans l'onglet Conception. Mais que faire si nous avons besoin d'ajouter un CSS spécifique à notre module ? Nous cliquons sur Avancé et allons à CSS personnalisé. Nous avons avant cet en-tête, l'élément principal. Après l'en-tête, le conteneur d'en-tête, l'image d'en-tête, le logo, le titre, le bouton de sous-titre corps, un bouton pour faire défiler le bouton vers le bas. Cela nous permet donc d'ajouter CSS à ces éléments spécifiques. Donc, disons que nous allons changer la taille de police de ce titre. Voilà, tu y vas. Nous ajoutons important afin qu'il remplacera ce qui est déjà dans l'onglet de conception. Et nous voilà. Nous sommes en mesure d'ajouter des CSS personnalisés à cela. Maintenant, c'est quelque chose que vous pouvez réaliser dans l'onglet Conception. Mais je voulais juste vous montrer comment nous ajoutons CSS à un élément particulier ou un module ou une ligne ou une section avec indivi. Donc, nous n'avons pas cela disponible pour nous. Cliquez sur Enregistrer, puis nous avons quelque chose d'autre que nous pouvons faire. Donc c'est par module, CSS. Regardons par page CSS. Nous cliquons sur les trois points violets ici, puis les paramètres de page et tire vers le haut une boîte. Et sous Advanced Custom CSS, nous pouvons ajouter CSS juste à cette page. Donc, si vous trouvez un morceau de code CSS d' un autre site Web ou ressource que vous souhaitez inclure sur le vôtre. Ou vous avez fait des recherches et vous avez quelque chose que vous voulez modifier spécifiquement, alors vous pouvez copier et coller le code ici, et cela ne s'appliquera qu'à cette page. Peut-être que vous voulez juste CSS pour une page particulière et c'est génial. Sinon, vous pouvez sortir d'ici, aller au backend de WordPress et faire défiler vers le bas jusqu'à divi, Theme Options. Et en bas ici, CSS personnalisé. Cela s'appliquera à l'ensemble du site Web. C' est donc très utile lorsque vous avez besoin d'un changement CSS à l'échelle du site. Si vous vous trouvez ajouter le même code à chaque page, je recommande fortement ces styles globaux. Signification globale sur l'ensemble du site Web qui peut être un gain de temps majeur. Nous pouvons également trouver cela sous le personnalisateur de thème. Sous Personnaliseur de thème ou de l'apparence personnaliser, ce qui nous amène à la personnalisation. C' est par défaut sur WordPress, mais Devi le rend beaucoup mieux. Donc, nous faisons défiler vers le bas est CSS supplémentaire. C' est là que nous pouvons ajouter tous les extraits de code CSS personnalisés que nous voulons. Cela s'appliquera à l'échelle mondiale sur l'ensemble du site Web. Eh bien, laissez-moi vous montrer un exemple de quelque chose que nous pourrions vouloir changer avec CSS. Donc, en bas ici, nous pouvons passer à la vue tablette et la vue mobile. Nous avons donc notre menu ici et nous revenons aux styles mobiles. Disons que nous regardons le menu mobile et que nous aimons la couleur sombre du texte. Ça a l'air bien. Pour le menu. La couleur de fond semble bonne. J' ai ajouté un peu d'un fondu là-bas en arrière-plan, juste très, très subtil. Mais disons que nous voulons réaliser deux choses. Peut-être que nous voulons centrer ce texte et peut-être que nous voulons ajouter un peu de couleur à cette barre. Si nous le colorons ici, alors vous allez également coloriser le texte. Nous ne voulons pas colorier les textes. On veut juste coloriser le bar. Alors comment on a fait ça ? Et comment pouvons-nous accomplir cela avec CSS ? Parce qu'on ne peut évidemment pas faire ça avec Devi. n'y a pas de design ou de réglage avancé en ce moment, rien dans le Theme Customizer qui nous permet de centrer ce menu. Et il n'y a rien qui nous permet de ne changer que la couleur de ceci. Voyons donc, nous retournons à l'avant de notre site Web. Et dans le navigateur Safari, nous pouvons aller à développer en haut, puis en mode responsive design. Remontons la vue mobile. C' est à ça que ça ressemble sur un iPhone. Et nous cherchons deux choses différentes ici. Vous pouvez le faire dans n'importe quel navigateur. Je suis actuellement dans Safari. Mais nous allons tirer vers le haut le clic droit de l'inspecteur et inspecter l'élément sur ce menu. Essayez de donner un peu plus de place ici. Très bien, donc voici le code HTML. Au centre, et sur la droite est le code CSS. Alors voyons si nous pouvons trouver, nous centrerions ce texte. Alors allons à notre lien ici, le lien d'ancrage et faites défiler vers le bas jusqu'au menu mobile ET, LI pour la liste et un lien pour l'ancrage. Ajoutons simplement une ligne de code CSS, le centre d'alignement du texte. Ça l'a fait. Magnifique. Mais vous vous souvenez que ces modifications n'ont lieu que sur notre appareil. Ce n'est pas en direct pour le public, c'est juste pour nous. Alors comment on fait vivre ça ? Eh bien, CSS de base ici, nous copions notre sélecteur. Appuyons sur Copy. Et puis sautez dans le Theme Customizer et allez dans CSS supplémentaire. Et ouvrez une nouvelle ligne ici. Collez ça, ouvrez nos parenthèses. Et puis la ligne de tiret de texte. Faisons le centre. Et voilà. Magnifique. C' est centré, ça. C'est excellent. Nous l'avons fait avec une seule ligne de code CSS. Très, très, très utile. Et cela a lieu sur l'ensemble du site Web. Comment on a changé la couleur de cette barre ? Faisons-le par ici. Allons, alors faisons des recherches sur ça. Nous cliquons avec le bouton droit de la souris Inspecter sur cette barre et nous voyons, bien, barre de menu mobile avant. Cool. Donc, nous voyons beaucoup de sélecteurs différents ici, mais la plupart d'entre eux sont grisés sauf pour celui-ci. Alors copions juste celui-ci. Et puis retournez dans le personnalisateur, collez-le. Et puis qu'est-ce que ça fait référence ? Color deux-points, puis le code hexadécimal de la couleur que nous voulons. Disons qu'on veut faire un bleu. Non, ça a l'air bien. Donc, nous copions ce code pour le bleu, puis le coller dans le personnalisateur. Donc nous avons collé notre code. Nous ne le voyons pas encore dans le personnalisateur, mais voyons si cela change lorsque nous rechargeons notre site Web. Donc, nous allons cliquer, Publier, puis actualiser notre site. Et nous voilà. Le menu mobile est bleu et pourtant le texte, nous allons voir si cela a affecté la couleur du texte. Aucun texte de couleurs encore noir et il a été centré. Donc, c'est incroyable avec une seule ligne de code CSS. Nous sommes en mesure de changer sélectivement juste la couleur des trois barres ici pour le menu, nous ajoutons seulement un point d'exclamation important et ensuite important qui remplace tout autre CSS. Parfois, vous aurez besoin d'ajouter cela. Parfois, vous ne le faites pas en cas de doute, il suffit d'ajouter important. Et cela fera en sorte que c'est le code CSS haut qui est déclenché lorsque le site Web est chargé. Donc là, vous l'avez. Grâce au constructeur individuel Devi, vous pouvez faire beaucoup de choses à travers l'onglet Conception de n'importe quelle section de module ou ligne en allant à la conception ici et en voyant ce qui s'applique à chaque développement spécifique que vous regardez. Et puis nous avons par page CSS, sous Advanced css, ce code s'applique à toute la page. Nous avons par module CSS via CSS avancé et personnalisé. Et puis nous avons CSS à l'échelle du site à travers le personnalisateur et CSS supplémentaire en bas, ce qui est le même que vous trouverez sous Devi options de thème. Donc, comme je l'ai dit, je recommande fortement d'apprendre CSS. C' est une langue très facile à apprendre et peut être si puissante, surtout lorsque vous peaufinez votre site Web. À emporter numéro 3, l'apprentissage et l'application CSS sont essentiels pour affiner la conception d'un site Web. La dernière astuce pour le processus de conception et de développement est d'éviter le glissement de la portée. As-tu entendu parler du fluage de la portée ? Laissez-moi vous expliquer cela en peignant un tableau. Vous avez passé quelques semaines à concevoir le site Web de votre client. Vous avez subi quelques révisions. Ils ont ajouté quelques pages supplémentaires au site. Ils veulent tous bloguer. Tu n'étais pas d'accord en premier ? Maintenant, ils demandent le commerce électronique puisqu' ils ont apparemment quelques produits qu'ils veulent vendre en ligne. Tu n'en as pas parlé il y a quelques semaines. Vous ne l'avez pas mis dans votre proposition, et ils n'ont pas non plus payé pour cette fonctionnalité. Tu vois un problème ici ? Pouvez-vous voir comment cela serait ennuyeux, chronophage, peut-être grossier. voyez, vous avez conclu un accord pour fournir un montant fixe de services à un prix fixe. Quand ils vont au-delà, c'est ce qu'on appelle le fluage de la portée. Ils ont échappé à la portée du travail que vous avez accepté. Alors, comment vous gérez ça ? Adressez-vous ? Sois honnête avec eux. Expliquez respectueusement que ce qu'ils demandent est faisable. Mais vous devrez soit citer cela séparément, soit suivre et facturer votre temps. À ce moment-là, le client va soit mélanger cette idée, soit vous permettre de la citer. Tu gagnes de toute façon. Alors n'ayez pas peur d'aborder le fluage de la portée quand cela se produit. À emporter numéro 4, lorsque le client a échappé à la portée du travail, convenu, traiter et envoyer un devis pour les mises à jour demandées. Donc, pour résumer, qu'avons-nous appris sur le processus de conception ? Numéro 1, conçu la maquette de la page d'accueil initiale pendant que vous êtes dans un flux créatif. Faites-le paraître attrayant sans passer trop de temps et demandez les commentaires d'un membre de la famille de confiance ou associez-les à Sue. Répondez favorablement aux commentaires et apportez rapidement les changements demandés et les clients. Pour 30. Apprendre et appliquer CSS est essentiel pour trouver le réglage de la conception d'un web. Celui de quelqu'un. Numéro 4, lorsque le client a échappé à la portée du travail, convenu, traiter et envoyer le devis pour les mises à jour demandées. Et quels sont nos devoirs ? Découvrez quelques tutoriels, cours ou vidéos sur CSS que vous utiliserez pour évaluer, pour affiner vos conceptions. Je suis Leighton et maintenant vous savez comment concevoir et développer un site web. 46. Polissage et lancement de sites Web: Bienvenue. Je suis Leighton, votre webmaster. Dans la leçon d'aujourd'hui, discutons de la dernière étape de la construction du site, polissage et d'un entrepreneur. Alors pensez à construire un tout. Il a été encadré, isolé, plomberie et électrique ou installé cloisons sèches murs Assange sont peints. Mais maintenant que reste-t-il ? Vous avez des miroirs, des boutons, des photos, des oreillers, des portes, des lampes, essentiellement les touches de finition, alors vous êtes prêt à emménager. De même, vous finalisez le site Web en le polissant avec des modifications mineures. Ensuite, vous le lancez en le faisant vivre sur Internet. Examinons ces deux processus, polissage et le lancement avec une liste de contrôle de lancement en 20 étapes. abord, dans le processus de polissage, vous devez obtenir et exécuter les modifications restantes du client. Vous pouvez dire quelque chose comme envoyer vos modifications finales avant de lancer le site Web, ce qui les encouragera à solidifier leurs modifications finales et à cesser d'apporter d'autres modifications. Tu dois finir et lancer le projet. Et ils sont probablement impatients de terminer le projet aussi. Numéro deux, une fois que les modifications finales du client sont effectuées, vous pouvez commencer vos propres mises à jour finales. Avant de lancer le site, vous devriez passer par chaque pixel de chaque page pour le perfectionner. Allez-y et corrigez ce que vous voyez pendant que vous scannez à travers le site. Voici quelques choses à surveiller. Grammaire. Un site web poli et prêt à la production ne peut pas avoir d'erreurs grammaticales, pas même une. Je veux dire, comment vous sentez-vous quand vous naviguez sur un site Web et que vous trouvez l'erreur de grammaire. Comment cela se répercute-t-il sur l'entreprise ? À qui appartient le site Web ? Je pense que c'est inacceptable et non professionnel. Lisez chaque titre et chaque paragraphe que pour les mots mal orthographiés et les erreurs de grammaire de base, vous pouvez même utiliser un correcteur orthographique en ligne comme Grammarly, si vous voulez vérifier votre numéro de site pour tester la vitesse, lorsque vous lancez un site Web, il doit être chargé rapidement. Certainement moins de cinq secondes, de préférence autour de trois. Je veux dire, aimez-vous attendre qu'un site web lent se charge ? Personne ne le fait. Alors, comment testez-vous ça ? Vous pouvez utiliser l'outil gratuit AT tools dot Pingdom.com pour vérifier temps de chargement de votre site et voir s'il y a des problèmes flagrants ici. Le plus grand délinquant est généralement des images. images inutilement grandes et non compressées vont gonfler votre site Web, augmenter la taille, augmenter le temps de chargement. Nous sommes donc en vue et optimisons toutes les photos. Numéro 5, convivialité mobile et compatibilité entre navigateurs. Rappelez-vous à quel point le mobile est important. Les consommateurs, les entreprises, même les moteurs de recherche aiment le mobile. Donc, lorsque vous êtes prêt à lancer votre site Web, vous devez le sortir sur votre smartphone, tablette et tout ce que vous avez. revue votre site Web sur chaque écran et navigateur Internet que vous possédez, et apportez des modifications à tout ce qui ne semble pas correct. Le fait est que le site Web devrait être parfait sur chaque appareil, chaque navigateur et chaque écran. Lorsque vous êtes prêt à lancer numéro 6, certificat SSL. Lorsque vous lancez le site Web, vous devez le sécuriser avec un certificat SSL. Tu te souviens comment on a fait ça ? Si vous hébergez avec Ioannidis, cela signifie que vous vous connectez à Ioannidis et allez à la section Certificats SSL sur le site WordPress, plugins comme SSL vraiment simple. Et je pense que la sécurité a aidé à rediriger tout le trafic vers le site sécurisé. Nous avons passé en revue cela dans la leçon de sécurité de la section plan de maintenance du site Web, configurer le certificat SSL avant de passer en direct. Numéro 7, testez tous les liens. Avez-vous déjà cliqué sur un lien ? Et ça n'a pas marché. Vous avez atterri sur une page cassée ou morte. Vous avez une erreur 404 introuvable. C' est parce que le lien était brisé. C' est mauvais pour toutes sortes de raisons. A savoir, ils sont vraiment ennuyeux et chirurgiens et vous pénaliser si vous avez beaucoup de liens brisés. Alors, que pouvez-vous faire pour éviter cela ? Tout d'abord, cliquez sur chaque lien de votre site. La navigation principale en haut, le pied de page relie les liens internes tout au long du corps du site, et les liens externes allant vers d'autres sites, cliquez sur tout. Cela ne prendra que quelques minutes et ça en vaut la peine. Numéro 2, confirmez les liens des médias sociaux. Si vous avez des liens sortants vers Instagram, Facebook, YouTube ou d'autres sites sociaux, cliquez dessus pour vous assurer qu'ils atterrissent sur le profil correct. Et le numéro trois, si vous construisez un plus grand site Web qui va continuer à croître, vous pourriez profiter du plugin WordPress de vérification de liens brisés, qui prend tous les liens sur tous vos sites Web. Tous les quelques jours, vous recevrez un e-mail si l'un d'entre eux tombe en panne ou se déconnecte. Le numéro huit teste les formulaires de contact. Donc, disons qu'un propriétaire d'entreprise tire son site Web, remplit le formulaire de contact et que rien ne se passe. Ils ne reçoivent pas les résultats. Quel est le problème ? Eh bien, probablement les résultats du formulaire sont allés au mauvais e-mail. Mais pouvez-vous penser à des problèmes qui pourraient poser ? Pour commencer, le formulaire de contact est généralement le plus grand générateur de plomb sur le site. Je veux dire, les gens de nos jours remplissent des formulaires plus souvent qu'ils ne le feraient simplement prendre le téléphone et appeler l'entreprise. Imaginez que l'entreprise soit potentiellement perdue si le formulaire ne fonctionne pas. C' est pourquoi nous devons tester le formulaire. J' aime vérifier le pour moi-même en creusant. Et j'encouragerai également le client à remplir le formulaire d' eux-mêmes pour qu'il se sente bien à ce sujet et qu'il sache que cela fonctionne. Numéro neuf, le favicon. Avez-vous déjà remarqué la petite icône dans votre navigateur à côté de chaque onglet ? Ils sont vraiment petits. C' est ce qu'on appelle une favicon ou une icône pour vos favoris. Vous pouvez télécharger ce indivi en vous connectant à WordPress et en allant au Theme Customizer, paramètres généraux, Site Identity, icône du site. C' est le favicon. Il s'agit généralement du logo, du symbole ou de l'icône de votre client , et il doit être carré. Créez un téléchargement de la favicon lorsque vous lancez un site Web. Numéro 10, WP géré. Ajoutez votre nouveau site Web à votre compte Gérer WP afin que vous puissiez facilement gérer ce que je vais de l'avant. Pendant que vous y êtes, allez de l'avant et activez les sauvegardes, contrôle de sécurité et le contrôle des performances. Allez-y et exécutez une vérification de sécurité pour vérifier que le site est propre. Gérer WP est l'épine dorsale des services de maintenance de votre site Web. Tu seras un peu là-dedans. Ajoutez donc vos nouveaux sites Web au fur et à mesure que vous les lancez. Numéro 11, les sauvegardes avec updraft une partie majeure du plan de maintenance de votre site Web sont les sauvegardes. Vous savez à quel point elles sont importantes, tant pour vous que pour votre vie professionnelle. Installez donc updraft plus et configurez vos sauvegardes lorsque vous lancez le site Web de votre client. Numéro 12, robot de disponibilité et suivez cette page. Ces services assurent la surveillance du temps de disponibilité et la détection des changements pour vos sites Web. Lorsque vous êtes prêt à lancer, ajoutez l'URL à votre robot de disponibilité et suivez les comptes de cette page. Numéro 13, le tout dans un pack SEO et les moteurs de recherche encouragés. Vous souvenez-vous de tout en un SEO PEC ? C' est le plugin SEO que j'aime utiliser sur tous mes sites WordPress. Il ouvre des améliorations supplémentaires SEO comme les sitemaps et vous permet de personnaliser votre titre, méta-description, Meta social, et bien plus encore. Installez le tout dans un seul pack SEO lorsque vous lancez votre site Web et passez quelques minutes à le configurer. Une des premières choses que vous serez invité avec est un rappel que l'option de visibilité du moteur de recherche dans paramètres WordPress est définie pour décourager les moteurs de recherche. Vous devez absolument décocher cette option lorsque vous lancez un site. Une fois que nous lançons, nous voulons que les moteurs de recherche viennent explorer et indexer notre site. Et un seul SEO Pack soumet automatiquement votre sitemap aux principaux moteurs de recherche. Numéro 14, je thème la sécurité. Vous souvenez-vous d'avoir parlé de thèmes dans la leçon de sécurité de la section Plan de maintenance du site Web ? C' est l'un de mes plugins de sécurité préférés car il comprend plus de 30 façons de protéger votre site Web contre les attaques, telles que le verrouillage de WordPress, la correction de trous communs, arrêt des attaques automatisées, la sauvegarde de la base de données, renforcer les informations d'identification des utilisateurs et bien plus encore. Lorsque vous êtes prêt à lancer, installez ce plugin et passez quelques minutes à le configurer, revue chaque module et activez les modules recommandés. Numéro 15, Google Analytics. Tu te souviens de ce service gratuit ? Nous en avons parlé dans la leçon de gestion de la section plan de maintenance du site Web. Il s'agit d'un outil gratuit de Google qui suit votre site Web et rapporte toutes sortes de données analytiques. Il y a beaucoup plus de données là-dedans que vous n'avez jamais besoin de vous inquiéter. Mais il est si important que vous commenciez à suivre votre site Web dès que vous le lancez, car vous ne pouvez pas rétrodater ces données. Et votre site en tant que propriété dans Google Analytics, ajoutez votre adresse IP aux filtres afin que votre trafic personnel soit inclus et intégrez le code de suivi dans les DVD, les options de thème, les intégrations, le code corporel. Numéro 16, Google Search Console. Nous l'avons mentionné plusieurs fois. Il s'agit de l'outil officiel de Google pour les webmasters et vous devez ajouter votre site lorsque vous le lancez sur le site et le vérifier avec un rapide enregistrement texte TXT DNS. Une fois que vous avez vérifié, envoyez votre fichier xml dot sitemap dans la section sitemaps numéro 17, révisez. Maintenant que vous avez lancé votre site Web, il est temps de demander un avis à votre client. Vous souvenez-vous de la suggestion de sous-domaine point de révision dans la leçon de SEO hors site, je recommande totalement de créer un sous-domaine point de révision sur votre nom de domaine personnel afin que vous donnez aux gens un moyen rapide et facile de vous écrire un commentaire. Le fait est, ne rendez pas ce processus difficile. C' est assez dur d'amener les gens à vous revoir. Tu veux rendre ce mort simple. Et ce lien, le point d'examen un les mènera directement au formulaire de révision sur Google. Toute la journée, je ne collectionne cinq étoiles, tapez quelque chose de gentil hits Soumettre. Voici à quoi ressemble mon e-mail d'avis. Merci beaucoup de m'avoir laissé construire votre site web. Comme vous le savez, les commentaires sont si importants, fois pour la crédibilité et le référencement. Ça ferait ma journée si vous m'écriviez un avis rapide. Voici un lien directement vers le formulaire d'évaluation. revue dot pioneer.me. Merci d'avance. C' est facile, facile. Obtenez un avis, puis ajoutez-le à votre site Web. Numéro 18 portefeuille. Maintenant que le site Web est en cours de lancement, vous devez l'ajouter à votre portfolio, qui comprend votre propre site Web, votre Behance, core plot, Facebook, Instagram, ou quoi que ce soit, un portefeuille médiocre ou des sites de médias sociaux que vous êtes actif sur. Ajoutez-le à chaque canal qui possède une copie en cours d'exécution de votre portfolio. À votre avis, qu'est-ce qui serait approprié pour un poste de portefeuille ? Peut-être un lien vers le site en direct, un aperçu des services que vous avez fournis. Tous les problèmes que vous avez résolus. Quelques captures d'écran du site. Toutes nos grandes idées. Voilà ce que j'aime faire. Voici la page du portefeuille de mon agence. J' énumère ceci comme nos 100 meilleurs projets de site Web. J' ai quelques liens vers des pages individuelles qui sont pour le référencement. Il y a quelques pages juste au cas où des gens rechercheraient. Par exemple, ce que j'ai conçu pour les dentistes ou ce que j'ai conçu pour les peintres. Et c'est une bonne valeur SEO pour moi. J' ai un compteur ici avec combien de sites que j'ai fait sur ces catégories particulières. Et puis c'est le portefeuille réel. Ce sont donc mes 100 meilleurs projets de site Web, classés spécifiquement par ordre d'impressionnant le site Web et ceux que je veux promouvoir sont au sommet. Tous mes 100 sont ceux que je ne me dérange pas de promouvoir, mais au sommet devrait être le meilleur de votre meilleur travail. Maintenant, les faits saillants de votre portefeuille, surtout si vous avez fait affaire avec une marque que les gens reconnaîtront. Parce que s'ils ne reconnaissent pas le logo, ils ne se soucieront pas vraiment de ce à quoi ressemble le site Web. S' ils reconnaissent un logo, alors cela semble impressionnant, comme PBS, j'ai fait la station locale PBS. Et ça a l'air impressionnant. Alors que nous faisons défiler vers le bas, j'utilise le module de portefeuille Divi pour construire ceci. Et il saisit de la section des projets de la WordPress a fait signe. Voici mon portefeuille, mes 100 projets les plus importants, et un appel à l'action en bas où ils appellent e-mail et formulaire de contact. allons donc cliquer sur l'un de ces projets et voir ce que nous pouvons mettre sur les sous-pages pour les produits ou les projets. Cliquez sur le lancement de l'ours dansant et voir ce qui tire vers le haut. Donc, je commence par un titre, le nom de la société, puis un slogan pour l'en-tête H2, design de site web primé. Et puis leur logo. Vous pouvez cliquer dessus et il ira directement sur le site Web. écran de design web réactif. Voici donc à quoi ressemble le site Web sur ordinateur de bureau, mobile et tablette. J' ai créé ceux dans Photoshop en utilisant un modèle maquette. Nous continuons à faire défiler les informations de l'équipe de conception sur ce que le site Web, tout est sur la façon dont nous le concevons, sur quoi il est construit, les problèmes et les solutions qui ont été présentés, puis quelques détails sur le projet. Donc, l'emplacement, le lien du site Web, la description de l' entreprise, et cetera. Et comme nous continuons à défiler, nous avons eu un témoignage. L' ours dansant grand nous a écrit un témoignage et je l'ai lié ici. écran de la page d'accueil. C' est ainsi que la page d'accueil a regardé au moment où j'ai pris la capture d'écran. Donc, vous pouvez voir à quoi ça ressemble. Il y a donc quelques idées pour vos pages de portfolio. Regardons un autre. Alors remontons. Mais jump.com et vous voir une autre idée de la façon dont nous pouvons le faire. Mais shall.com, la porte du commerce électronique. C' est le logo réactif design. Et c'est plus un look rafraîchissant. J' ai fait l'emplacement, la bio et le lien, puis le problème et la solution et les commentaires. Ceci est le témoignage du client et la capture d'écran de la page d'accueil. Donc ça a l'air bien. Encore une chose, je veux en trouver un qui a une version simplifiée du portefeuille. Voyons un exemple de cela. C' est donc juste la version simplifiée. Si je ne veux pas passer par le processus de création de ces maquettes et de passer une heure à créer cette page de portefeuille. Certains projets que je ne veux pas promouvoir aussi fortement, je vais juste faire cette version simplifiée. Nous avons le titre, nous avions le sous-titre, nous avons le logo et vous pouvez cliquer dessus pour aller directement sur le site. Ensuite, nous avons conçu une belle qui liens vers la conception web, responsive et mobile friendly, ceux liés à la page des sites mobiles de trouver votre moteur de recherche multimédia convivial, qui liens vers ce site web de référencement organique pour ce client, nous continuons de fournir des services d'hébergement et de maintenance Web, ce qui nous amène à la maintenance du site Web pour assurer leur succès continu. Visitez le site Web de nos clients et qui renvoie directement à l'infirmière. Ce que cela fait, c'est qu'il nous donne une page de portefeuille simplifiée et facile à faire. Cela ne prend que dix minutes pour créer cela au lieu d' une heure sur les autres pages du portefeuille. Ceux-ci prennent plus de temps parce que j'ai dû prendre des captures d'écran et préparé la maquette pour imprimer un témoignage. Parfois, je n'ai pas autant de temps pour faire ça. Ça dépend du projet. Si j'ai un site vraiment impressionnant, ça ne me dérange pas de créer ces maquettes. Je TOUS et rendre la page du portefeuille aussi impressionnant que possible. Pouvez-vous l'utiliser pour vous inspirer de votre portfolio ? Donc, pendant que vous lancez le site Web de votre client, prenez des captures d'écran et publiez-la dans votre portfolio, qui est un outil de marketing inestimable pour les concepteurs web. Numéro 19, paiement final, la dernière étape avant le lancement officiel du site web de votre client. Lorsque vous avez pris le projet, vous avez accepté de moitié de réduction et de moitié après l'achèvement et le lancement du site Web. Maintenant que le temps est venu, ils devront effectuer le paiement final avant que le site ne soit mis en ligne. Je vous recommande d'envoyer un e-mail amical expliquant votre enthousiasme pour lancer le site. Mais d'abord, vous avez besoin du paiement final. Ils ont probablement anticipé cela et n'ont aucun problème payer le solde pour finalement lancer le site Web. Et numéro 20, allez en direct. C' est maintenant la dernière étape du lancement. Vous devez rendre le site en direct. Comment faites-vous ça ? Techniquement, comment lancez-vous un site web ? faire vivre signifie mettre le nouveau site Web que vous venez de construire sur le nom de domaine principal. Vivre pour que tout le monde le voie. Site de développement accessible au public, pas de sous-domaine. Maintenant site de test. Si vous avez construit sur un côté test afin que le public ne verrait pas votre travail en cours. Ensuite, vous mappez votre site Web au nom de domaine. Il, le site a été précédemment hébergé ailleurs. Maintenant, vous mettez à jour les serveurs de noms pour pointer un domaine vers votre serveur Iona. Comment lancer correctement un site Web est l'une des les plus fréquemment posées que j'ai reçues. Il y a quelques détails techniques. Passons à travers ça. Tout d'abord, définissons notre objectif. Lorsque nous lançons notre projet de site Web. En fin de compte, nous voulons le publier sur le nom de domaine que nous utilisons pour notre site Web, pour notre client, quel que soit le domaine sélectionné. Donc, si vous avez construit votre site Web sur le nom de domaine en direct, alors génial, il est déjà lancé. Par exemple, si vous achetez un nom de domaine pour votre client lorsque vous avez commencé le projet, il est sûr de commencer à construire sur ce nom de domaine parce que personne ne le sait. Il n'y a pas de trafic. Donc, il est correct de construire un site Web sur un tout nouveau nom de domaine comme ça. Mais alors l'instance où quelqu'un a déjà un nom de domaine et que vous passez quelques semaines ou quelques mois à construire un nouveau site Web, il est sage de construire cela sur un environnement distinct de son nom de domaine en direct. Comme le trafic va déjà vers cela, la situation idéale serait de construire votre site Web séparément et ensuite, le moment venu, lancer sur le nom de domaine réel. Il y a donc plusieurs façons d'accomplir cet environnement de mise en scène. Une façon serait d'utiliser votre domaine système. Dans le cas d'ionise, c'est un point de maison en ligne de s quelque chose point js. Et puis votre dossier d'espace Web serait maintenant un excellent moyen créer votre propre petit environnement de mise en scène pour construire vos sites Web, le mode sandbox. Ainsi, lorsque vous êtes prêt, vous pouvez le publier sur votre vrai nom de domaine. Un autre exemple serait si vous utilisiez un sous-domaine, par exemple, nouveau, comme un nouveau site Web ou un nouveau brouillon, nouvelle maquette, un point domain.com. Donc, lorsque vous créez un sous-domaine comme celui-ci, ou tester ou brouillon ou maquette ou tout ce que vous utilisez. Ensuite, pour lancer votre projet de site Web, vous voudriez le déplacer vers le nom de domaine principal, qui serait juste dans cet exemple, mon domaine.com. Alors, comment avons-nous accompli ça techniquement ? Eh bien, l'une des premières étapes serait d'aller dans votre administrateur WordPress, aller dans les paramètres et général. Et puis c'est l'URL de votre installation WordPress. Donc, nous voudrions changer l'adresse WordPress. Et l'adresse du site. Maintenant, ce sont à peu près la même chose 99 % du temps. Nous voudrions donc changer cela de notre environnement de mise en scène pour le nom de domaine en direct. Donc, ce serait l'étape numéro 1. Changez-le de votre sous-domaine ou de votre sandbox ou tout ce que vous utilisez pour le nom de domaine en direct. Maintenant quelques considérations ici. Parfois, en mode sandbox, nous ne sommes pas en mesure d'installer un certificat SSL, où le HTTP au lieu de HTTPS. Vous devez donc tenir compte de l'état SSL du domaine sur lequel vous lancez. Dans ce cas, si mon domain.com n'a pas de certificat SSL installé, vous ne devriez pas ajouter HTTPS ici. Si vous ajoutez HTTPS comme sécurisé à un nom de domaine qui n'a pas de certificat SSL, vous allez essentiellement casser le site Web, une erreur et vous ne pourrez pas continuer tant que vous n'avez pas installé un SSL. Donc, cela doit être HTTP jusqu'à ce que vous le faites. Maintenant, si le site Web est le domaine que vous lancez, deux ont un certificat SSL installé, alors par tous les moyens à ce stade, et le HTTPS, votre URL. Maintenant, une fois que vous avez fait cela, vous pouvez descendre ici et cliquer sur Enregistrer les modifications. Ce serait donc une première étape importante. Maintenant, cela pourrait présenter quelques détails techniques mineurs. Donc, vous avez l'URL WordPress, qui fonctionne pour 95 pour cent des URL sur votre site Web. Mais il peut y avoir quelques choses comme une image d'arrière-plan ou comme une URL de logo qui est codée en dur dans le site Web. Donc, si elle est codée en dur dans l'URL, alors après avoir changé cette adresse, votre site Web va toujours référencer cette adresse. Alors, quel est un moyen complet de changer toutes les URL sur le site ? Eh bien, cette recherche pratique et remplacer plug-in. Il y en a plein. J' aime utiliser celui-là. meilleur remplacement de recherche peut aider à rechercher toutes les instances d'une URL et à la remplacer par celle en direct. Alors installons ce plug-in, puis allons dans les outils, meilleure recherche remplacer. Nous allons donc rechercher n'importe quelle instance de l'ancienne URL, puis la remplacer par la version sécurisée ou non sécurisée de notre site Web. Nous pouvons sélectionner toutes ces tables. Décochez l'exécution à sec, puis cliquez sur Exécuter, rechercher et remplacer. Cela changera complètement toutes les références d'URL à votre URL de sandbox, à votre nom de domaine en direct. C' est une façon complète de le faire. Donc une autre considération, comme je l'ai mentionné, nous devons comprendre ce statut SSL de notre serveur de destination. Donc, dans le cas de Ioannidis, vous pouvez vérifier votre statut de sécurité SSL dans les domaines, puis le certificat SSL. Si vous êtes dans un environnement d'hébergement partagé, vous pouvez installer votre certificat SSL avec Iona us. Allez Daddy, SiteGround, quoi que vous utilisiez, vous devez vous assurer que votre certificat SSL est installé. Si vous choisissez d'utiliser la sécurité SSL, ce que je recommande définitivement. Alors au-delà, qu'est-ce qu'il y a autre chose à considérer ? Donc, si vous n'avez pas déjà votre nom de domaine dans votre compte, alors vous devez aller à, dans ce cas. Dans cet exemple, nous regardons ionise. Vous devez aller dans les domaines, puis configurer un domaine externe, soit externe, soit transférer le domaine sur votre compte pour votre client. Donc, lorsque vous configurez ce nom de domaine, vous allez obtenir un serveur de noms. l'avons mentionné plus tôt dans la leçon avec ce serveur de noms. C' est la connexion DNS ultime ce point, tout domaine lié à partir du registre de domaine à votre hôte. Donc, par exemple, si votre nom de domaine que vous utilisez est dans votre compte Go Daddy là-bas, enregistrez leurs domaines Google, peu importe ce qu'il est. Ensuite, une fois que vous ajoutez votre domaine à votre compte d'hébergement, comme ion us, je possède AS vous donnera les serveurs de noms à changer. Et vous pouvez aller dans GoDaddy, puis les domaines, puis DNS, et changer le serveur de noms pour pointer vers votre compte d'hébergement. À ce stade, tout le trafic lié au domaine, le site Web, les e-mails, tout pointera vers votre compte d'hébergement pour que vous puissiez gérer pour votre client. Et puis vous pouvez simplement aller et ajuster la destination pour pointer ce nouveau nom de domaine vers le répertoire d'espace Web nécessaire. Donc, si vous avez travaillé sur un certain répertoire, un nom de dossier, Il n'est pas nécessaire de changer ce nom. Configurez simplement votre nom de domaine, puis ajustez le répertoire d'espace Web pour établir la connexion avec ce nouveau nom de domaine en direct au dossier approprié. Tant que vous avez la cible du répertoire d'espace Web dans votre compte d'hébergement, vous avez votre certificat SSL installé, et que vous avez les références URL appropriées modifiées dans votre installation WordPress, alors vous devriez être en direct et prêt à Allez. Maintenant, ce que nous avons discuté principalement est d'un environnement d'hébergement économique partagé. Vous trouverez qu'avec papa, sans Jonah était SiteGround en mouvement, juste hôte. Il y a beaucoup d'environnements économiques d'hébergement partagé là-bas. Que se passe-t-il si vous êtes sur une plateforme d'hébergement géré comme le cloud ? Que se passe-t-il si vous amenez votre entreprise à un niveau supérieur et que vous avez mis à niveau vers l'hébergement cloud géré, comme les solutions cloud. Donc, si vous faites cela, il est vraiment facile de configurer votre propre environnement de mise en scène. Dans ce cas, regardons un exemple. Vous obtenez vos propres applications cloud dot. Nous cliquons sur ce bouton et il nous emmène à notre tableau de bord WordPress, chiffres, façons DotCloud, régimes alimentaires. C' est essentiellement notre propre URL de mise en scène privée que nous pouvons jouer. Nous pouvons bac à sable, créer le site web pour notre client, tout ce que vous voulez faire. Et quand il est temps de partir en direct, il y a juste quelques étapes critiques. Donc, le premier serait d'aller ici et de cliquer sur Gestion de domaine. Dans Gestion de domaine, tout ce que vous avez à faire est taper le nom de domaine vers lequel vous voulez lancer. Vous placez cela sous le domaine principal, puis cliquez sur Enregistrer les modifications. Donc, cela va configurer le nom de domaine de manière Cloud. Et si vous n'avez pas besoin d'avoir une meilleure recherche et de remplacer les méthodes cloud, puisqu'il existe une solution premium, méthodes cloud géreront toute cette redirection d'URL pour vous. Ils vont donc changer toutes les URL de votre URL de sandbox intermédiaire à votre nom de domaine en direct. C' est donc génial dans votre plateforme Cloud ways. Mais comment faire en sorte que cela soit en direct sur Internet ? Eh bien, une fois que vous avez fait cela et que vous pouvez obtenir plus d'informations en cliquant plus de détails ici, comment puis-je mettre mon site Web en direct à partir du Cloud ? Il va vous dire que vous devez ajouter un enregistrement DNS, mapper votre domaine et gérer les enregistrements DNS. Donc, c'est vraiment simple. Vous allez pour accéder aux détails. Et ici est l'adresse IP publique de votre serveur. Dans le Cloud. Tout ce que vous avez à faire est de copier cela et ensuite aller dans votre registre de domaine deux sont pour le domaine que vous lancez deux. Regardons un exemple ici avec les façons Cloud. Et il suffit de changer votre enregistrement primaire pour le nom de domaine ou à l'adresse IP que nous venons de copier. s'agit de votre a. Ils'agit de votre a. Vous pouvez le voir comme un AT pour la racine ou le primaire, un type d'enregistrement et un symbole at, puis coller votre adresse IP. Vous pouvez également ajouter un enregistrement supplémentaire pour www et coller la même adresse IP. C' est pour ajouter un www avant votre nom de domaine. Vous devez donc ajouter votre nom de domaine en direct dans la gestion de domaine. Vous devez mapper votre enregistrement DNS à l'adresse IP de votre serveur dans le Cloud. Et puis encore une chose. Cliquez sur Certificat SSL sur le côté ici, puis sélectionnez le, Let's Encrypt. Il s'agit du certificat SSL gratuit que vous obtenez avec votre compte Cloud ways. Saisissez votre adresse e-mail, puis votre nom de domaine. Et puis cochez l'option Appliquer les caractères génériques. Une fois que vous faites cela, vous devez ajouter votre enregistrement CNAME à vos paramètres DNS. Il est juste un défi d'enregistrement CNAME Acme, et qui va pointer vers votre domaine Applications Cloud façons. Donc, nous ajoutons un type de nom C. Et encore une fois, vous pouvez le faire partout, n'importe quel registre de domaine, GoDaddy, Cloudflare, je nous possède des domaines Google. Tous vous permettent d'ajouter ces enregistrements DNS. Ce n'est donc qu'un exemple. Nous ajouterions le défi Acme, puis nous copierions cette URL. Lorsque nous faisons cela, dans ce cas, nous décochons le proxy, puis cliquez sur Enregistrer. Une fois cela fait, cliquez sur Vérifier le DNS, puis installez le certificat. Et c'est tout. Comme il s'agit d'une solution haut de gamme, ils gèrent tous les aspects techniques pour vous et s'assurent que votre certificat SSL est correctement configuré. Donc, dans le Cloud, tout ce que vous avez à faire est d'ajouter votre domaine sous Gestion de domaine à votre enregistrement DNS. Très important. Le DNS est techniquement ce qui fera cela en direct sur Internet pour que tout le monde puisse voir, puis ajouter votre certificat SSL. Donc, une fois que vous avez fait cela, que vous soyez dans un environnement partagé ou que vous soyez sur un hébergement Cloud géré, votre lancement du site Web, prendre à partir de votre mode bac à sable est ce que j'aime appeler. Quelle que soit l'URL sur laquelle vous travaillez, qu'il s'agisse d'un sous-domaine, d'un bac à sable ou d'un euro intermédiaire, quelle que soit votre utilisation, nous voulons pointer qui le font vivre sur Internet avec votre nom de domaine officiel que votre client utilise pour mener des affaires. Une fois que nous aurons accompli cela, le site Web sur lequel nous avons travaillé si dur sera en direct sur Internet pour que tout le monde puisse en profiter. Et là, vous l'avez. Une liste de contrôle de lancement en 20 étapes. Récapitons ces 20 processus. Numéro un, les modifications finales du client pour examiner chaque pixel de chaque page. 3, vérifier s'il s'agit d'un test de grammaire ou de vitesse. Cinq, la convivialité mobile et la compatibilité entre les navigateurs. Numéro 6, certificats SSL. Numéro 7, testez tous les liens. Nombre h a des formes de contact et des inconvénients de tissu bénins. Numéro 10 géré WP 11, Judge, plus des sauvegardes 12, robot de disponibilité et suivez cette page 13, tout dans un SEO. 14, la sécurité. 15, Google Analytics. 16, Google Search Console 17. Bon à revoir. 18. Ajoutez à votre portefeuille. Est-ce que c'est le paiement final ? Et 20 y vont en direct. Et quels sont nos devoirs ? Je veux que vous écriviez ces processus et l' enregistrez comme liste de contrôle de lancement sur LinkedIn. Et maintenant, vous savez comment polir et lancer des sites Web. 47. Entrenir des clients: Bienvenue, je suis en retard pour votre webmaster. Dans la leçon d'aujourd'hui, discutons du maintien du client. Ainsi, en tant que concepteur web, vous concevez et développez des sites web pour vos clients. Mais en tant que webmestre, vous servirez vos clients de façon continue. C' est excitant de prendre un nouveau client, développer le site Web parfait. Mais votre travail n'est pas terminé au lancement du site. Qu' est-ce qu'il faut pour garder vos clients heureux ? Ils continueront donc à vous payer en tant que webmaster. Peut-être encore pensé à ça. Certains clients ont continué à me payer pendant plus d'une décennie. Pourquoi continuent-ils à payer mes pilules ? Parce que la valeur de leur site Web est bien au-dessus et au-delà du coût de ma facture mensuelle pour eux. C' est le but. C' est la réalité que vous voulez transmettre à vos clients pour les maintenir. En outre, voici quelques éléments clés pour servir vos clients. Numéro un, la maintenance du site Web. Numéro 2, mises à jour et demandes du site, et numéro 3, facturation et paiements. Considérons ces trois choses pour que vous soyez prêt à servir vos clients payants. Numéro un, la maintenance du site Web. Avez-vous regardé les leçons du plan de maintenance du site Web ? Nous avons parlé de toutes sortes d'idées et de services pour votre plan de maintenance de site Web. Ce sont les tâches qui n'impliquent pas le client. La plupart d'entre eux aiment les sauvegardes, la sécurité, l'hébergement, la surveillance du temps de disponibilité. Ils sont sur le pilote automatique. Vous n'avez pas besoin de vous connecter manuellement pour effectuer ces tâches. Ils ont lieu sur le backend. Et vous n'êtes averti que lorsqu'il y a un problème à résoudre. Et c'est rare et ne prend généralement que quelques minutes. La tâche de maintenance manuelle se connecte pour gérer WP pour mettre à jour tous vos sites, plugins de base WordPress et thèmes. Je le fais habituellement une fois par jour et je ne prends que quelques minutes. En fait, qu'est-ce qui, selon vous, serait plus rapide ? Connexion à gérer WP et en cliquant sur un bouton mettre à jour tous. Ou vous connecter manuellement à la zone d'administration de chaque site Web client chaque jour pour effectuer ces mises à jour. Je choisis certainement la première option, Gérer WP. C' est un énorme gain de temps. Je suis si reconnaissante pour ce logiciel. Sinon, les services de surveillance publient des erreurs temps en temps et vous avez juste besoin de prendre soin d'eux au besoin. Donc, à emporter numéro un, utiliser de manière proactive WP géré pour les mises à jour et optimisations WordPress et réactivement résoudre tous les problèmes qui surviennent des services de surveillance. Le numéro deux est le support visuel et les demandes. Il est vrai que la plupart de vos services de maintenance ont lieu sur le backend et le site Web lui-même reste relativement inchangé sur le front end. Mais qu'en est-il quand votre client appelle pour mettre à jour ou modifier quelque chose sur le site ? C' est génial. Et ils paient pour ce privilège. Laissez-les se sentir à l'aise en utilisant vos services. Encore une fois, ils paient pour ça. J' en reçois plusieurs tous les jours. Et la plupart des e-mails ne prennent que quelques minutes à remplir. Donc, lorsqu'un client vous envoie un courriel, un SMS ou un appel avec une mise à jour ou une demande, que faites-vous ? Revenons sur quelques considérations. D' abord. Quelle est la nature de cette demande ? Alors, est-ce juste une question à laquelle vous pouvez répondre ? Est-ce juste une mise à jour rapide ? Peut-être un marais de numéro de téléphone, juste en ajoutant ou en supprimant une photo de galerie. Celles-ci sont rapides et faciles. Vous pouvez généralement les remplir en quelques minutes. Alors allez-y et traitez-les au fur et à mesure qu'ils entrent. Je m'efforce d'avoir toutes les demandes mineures satisfaites à la tombée de la nuit et cela s'est bien déroulé pour moi. Numéro deux, qu'en est-il des mises à jour plus longues , de nouvelles fonctionnalités, de nouveaux plug-ins, quelque chose qui vous prendrait plusieurs heures à remplir. Que faites-vous après avoir lu cet e-mail ? Va marcher prudemment. Eh bien, prenons beaucoup de temps parce que vous n'avez pas d'expérience avec cette tâche. Parce que vous avez besoin de faire un peu de recherche. Tu vois, ce n'est pas vraiment la faute de ton client. C' est juste une partie d'être webmaster. Tout ce que vous prenez le temps d'apprendre, construit votre ensemble de compétences. Et le prochain client qui vous interroge sur ce sujet, vous aurez une meilleure compréhension du problème et pourrez y répondre en conséquence. J' apprends de nouvelles choses avec presque tous les clients et nous continuerons à en apprendre davantage au fur et à mesure que la technologie évoluera. Et plus je sais, mieux je peux servir des clients qui ont posé des questions similaires. La troisième considération, qu'en est-il des nouvelles pages ? Des designs totalement nouveaux ? Eh bien, d'abord, considérez combien de temps cela prendra. S' il peut le remplir en moins d'une heure, faites-le. Vous ne voulez pas être connu de sou et de sou vos clients. Mais d'autres demandes prennent vraiment plusieurs heures de votre temps. Et plus vous gagnez d'expérience, mieux vous pourrez repérer ces demandes chargées immédiatement. Que se passe-t-il alors ? Que ferais-tu dans ce cas ? Tu penses à basculer ? Je le suis. Vous avez vraiment deux options. Vous pouvez utiliser bascule, suivre votre temps, une facture pour la quantité exacte de temps que vous avez passé fois votre taux horaire. Ou la deuxième option, citez que les projets séparément. Vous devrez peut-être facturer 195 pour cette nouvelle page de destination ou 495 pour ajouter des fonctionnalités de panier et de caisse à leur site existant. Il suffit d'indiquer clairement votre intention de facturer séparément cette demande et d'expliquer pourquoi cette demande n'est pas incluse dans leur paiement mensuel. Et lorsque vous commencez à prendre des clients plus importants, vous remarquerez des demandes venant d'eux tous les quelques jours. Vous passerez certainement plus d'une heure sur ces glandes chaque mois. Alors voici mon processus. Recevez leur e-mail, activez Basculer, répondez à leur demande, désactivez le bascule. Ensuite, le premier de chaque mois, envoyer une facture pour les heures de sites Web soutient plié le mois précédent. Certains mois auront tout soutien. D' autres disposeront de cinq à dix heures pour certains clients. Et le numéro 4, quelle que soit la demande, grande ou petite, être sensible, être disponible par texte osseux, e-mail. Cependant, ils préfèrent communiquer, servir vos clients en répondant à leurs demandes dès que vous le pouvez. Cela vous aidera beaucoup à vous les attacher. Dites, les webmasters ont une certaine réputation. Quelle est cette réputation ? Prendre des jours, voire des semaines pour répondre à leurs clients. S' ils répondent, j'ai entendu ces plaintes depuis des décennies et c'est tout simplement inacceptable. Vous pouvez vraiment vous démarquer ou fournir un bon service à la clientèle. À emporter numéro 2, dominez votre marché en maîtrisant le service à la clientèle. Numéro 3, facturation et paiements. Une autre partie de votre temps consacré à l'entretien des clients sera la facturation et le traitement des paiements. Vous êtes inscrit à wave ou avez-vous déjà QuickBooks ? Heureusement, ces services de comptabilité gèrent la plupart de cela pour vous sur le pilote automobile. C' est vraiment génial. Chaque client doit avoir sa propre facture récurrente pour le plan de maintenance du site Web. Si toutes les factures mensuelles sont réglées sur le premier jour de chaque mois pour plus de commodité que celles sur le paiement automatique, il y aura probablement environ la moitié de votre clientèle aura leurs cartes de crédit facturées et un reçu leur sera envoyé tous automatiquement. Les autres recevront un e-mail avec un lien et une adresse s'ils veulent envoyer pour vérifier. Également automatique. Ces clients vous couperont un chèque que vous recevrez par la poste et vous devrez déposer manuellement. Autre que cela, la plupart des choses du côté de la comptabilité se déroulent automatiquement. Si vos systèmes sont en place, sauf en cas d'échec de paiement, votre carte de crédit a-t-elle déjà expiré ? Tu l'as déjà perdu ? Pour quelque raison que ce soit, les gens obtiennent de nouvelles cartes de crédit et vous devrez mettre à jour leur carte dans leurs dossiers. Restez au courant de ces paiements feutrés pour que vous pouvez contacter et demander leur nouvelle carte de crédit. Takeaway numéro 3, configurez votre service de comptabilité comme wave QuickBooks, et cetera, pour gérer automatiquement la facturation et le paiement. Alors, pour récapituler, qu'avons-nous appris ? Le numéro un, utiliser de manière proactive WP géré que les mises à jour et les optimisations WordPress et réactivement et résoudre tous les problèmes qui se posent à partir des services de surveillance. N' oubliez pas de dominer votre marché en maîtrisant le service à la clientèle. Configurez votre logiciel de comptabilité, wave, QuickBooks , etc., pour gérer automatiquement la facturation et le paiement. Quels sont nos devoirs ? Vérifiez deux fois votre centre de logiciels de comptabilité afin que vous soyez tous prêts à commencer à facturer les clients. Donc là, vous l'avez là maintenant habilité à servir vos clients à chaque étape du processus de conception web. Gagner, interroger leur site web, envoyer des propositions et des contrats, facturer et taxes, intégrer des clients, concevoir, développer, polir, lancer le site web et maintenir vos clients. Je suis vraiment fier de toi d'avoir suivi ces leçons. Et je sais que cette information profitera grandement à vous et à votre entreprise de conception web. Pour résumer ce que nous avons appris et surtout, offrez un service à la clientèle exceptionnel et vous trouverez du succès. Je suis Leighton, et maintenant tu sais comment garder le client. 48. PARTIE 7 : Conclusions et prises de vue: Bienvenue, je suis Leighton, votre webmaster. Je suis extrêmement fier de toi d'être venu aussi loin. Vous avez été un étudiant incroyable et vous apprenez tellement à la fois sur la conception de site Web lui-même et sur les affaires de la conception Web. En fait, récapitons tout ce que nous avons appris. Dans la première série de leçons, nous avons appris les fondamentaux de la conception web, le codage, domaines, l'hébergement, les e-mails, SSL, la sécurité, WordPress et le thème Devi. Ensuite, nous apprenons à construire un site Web. Nous avons appris que Visual Builder, sites d'une page, science multi-pages, commerce électronique, et les sites Web conviviaux mobiles. Où trouver l'inspiration en matière de conception, les ressources d'image et les logiciels Adobe dont vous pouvez tirer parti pour améliorer vos conceptions. Ensuite, nous avons pivoté vers l'entreprise de ce design avec la façon de créer une marque. Nous avons appris ce que sont les marques, comment créer votre marque, votre site Web, et comment promouvoir votre marque avant, nous avons abordé l'une des compétences les plus désirées dans l'ensemble de la conception de site Web et que l'optimisation des moteurs de recherche, SEO. Nous apprenons des tonnes de techniques de référencement sur site et hors site, ainsi que la façon d'intégrer cela dans votre entreprise de conception de site Web. Plus tard, nous avons discuté de mon sujet préféré et c'est les plans de maintenance du site Web, qui comprennent l'hébergement, la gestion, les mises à jour et la sécurité. Et je vous ai donné beaucoup d'idées sur la façon de commercialiser et de vendre votre plan de maintenance de site Web. Enfin, je vous ai mené à travers l'ensemble du processus client, qui comprenait l'obtention et l'interrogation de clients, la citation de sites Web, envoi de propositions et de contrats, les factures et taxes, l'intégration de clients, la conception, le développement, polissage et lancement de sites Web, et comment maintenir vos clients. Toutes ces connaissances sont incroyablement habilitantes. Que vous soyez nouveau dans le web design, freelance, la création de nouilles ou tout simplement une entreprise de design web. Et pour augmenter le niveau de votre agence existante. Je sais que vous avez trouvé plusieurs gymnases que vous êtes excité d'appliquer à votre entreprise. Pour terminer ce cours, je veux juste revenir sur quelques conclusions, quelques mises en garde et des points à retenir pour réussir. Plus précisément, nous allons examiner les points clés de Tim pour réussir. Dix choses que j'aimerais savoir quand j'ai commencé mon entreprise de conception de site Web, et 10 choses à éviter lorsque vous menez des affaires. Joignez-vous à moi pour terminer ce voyage ensemble. 49. 10 valeurs clés pour réussir: Bienvenue, je suis Leighton, votre webmaster. Dans la leçon d'aujourd'hui, considérons mes 10 points clés pour réussir en tant qu'entreprise de design web. Numéro 1. Soyez amical et réactif. Les gens font affaire avec ceux qu'ils aiment et en qui ils ont confiance. Encore une fois, les gens font affaire avec ceux qu'ils aiment et en qui ils ont confiance. Le meilleur service que vous pouvez offrir à vos clients est votre service à la clientèle. Alors soyez amical, soyez sympathique. Laissez les gens vous connaître. Plus ils vous aiment, plus ils ont de chances de s'accrocher à vous en tant que webmestre et de vous diriger vers d'autres personnes. En fait, dans les témoignages écrits sur mon agence, ils écrivent plus sur moi que sur leur propre site web. Par conséquent, être réactif et rapide à résoudre les problèmes sera un long chemin. Soyez disponible pour et prenez soin de vos précieux clients. Votre amabilité, votre volonté d'aider ne passera pas inaperçue. Number pour automatiser, automatiser, automatiser tout ce que vous pouvez automatiser, faire. Permettez-moi de vous donner quelques exemples. Envoi de factures récurrentes, surveillance des temps de disponibilité , détection des modifications, rapports d'analyse mensuels , sauvegardes et la liste continue. J' ai automatisé toutes ces tâches et j'imagine tout le temps qu'il faudrait pour faire manuellement toutes ces choses pour chaque client. Par exemple, supposons que vous envoyez 50 factures le premier jour de chaque mois. Si chacun vous prend trois minutes pour vous préparer, c'est 150 minutes ou 2,5 heures de votre temps chaque mois. D' autre part, si votre logiciel de facturation, il peut le faire pour vous. Vous passerez cinq minutes une fois que vous aurez configuré ces profils. Et tu as fini. L'automatisation de ces tâches de base vous permet de gagner du temps pour faire des choses plus importantes, comme rencontrer des clients et créer des sites Web. Donc, tout ce que vous pouvez automatiser, allez-y. Votre temps devrait être passé à faire des choses qui ne peuvent pas être automatisées et que d'autres ne peuvent pas faire pour vous. Numéro 3, avoir des systèmes en place. Ne réinventez pas la roue pour chaque projet. Tout ce que vous faites encore et encore, comme préparer des devis, interroger des clients, rédiger des contrats, prolonger des sites Web peut être simplifié en un processus. En affaires, ce terme est SOP, ou procédure opérationnelle standard, qui est une liste d'instructions étape par étape sur la façon d'effectuer des opérations de routine. Mais les choses que vous faites de la même façon à chaque fois pour créer un nouveau contrat et une proposition à partir de zéro. Chaque fois, ils devineront, euh, comment lancer un site web, systématiquement, faire une liste et le suivre chaque fois que nécessaire pour effectuer cette tâche. Vous économiserez une tonne de temps. Et vous vous assurerez que la tâche est effectuée correctement et efficacement pour chaque client. Numéro quatre, spécialisé. Donc, quand j'ai commencé, je voulais tout offrir. Je voulais être un guichet unique. Cela signifiait la conception web, le développement, le codage personnalisé, bases de données, le commerce électronique, l'image de marque, l'impression , les logos et bien plus encore. J' ai finalement découvert deux problèmes majeurs avec ça. Numéro un, je n'étais pas douée dans tous ces services. Mon fort était et est toujours WordPress, conception et le développement de sites Web, et la gestion d'une entreprise. Numéro deux, ces autres services ne m'ont pas apporté beaucoup d'argent. C' est pourquoi vous devez examiner régulièrement vos finances, déterminer ce qui génère réellement des revenus considérables et supprimer les services auxquels vous n'excellez pas ou avec lesquels vous ne gagnez pas beaucoup d'argent. En outre, c'est vraiment gentil ou pour les entreprises, parce que vous voulez qu'ils obtiennent le meilleur produit ou service possible. Et si ça veut dire un site web et un logo de quelqu'un d'autre, alors qu'il en soit ainsi. Soyez un spécialiste, pas un créateur de tous les métiers. Et vous trouverez le succès numéro 5. Donc, la valeur, pas les fonctionnalités. Ceci s'applique à tout produit que vous vendez. Mais pour la conception de sites Web, il y a beaucoup de fonctionnalités que vous pouvez créer. Un site WordPress, un site mobile, des galeries de photos, formulaires de contact, des cartes, des témoignages, des vidéos. Ces fonctionnalités sont géniales. Mais sont-elles comme s'ils valent $2000.5 mille dollars pour un contenu ou peut-être pas. Mais quelle est la valeur d'un site web ? Donc, si un couvreur atterrit à 10 000$ avance sur son site Web et qu'il en vend deux par mois, alors son site Web est évalué à 20 000$ par mois. Est-ce que ça a l'air précieux de payer 5 000$ pour ce site ? Ouais, vendre la valeur d'un site web, pas les fonctionnalités qu'il contient. Le marketing basé sur la valeur est l'un des meilleurs moyens d'augmenter vos ventes. Déterminez comment le site Web va aider les entreprises, puis créez votre argumentation de vente autour de cela. Tant que le propriétaire de l'entreprise peut voir la valeur et le bénéfice de quelque chose, le coût exact devient hors de propos. Numéro 6, concentrez-vous sur les gens, pas sur l'argent. Donc, lorsque vous développez une entreprise, il est facile de devenir obsédé par le fait de gagner de l'argent. Je veux dire, tu dois payer tes factures. Mais quand c'est ta principale motivation, bien. Te prendre sur un chemin sombre. De longues heures, des pratiques commerciales ombragées, une surfacturation, présentation erronée de la valeur sont autant d'effets secondaires possibles de se concentrer uniquement sur l'argent. Je vous encourage à aider les gens à identifier leurs problèmes et à proposer des solutions pratiques au lieu de simplement leur vendre le produit le plus cher possible. Moralement, tu te sentiras mieux quand tu montreras de l'empathie. Identifiez votre raison, pourquoi vous menez cette activité. Quels sont vos objectifs personnels ? Combien avez-vous besoin de gagner chaque année, chaque mois ? Quelles sont vos priorités personnelles ? Comment cette entreprise appuiera-t-elle ces priorités ? Voyez qu'il est facile de grandir, augmenter l'obsession pour l'argent, mais vous ne serez pas vraiment heureux si vous n'atteignez pas vos objectifs personnels. Soyez humain, soyez empathique, identifiez votre raison et concentrez-vous sur aider les gens au lieu de simplement gagner de l'argent à tout prix. Numéro 7, demandez des avis. Votre réputation numérique de marques pour le meilleur ou le pire. C' est lié à vos commentaires. Cela signifie les avis Google, recommandations Facebook et les avis Yelp ou TripAdvisor. Si vous êtes dans certaines industries, tant que consommateurs, nous prêtons attention aux commentaires. En tant que propriétaire d'entreprise, vous ne pouvez pas le licencier. Et bien qu'il puisse être difficile d'obtenir ces commentaires organiquement, vous n'avez pas à vous asseoir et attendre un. Soyez proactif puisque vous êtes des clients heureux, un lien directement vers votre formulaire d'évaluation sur Google et vous aurez une beaucoup plus grande chance et obtenir des commentaires positifs cinq étoiles. Recueillir autant de ceux que possible. Plus vous gagnez, mieux votre entreprise sera perçue par les consommateurs. Et si vous obtenez une vue plus basse, comme une étoile, une, la vie continuera et vous pouvez prendre cela comme une expérience d'apprentissage. Tout d'abord, pourquoi cette personne a raison ? Vous aurez un avis d'une étoile. Et comment pouvez-vous tirer des leçons de cette rétroaction pour l'empêcher à l'avenir ? Et comprenez que si plusieurs personnes écrivent le même commentaire négatif, ce n'est plus une anomalie, c'est une tendance, peut-être même un fait. Alors répare ça. Et deuxièmement, portant cette revue d'une étoile avec un tas de cinq étoiles. Cela vous permettra d'améliorer votre note moyenne. Numéro 8. Construisez votre portefeuille. Dans le domaine de la conception de site Web. Personne ne s'en fout si tu allais à la fac. Personne ne demande vos licences ou vos études. Ils veulent juste que tu saches tes affaires. Portfolio est la façon dont vous montrez votre travail. Commencez à construire cela dès le tout premier projet que vous avez terminé. Organisez soigneusement votre portefeuille en mettant seulement votre meilleur travail et en mettant en valeur votre meilleur des meilleurs au sommet, vous recherchez la qualité non la quantité dans votre portefeuille. Et lorsque vous rencontrez un client, s'il est dans l'industrie de la construction, pourquoi ne pas lui montrer des exemples de sites Web que vous avez fait dans ce même secteur. Comme un site web de couvreurs, électriciens, des plombiers, de vraies réponses. Ils pourraient ne pas être aussi intéressés par votre café ou sa beauté est les sites de prêt. Mais qu'ils voient que vous avez aidé les autres sur leur marché. Ça attirera leur attention. Adaptez votre approche commerciale à leur secteur d'activité. Un concepteur de site Web à succès connaît son portefeuille à l'intérieur et à l'extérieur. Ils connaissent leur site Web de référence à montrer et ils savent quels sites Web j'ai construit dans quelles industries. Numéro 9. Choisissez les bons outils. Que serait un homme à tout faire sans un marteau, un paysage, ou sans une tondeuse à gazon, un plongeur sans équipement de plongée approprié, les outils sont essentiels à l'exécution des tâches. Et certains outils peuvent accélérer ou ralentir le processus. Alors, quels outils utilisez-vous en tant que concepteur web ? Au minimum, vous aurez besoin d'un ordinateur ou d'un smartphone, WordPress. Mais quoi d'autre ? Si vous faites figure dans le logiciel, il y a une offre infinie de nouveaux logiciels brillants à essayer. Mais ce n'est pas parce que c'est nouveau que c'est mieux. Tenez-vous au logiciel mature et stable qui est là pour rester. Je pense qu'Adobe, Microsoft, Office, vague, passer du temps à apprendre ces outils et ignorer toutes les nouvelles bêtas brillantes vers qui vient à votre chemin. Terroristes, rien de pire que de perdre du temps à passer à un nouveau logiciel. Puis ils ferment après quelques années et en soutien. Investir dans les outils dont l'échec a besoin. Ajouter de la valeur à votre entreprise et sont construits par les entreprises vont durer. Et numéro 10, continuez vos études. Toujours être étudiant. Continuez à apprendre avec chaque nouveau projet. J' apprends encore à ce jour de nouvelles choses avec chaque site que je construis. Que ce soit pour essayer une nouvelle fonctionnalité, une nouvelle idée de design, apprendre un nouveau plugin, développer des fonctionnalités que je n'avais pas connues auparavant. Je développe mes connaissances et mes compétences avec chaque projet, même des décennies dans cette entreprise. Prenez le temps d'apprendre à fond de nouvelles compétences une fois. Ensuite, vous voulez les réapprendre sur les projets suivants. Suivez des blogs de technologie de qualité comme TechCrunch et Mashable, écoutés des podcasts réputés. Si vous êtes un utilisateur DB, suivez le blog Elegant Themes, qui est l'un des blogs Wordpress de la plus haute qualité que j'ai jamais rencontré. Toujours être étudiant. Soyez humble, soyez modeste, et vous trouverez du succès dans la vie. Donc là, vous l'avez. Récapitons les 10 points à retenir pour le succès. Numéro un, soyez amical et réactif. Numéro à automatiser, Automatiser pour automatiser. Numéro 3, avoir des systèmes en place pour la valeur des cellules spécialisées et non des entités. Numéro 6, concentrez-vous sur les gens, pas sur l'argent. Numéro 7, demandez des avis. Numéro 8, créez votre portefeuille. Et 19, choisissez les bons outils. Et numéro 10, continuez vos études. Je suis en retard de 10 ans et maintenant tu sais, dix points clés pour le succès. 50. 10 choses que j'aimerais en vue de savoir d'être débutantes en entreprise: Bienvenue, j'allonge votre webmaster. Dans la leçon d'aujourd'hui. Considérons mes 10 choses que j'aimerais savoir à partir de mon entreprise de design web en 2006. Numéro un, les plans d'entretien du site cellulaire. J' ai combattu ça pendant les 40 premières années. J' avais l'attitude que c'est toujours l'argent pour un client. Pourquoi me payeraient-ils 75$ alors qu'ils pourraient avoir leurs propres billets d'hébergement ? C' est plus éthique pour moi de mettre en place un poste en leur nom. Quand des années plus tard, j'ai nourri un changement d'état d'esprit à ce sujet. Un plan de maintenance de site Web de qualité est une bonne affaire pour vos clients. Idéalement vivant, fonctionnel et axé sur le contenu, un site Web sur un serveur sécurisé apportera des prospects qui dépassent le coût d'un plan de maintenance de site Web. Donc, la valeur est indéniable. Et de votre côté, ces plans de maintenance de site Web peuvent s'accumuler pour générer de beaux revenus récurrents au fil du temps. Avec ce cours, vous apprenez, mais la valeur d'un plan de maintenance de site Web et quels services sont impliqués. Alors allez-y et commencez à commercialiser vos plans d'hébergement et de maintenance de site Web auprès de vos clients dès que possible. Numéro deux, commercialisez-vous. J' ai combattu cela pendant la première décennie jusqu'à ce que cela devienne indéniablement clair. Les gens veulent de l'authenticité. Ils en ont fini avec le sentiment impersonnel de l'entreprise. Ils veulent vous voir et se sentir connectés à vous, surtout si vous cherchez à établir une relation à long terme. Alors, comment commencez-vous à commercialiser vous-même ? Obtenez un headshot professionnel, mettez-le sur votre site Web, enregistrez des vidéos, présentez-vous, et n'ayez pas peur de partager un peu d'humour ou des passe-temps personnels des années. Cela aidera beaucoup les gens à vous attacher. Rappelle-leur que tu es humain et qu'ils apprennent à te connaître. Numéro 3, se concentrer sur des clients de qualité. Maintenant, quand vous commencez, je sais que vous avez faim pour n'importe quel concert que vous pouvez atterrir. Et c'est compréhensible. Vous avez des factures, une hypothèque, des courses à acheter. Il est donc naturel de prendre sur n'importe quel projet de site Web que vous pouvez trouver. Mais au fur et à mesure que vous grandissez, vous créez votre portefeuille et vos commentaires. Donnez-vous la permission de commencer à être plus sélectif. Peut-être évitez de ces projets à faible budget et de bricolage. Vous trouverez beaucoup de bricolage ou ainsi calculer la valeur d'un site Web par la page de prix Wix ou Squarespace comme si un site Web ne coûte que 20 dollars par mois. Mais c'est bon. Laissez les gens gérer leurs propres budgets. Offrez-leur juste votre devis et laissez-les à la dignité. 51. 10 choses à éviter en tant qu'entreprise du design Web: Bienvenue, je suis Leighton, votre concepteur web. Dans la leçon d'aujourd'hui, considérons un 10 choses à éviter comme une conception de site Web. Numéro 1, fluage de la portée. Maintenant, nous avons récemment parlé de cela dans la leçon de conception et de développement de sites Web. C' est à ce moment qu'un projet mineur devient majeur. Lorsque vous avez déjà accepté une quantité de travail déterminée, vous avez reçu un acompte. Et puis lentement, le projet devient de plus plus grand au point que vous avez coulé plusieurs heures de plus que prévu. Par exemple, maintenant ils veulent un blog, quelques pages de plus. Et maintenant, ils vous disent qu'ils veulent vendre des produits sur le site. Je n'ai pas accepté tout cela, mais ils continuent d'ajouter plus au projet. Alors, comment pouvez-vous éviter le fluage de la portée ? Adressez-le, voyez ce qu'il est, traitez-le et offrez un devis pour le travail demandé. Les clients vont soit nixer cette idée, soit payer pour elle. Quoi qu'il en soit, tu gagnes. Numéro 2, offrant tout. Donc, le conseil de base est que si vous n'êtes pas bon dans un service, ne l'offrez pas. La tentation est de plaire aux clients en offrant autant de services que possible. Être un homme oui, que ce soit la vidéo, conception graphique, la photographie, le marketing , la publicité, Il est facile d'être attiré par la quantité d'entreprises sont prêts à payer pour ces services. Mais si vous n'êtes pas doué dans une compétence particulière, vous faites vraiment un mauvais service à cette entreprise en prenant ça, au lieu de prendre leur argent et de prétendre que vous savez ce que vous faites, soit prendre cette compétence au sérieux et l'apprendre, ou référez votre client à un expert. Quelqu' un qui préfère ce genre de travail, des liens avec des spécialistes qui peuvent gérer les compétences que vous ne possédez pas ou n'aimez pas faire. N' offrez pas toutes les compétences. Seules les compétences auxquelles vous excellez. Numéro 3, publicité payée. Maintenant, si vous avez fait de la publicité avec succès dans le passé, alors allez-y et faites-le. Faites des annonces. Mais si vous êtes nouveau dans le domaine de la publicité et de la conception de sites Web, laissez-moi vous dire, les annonces peuvent être un gaspillage d'argent. Maintenant, je me rends compte de certaines industries comme les produits pharmaceutiques, les concessionnaires automobiles, les magasins de matelas. Vous allez voir ces publicités et assez lourdement sur les méthodes traditionnelles comme la télévision. Les options numériques incluent des plateformes telles que les annonces Facebook et les annonces Google. Sur Facebook, vous payez quelques dollars pour booster un post, ce qui signifie que plus de gens le verront. Et il y a d'autres options de publicité là-bas aussi. Maintenant, vous pouvez monter une facture lourde et pour ce qui aime et commentaires. Si vous faites de la publicité sur Facebook, vous avez besoin d'installer votre pixel Facebook dans vraiment affiner votre audience. S' assure que les personnes que vous payez devant sont vraiment des personnes qui pourraient utiliser vos services. Sinon, vous gaspillez complètement votre argent. Affichage de messages sur la conception de sites Web à des personnes qui ne possèdent même pas d'entreprise. Maintenant, sur Google Ads, vous payez par clic ou PPC. Cela signifie que votre annonce est affichée dans la section Ajouter d'un résultat de recherche Google, qui se trouve en haut de la page. Et vous serez chargé de 10 dollars 2050. Lorsque quelqu'un clique, le coût varie en fonction de nombreux facteurs différents. Surtout la compétition. Vous pouvez définir le PPC sur auto ou choisir manuellement un budget. Auto prendra en considération ce que autres concepteurs Web enchérissent pour ce mot-clé et cet endroit, puis vous classera de manière compétitive. Si vous diffusez des annonces comme celle-ci, votre page de destination doit être de premier ordre et vous avez besoin de votre numéro de téléphone et de vos coordonnées pour être bien visibles. Vous avez besoin d'en-têtes clairs, d'un appel à l'action et d'un moyen de capturer leur adresse e-mail. Votre page de destination doit être optimisée pour convertir les visiteurs en clients. Si vous ne le faites pas, si vous n'avez pas d'entonnoir de ventes, argent de vos annonces est complètement gaspillé. Votre autre option en tant que concepteur de site Web est le référencement et le marketing réseau. Rencontrez des propriétaires d'entreprise, créez des partenaires de référence et entretenez ces relations. C' est ma suggestion. Numéro 4, erreur de communication. C' est l'une des plus grandes causes de problèmes, fois dans les affaires et les relations personnelles. mauvaise communication est là où vous ne communiquez pas efficacement. Permettez-moi de vous donner quelques exemples. Vous citez un client pour un site Web et déposez son acompte un week-end au projet, vous vous rendez compte qu'ils voulaient vraiment du commerce électronique, pas un site Web de brochure standard, mais vous avez accepté le site Web qu'ils voulaient pour ce prix. Quel est le problème ici ? Mauvaises communications. Vous ne les avez pas interrogés correctement. Ils ont négligé de vous raconter ça. Ou peut-être un peu plus haut. Un autre exemple. Vous prenez un acompte. Deux semaines plus tard, vous n'avez pas encore reçu de contenu, le client vous demande comment va le site. Quel est le problème ? Mauvaises communications. Vous n'avez pas décrit explicitement le contenu dont vous aviez besoin, vous n'avez pas fait de suivi au cours de ces deux semaines, le client n'a pas demandé ce dont vous aviez besoin. Mauvaises communications. Un troisième exemple, vous construisez un site Web pour un client, puis vous commencez à les facturer, vous maintenance mensuelle si le client reçoit cette facture et est très confus, même en colère. Je veux dire, ils t'ont payé pour leur site web. Pourquoi recevent-ils un autre projet de loi ? Quel est le problème ici ? Mauvaises communications. Apparemment, quelque part le long de la ligne, des hypothèses ont été faites, mais pas des ententes. Les gens aiment savoir exactement à quoi s'attendre quand le bill sera présenté. Donc, quand vous avez affaire à leur argent, soyez très clair. Combien est facturé, la taxe de vente, les frais de carte de crédit et à quelle fréquence. Une communication claire peut résoudre les problèmes avant même qu'ils ne surviennent. Évitez les mauvaises communications et les affaires seront beaucoup plus lisses. Numéro 5, sauter sur les serveurs. L' hébergement est la pièce la plus importante de l'infrastructure d'un site Web. Aussi attrayant que le son du serveur économique bon marché, dix dollars ou environ pour un serveur, ne tombez pas pour lui. Vous vous configurez pour toutes sortes de problèmes, comme les hacks, la lenteur, les délais d'expiration du serveur, pour n'en nommer que quelques-uns. Pour vos premiers projets, vous pouvez vous en sortir avec le serveur économique de niveau supérieur. Mais à mesure que vous grandissez, que vous gagnez plus de clients, en particulier des clients plus élevés, vous devriez vraiment regarder dans ces serveurs dédiés. De plus, plus vous mettez de clients sur le serveur, mieux vous compensez le coût du serveur. Les serveurs de qualité supérieure seront plus rapides, plus fiables et plus sécurisés. Alors que le niveau supérieur que je possède est le serveur partagé. Certainement bien depuis tant d'années maintenant, je loue, ce sont des serveurs dédiés plus chers, votre budget va augmenter à mesure que vous prenez plus de clients. Alors gardez vos yeux concentrés sur l'importance de votre serveur d'hébergement. Numéro 6, freebies. C' est là que vous faites un site web gratuitement en échange d'une exposition. C' est un arrangement décent si l'entreprise pour laquelle vous construisez un site Web est très populaire. Mais écoute-moi. Chaque quatre site Web à profit que vous construisez va augmenter votre exposition et vos commentaires de toute façon. Donc, si vous obtenez déjà cela avec un client de la douleur, comment donneriez-vous vos services gratuitement ? Maintenant, vous allez surtout rencontrer ça avec votre famille et vos amis. Je veux dire, ils savent que tu es un web designer. Ils veulent vous soutenir. Mais en même temps, vous essayez d'augmenter vos tarifs et d'obtenir des clients de plus grande valeur. Vous ne voulez pas donner votre travail gratuitement, mais vous ne voulez pas non plus traire votre famille et vos amis. Alors, qu'est-ce que tu fais ? Je ne peux pas prendre cette décision pour toi. Vous devez tenir compte de leur budget et de leur plan marketing. S' ils sont prêts à travailler avec le site Web pour dynamiser les affaires. Ma suggestion est de leur facturer un tarif réduit et communiquer clairement ce que vous offrez et ce qu'ils peuvent attendre de cette transaction. Rendez-le très professionnel, mettez-le par écrit, et faites-leur signer votre contrat afin qu'ils se sentent comme un client. Et oui, obtenez absolument un avis de leur part et ajoutez-les à votre portefeuille. S' il est considéré comme un site Web impressionnant, assurez-vous qu'ils savent que vous allez frapper, vous allez les frapper pour cette critique. Numéro 7. Dans des sites Web sécurisés. Ce sont des sites Web sans certificat SSL. Il y a plusieurs années, vous n'aviez besoin d'un certificat SSL lorsque le site Web avait des transactions par carte de crédit ou des données sensibles. Ce n'était pas nécessaire pour un site de brochures typique. Mais maintenant, comme nous l'avons appris dans plusieurs leçons, certificats SSL non seulement cryptent le trafic de votre site Web, mais ils améliorent également le classement de votre moteur de recherche et suppriment l'icône non sécurisée dans votre navigateur. Tous les avantages ainsi que le coût des certificats SSL sont vraiment à la baisse. Maintenant, vous pouvez continuer pour 20 dollars et ionise ou pour 100$, vous pouvez obtenir un SSL illimité pour tous vos sites Web. Évitez les sites Web non sécurisés n'ont pas l'air bon pour vos clients et ne causera que des problèmes en cours de route. Alors allez-y, sécurisez votre site dès que vous le lancez. Numéro 8, clients toxiques. Ce sont les clients qui vous causent le plus de stress. Ceux qui font arrêter votre cœur quand ils appellent ceux qui vous donnent du chagrin à propos de vos prix. Ils disent que 10 pour cent de vos clients vont causer 90 pour cent de vos problèmes. Et laissez-moi vous dire que c'est si vrai. La clé est, d'abord, identifier votre 10%, quels clients vous causent le plus de stress. Il n'est pas toujours facile d'éviter les clients toxiques. Parce que leur toxicité pourrait ne pas sortir avant plus tard dans la relation. Mais une fois qu'il est sorti, identifiez-le pour ce qu'il est. Et ensuite, le cas échéant, transmettez-les à un autre concepteur web ou interrompez votre maintenance sur leur site, créez leur propre compte d'hébergement et transférez le site Web vers celui-ci. Une fois que vous avez des liens avec des clients toxiques, vous ne vous sentez pas beaucoup, beaucoup mieux. Et vous pouvez rediriger votre énergie vers l'obtention et le maintien de clients de qualité. Mais y a-t-il des signes d'avertissement lorsque vous interrogez un client pour la première fois ? D' après mon expérience, permettez-moi de vous donner quelques idées, des choses à surveiller. Balancer à votre prix, négocier plus bas que votre valeur. Demander plusieurs révisions à votre contrat. Se plaindre excessivement de leurs concepteurs web précédents. insistant sur un certain thème WordPress autre que Devi, insistant sur un CMS différent comme Joomla ou Drupal, insistant sur l'hébergement du site par eux-mêmes. Bon marché, serveur GoDaddy économies. Insistant à plusieurs reprises sur la façon dont ce projet doit se faire le plus rapidement possible. Ça doit être fait hier. Exiger d'être sur la page un de Google sans agir sur vos suggestions pratiques de référencement. Tu vois qu'il y a des tonnes de signes d'avertissement. Et ceux-ci viennent avec l'expérience. Mais une fois que vous voyez ces modèles pour vous-même, vous pouvez éviter une situation stressante avant même qu'elle ne se produise. Numéro huit, pas de code d'apprentissage. Maintenant, je ne vous dis pas que vous devez vous transformer en un développeur web à temps plein et tourner vos heures de codage des sites Web au lieu de les concevoir et de les vendre. Mais il est précieux d'avoir au moins une compréhension de base du code. Heureusement, il est complètement gratuit d'apprendre HTML, CSS, JavaScript, PHP et d'autres langages de programmation web. Ma recommandation est de passer quelques heures sur chacune de ces langues. Allez à l'une des nombreuses ressources gratuites là-bas, comme W3 schools.com pour obtenir une éducation de base. Vous vous sentirez beaucoup plus confiant lorsque des problèmes surviennent, comme des messages d'erreur, avertissements PHP, ou d'autres choses que vous ne pouvez pas résoudre via le front end de WordPress ou Devi. Le code vous permettra de polir vos sites Web de qualité de production. Html, nous allons vous apprendre comment les sites Web sont encadrés. Css vous permettra d'affiner la conception de votre site web. Javascript vous aidera à polir la fonctionnalité de vos sites. Et PHP sera particulièrement utile lorsque vous avez besoin de fonctionnalités supplémentaires et de modifications sur votre site WordPress. Numéro 10. Ne pas suivre les tendances. La technologie évolue tout le temps. Il y a toujours de nouveaux logiciels à adopter ou à se distraire. Il y a de nouvelles mises à jour des langages de programmation. Il y a de nouvelles fonctionnalités dans WordPress et Divi que vous pouvez apprendre. De nouvelles mises à jour de Photoshop et d'autres logiciels Adobe sont disponibles chaque année. Il y a de nouvelles mises à jour et fonctionnalités dans votre serveur d'hébergement. Et je possède ce compte. Il y a de nouvelles mises à jour du navigateur et du système d'exploitation sur votre ordinateur professionnel. Il y a du nouveau matériel et de nouveaux ordinateurs de bureau, ordinateurs portables, tablettes et smartphones qui sortent. En tant qu'entreprise technologique, vous devez suivre ces tendances. Suivez les meilleurs blogs technologiques comme Tech Crunch et Mashable. Écoutez les podcasts de qualité et continuez à apprendre. Ma seule mise en garde ici est d'équilibrer cela en ne se distrait pas avec des technologies inutiles. technologie qui ne va pas augmenter la valeur de votre entreprise. Un logiciel qui ne va pas rester. Nouveaux thèmes WordPress, nouveaux CMS, nouveaux plugins WordPress. Fondamentalement tout ce qui fait la même chose que votre logiciel éprouvé et vrai. Vous pouvez le garder sur votre radar, mais ne soyez pas rapide pour sauter. State se concentre sur la fourniture du meilleur service à vos clients, ce qui signifie s'en tenir à vos logiciels fiables tout en suivant les tendances remarquables et en implémentant ce qui devient grand public. Si vous évitez toutes les tendances, si vous refusez de pivoter, vous pourriez rester dans la poussière. Vous devez être adaptable pour réussir. Et là, vous l'avez. Récapitons les choses à éviter en tant que concepteur de site Web. Numéro 1, et éviter le fluage de la portée. Nombre pour éviter de tout offrir. Numéro 3, éviter la publicité payée. Et donc éviter les mauvaises communications. Évitez de sauter sur les serveurs. Numéro 6, évitez les cadeaux. Numéro sept, évitez les sites Web non sécurisés. Numéro 8, éviter le client toxique. Numéro 9, évitez de ne pas apprendre le code. Et numéro 10, évitez de ne pas suivre les tendances. Je suis en retard. Et maintenant, vous savez, et des choses à éviter comme un site Web.