DESY

Sistema de Diseño del Gobierno de Aragón

Title de página

Cómo mostramos información

El texto que aparece en la pestaña del navegador

Mostrar código del ejemplo: includes/_pattern.ejemplo-title.njk

Contenido

Nunjucks macro del ejemplo: includes/_pattern.ejemplo-title.njk

{% set title = "Patrones - Title de página. DESY. Sistema de diseño del Gobierno de Aragón." %}

<!doctype html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>{{ title if title else "Project title" }}</title>
  <link rel="icon" type="image/x-icon" href="https://aplicaciones.aragon.es/favicon.ico">
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="css/styles.css">
</head>
<!-- /page.head -->

Qué debes tener en cuenta

  • El literal debe ser distinto para cada una de las páginas de tu web.
  • Utiliza la estructura [Sección/palabra clave]. [Nombre del sitio web] para optimizar la encontrabilidad.
  • En el include head de la plantilla se encuentra una variable que podemos definir con un {% set title = "title" %}.