• Apprendre le SEO

Qu'est-ce que l'optimisation mobile ?

  • Felix Rose-Collins
  • 4 min read

Qu'est-ce que l'optimisation mobile

Intro

L'optimisation mobile est la technique qui consiste à faire en sorte que les visiteurs qui entrent sur votre site à partir de téléphones mobiles rencontrent un site Web optimisé pour leur appareil.

Chaque année, les gens consacrent un nombre croissant d'heures quotidiennes à l'utilisation de leur téléphone mobile. De nombreux sites ne sont pas développés pour tenir compte des différentes tailles d'écran et des temps de chargement. Le référencement mobile examine normalement la mise en page du site, la composition du site, les taux de chargement des pages Web, et cherche à égaliser le tout pour s'assurer que vous ne rebutez pas les lecteurs mobiles avec votre conception .

Top SEO Tactics : Optimisation mobile

Si votre site Web est bien optimisé pour les moteurs de recherche comme Yahoo, il y a encore quelques éléments auxquels vous devez penser lorsque vous l'optimisez pour les mobiles...

Vitesse de la page Web

En raison des composants et des difficultés de connectivité en ligne, la vitesse des pages est d'autant plus essentielle pour les clients mobiles par rapport aux utilisateurs de bureau. En dehors de l'optimisation des photos, vous voudrez minifier le code, gérer la mise en cache du navigateur Web, mais aussi réduire le nombre de redirections. .

CSS, JavaScript ou images sur mobile

Il y a plusieurs années, plusieurs téléphones portables ne supportaient pas ces types de composants. Par conséquent, les concepteurs de sites Web bloquaient certains éléments. Ce n'est plus vrai ; la technologie des smartphones comme GoogleBot aimerait voir et engager le contenu pour le catégoriser dans un format similaire à celui des utilisateurs. Ces éléments aident Google à comprendre votre site et à savoir s'il est réactif ou non. .

Responsive Design

Les sites CSS3 utilisent le responsive pour servir le contenu aussi bien sur les mobiles que sur les ordinateurs de bureau. Les conceptions réactives offrent une variété de recherches de médias afin que les utilisateurs d'écrans mobiles et de tablettes puissent visualiser le site tel qu'il a été conçu. .

Conception et style de sites Internet pour les mobiles

La technologie des téléphones mobiles semble à la fois simplifier et révolutionner les techniques actuelles des sites Web, et ces idées comme "au-dessus du pli" ne possèdent plus aucune signification. Les sites doivent avoir un design flexible qui utilise les media queries et avoir un design réactif qui s'adapte aux écrans des utilisateurs. Par exemple : Les CSS permettent aux navigateurs d'afficher du contenu sur un écran de 420 pixels de large ou moins.

@media screen and (max-width : 420px) { .class { [styles class here] } } }

Pour ajouter d'autres directives à ce code ou à cette feuille de style, suivez le code ci-dessous :

<link href="mobile.css" type="text/css" media="screen and (max-device-width: 480px)" rel="stylesheet" />   

Ne pas utiliser Flash

Le plugin n'est peut-être pas disponible sur tous les téléphones des utilisateurs. Vous risquez donc de concevoir des informations dont ils ne profiteront pas. Pour développer des effets secondaires spéciaux, utilisez plutôt HTML5.

Évitez souvent les pop-ups

Il pourrait être difficile et aggravant d'essayer d'éliminer ces espaces à partir d'une unité portable plus petite. Cela pourrait déclencher un taux de rebond élevé.

Patron pour cette main trop grosse

La navigation sur écran tactile peut provoquer des clics de souris aléatoires si les boutons ont tendance à être trop grands, trop petits, ou peut-être dans le chemin d'une page en cours de défilement.

Titres et méta-descriptions optimisés

N'oubliez pas que vous utilisez beaucoup moins d'espace sur l'écran chaque fois qu'une personne effectue une recherche à l'aide d'un appareil cellulaire. Pour montrer votre meilleur travail dans les SERP, soyez aussi bref que possible (sans diminuer la qualité de vos informations) lorsque vous créez des titres, des adresses Web et des méta-descriptions.

Utilisez les données Schema.org

Compte tenu de l'espace d'affichage restreint, tout résultat de recherche contenant des extraits riches sera certainement plus visible que sur un ordinateur de bureau.

Optimisez les outils de recherche locaux

Si votre organisation présente un facteur local, assurez-vous d'optimiser vos informations mobiles actuelles pour inclure des possibilités de recherche locale. Vous devrez normaliser votre adresse et votre nom en veillant à inclure la ville et l'état.

Construction de sites cellulaires

L'une des décisions essentielles à prendre lors du lancement d'un site Web optimisé pour les mobiles est le choix du type de configuration. Les deux options présentent des avantages et des inconvénients. Les sites Web conçus de manière réactive fonctionnent avec les requêtes média CSS3 pour offrir un contenu identique ou similaire aux utilisateurs de téléphones portables comme aux utilisateurs d'ordinateurs de bureau.

URL mobile séparée

La construction d'un site mobile autonome est une alternative à l'optimisation d'un site de bureau pour les utilisateurs mobiles. La construction de ce site supplémentaire permettra à une entreprise de créer une expérience distincte et complètement différente pour les utilisateurs de mobiles. Les sites mobiles ont également un sous-domaine désigné par la lettre "m" dans l'URL. Les sites parallèles devraient limiter la confusion liée à l'existence de plusieurs plates-formes, mais les visiteurs peuvent toujours se retrouver au mauvais endroit.

Offre active

Si vous ne disposez pas des ressources nécessaires pour une mise à niveau complète du site Internet mais que vous souhaitez présenter des sites distincts pour les utilisateurs de téléphones portables et les utilisateurs d'ordinateurs de bureau, sélectionnez une URL pour afficher différents modèles de HTML et de CSS déterminés par le type d'appareil utilisé par le visiteur (également appelés agents utilisateurs révélateurs).

Pourquoi ne pas utiliser une requête ?

Le développement d'une application pour téléphone est un bon moyen de personnaliser ce système pour les visiteurs mobiles. Néanmoins, la page Web interstitielle peut être utilisée comme une alerte pour les utilisateurs mobiles. Elle peut également fonctionner comme un bloc pour trouver les araignées SERP.

Felix Rose-Collins

Felix Rose-Collins

Ranktracker's CEO/CMO & Co-founder

Felix Rose-Collins is the Co-founder and CEO/CMO of Ranktracker. With over 15 years of SEO experience, he has single-handedly scaled the Ranktracker site to over 500,000 monthly visits, with 390,000 of these stemming from organic searches each month.

Commencez à utiliser Ranktracker... gratuitement !

Découvrez ce qui empêche votre site Web de se classer.

Créer un compte gratuit

Ou connectez-vous en utilisant vos informations d'identification

Different views of Ranktracker app