404 page #165
404 page #165
Conversation
|
j'ai pas compris quand/comment cette page doit s'afficher. |
|
Alors j'ai pas très bien compris non plus, mais il semblerait que Google fasse des tests pour voir si on a des pages 404 (en appelant une URL random ?) et en l'occurence, il s'apercevrait qu'une page censée ne pas exister contient exactement le même contenu que l'index. Bon, je t'avoue que ça me paraît assez capilotracté (mais c'est rigolo de faire une 404 alors...)
|
|
pas sûr que ça reste valable pour un site généré côté front tout ça. |
|
mais c'est vrai que c'est rigolo de faire une 404 |
|
J'ai branché la page tout en la laissant statique, pas besoin de bouger ça dans un composant ? Je vois pas trop l'intérêt, je ne sais pas si c'est top de créer un slot not found dans l'index pour le SEO, ça ne risquerait pas de nous faire plus de mal qu'autre chose si c'est scrappé par un robot tel quel ? 🤔 Si vous préférez dans un composant, pas de soucis. 🙂 |
| <meta http-equiv="X-UA-Compatible" content="ie=edge"> | ||
| <title>404 - Page introuvable</title> | ||
| <script type="text/javascript"> | ||
| document.write("<base href=\"" + document.location.protocol + "//" + document.location.host + "/\" />"); |
There was a problem hiding this comment.
A quoi sert ce bout de code ?
There was a problem hiding this comment.
C'est pour déterminer l'url de base du document pour les liens relatifs : https://developer.mozilla.org/fr/docs/Web/HTML/Element/base.
On reprend la racine du domaine au lieu de repartir de la page 404.html, ça permet ligne 123 d'avoir un retour à l'index avec un <a href=""> au lieu d'avoir à mentionner le index.html. La racine du domaine est récupérée dynamiquement pour que ça fonctionne sur d'autres environnements que la production.
| <meta name="viewport" | ||
| content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> | ||
| <meta http-equiv="X-UA-Compatible" content="ie=edge"> | ||
| <title>404 - Page introuvable</title> |
There was a problem hiding this comment.
Je me dis que ça peut être sympa d'ajouter quand même les favicons sur cette page (et éventuellement les autres meta tags).
<link rel="apple-touch-icon" sizes="180x180" href="/assets/images/favicon/apple-touch-icon.png?v=oLnE8zppbY">
<link rel="icon" type="image/png" sizes="32x32" href="/assets/images/favicon/favicon-32x32.png?v=oLnE8zppbY">
<link rel="icon" type="image/png" sizes="16x16" href="/assets/images/favicon/favicon-16x16.png?v=oLnE8zppbY">
<link rel="mask-icon" href="/assets/images/favicon/safari-pinned-tab.svg?v=oLnE8zppbY" color="#5561d9">
<link rel="shortcut icon" href="/assets/images/favicon/favicon.ico?v=oLnE8zppbY">There was a problem hiding this comment.
Corrigé, merci pour le signalement. 🙂
Fix #12
Pour pas oublier... cf #12