7 techniques de référencement sur page essentielles pour classer votre contenu
Publié: 2020-11-10Le référencement sur page est un incontournable pour tout blog.
Alors que les techniques de référencement hors page aident les utilisateurs et les moteurs de recherche à découvrir votre site, le référencement sur page garantit que votre contenu se classe réellement.
Vous comprendrez ce que je veux dire dans une minute.
De plus, ne vous inquiétez pas, vous n'avez pas besoin d'être un expert en référencement pour exécuter des stratégies d'optimisation sur la page.
Allons-y.
Table des matières
- 1. Qu'est-ce que le référencement sur page?
- 2. Techniques de référencement sur la page
- 2.1 Insérez vos mots clés cibles aux bons endroits
- 2.2 Optimisez vos images
- 2.3 Intégrer des liens externes vers des sites faisant autorité
- 2.4 Liens internes de l'utilisateur pour répartir le PageRank
- 2.5 Améliorez la vitesse de chargement de votre site Web
- 2.6 Rendre vos pages adaptées aux mobiles
- 2.7 Techniques de référencement sur page moins connues
- 3. Conclusion
Qu'est-ce que le référencement sur page?
En tant que blogueur autodidacte, la première chose que vous apprendrez sur le référencement est qu'il a deux côtés: sur la page et hors page.
Le référencement hors page englobe tout ce que vous faites en dehors de votre site Web, ce qui peut améliorer votre classement.
Les blogs invités sont un exemple de tactique de référencement hors page. Non seulement les publications d'invités vous donneront du trafic de parrainage, mais elles augmenteront également votre classement en renforçant votre profil de backlink.
Cependant, le référencement sur page implique les optimisations que vous effectuez au sein de votre site.
Sans plus tarder, voici une check-list SEO en page qui optimisera votre site de haut en bas.
Techniques de référencement sur la page
Juste une note amicale, les captures d'écran que vous verrez dans cet article sont prises sur WordPress avec l'éditeur Gutenberg.
La raison? Parce que c'est le système de gestion de contenu que j'utilise.
D'autres blogueurs devraient pouvoir trouver des fonctionnalités similaires dans leur plate-forme pour obtenir les mêmes résultats finaux.
Maintenant que nous l'avons éliminé, procédons à l'optimisation sur la page.
1. Insérez votre mot-clé cible aux bons endroits
Je blogue depuis de nombreuses années.
Croyez-le ou non, il fut une fois un temps où les blogueurs devaient simplement spammer des mots-clés partout sur leur site. Ils accédaient à la première page de Google en un rien de temps!
Pour éviter d'être pénalisés, les blogueurs ont utilisé des vérificateurs de densité de mots-clés pour savoir quand ils ont suffisamment utilisé des mots-clés.
Vous pouvez également trouver des guides de référencement qui vous disent de suivre une certaine densité de mots clés - soi-disant pour un effet maximal. Mais comme il n'y a jamais assez de preuves pour les soutenir, même les experts en référencement comme Brian Dean ne se soucient plus d'eux.
Aujourd'hui, il s'agit désormais de faire en sorte que vos mots clés cibles apparaissent aux bons endroits.
Comme l'indique le commentaire de Brian Dean ci-dessus, les 150 premiers mots de votre contenu sont un bon point de départ. En dehors de cela, il y a cinq autres éléments de contenu vers lesquels vos mots clés cibles devraient aller:
Balise de titre
Vous ne pouvez pas oublier la balise de titre de votre contenu si vous souhaitez l'optimiser pour votre mot-clé cible.
Fondamentalement, il s'agit d'un élément HTML qui indique aux lecteurs et aux robots des moteurs de recherche de quoi parle votre contenu.
Pour les utilisateurs de WordPress, tout ce que vous devez savoir, c'est qu'il peut être modifié à l'aide de l'éditeur de publication.
Si vous disposez de la dernière version de WordPress, recherchez le champ « Ajouter un titre ». C'est là que vous devez placer votre titre optimisé pour les mots clés, de préférence vers le début.
Pour votre information, jetons un œil à la page de résultats des moteurs de recherche ou SERP pour «marketing par e-mail».
Notez comment ces sites intègrent le mot-clé dans la balise de titre:
Limite d'URL
Le slug d'URL est un autre élément de contenu qui apparaît dans les SERPs.
Pour être clair, je ne parle pas de l'URL entière affichée sous les titres dans les SERPs et la barre d'adresse du navigateur. Le slug d'URL est plutôt l'extension que vous placez à côté de l'adresse du domaine pour ouvrir une page spécifique.
Oui, c'est un autre élément de contenu qui doit contenir votre mot-clé cible.
Sur WordPress, vous pouvez facilement modifier le slug de l'URL en modifiant le «lien permanent» de l'article. Sélectionnez simplement le titre du message et cliquez sur "Modifier" à côté du champ de lien permanent.
En plus d'avoir votre mot-clé cible, essayez de rendre les slugs d'URL courts et mémorables. Cela permettra à certains lecteurs de retrouver plus facilement votre publication chaque fois qu'ils en auront besoin.
Sous-titres
Vous savez déjà que vous devez mettre des mots-clés dans le corps principal de votre contenu.
Au moins une fois et dans les 150 premiers mots devrait suffire.
Tout au long de votre contenu, vous devez également saupoudrer quelques sous - titres optimisés par mots clés pour améliorer sa valeur SEO globale. Dans le langage HTML, ce sont des éléments de contenu dans des balises telles que «<h2>», «<h3>», etc.
Par exemple, voici à quoi ressemble le sous-titre de cette section en HTML:
Dans l'éditeur Gutenberg, des sous-titres peuvent être créés en ajoutant un bloc d'en-tête. Pour ce faire, cliquez sur le bouton "Ajouter un bloc" et sélectionnez "Titre".
La balise «H1» est généralement réservée au titre principal du contenu. À partir de «H2», en revanche, sont utilisés pour les sous-positions.
C'est pourquoi vous ne pouvez créer des balises H2, H3 et H4 que sur le bloc d'en-tête.
Catégories d'articles
De nombreux guides de référencement oublient de mentionner que les catégories méritent également d'être optimisées pour les mots-clés.
Dans n'importe quel blog, les catégories aident à la fois les lecteurs et les robots des moteurs de recherche à identifier le sujet du contenu. Avec la bonne mise en œuvre, les pages de catégorie peuvent également aider les lecteurs à se déplacer sur votre site et à trouver le contenu dont ils ont besoin.
Vous pouvez créer des catégories sur WordPress en allant dans «Catégories» dans le sous-menu «Articles» . Dès le départ, vous pouvez créer une nouvelle catégorie en entrant un nom et un slug d'URL.
Tout comme les publications réelles, les noms de catégories et les slugs d'URL doivent être optimisés par mots clés. La seule différence est que, avec les catégories, il est préférable d'opter pour des sujets larges au lieu de mots clés à longue traîne.
Par exemple, si vous bloguez sur les jeux vidéo, vous pouvez utiliser des catégories telles que «RPG», «Action», «Horreur» et «Multijoueur».
J'adorerais tout vous dire sur les catégories WordPress, mais c'est un article de blog pour un autre jour.
Meta Description
Pour en revenir aux SERPs, la méta description de la page fournit aux utilisateurs un bref résumé du contenu.
Bien que cela n'ait pas d'impact direct sur le classement d'un site Web, il peut dans une certaine mesure influencer les clics . Ceci, à son tour, affecte le trafic organique qu'une publication peut générer, ce qui déclenche d'autres aspects du classement.
Comprenez ceci: alors que Google a précisé que la méta-description n'affecte pas le classement, les pages principales utilisent des descriptions optimisées par mots-clés.
Pour créer des méta-descriptions sur WordPress, vous aurez besoin de l'aide de Yoast SEO - l'outil d'optimisation des pages pour les blogueurs.
Une fois installé, vous pouvez accéder aux fonctionnalités de Yoast SEO dans l'éditeur de publication. Pour les utilisateurs de Gutenberg, cela peut être fait en cliquant sur l'icône Yoast dans le coin supérieur droit de l'interface.
Cliquez sur "Aperçu de l'extrait" pour afficher l'apparence de votre message sur les SERPs. À partir de là, vous pouvez également modifier directement le titre de votre message, le slug d'URL et la méta-description.
Gardez à l'esprit que si vous utilisez WordPress, un panneau similaire se trouve juste en dessous de l'éditeur.
Lorsque vous écrivez des méta descriptions, veillez à n'utiliser qu'entre 150 et 160 caractères. Plus que cela et votre description peut ne pas s'afficher correctement sur les SERP, car Google tronque le texte pour l'uniformité.
De manière pratique, le plugin Yoast SEO rend un aperçu en direct de votre méta-description au fur et à mesure que vous tapez. Utilisez-le pour éviter d'écrire des méta-descriptions trop longues.
2. Optimisez vos images
En parlant d'endroits où placer des mots-clés, rappelez-vous que les images doivent également être optimisées par mots-clés.
Dans le passé, j'ai écrit sur les meilleures stratégies pour optimiser les images de sites Web pour le référencement.
Lisez attentivement ce message et vous pouvez ignorer cette section entièrement. Quoi qu'il en soit, permettez-moi de répéter tout ce que vous devez savoir sur l'optimisation d'image.
Utilisation de noms de fichiers d'image optimisés
Vous pensez peut-être, comment diable puis-je utiliser des mots-clés sur des images?
Facile - le nom de fichier de l'image et la balise de texte alternatif.
Les deux éléments ne nécessitent aucun outil spécial. Renommer les images, par exemple, devrait être un jeu d'enfant pour vous maintenant.
La question est, comment êtes-vous censé appeler vos images?
Eh bien, en plus de décrire ce que montre la photo, essayez d'inclure vos mots-clés lorsque cela a du sens.
Le but ici est d'être le plus descriptif possible pour aider les moteurs de recherche à comprendre l'image.
Disons que vous avez cette jolie photo du Grand Canyon. Plutôt que de garder le nom « photo_2019_05_10_13-29-01.png », appelez-le « Parc national du Grand Canyon » ou «Photographie de voyage du Grand Canyon».
Lorsqu'il est téléchargé sur WordPress, le nom de fichier de l'image sera automatiquement converti avec des tirets entre les mots. Par exemple, "Grand-Canyon-National-Park.png" au lieu de "Grand Canyon National Park".
Ne vous inquiétez pas, les moteurs de recherche peuvent tout de même comprendre ces noms de fichiers.
Optimisation des balises de texte de remplacement d'image
Outre les noms de fichiers d'image, les balises de texte alternatif ou de texte alternatif doivent également être descriptives et, si possible, optimisées par mots-clés.
Vous pouvez modifier les balises de texte alternatif sur votre bibliothèque multimédia WordPress ou lorsque vous ajoutez des images à votre message. Recherchez le champ « Texte de remplacement » sur le téléchargeur d'images ou la bibliothèque multimédia.
En ce qui concerne les balises de texte alternatif d'image, toute phrase descriptive devrait être acceptable du point de vue du référencement. J'utilise personnellement une approche orientée utilisateur lors de l'écriture de balises de texte alt d'image.
Par exemple, si je télécharge une infographie qui visualise le modèle commercial du marketing d'affiliation, je peux utiliser:
- Comment fonctionne le marketing d'affiliation
- Modèle de marketing d'affiliation
- Comment gagner de l'argent avec le marketing d'affiliation
Compresser vos images
À partir de ce moment, vous devez adopter l'habitude de renommer les images et d'ajouter des balises de texte alternatif.
Il y a juste une autre chose que vous ne devriez pas négliger lorsque vous utilisez des images sur votre blog.
J'en ai parlé lorsque j'ai écrit sur les moyens de réduire les temps de chargement des pages de blog.
En termes simples, vous devez utiliser un outil de compression d'image pour réduire la taille de fichier de vos images. Cela aura un impact considérable sur les performances de votre site Web et, par conséquent, sur le classement des moteurs de recherche.
Pour ce travail, j'ai toujours recommandé Kraken.io - un outil de compression gratuit et sans perte disponible sur le Web. Il utilise une interface Web qui vous permet de compresser des images en vrac sans aucune réduction notable de la qualité.
3. Intégrer des liens externes vers des sites faisant autorité
La rédaction de contenu convivial pour le référencement comporte quelques règles dont vous devez vous souvenir.
Tout d'abord, votre contenu doit être de qualité supérieure afin d'apaiser les lecteurs et les robots des moteurs de recherche.
C'est quelque chose qui nécessite un guide plus détaillé, c'est pourquoi j'ai publié cet article il y a quelque temps.
Ce dont vous devez vous souvenir lors de la rédaction de vos articles, c'est d'intégrer des liens sortants vers d'autres sites.
Que sont les liens sortants?
Dans le monde du référencement, les liens sortants sont considérés comme un signal de pertinence qui aide les moteurs de recherche à déterminer le sujet du contenu. S'ils sont bien faits, les liens externes peuvent également maximiser la valeur que les lecteurs peuvent tirer de votre blog.
Par exemple, je pourrais continuer tout de suite et créer un lien vers l'article de Raelyn Tan sur les outils et les ressources de référencement. La plupart des outils qui s'y trouvent pourraient s'avérer utiles pour appliquer les connaissances que vous apprendrez dans cet article.
Si vous êtes un fidèle lecteur de Master Blogging, vous savez que moi-même, je suis un grand fan de liens externes.
Liens externes: choses à retenir
Voici quelques conseils à retenir sur les liens externes:
1. Ne pas envoyer de spam sur les liens externes
Aussi utiles que soient les liens externes pour le référencement et vos lecteurs, en abuser présente quelques inconvénients.
Voici la chose: les liens externes peuvent certainement détourner l'attention de vos lecteurs de votre contenu.
Plus vous utilisez de liens sortants sur votre page, plus votre public a de raisons de partir.
De plus, les moteurs de recherche perçoivent trop de liens comme un signe que vous vendez intentionnellement des liens. C'est quelque chose auquel tout blogueur qui se respecte ne veut pas être associé.
En règle générale, utilisez moins de cinq liens sortants pour 500 mots dans votre contenu.
Essayez également de les diffuser dans tout votre contenu au lieu de les regrouper dans un seul paragraphe. Cela devrait rendre votre stratégie de liaison externe plus naturelle - comme il se doit.
Peut-être que la seule raison de rapprocher les liens est de répertorier des outils ou des statistiques. Sinon, ils devraient avoir une bonne portion de texte entre eux.
2. Lien uniquement vers des sites faisant autorité
Si vous utilisez des liens sortants pour la pertinence, vous pouvez également créer un lien vers la ressource la plus fiable que vous puissiez trouver.
Dans la plupart des cas, il devrait suffire de sélectionner uniquement les sites de la première page de Google.
Supposons que vous souhaitiez créer un lien vers un article traitant de l'importance du référencement. Une recherche rapide sur Google utilisant le mot-clé « importance du référencement » devrait vous orienter vers les bons sites.
Cependant, si vous ciblez des mots clés impopulaires susceptibles de générer des pages à faible autorité dans les SERP, assurez-vous de vérifier les sites.
Vous ne voulez pas envoyer les lecteurs et les moteurs de recherche vers un contenu de mauvaise qualité.
3. Savoir quand utiliser les liens de non-suivi
Pour ceux qui découvrent le référencement, il existe deux types de liens externes dont vous devez être conscient:
Liens «Nofollow» et «Dofollow».
Je vais vous épargner le jargon SEO et vous dire ceci: les liens dofollow transmettent l'autorité, contrairement aux liens nofollow.
Cela signifie que les liens dofollow ont plus de poids sur l'algorithme Google PageRank, qui influence directement le classement organique d'un site Web.
Si tel est le cas, quel est le but de l'attribut nofollow dans les liens?
L'utilisation de liens nofollow permet également aux blogueurs d'éviter d'être pénalisés pour créer des liens vers des sites de mauvaise qualité ou avoir trop de liens sortants. Cela a du sens si vous examinez un autre site, créez un lien payant ou écrivez un très long article récapitulatif.
Pour créer un lien nofollow, branchez simplement le rel = ”nofollow ” entre les balises <a>.
4. Définissez les liens externes pour ouvrir un nouvel onglet
Une autre façon de conserver l'intérêt de votre lecteur pour votre message consiste à indiquer à tous les liens externes d'ouvrir un nouvel onglet.
Vous n'avez pas besoin d'être un expert en blogs pour savoir pourquoi c'est important.
Si un lien ouvre un nouvel onglet, vous pouvez retenir l'attention du lecteur même après lui avoir montré une nouvelle page.
Pour que les liens ouvrent un nouvel onglet sur WordPress, le moyen le plus simple est d'utiliser la bascule `` Ouvrir dans un nouvel onglet '' . Vous pouvez accéder à cette option lors de l'insertion de liens à l'aide de l'éditeur de publication.
Via HTML, vous pouvez définir des liens pour ouvrir un nouvel onglet avec l'attribut target = "blank" . Cela doit être inséré dans la balise <a> du code de votre page.
5. N'utilisez que des liens externes naturellement
Enfin, vous ne devez jamais insérer de liens sortants pour avoir des liens externes dans votre contenu.
Du point de vue du lecteur, les articles sans liens sortants sont préférables aux articles avec des liens forcés. Cela dit, assurez-vous que chaque lien correspond au contexte de votre message.
Les scénarios typiques incluent des liens vers des sources de données, des outils mentionnés, des explications de termes techniques et d'autres références.
Si vous devez vraiment insérer un lien, attribuez un paragraphe entier ou deux pour expliquer où il va.
Jetez un œil à la façon dont j'insère des liens externes dans mon blog:
4. Utilisez les liens internes pour diffuser le PageRank
Contrairement aux liens externes qui amènent les lecteurs vers un domaine complètement différent, les liens internes vous permettent de les conserver sur votre site.
J'ai écrit sur les liens internes dans ce guide complet, je ne le couvrirai donc pas autant ici.
Regarde ça? Je viens d'utiliser un lien interne pour vous montrer quelque chose d'utile.
C'est ce qu'est le lien interne - donner à vos lecteurs des informations plus utiles à partir de votre propre bibliothèque de contenu.
En plus d'améliorer l'expérience de votre public, les liens internes présentent également des avantages SEO.
Ils transmettent le PageRank à d'autres pages et aident les robots des moteurs de recherche à indexer davantage votre contenu.
Conseils de liaison interne
Pour utiliser pleinement les liens internes, observez des pratiques similaires à celles de la création de liens externes, telles que:
- Définissez les liens internes pour ouvrir un nouvel onglet - Même si vous gardez techniquement des lecteurs sur votre site, les liens internes peuvent toujours profiter à l'utilisateur. La définition de liens internes pour ouvrir de nouveaux onglets garantit qu'ils n'oublient pas pourquoi ils sont venus en premier lieu.
- Utilisez des textes d'ancrage informatifs - Cela peut sembler une évidence, mais beaucoup de débutants l'oublient toujours. Que votre lien soit externe ou interne, les lecteurs doivent savoir à quoi s'attendre de l'autre côté.
- Lien vers des pages connexes - Si vous vous souciez vraiment de l'expérience de vos lecteurs, vous ne les spammerez pas avec des liens vers des pages non pertinentes. Autant que possible, ne liez que vers des publications qui peuvent les aider à atteindre l'objectif qu'ils avaient initialement en tête.
Si vous souhaitez diriger les lecteurs vers des articles peu liés, envisagez plutôt des liens dans votre conclusion ou dans la barre latérale de navigation .
Ici, à Master Blogging, je consolide ces liens sous le panneau "Guides de blogs utiles":
5. Améliorez la vitesse de chargement de votre site Web
Ainsi, vous avez maintenant un contenu incroyable sur votre blog que vous avez hâte de montrer à votre public.
Ils ont également hâte de voir votre contenu - dans le mauvais sens.
À une époque de courte durée d'attention, 20 à 40% des utilisateurs quittent un site qui ne se charge pas en trois secondes.
C'est un nombre énorme, surtout compte tenu de la quantité de travail nécessaire pour générer du trafic.
Vitesse de chargement comme facteur de classement
Étant donné que Google est axé sur l'expérience utilisateur, la vitesse de chargement est également un facteur de classement bien établi pour les SERP et les emplacements d'annonces.
En d'autres termes, une performance lente cause un double coup dur à n'importe quel site. En plus de perdre jusqu'à 40% de lecteurs, cela nuirait également à vos chances d'obtenir des classements élevés.
Heureusement, un site Web lent est une chose à laquelle vous devriez pouvoir remédier si vous êtes un lecteur de blog principal de longue date. Sinon, consultez cette liste de conseils pour réduire le temps de chargement des pages.
Utilisation de GTmetrix comme rampe de lancement
GTmetrix est une excellente alternative à PageSpeed Insights si vous prévoyez d'optimiser les performances de votre site Web.
Il évalue les performances de votre site Web et identifie les facteurs sous-jacents qui pourraient le ralentir.
Pour utiliser GTmetrix, saisissez l'URL de votre site Web dans le champ principal et cliquez sur «Analyser».
Après quelques secondes, GTmetrix vous présentera un rapport de performance complet. Il contient votre score de vitesse global, le temps de chargement total et le nombre de requêtes HTTP traitées.
Ce qui compte vraiment dans le rapport, c'est la liste de recommandations exploitables qui vous aideront à accélérer votre site.
Vous n'avez pas besoin de faire défiler loin pour les trouver:
Si ces recommandations vous ressemblent à des hiéroglyphes, reportez-vous au guide auquel j'ai lié plus tôt - vous ne le regretterez pas!
Vous remarquerez peut-être que l'onglet indique «PageSpeed» au-dessus de ces recommandations. En effet, GTmetrix agrège les informations de PageSpeed Insights pour créer le rapport de performances.
Pourquoi utiliser GTmetrix si les recommandations proviennent de PageSpeed Insights, de toute façon?
Deux mots: plus de données.
PageSpeed Insights n'est pas la seule source de données de GTmetrix. Il recueille également des informations de YSlow, un outil open source qui analyse les performances du site Web en fonction des règles de Yahoo .
De plus, GTmetrix fournit des données supplémentaires telles que le diagramme en cascade , la visualisation des temps de chargement des pages et l'historique des données de performances. Tout cela peut vous aider à surveiller et à affiner vos efforts d'optimisation des performances au fil du temps.
6. Rendez vos pages adaptées aux mobiles
L'aspect suivant du référencement sur page a également un outil Google que vous pouvez utiliser, à savoir le test adapté aux mobiles .
Au cas où vous ne l'auriez pas entendu, Google donne désormais la priorité à la version mobile des sites Web dans le processus d'indexation. Ceci est déployé comme l'initiative d' indexation Mobile-First annoncée en 2018 sur le blog officiel de Google Webmaster.
Bref, se concentrer sur l'optimisation sur la page de la version mobile de votre site n'est plus une option. En fait, il devrait être en haut de votre liste de choses à faire en ce qui concerne le référencement sur la page.
Comment utiliser le test Google Mobile-Friendly
Mobile-Friendly Test peut vous orienter dans la bonne direction en analysant votre site Web et en proposant des suggestions d'optimisation.
Comme PageSpeed Insights, Mobile-Friendly Test ne nécessite que l'URL de votre site Web pour lancer le bal.
Pour démontrer le fonctionnement du test adapté aux mobiles, examinons les résultats du test d'un site non optimisé.
Le pire site Web au monde - conçu intentionnellement pour être terrible - devrait être le candidat idéal.
L'une des choses que j'aime dans le test de compatibilité mobile, c'est sa précision et sa précision.
Cela ne complique pas la tâche avec un tas de mesures. Au lieu de cela, il vous indique à l'avance si votre site est compatible avec les mobiles et répertorie les correctifs indispensables.
Bien entendu, ces recommandations sont accompagnées de ressources utiles pour les non-développeurs.
Dans la section "Ressources supplémentaires" du rapport, cliquez sur "Découvrez comment corriger ces erreurs". Cela vous mènera à la page «Aide de la Search Console» où vous pourrez obtenir plus de contexte sur les problèmes détectés.
Pour vous aider à gagner du temps, voici quelques-unes des erreurs courantes que vous pourriez rencontrer lors du test d'optimisation mobile:
Fenêtre non définie
Dans le développement Web, la propriété «viewport» aide les navigateurs à déterminer les dimensions de page appropriées pour l'appareil actuel de l'utilisateur.
La mise en œuvre de la réactivité sur votre site Web est le moyen le plus pratique de résoudre ce problème. Cela concerne la capacité d'un site Web à repositionner, redimensionner et ajuster automatiquement les éléments d'une page pour une visualisation mobile.
La bonne nouvelle est que la plupart des services de blogging et des systèmes de gestion de contenu modernes intègrent la réactivité mobile dans la plate-forme.
WordPress, par exemple, propose des dizaines de thèmes gratuits et adaptés aux mobiles.
L'inconvénient est que la mise en œuvre manuelle de la réactivité mobile est un travail pour un développeur expérimenté.
Si vous êtes un blogueur de bricolage et que vous souhaitez vous lancer dans un design réactif, jetez un œil à cet article. C'est un guide AZ sur la conception Web réactive par Shay Howe .
Contenu plus large que l'écran
Il y a un inconvénient à expérimenter la conception Web réactive sans aucun arrière-plan de codage.
Cela pourrait entraîner des problèmes inattendus, tels que le problème du «contenu plus large que l'écran».
Si Mobile-Friendly Test détecte ce problème, cela signifie que votre site affiche des éléments en dehors de l'espace de visualisation horizontal par défaut de l'utilisateur. En conséquence, votre public doit faire défiler vers la gauche et la droite pour afficher votre contenu dans son intégralité.
Cela peut sembler anodin, mais cela rompt l'intuitivité de la navigation sur des sites Web à l'aide d'un appareil à écran tactile.
Vous serez également légèrement ennuyé si vous avez l'habitude de ne faire glisser que de haut en bas lorsque vous regardez du contenu sur votre téléphone.
Encore une fois, commencer par un thème adapté aux mobiles dès le départ pourrait facilement éviter ce problème. Vous n'avez plus à manipuler le code de votre site Web pour que tout s'affiche correctement sur les écrans mobiles.
Mais si vous n'êtes pas du genre à reculer devant les défis, souvenez-vous de cette astuce:
Utilisez toujours des valeurs de largeur relative.
Chaque fois que vous définissez des valeurs de largeur pour les éléments de page sur CSS, utilisez des valeurs relatives telles que width: 100%. Contrairement aux largeurs absolues telles que «largeur: 500px», un pourcentage jusqu'à 100% devrait tout conserver à l'écran.
Texte trop petit pour être lu
Tout bien considéré, le problème du «texte trop petit pour être lu» est facile à résoudre.
Comme vous l'avez peut-être deviné, Mobile-Friendly Test présentera ce problème si votre blog utilise des polices trop petites pour les écrans mobiles.
Je ne devrais pas avoir à vous expliquer que la solution consiste à augmenter la taille de la police de votre contenu.
Comment savoir si vos polices sont assez grandes?
En attendant, référez-vous à un outil comme mobiReady pour tester l'apparence de votre site sur différents écrans.
Éléments cliquables trop rapprochés
«Éléments cliquables trop proches les uns des autres» est un autre problème explicite que vous pourriez résoudre vous-même.
Cela signifie que vous n'utilisez pas suffisamment d'espace blanc entre les éléments cliquables tels que les liens, les boutons et les images. Cela rend frustrant pour les utilisateurs mobiles de cliquer ou de «toucher» ces objets et de se déplacer dans votre blog.
Une planification minutieuse de la conception et de la mise en page de votre site devrait aider les utilisateurs, en particulier ceux qui ont de gros doigts, à naviguer sur votre site.
À titre d'exemple, permettez-moi de partager avec vous comment mon site Web affiche les éléments cliquables sur les smartphones.
Remarquez comment le menu de navigation et les boutons de partage passent à une disposition verticale:
Utilise des plugins incompatibles
Avouons-le, très peu d'entre vous utilisent probablement du contenu Flash sophistiqué sur votre blog.
Ne vous méprenez pas, j'admire les blogueurs qui n'ont pas peur d'essayer quelque chose de différent.
Si cela signifie pimenter l'expérience utilisateur et vous démarquer de la concurrence, n'ayez pas peur de «dépasser». Cependant, vos efforts ne doivent pas se faire au détriment de l' accessibilité.
Vous voyez, le contenu Flash est connu pour être incompatible avec la plupart des appareils mobiles Android et iOS. Cela étant dit, les utiliser sur votre blog peut à lui seul tuer l'expérience des utilisateurs mobiles.
Si vous êtes déterminé à améliorer l'expérience utilisateur sur votre blog avec un contenu riche, faites-le avec HTML5. Contrairement à Flash, il est nativement pris en charge par une liste beaucoup plus longue de navigateurs Web.
7. Techniques de référencement sur page moins connues
Voilà.
La liste ci-dessus résume les stratégies dont vous avez besoin pour les dernières mises à jour SEO de cette année.
Tout ce que la plupart des articles, cours et didacticiels SEO mentionnent, de toute façon.
Vous pouvez aller encore plus loin dans vos optimisations sur la page avec les techniques moins connues décrites ci-dessous.
Intégration de vidéos connexes
Parmi les dernières tendances SEO qui entrent cette année, il y a l'importance croissante du contenu vidéo pour les classements organiques.
Les vidéos améliorent non seulement l'expérience globale d'apprentissage des lecteurs et maximisent le temps de séjour. Ils améliorent également le partage de vos publications sur les réseaux sociaux où vous êtes plus susceptible de faire tourner les têtes avec des vidéos bien faites.
Investir dans le contenu vidéo est maintenant plus viable pour les petits blogueurs - grâce aux plates-formes basées sur le cloud comme Animaker. Ces outils suppriment les subtilités de la création vidéo, en particulier avec les formats de base tels que les vidéos explicatives sur tableau blanc et les infographies animées.
Générer plus de commentaires de blog
Croyez-le ou non, les commentaires de blog affectent directement la capacité de votre site Web à générer du trafic organique.
Lisez cet article sur les moyens d'obtenir plus de commentaires sur le blog pour plus de détails. Néanmoins, voici les principaux points à retenir pour susciter des conversations dans vos messages:
- Écrivez en utilisant un ton de conversation pour amener les lecteurs à communiquer
- Créez des listes dans vos articles et demandez aux lecteurs plus de suggestions
- Insérez un CTA ou un appel à l'action avant la fin de vos articles pour encourager les lecteurs à commenter
- Rendre le processus de commentaire du blog rationalisé et accessible
Faites attention au niveau de lecture de votre contenu
Prenez note qu'il existe deux types de blogueurs:
Ceux qui se soucient du niveau de lecture de leur contenu et ceux qui ne le font pas.
Yoast SEO pour WordPress dispose d'un vérificateur Flesch Reading Ease qui mesure à quel point il est «difficile» de lire votre contenu.
Plus votre score Flesch Reading Ease est élevé, mieux c'est. Des scores plus faibles, à l'inverse, indiquent que votre contenu peut être trop difficile à lire.
Pour améliorer le score Flesch Reading Ease de votre contenu, examinez les pratiques d'écriture suivantes:
- Gardez les phrases courtes - Au cas où vous ne l'auriez pas remarqué, 99% des phrases que j'écris ne contiennent que 20 mots ou moins. Je fais cela pour rendre les articles longs beaucoup moins épuisants à lire.
- Casser les paragraphes souvent - Une autre chose que vous remarquerez est que la plupart de mes paragraphes sont extrêmement courts - jusqu'à seulement deux phrases chacun. Si vous pensez que c'est trop, vous pouvez tirer en moyenne seulement cinq phrases par paragraphe.
- Utilisez des mots à syllabes basses - Le test Flesch Reading Ease prend en compte le nombre moyen de syllabes par mot dans une écriture. Pour améliorer votre score, optez pour des mots plus courts et à faible syllabe au lieu de mots complexes, comme «mauvais» au lieu de «insatisfaisant».
Gardez vos titres courts
Dernier point mais non le moindre, le titre de votre article de blog doit être plus que simplement optimisé par mot-clé pour bien fonctionner dans les SERPs.
Les tactiques de base consistent à être orienté utilisateur, à insérer des chiffres et à poser une question qui suscite la réflexion. Vous devriez déjà les connaître - à moins que vous ne soyez un blogueur débutant.
En termes de référencement sur page, cependant, de nombreux blogueurs oublient de conserver les titres de leurs articles entre 50 et 60 caractères.
Tout comme les méta descriptions, Google tronque également les titres de page dans les SERPs. Garder vos titres en dessous de 50 à 60 caractères garantirait à peu près qu'ils seront affichés correctement.
En cas de doute, utilisez l'outil de prévisualisation de la balise de titre de Moz. Tout ce que vous avez à faire est d'entrer le titre que vous souhaitez utiliser et de cliquer sur «Vérifier».
Conclusion
Que diriez-vous de cela - vous avez terminé un autre guide qui rehaussera votre jeu de blog!
Le référencement sur page peut être l'une des choses que nous, les blogueurs à plein temps, trouvons fastidieux. Pourtant, c'est un aspect crucial du blog sans lequel vous ne pouvez pas espérer rivaliser.
Le guide ci-dessus devrait être plus que suffisant pour accélérer votre campagne de référencement sur la page. Si vous avez des questions, des suggestions ou des commentaires en fonction de ce que vous lisez, veuillez laisser un commentaire ci-dessous.
Bonne chance!
