Le cours ultime pour apprendre le SEO

::: illustration ![](https://code-garage-strapi-bucket-production.cellar-c2.services.clever-cloud.com/nicolasbrondinbernard_A_Shopping_tag_100_white_background_Sty_b202e051_2c58_4533_9673_09eb3d20cdf2_850ab485b0.png) ::: Il y a énormément de choses différentes que l’on va pouvoir faire pour optimiser le référencement de son site ! > C’est d’ailleurs le sujet du prochain chapitre… **Mais il n’y a qu’une seule chose qui est in-dis-pen-sable** pour que vos pages puissent être référencées : Compléter leurs [métadonnées](https://code-garage.fr/blog/qu-est-ce-qu-une-metadonnee). Dans les métadonnées à ne pas oublier, on a : - Le titre - La description - La langue - L’encodage Si l’une de ces données est mal renseignée, **votre page risque de partir dans les abîmes du web !** ### Le titre Le titre de votre page web est crucial car **il apparaît à deux endroits importants** pour les utilisateurs… Dans les résultats des moteurs de recherche : ![title-search.JPG](https://code-garage-strapi-bucket-production.cellar-c2.services.clever-cloud.com/title_search_27948ca564.JPG) Et dans l’onglet du navigateur : ![title-tab.JPG](https://code-garage-strapi-bucket-production.cellar-c2.services.clever-cloud.com/title_tab_489aa60c0c.JPG) > Votre titre doit donc être à la fois **attractif, informatif et unique !** > Voilà quelques conseils : - Votre titre doit être **unique** (au sein de votre site) - Soyez bref mais **descriptif** - **Évitez les titres génériques** ou trop vagues - Mettez une **majuscule** en début de phrase - Créez quelque chose **d’attractif**, mais sans être “*putaclic*” - Essayez de coller à **la recherche** des utilisateurs - Ajoutez vos **mots-clé les plus pertinents** - Restez au maximum **en dessous de 60 caractères** **Une fois votre titre rédigé**, ajoutez-le grâce à la balise ci-dessous (à l’intérieur de la balise de votre page) : ```html Le cours ultime pour apprendre le SEO ``` > Faites bien attention à n’avoir qu’une seule balise `` par page ! ### La description Contrairement à votre titre, **la description sera utilisé UNIQUEMENT dans les résultats de recherche** et n’apparaitra nul par ailleurs. > Il faut donc l’optimiser pour **donner envie aux utilisateurs** de cliquer sur le lien ! Quelques conseils pour rédiger une description efficace : - Rédigez entre 1**00 et 155 caractères maximum** - Utilisez la forme de **parole active** (évitez les verbes à l’infinitif) - Ajoutez un **call-to-action** - Assurez-vous que la description **correspond au contenu** de votre page Comme pour le titre, cette balise ira dans votre <head> : ```html <meta name"description" content="Apprenez toutes les bases du SEO pour optimiser votre référencement naturel et faites ressortir votre site sur les moteurs de recherches"/> ``` > À noter que les moteurs de recherches ne montrent pas toujours votre description… **Ils peuvent aussi la remplacer par une partie du contenu de la page** si ce dernier correspond mieux à la recherche de l’utilisateur ! ### La langue Que vous proposiez plusieurs langues sur votre site ou non, il est important d’**indiquer aux moteurs de recherche et aux navigateur la langue de votre contenu !** **L’attribut “lang” de la balise <html>** vous permet d’indiquer la langue ET la culture ciblée (pour les dialectes), comme ceci : ```html <html lang="fr_FR"> ... </html> ``` > La liste des **codes de langues/cultures** est disponibles ici : [http://www.lingoes.net/en/translator/langcode.htm](http://www.lingoes.net/en/translator/langcode.htm) ### L’encodage Pour l’encodage, cela correspond au système de valeurs binaires utilisé pour **représenter du texte par un ordinateur.** **Si votre encodage n’est pas correct**, vous risquez d’avoir des accents (et autres caractères spéciaux) manquants. Il suffit de rajouter la balise suivante : ```html <meta charset="utf-8"> ```</article></body></html>