Découverte des meilleures pratiques de conception du site de carrières

De nombreuses régions du monde adhèrent aux lois sur l'accessibilité. Par exemple, au Canada, les organismes privés, publics et à but non lucratif comptant plus de 50 employés doivent s’assurer que leurs sites Web sont accessibles. Les Directives sur l'accessibilité des contenus Web (WCAG) sont élaborées par le biais du processus W3C en coopération avec des individus et des organisations du monde entier, dans le but de fournir une norme commune unique pour l'accessibilité du contenu Web qui répond aux besoins des individus, des organisations et des gouvernements à l'échelle internationale. Les documents des WCAG expliquent comment rendre le contenu Web plus accessible aux personnes handicapées : https://www.w3.org/WAI/standards-guidelines/wcag/ Chaque ligne directrice a trois niveaux d’accessibilité : A, AA et AAA.

La version 2.2 de WCAG est la dernière version publiée des directives WCAG : https://www.w3.org/TR/WCAG22/. La publication de WCAG 2.2 ne rend pas obsolète ou ne remplace pas WCAG 2.0 ou WCAG 2.1. L'utilisation des directives WCAG 2.2 est recommandée pour maximiser l'applicabilité future des efforts d'accessibilité.

Aux États-Unis, les lignes directrices sur l'accessibilité exigent des organismes fédéraux qu'ils élaborent, achètent, maintiennent et utilisent des technologies de l'information et de la communication (TIC) accessibles aux personnes handicapées, qu'elles travaillent ou non pour le gouvernement fédéral. Voir l'article 508 de la Loi sur la réadaptation: https://www.section508.gov/manage/laws-and-policies/https://www.section508.gov/manage/laws-and-policies/.

Les lecteurs d'écran sont des logiciels qui convertissent le texte numérique en synthèse vocale. Ils permettent aux utilisateurs aveugles ou malvoyants de lire le texte qui s'affiche sur l'écran de l'ordinateur. Les lecteurs d'écran annoncent le titre de la page (l'élément <title> dans la balise HTML), les en-têtes, les liens et le texte alternatif (description) pour les images. Pour avoir une impression globale du contenu d'une page, les utilisateurs peuvent passer de l'en-tête à l'en-tête, du lien au lien et du paragraphe au paragraphe.

Les outils d'accessibilité, tels que WAVE (https://wave.webaim.org), signaleront les problèmes d'accessibilité sur les sites Web, mais ne peuvent pas vous indiquer si le contenu Web est accessible. Seul un humain peut déterminer une véritable accessibilité. Les outils signaleront certaines erreurs d'accessibilité et certains avertissements, mais, par exemple, ne pourront pas détecter le texte incorporé sur les images.

La vue de synthèse de WAVE présente votre page avec des icônes d'accessibilité et des indicateurs intégrés.

• Les icônes rouges indiquent les erreurs d'accessibilité qui doivent être corrigées.
• Les icônes jaunes indiquent les alertes en cas de problèmes possibles.
• Les autres icônes et indicateurs mettent en surbrillance d'autres éléments sur le site.

Dans l'onglet Détails, vous pouvez cliquer sur une icône pour afficher l'article sur la page.

Vue de référence affiche une explication de l'élément que vous affichez.

Le code associé s'affiche en bas de la page.

La vue Aucun style est très utile pour accéder aux erreurs et aux alertes pour les sites de carrières complexes ou les sites avec des en-têtes fixes. La désactivation des styles affiche votre page avec des tables linéarisées. Cette vue présente l'ordre de lecture et de navigation sous-jacent, l'ordre dans lequel les utilisateurs de clavier uniquement et de lecteur d'écran accéderont à la page.

La vue Contraste affiche uniquement les problèmes de contraste sur votre page, en fonction des directives WCAG 2.0. Vous pouvez utiliser les outils du panneau pour modifier le contraste des couleurs jusqu'à ce qu'il reçoive un rapport "pass", et prendre note des couleurs mises à jour qui répondent à ces directives, pour changer le site.

L'onglet Structure affiche les intitulés de la page.

