# Propriétés de la page

Pour accéder aux propriétés de la page, cliquez sur l'icône Editer les propriétés de la page.

<figure><img src="https://1366607073-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FD5RHprt4vRSlEM8jcIL2%2Fuploads%2Fhy7SqYbD6GD2gxPOB3vB%2FEditPageProperties.png?alt=media&#x26;token=2fc69b23-b182-4749-8278-e5fb7bc75c0d" alt=""><figcaption></figcaption></figure>

Les propriétés de la page disponibles dépendent du type de page. Les propriétés par défaut pour le type de page Standard sont les suivantes :&#x20;

* [Général](#general)
* [SEO](#seo)
* [Réseaux sociaux](#medias-sociaux-ou-social-media)
* [Métadonnée](#metadonnees)
* [Apparence](#apparence)
* [Comportement](#comportement)
* [Ressources](#ressources)
* [Langue](#langue)
* [Accès](#acces)
* [Catégories](#categories)
* [Notes](#notes)

{% hint style="warning" %}
Dans le backend Typo3 il est possible que s'affiche d'autres champs qui ne sont pas documentés ci-dessous. Dans ce cas ne modifiez pas ces champs, ils ne servent à rien dans votre site et peuvent même éventuellement faire planter le site s'ils sont modifiés.
{% endhint %}

## Général

Cet onglet contient des informations générales sur la page. Vous pouvez changer le [type de page](types-de-pages) et modifier les titres de la page et de l'URL.

Le **titre de la page** est utilisé directement pour générer des URL parlantes. Il est également utilisé dans les menus et dans la balise `<title>`.

Le **segment d’URL** correspond à l’url de votre page. Vous pouvez modifier celui-ci de manière manuelle  en cliquant sur le premier bouton à droite. Ou de manière automatique (par rapport au **titre de la page**) en cliquant sur le deuxième bouton à droite. Voir [je veux modifier l'url de ma page](../../../divers/faq#je-veux-modifier-lurl-de-ma-page).

La zone **Titre menu** (ou **Titre de navigation alternatif**) est utilisée, si elle est remplie, dans les menus à la place de la zone **Titre de la page**.&#x20;

[~~La zone **Activer AddThis** permet de choisir si l'on souhaite activer (ou pas) le bouton de partage sur les réseaux sociaux de la page. Si l'on choisi **Par defaut** c'est le paramétrage défini au niveau du site qui sera appliqué.~~](#user-content-fn-1)[^1]&#x20;

<figure><img src="https://1366607073-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FD5RHprt4vRSlEM8jcIL2%2Fuploads%2FhvIfpXE9JaZzFyNJAWkh%2FCapture%20d%E2%80%99e%CC%81cran%202023-03-16%20a%CC%80%2017.28.38.png?alt=media&#x26;token=3139c945-280c-4d07-a28d-2a736e06c0b0" alt=""><figcaption></figcaption></figure>

## SEO

Cet onglet est utilisé pour l'optimisation des moteurs de recherche.

Vous pouvez désactiver l'indexation de la page dans les moteurs de recherche avec les switch **Indexer cette page** (les moteurs ne référenceront pas cette page) et **Suivre cette page** (les moteurs ne suivront pas les liens présents dans cette page).

Vous pouvez également donner un **Titre** et une **Description** qui seront utilisés (ou pas :smile:) par les moteurs de recherche.

<figure><img src="https://1366607073-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FD5RHprt4vRSlEM8jcIL2%2Fuploads%2FFi8DpAKyNjpcgm0oZy5l%2FCapture%20d%E2%80%99e%CC%81cran%202023-04-13%20a%CC%80%2010.58.26.png?alt=media&#x26;token=e2fee642-acfd-402c-8153-03dc0eba0eb5" alt=""><figcaption></figcaption></figure>

## Médias sociaux (ou Social media)

Cet onglet est utilisé pour enrichir les snippets de médias sociaux pour l'URL de la page.&#x20;

Vous pouvez personnaliser les informations qui sont affichées concernant la page lorsqu'un visiteur partage le lien sur les réseaux sociaux <img src="https://1366607073-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FD5RHprt4vRSlEM8jcIL2%2Fuploads%2FZFjLYAIDugUAZZFH0Hch%2Ffacebook.svg?alt=media&#x26;token=d50605af-9854-4fc3-97cc-e40fed8bff37" alt="" data-size="line">**Facebook** et <img src="https://1366607073-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FD5RHprt4vRSlEM8jcIL2%2Fuploads%2FWM4JjukPn2t9G0BzKsb5%2Ftwitter.svg?alt=media&#x26;token=22b9c7ec-ae3e-4fd8-a7e6-03adde2f2707" alt="" data-size="line">**Twitter**.

<figure><img src="https://1366607073-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FD5RHprt4vRSlEM8jcIL2%2Fuploads%2FFc0HWIIsThzunZx3gAwT%2FCapture%20d%E2%80%99e%CC%81cran%202023-04-13%20a%CC%80%2011.06.29.png?alt=media&#x26;token=86a874de-3391-4170-9b1d-8dfa96510fc8" alt=""><figcaption></figcaption></figure>

## Métadonnées

Les champs disponibles dans cet onglet dépendent de la configuration de votre site. La manière dont les données sont utilisées par le frontend est pilotée par TypoScript, et dépend à nouveau de la configuration de votre site.

{% hint style="info" %}
Bref, à priori, pas besoin de toucher cet onglet excepté si vous utilisez le composant [Résumés](../les-composants/menus/resumes).
{% endhint %}

## Apparence

Cet onglet contient des propriétés qui influencent le rendu de la page.

Vous pouvez choisir le template (**Gabarit**) qui sera appliqué à votre page et à ses sous-pages. Si vous laissez les zones vides elles héritent du template de leur page parente.

Vous pouvez voir 2 zones :

* **Gabarit Backend (seulement cette page)** : Le gabarit choisit ne s'appliquera qu'à cette page
* **Gabarit Backend (sous-page de cette page)** : Le gabarit choisit s'appliquera à toutes les sous-pages ce cette page.

Le gabarit choisi se décline aux sous-pages de la page modifiée selon un système d'héritage. C'est à dire que si dans une page la première zone est vide alors le gabarit appliqué est celui de sa page parente. Si un choix est effectué dans cette zone alors ce choix remplace le gabarit de la page parente.

Les choix sont les suivants :

* **(vide)** : Le gabarit appliqué est celui de la page parente (héritage)
* **Aucun** : Ne pas utiliser
* **Par défaut** : le gabarit standard pour les pages à une colonne, sans menu. Ex : [https://template.univ-gustave-eiffel.fr/test-contenus/par-defaut](https://template.univ-gustave-eiffel.fr/test-contenus/par-defaut)
* **2 colonnes** : La première colonne fait 75% de la largeur de la page, la deuxième 25%. Cela ne peut être modifié. Ex: [https://template.univ-gustave-eiffel.fr/test-contenus/par-defaut/2-colonnes](https://template.univ-gustave-eiffel.fr/test-contenus/par-defaut/2-colonnes) Si vous souhaitez modifier ces valeurs il faut plutôt choisir une page avec le gabarit "Par défaut" et y inclure un contenu "2 columns"
* **sous-navigation à gauche** : Un menu à gauche avec les pages filles ou de même niveau est inclus sur la gauche. Ex : [https://template.univ-gustave-eiffel.fr/test-contenus/sous-navigation-a-gauche](https://template.univ-gustave-eiffel.fr/test-contenus/sous-navigation-a-gauche)
* **sous-navigation à gauche et 2 colonnes** : Un menu à gauche et 2 colonnes Ex: [https://template.univ-gustave-eiffel.fr/test-contenus/type-de-pages/sous-navigation-a-gauche-et-2-colonnes](https://template.univ-gustave-eiffel.fr/test-contenus/type-de-pages/sous-navigation-a-gauche-et-2-colonnes)

<figure><img src="https://1366607073-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FD5RHprt4vRSlEM8jcIL2%2Fuploads%2FxOzO9p8FUH3YcabJkKrV%2FCapture%20d%E2%80%99e%CC%81cran%202023-04-13%20a%CC%80%2011.14.34.png?alt=media&#x26;token=0f205a49-286a-4c79-9a05-24888e35a89b" alt=""><figcaption></figcaption></figure>

## Comportement

{% hint style="danger" %}
Ne rien modifier dans cet onglet
{% endhint %}

## Ressources

Cet onglet vous permet de lier des fichiers multimédias à la page en cours. La manière dont ces fichiers sont traités dépend de la configuration du rendu du frontend.

C'est ici que vous pouvez ajouter un [bandeau image](ajouter-un-bandeau-de-page) à votre page.

## Langue

Cet onglet vous permet de contrôler la visibilité de la page en fonction de la localisation.

Pour plus d'informations sur la traduction, voir Travailler avec les langues.

## Accès (ou visibilité)

Cet onglet permet de contrôler la visibilité de la page.

Le switch **Page** permet de cacher ou non la page. Le switch **Dans les menus** permet de choisir si la page apparaitra ou pas dans les menus.

On peut également choisir une **Date d'expiration** pour la page. Date à partir de laquelle la page ne sera plus accessible. Il est possible d'étendre ces réglages eux sous-pages en cochant **Etendre aux sous-pages**.

<figure><img src="https://1366607073-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FD5RHprt4vRSlEM8jcIL2%2Fuploads%2FRAZwFooTkF4I3vLPFOFq%2FCapture%20d%E2%80%99e%CC%81cran%202023-04-13%20a%CC%80%2011.23.29.png?alt=media&#x26;token=f14694cc-a519-4ce1-b9ca-32287649a191" alt=""><figcaption></figcaption></figure>

## Catégories

TYPO3 CMS fournit un outil de catégorisation à l'échelle du système. Par défaut, les catégories peuvent être appliquées aux pages, aux éléments de contenu et aux fichiers.

Les catégories doivent être définies dans un dossier et peuvent ensuite être assignées aux pages.&#x20;

## Notes

Utilisez cet onglet pour vos propres notes éditoriales et commentaires internes, tels que des rappels ou des listes de tâches.

Les notes s'affichent dans le backend au-dessus des onglets Propriétés de la page. Les notes ne s'affichent pas sur le frontend.

[^1]: Depuis le 31 mai 2023 le service AddThis est fermé
