Présentation pour le JoomlaDay France 2017. Joomla est un CMS plein de ressources pour le référencement organique qui possède de nombreuses ressources compatibles avec les tendances SEO: mobile first, les recherches vocales, les médias sociaux, la sécurité ...
Quelques pistes pour les mettre en œuvre à l’aide des propriétés de Joomla, d’extensions et d’outils web.
27. • De plus en plus pris en compte par les moteurs de
recherche
• Diversifier ses sources de trafic
• Générer des adhésions et des partages à partir de
son site
• Automatiser et éditer l'édition de contenu de
Joomla! -> Facebook, Twitter, Pinterest
SOCIAL LINK
51. • Requêtes longues
• La page contient une réponse courte
• Top 5
• Mot clé dans le tille et H1, H2
• <table>, <ol>
• <strong>
• En moyenne 950 mots
• Menu d'ancre interne
• Temps de chargement rapide
POSITION ZÉRO
Le référencement naturel des pages web évolue mais certaines bonnes vieilles recettes sont toujours d'actualité.
L'effet Panda mais aussi Hummingbird (Colibri)
RankBrain et Machine Learning
2015 Rank utilise l’intelligence artificielle pour traduire de grandes quantités de textes en entités mathématiques — appelés vecteurs — que l’ordinateur peut comprendre. Si RankBrain voit un mot ou expression avec lequel il n’est pas familier, la machine peut faire une supposition quant à quel mot ou expression pourrait avoir une signification similaire et filtrer le résultat par conséquent, en le rendant plus efficace pour gérer les requêtes de recherche jamais vues auparavant.” blomberg
Google utilise le machine learning (apprentissage automatique) pour mieux comprendre les requêtes
Mettre en relation les contenus indexés et les requêtes
Les SERP, résultats de recherche sont de plus en plus influencés par le contexte de recherche, Google recherche la pertinence
Répondre aux questions, aux problèmes des internautes
Spécialisé les contenus de façon à ce qu'il correspondent au recherches précises.
Contexte et langage naturel
search engine results page
https://www.anthedesign.fr/referencement/rankbrain-intelligence-artificielle-critere-seo-google/
http://www.miss-seo-girl.com/rankbrain-cerveau-google/
Le nombre de mots d'une page de destination classé parmi les premières positions a augmenté depuis ces dernières années.
Cela montre que le contenu sur les URL proches du haut des résultats de recherche devient de plus en plus détaillé, plus holistique et donc capable de mieux répondre à plus de questions d'utilisateurs.
Les pages se classent bien sous la condition que le contenu ne soit pas seulement long, mais aussi pertinent, signifiant généralement aussi qu'ils classent
http://www.searchmetrics.com/knowledge-base/ranking-factors/
Les mots clés de requête sont moins présents dans les premiers résultats (title, h1, contenu)
Enrichir le contenu rédactionnel
Améliorer le champs sémantiques
Synonymes
On ne recherche plus qu'avec des mots mais également des phrases complètes.
C’est effectivement la façon dont procède les utilisateurs pour formuler leurs questions en parlant à leurs smartphones.
22% des recherches vocales sont des recherches locales et sont liées à la recherche de restaurants ou de boutiques, à la recherche de directions ou encore en lien avec des événements locaux.
Chatbot
Google Allo
Adverbe interrogatifs (questions) Comment, pourquoi
Préposition : par, pour, et , avec …
réunis deux mots le deuxième étant le complément et permet de préciser le lieu, la manière, le temps, le but, l'état, la cause, la matière ou le rang du premier mot.
Outil de recherche de mots clés : http://answerthepublic.com/ (extrait les autosuggestions de Google et Bing)
Rendez vos pages lisibles pour les lecteurs et les robots d'indexation.
Qualité du contenu éditorial
Contenu originale
Articles longs 500 mots et plus
Utilisez des synonymes, utilisez la richesse lexicale de votre thème
Utilisez les mots clés dans les balises HTML : q, strong, ul, ol
Ne pas charger le contenu avec des styles. Ceux-ci doivent être définis dans un fichier séparé la feuille de style.
Utilisez les balises Hn (en-têtes)
Travaillez la sémantique
Donne du sens (sens et structure des contenus)
H1 doit capter l'attention du lecteur quand il est sur la page
Plugin Header Tags
Plan du site extension Firefox web developer
Ajoutez des En-têtes de niveau a vos pages de blogue ou de liste.
Menu > Paramètres d'affichage de la page
La balise title qui permet à Google de savoir tout de suite quel est le sujet de votre page.
Titre unique et descriptif du contenu de la page 60-70 caractères
Par défaut Joomla utilise le titre de l’article
Personnalisable dans les liens de menu : Paramètres d’affichage de la page
En cas d’absence de balise title ou encore dans le cas d’un title non pertinent ou trop court, Google peut lui même choisir un extrait de texte de votre page pour réécrire le titre dans sa page de résultats.
Google peut utiliser le texte d’ancrage :
“Si nous voyons un texte d'ancrage d’un site Web A pointant un lien vers le site B, parfois, nous pouvons prendre, en fonction de la requête de l'utilisateur, ce texte d’ancrage comme titre pour ce résultat de recherche en particulier »
AaseeshMarina
http://www.thesempost.com/how-why-google-rewrites-page-titles-in-the-search-results/
Ne pas renseigner les méta balises description du site et mots clés du site lors de l’installation ou dans Système > Configuration
Description
N’est pas pris en compte pour le référencement mais peut influer sur le critère taux de clics CTR
Article, Catégories : Publication > description
Lien de menus : Métadonnées
Pour Google doit être unique et d’une longueur suffisante.
Google peut la générer ou utiliser celle de l’annuaire : qui bien souvent les réécris.
Deux lignes soit au minimum environ 130 - 150 caractères espaces compris (signes)
Recherche visuelle
Nouvelle interface Google > moins de visite sur les pages
Png
Dimensions (résolution 72 97 dpi)
Nom du fichier
Attribut alt
Proche des mots clés
Optimiser les images:
https://extensions.joomla.org/extensions/extension/core-enhancements/performance/imagerecycle-image-optimizer/
Extensions gratuite
Quel est le deuxième moteur de recherche au monde???
Depuis 2009
Rich Snippets, extraits enrichis
Info complémentaire dans le snipet extraite de la page: vote sur les articles, date événement, …
Augmentent le taux de clics CTR
https://developers.google.com/search/docs/guides/search-gallery
https://search.google.com/structured-data/testing-tool
Schema.org
https://extensions.joomla.org/extension/google-structured-data-markup/
Depuis 3.2 Joomla intègre les balises schema.org (item-page) et utilise la bibliothèque Jmicrodata.
Dépend du template. Ok dans Protostar. Même le système de vote.
Paramètres des Articles ou liens menus
Outil Google si rien n'apparait à droite, le Template ne prends pas en charge
Permet également de modifier les erreurs
Entrez directement les balises dans le code de l’article ou surchargez votre template
Attribut de type: itemscope itemtype="http://schema.org/Article"
https://docs.joomla.org/Microdata/fr
https://www.ostraining.com/blog/joomla/microdata-articles/
Plugin JCE inclus maintenant dans JCE Pro 2.6.x
Google structured data Markup 19€
nombre de signaux sociaux par page d’atterrissage
Facebook, comparé avec les autres réseaux sociaux, montre des signaux relativement élevées dans la
première page de résultats de recherche.
Audit de nombreux critères comme le nombre de liens de réseaus sociaux sur la page
Facebook Open Graph Tags
Tags Exist No open graph tags were detected.Some Advice!
Facebook's open graph meta tags help you depict your site the way you want it when it appears on Facebook.
Twitter cards tag
https://zadroweb.com/seo-auditor/
Audit de nombreux critères comme la présence de réseaux sociaux sur le site
Trafic qualifié mais liens nofollow
Les RS développent des signaux positifs pour Google: trafic, popularité,
Social Link:
Les moteurs de recherche accordent une attention particulière à l'intérêt qu'il y a à propos de votre site Web sur les sites Web sociaux et classeront les sites en fonction de cela. Il est important de vous assurer que vos pages sont bien connectées via des sites Web sociaux.
De plus en plus de contenus en provenance des réseaux sociaux sont indexés par Google
Paramétrer l'API FACEBOOK
Quelle est la principale différence entre AutoTweetNG et Joocial?
AutoTweet est principalement orienté pour l'auto-affichage non assisté. Il suffit de continuer à utiliser Joomla! Comme d'habitude, la création d'articles ou d'autres éléments de contenu.
D'autre part, Joocial possède toutes les fonctionnalités d'AutoTweet ainsi que des fonctionnalités avancées pour la gestion sociale. Par exemple, Joocial a un «agenda de publication» pour répéter les postes, ou «heures de travail» pour définir quand votre auditoire est en ligne. Dans un scénario réel, un éditeur peut créer un nouvel élément de contenu et définir l'impact social en associant les attributs des médias.
Enfin, Joocial + Composer App est la solution ultime de médias sociaux pour Joomla !. Il apporte toutes les fonctionnalités pour l'auto-affichage, l'édition sociale (agendas, evergreens, ordonnancement, etc) et une application mobile innovante, l'application Composer . Composer App intègre les messages avec toutes les chaînes sociales mobiles, comme Facebook, Gazouillement, Google+, Instagram, Pinterest, WhatsApp (ou toute autre application ).
ttp://www.extly.com/autotweet-ng-pro.html
u-delà de l'auto-affichage, Auto Tweet NG PRO fournit les bons outils pour guider le contenu dans le processus de publication: les filtres et les règles, RSS Feeds grabber, périodiques Cron Job (Tâche planifiée) , re-programmation du contenu et l'intégration avec plus de 60 Joomla! Extensions d'application à un nombre illimité de canaux.
En bref: Caractéristiques principales d'AutoTweet
Panneau de contrôle Un tableau de bord opérationnel pour avoir une vue rapide de vos actions de médias sociaux. Compositeur social Un éditeur suprême pour créer vos messages. Composer vous permet de profiter de la stratégie conçue pour les postes sociaux automatisés et manuels. Par conséquent, tous les postes sociaux suivent la même planification pour atteindre un degré plus élevé de cohérence. Demandes et messages Toutes les activités peuvent être gérées et surveillées. Les demandes et les messages peuvent facilement être annulés, répétés ou reprogrammés. Règles Pour mettre en œuvre un plan social suprême, les règles fournissent une méthode pour organiser le contenu, le personnaliser et le distribuer selon des canaux sociaux hétérogènes. Par exemple, AutoTweet peut appliquer des règles par catégorie, auteur, langue, mots ou expressions régulières. Chaînes Les canaux sociaux définissent le principal domaine d'intégration de votre contenu aux réseaux sociaux. Dans cette zone optimisée, les autorisations requises sont simplement accordées en fonction de votre profil de compte.
Types de canaux pris en charge dans AutoTweet
Profil Facebook , Groupe, Lien, Page et Photo
Chaînes Twitter
Profil de LinkedIn , société et groupe pour partenaires
Profil VK ou canaux communautaires (Groupes, Pages, etc.)
60+ Plug-ins sociaux Le plug-in AutoTweet implémente le plus grand Joomla! Écosystème pour les réseaux sociaux. Le hub social est en dehors de la gamme d'autres solutions de partage, y compris tous les plug-ins dans un package pratique. RSS Feeds grabber Pour enrichir votre auto-affichage à partir de contenu natif, RSS Feeds grabber fournit un coup de pouce à des calendriers sociaux ajoutant des postes complémentaires aux principaux sujets. En outre, si vous cherchez plus, vous pouvez profiter de plus de réseaux sociaux (JomSocial, Scoop.it ou Tumblr), post-programmation, répétitions, postes à feuilles persistantes et un gestionnaire virtuel, vous pouvez facilement mettre à niveau Joocial .
4 principales méthodes pour rendre votre site mobile
Accelerated Mobile Page
Dynamic Serving: configuration dans laquelle le serveur diffuse un code HTML et CSS différents sur la même URL en fonction du user-agent qui demande d'accéder à la page.
Separate URLs: chaque URL du site pour ordinateur possède une URL équivalente qui permet d'afficher du contenu optimisé pour les mobiles. Ex www.example.com et des pages correspondantes sur m.example.com.
Une balise link fait la relation
Le responsive design:
Il est recommandé par Google
Il n'a pas de risques SEO
C'est le plus facile à mettre en œuvre
Il est compatible avec d'autres méthodes
https://varvy.com/mobile/
Configurer Viewport après head
Utiliser des tailles de police lisibles
Taille et espacement des liens, boutons, formulaires, … (éléments du site sur lesquels l'utilisateur interagit,
au moins 48 pixels de dimension et 32 px d'espacement (selon Google)
Taille des contenus (images, modules, 300px)
Evitez les plugins (flash, …)
Evitez les polices interstitielles
https://developers.google.com/webmasters/mobile-sites/?hl=fr
Que faire après avoir corrigé:
https://search.google.com/search-console/mobile-friendly?utm_source=mft&utm_medium=redirect&utm_campaign=mft-redirect first
Puis soumettre la page à Google
accélérer la vitesse de chargement des pages en rendant instantané l’affichage de page web sur mobile.
Google veut en faire un standard pour les mobiles, après les sites d'actu se développe pour le E commerce, blogs
https://storejextensions.org/extensions/jamp.html
Activer la réécriture des urls
https://www.ampproject.org/fr/
Tester les pages
! Activer le mode normal
Favoriser les sites qui chargent plus rapidement sur mobile (déjà le cas pour les desktop)
La vitesse de chargement sur mobile sera bientôt un signal pour le classement des pages mobiles. Gary Illyes, l’un des porte-paroles de Google
Projet Google: Index spécifique au mobile
étude de Google conduite sur plus de 900 000 sites
53% des visiteurs d’une page mobile quittent cette page si celle-ci ne se charge pas en moins de 3 secondes.
https://www.thinkwithgoogle.com/articles/mobile-page-speed-new-industry-benchmarks.html
https://gtmetrix.com
Yslow projet open source extension pour navigateurs: Chrome, Firefox, Safari, Opera, …
http://yslow.org
Afficher que certains éléments
Template
module manager de NoNumber
https://developers.google.com/speed/pagespeed
Performances pour mobiles
Correct à partir de 85
Sécurité rapidité
2 fois plus rapide
Alerte et incitation dans J 3.7
Configurer le cache de Joomla
Activer le plug-in système
totalité des pages en incluant les composants, les modules, les plugins et le template.
cache du navigateur, à chaque fois qu'une personne visite une de vos pages (ou une image), son navigateur en fait une copie.
Configuration / Système :
Activer le cache
attention certaines extensions ne sont pas compatibles, tester!
Cache conservateur : le premier niveau de cache. Permet de choisir les modules qui sont mis en cache. Vous pouvez vous connecter à chaque module et les régler individuellement dans les "paramètres avancés". La mise en cache conservateur est plus adaptée pour les sites fréquemment mis à jour - vous pouvez ainsi supprimer la mise en cache de vos modules dont le contenu est dynamique.
Cache progressif : le plus haut niveau de cache, incluant celui des modules. Ce réglage affecte tous les modules et remplace tous les paramètres individuels de cache à l'intérieur des modules. Cependant, ce type de cache ne convient pas aux très grands sites et aux sites qui sont mis à jour peu fréquemment.
Activer la compression Gzip
Gestion des plug-ins : plug-ins
Plugin JCH Optimise
https://www.jch-optimize.net
https://extensions.joomla.org/extensions/extension/core-enhancements/performance/scriptmerge/
jbetolo
Optimiser le cache du navigateur avec HTACCESS
Délais d’expirations des fichiers images, audios …
########## Begin - ETag Optimization
## This rule will create an ETag for files based only on the modification
## timestamp and their size. This works wonders if you are using rsync'ed
## servers, where the inode number of identical files differs.
## Note: It may cause problems on your server and you may need to remove it
FileETag MTime Size
########## End - ETag Optimization
########## Begin - Automatic compression of resources
# Compress text, html, javascript, css, xml, kudos to Komra.de
# May kill access to your site for old versions of Internet Explorer
# The server needs to be compiled with mod_deflate otherwise it will send HTTP 500 Error.
# mod_deflate is not available on Apache 1.x series. Can only be used with Apache 2.x server.
# AddOutputFilterByType is now deprecated by Apache. Use mod_filter in the future.
AddOutputFilterByType DEFLATE text/plain text/html text/xml text/css application/xml application/xhtml+xml application/rss+xml application/javascript application/x-javascript
########## Begin - Optimal default expiration time
## Note: this might cause problems and you might have to comment it out by
## placing a hash in front of this section's lines
# Enable expiration control
ExpiresActive On
# Default expiration: 1 hour after request
ExpiresDefault "now plus 1 hour"
# CSS and JS expiration: 1 week after request
ExpiresByType text/css "now plus 1 week"
ExpiresByType application/javascript "now plus 1 week"
ExpiresByType application/x-javascript "now plus 1 week"
# Image files expiration: 1 month after request
ExpiresByType image/bmp "now plus 1 month"
ExpiresByType image/gif "now plus 1 month"
ExpiresByType image/jpeg "now plus 1 month"
ExpiresByType image/jp2 "now plus 1 month"
ExpiresByType image/pipeg "now plus 1 month"
ExpiresByType image/png "now plus 1 month"
ExpiresByType image/svg+xml "now plus 1 month"
ExpiresByType image/tiff "now plus 1 month"
ExpiresByType image/vnd.microsoft.icon "now plus 1 month"
ExpiresByType image/x-icon "now plus 1 month"
ExpiresByType image/ico "now plus 1 month"
ExpiresByType image/icon "now plus 1 month"
ExpiresByType text/ico "now plus 1 month"
ExpiresByType application/ico "now plus 1 month"
ExpiresByType image/vnd.wap.wbmp "now plus 1 month"
ExpiresByType application/vnd.wap.wbxml "now plus 1 month"
ExpiresByType application/smil "now plus 1 month"
# Audio files expiration: 1 month after request
ExpiresByType audio/basic "now plus 1 month"
ExpiresByType audio/mid "now plus 1 month"
ExpiresByType audio/midi "now plus 1 month"
ExpiresByType audio/mpeg "now plus 1 month"
ExpiresByType audio/x-aiff "now plus 1 month"
ExpiresByType audio/x-mpegurl "now plus 1 month"
ExpiresByType audio/x-pn-realaudio "now plus 1 month"
ExpiresByType audio/x-wav "now plus 1 month"
# Movie files expiration: 1 month after request
ExpiresByType application/x-shockwave-flash "now plus 1 month"
ExpiresByType x-world/x-vrml "now plus 1 month"
ExpiresByType video/x-msvideo "now plus 1 month"
ExpiresByType video/mpeg "now plus 1 month"
ExpiresByType video/mp4 "now plus 1 month"
ExpiresByType video/quicktime "now plus 1 month"
ExpiresByType video/x-la-asf "now plus 1 month"
ExpiresByType video/x-ms-asf "now plus 1 month"
########## End - Optimal expiration time
Ou
<IfModule mod_expires.c>ExpiresActive OnExpiresDefault "access plus 1 seconds"ExpiresByType text/html "access plus 600 seconds"ExpiresByType text/css "access plus 604800 seconds"ExpiresByType text/javascript "access plus 216000 seconds"ExpiresByType application/xhtml+xml "access plus 600 seconds"ExpiresByType image/jpeg "access plus 2592000 seconds"ExpiresByType image/png "access plus 2592000 seconds"ExpiresByType image/gif "access plus 2592000 seconds"</IfModule>
Test gzip:
http://checkgzipcompression.com
Optimiser les images:
https://extensions.joomla.org/extensions/extension/core-enhancements/performance/imagerecycle-image-optimizer/
Alertes Chrome
Google chrome et utilisé par 48% des internautes
La version 62 de Google Chrome, prévue pour Octobre 2017 affichera un nouvel avertissement « Non sécurisé » lorsque les internautes renseigneront des champs de recherche ou des champs de formulaire sur des sites internet non HTTPS
https://support.google.com/webmasters/answer/6073543?hl=fr
Let’s Encrypt Cpanel Siteground
Utilisez un serveur Web qui accepte le mécanisme HTTP Strict Transport Security (HSTS),
certificats avec une clé de 2 048 bits.
! Utiliser des URL relatives
Configuration > Serveur > Paramètres du serveur > Forcer HTTPS
Sauf chez OVH!
OVH
Après RewriteEngine On
RewriteCond %{HTTPS} off
RewriteRule (.*) https://%{HTTP_HOST}%{REQUEST_URI}
Ou
RewriteEngine On
RewriteCond %{SERVER_PORT} 80
RewriteRule ^(.*)$ https://www.votredomaine.fr/$1 [R,L]
On change d’adresse c’est un véritable déménagement
Le compteur des réseaux sociaux sera mis a zéro
.htaccess
Quand une URL a été modifiées mais que la pages est restée la même
utiliser le code « HTTP 301 : moved permanently » pour avertir du changement définitif d’adresse de la page.
Attention aux liens absolus de type http://monsite.fr/mapage.php
Extension ReDJ ou SH
Requêtes sous forme de question: comment, pourquoi,
Google propose des résultats directement aux requêtes des internautes.
Inconvénient: moins de visites sur ces pages.
Pas de code
Position zero
Featured snippet (extrait optimisé) Spécifique
Lors d'une recherche vocale, le Featured snippet est le seul résultat qui est lu.
https://support.google.com/webmasters/answer/6229325?hl=fr-FR
https://yellowdolphins.com/publications/position-zero-en-seo/
https://support.google.com/webmasters/answer/6229325?hl=fr-FR
Microdata Generator – Outil SEO gratuit
Requêtes longues 6mots et +
La page contient une réponse courte +- 50 mots en générale en tête de page
La page est souvent positionnée en Top 5
Mot clé dans le tille et H1, H2
contient en moyenne 22% plus souvent de tags <table>, <ol> que les résultats standard
En moyenne 950 mots
Menu d'ancre interne peut influencer
Temps de chargement rapide