Téléchargé 11 fois
![- 56 -
Code minimum pour une page AMP HTML
<!doctype html>
<html amp lang="en">
<head>
<meta charset="utf-8">
<title>Hello, AMPs</title>
<link rel="canonical" href="http://example.ampproject.org/article-metadata.html" />
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "NewsArticle",
"headline": "Open-source framework for publishing content",
"datePublished": "2015-10-07T12:02:41Z",
"image": [
"logo.jpg"
]
}
</script>
<style>body {opacity: 0}</style><noscript><style>body {opacity: 1}</style></noscript>
<script async src="https://cdn.ampproject.org/v0.js"></script>
</head>
<body>
<h1>Welcome to the mobile web</h1>
</body>
</html>](https://image.slidesharecdn.com/emarketing-seopourmobileplus-160425092011/75/Conference-au-salon-E-marketing-En-2016-Google-et-le-referencement-sont-devenus-mobile-first-56-2048.jpg)
Téléchargé parPeak Ace
Conférence au salon E-marketing | En 2016, Google et le référencement sont devenus "mobile first"
Le document présente Search Foresight, une agence spécialisée en SEO et SEA, qui accompagne ses clients dans l'amélioration de leur visibilité en ligne depuis 1999. Il aborde l'importance croissante de la recherche mobile et les stratégies nécessaires pour optimiser les sites web afin de répondre aux exigences des utilisateurs de smartphones. Enfin, il souligne les évolutions techniques liées au référencement mobile, incluant l'utilisation d'AMP et l'importance d'une compatibilité mobile pour le SEO.
Contenu connexe
Similaire à Conférence au salon E-marketing | En 2016, Google et le référencement sont devenus "mobile first"
Conférence au salon E-marketing | En 2016, Google et le référencement sont devenus "mobile first"
- 1. Search Foresight SEO &Mobile 14 avril 2016
- 2.
- 3.
- 5. - 5 - Notreéquipe de consultants seniors accompagne depuis 1999 nos clients dans le développement de la visibilité leurs marques et leurs plateformes digitales. / l’Agence Search Foresight en bref 65 Experts SEO passionnés +1000 Problématiques gérées +300 Clients actifs 1 Expertise reconnue
- 6. L’acteur de référence duSearch Marketing en France
- 7. EN SEA +95% derenouvellement Une équipe dédiée SEA spécialisée dans la définition de stratégies en référencement payant à forte valeur ajoutée.
- 8. EN SEO 40% dutop 30 des sites français Leaders du E-Commerce, Pure-Players, Distributeurs, Marques de luxe, nous conseillons des sites à forte volumétrie, internationaux, et à fort trafic. xx E-commerce Mobile Refonte/Migration International
- 9. / Une forteexpertise technologique - 9 - CMS E-COMMERCE SEARCH WEB ANALYTICS ENVIRONNEMENT
- 10. GOODIES : MAVISIBILITE ! - 10 - Le bonus : votre courbe de visibilité Envoyez un mail à [email protected] En nous communiquant l’adresse de votre site web Et jusqu’à trois concurrents SearchMetrics L’indice de visibilité est un indice composite qui agrège, les mots clefs pour lesquels le site propose des résultats sur Google, le volume de requêtes et la position des résultats pour ces requêtes sur Google.
- 11.
- 12. / Annonce officiellede Google MAI 2015 12 La montée de la recherche sur mobile « Dans dix pays où Google est utilisé, le moteur de recherche enregistre désormais plus de requêtes de recherche via des Smartphones que via des Ordinateurs. » Source : SearchEngineLand / Google
- 13. / Les recherchessur Smartphones sont sources de conversion - 13 - La montée de la recherche sur mobile Source : Think With Google
- 14. JE VEUX SAVOIR 65%des utilisateurs cherche plus d’information qu’avant (2ans) 66% des utilisateurs cherche sur leur Smartphone quelque chose vu à al TV JE VEUX Y ALLER 2X plus de recherches « alentours » que les années précédentes 82% des utilisateurs de Smartphones l’utilise pour effectuer une recherche d’un business local JE VEUX LE FAIRE 91% des utilisateurs de Smartphones recherche des idées tout en faisant autre chose 100M+ d’Heures de vidéos tutorielles vues sur YouTube aux USA en 2015 JE VEUX ACHETER 82% des utilisateurs de Smartphones consulte leur téléphone « in store » pour savoir quoi acheter 29% de progression du Taux de Conversion Mobile de 2014 à 2015 / Les 4 moments importants générateurs de « recherches » La montée de la recherche sur mobile MOMENTS MOMENTS MOMENTS MOMENTS
- 15. / La recherchemobile touche toutes les activités - 15 - L’étendue de la recherche sur mobile Source : Google/Nielsen
- 16. / Nécessité dedévelopper un environnement cohérent 16 La recherche multidevice Source : Think With Google Recherche débutée sur Smartphone Poursuivie Sur PC Poursuivie Sur Tablette
- 17. / il existe2 modes d’usage multi-écran - 17 - Le multidevice est notre quotidien Usage Séquentiel Passer d’1 écran à l’autre pour effectuer une tâche Usage Simultané Utiliser différents écrans pour un usage complémentaire ou non Multi-tasking – Activités différentes Usage Complémentaire – Activités reliées Source : Think With Google
- 18. / Les Smartphonessont utilisés en même temps que d'autres médias - 18 - Les usages multi-écrans Source : Think With Google
- 19. /La recherche enlangage naturel - 19 - La recherche vocale
- 20. /La recherche conversationnelle -20 - La recherche vocale
- 21. /La recherche conversationnelle -21 - La recherche vocale
- 22. /La recherche conversationnelle -22 - La recherche vocale
- 23. /La recherche conversationnelle -23 - La recherche vocale
- 24. /La recherche conversationnelle -24 - La recherche vocale
- 25. / Evolution desusages - 25 - Application ou site mobile ? …des applications mobiles installées sur son Smartphone sont utilisées quotidiennement. (36 APP en moyenne sont installées sur le mobile) Seulement Source : Think With Google
- 26. / Les utilisateurseffacent souvent les APPs immédiatement après téléchargement - 26 - Application ou site mobile ? Source : Think With Google
- 27. / 1 Appest découverte à 60% en dehors des App Stores ! - 27 - L’ASO : l’App Store Optimization Les facteurs de classements sont différents selon la plateforme.. Mais relativement similaires ! MOTS CLES DANS LE NOM DE L’APP ET DESCRIPTION AVIS NOMBRE DE TELECHARGEMENTS NOTES IMAGES MOTS CLES DANS LE NOM DE L’APP ET DESCRIPTION ET MOTS CLES ITUNES NOMBRE DE TELECHARGEMENTS / INSTALLATION NOTES / COMMENTAIRES SIGNAUX SOCIAUX IMAGES Source : Think With Google
- 28. Une piste efficacepour doper vos téléchargements d’app - 28 - L’app indexing Principe : rendre disponible, via des solutions techniques, le contenu de vos applications dans la recherche mobile de Google ! Vos contenus apparaissent dans les résultats de recherche, avec un lien profond vers votre app ! On peut piloter ce que l’on veut voir indexer ou non Fonctionne en déclarant des patterns d’urls dans le manifeste de l’app, et par des appels aux APIs d’app indexing depuis l’application
- 29. LA PROCHAINE ZONED’AFFRONTEMENT Les assistants personnels - 29 -
- 30. / mieux comprendreles intentions en fonction du contexte pour devancer votre recherche… Des assistants personnels qui répondent aux commandes vocales et font appel à de l’intelligence artificielle - 30 - La guerre des assistants personnels GOOGLE NOW APPLE SIRI WINDOWS CORTANA M de FACEBOOK
- 31. Google Now / Unenouvelle approche dite de « recherche prédictive » - 31 - Google now pousse les informations dont vous avez probablement besoin… sans avoir à les demander
- 32. D’ABORD, IL FAUTQUE LE SITE RÉPONDE A CERTAINS PRÉREQUIS TECHNIQUES SEO pour mobile - 32 -
- 33. 33 Site mobile ousite responsive design ?
- 34. / Approche avecune url unique pour tous les devices 34 Rappel : les différentes solutions
- 35. 35 Le responsive designest recommandé par Google
- 36. - 36 - Ledynamic serving est également OK Un peu plus compliqué à gérer : suppose deux applicatifs webs, deux jeux de code à maintenir et un outil d’aiguillage vers desktop ou mobile Mais peut être 100% compatible SEO
- 37. / Une mauvaisegestion peut ruiner votre SEO - 37 - Attention aux redirections Attention, le code http à renvoyer est 302 et non 301 ! On peut renvoyer une 404 si la page n’existe pas en version mobile ou desktop Mais ce n’est pas l’idéal, car dans ce cas, on risque de se positionner moins bien en version mobile par exemple
- 38. - 38 - Coderesponsive certes, mais un code correct Attention à ne pas bloquer avec le robots.txt les ressources qui permettent à Google de générer la rendition sur les différents dispositifs Attention à ce que vos contenus restent trouvables par Googlebot Vérifier ce que donne vos pages à l’aide de l’outils « Fetchn as Googlebot » de la search console
- 39. - 39 - Elémentsmasqués et SEO Masquer des éléments parce que l’on a pas la place de les afficher sur un écran de smartphone ne pose pas de problèmes (de toute façon : seule la version desktop est indexée). Un code responsive ne crée pas de « cloaking » Mais masquer des éléments sur la version desktop peut poser des problèmes : certains contenus masqués peuvent recevoir un poids plus réduit, voire être oubliés par Google
- 40. - 40 - Lesapproches full API et Angular JS Googlebot explore et indexe de manière préférentielle : Le contenu de la couche HTML Le contenu affiché par défaut par la CSS desktop Et (avec plus de difficulté) le contenu HTML généré par le javascript dans le 1er état de la page CSS Javascript HTML Certaines techniques à la mode génèrent tout le code en javascript pour faciliter la création de pages responsive => Pb de SEO assurés
- 41. / Google gèrede mieux en mieux l’ajax et le javascript - 41 - L’AJAX et Google La méthode de l’escaped fragment est en voie d’obsolescence L’approche employant la fonction « pushtate() » est plus appropriée Mais attention : faire des pages infinies demande d’employer la bonne technique pour le SEO
- 42. Pas de bonsclassements (sur mobile) pour les pages non « mobile friendly » - 42 -
- 43. - 43 - Googledéclasse les pages non compatibles Changement d’algorithme depuis le 21 avril 2015 La compatibilité mobile est devenue un signal Impact : toutes choses égales par ailleurs, entre deux pages classées par Google à la même position, si une page n’est pas compatible mobile, elle sera classée derrière l’autre page Finding more mobile-friendly search results
- 44. - 44 - Vérifiezla compatibilité mobile de votre site https://www.google.com/webmasters/tools/mobile-friendly/ Ne pas regarder pagespeed insights
- 45. - 45 - Deuxièmeétape le 1er novembre 2015 La présence d’insterstitiels de téléchargement d’apps intrusif rend vos pages mobiles non compatibles
- 46. Google pousse lecurseur en avant… - 46 - Troisième étape : début juin 2016 Le boost donné aux pages mobile friendly va devenir plus important
- 47. - 47 - Prochaineétape : les performances ? Testez vos performances avec pagespeed insights https://developers.google.com/speed/pagespeed/insights/
- 48. Y’a-t’il des spécificitésdu SEO pour mobile ? - 48 -
- 49. / Le contenupris en compte est celui de la version desktop - 49 - Il n’y a pas d’index mobile Confirmé encore par Gary Illyes il y’a quelques jours Conséquence : les classements dans les pages de résultats mobiles sont faits en analysant les contenus trouvés dans la version desktop !
- 50. / Seul lespremiers résultats sont visibles - 50 - Soyez au top !
- 51. LES PAGES AMP Les« accelerated mobile pages » - 51 -
- 52. / Aujourd’hui adaptépour les news et les pubs, mais demain ? - 52 - Pages AMP
- 53. / Une réponseà Facebook Instant Articles ? 53 AMP : le projet en bref Accelerated Mobile Pages : une initiative Open Source pour Promouvoir un standard pour construire des pages allégées, optimisées pour le mobile Mettre à disposition un CDN dédié pour accélérer encore l’accès à ces contenus Et proposer une diffusion large de ces contenus par des acteurs majeurs du web Un projet initié par Google et Twitter, présenté officiellement le 8 octobre 2015 AMP est d’ores et déjà implémenté par un groupe d’acteurs majeurs
- 54. / cdn.ampproject.org - 54- Un CDN dédié pour un affichage presque instantané Un CDN (content delivery network) est un ensemble de serveurs : Conservant une version « en cache » de la page Et répartis partout dans le monde, près des utilisateurs Les pages AMP voient donc le temps de téléchargement du contenu réduit de manière spectaculaire (jusqu’à 10 fois)
- 55. - 55 - Despages sérieusement allégées Une page en AMP-HTML contient un code 6 x plus réduit, et 5 fois moins de trackers
- 56. - 56 - Codeminimum pour une page AMP HTML <!doctype html> <html amp lang="en"> <head> <meta charset="utf-8"> <title>Hello, AMPs</title> <link rel="canonical" href="http://example.ampproject.org/article-metadata.html" /> <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1"> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "NewsArticle", "headline": "Open-source framework for publishing content", "datePublished": "2015-10-07T12:02:41Z", "image": [ "logo.jpg" ] } </script> <style>body {opacity: 0}</style><noscript><style>body {opacity: 1}</style></noscript> <script async src="https://cdn.ampproject.org/v0.js"></script> </head> <body> <h1>Welcome to the mobile web</h1> </body> </html>
- 57. / La versionAMP HTML est un doublon de contenus existants - 57 - SEO : attention aux doublons N’oubliez pas la balise canonical sur la page AMP HTML, pointant vers un contenu existant (s’il y’a lieu) Cette approche pose les problèmes habituels avec les doublons, même « canonicalisés » Donc, avant de le faire à grande échelle, il convient de s’interroger sur les gains attendus grâce aux pages AMP
- 58. / http://www.ampproject.org - 58- Pour en savoir plus : Démo : https://g.co/ampdemo Depuis un smartphone évidemment
- 59. TIREZ EN LESCONSÉQUENCES La recherche sur mobile est l’usage dominant ! - 59 -
- 60. / Vos performancesSEO en ont besoin - 60 - Conclusion : faites évoluer vos sites Site responsive, rapide, mobile friendly, avec une ergonomie adaptée au multidevice
- 61.
- 62. Envoyer une demandesur [email protected] - 62 - N’oubliez pas le bonus ! DEMANDEZ VOTRE COURBE DE VISIBILITE ORGANIQUE AVEC LA POSITION RELATIVE JUSQU’À 3 CONCURRENTS ! avec notre partenaire searchmetrics
- 63. Search Foresight Merci ! DESQUESTIONS ? N’HÉSITEZ PAS !
- 64. Twitter : @S4sight Website www.search-foresight.com Email [email protected] Tel: 01 74 18 29 42 Adresse Agence SF : Paris : 55 rue Anatole France 92300 Levallois-Perret Nantes : 10 rue Nicolas Appert 44000 Nantes - 64 - Search Foresight : pour nous contacter