Comment permettre aux utilisateurs de télécharger de grandes images sur mobile de manière conviviale et optimisée pour le référencement?
C'est ce qui m'arrive.
Actuellement, la version mobile de mon site photo permet aux utilisateurs de visualiser la photo en taille réelle directement dans leur navigateur, même si sa résolution est supérieure à la résolution en pixels matérielle standard que la plupart des téléphones peuvent gérer. Pour cette raison, je dois changer de stratégie pour que les bots adsense ne pensent pas que je relie des pages non compatibles avec les mobiles au site mobile.
La seule idée que j’ai eu jusqu’à présent est de compresser l’image et d’offrir le téléchargement sous forme de fichier compressé. Cela fonctionne très bien pour les utilisateurs d'ordinateurs de bureau, mais je pense que cela peut être un désastre pour les téléphones mobiles, car les téléphones mobiles ont une mémoire limitée, des budgets limités et pourraient ne pas être en mesure de trouver le bon outil de décompression pour les fichiers compressés.
J'ai effectué des tests avec Google Insights sur la vitesse de lecture de toutes mes idées de téléchargement d'images.
Pour l'idée de gzip le fichier, lors de l'accès à l'URL, le navigateur traite des en-têtes similaires à celui-ci:
Last-Modified: Wed, 03 Dec 2014 05:00:00 GMT
Cache-control: max-age=864000,must-revalidate
content-disposition: attachment; filename="Photo2.jpg.gz"
Content-Length: 247064
Accept-Ranges: bytes
Content-Type: application/gzip
Le navigateur de bureau répond correctement en demandant à l'utilisateur d'ouvrir/enregistrer le fichier. Le contenu est correct et le fichier compressé est extractible. Pas de problème là-bas. Cependant, grâce aux informations rapides de Google sur la vitesse des pages, je reçois ce message sur le bureau:
Une erreur est survenue
L'URL a été récupérée, mais rien n'a été rendu. Assurez-vous que l'URL pointe vers une page HTML correctement chargée dans un navigateur Web. Vous pouvez actualiser pour essayer à nouveau. Si le problème persiste, consultez la liste de diffusion de PageSpeed Insights pour obtenir de l'aide.
Cela me semble correct. Alors j'ai ensuite essayé d'essayer un fichier image jpeg lui-même et le navigateur traite ensuite ces en-têtes:
Last-Modified: Tue, 23 Dec 2014 21:57:46 GMT
Accept-Ranges: bytes
Content-Length: 86685
Age: 0
Cache-Control: max-age=2592000
Content-Type: image/jpeg
Chaque navigateur est content d’afficher l’image, mais Google Insights sur la vitesse des pages pose un problème, en particulier lors des tests avec mobile.
Faut-il réparer:
Configurer la fenêtre
Votre page n'a pas de fenêtre spécifiée. Ainsi, les appareils mobiles affichent le rendu de votre page telle qu’elle apparaîtrait sur un navigateur de bureau, en l’ajustant à l’écran. Configurez une fenêtre d'affichage pour permettre à votre page de s'afficher correctement sur tous les périphériques.
J'ai également essayé l'option permettant de transformer l'image en une image à téléchargement forcé, presque comme pour la configuration gzip. Les en-têtes traités sont:
content-disposition: attachment; filename="test.jpg"
cache-control: max-age=864000,must-revalidate
Content-Length: 86685
Content-Type: image/jpeg
Dans cette configuration, les navigateurs sont heureux de proposer cette image sous forme de fichier à télécharger via une fenêtre contextuelle, ce qui est normal, mais ce qui m’a amené à moi, c’est que Google signale le même problème concernant la configuration de la fenêtre.
Je suis curieux. Quel serait le meilleur moyen d’offrir une image téléchargeable en taille réelle à partir d’un site Web mobile sans redimensionner l’image en fonction de l’écran et sans se plaindre de la vitesse de navigation de Google?
Est-ce que je serai obligé d'utiliser la méthode POST et que Google ne se plaint pas, même si le bouton aura un aspect différent du reste du site?
Je souhaite simplifier le processus pour les utilisateurs mobiles sans nécessiter trop d'étapes supplémentaires et/ou d'applications incompatibles avec certains appareils.
Vous pouvez explorer quelques options qui vous viennent à l’esprit - vous ne savez pas laquelle vous conviendrait le mieux, mais vous êtes probablement le meilleur juge pour en décider vous-même:
Comme @closetnoc l'a suggéré, créez des liens JS que Google pourrait ne pas suivre. Cela ne sera pas une option fiable en permanence, car Google devient vraiment persistant avec le rendu et le suivi tardif de JS.
Ajoutez un paramètre spécifique pour la version mobile de l'image, auquel vous bloquez l'accès à Googlebot via le fichier robots.txt.
Utilisez un simple événement déclenché par l'utilisateur, tel qu'une image de capture anti-spam simple, qui empêche le bot de suivre le lien.