Conception avancée et médias dans Créateur de sites Web

Dans ce cours, vous apprendrez à utiliser les pages et le menu de navigation; trucs et astuces pour obtenir de superbes images de sites Web; comment mettre en image des sections de votre site et comment intégrer des fichiers vidéo et audio sur votre site.

Bonjour, je suis Joplin. En tant que guide GoDaddy, je suis chaque jour au premier rang pour regarder des gens, tout comme vous, faire le saut et faire leur propre chemin. Il n'y a rien de plus étonnant que de voir nos clients prendre ce risque et réussir!

Joplin

Conception avancée et multimédia dans Créateur de sites Web: aperçu du cours

Vous avez donc votre page de base en place, et il est maintenant temps de l'étendre et de l'améliorer.

Bonjour, je m'appelle Joplin, et dans ce cours, nous allons découvrir comment travailler avec des pages et du multimédia dans Website Builder.

Nous allons d'abord vous montrer comment ajouter des pages et utiliser le menu de navigation, y compris comment créer des pages privées réservées aux membres.

Ensuite, nous parlerons des images : comment les optimiser avant de les télécharger, et toutes les manières dont vous pouvez affiner et travailler avec des images dans Website Builder.

Après cela, nous vous fournirons des idées sur la façon dont les petites entreprises peuvent utiliser la vidéo et l'audio pour stimuler l'engagement des clients, puis nous vous montrerons comment les intégrer à votre site.

Si vous êtes prêt à développer votre site et à utiliser le multimédia, rejoignez-nous et commençons.

Dans cette vidéo, nous allons vous montrer comment ajouter une page, déplacer des sections entre les pages; et accédez aux paramètres de page de votre site Sites Web + Marketing et modifiez-les.

Salut, je suis Emily. En tant que guide GoDaddy, j'aime pouvoir apporter à nos clients un mélange d'aide, de conseils et de cheerleading. Le démarrage de votre propre entreprise est une étape importante et je veux que nos clients sachent que nous les soutenons, tout ce dont ils ont besoin!

Emily

Travailler avec des pages

Je m'appelle Geoffrey et je vais vous montrer comment travailler avec des pages nouvelles et existantes dans Website Builder.

J'ai mon entreprise de boulangerie pour chiens dans le Créateur de Site Web.

Sur la page d'accueil, vous trouverez de bonnes informations sur l'entreprise, mais développons cela.

Ajoutons une nouvelle page de galerie de photos dédiée à certains de nos acheteurs préférés.

Pour ajouter une page au site Web et à la navigation, assurez-vous que vous êtes sur le site Web, sélectionnez le plus et vous aurez trois options : Nouvelle page, Nouveau lien et Nouvelle liste déroulante.

Vous disposez de plusieurs options pour les nouveaux modèles de page.

La sélection de Vierge vous permettra de démarrer une page à partir de zéro et vous pourrez ajouter des sections au fur et à mesure.

Le modèle À propos informera vos visiteurs sur vous-même, votre entreprise, votre mission ou votre équipe.

Le modèle Galerie vous aidera à afficher des photos dans différentes mises en page.

Le modèle de contact est un endroit pour afficher les informations de contact de votre entreprise.

Le modèle de liste affiche des informations dans une liste.

Vous pouvez facilement partager des photos, des menus et même des événements à l'aide du modèle de liste.

Je pourrais commencer par une page de galerie, mais comme j'ai déjà une galerie sur ma page d'accueil, je vais vous montrer comment déplacer ce contenu vers une nouvelle page.

Sélectionnez Vierge, puis sélectionnez Créer une page.

Je souhaite garder le nom de la page bref, car il apparaîtra dans le menu de navigation.

Je vais laisser le Show in Navigation activé.

Si vous ajoutez une nouvelle page et qu'elle concerne quelque chose de saisonnier, comme des friandises d'Halloween ou un événement spécial, vous ne voudriez probablement pas qu'elle s'affiche sous forme de lien dans votre menu de navigation, auquel cas vous désélectionnez cette option.

