Projets : Multimédia 2
Balises META
Les balises META servent à donner des indications aux moteurs de recherche et aux fureteurs web. Les informations comprises dans les balises META fournissent des données qui peuvent s'avérer utiles aux outils d'indexation (outils qui analysent vos pages pour répertorier une foule d'informations).
Par exemple, le contenu de la balise « meta name="description" » est souvent utilisée par les moteurs de recherche comme description de votre site web.
Les balises META se placent entre les balises de l'entête, tout de suite après la balise du titre title : très importante à compléter !)
<head>
Placez vos balises META ici.
</head>
Voici quelques exemples de balises META :
a charset="utf-8"/>
<!--Permet d'afficher les caractères spécifiques au français tel que les accents aigus, circonflexes, etc.--/>
<title/>Boris le graphiste à Montréal | designer graphique | Montréal | graphiste | Le graphiste à Montréal</title/>
<!--Une des métadonnées les plus importantes : c'est le texte qui s'affiche en premier sur Google--/>
<meta name="viewport" content="width=device-width"/>
<!--Pour que votre site s'adapte à la taille des différents écrans : téléphones, tablettes, etc.--/>
<meta name="description" content="Vous cherchez un graphiste à Montréal? Boris - le graphiste à Montréal - offre de façon professionnelle tous les services graphiques dont vous avez besoin !"/>
<!--C'est le petit paragraphe de description qui apparaîtra sur Google après le titre (1ere ligne) et l'adresse URL de votre site (2e ligne).--/>
<meta name="keywords" content="logos, cartes d’affaires, papeterie, identité, illustration, photographie, brochures, dépliants, catalogues, rapports annuels, design d'édition, design graphique, gestion de marque, enseignes extérieures et intérieures, publicités, affiches, design et communication, kiosques d’exposition, emballage, packaging, signalétique, affichage, aménagement, exposition, graphisme, encarts publicitaires, publicités, sites web, bandeau web, seo, optimisation pour les engins de recherche, infolettre, newsletter, multimédia, animation after effects, animate,réseaux sociaux,interfaces web,"/>
<!--Métadonnées pour FACEBOOK --/>
<meta property="og:title" content="Boris le graphiste à Montréal"/>
<meta property="og:description" content="Boris le graphiste à Montréal crée des logos, cartes d’affaires, papeterie, identité, illustration, photographie, brochures, dépliants, catalogues, rapports annuels, design d'édition, design graphique, gestion de marque, enseignes extérieures et intérieures, publicités, affiches, design et communication, kiosques d’exposition, emballage, packaging, signalétique, affichage, aménagement, exposition, graphisme, encarts publicitaires, publicités, sites web, bandeau web, seo, optimisation pour les engins de recherche, infolettre, newsletter, multimédia, animation after effects, animate,réseaux sociaux,interfaces web"/>
<meta property="og:image" content="http://www.boris-le-graphiste-a-montreal.com/images/boris-le-graphiste-a-montreal.jpg"/>
<meta property="og:url" content="http://www.boris-le-graphiste-a-montreal.com/index.html"/>
<meta property="og:site_name" content="Boris le graphiste à Montréal"/>
<meta property="fb:app_id" content="your_app_id" //>
<!--trouvez votre id sur facebook developper--/>
<!--Métadonnées pour TWITTER --/>
<meta name="twitter:title" content="Boris le graphiste à Montréal"/>
<meta name="twitter:description" content="Boris le graphiste à Montréal crée des logos, cartes d’affaires, papeterie, identité, illustration, photographie, brochures, dépliants, catalogues, rapports annuels, design d'édition, design graphique, gestion de marque, enseignes extérieures et intérieures, publicités, affiches, design et communication, kiosques d’exposition, emballage, packaging, signalétique, affichage, aménagement, exposition, graphisme, encarts publicitaires, publicités, sites web, bandeau web, seo, optimisation pour les engins de recherche, infolettre, newsletter, multimédia, animation after effects, animate,réseaux sociaux,interfaces web"/>
<meta name="twitter:image" content="http://www.boris-le-graphiste-a-montreal.com/images/boris-le-graphiste-a-montreal_th.jpg"/>
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:image:alt" content="Boris le graphiste à Monréal"/>
<meta name="twitter:site" content="@website-username"/>
<!--placez votre nom d'usager Twitter--/>
