PAS À PAS
Créer un site responsive
Pourquoi créer un site responsive ?
Aujourd'hui, la conception responsive est essentielle pour plusieurs raisons :
- Pour l'expérience utilisateur : plus d'un internaute sur deux navigue sur internet depuis son téléphone portable. Si votre site s'affiche mal sur mobile, vous risquez de rater une vente ou un prospect potentiel.
- Pour le référencement naturel de votre site : l'algorithme de Google est mobile first, c'est-à-dire que les robots passent en priorité sur la version mobile pour l'indexer.
- Pour booster le trafic : un site accessible sur tous les terminaux aura une audience potentielle plus importante.
Site responsive vs. application vs. site mobile
Attention à ne pas confondre un site responsive avec une application ou un site mobile.
- Le site responsive est une version unique pour tous les supports, même s'il est possible de masquer certains éléments sur mobile, par exemple.
- L'application mobile est un logiciel téléchargé sur un appareil mobile. Les applications sont souvent spécifiques à une plateforme (iOS ou Android, par exemple) et peuvent fournir des fonctionnalités avancées qui ne sont pas disponibles sur un site web.
- Le site mobile est un site web spécialement conçu pour être consulté sur des appareils mobiles et diffère d'un site responsive, qui garde le même contenu mais s'adapte simplement à l'utilisateur. Les sites mobiles peuvent également inclure des fonctionnalités spécifiques à l'utilisation mobile, telles que la localisation géographique ou la prise en charge de gestes tactiles.
Ils font confiance à HubSpot
1. Créer un compte HubSpot
Créez un compte sur la plateforme HubSpot pour accéder au CMS gratuit et pour commencer la création d'un site web responsive.
Vous devez renseigner votre adresse e-mail et certaines informations concernant votre entreprise (secteur d'activité, effectif, fonction, etc.) afin d'obtenir la meilleure expérience.
2. Connecter votre nom de domaine ou vous en procurer un
Pour utiliser le CMS de HubSpot et publier votre site responsive, vous pouvez utiliser un nom de domaine que vous possédez déjà. Dans ce cas, il suffit de le connecter depuis l'onglet dédié dans la plateforme HubSpot.
Vous avez également la possibilité d'acheter un nom de domaine en passant par notre partenaire GoDaddy. Le rattachement de votre NDD au CMS sera alors automatique.
3. Créer une page web ou un article de blog
Commencez à créer de nouvelles pages : soit à partir des modèles existants, soit à partir de rien si vous préférez tout construire vous-même.
Pour créer un site cohérent, avec une navigation fluide, prenez le temps de bien réfléchir à l'arborescence du site web. Il s'agit de l'architecture des différents contenus et de la façon dont ils sont accessibles depuis le menu. Une arborescence classique comprend par exemple une page d'accueil, un catalogue de produits ou services avec des sous-catégories, une page À propos et une page Contact. Il est aussi fréquent d’ajouter une section blog, avec plusieurs articles qui peuvent également être classés par catégorie.
Découvrez comment le CMS Hub a contribué à l’élaboration d’un thème sur-mesure et éditable pour le site internet de Bouygues Immobilier Belgium
Découvrez comment Finalcad a multiplié son trafic par 6 avec le CMS de HubSpot
4. Créer et ajouter du contenu avec l'éditeur en glisser-déposer
Le CMS Hub met à votre disposition un éditeur en glisser-déposer (drag and drop) pour une prise en main facile et rapide. Cet éditeur vous permet de faire glisser directement les blocs dans votre page. Ces derniers sont organisés en lignes horizontales et en sections.
Il existe différents blocs que vous pouvez intégrer : texte, image, vidéo, bouton, formulaire de contact, etc. Le logiciel permet de voir en temps réel les modifications sur la page et d'ajuster la disposition des différents éléments.
5. Vérifier le rendu sur PC, mobile ou tablette
Depuis l'éditeur de page, vous pouvez afficher le rendu sur les différents appareils : PC, mobile ou tablette afin qu'il s'affiche correctement sur toutes les résolutions d'écran. Les pages sont conçues pour être automatiquement responsive mais des options de personnalisation sont incluses.Un site se regarde en mode vertical sur un smartphone ou une tablette. La navigation est tactile. L'internaute doit pouvoir trouver facilement et rapidement l'information. Concrètement, la page web est plus étroite et plus longue. Le contenu textuel doit être clair, lisible et aéré. Il peut être nécessaire de supprimer certains éléments pour éviter de surcharger la page (textes trop longs, animations lourdes, etc.).
6. Publier et analyser votre site responsive
Après avoir vérifié et ajusté si nécessaire l'affichage de votre site sur toutes les tailles d'écran, vous pouvez le mettre en ligne et commencer à communiquer dessus. Pensez à optimiser les performances de votre site en analysant régulièrement les statistiques.
Elles sont accessibles depuis les outils de la plateforme HubSpot, qui dispose par ailleurs d'une intégration avec Google Search Console. Vous pouvez également mesurer les performances de votre site en utilisant l'outil PageSpeed Insights, qui fournit des renseignements sur la vitesse de chargement et sur l'expérience utilisateur sur ordinateur et sur mobile.
Construisez votre site internet avec HubSpot dès aujourd'hui.
Aucune carte bancaire requise.