Vous pouvez choisir de créer un menu de navigation supplémentaire en bas de la page en activant Afficher dans le pied de page, mais nous laisserons cela désactivé pour l'instant.

Ensuite, vous avez la possibilité d'en faire une page privée.

Les pages privées sont accessibles uniquement aux membres que vous avez pré-approuvés.

Nous voulons que tout le monde voie cette page, nous sélectionnerons donc Terminé.

Voici une nouvelle page, prête pour le contenu.

Revenons à la page d'accueil pour déplacer ce contenu existant.

Faites défiler vers le bas jusqu'à ce que vous voyiez la section que vous souhaitez déplacer.

Passez la souris sur la section galerie de photos et sélectionnez Paramètres.

Sélectionnez la page vers laquelle vous souhaitez déplacer la galerie, puis sélectionnez Déplacer.

Vous verrez un message de confirmation une fois terminé.

Et si je retourne sur la page Nos clients, ta-da.

Jetons un coup d'œil aux autres paramètres au niveau de la page dans Website Builder.

Pour afficher les pages de votre site, sélectionnez Site Web, puis sélectionnez l'icône des paramètres en regard du nom de la page.

Renommer et Paramètres de la page vous amèneront tous deux aux paramètres de la page, où vous pourrez modifier le nom de la page.

Sélectionnez si vous souhaitez que le lien vers la page s'affiche dans la navigation ou dans le pied de page.

Rendre la page privée et supprimer la page.

Dupliquer la page fera une copie de la page.

Supprimer la page supprimera entièrement la page.

J'espère que vous avez trouvé ce didacticiel sur l'utilisation des pages et de Website Builder utile.

Je m'appelle Geoffrey et je vous verrai plus tard.

Dans cette vidéo, vous apprendrez comment créer une page privée dans Sites Web + Marketing et comment donner aux membres la possibilité d’afficher une page privée. 

Créer une page privée et ajouter des membres

Les pages privées vous permettent de contrôler l’accès au contenu d’un site Web que vous ne souhaitez peut-être pas que tout le monde voie.

Je m'appelle Emily et je vais vous montrer comment créer une page privée sur votre site et ajouter des membres.

La première chose dont nous aurons besoin est une page privée.

Dans cet exemple, nous utiliserons une page déjà créée.

Dans le créateur de site Web, sélectionnez les paramètres en regard de la page que vous souhaitez rendre privée, puis sélectionnez les paramètres de la page.

Activez la page privée, puis sélectionnez Terminé.

N'oubliez pas de publier vos modifications.

Désormais, lorsque vous visitez le site et sélectionnez la page privée, vous verrez un message indiquant que vous n'êtes pas autorisé à accéder à la page.

Apprenons comment donner accès à la page privée.

Dans le tableau de bord, sélectionnez les connexions, puis sélectionnez les paramètres.

Activez les comptes membres afin que l'autorisation d'afficher une page privée puisse être accordée uniquement à certaines personnes.

Vous pouvez choisir d'accorder l'accès à la page privée à toute personne ayant créé un compte ou uniquement aux personnes que vous invitez à consulter la page privée.

Si vous sélectionnez « Seules les personnes que j'invite peuvent accéder à mes pages privées », vous devrez sélectionner accepter la modification.

Tous les contenus réservés aux membres et les pages privées qui ont été créés seront disponibles pour ceux que vous invitez.

Pour inviter un contact existant à consulter votre page privée, sélectionnez tout sous Connexions.

Sélectionnez le menu en regard du contact, puis sélectionnez accorder l’accès aux membres.

Vous verrez un exemple d'e-mail qui sera envoyé à votre membre, l'invitant à créer un mot de passe pour son compte.

Si vous souhaitez ajouter un nouveau contact, sélectionnez ajouter un contact.

Vous pouvez choisir d'ajouter un contact manuellement un par un, de télécharger une liste existante à l'aide d'un fichier ou de copier et coller une liste existante.