Les balises Meta, également appelées métadonnées, aident à indiquer aux moteurs de recherche et aux utilisateurs de quoi il s'agit sur votre site. Les métadonnées sont utilisées pour décrire des pages individuelles sur un site Web, ce qui permet aux moteurs de recherche de comprendre ce que contient chaque page. Ces données aident les moteurs de recherche à évaluer la pertinence du contenu de la page, déterminant ainsi si une page sera affichée dans les résultats de la recherche.

Résultats du moteur de recherche :

Le titre de la page s'affiche également dans l'onglet du navigateur :

Les métadonnées contiennent trois éléments principaux :

1. Titre de page (ou balise Titre) – Le titre de page de votre site est l'en-tête qui est affiché sous forme de lien bleu dans les résultats de la recherche. Le titre de la page est considéré comme l'élément le plus important de la page pour indiquer aux moteurs de recherche de quoi il s'agit et sur quels mots-clés se concentrer. Les titres doivent comporter au maximum 70 caractères, espaces compris, et doivent commencer par le mot-clé le plus important. En plus des métadonnées à l'échelle du site, chaque page doit avoir un titre et une description uniques.

Description (ou Meta Description) – La description apparaît directement sous le titre et l'URL dans la liste du moteur de recherche. La description de votre page doit contenir des informations similaires au titre de votre page (à savoir un mot-clé ciblé), mais pas exactement la même – elle doit être utilisée pour décrire de manière concise ce qu’est la page Web. La description de la page doit être limitée à environ 160 caractères, espaces compris.

