Skip to content
This repository was archived by the owner on Sep 3, 2024. It is now read-only.

Commit 7fd8498

Browse files
committed
Translate faq/duplicated-meta-tags
1 parent 6891689 commit 7fd8498

File tree

1 file changed

+42
-0
lines changed

1 file changed

+42
-0
lines changed

Diff for: fr/faq/duplicated-meta-tags.md

+42
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,42 @@
1+
---
2+
title: Meta Tags dupliqués
3+
description: Meta Tags dupliqués avec Nuxt.js?
4+
---
5+
6+
# Meta Tags dupliqués?
7+
8+
Il s'agit d'une "fonctionnalité" de [vue-meta](https://github.com/declandewet/vue-meta), merci de libre la [documentation des éléments head](/guide/views#html-head).
9+
10+
> Afin d'éviter toute duplication lors de l'utilisation d'un composant enfant, donner un identifiant unique à l'aide de la clef hid, merci [d'en lire plus](https://github.com/declandewet/vue-meta#lists-of-tags).
11+
12+
Pour le meta "description", vous devez ajouter un identifiant unique `hid` afin que vue-meta sache qu'il doit remplacer le tag par défaut.
13+
14+
Votre `nuxt.config.js`:
15+
```js
16+
...head: {
17+
title: 'starter',
18+
meta: [
19+
{ charset: 'utf-8' },
20+
{ name: 'viewport', content: 'width=device-width, initial-scale=1' },
21+
{ name: 'keywords', content: 'keyword 1, keyword 2'},
22+
{ hid: 'description', name: 'description', content: 'This is the generic description.'}
23+
],
24+
},
25+
...
26+
```
27+
28+
Dans votre page individuelle:
29+
```js
30+
export default {
31+
head () {
32+
return {
33+
title: `Page 1 (${this.name}-side)`,
34+
meta: [
35+
{ hid: 'description', name: 'description', content: "Page 1 description" }
36+
],
37+
}
38+
}
39+
}
40+
```
41+
42+
Pour apprendre à utiliser la propriété `head` dans vos pages, lire la documentation [HTML head](/guide/views#html-head).

0 commit comments

Comments
 (0)