Vous pouvez créer une liste spécialisée ici.

Les options d’inscription au marketing par e-mail seront répertoriées ici.

Pour l’instant, je vais n’en sélectionner aucun.

Sélectionnez l'accès aux pages privées et cochez la case à côté de « Ces contacts doivent avoir accès aux pages privées de mon site (membres). » Vous pouvez également cocher la case pour inviter ces contacts à créer leur compte.

Une fois leur compte créé, vos membres pourront voir la page privée.

Dans cette vidéo, vous apprendrez à renommer et réorganiser les pages et à créer des menus déroulants dans le Créateur de sites Web.

Bonjour, je suis Darlene. En tant que guide GoDaddy, j'aime offrir un support qui aide les clients à se sentir autorisés à créer leurs propres sites Web et boutiques en ligne. Quand ils se rendent compte qu'ils peuvent créer un site magnifique, ils sont très fiers - c'est une sensation incroyable!

Darlene

Utiliser la navigation sur votre site

Tout comme votre entreprise, votre site Web est en constante évolution.

Je suis Geoffrey et je vais vous montrer comment renommer et réorganiser les pages et comment créer un menu déroulant sur votre site.

Tout d’abord, renommons une page dans Website Builder.

Dans le menu de navigation du site, passez la souris sur la page que vous souhaitez renommer.

Sélectionnez le menu Paramètres, puis sélectionnez Renommer.

Mettez à jour le titre de la page, puis sélectionnez Terminé.

Je vais maintenant vous montrer comment modifier l'ordre des pages dans la barre de navigation de votre site Web.

Dans le menu de navigation du site, sélectionnez l'icône Réorganiser les pages, faites glisser et déposez vos pages dans l'ordre qui vous convient le mieux, en gardant à l'esprit que votre page d'accueil sera toujours la première page.

Une autre fonctionnalité de navigation que vous pouvez ajouter est un menu déroulant.

Lorsque vous ajoutez un menu déroulant, il s'affiche comme une page dans une barre de navigation. Cependant, contrairement à une page, un menu déroulant fonctionne comme un dossier contenant plusieurs pages associées.

Sélectionnez Ajouter une page dans le menu de navigation du site, puis sélectionnez Nouvelle liste déroulante.

Ajoutez un titre de menu et sélectionnez les pages que vous souhaitez inclure dans le menu déroulant.

Vous pouvez choisir d'afficher le menu déroulant dans la navigation en activant ou en désactivant la bascule.

Une fois que tout est configuré, prévisualisez votre site et publiez-le.

Voici quelques-unes des choses que vous pouvez faire lorsque vous travaillez avec la navigation et les pages de votre site Web.

Dans cette vidéo, nous aborderons les quatre propriétés de base de l’image que vous pouvez modifier; comment chacun de ces éléments peut affecter les performances du site et partager certains paramètres de propriété d'image optimaux.

Bonjour, je suis Nada. En tant que guide GoDaddy, je suis toujours étonné d'entendre les incroyables idées commerciales et les entreprises en ligne proposées par nos clients. Soutenir leur voyage et transformer leurs rêves en réalité, c'est génial!

Nada

Comprendre les propriétés des images et leur impact sur le site Web

Les propriétés de l'image telles que le type de fichier, la taille du fichier, la taille de l'image et la résolution ont toutes un impact sur la qualité d'affichage et les performances de votre site Web.

Je suis Darlene, voici Nada, et nous allons vous expliquer ces propriétés, vous montrer leur impact sur les performances de votre site Web et vous donner des conseils sur les images que vous téléchargez sur Website Builder.

Pour afficher les propriétés de l'image sur un ordinateur Windows, vous allez faire un clic droit sur le fichier, puis sélectionner Propriétés.

Maintenant, si vous utilisez un Mac, vous allez appuyer sur Options, puis sélectionner le fichier, puis accéder à Obtenir des informations.