Si vous passez en revue le nombre de mots, la copie ne sera pas affichée sur la page des résultats du moteur de recherche. Veillez également à ne pas utiliser les « trucs de mots-clés » (utilisez le même mot-clé plus d'une fois dans votre description). Une description bien écrite non seulement indique aux utilisateurs ce qui se trouve sur votre page, mais les incite également à visiter votre site. Une description est ce qui s'affiche ici dans les résultats du moteur de recherche. C'est comme un bon habillage de fenêtre. Les sites avec de mauvaises descriptions obtiendront moins de clics, et les moteurs de recherche rétrograderont votre site en faveur d'autres sites. N'utilisez pas de guillemets ou de caractères non alphabétiques. (Google les supprime de la méta-description.)

2. Mots-clés – L'importance d'inclure des mots-clés a diminué ces dernières années parce que les moteurs de recherche ne voient plus la balise de mot-clé comme un facteur majeur lors du classement des résultats. Le seul moteur de recherche qui regarde plus les mots-clés est le Bing de Microsoft, et ils l’utilisent pour aider à détecter le spam. Cependant, il est encore extrêmement important de mener des recherches sur les mots clés, en vous tenant au courant des termes que les visiteurs recherchent afin que vous optimisiez pour ces phrases. L'utilisation de mots-clés dans le contenu est bien plus importante que de renseigner les mots-clés dans les métadonnées.

1 Métadonnées : renseigner métadonnées à l'échelle du site

Les métadonnées à l'échelle du site sont définies dans Paramètres→Configuration du site→Informations sur le site. Ces informations sont utilisées si elles ne sont pas remplacées au niveau de la page. Pour la description, incluez le nom de la société, les fonctions ou les carrières et les postes stratégiques pour lesquels l'entreprise embauche (pour les hôpitaux, par exemple, lister les médecins, le personnel infirmier, etc.). Si la société n'a qu'un seul emplacement, incluez également cela.

2 Métadonnées : renseigner les métadonnées de la page

Des métadonnées uniques doivent être spécifiées pour chaque page du site. Il s’agit d’une pratique de premier plan qui augmente la valeur du SEO.

Pour ce faire, accédez à la page, cliquez sur l'icône d'engrenage et sélectionnez Mots-clés ou Mots-clés meta.

Saisissez des métadonnées uniques pour les pages de :

• Chaque type de page (à l'exception des pages de destination) : Accueil, Contenu et Catégorie
• Chaque paramètre régional, dans la langue appropriée
• Chaque organisation

Sur une page Catégorie pour les jobs de vente, par exemple, incluez une description telle que la suivante : Postuler en ligne pour Best Run Sales Jobs.

Le contenu des pages doit être organisé avec des intitulés. Les pages doivent être structurées de manière hiérarchique, généralement avec un en-tête de 1er degré (− h1→) étant le plus important (généralement les titres de page ou l'en-tête de contenu principal), puis les en-têtes de 2e degré (« h2 »), et ainsi de suite. Dans WAVE, utilisez l'onglet Structure dans la barre latérale pour afficher les en-têtes.

N'utilisez pas la mise en forme du texte, telle que la taille de la police ou la mise en gras, pour donner une apparence visuelle aux en-têtes. Utilisez un en-tête réel (Jusqu'à 1) pour tous les en-têtes de contenu. Les technologies d'assistance et autres navigateurs s'appuient sur le balisage littéral de la page pour déterminer la structure. De même, n'utilisez pas d'en-têtes pour obtenir des résultats visuels uniquement. Par exemple, si vous souhaitez mettre en surbrillance ou mettre en surbrillance un élément de votre contenu qui n'est pas un en-tête, n'utilisez pas d'éléments d'en-tête pour obtenir l'apparence visuelle souhaitée. Utilisez plutôt la taille de la police, le gras ou l'italique.

Les en-têtes de premier niveau doivent contenir le titre le plus important de la page, généralement le titre du document, pour transmettre ce qu'est la page. Le concepteur de site de carrières ajoute automatiquement une balise <h1> pour chaque page, à partir du titre de la page, mais elle n’est généralement pas affichée. Le site est toujours considéré comme conforme aux directives d'accessibilité. La page d'accueil d'un site CSB prend le titre de la page Paramètres→Configuration du site→Informations sur le site, mais elle n'est pas affichée sur la page.

Pour les autres types de page, la balise <h1> est extraite du titre de la page et est masquée par défaut.

Sur les pages Catégorie, cependant, la balise <h1> peut être visible ou masquée.

La balise <h1> est obligatoire sur les pages Catégorie, mais les clients peuvent choisir de la masquer et rester dans les directives.

Les utilisateurs du lecteur d'écran et du clavier naviguent souvent par éléments de titre. Une rubrique vide ne présentera aucune information et peut prêter à confusion. En principe, tout élément ayant un en-tête doit être renseigné, mais vous pouvez le masquer.

Le texte alternatif, également appelé texte alternatif ou balises alt, est utilisé pour décrire les images sur votre page Web. Il est important d'ajouter du texte alternatif aux photos sur votre site Web pour trois raisons principales:

1. Si les images ne se chargent pas : Si, pour une raison quelconque, une image ne s'affiche pas sur une page Web, la balise alt s'affichera à sa place. Cela signifie que les visiteurs de cette page Web comprennent quelle image devrait être là même s'ils ne sont pas en mesure de la voir.
2. Pour les moteurs de recherche : les moteurs de recherche, tels que Google et Bing, explorent régulièrement les pages Web. Il leur est facile de comprendre la copie de texte sur une page, mais les images sont difficiles à lire. C'est là que le texte alt vient jouer. Alt text est utilisé pour décrire aux moteurs de recherche ce que l'image montre, ce qui leur permet de donner aux utilisateurs de meilleurs résultats lors de l'exécution d'une recherche d'image. Le texte alternatif améliore également la valeur SEO du site.
3. Pour les malvoyants : Les malvoyants utilisent des lecteurs d'écran afin de parcourir les pages Web. Ces lecteurs d'écran identifieront et interpréteront ce qui est affiché sur leur écran. Pour cette raison, il est important de transmettre des informations contextuelles dans un texte alternatif qui expliquera l'image plus en détail.

Le texte alternatif doit être renseigné pour toutes les images et dans toutes les langues. Saisissez un texte alternatif unique pour chaque image. Incluez tout contenu unique ou pertinent sur l'image. Ajoutez un texte alternatif à partir de la fenêtre Sélecteur d'images. Vous pouvez l'ajouter lorsque vous chargez une image ou vous pouvez l'ajouter ultérieurement.

Assurez-vous de fournir également un texte alternatif pour les logos.

Lorsque deux images ont le même texte alternatif, cela provoque souvent une redondance ou indique un texte alternatif incorrect. Supprimez les redondances inutiles et assurez-vous que le texte alternatif de chaque image est approprié. La seule fois où vous n’avez pas besoin d’inclure de texte alternatif est lorsque l’image est utilisée comme image d’arrière-plan décorative, comme illustré ci-dessous.

Le texte intégré ne peut pas être lu par les lecteurs d'écran ou les moteurs de recherche. La pratique courante consiste à ne pas utiliser de texte incorporé sur les images. Si le client souhaite conserver les images contenant du texte incorporé, ajoutez un texte alternatif à l'image. Notez que les outils d'accessibilité Web tels que WAVE ne peuvent pas détecter le texte incorporé sur les images.

• Hyperlien texte significatif : Lier à une étiquette « Cliquez ici » est mauvais pour le SEO et mauvais pour les utilisateurs, qui sont implicitement obligés de rechercher plus d'informations sur ce sur quoi exactement ils cliquent. Ajoutez une balise de titre à chaque lien. Les utilisateurs doivent se sentir en confiance lorsqu’ils cliquent d’une page à l’autre.
• Utilisez un style cohérent: Choisissez un design et collez-le. Il ne doit pas y avoir de variation dans la façon dont les liens sont visualisés sur l'ensemble du site.
• Couper le texte bleu sans lien : le bleu est fortement associé à la cliquabilité. Si le texte bleu sur un site n'est pas cliquable, cela se traduit par une frustration. Il en va de même pour le texte souligné : il est fortement associé à des liens.
• Passage de la souris : les liens doivent changer de style au passage de la souris, en soulignant aux utilisateurs qu'ils sont cliquables.
• Remplissage : assurez-vous que les liens ont suffisamment d'espace pour pouvoir être cliqués sur les appareils mobiles.

Si un lien ne contient aucun texte, la fonction ou l'objectif du lien ne sera pas présenté à l'utilisateur, ce qui peut créer une confusion pour les utilisateurs de lecteur d'écran. Le problème le plus courant est l’utilisation du texte intégré sur les images sous forme de lien. Supprimez le lien vide ou fournissez un texte de titre dans le lien qui décrit la fonctionnalité et/ou la cible du lien. Ou ajoutez du texte alternatif à l'image.

Tout ce qui a un lien doit également avoir une balise de titre. Le texte du titre apparaît généralement lorsque l'utilisateur passe la souris sur un lien. Le texte du titre est utilisé pour fournir des informations consultatives; en particulier, il doit indiquer ce que le lien fait réellement. Qu'est-ce qui se trouve spécifiquement sur cette page ? Qu'y apprendrez-vous ? Comme pratique courante, le texte du titre doit être différent du nom du lien, mais il est préférable d'utiliser un texte de titre redondant plutôt que de ne pas le renseigner.

Exemple de lien de page de catégorie :

Dans certaines zones, le produit duplique le texte du lien en tant que texte de titre en arrière-plan, il n'est donc pas marqué comme une erreur d'accessibilité. Il n'y a aucun moyen de modifier cela.

Lorsque des liens adjacents vont au même emplacement (par exemple à une page de produit), cela entraîne une navigation et une répétition supplémentaires pour les utilisateurs du lecteur d'écran et du clavier. Les liens adjacents qui vont au même endroit doivent être combinés ou un lien doit être supprimé. Trois composants de colonne utilisent le même lien pour l'en-tête et l'image, comme illustré ci-dessous. Cela ne peut pas être modifié. Vous pouvez supprimer le lien de l'image ou supprimer l'en-tête et/ou un lien distinct.

Un contraste adéquat est nécessaire pour tous les utilisateurs, en particulier pour les utilisateurs à faible vision. Il s'agit souvent d'un problème pour les couleurs de survol. Augmentez le contraste entre le texte d'avant-plan et la couleur d'arrière-plan à un rapport de contraste supérieur à 4:5:1. Un texte plus grand (plus grand que 18 points ou 14 points en gras) ne nécessite pas autant de contraste que le texte plus petit. Assurez-vous que le rapport de contraste est supérieur à 3:1. Les couleurs de marque de certains clients ne fournissent pas assez de contraste. Nous vous recommandons d'utiliser sur votre site des couleurs qui sont conformes aux directives de contraste.

Ce lien au survol ne fournit pas un contraste suffisant :

...sauf si vous modifiez également la couleur d'arrière-plan du composant, comme indiqué ci-dessous.

Le format de grille de recherche d'origine ne répond pas aux directives d'accessibilité et rend difficile pour les personnes ayant des déficiences visuelles de trouver un emploi sur le site de carrières. Dans la mesure du possible, nous vous recommandons d’activer le modèle de données unifié afin que les candidats puissent utiliser la fonctionnalité de recherche étendue et accessible.

La carte des emplois Google est gérée en externe et ne respecte pas toutes les directives d'accessibilité. Les clients peuvent désormais configurer la carte des emplois Google pour afficher un message auparavant masqué qui n'était lisible qu'à partir d'un lecteur d'écran. À partir du composant Google Map, activez Afficher l'en-tête. Le texte fourni peut être modifié à partir de Outils→Traductions. Cliquer sur le lien ouvre une page renseignée avec une barre de recherche et les résultats de la recherche.

Pour qu'il y ait une expérience utilisateur précieuse, les informations doivent être :

• Utile – votre contenu doit être original et répondre à un besoin
• Utilisable – le site doit être facile à utiliser
• Souhaitable : image, identité, marque et autres éléments de conception
• Constatable – Le contenu doit être navigable et localisable
• Accessible – Le contenu doit être accessible aux personnes handicapées
• Crédible – Les utilisateurs doivent avoir confiance en eux et croire ce que vous leur dites

Optimiser la conversion de site dans deux domaines critiques :

• Candidatures au poste
• Adhésion et croissance de la communauté de talents (créer un compte)

Amélioration de l'utilisabilité :

• Réduisez les retours sur site et limitez l'attrition des utilisateurs dans des domaines spécifiques
• Permettre aux visiteurs de trouver rapidement, facilement et intuitivement des emplois pertinents

Marque de présentation :

• Présenter la marque d'une manière créative et visuellement cohérente avec les directives
• Communiquer les valeurs de l'entreprise

Simplification de la conception, avant et après

Le design « after » dans cet exemple (pas un site de carrières) est beaucoup plus ouvert avec des espaces blancs. Les images comportent un seul produit avec des images haute résolution et des couleurs contrastées.

7 Règles de planification d'un site simple

1. Faites des recherches sur votre public et les sites qu'il visite le plus. Recherchez des études de cas sur les changements de conception de ces sites et sur la manière dont ceux-ci se sont traduits par une amélioration dans des domaines clés.
2. Créez un mashup de tous ces composants qui fonctionnent pour votre propre site.
3. Respectez les règles de la fluidité cognitive lorsque vous concevez votre conception. Mettez les choses là où vos visiteurs se sont habitués à les trouver.
4. Appuyez-vous sur vos propres couleurs, logo et police de caractères pour communiquer clairement et subtilement. N’ajoutez pas de copie et/ou d’images à moins qu’il ne communique quelque chose dont votre visiteur se soucie réellement.
5. Gardez-le aussi simple que possible, c'est-à-dire une grande image au lieu d'un tas de petits, et une colonne au lieu de trois ; utilisez autant d'espace blanc que possible.
6. Vérifiez à nouveau que votre site répond aux attentes du public en matière de prix, d'esthétique, de vitesse, etc.
7. Rappelez-vous que le « prototypique » ne signifie pas que chaque aspect de votre site devrait tenir ce moule.

Source :

https://medium.com/@tommyismyname/why-simple-websites-are-scientifically-superior-168074e9575#.dwy8r9pdx

Utilisez les meilleures pratiques comme base pour offrir une expérience utilisateur fantastique qui oriente efficacement les candidats qualifiés vers la candidature, soutient vos objectifs de recrutement stratégiques et reflète votre marque unique.

L'objectif est d'optimiser la conversion de site et de minimiser le retour sur site dans deux domaines critiques :

• Candidatures au poste : personnes qui cliquent sur le bouton Postuler maintenant
• Adhésion à la communauté de talents : personnes qui s’inscrivent aux alertes d’emploi

• Utilisez un texte à contraste élevé, par exemple du texte noir sur un arrière-plan blanc.
• Sélectionnez une police facile à lire. Les polices Sans-serif (par exemple, Arial, Verdana) sont généralement considérées comme plus lisibles sur le web que les polices serif (par exemple, Times New Roman).
• Voir une liste des polices recommandées pour le Web ici: http://accessibility.psu.edu/fontfacehtml/
• Utilisez des polices de façon cohérente sur toutes les pages.
• 14-16 points est notre recommandation pour que le corps de texte soit le mieux lu sur ordinateur de bureau et mobile.

• Utilisez des mots et des phrases courts et faciles à comprendre.
• Évitez le jargon.

• Atteignez le point le plus rapidement possible. Utilisez la moitié du nombre de mots ou moins que l'écriture conventionnelle.
• Le contenu devrait être esquissable car les internautes ne lisent pas beaucoup. Des études montrent que dans le meilleur des cas, nous ne lisons que 28 % du texte sur une page Web.
• Rupture du contenu long. Les intitulés et sous-titres doivent se distinguer du texte.
• Lorsque vous coupez des informations en blocs, concentrez-vous sur la majeure partie du contenu sur les informations les plus importantes et positionnez-les en haut de la page.
• Utilisez des listes à puces ou numérotées lorsque cela est possible.
• Utilisez des éléments visuels pertinents pour diviser le contenu.

• Prend en charge le contenu de la page
• Met en avant la marque et les valeurs de votre entreprise ; des images bien choisies renforcent votre message
• Évite les photos de stock

• Les images avec un point focal fort captent l'attention de l'utilisateur.
• Utilisez un point focal placé de manière cohérente pour les curseurs d'image.
• Utilisez une sélection diversifiée d'images pour fidéliser les utilisateurs.
• Tenez compte de la diversité en arrière-plan/en avant-plan, sur le lieu et sur le sujet.

• La « zone de sécurité » par composant variera en fonction de la hauteur/largeur de la façon dont elle a été configurée pour s'afficher sur les ordinateurs de bureau, les tablettes et les mobiles.
• Identifiez la « Safe Zone » en visualisant les dimensions finalisées de votre composant sur chaque type d'appareil.

• Permet de la flexibilité pour les éléments de rognage et de superposition supplémentaires dans la mise en forme
• Permet de modifier facilement les images dans une variété de composants et de mises en forme

• Lorsque vous utilisez le composant Grande image, envisagez d'optimiser l'image pour mobile et d'ajouter le composant deux fois, une fois pour le bureau/tablette et une fois pour le mobile.
• Ceci est particulièrement utile s'il y a du texte sur l'image.

• Il incombe au client de livrer des images conformes aux directives. Consultez les recommandations en matière d’images pour la configuration et la gestion de SAP SuccessFactors Recruiting.
• Les images sont généralement fournies en accordant l'accès à une bibliothèque d'images, en vous connectant à un site de photos (similaire à photobucket.com), ou un fichier zip d'images.
• Un minimum de 15-20 images de marque d'emploi haute résolution est requis.
• Les types de médias suivants peuvent être utilisés dans Career Site Builder : GIF, ICO, JPG, JPEG, PNG, SVG. Notez que les images à l'échelle vectorielle (SVG) s'affichent correctement, quelle que soit la taille de l'affichage ou de la mise en forme. Pour cette raison, une seule image SVG de votre logo d'entreprise peut être utilisée pour les mises en page de bureau et mobiles du site de carrières. Si une image SVG doit être redimensionnée, vous pouvez utiliser une application, telle que https://www.iloveimg.com/resize-image/resize-svg.
• Toutes les images du concepteur de site de carrières doivent être orientées en mode paysage et non en portrait.
• Incluez un texte alternatif pour chaque image afin d'améliorer l'accessibilité du site. Voir la section Accessibilité ci-dessus.
• Pour les images d'arrière-plan, choisissez des motifs et des couleurs subtils.
• Le texte sur les images est une pratique Web datée et n'est pas recommandé.
• Les curseurs d'image ne sont pas une pratique recommandée.

• La taille de fichier maximale pour les images est de 500 Ko.
• L'optimisation des images est fortement recommandée car elle diminue la vitesse de chargement, améliorant ainsi les performances du site. Nous vous recommandons de viser une taille de fichier plus proche de 100 Ko.
• Votre ressource média doit exporter les images sélectionnées spécifiquement pour le Web.
• Un programme d'image tel que Photoshop peut être utilisé, ou des compresseurs d'image gratuits sont disponibles sur le Web, comme FastStone Photo Resizer.
• Si vous avez besoin d'aide pour fournir des images prêtes à l'emploi sur le Web, l'équipe de conception Web de SAP peut préparer vos fichiers images. Le temps devra être facturé.

Les images chargées dans Career Site Builder sont hébergées sur le réseau de diffusion de contenu (CDN) Akamai, qui utilise des serveurs à travers le monde pour réduire les temps de chargement des pages.

Selon le composant, pour ajouter une image à la page, cliquez sur Sélectionner image ou +Ajouter, généralement dans l'onglet Styles.

Vous pouvez choisir d'ajouter une image à partir d'une liste d'images que vous avez précédemment ajoutées.

1. Cliquez sur Télécharger l’image.

2. Cliquez sur Sélectionner une image.

3. Parcourez et sélectionnez l'image à utiliser. Cliquez sur Ajouter.

4. Cliquez sur la flèche Retour.

5. Cliquez sur Modifier le texte alternatif, saisissez du texte et cliquez sur Enregistrer.

6. Cliquez sur la flèche Retour et cliquez sur Sélectionner.

Lors de l'ajout d'une image, sélectionnez la Position de l'image souhaitée (comme indiqué à droite). Cette fonctionnalité permet un « point focal » pour qu'une image soit toujours visible quel que soit le navigateur et le type d'appareil utilisés par le candidat. Par exemple, une personne dans l'image sera toujours centrée sur chaque appareil.

Si l'image ne s'affiche pas comme souhaité sur tous les appareils, vous pouvez ajouter plusieurs composants avec des images de tailles différentes à afficher sur chaque type d'appareil.

Si le site nécessite des vidéos ou Flash, SAP a besoin d'un lien vers l'emplacement où les vidéos ou Flash sont hébergés en ligne. Un chemin direct doit être fourni ; par exemple, un lien vers YouTube est souvent utilisé pour les ressources vidéo. SAP n'héberge pas de vidéo ou Flash sur ses serveurs.

Autres conseils vidéo :

• Désactivez la lecture automatique.
• Gardez les vidéos courtes. Entre 30 et 60 secondes sont recommandées.
• Ajoutez un titre et une brève description de la vidéo.

L’optimisation des moteurs de recherche est la pratique consistant à augmenter à la fois la qualité et la quantité du trafic du site Web, ainsi que l’exposition à votre marque, grâce à des résultats de moteur de recherche non rémunérés (« bio »).

Malgré l’acronyme, le référencement s’adresse autant aux personnes qu’aux moteurs de recherche. Il s’agit de comprendre ce que les gens recherchent en ligne et le type de contenu qu’ils souhaitent consommer. Connaître les réponses à ces questions vous permettra de vous connecter aux personnes qui recherchent en ligne les solutions que vous proposez.

Si connaître l’intention de votre public est l’un des côtés de la pièce SEO, le livrer de manière à ce que les crawlers des moteurs de recherche puissent trouver et comprendre est l’autre. Les moteurs de recherche analysent des milliards de contenus et évaluent des milliers de facteurs pour déterminer quel contenu est le plus susceptible de répondre à votre requête. Pour ce faire, ils découvrent et cataloguent tous les contenus disponibles sur Internet via un processus connu sous le nom de « crawling and indexing », puis en le classant en fonction de la correspondance de la requête (« classement »).

L'optimisation des moteurs de recherche est un élément clé de SAP SuccessFactors Recruiting. Nous suivons les meilleures pratiques SEO lorsque nous mettons en œuvre des sites de carrières et travaillons avec nos clients pour obtenir leur emploi devant des candidats intéressés et qualifiés.

Les fonctionnalités incluent :

• Crawler friendly – Pour la plupart des systèmes de suivi des candidats (ATS), les crawlers de moteurs de recherche ne peuvent pas suivre les liens pour accéder aux emplois, de sorte que leurs emplois ne s'affichent pas dans les résultats des moteurs de recherche. SuccessFactors résout ce problème en important des postes depuis l’ATS et en les mettant sur un site adapté aux moteurs de recherche.
• Mises à jour quotidiennes du sitemap – L'un des outils utilisés par les moteurs de recherche pour savoir quel contenu est disponible sur un site est le sitemap, avec des liens vers chaque page. Lorsque SAP SuccessFactors Recruiting exécute sa maintenance nocturne, les sitemaps sont mis à jour avec toutes les modifications apportées à la collecte des tâches ou aux pages de destination.
• Affiner les paramètres SEO dans Career Site Builder – Par défaut, CSB génère une page Offres d’emploi les plus populaires qui répertorie les liens vers les pages de résultats de recherche en fonction des termes les plus fréquemment recherchés. Ce paramètre peut être désactivé pour mieux contrôler la présentation des emplois sur votre site de carrières. Vous pouvez également rétrograder des termes spécifiques à afficher à la fin de l'ensemble de résultats, empêcher les moteurs de recherche d'indexer entièrement des jobs avec certains termes et contrôler si les moteurs de recherche indexent les liens de page de recherche générés par l'utilisateur.
• Pages de catégorie – La création de la valeur SEO pour une page prend du temps – plus de temps que la plupart des offres d’emploi ne le permettent. Lorsque nous créons des sites de carrières clients, nous prenons en compte leurs priorités de recrutement et leur collection de postes pour créer des pages de catégories basées sur des termes de recherche populaires. Nous incluons ces termes de recherche, ou mots-clés, à des endroits stratégiques à la fois sur la page et dans les métadonnées HTML. Alors que les emplois sur chaque page vont et viennent, en créant des pages de catégorie pour héberger les emplois, SAP SuccessFactors Recruiting crée une valeur SEO durable.
• Métadonnées pertinentes – Les moteurs de recherche, les sites d’emploi et les agrégateurs d’emplois utilisent tous différents éléments des métadonnées dans le code HTML d’un emploi ou d’une page. Nous recommandons des informations de métadonnées uniques pour chaque page du site. Nous insérons automatiquement les informations pertinentes dans les balises de titre à partir des métadonnées, afin de nous assurer que nos sources de trafic ont ce dont elles ont besoin pour rendre nos emplois et pages faciles à rechercher.
• Y compris « emploi » à la fin des intitulés de poste : lorsque les candidats recherchent des postes, ils incluent généralement le mot « emplois » dans leur critère de recherche. Inclure « job » dans le titre de la page et dans l’URL permet d’identifier la page comme un travail pour les moteurs de recherche, et comme ces emplois publient sur les pages, ils créent un contenu pertinent et dynamique pour améliorer la valeur SEO des pages.

• Structure URL – L'un des endroits où les moteurs de recherche cherchent à déterminer quel type de mots clés à associer à une page est l'adresse Web, ou URL. La plupart des pages d'un ATS sont renseignées avec des nombres, des symboles et du texte non lié.

  Par exemple : jobDetails.do ?functionName=getJobDetail&jobPostId=140552&localeCode=en-us

• Lorsque nous créons des pages, nous incluons le nom de la page dans l’URL pour améliorer le référencement.

  Par exemple : carriers.SuccessFactors.com/go/Boston-Sales-Jobs/242462/

• Liens « Emplois similaires » sur les pages d’offres d’emploi – Comme les robots d’indexation des moteurs de recherche lisent le bas de chaque page d’emploi, ils rencontrent des liens vers des catégories d’emplois connexes. Comme les segments en bas de page, ces liens augmentent également les mots-clés pertinents et fournissent plus de liens pour les moteurs de recherche.
• Site d'offres d'emploi réactif – Les moteurs de recherche classent les sites non seulement en fonction du contenu, mais aussi de la pertinence du site pour l'appareil sur lequel ils effectuent la recherche. L’utilisation d’un site de carrières réactif améliore le classement de tous les résultats de recherche sur les sites Web.

• Distribution des offres d’emploi – En distribuant les offres sur les principaux sites d’emploi avec des liens vers le site de carrières du client, ces liens entrants améliorent la pertinence et l’importance des emplois. Les sites d'emploi et les agrégateurs les plus populaires et trafiqués aideront à améliorer les classements de vos clients, en particulier lorsqu'ils obtiennent beaucoup de trafic de ces sources.