{"id":1260,"date":"2021-02-08T09:59:00","date_gmt":"2021-02-08T08:59:00","guid":{"rendered":"https:\/\/www.letest.studiocarmine.fr\/230\/?p=1260"},"modified":"2021-11-17T13:42:02","modified_gmt":"2021-11-17T12:42:02","slug":"conception-site-web-25-elements","status":"publish","type":"post","link":"https:\/\/www.letest.studiocarmine.fr\/230\/2021\/02\/08\/conception-site-web-25-elements\/","title":{"rendered":"Conception d'un site web : Les 25 \u00e9l\u00e9ments \u00e0 conna\u00eetre"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Avoir un site Web, le cr\u00e9e l\u2019imaginer le penser ce n\u2019est pas simple. Il ne faut pas oublier un seul \u00e9l\u00e9ment au risque de tout voire s\u2019\u00e9crouler comme un ch\u00e2teau de cartes. Apr\u00e8s plus de quatre ans dans le digital et la conception de sites Web, j\u2019accompagne free-lance et entrepreneurs dans la cr\u00e9ation de leur nouveau site. Alors voici<strong>\u00a0les 25 \u00e9l\u00e9ments et conseils<\/strong>\u00a0qui feront que votre site web sera r\u00e9ussi<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Au sommaire de l'article d'aujourd'hui : <\/strong><\/p>\n\n\n<div class=\"ub_table-of-contents\" data-showtext=\"show\" data-hidetext=\"hide\" data-scrolltype=\"auto\" id=\"ub_table-of-contents-c1148d96-d30a-413c-a945-c6a90be699da\" data-initiallyhideonmobile=\"false\"\n                    data-initiallyshow=\"true\"><div class=\"ub_table-of-contents-extra-container\"><div class=\"ub_table-of-contents-container ub_table-of-contents-1-column \"><ul><li><a href=https:\/\/www.letest.studiocarmine.fr\/230\/2021\/02\/08\/conception-site-web-25-elements\/#0-les-%C3%A9l%C3%A9ments-avant-la-conception-dun-site-web>Les \u00e9l\u00e9ments avant la conception d'un site web<\/a><\/li><li><a href=https:\/\/www.letest.studiocarmine.fr\/230\/2021\/02\/08\/conception-site-web-25-elements\/#10-pendant-la-conception-dun-site-web>Pendant la conception d'un site web<\/a><\/li><li><a href=https:\/\/www.letest.studiocarmine.fr\/230\/2021\/02\/08\/conception-site-web-25-elements\/#18-apr%C3%A8s-la-conception-dun-site-web>Apr\u00e8s la conception d'un site web<\/a><\/li><\/ul><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"0-les-%C3%A9l%C3%A9ments-avant-la-conception-dun-site-web\">Les \u00e9l\u00e9ments avant la conception d'un site web<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"1-choisir-un-h%C3%A9bergement-web\">\ud83c\udfe0 Choisir un h\u00e9bergement web<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">L\u2019h\u00e9bergement Web permet \u00e0 votre site d\u2019\u00eatre disponible et accessible partout dans le monde. Il s\u2019agit donc de bien le s\u00e9lectionner de bien le choisir en fonction de votre budget, de vos besoins, de vos valeurs, et de votre ma\u00eetrise des outils num\u00e9riques<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Alors voici&nbsp;<strong>3 h\u00e9bergeurs web<\/strong>&nbsp;que je recommande \u00e0 tous mes clients :<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/www.infomaniak.com\/fr\" target=\"_blank\" rel=\"noopener\">Infomaniak<\/a><\/li><li><a href=\"https:\/\/www.ovh.com\/fr\/\" target=\"_blank\" rel=\"noopener\">OVH<\/a><\/li><li><a href=\"https:\/\/www.ionos.fr\/\" target=\"_blank\" rel=\"noopener\">Ionos<\/a><\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"2-%E3%80%B0%EF%B8%8F-acheter-et-choisir-son-nom-de-domaine\">\u3030\ufe0f Acheter et choisir son nom de domaine<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Le nom de domaine de votre site, est un gage de cr\u00e9dibilit\u00e9 et de professionnalisme est aussi un atout majeur pour le SEO. Meilleurs conseils pour \u00e9viter bien des manipulations : prenez votre nom de domaine chez votre h\u00e9bergeur Web c\u2019est beaucoup plus simple !<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"3-prendre-un-cms-ou-une-plateforme-de-cr%C3%A9ation\">\ud83d\udd8d Prendre un CMS ou une plateforme de cr\u00e9ation<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Rien ne vous emp\u00eache de coder votre site de A \u00e0 Z. Pour toutes les petites manipulations, les changements de contenu ou m\u00eame les mises \u00e0 jour pass\u00e9es par un CMS permettent bien de gagner du temps dans certaines situations. Il en existe beaucoup mais voici mes deux pr\u00e9f\u00e9r\u00e9s :<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/wordpress.org\/\" target=\"_blank\" rel=\"noopener\">WordPress.org<\/a><\/li><li><a href=\"https:\/\/getgrav.org\/\" target=\"_blank\" rel=\"noopener\">Grav<\/a><\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"4-d%C3%A9finir-les-objectifs-de-votre-site-web\">\ud83c\udfaf D\u00e9finir les objectifs de votre site Web<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">J\u2019en ai d\u00e9j\u00e0 parl\u00e9 plus longuement dans un article qui est disponible&nbsp;<a href=\"https:\/\/www.letest.studiocarmine.fr\/230\/2020\/10\/21\/site-web-professionnel-objectifs\/\">juste ici.<\/a>&nbsp;Mais \u00e9tudier&nbsp;<strong>les objectifs de son site Web est une \u00e9tape cl\u00e9<\/strong>&nbsp;dans la r\u00e9ussite de votre projet. Fixez-vous des buts, sachez \u00e0 qui vous parlez, et sachez o\u00f9 vous voulez aller avec votre site Web : Convertir, mettre en avant vos produits, avoir une vitrine en ligne pour votre commerce ? Toutes ces questions sont \u00e0 r\u00e9pondre.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"5-%C3%A9tudier-votre-utilisateur-et-votre-client-id%C3%A9al-la-base-dune-conception-dun-site-web-r%C3%A9ussite\">\ud83d\udc64 \u00c9tudier votre utilisateur et votre client id\u00e9al la base d'une conception d'un site web r\u00e9ussite<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Qui sera la personne qui naviguera sur votre site Web ? Cette question il faut se la poser avant de commencer les grands travaux, le design. \u00c9tudier son utilisateur permet de conna\u00eetre son comportement, ses attentes et ses besoins. Cela sera une<strong>&nbsp;garantie pour vous d\u2019un site qui convertit<\/strong>, et qui vous apportera une r\u00e9ponse claire \u00e0 vos objectifs. Pour \u00e9tudier votre client id\u00e9al je vous mets \u00e0 disposition&nbsp;<a href=\"https:\/\/freebie.studiocarmine.fr\/freebie-persona\">mon template juste ici<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"6-une-structure-de-navigation\">\ud83c\udf32 Une structure de navigation<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Une fois la personne cibl\u00e9e connue dans ses moindres d\u00e9tails, cela permet de conna\u00eetre ses habitudes sur le web ainsi que celles de navigations. Plut\u00f4t ordinateur ou smartphone ? Plut\u00f4t adepte&nbsp;des menus burger ou des menus classiques ? Ses questions vont permettre \u00e0 votre concepteur de site web en lien avec vous de cr\u00e9er une structure de navigation claire et fluide pour votre client id\u00e9al. L\u2019arborescence du site pourra alors&nbsp;cr\u00e9er. La structure de navigation d\u2019un site est<strong>&nbsp;l\u2019un des piliers d\u2019une exp\u00e9rience utilisateur r\u00e9ussite !<\/strong><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"7-logo\">\ud83d\udc41 Logo<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Avoir un logo c\u2019est la base de tout business, ce qui permet un peu de dire \u00abLet\u2019s go&nbsp;\u00bb et de ce diff\u00e9rencier. Alors pr\u00e9parer son logo avant la conception d'un site web permet de&nbsp;<strong>gagner du temps<\/strong>&nbsp;et d\u2019\u00e9viter de chercher le bon format pendant de longues minutes. Les exports qui doivent \u00eatre faits :<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Logo et d\u00e9clinaisons en format SVG et en RGB<\/li><li>Logo et d\u00e9clinaisons en format PNG et en RGB<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"8-couleurs\">\ud83c\udfa8 Couleurs<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Etudier ses couleurs et surtout leur accessibilit\u00e9. Si une identit\u00e9 visuelle avec une charte graphique est d\u00e9j\u00e0 cr\u00e9\u00e9e : C'est parfait, les logos seront d\u00e9j\u00e0 export\u00e9s, les couleurs d\u00e9j\u00e0 connues... Mais \u00e9tudi\u00e9es la signification de ses couleurs et surtout leur accessibilit\u00e9 permet d'\u00e9viter des surprises, il faut faire attention \u00e0 ce que tout le monde voie bien toutes les couleurs qui seront sur votre site, qu'il y est&nbsp;<strong>assez de contraste<\/strong>&nbsp;pour les personnes pr\u00e9sentant des d\u00e9ficiences visuelles :<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Ecriture noire sur du blanc \u2705<\/li><li>Ecriture gris clair sur du blanc \u274c<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"9-%E2%8C%A8%EF%B8%8F-polices\">\u2328\ufe0f Polices<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Choisir une bonne police pour son site web, ce n'est pas simple. Alors voici 3 petits conseils tir\u00e9s de mon exp\u00e9rience de webdesigner et d'int\u00e9gratrice web pour choisir une bonne police pour son site web :<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>V\u00e9rifier le nombre de graisses<\/strong>&nbsp;propos\u00e9s : Light, bold, roman, m\u00e9dium... Je recommande&nbsp;minimum 3 graisses, cela permet de cr\u00e9er des contrastes sans pour autant changer de polices et cr\u00e9er du d\u00e9sordre visuel<\/li><\/ul>\n\n\n\n<ul class=\"wp-block-list\"><li>Que la police contienne les accents et les lettres des langues utilis\u00e9es sur votre site : en France, on utilise des accents que nos voisins ne poss\u00e8dent pas, les Espagnols eux, utilisent des \u00f1... Evitons donc de changer de polices pour chaque pays, ce qui pourrait cr\u00e9er un design bancal et une int\u00e9gration longue.<\/li><li>Choisir une bonne combinaison : On peut associer 2 polices sans soucis pour donner du dynamisme et un style d\u00e9finit \u00e0 son site web. Choisissez donc des polices qui repr\u00e9sentent au mieux les valeurs et votre image de marque. Voici une petite ressource pour trouver des bonnes combinaisons : <a href=\"https:\/\/fontpair.co\/\" target=\"_blank\" rel=\"noopener\">https:\/\/fontpair.co\/<\/a><\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"10-pendant-la-conception-dun-site-web\">Pendant la conception d'un site web<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Votre projet de site web prend vie, let's go !<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"11-responsive\">\ud83d\udd1b Responsive<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">L'adaptation des sites web au mobile est une \u00e9tape cl\u00e9, il est donc indispensable d'y penser \u00e0 d\u00e8s la conception d'un site web : D\u00e9clinaisons des maquettes,&nbsp;<strong>int\u00e9gration&nbsp;mobile-first<\/strong>, test sur les navigateurs mobiles.&nbsp;<strong>50% du trafic&nbsp;<\/strong>sur les sites internet ce fait via des mobiles.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"12-contact\">\ud83d\udcde Contact<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">On&nbsp;continue avec les chiffres ? 44% des utilisateurs quittent un&nbsp;sites s'il&nbsp;n'y trouve pas de contact. Qui veut se passer de presque la moiti\u00e9 des visiteurs ? Personne. Alors mettez en avant, ou en acc\u00e8s simple un formulaire de contact, une adresse mail ou un num\u00e9ro de t\u00e9l\u00e9phone. Id\u00e9al pour cr\u00e9er des opportunit\u00e9s !<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"13-social-media\">\ud83d\udcf1 Social media<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Int\u00e9grer les r\u00e9seaux sociaux permet de<strong>&nbsp;tisser des liens avec vos visiteurs<\/strong>. Si celui-ci s'abonne \u00e0 l'un de vos comptes mis en avant vous permettra d'\u00e9changer plus simplement avec lui avec un fort lien de proximit\u00e9.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"14-%E2%9D%8C-404-pages\">\u274c 404 pages<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">S'il y a une page \u00e0 ne pas n\u00e9gliger sur un site web : La page 404, m\u00eame si l'on ne souhaite pas que l'utilisateur tombe dessus. Elle reste le moment de faire bonne impression malgr\u00e9 tout et de&nbsp;<strong>rediriger l'utilisateur<\/strong>&nbsp;vers un contenu adapt\u00e9 \u00e0 son besoin. Un vrai petit plus \u00e0 penser lors de la conception d'un site web<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"15-%E2%9A%96%EF%B8%8F-mentions-l%C3%A9gales\">\u2696\ufe0f Mentions l\u00e9gales<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Cette page n'est pas \u00e0 n\u00e9gliger, ni \u00e0 r\u00e9diger \u00e0 la va-vite. Outre les risques juridiques qui peuvent \u00eatre encourus, c'est un gage de confiance pour vos visiteurs, une preuve du&nbsp;<a href=\"https:\/\/www.letest.studiocarmine.fr\/230\/2021\/01\/04\/confiance-site-web\/\">s\u00e9rieux de votre site<\/a>. Sachant que&nbsp;<strong>75% des utilisateurs jugent la cr\u00e9dibilit\u00e9 d'une entreprise \u00e0 son site<\/strong>&nbsp;! De plus, il faut que la page soit accessible facilement, g\u00e9n\u00e9ralement dans le&nbsp;footer&nbsp;de votre site.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"16-les-call-to-action\">\ud83d\uddb1 Les call-to-action<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Encore un petit chiffre ? <strong>70%<\/strong>, c'est le nombre de TPE et PME qui n'utilise <strong>pas de CTA<\/strong>, calls-to-action. Pourtant comme le formulaire de contact, c'est le moyen de cr\u00e9er des opportunit\u00e9s, alors d\u00e8s la conception d'un site web il faut penser \u00e0 ajouter des <strong>CTA percutants<\/strong>, dans l'id\u00e9e d'inciter le client id\u00e9al \u00e0 r\u00e9aliser une action sp\u00e9cifique : T\u00e9l\u00e9chargement, prise de rendez-vous, offre commerciale...<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"17-laccessibilit%C3%A9\">\ud83d\udca1 L'accessibilit\u00e9<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Pilier de la conception d'un site web, il faut que votre site soit visible par tout le monde. Alors \u00e0 l'int\u00e9gration il faut re-v\u00e9rifier :<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Les couleurs<\/li><li>Les tailles de polices et les typographies<\/li><li>Passer le code dans le validateur du W3C permet d'\u00eatre presque \u00e0 100% conforme avec leurs r\u00e8gles !<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"18-apr%C3%A8s-la-conception-dun-site-web\">Apr\u00e8s la conception d'un site web<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">C'est le moment des installations &amp; du suivi de votre site internet.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"19-searchconsole\">\ud83d\udda5 SearchConsole<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Apr\u00e8s le lancement de votre site il faut le r\u00e9f\u00e9rencer. Alors rien de mieux que de&nbsp;<strong>d\u00e9clarer la sitemap.xml<\/strong>&nbsp;au moteur de recherche num\u00e9ro 1 : Google. C'est rapide et tr\u00e8s simple,&nbsp;<a href=\"https:\/\/search.google.com\/\" target=\"_blank\" rel=\"noopener\">il suffit de cr\u00e9er un compte&nbsp;<\/a>et de v\u00e9rifier son site.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"20-googleanalytics\">\ud83d\udcc8 GoogleAnalytics<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">L'autre outil indispensable du g\u00e9ant am\u00e9ricain :<strong>&nbsp;Google Analytics.<\/strong>&nbsp;Il permet de suivre son site, son taux de conversion, les pages les plus vues, les canaux d'acquisition du trafic. D'autres outils d'analytics OpenSources existent si l'on veut se passer de Google.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"21-cookie\">\ud83c\udf6a Cookie<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.letest.studiocarmine.fr\/230\/2020\/11\/23\/elements-obligatoires-site-web\/\">Le RGPD<\/a>&nbsp;? Le bandeau \"Voulez-vous des cookies ? \ud83c\udf6a\". Il est&nbsp;<strong>obligatoire&nbsp;<\/strong>sur tout site web qui collecte des donn\u00e9es personnelles ou dont un tiers collecte des donn\u00e9es comme :<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Google Analytics<\/li><li>Un player vid\u00e9o comme Vim\u00e9o ou Youtube.<\/li><li>Google Maps<\/li><li>Hubspot, MailChimp ou tout autre logiciel marketing !<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"22-s%C3%A9curit%C3%A9\">\ud83d\udd12 S\u00e9curit\u00e9<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">S'il y a un aspect \u00e0 ne pas n\u00e9gliger lors de la conception d'un site web et apr\u00e8s la mise en ligne de votre site, c'est la s\u00e9curit\u00e9. Les cyberattaques ne touchent pas que les grandes multinationales. Alors 2 conseils pour un site s\u00e9curis\u00e9 :<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Avoir<strong>&nbsp;un plugin de s\u00e9curit\u00e9<\/strong>&nbsp;et de d\u00e9fense installer.<\/li><li>Avoir un mot de passe compliqu\u00e9e et le modifier de mani\u00e8re r\u00e9guli\u00e8re<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"23-sauvegardes\">\ud83d\udce5 Sauvegardes<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Un autre plugin et aspect \u00e0 ne jamais n\u00e9gliger : Sauvegarder votre site ! Cette bonne pratique permet d'avoir des \"back-up\" en cas de soucis, de d\u00e9faillance technique... Et permet \u00e0 votre webmaster ou d\u00e9veloppeur web de remettre le site internet en ordre de marche plus rapidement sans devoir tout reprendre depuis 0.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>\u26a1\ufe0f&nbsp;<strong>Pour ne pas avoir \u00e0 y penser<\/strong>&nbsp;: Confier la gestion de votre site \u00e0 un webmaster !<\/p><\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"24-le-plugin-seo\">\ud83d\udcdd Le plugin SEO<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">L'ajout d'un plugin SEO ne vous fera pas devenir premier dans Google et ne vous donnera pas un SEO au top. Mais vous guidera pour am\u00e9liorer votre site et son contenu avec des astuces.&nbsp;<strong>Le num\u00e9ro 1 : Yoast SEO<\/strong>, la version gratuite est parfaite, la version premium est un bon investissement \u00e9galement !<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"25-le-test-de-lux\">\ud83d\udd0e Le test de l'UX<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">L'UX ou l'exp\u00e9rience utilisateur est la cl\u00e9 d'un taux de conversion au top sur son site. Rassurer et guider vos visiteurs. Ne pas n\u00e9gliger les mises \u00e0 jour, les bonnes pratiques ainsi que les r\u00e8gles de base d'accessibilit\u00e9.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"26-%E2%80%8D%E2%99%80%EF%B8%8Fla-rapidit%C3%A9-de-chargement-de-la-page-web\">\ud83c\udfc3\u200d\u2640\ufe0fLa rapidit\u00e9 de chargement de la page web<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Mon combat !&nbsp;<a href=\"https:\/\/www.letest.studiocarmine.fr\/230\/2020\/11\/09\/ameliorer-le-seo-avec-les-performances-techniques\/\">Les sites rapides.<\/a>&nbsp;Surtout qu'en mai 2021, Google va&nbsp;<strong>p\u00e9naliser les sites qui ne sont pas rapides<\/strong>, et la plupart des sites sont lents. Alors on v\u00e9rifie sa vitesse de son site.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"27-les-meta-donn%C3%A9es\">\ud83e\uddee Les Meta-donn\u00e9es<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Il faut compl\u00e9ter les m\u00e9tadonn\u00e9es de TOUTE les pages d'un site. Ses balises sont&nbsp;<strong>essentielles pour les SERP&nbsp;<\/strong>des moteurs de recherche, le bon affichage du titre de la page dans le navigateur et pour le partage de contenu sur Linkedin ou Twitter. Les m\u00e9tadonn\u00e9es peuvent \u00eatre :<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>L'auteur<\/li><li>Le titre de la page<\/li><li>La description du contenu<\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Avec WordPress, le plugin Yoast SEO permet de compl\u00e9ter facilement les m\u00e9tadonn\u00e9es des pages et articles !<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"28-ssl-amp-https\">\ud83d\udd10 SSL &amp; HTTPS<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Rassurer l'utilisateur, une des bases de l'UX ! Et quoi de mieux pour \u00e7a qu'un petit cadenas affich\u00e9 dans le navigateur \u00e0 c\u00f4t\u00e9 de l'adresse web du site ? Le SSL est une technologie de cryptage des donn\u00e9es et le HTTPS lui ne s'affiche que si un certificat SSL est pr\u00e9sent sur le site. S'il n'y a ni SSL ni HTTPS, certains navigateurs internet comme Chrome, affiche des messages d'alertes \u00e0 l'utilisateur, ce qui ne donne pas une tr\u00e8s bonne image.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"29-description-amp-alt-des-images\">\ud83d\udccc Description &amp; ALT des images<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">D\u00e9crire les images pr\u00e9sentes sur un site web est important, mais pourquoi ?<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Permet aux utilisateurs avec des troubles visuels de comprendre le contenu de l'image gr\u00e2ce \u00e0 la description.<\/li><li>Si l'image de charge pas dans le navigateur du visiteur, l'alt&nbsp;de l'image vient d\u00e9crire ce que l'utilisateur devrait voir.<\/li><li>Ajoute du contenu \u00e0 analyser par les robots des moteurs de recherche pour l'indexation du site.<\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h4 class=\"has-text-align-center wp-block-heading\" id=\"30-envie-de-r%C3%A9ussir-la-conception-de-ton-premier-site-web-en-freelance-je-toffre-un-workbook-dune-dizaine-de-pages-pour-d%C3%A9finir-ta-strat%C3%A9gie-tes-envies-de-design-ton-client-id%C3%A9al-et-te-donner-plein-dastuces-pour-le-recevoir-dans-ta-bo%C3%AEte-mail-compl%C3%A8te-le-formulaire-ci-dessous-\"><meta charset=\"utf-8\">Envie de r\u00e9ussir la conception de ton premier site web en freelance ?  Je t'offre un workbook d'une dizaine de pages pour d\u00e9finir ta strat\u00e9gie, tes envies de design, ton client id\u00e9al... et te donner plein d'astuces ! Pour le recevoir dans ta bo\u00eete mail, compl\u00e8te le formulaire ci-dessous \ud83d\udc47<\/h4>\n\n\n\n<div class=\"ml-form-embed\" data-account=\"2608058:s1z4b7k2g8\" data-form=\"4432675:h7t9w1\">\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Avoir un site Web, le cr\u00e9e l\u2019imaginer le penser ce n\u2019est pas simple. Il ne faut pas oublier un seul \u00e9l\u00e9ment au risque de tout voire s\u2019\u00e9crouler comme un ch\u00e2teau de cartes. Apr\u00e8s plus de quatre ans dans le digital et la conception de sites Web, j\u2019accompagne free-lance et entrepreneurs dans la cr\u00e9ation de leur [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":1836,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"ub_ctt_via":"","footnotes":""},"categories":[30],"tags":[],"class_list":["post-1260","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-creer-un-site-web"],"acf":[],"featured_image_src":"https:\/\/www.letest.studiocarmine.fr\/230\/wp-content\/uploads\/2021\/07\/25-elements.jpeg","author_info":{"display_name":"Carmine","author_link":"https:\/\/www.letest.studiocarmine.fr\/230\/author\/carmine\/"},"_links":{"self":[{"href":"https:\/\/www.letest.studiocarmine.fr\/230\/wp-json\/wp\/v2\/posts\/1260","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.letest.studiocarmine.fr\/230\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.letest.studiocarmine.fr\/230\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.letest.studiocarmine.fr\/230\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.letest.studiocarmine.fr\/230\/wp-json\/wp\/v2\/comments?post=1260"}],"version-history":[{"count":0,"href":"https:\/\/www.letest.studiocarmine.fr\/230\/wp-json\/wp\/v2\/posts\/1260\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.letest.studiocarmine.fr\/230\/wp-json\/wp\/v2\/media\/1836"}],"wp:attachment":[{"href":"https:\/\/www.letest.studiocarmine.fr\/230\/wp-json\/wp\/v2\/media?parent=1260"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.letest.studiocarmine.fr\/230\/wp-json\/wp\/v2\/categories?post=1260"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.letest.studiocarmine.fr\/230\/wp-json\/wp\/v2\/tags?post=1260"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}