Pour ajuster la plupart des propriétés d'image, vous devrez utiliser un outil de retouche photo avant de télécharger sur Website Builder.

Heureusement, il existe une tonne de logiciels de retouche photo et d'outils Web disponibles, alors faites vos recherches en ligne et trouvez quelque chose qui correspond à vos besoins et à votre budget.

Commençons par le type de fichier de propriétés.

Les images que vous téléchargez sur Website Builder doivent être enregistrées au format JPEG ou PNG.

Maintenant, la façon dont vous choisissez cela dépend généralement du type d'image ou du sujet.

Les fichiers PNG produisent des images de meilleure qualité et vous permettent de placer des images sur un fond transparent.

Vous recherchez un format incontournable pour les logos de sites Web.

Mais gardez à l'esprit que les fichiers PNG sont généralement plus volumineux que les JPEG.

Lorsque vous prenez une photo sur votre téléphone ou sur un appareil photo numérique, il s'agit généralement de JPEG.

Bien que les JPEG soient de moins bonne qualité qu'un PNG, ils s'adaptent aux couleurs et aux ombrages complexes et ils offrent la flexibilité de pouvoir équilibrer la qualité de votre image et la taille de votre fichier.

De manière générale, les JPEG sont mieux adaptés à la photographie, tandis que les PNG fonctionnent bien pour les graphiques, les logos et les captures d'écran.

La taille du fichier est la quantité d'octets ou d'espace de stockage qu'un fichier occupe sur votre ordinateur.

Website Builder vous permet de télécharger des images jusqu'à 30 mégaoctets.

Cela étant dit, en ce qui concerne la taille du fichier, le plus petit est le mieux.

Les fichiers de grande taille peuvent considérablement ralentir le temps de chargement de votre image et de votre page, ce qui a un impact négatif sur votre référencement.

Donc, pour des performances optimales du site, assurez-vous de conserver des images sur votre site entre 300 et 500 K et de grandes images plein écran ou d'arrière-plan de moins d'un Mo.

Un moyen rapide de réduire la taille du fichier image consiste à utiliser un outil de compression d'image en ligne comme TinyJPG ou TinyPNG.

La taille de l'image fait référence aux dimensions réelles d'une image en pixels.

Cela a un impact sur son affichage sur votre site Web ainsi que sur la taille de son fichier.

Et bien que Website Builder ne limite pas la taille de l'image, une largeur minimale de 1080 pixels est nécessaire pour un affichage optimal sur la plupart des modèles, sinon ce sera flou et pixelisé.

De plus, en redimensionnant correctement votre image plutôt que de télécharger une version trop volumineuse, vous vous assurerez de garder la taille de votre fichier plus petite et d'éviter ce chargement lent redouté.

Enfin, la résolution est la qualité ou la densité d'une image.

Alors que la haute résolution est importante pour les images imprimées, elle n'est pas si critique dans un affichage Web.

Gardez à l'esprit, cependant, que de nombreuses images de stock sur le Web sont conçues pour une utilisation imprimée et numérique.

Cela signifie donc qu'ils ont une résolution plus élevée par défaut et, à leur tour, une taille de fichier plus importante.

Pour revenir à la résolution et rendre la taille du fichier plus gérable, utilisez l'option Enregistrer pour le Web.

Cela permet de conserver vos images à une résolution plus conviviale pour le Web.

Nous espérons que vous avez trouvé ces informations sur les propriétés des images utiles.

Je suis Darlene, c'est Nada, et nous nous reverrons.

Dans cette vidéo, nous allons couvrir six bonnes pratiques pour les images de sites Web; leurs avantages et les pièges qu’ils vous aideront à éviter.

Meilleures pratiques pour l'utilisation des images sur votre site Web

Lorsqu'elles sont utilisées correctement, les images vous aident à créer un site Web visuellement attrayant afin que vos clients restent plus longtemps et soient plus susceptibles de revenir.

Je m'appelle Emily, voici Darlene, et nous allons partager les six meilleures pratiques d'utilisation des images sur votre site Web.

