Découvrez comment optimiser vos sites web pour les moteurs de recherche (SEO), afin d’améliorer le classement de la page et la visibilité de vos sites.

Remarque :

Aucune nouvelle fonctionnalité n’est plus ajoutée à Adobe Muse et le support prendra fin le 26 mars 2020. Pour plus d’informations et pour obtenir de l’aide, reportez-vous à la page de fin de service Adobe Muse.

L’optimisation pour les moteurs de recherche (SEO) a pour objectif d’accroître la visibilité d’un site en ligne grâce à un classement plus élevé dans la liste des résultats de recherche générée par un moteur de recherche. Les sites ayant le classement le plus élevé apparaissent en haut de la liste, ce qui encourage les visiteurs effectuant une recherche en ligne à consulter un site pertinent. Les bonnes pratiques d’optimisation pour les moteurs de recherche permettent d’améliorer le classement d’un site, ce qui entraîne une augmentation du trafic sur le site.

Dans cet article, vous découvrirez quelques-unes des meilleures pratiques ainsi que des conseils pour améliorer le classement, établi par un moteur de recherche, des sites que vous créez dans Adobe Muse. L’espace de travail Adobe Muse inclut de nombreuses fonctions utiles que vous pouvez utiliser pour l’optimisation des sites, afin d’accroître l’accessibilité et le trafic vers vos pages web.

Pour répertorier les sites sur Internet, les moteurs de recherche parcourent le web en suivant des liens qui permettent d’associer des pages web et des ressources de site. Les moteurs de recherche évaluent le contenu des pages et des ressources dans un processus appelé « indexation ». L’indexation est importante car il s’agit d’une recherche continue visant à informer les moteurs de recherche du contenu disponible sur le web. Si le site n’est plus disponible, le moteur de recherche le supprime des résultats de recherche. Les moteurs de recherche utilisent les résultats de l’indexation pour déterminer le contenu et le classement des sites.

L’indexation permet aux moteurs de recherche de suggérer des liens précis vers des sites web via des résultats de recherche correspondant à une requête spécifique basée sur un mot ou une phrase clé. Par exemple, si vous tapez « Adobe » dans le champ d’un moteur de recherche et cliquez sur Rechercher, une liste de pages web s’affiche dans les résultats de recherche. Les résultats de recherche affichent des liens vers des sites web dont le contenu est lié aux logiciels et aux produits Adobe, selon le moteur de recherche.

Les moteurs de recherche utilisent de nombreux paramètres pour déterminer quels sites web répertorier en haut de la liste. Un classement élevé constitue la situation optimale, car cela signifie que les personnes qui effectuent une recherche sur ce mot-clé ou sur cette expression sont plus susceptibles de visiter votre site web. En suivant les suggestions indiquées ci-dessous, vous pouvez faciliter l’indexation par les moteurs de recherche, afin que les nouveaux visiteurs effectuant une recherche en ligne trouvent les sites que vous avez crées.

Comprendre comment les moteurs de recherche indexent les sites

Les pages web peuvent contenir des informations de métadonnées intégrées, telles que l’auteur, les mots-clés, la description et la langue. Les mots-clés et une description sont utiles pour identifier le but d’un site et décrire son contenu. Ces balises de métadonnées sont intégrées dans le code source HTML ; elles n’apparaissent pas visuellement lorsque la page est affichée dans une fenêtre de navigateur.

Dans le passé, les moteurs de recherche évaluaient à la fois les mots-clés de métadonnées et la description au cours du processus d’indexation. Les concepteurs web ajoutaient parfois des centaines de mots-clés dans l’espoir d’améliorer la visibilité du site dans les résultats de recherche. Certains algorithmes de recherche modernes, comme par exemple le moteur de recherche Google, ne tiennent plus compte des mots-clés lors du calcul du classement. Investir du temps pour les mettre à jour reste toutefois utile. Les mots-clés peuvent améliorer le classement dans d’autres moteurs de recherche et dans le système GSA (Google Search Appliance) utilisé par les plus grands sites web. Des descriptions de métadonnées sont souvent affichées comme la description lorsque votre page s’affiche dans la liste des résultats de recherche, ou comme la description par défaut dans Facebook, Google+ ainsi que dans d’autres sites de réseaux sociaux. Une description intéressante peut aider à diriger le trafic vers un site.

Les moteurs de recherche effectuent souvent une indexation de l’intégralité du texte, ce qui signifie qu’ils analysent l’intégralité du texte contenu sur la page. Le texte, qui est placé dans les balises d’en-tête (h1, h2, h3, etc. ), est considéré comme particulièrement important, car les en-têtes résument généralement les informations affichées. Les styles de paragraphe vous permettent de définir des conteneurs d’étiquette de paragraphe afin de créer une page qui utilise un en-tête h1 pour le titre supérieur dans le contenu du texte, un en-tête h2 pour un sous-titre et un en-tête h3 comme un sous sous-titre. Le formatage du texte indique aux moteurs de recherche l’importance du texte de l’en-tête à chaque niveau. La définition de styles pour utiliser des étiquettes de paragraphe et leur application aux textes d’en-tête vous permettent de créer un code HTML correctement formulé, facilitant grandement la navigation pour les crawlers des moteurs de recherche.

