En un conception responsable, un site Internet s'affichera différemment en fonction de la taille de l'écran et / ou du type d'appareil, afin de garantir une facilité d'utilisation. Elle s'applique spécifiquement aux petits écrans d'affichage d'appareils mobiles, où une représentation différente de la page est requise.
Antécédents
La conception habituelle d'une page Web est basée sur les écrans du PC, tout comme ils le sont dans un lieu de travail. Ces dernières années, cependant, des appareils mobiles ont été développés avec des écrans nettement plus petits, par exemple des netbooks, des tablettes et des smartphones. Sur un petit écran, les pages Web ont une apparence différente de celle des grands écrans et la facilité d'utilisation (convivialité) est considérablement réduite. La conception responsable réagit de manière flexible à l'appareil correspondant. Une bonne expérience utilisateur sur les appareils mobiles peut être garantie avec une mise en page séparée pour les petits écrans. C'est appelé Expérience utilisateur de téléphone portable. Dans le concept «Mobile First», le Web de téléphonie mobile est d'abord créé, puis des extensions sont faites pour des écrans plus grands.
Motivation
Le nombre d'appareils mobiles augmente et le nombre d'utilisateurs d'Internet accédant à Internet sur ces appareils augmente également. Des conceptions réactives seraient nécessaires pour offrir à ces visiteurs une bonne expérience Web. L'absence d'une bonne expérience utilisateur avec des sites Web courants sur des appareils dotés de petits écrans entraînera des pertes de conversion. L'utilisation d'un design responsable regarder vers le futur, puisque l'offre est activée pour tous les utilisateurs dans une conception facile à utiliser. La communication entre l'opérateur Web et ses visiteurs n'est pas affectée par le type d'appareil utilisé.
Mise en œuvre
Des conceptions responsables peuvent être réalisées avec HTML5 et CSS3. Les demandes de renseignements sont adressées aux médias, avec lesquels des informations peuvent être demandées sur l'appareil en question. Cela inclut des fonctionnalités telles que la taille de l'écran, la résolution et le format, ainsi que des fonctionnalités telles que le clavier, les empreintes digitales, la langue, etc.). Le contenu et la mise en page d'une page doivent être strictement séparés pour que la mise en page réactive fonctionne correctement.
Requête média
D'autres propriétés sont disponibles en même temps que la distinction entre «écran» et «impression»[1].
Cet exemple montre le lien du document HTML vers la feuille de style. En même temps que la spécification «écran», la requête multimédia, ou requête multimédia, contient également une autre restriction, en particulier qu'il doit s'agir d'un format vertical. Le paragraphe respectif du fichier CSS "example.css" ressemble à ceci:
@media all et (orientation: portrait) {…}
Apparence
Grâce à l'utilisation de conceptions réactives, le même contenu est fourni dans un format légèrement modifié pour différents appareils. Des articles décroissants peuvent convenir aux écrans de petite taille. En substance, les éléments existants semblent structurellement différents. Un exemple est le passage du format portrait au format paysage. Les proportions de page modifiées nécessitent une restructuration des éléments, mais leur fonction reste la même. le Le code HTML reste inchangé, seule une feuille de style différente est utilisée.
La hiérarchisation des éléments existants joue un rôle important dans la restructuration du site Web. Il est important de prendre en compte les éléments qui glisseront le long de la page et ceux qui peuvent être supprimés en raison de leur moindre importance. Ce développement prend du temps et laisse place à des mesures de référencement.
Pertinence pour le référencement
Le développement d'un design responsable est très complexe selon la taille du web. Mais une fois développé, il est très facile à maintenir, car le contenu ne doit être créé qu'une seule fois et est activé dans chaque conception. L'effort de développement peut en valoir la peine du point de vue du référencement, car il améliore l'expérience utilisateur des personnes se connectant à Internet avec leur téléphone portable. Cela augmente votre temps passé sur le web, ce qui aura un effet positif sur le positionnement de la page. En dehors de cela, le taux de rebond diminuera, car un portail Web facile à utiliser est reçu positivement. Une conception responsable ne limitera pas non plus l'utilisation du Web aux appareils conventionnels. La relance d'un site web est une bonne possibilité de le proposer avec un design responsive dans le futur.
Une autre réponse au nombre croissant d'appareils mobiles consiste à créer un portail Web distinct pour les utilisateurs mobiles, ce qui n'est pas recommandé du point de vue du référencement. Ce domaine autonome devra être optimisé et maintenu séparément. Il sera à peine lié, vous obtiendrez à peine du jus de lien et il contiendra généralement du contenu en double. De cette manière, le site de téléphonie mobile ne sera pas trouvé par les visiteurs via les moteurs de recherche et donc rarement utilisé.
Le concept de conception responsable conduit à des idées plus avancées pour l'optimisation des mots clés. Les termes de recherche saisis sur un téléphone portable ont tendance à être plus courts et formulés différemment que sur un clavier physique. Ainsi, la différence entre les appareils des utilisateurs pourrait également entraîner une modification des mots-clés.
Google prend en charge et recommande une conception réactive. Un avantage est que Googlebot économise des ressources et peut indexer plus de contenu à partir d'un site Web. En tant qu'exigence préalable, le robot d'exploration aura besoin d'un accès illimité aux fichiers externes tels que CSS et JavaScript.
[Catégorie: Marketing mobile]]