Premièrement, utilisez toujours des images de haute qualité.

Les images floues, floues ou d'apparence rudimentaire peuvent nuire à la crédibilité de votre site.

Lors du choix d'une image, il est important de tenir compte du contexte.

Par exemple, si vous choisissez une image pour votre en-tête, vous voulez rechercher un bon contraste afin que tous les textes que vous pouvez superposer soient clairement lisibles, et vous voulez également vous assurer qu'il est en mode paysage afin qu'il occupe toute la largeur du écran.

Optimisez toujours vos images avant de les télécharger sur votre site.

De grandes images à chargement lent peuvent écraser le chargement de la page et avoir un impact négatif sur votre expérience utilisateur et votre référencement.

L'optimisation des images est un mélange de gestion de la taille du fichier, de la taille de l'image et de la résolution.

Et commencez toujours par l'image source qui a la résolution et les dimensions d'image les plus élevées que vous puissiez obtenir, puis réduisez la taille à partir de là.

Vous pouvez toujours diminuer la taille sans perdre en qualité, mais pas augmenter.

Il existe également des outils de compression gratuits que vous pouvez trouver en ligne et qui peuvent rendre vos fichiers encore plus petits.

Plutôt que de vous concentrer sur le nombre d'images que vous utilisez sur une page, concentrez-vous d'abord sur leur objectif, puis sur le temps de chargement.

Un site Web bien conçu et minimaliste qui se charge rapidement l'emportera toujours sur celui qui est visuellement époustouflant mais super lent.

Et bien qu'elles soient une bouée de sauvetage pour quiconque crée un site Web, utilisez toujours les images de stock avec précaution.

Assurez-vous qu'ils améliorent ou soutiennent le contenu de votre page.

Les images doivent toujours compléter votre contenu, ne pas le concurrencer ou le distraire.

Et si vous utilisez une photo d'archive vraiment générique, comme une photo d'une personne qui réfléchit, assurez-vous de fournir un contexte pour éviter toute confusion.

Tirez parti du texte alternatif de l'image, qui s'affiche à l'écran lorsqu'une image ne parvient pas à se charger.

Ce texte est également utilisé par les lecteurs d'écran pour décrire votre image aux malvoyants.

Fournir un texte alternatif d'image vous permet non seulement d'interagir avec un ensemble plus large de clients, mais il est également exploré par des robots de recherche, vous offrant un autre moyen de vous classer sur les moteurs de recherche.

Récapitulons nos six meilleures pratiques pour l'utilisation d'images sur votre site Web.

Utilisez toujours des images de haute qualité.

Optimisez toujours les images avant de les télécharger.

Concentrez-vous sur le but de l'image et le temps de chargement, pas sur le montant.

Utilisez les images de stock avec précaution.

Et profitez du texte alternatif de l'image.

Dans cette vidéo, nous verrons comment accéder à la médiathèque du Créateur de sites Web; les différents onglets de source d’image dans la bibliothèque multimédia et leur fonctionnement, ainsi que la façon de tirer le meilleur parti de la fonction de recherche de la bibliothèque multimédia.

Utilisation de la bibliothèque multimédia dans le Créateur de sites Web

Bonjour, je m'appelle Emily, et je vais vous faire visiter la médiathèque et le créateur de site Web, et partager quelques conseils sur la façon dont vous pouvez l'utiliser.

Avant de commencer, les images d’espace réservé fournies avec votre thème ne sont pas permanentes.

Le site Web que vous créez vous appartient, vous devez donc vous assurer d'utiliser les images de votre choix et, dans la plupart des cas, essayer d'utiliser vos propres images.

Si vous n'aimez pas une image, sélectionnez-la et vous pourrez ensuite la supprimer.

Si vous voulez quelque chose de différent, sélectionnez changer d'image et parcourez votre bibliothèque multimédia.

Les images de la médiathèque sont classées selon leur source.

Récemment ajoutés, les images que vous avez précédemment téléchargées dans la bibliothèque multimédia s'afficheront.