Comme l’indexation se produit sur le contenu d’une page, les images et les autres ressources liées sont analysées. Si les ressources contiennent des titres ou un texte de substitution, ces informations textuelles sont analysées. Les infos-bulles ajoutées aux liens hypertexte sont également évaluées. Le moteur de recherche utilise tout le contenu de texte qu’il trouve lors de l’indexation des sites afin de prendre des décisions éclairées sur le contenu de chaque page. En outre, l’ajout de titres et de texte de substitution à des images et d’info-bulles à des liens hypertexte garantit que les pages que vous créez seront plus accessibles pour tout le monde, y compris les visiteurs utilisant des appareils d’assistance pour naviguer sur le web.

Vérifiez régulièrement vos sites pour retirer ou réparer les liens rompus. Si les moteurs de recherche détectent des liens rompus, ils peuvent supposer que le site n’est plus mis à jour. Corrigez également les problèmes relatifs aux ressources liées ou aux fichiers d’image manquants. Les sites anciens qui ne sont pas mis à jour peuvent se voir attribuer un classement inférieur dans les résultats de recherche.

Ajout de mots-clés et de descriptions de métadonnées à des propriétés de la page

Lorsque vous créez un site dans Muse, vous êtes invité à en configurer les propriétés. Il s’agit des attributs qui affectent toutes les pages du site, telles que les valeurs de mise en page et l’apparence des liens hypertexte. Toutefois, chaque page contient également des propriétés individuelles que vous pouvez définir pour ajouter des attributs spécifiques. Par exemple, vous pouvez configurer les options de menu pour définir si une page s’affiche dans un menu et mettre à jour les métadonnées qui sont ajoutées au code source, mais qui ne sont pas affichées dans le navigateur.

Pour mettre à jour les propriétés d’une page spécifique, procédez comme suit :

  1. Dans la vue Plan, double-cliquez sur la vignette de la page pour l’ouvrir en vue Conception. La page s’ouvre dans son propre onglet, prête à être modifiée.

  2. Sélectionnez Page > Propriétés de la page.

    Sélectionnez Page, Propriétés de la page.
    Ouvrez la boîte de dialogue Propriétés de la page à l’aide du menu Page.

  3. Dans la boîte de dialogue Propriétés de la page, cliquez sur l’onglet Métadonnées pour accéder aux champs où vous pourrez entrer des informations sur les métadonnées.

    Propriétés de la page
    Utilisez la section Métadonnées de la boîte de dialogue Propriétés de la page pour ajouter du texte de métadonnées.

  4. Cliquez dans le champ Description pour saisir des termes susceptibles de correspondre au contenu du site. Par exemple, si vous êtes en train de concevoir une page sur les chiens de sauvetage, vous pouvez entrer une brève description de la page : Sauver un chien et rencontrez votre meilleur ami. Nous sommes la plus grande organisation de Californie du Nord dédiée aux chiens de sauvetage Labrador Retriever, dont le but est de trouver des foyers aimants pour des chiens adorables.

  5. Cliquez dans le champ Mots-clés pour saisir des termes susceptibles de correspondre au contenu du site. Par exemple, si vous êtes en train de concevoir une page sur les chiens, vous pouvez entrer des mots-clés correspondant au contenu de la page, tels que : chiens de sauvetage californiens, labradors retriever, labradors noirs, labradors chocolat, soins vétérinaires pour chiens, toilettage des chiens, services d’adoption pour chiens.

  6. Si vous voulez mettre à jour le champ Nom de page, gardez à l’esprit que le nom de la page est le nom de l’étiquette affiché dans les widgets de menu sur le site.

  7. Le champ Titre de page est défini par défaut pour utiliser le même nom que le nom de la page. Le titre de la page s’affiche dans la fenêtre du navigateur, dans les onglets du navigateur et dans les listes de signets (selon le navigateur utilisé pour visualiser le site). Si vous souhaitez le modifier, désactivez la case en regard de l’option Identique au nom de page, puis saisissez un autre titre de page.

  8. Une fois les métadonnées mises à jour, cliquez sur OK pour fermer la boîte de dialogue Propriétés de la page.

Ajout de titres et de texte de substitution à des images

Après avoir importé des images sur une page, vous pouvez accéder à la boîte de dialogue Propriétés de l’image afin de définir à la fois un titre et un texte secondaire (également appelé texte de substitution) qui sont affectés à l’image.

