Une balise Meta c’est quoi ?
Les balises META sont utilisé pour indiquer des métadonnées (metadata) dans une page généré en language HTML.
Les balises Meta doivent être placé entre les balises HEAD du code source de toutes vos pages Web, et ne sont pas visible sur votre site internet. Les métadonnées sont destiné aux moteurs de recherche, navigateurs Web et robots qui parcours le Web à la recherche d’informations pour les référencer.
Exemple de balises Meta :
|
1 2 3 4 5 6 7 8 |
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Titre de la page</title> <meta name="description" content="Description courte de la page et son contenu."> <meta name="keywords" content="mots clés, balise, meta, meta tags, html"> <meta name="author" content="Prénom Nom"> <meta name="copyright" content="Prénom Nom - Entreprise - http://www.site-web.fr/"> <meta name="language" content="fr"> <meta name="robots" content="index,follow"> |
Les balises Meta c’est important pour le référencement ?
Biensur, puisqu’elles servent à {référencer|classer|répertorier} votre site internet et mieux identifier les différents types de contenus. Pour être bien référencé dans les moteurs de recherche il faut vous démarquer de vos concurrents et ce n’est pas parce qu’ils n’utilisent pas certaines balises qu’elles sont inutiles…
Attention aussi aux consultants SEO qui disent que tel ou tel balise n’est pas importante juste par que Google ou d’autres moteurs ne la prennent plus en compte… Toutes les balises encore utilisé ne serais ce que par certains moteurs, navigateur ou robots sont importante. Etre mieux référencé dans Google est important mais maîtriser sa visibilité sur le Web doit rester votre priorité !
Il est logique que si des sites internet vous référencent (avec ou sans votre accord) (avec ou sans actions de votre part) vous avez plus de visibilité sur Internet.
Il est possible que les critères de sélection pour être référencé sur un site soit la présence et la validité de tel ou tel balise Meta qui ne vous référencera pas si vous ne l’avez pas.
Sans certaines balises votre site internet n’as donc pas la présence sur le web qu’il devrait avoir !
Alors oui les balises Meta c’est très important de prendre le temps de bien les renseigner.
La liste des balises META et comment les utiliser
Notre premier réflexe pourrais être d’aller chez Google pour voir ce qu’il en disent : Les balises Meta acceptées par Google voir de visionner cette vidéo de Matt Cutts ancien responsable du spam actuel de chez Google :D
Attention au titre qui peu vous induire en erreur…
Balises Meta “acceptées” par Google
Ils auraient du écrire : Balises Meta “reconnues” par Google, car on pourrait penser que certaines sont “acceptées” et que d’autres sont “interdites” mais ce n’est pas le cas. Google en utilisent certaines pour différents cas et il ignore officiellement les autres mais là aussi nous ne sommes pas sûr… Chez Google, on {aime jouer sur les mots|fait comme ca nous arrange} avec les consultants SEO… Quant Google dit “Cette balise n’est plus prise en compte dans l’algorithme” c’est peu être simplement pour limiter les abus avec cette balise mais en réalité elle continu peut être à leur servir pour mieux répertorier les sites si elle respecte certains critères que Google préfère garder secret.
Les balises Meta conseillé par Google
Google nous montre cet exemple :
|
1 2 3 4 5 |
<meta charset="utf-8"> <meta name="Description" CONTENT="Auteur : A.N. Auteur, Illustrateur : P. Dessin, Catégorie : Livres, Prix : 9,24 €, Longueur : 784 pages"> <meta name="google-site-verification" content="+nxGUDJ4QpAZ5l9Bsjdi102tLVC21AIh5d1Nl23908vVuFHs34="/> <title>Exemples de livres - occasions en très bon état de livres pour enfants</title> <meta name="robots" content="noindex,nofollow"> |
Puis nous indique une liste de balises reconnues :
- La balise Meta Description
- La balise Title
- La balise Meta Robots
- La balise Meta Googlebot
- La balise Meta Google Nositelinkssearchbox
- La balise Meta Google Notranslate
- La balise Meta Google-site-verification
- La balise Meta Http-equiv=”Content-Type”
- La balise Meta Charset
- La balise Meta http-equiv=”refresh”
Heureusement ils nous donne une information très importante en bas de page :
Cette liste de balises Meta n’est pas exhaustive. N’hésitez pas à insérer des balises Meta non répertoriées ici pour les besoins de votre site. Sachez simplement que nous ignorerons les balises que nous ne reconnaissons pas.
Il reste donc à connaitre toutes les autres balises connues et non reconnues par Google et les autres moteurs de recherches ainsi que les navigateurs et robots du Web…
La liste non exhaustive des balises Meta
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 |
<meta charset='UTF-8'> <meta name='keywords' content='your, tags'> <meta name='description' content='150 words'> <meta name='subject' content='your website's subject'> <meta name='copyright' content='company name'> <meta name='language' content='ES'> <meta name='robots' content='index,follow'> <meta name='revised' content='Sunday, July 18th, 2010, 5:15 pm'> <meta name='abstract' content=''> <meta name='topic' content=''> <meta name='summary' content=''> <meta name='Classification' content='Business'> <meta name='author' content='name, email@hotmail.com'> <meta name='designer' content=''> <meta name='reply-to' content='email@hotmail.com'> <meta name='owner' content=''> <meta name='url' content='http://www.websiteaddrress.com'> <meta name='identifier-URL' content='http://www.websiteaddress.com'> <meta name='directory' content='submission'> <meta name='pagename' content='jQuery Tools, Tutorials and Resources - O'Reilly Media'> <meta name='category' content=''> <meta name='coverage' content='Worldwide'> <meta name='distribution' content='Global'> <meta name='rating' content='General'> <meta name='revisit-after' content='7 days'> <meta name='subtitle' content='This is my subtitle'> <meta name='target' content='all'> <meta name='HandheldFriendly' content='True'> <meta name='MobileOptimized' content='320'> <meta name='date' content='Sep. 27, 2010'> <meta name='search_date' content='2010-09-27'> <meta name='DC.title' content='Unstoppable Robot Ninja'> <meta name='ResourceLoaderDynamicStyles' content=''> <meta name='medium' content='blog'> <meta name='syndication-source' content='https://mashable.com/2008/12/24/free-brand-monitoring-tools/'> <meta name='original-source' content='https://mashable.com/2008/12/24/free-brand-monitoring-tools/'> <meta name='verify-v1' content='dV1r/ZJJdDEI++fKJ6iDEl6o+TMNtSu0kv18ONeqM0I='> <meta name='y_key' content='1e39c508e0d87750'> <meta name='pageKey' content='guest-home'> <meta itemprop='name' content='jQTouch'> <meta http-equiv='Expires' content='0'> <meta http-equiv='Pragma' content='no-cache'> <meta http-equiv='Cache-Control' content='no-cache'> <meta http-equiv='imagetoolbar' content='no'> <meta http-equiv='x-dns-prefetch-control' content='off'> |
La liste des Balises Meta Apple
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
<meta name="apple-mobile-web-app-title" content="My App"> <!-- New in iOS6 --> <meta name='apple-mobile-web-app-capable' content='yes'> <meta name='apple-touch-fullscreen' content='yes'> <meta name='apple-mobile-web-app-status-bar-style' content='black'> <meta name='format-detection' content='telephone=no'> <meta name='viewport' content='width=device-width; content='width = 320; initial-scale=1.0; maximum-scale=1.0; user-scalable=yes; target-densitydpi=160dpi'> <link href='/apple-touch-icon.png' rel='apple-touch-icon' type='image/png'> <link href='touch-icon-ipad.png' rel='apple-touch-icon' sizes='72x72'> <link href='touch-icon-iphone4.png' rel='apple-touch-icon' sizes='114x114'> <link href='/startup.png' rel='apple-touch-startup-image'> <link href='http://github.com/images/touch-icon-iphone4.png' sizes='114x114' rel='apple-touch-icon-precomposed'> <link href='http://github.com/images/touch-icon-ipad.png' sizes='72x72' rel='apple-touch-icon-precomposed'> <link href='http://github.com/images/apple-touch-icon-57x57.png' sizes='57x57' rel='apple-touch-icon-precomposed'> |
Safari 9 Pinned tabs in El Capitan
|
1 |
<link rel="mask-icon" href="website_icon.svg" color="red"> |
Les balises Meta Internet Explorer
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
<meta http-equiv='Page-Enter' content='RevealTrans(Duration=2.0,Transition=2)'> <meta http-equiv='Page-Exit' content='RevealTrans(Duration=3.0,Transition=12)'> <meta name='mssmarttagspreventparsing' content='true'> <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible"/> <meta name='msapplication-starturl' content='http://blog.reybango.com/about/'> <meta name='msapplication-window' content='width=800;height=600'> <meta name='msapplication-navbutton-color' content='red'> <meta name='application-name' content='Rey Bango Front-end Developer'> <meta name='msapplication-tooltip' content='Launch Rey Bango's Blog'> <meta name='msapplication-task' content='name=About;action-uri=/about/;icon-uri=/images/about.ico'> <meta name='msapplication-task' content='name=The Big List;action-uri=/the-big-list-of-javascript-css-and-html-development-tools-libraries-projects-and-books/;icon-uri=/images/list_links.ico'> <meta name='msapplication-task' content='name=jQuery Posts;action-uri=/category/jquery/;icon-uri=/images/jquery.ico'> <meta name='msapplication-task' content='name=Start Developing;action-uri=/category/javascript/;icon-uri=/images/script.ico'> <meta name='msvalidate.01' content='6E3AD52DC176461A3C81DD6E98003BC9'> <meta http-equiv='cleartype' content='on'> |
Windows 8 Meta Tags
|
1 2 3 4 5 6 7 8 |
<meta name="application-name" content=" Contoso" /> <meta name="msapplication-TileColor" content=" #009900" /> <meta name="msapplication-square70x70logo" content="images/smalltile.png" /> <meta name="msapplication-square150x150logo" content="images/mediumtile.png" /> <meta name="msapplication-wide310x150logo" content="images/widetile.png" /> <meta name="msapplication-square310x310logo" content="images/largetile.png" /> <meta name="msapplication-notification" content="frequency=30; polling-uri=notifications/contoso1.xml; polling-uri2=notifications/contoso2.xml; polling-uri3=notifications/contoso3.xml" /> |
Blog Catalog Meta Tags
|
1 |
<meta name='blogcatalog'> |
Rails Meta Tags
|
1 2 |
<meta name='csrf-param' content='authenticity_token'> <meta name='csrf-token' content='/bZVwvomkAnwAI1Qd37lFeewvpOIiackk9121fFwWwc='> |
HTML Link Tags
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 |
<link rel='alternate' type='application/rss+xml' title='RSS' href='http://feeds.feedburner.com/martini'> <link rel='alternate' type='application/atom+xml' title='Atom 0.3' href='https://example.com/feed.atom'> <link rel='shortcut icon' type='image/ico' href='/favicon.ico'> <link rel='fluid-icon' type='image/png' href='/fluid-icon.png'> <link rel='me' type='text/html' href='http://google.com/profiles/thenextweb'> <link rel='shortlink' href='http://blog.unto.net/?p=353'> <link rel='archives' title='May 2003' href='http://blog.unto.net/2003/05/'> <link rel='index' title='DeWitt Clinton' href='http://blog.unto.net/'> <link rel='start' title='Pattern Recognition 1' href='http://blog.unto.net/photos/pattern_recognition_1_about/'> <link rel='bookmark'title='Styleguide' href='http://paulrobertlloyd.com/about/styleguide/'> <link rel='search' href='/search.xml' type='application/opensearchdescription+xml' title='Viatropos'> <link rel='self' type='application/atom+xml' href='http://www.syfyportal.com/atomFeed.php?page=3'> <link rel='first' href='http://www.syfyportal.com/atomFeed.php'> <link rel='next' href='http://www.syfyportal.com/atomFeed.php?page=4'> <link rel='previous' href='http://www.syfyportal.com/atomFeed.php?page=2'> <link rel='last' href='http://www.syfyportal.com/atomFeed.php?page=147'> <link rel='canonical' href='http://smallbiztrends.com/2010/06/9-things-to-do-before-entering-social-media.html'> <link rel='EditURI' type='application/rsd+xml' title='RSD' href='http://smallbiztrends.com/xmlrpc.php?rsd'> <link rel='pingback' href='http://smallbiztrends.com/xmlrpc.php'> <link rel='stylesheet' media='only screen and (max-device-width: 480px)' href='http://wordpress.org/style/iphone.css' type='text/css'> <link rel='wlwmanifest' href='http://www.example.com/wp-includes/wlwmanifest.xml' type='application/wlwmanifest+xml'> <link rel='help' title='FAQ' href='/faq'> <link rel='logo' type='image/svg' href='https://playfoursquare.s3.amazonaws.com/press/logo/foursquare-logo.svg'> <link rel='P3Pv1' href='/w3c/p3p.xml'> <link rel='publisher' href='https://plus.google.com/115081025762845243709/'> <link rel='image_src' href='http://du3itj18e4z0b.cloudfront.net/7b29fe/images/icon-facebook.gif' type='image/jpeg'> <link rel='author' href='humans.txt' type='text/plain'> <link href='http://thenextweb.com/2009/01/08/how-to-snap-up-that-twitter-username-youve-always-wanted/' rel='original-source'> <link rel='profile' title='Microformats' href='http://microformats.org/profile/specs/'> <link rel='profile' href='http://gmpg.org/xfn/11'> |
Cet article est une ébauche publique mise en ligne le 15/01/2017 par Nicolas Sotton dans le but d’en faire un article collaboratif. Si vous voulez compléter cet article faites le savoir dans les commentaires ou sur le Forum SEO.
L’idée c’est de lister toutes les balises META et de montrer comment les utiliser. Nous allons vous lister prochainement les balises très importantes.
Bonjour et merci pour ton récapitulatif très complet sur les balises META.
J’ai pu découvrir les balises Apple et Windows 8 que je ne connaissais pas.
J’ai vu que tu proposes cette ébauche sur les balises META dans le but d’en faire un article collaboratif sur les bonnes pratiques à mettre en œuvre pour améliorer le référencement.
J’ai copié, si cela ne te dérange pas, le listing des balises META sur mon wiki.
Biensûr, j’ai cité le lien officiel de Grey Hat SEO.
Ainsi, si je modifie ce contenu de mon côté, je pourrais te faire un retour directement dans les commentaires de cet article.
https://www.visionduweb.eu/wiki/index.php?title=SEO_Liste_des_balises_META
Bonjour Bernard et merci pour ton commentaire.
Oui tu as bien fait de reprendre les balises dans ton wiki, si c’est pour faire avancer les choses et que tu nous fait un retour ici ou sur le forum, c’est parfait ;)
En complément je viens de créer la page http://www.grey-hat-seo.com/tutoriel-seo/obtenir-search-box-sitelinks-site pour obtenir la “Search Box” de Google ;)