Stock Media est l'endroit où vous trouverez des images gratuites que GoDaddy inclut avec le créateur de site Web.

Au lieu de chercher quelque chose, essayez de rechercher une couleur ou une sensation.

Il y a littéralement des milliers d'images parmi lesquelles choisir.

Utilisez donc plusieurs termes de recherche pour affiner votre recherche.

La section Parcourir par utilisation affiche toutes les images que vous avez téléchargées, les logos attachés à votre compte, les images de couverture que vous avez utilisées sur votre site et les images du studio GoDaddy qui ont été créées à l'aide de l'application et modifiées dans le créateur de site Web.

La section des réseaux sociaux affichera les images de votre compte professionnel Facebook ou Instagram une fois que vous les aurez connectées à GoDaddy.

Pour afficher des images individuelles, sélectionnez l'album.

L'autre section multimédia donne accès à toute image que vous avez déjà utilisée sur un autre site Web GoDaddy.

Pour utiliser une image de la médiathèque, choisissez celle que vous souhaitez, puis sélectionnez insérer.

J'espère que vous avez trouvé cette visite guidée du site Web Builder Media Library utile.

Je m'appelle Emily, passez une bonne soirée.

Dans cette vidéo, nous allons vous montrer comment accéder au panneau de modification d’une image; comment supprimer, zoomer, faire pivoter et repositionner une image; comment utiliser le champ Décrivez cette image et comment ajouter un lien hypertexte à une image. 

Utilisation de l'éditeur d'images dans le Créateur de sites Web

Bonjour, je m'appelle Emma et je vais vous faire visiter l'éditeur d'images dans Website Builder.

Je suis en train de modifier ma page d'accueil, qui contient une section galerie de photos.

Pour modifier une image, sélectionnez-la pour afficher le panneau d'édition.

Dans le panneau d'édition, juste au-dessus de l'image se trouve un bouton permettant de faire pivoter l'image et diverses options de dimensionnement parmi lesquelles choisir.

Si vous souhaitez supprimer complètement l'image, choisissez le bouton Supprimer de la galerie.

Vous utilisez la plus petite image dans le panneau d'édition pour ajuster des éléments tels que le zoom et le positionnement.

Les modifications apportées à cette image s'affichent en temps réel dans la fenêtre d'aperçu à gauche.

Si vous souhaitez que l'image complète soit visible, vous pouvez ajuster le zoom arrière ou avant en utilisant la barre coulissante ici.

Si vous passez votre curseur sur l'image, vous la verrez se transformer en quatre flèches.

Ce curseur vous permet de maintenir l'image et de la repositionner en la faisant glisser.

Si vous souhaitez essayer une autre image, vous pouvez choisir Changer l'image et sélectionner une autre image dans la galerie multimédia.

Le noir et l'amp; Option blanche, eh bien, elle fait ce qu'elle dit.

Le texte que vous saisissez dans le champ Description de l'image fonctionne comme le texte alternatif de l'image sur votre page Web, alors prenez le temps de rédiger une description significative pour chaque image.

Assurez-vous d'inclure les mots-clés que vous souhaitez que les moteurs de recherche remarquent, mais soyez spécifique à l'image et indiquez clairement son rapport avec les autres contenus de cette page.

La section Ajouter une légende vous permet de créer du texte superposé sur l'image et certaines options de formatage sont disponibles ici.

Lorsque vous ajoutez un lien vers une image, vous devez spécifier où il enverra les utilisateurs lorsqu'ils la sélectionneront.

Mode d’emploi

Conception avancée et médias dans Créateur de sites Web

Ajouter une galerie de photos dans le Créateur de sites Web

À propos des conseillers

Vidéos supplémentaires

Ajouter des fonctionnalités avancées dans le Créateur de sites Web

Principes de base du marketing avec GoDaddy

Comment utiliser les médias sociaux pour développer votre entreprise

Premiers pas avec le marketing par email