Voici une brève description de chaque propriété :

Titre : dans de nombreux navigateurs, le titre s’affiche en plus de l’image, généralement sous forme d’info-bulle qui apparaît lorsque le curseur de la souris la survole.

Texte de substitution : si le fichier d’image ne peut pas être affiché, ce texte est affiché à la place de l’image. Le texte de substitution est également utilisé pour décrire les images afin de permettre aux visiteurs malvoyants équipés de technologies d’assistance d’accéder au contenu de la page.

L’idéal, lorsque vous définissez les titres et le texte de substitution de chaque ressource du site, est de vous assurer que les visiteurs vivent la meilleure expérience lorsqu’ils naviguent sur votre site. Les info-bulles sont utiles pour ajouter des informations complémentaires sur les graphiques et le texte de substitution rend les pages plus accessibles aux logiciels de lecture d’écran qui présentent oralement le contenu graphique.

Pour ajouter des titres et un texte de substitution, procédez comme suit :

  1. Sélectionnez une image importée.

  2. Cliquez à l’aide du bouton droit de la souris sur l’image, puis sélectionnez Ajouter un titre ou Ajouter un texte de substitution dans le menu contextuel.

    Propriétés de l’image
    Choisissez d’ajouter un titre ou un texte de substitution.

  3. Saisissez le titre de l’image dans le champ Titre de la boîte de dialogue Propriétés de l’image. Par exemple, si l’image représente le logo Adobe, vous pouvez taper : Adobe Systems, Inc.

    Propriétés du titre de l’image
    Saisissez le texte que vous souhaitez voir apparaître sous forme d’info-bulle dans le champ Titre.

  4. Dans le champ Texte de substitution, entrez une description du contenu graphique, telle que : Logo Adobe.

  5. Cliquez sur OK pour fermer la boîte de dialogue Propriétés de l’image.

Définition des info-bulles pour les images et le texte liés

Vous pouvez créer des info-bulles qui apparaissent dès que le curseur de la souris survole un lien. Ces info-bulles s’affichent à la fois sur les images et sur le texte doté d’un hyperlien. Les info-bulles sont utiles aux visiteurs, car elles leur permettent d’obtenir plus d’informations sur le contenu lié avant de cliquer sur le lien pour l’afficher. Les info-bulles sont également utiles aux moteurs de recherche car elles leur fournissent une description du contenu référencé dans un site.

Pour ajouter une info-bulle à un élément doté d’un hyperlien, procédez comme suit :

  1. Sélectionnez l’image ou le texte lié.

  2. Cliquez sur le texte Hyperlien dans le panneau de configuration, à gauche du menu Hyperlien. Les options d’hyperlien apparaissent.

    Options d’hyperlien
    Accédez aux options d’hyperlien en cliquant sur le texte Hyperlien bleu dans le panneau de configuration.

  3. Entrez le texte de l’info-bulle dans le champ Info-bulle. Par exemple, si le texte lié est associé à un lien hypertexte permettant de revenir à la page d’accueil, vous pouvez entrer : Retour à la page d’accueil.

  4. Cliquez n’importe où sur la page pour fermer les options d’hyperlien.

Application d’une mise en forme du texte et définition d’étiquettes de paragraphe à l’aide des styles de paragraphe

  1. A l’aide de l’outil Texte, faites glisser un champ de texte. Entrez un contenu textuel, tel que : Voici un texte.

  2. Mettez le texte en forme en définissant la police, la taille et la couleur de la police, ainsi que d’autres paramètres. Alors que le texte est sélectionné à l’aide de l’outil Texte, mettez les options à jour dans le panneau de configuration ou utilisez les options du panneau Texte. Par exemple, vous pouvez définir la mise en forme de texte ci-après.

    • Police pour le web : Verdana
    • Corps de la police : 24
    • Couleur : Marron (#8C6239 ou R=140 V=98 B=57)
    • Interlettrage : 6
    • Interligne : 120 %
    Panneau de l’outil Texte
    Utilisez le panneau Texte ou les options du panneau de configuration pour formater le texte.

  3. Ouvrez le panneau Styles de paragraphe. Alors que le texte mis en forme est toujours sélectionné, cliquez sur l’icône Créer un nouveau style, située en bas du panneau Styles de paragraphe.

    Options de style de paragraphe
    Cliquez sur le bouton Nouveau style pour créer un nouveau style.

    Le nouveau style contient les attributs de mise en forme et le nom Style de paragraphe lui est attribué par défaut.

  4. Double-cliquez sur le nom Style de paragraphe pour ouvrir la boîte de dialogue Options de style, puis entrez le nom du nouveau style : Large en-tête marron. Utilisez le menu Etiquette de paragraphe pour définir la balise HTML associée au style de l’en-tête h1.

    Options de style
    Sélectionnez h1 dans le menu Etiquette de paragraphe.

  5. Cliquez sur OK pour définir les options de style de paragraphe. Le style de paragraphe est maintenant défini pour mettre à jour l’aspect et la balise HTML de tous les en-têtes utilisés sur le site.

    Il est recommandé de créer et d’appliquer les styles d’en-tête h1 au texte situé en haut de la page (qui est généralement le plus large).

    Créez d’autres styles de paragraphe pour h2, h3, etc., puis appliquez ces styles aux sous-titres qui apparaissent dans un ordre décroissant sur toutes les pages du site.

    Styles de texte
    Une page web bien formulée utilise des en-têtes qui s’affichent dans un ordre décroissant pour définir différents niveaux de contenu de texte.

    Une fois que vous avez créé des styles de paragraphe pour tous les en-têtes, vous pouvez sélectionner rapidement le texte à formater, puis cliquer sur le nom du style dans le panneau Styles de paragraphe pour appliquer les attributs du style et les étiquettes de paragraphe.

Rôle du fichier sitemap.xml généré lors de l’exportation ou du transfert d’un site

Lors de l’exportation de votre site ou du transfert de votre site Adobe Muse vers un fournisseur d’hébergement tiers via la boîte de dialogue Télécharger vers l’hôte FTP, Adobe Muse génère un fichier nommé sitemap.xml qui contient une liste de toutes les pages et ressources du site. Ce fichier aide les moteurs de recherche à indexer plus facilement le contenu de votre site.

Si vos sites sont hébergés sur les serveurs hôtes intégrés d’Adobe, le nom de domaine que vous ajoutez à un site est automatiquement ajouté à l’index interne du serveur et aucune autre action n’est requise.

Vous pouvez utiliser la carte du site générée par Adobe Muse pour améliorer le classement de votre site auprès des moteurs de recherche. Si vous téléchargez les fichiers à l’aide d’Adobe Muse, le fichier sitemap.xml est transféré vers le serveur hôte, avec les autres fichiers. Si vous exportez le site et transférez les fichiers via un client FTP, transférez ce fichier vers le serveur hôte avec les autres ressources, dans le dossier exporté.

Afin d’améliorer l’optimisation pour les moteurs de recherche, les cartes de site répertorient les images à l’aide d’une balise <image:image>. Les légendes des images sont répertoriées avec une balise <image:caption>.  A l’exception des fichiers.png, les cartes de site incluent également des images pivotées et des images avec des effets.

Si vous téléchargez des images avec le même nom de fichier, mais un texte de substitution différent, les images sont répertoriées séparément avec une balise <image:caption>. La légende comprend le texte de remplacement correspondant.

Pour spécifier le nom de domaine dans le fichier sitemap.xml exporté, procédez comme suit :

  1. Choisissez Fichier > Exporter au format HTML.

    Choisissez Fichier, Exporter au format&nbsp;HTML
    Exportez tous les fichiers du site dans un dossier sur votre ordinateur.

  2. Entrez le nom de domaine dans le champ Domaine.

    Boîte de dialogue Exporter au format HTML
    Dans le champ Nom de domaine, entrez le nom de domaine du site.

  3. Vérifiez que le nom de domaine est correctement orthographié, et respecte le format suivant : mysite.com

  4. Cliquez sur OK pour ajouter le nom de domaine au fichier sitemap.xml et terminer le processus d’exportation. Une fois le site exporté, le dossier contenant les fichiers de site est prêt à être transféré vers le fournisseur d’hébergement web de votre choix.

    Remarque : lorsque vous choisissez Fichier > Télécharger vers l’hôte FTP pour transférer votre site, le nom de domaine saisi dans le champ de nom de domaine sera ajouté au fichier sitemap.xml.

    Options de l’hôte FTP
    Entrez le nom de domaine dans la boîte de dialogue Télécharger vers l’hôte FTP.

Pour savoir comment le moteur de recherche Google utilise le fichier sitemap.xml, visitez les pages d’aide de Google consacrées aux outils pour les webmasters.

Pour obtenir plus d’informations sur la création de sites dans Adobe Muse, voir l’aide Adobe Muse. Consultez également la page du site du jour d’Adobe Muse pour découvrir des conceptions inspirantes lorsque vous commencez à créer vos propres projets.

Vidéo | Affichage d’analyses pour votre site

Vidéo | Affichage d’analyses pour votre site
lynda.com - James Fritz

Ce produit est distribué sous licence Creative Commons Attribution - Pas d’utilisation commerciale - Partage à l’identique 3.0 non transposé  Les publications Twitter™ et Facebook ne sont pas couvertes par les dispositions Creative Commons.

Mentions légales   |   Politique de confidentialité en ligne