monitoring-jekyll-theme 0.2.0 → 0.3.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 5a68b3c6d0afc7877ecf874167d966170a859048fc334585f5e61afa02a73e15
-  data.tar.gz: eb9659cc1b39333b86f03dfe53748d181d8513423cbb194b31dfff8015081d87
+  metadata.gz: db350d4d5687ecbb4b03230975e957fdc43380850781721cbd1df3d1b1a7ccc4
+  data.tar.gz: 033dec87a40b6d546c15cbcae383a0c143b983197b805ed14e163b6fb71a7e87
 SHA512:
-  metadata.gz: 6dce3ff1f7b6140150427e59c55f5175eaca4133938a9453c01829c9a5d7de87faefdadb0d572666c5ba11087523dcbcd6ecb096231ec2e2fc805e5b05d41838
-  data.tar.gz: aeee9abfde158c2b95ae10760fd219a850e3724f619d10a0d814f443887730c63802c0f6fecdc2015998514384be8cd7d921c9941e6b44fca16076d0dfe8e4c1
+  metadata.gz: 64698968ab7f1751ca77d1721324f52cc1fd2ab793790e0474876520a112b8e4a0c94c2d1c6f60d649b343faecaa060d237eb537cefa652cd927c4216a5abdcf
+  data.tar.gz: 7d22380531670dcf9e1e604a6f1682e9bd2fd87b2e9da3d51bb465f095f14cb15e0c119e51614731825ba5db627385678b76afe15aa0cc45a8e8b98a54da7906

data/.ruby-version

@@ -0,0 +1 @@
+2.6.2

data/Gemfile

@@ -17,7 +17,7 @@ group :test do
 end
 
 group :jekyll_plugins do
-    #gem 'jekyll-include-cache'
+    gem 'jekyll-include-cache'
     gem 'jekyll-tidy'
     gem "autoprefixer-rails"
     gem 'jekyll-commonmark'

data/README.md

@@ -1,4 +1,29 @@
-Monitoring Tool for website
+# Monitoring Tool for website
+
+## Reste à faire
+
+ ✔ Afficher une jauge pour les scores sur 100 @done(19-09-12 09:15)
+ ✔ Ajouter l’écoindex @done(19-09-12 09:15)
+ ✔ Ajouter la liste de corrections à appliquer => pour gagner des points @done(19-09-16 15:11)
+ ☐ Lister les valeurs avec du potential saving et estimer le gain en point.
+ ☐ Ne plus faire appel à Yellow lab tool :: trop lourd
+ ☐ S’inspirer de l’écometer
+ ☐ Micro format et schema detection
+
+## A mettre en place
+
+-   <https://codepen.io/pbakaus/pen/OJLNNvm>
+-   <https://www.npmjs.com/package/google>
+-   <https://raphaelfabeni.com/ui-interactions/>
+-   https://www.ekopedia.fr/wiki/H%C3%A9bergement_Internet
+
+
+## Annuaires Immobilier
+
+-   <https://www.avendrealouer.fr/>
+-   <http://www.ma-cabane.fr/>
+-   <http://www.lecoute.com/>
+-   <https://www.hannuaire.fr/>
 
 ## Commandes
 
@@ -13,17 +38,27 @@ replace \\/ => / seocli
 
 -   <https://serpstat.com/domains/search/?search_type=subdomains&se=g_us&query=https%3A%2F%2Fwww.leforestier-immobilier.com%2F>
 -   <https://whatsmyserp.com/domains/a408117d-3cef-4b9f-bf92-fbf71a652252>
+-   <https://www.advancedwebranking.com>
+-   <https://ecograder.com>
+-   <https://moz.com/free-seo-tools>
+-   <https://developers.google.com/webmaster-tools/search-console-api-original/v3/searchanalytics/query>
+-   <https://ahrefs.com/fr/website-authority-checker>
 
 ## Ressources
 
+### Statistiques
+
+-   <https://httparchive.org/reports/state-of-the-web>
+
 ### Bibliothèques
 
-- <https://github.com/bartveneman/constyble>
+-   <https://github.com/bartveneman/constyble>
 
 ### Articles
 
 -   <https://www.smashingmagazine.com/2019/01/front-end-performance-checklist-2019-pdf-pages/>
 -   <https://css-tricks.com/in-search-of-a-stack-that-monitors-the-quality-and-complexity-of-css/>
+-   <https://css-tricks.com/in-search-of-a-stack-that-monitors-the-quality-and-complexity-of-css/>
 -   <https://jameshubbardmarketing.co.uk/seo-blog/essential-technical-seo-audit-tools/>
 -   <https://www.screamingfrog.co.uk/seo-spider/>
 -   <https://github.com/serp-spider/serps-cli>

data/_includes/accessibility.html

@@ -3,36 +3,30 @@
   <h3 class="js-expandmore mb0 mt0" data-hideshow-prefix-class="animated">{{ website }} - Impact : Critical</h3>
   <div class="js-to_expand">
 
-  {% for data in file reversed %}
-  <div class="axe flex-list">
+    <div class="axe flex-list">
+    {% for a11y in site.data.[website].axe[datelastcrawl] limit: 1 %}
+
+    {% for a11ylist in a11y %}
+    {% for a11yvalue in a11ylist %}
+
+      {% for elm in a11yvalue %}
+      {% if elm.impact == 'critical' %}
+      <div><strong>> {{ elm.description | xml_escape }}</strong><br>
+        <ul>
+          {% for node in elm.nodes %}
+          <li>{{ node.target | replace:'\"','"' | replace:'\\3','' | replace:'\\=','=' | replace:' ','' | xml_escape }}</li>
+          {% endfor %}
+        </ul>
+      </div>
+      {% endif %}
+      {% endfor %}
 
-  {% for a11y in site.data.[website].axe[data] %}
-
-  {% if forloop.first %}
-
-  {% for a11ylist in a11y %}
-  {% for a11yvalue in a11ylist %}
-
-    {% for elm in a11yvalue %}
-    {% if elm.impact == 'critical' %}
-    <div><strong>> {{ elm.description | xml_escape }}</strong><br>
-      <ul>
-        {% for node in elm.nodes %}
-        <li>{{ node.target | replace:'\"','"' | replace:'\\3','' | replace:'\\=','=' | replace:' ','' | xml_escape }}</li>
-        {% endfor %}
-      </ul>
-    </div>
-    {% endif %}
+    {% endfor %}
     {% endfor %}
 
-  {% endfor %}
-  {% endfor %}
-
-  {% endif %}
+    {% endfor %}
+    </div>
 
-  {% endfor %}
-  </div>
-  {% endfor %}
   </div>
 
-  {% endfor %}
+{% endfor %}

data/_includes/seo.html

@@ -26,15 +26,12 @@
       </li>
     </ul>
 
-    {% for website in site.pagestested  %}
-    {% if forloop.first %}
+    {% for website in site.pagestested limit: 1 %}
 
     <div id="seo-blocking" class="js-tabcontent">
       <h3>Blocking URLs</h3>
       <p>Les urls longues qui bloquent le chargement d’une page.</p>
-      {% for data in file reversed %}
-      {% if forloop.first %}
-      {% assign gpagespeed = site.data.[website].gpagespeed[data] %}
+      {% assign gpagespeed = site.data.[website].gpagespeed[datelastcrawl] %}
       <ol class="flex-list">
         {% for urlBlocks in gpagespeed.formattedResults.ruleResults.MinimizeRenderBlockingResources.urlBlocks %}
         {% if forloop.length != 0 %}
@@ -46,13 +43,11 @@
         {% endif %}
         {% endfor %}
       </ol>
-      {% endif %}
-      {% endfor %}
     </div>
 
-    {% for data in file reversed %}
-    {% if forloop.first %}
-    {% assign screamingfrog = site.data.[website].screamingfrog[data] %}
+
+
+    {% assign screamingfrog = site.data.[website].screamingfrog[datelastcrawl] %}
     <div id="seo-status" class="js-tabcontent screamingfrog">
       <h3>URL status (different of OK)</h3>
       <p>Les urls présentant un status différent de valide.</p>
@@ -149,13 +144,10 @@
         {% endfor %}
       </ol>
     </div>
-    {% endif %}
-    {% endfor %}
+
 
     {% comment %}
-    {% for data in file reversed %}
-    {% if forloop.first %}
-    {% assign seocli = site.data.[website].seocli[data] %}
+    {% assign seocli = site.data.[website].seocli[datelastcrawl] %}
     <div class="seocli">
       {% for topList in seocli.topLists %}
       <h3>{{topList.[0]}}</h3>
@@ -168,10 +160,7 @@
       </ul>
       {% endfor %}
     </div>
-    {% endif %}
-    {% endfor %}
     {% endcomment %}
 
-    {% endif %}
     {% endfor %}
   </div>

data/_includes/statistiques.html

@@ -10,6 +10,116 @@
     }
   }
 </script>
+
+{% for website in site.pagestested limit: 1 %}
+
+  {% assign gpagespeed = site.data.[website].gpagespeed[datelastcrawl] %}
+  {% assign yellowlabtools = site.data.[website].yellowlabtools[datelastcrawl] %}
+  {% assign lighthouse = site.data.[website].lighthouse[datelastcrawl] %}
+
+  {% assign indexes = "" | split: ',' %}
+  {% assign indexesname = "Accessibilité,Bonnes pratiques,Performance,SEO,PWA,Speed Index" | split: ',' %}
+  {% comment %}{% endcomment %}
+  {% assign indexes = indexes | push: lighthouse.categories.accessibility.score | push: lighthouse.categories.best-practices.score | push: lighthouse.categories.performance.score | push: lighthouse.categories.seo.score | push: lighthouse.categories.pwa.score | push: lighthouse.audits.speed-index.score %}
+
+  {% comment %}Calcul du score moyen à partir des données httparchive{% endcomment %}
+  {% assign domaverage = 600 | times: 3 %}{% assign httpaverage = 74 | times: 2 %}
+  {% assign ecoaverage = domaverage | plus: httpaverage | plus: 2000000 | divided_by: 6 %}
+
+  {% comment %}Calcul du score le meilleur à partir du site bertrandkeller.info {% endcomment %}
+  {% assign dombest = 150 | times: 3 %}{% assign httpbest = 15 | times: 2 %}
+  {% assign ecobest = dombest | plus: httpbest | plus: 1000000 | divided_by: 6 %}
+
+  {% comment %}Calcul du score pour le site le pire{% endcomment %}
+  {% assign domworth = 5000 | times: 3 %}{% assign httpworth = 120 | times: 2 %}
+  {% assign ecoworth = domworth | plus: httpworth | plus: 7000000 | divided_by: 6 %}
+
+  {% comment %}Calcul du score le meilleur{% endcomment %}
+  {% assign ecobestscore = ecobest | times: 100 | divided_by: ecoworth %}
+
+  {% comment %}Calcul de la valeur du site calculé{% endcomment %}
+  {% assign dom = lighthouse.audits["dom-size"].details.items[0].value | replace: ",","" | times: 3 %}{% assign http = lighthouse.audits.diagnostics.details.items[0].numRequests | times: 2 %}
+  {% assign eco = dom | plus: http | plus: lighthouse.audits.diagnostics.details.items[0].totalByteWeight | divided_by: 6 %}
+
+  <h3 style="display: none;">Scores</h3>
+
+  <div class="progress progress-bar flex">
+    <div><h4>Energie</h4></div>
+    <div>
+    <div class="progress-bar-element">
+      <div>
+      <!-- <div class="progress-bar-tooltip" style="transform: translate(50%,-50%);background: rgba(34,150,30,1);">Max</div> -->
+      <div class="progress-bar-tooltip" style="left: {{ eco | times: 100 | divided_by: ecoworth }}%;">{{ site.title }}</div>
+      <div class="progress-bar-tooltip" style="left: {{ ecoaverage | times: 100 | divided_by: ecoworth }}%;">Moyenne mondiale</div>
+      <!-- <div class="progress-bar-tooltip" style="background: rgba(176,2,2,1);">Min</div> -->
+    </div>
+    <div>
+      <div class="progress-bar-score" style="transform: translate(50%,35%);color: rgba(34,150,30,1);">100</div>
+      <div class="progress-bar-score" style="left: {{ eco | times: 100 | divided_by: ecoworth }}%;">{{ eco | times: 100 | divided_by: ecoworth | minus: 100 | times: -1 | plus: ecobestscore }}</div>
+      <div class="progress-bar-score" style="left: {{ ecoaverage | times: 100 | divided_by: ecoworth }}%;">{{ ecoaverage | times: 100 | divided_by: ecoworth | minus: 100 | times: -1 | plus: ecobestscore }}</div>
+      <div class="progress-bar-score" style="color: rgba(176,2,2,1);">0</div>
+    </div>
+    </div>
+    </div>
+  </div>
+
+  <div class="progress progress-circular flex">
+  <div><h4>Qualite</h4></div>
+  <div>
+  <ul>
+    {% for index in indexes %}
+      {% assign score = index | times: 100 | round %}
+      <li data-name="{{ indexesname[forloop.index0] }}" data-percent="{{ score }}%">
+        {% if score > 85 %}{% assign color = 'top' %}{% elsif score > 75 %}{% assign color = 'verygood' %}{% elsif score > 60 %}{% assign color = 'good' %}{% elsif score > 40 %}{% assign color = 'bad' %}{% else %}{% assign color = 'verybad' %}{% endif%}
+        <svg viewbox="-10 -10 220 220" class="{{ color }}">
+        <g fill="none" stroke-width="15" transform="translate(100,100)">
+          <path d="M 0,-100 A 100,100 0 0,1 86.6,-50" />
+          <path d="M 86.6,-50 A 100,100 0 0,1 86.6,50" />
+          <path d="M 86.6,50 A 100,100 0 0,1 0,100" />
+          <path d="M 0,100 A 100,100 0 0,1 -86.6,50" />
+          <path d="M -86.6,50 A 100,100 0 0,1 -86.6,-50" />
+          <path d="M -86.6,-50 A 100,100 0 0,1 0,-100" />
+        </g>
+        </svg>
+        <svg viewbox="-10 -10 220 220">
+          <path d="M200,100 C200,44.771525 155.228475,0 100,0 C44.771525,0 0,44.771525 0,100 C0,155.228475 44.771525,200 100,200 C155.228475,200 200,155.228475 200,100 Z" stroke-dashoffset="{{ 630 | times: index }}"></path>
+        </svg>
+      </li>
+    {% endfor %}
+  </ul>
+  </div>
+  </div>
+
+  <div class="progress progress-circular flex">
+    <div><h4>Position</h4></div>
+    <div>
+    <ul>
+      {% for authority in site.data.[website].moz[datelastcrawl] %}
+      {% for element in authority limit: 2 %}
+        {% assign score = element[1] | times: 1 %}
+        <li data-name="{{ element[0] }}" data-percent="{{ score }}">
+          {% if score > 60 %}{% assign color = 'top' %}{% elsif score > 50 %}{% assign color = 'verygood' %}{% elsif score > 30 %}{% assign color = 'good' %}{% elsif score > 15 %}{% assign color = 'bad' %}{% else %}{% assign color = 'verybad' %}{% endif%}
+          <svg viewbox="-10 -10 220 220" class="{{ color }}">
+          <g fill="none" stroke-width="15" transform="translate(100,100)">
+            <path d="M 0,-100 A 100,100 0 0,1 86.6,-50" />
+            <path d="M 86.6,-50 A 100,100 0 0,1 86.6,50" />
+            <path d="M 86.6,50 A 100,100 0 0,1 0,100" />
+            <path d="M 0,100 A 100,100 0 0,1 -86.6,50" />
+            <path d="M -86.6,50 A 100,100 0 0,1 -86.6,-50" />
+            <path d="M -86.6,-50 A 100,100 0 0,1 0,-100" />
+          </g>
+          </svg>
+          <svg viewbox="-10 -10 220 220">
+            <path d="M200,100 C200,44.771525 155.228475,0 100,0 C44.771525,0 0,44.771525 0,100 C0,155.228475 44.771525,200 100,200 C155.228475,200 200,155.228475 200,100 Z" stroke-dashoffset="{{ score | times: 630 | divided_by: 100 }}"></path>
+          </svg>
+        </li>
+      {% endfor %}
+      {% endfor %}
+    </ul>
+    </div>
+  </div>
+{% endfor %}
+
 <div class="js-tabs" data-existing-hx="h2" data-tabs-prefix-class="tabs">
     <ul class="js-tablist">
       {% for website in site.pagestested %}
@@ -27,6 +137,7 @@
 
     <div id="id_{{ forloop.index }}" class="js-tabcontent">
       <h3>{{ website }}</h3>
+
       <div class="flex">
         <div>
           <strong>Temps de chargement</strong>
@@ -105,7 +216,7 @@
             <span class="number">{{ yellowlabtools.toolsResults.phantomas.metrics.domContentLoadedEnd | round  }}</span>
             <i>ms</i>
             {% if forloop.index != 1 %}<span
-              class="score-difference{% if timeToFirstByte > yellowlabtools.toolsResults.phantomas.metrics.timeToFirstByte %} score-down{% endif %}{% if timeToFirstByte < yellowlabtools.toolsResults.phantomas.metrics.timeToFirstByte %} score-up{% endif %}"></span>{% endif %}
+              class="score-difference{% if timeToFirstByte > yellowlabtools.toolsResults.phantomas.metrics.domContentLoadedEnd %} score-down{% endif %}{% if timeToFirstByte < yellowlabtools.toolsResults.phantomas.metrics.domContentLoadedEnd %} score-up{% endif %}"></span>{% endif %}
             {% assign timeToFirstByte = yellowlabtools.toolsResults.phantomas.metrics.domContentLoadedEnd %}
           </div>
           <div class="box score">
@@ -137,10 +248,10 @@
           </div>
           <div class="box score">
             <span class="title">JS Size</span>
-            <span class="number">{{ gpagespeed.pageStats.numberResources | round  }}</span> <i>kb</i>
+            <span class="number">{{ yellowlabtools.toolsResults.phantomas.metrics.jsSize | round  }}</span> <i>kb</i>
             {% if forloop.index != 1 %}<span
-              class="score-difference{% if numberResources > gpagespeed.pageStats.numberResources %} score-down{% endif %}{% if numberResources < gpagespeed.pageStats.numberResources %} score-up{% endif %}"></span>{% endif %}
-            {% assign numberResources = gpagespeed.pageStats.numberResources %}
+              class="score-difference{% if numberResources > yellowlabtools.toolsResults.phantomas.metrics.jsSize %} score-down{% endif %}{% if numberResources < yellowlabtools.toolsResults.phantomas.metrics.jsSize %} score-up{% endif %}"></span>{% endif %}
+            {% assign numberResources = yellowlabtools.toolsResults.phantomas.metrics.jsSize %}
           </div>
           <div class="box score">
             <span class="title">Ressources</span>
@@ -165,9 +276,77 @@
           </div>
         </div>
         {% endif %}
-
         {% endfor %}
       </div>
     </div>
     {% endfor %}
   </div>
+
+  <div class="list-actions list-actions-table">
+      <h3>Tableaux des points energie perdus</h3>
+      <div class="grid grid-score">
+      {% for website in site.pagestested limit: 1 %}
+      {% assign lighthouse = site.data.[website].lighthouse[datelastcrawl] %}
+
+        {% assign networkrequests = lighthouse.audits.["network-requests"].details.items %}
+
+          {% if networkrequests.resourceType != 'Document' %}{% if networkrequests.resourceType != 'Other' %}
+          {% assign requests = networkrequests | sort: 'resourceSize'%}
+          {% for request in requests reversed %}
+            {% if request.resourceSize > 30000 %}<div style="grid-area: auto / auto / span 1 / span {{ request.resourceSize | times: 1.00 | divided_by: 6 | times: 50 | divided_by: ecoworth | round: 0 }};position: relative;"><span>{{ request.url }}</span><b class="pointseco" title="{{ request.url }}">{{ request.resourceSize | times: 1.00 | divided_by: 6 | times: 100 | divided_by: ecoworth | round: 0 }}</b></div>{% endif %}
+          {% endfor %}
+          {% endif %}{% endif %}
+
+      {% endfor %}
+      </div>
+
+
+    <h3 class="js-expandmore mb0 mt0" data-hideshow-prefix-class="animated" id="diagnostic-energy">Points energie</h3>
+    <div class="js-to_expand">
+    {% for website in site.pagestested limit: 1 %}
+      {% assign lighthouse = site.data.[website].lighthouse[datelastcrawl] %}
+
+        {% assign networkrequests = lighthouse.audits.["network-requests"].details.items | group_by: "resourceType" %}
+          {% for items in networkrequests %}
+          {% if items.name != 'Document' %}{% if items.name != 'Other' %}{% if items.items %}
+          <h3>{{ items.name }}</h3>
+          <ul>
+          {% assign requests = items.items | sort: 'resourceSize'%}
+          {% for request in requests reversed %}
+            {% if request.resourceSize > 30000 %}<li><a href="{{ request.url }}" title="{{ request.url }}">{{ request.url | slice: 0, 100 }}</a><b>{{ request.resourceSize | filesize }}</b><b class="pointseco">{{ request.resourceSize | times: 1.00 | divided_by: 6 | times: 100 | divided_by: ecoworth | round: 0 }}</b></li>{% endif %}
+          {% endfor %}
+          </ul>
+          {% endif %}{% endif %}{% endif %}
+        {% endfor %}
+    {% endfor %}
+    </div>
+  </div>
+
+
+<div class="list-actions list-actions-title">
+  {% for website in site.pagestested limit: 1 %}
+  <h3 class="js-expandmore mb0 mt0" data-hideshow-prefix-class="animated" id="diagnostic-quality">Points de conformité</h3>
+  <div class="js-to_expand">
+  <ul>
+    {% assign lighthouse = site.data.[website].lighthouse[datelastcrawl] %}
+    {% assign categories = lighthouse.categories %}
+    {% for audit in lighthouse.audits %}
+      {% for value in audit %}
+      {% if scoreDisplayMode == binary %}
+      {% for categorie in categories %}
+        {% for element in categorie %}
+          {% for auditRef in element.auditRefs %}
+            {% if value.id == auditRef.id %}{% assign titlecategorie = element.title %}{% endif %}
+          {% endfor %}
+        {% endfor %}
+      {% endfor %}
+      {% if value.score < 0.6 %}<li class="{{ titlecategorie | slugify }}" data-title="{{ titlecategorie }}">{{ value.title }}{% if value.displayValue contains 'Potential' %} <b>{{ value.displayValue }}</b>{% endif %}</li>{% endif %}
+      {% endif %}
+      {% endfor %}
+    {% endfor %}
+  </ul>
+  </div>
+  {% endfor %}
+</div>
+
+<br>

data/_includes/styles.html

@@ -4,6 +4,7 @@
 <div class="table">
 {% for data in file %}
 {% assign stylestats = site.data.accueil.stylestats[data] %}
+
 {% if stylestats %}
 <div class="grid">
   <div class="box date">
@@ -23,16 +24,32 @@
 {% endfor %}
 </div>
 
-<h3>Colors</h3>
+<h3>Couleurs</h3>
 <p>Liste des couleurs de la charte graphique. Supprimer les couleurs trop similaires ou non utilisées.</p>
 
-{% for data in file reversed %}
-{% if forloop.first %}
-{% assign stylestats = site.data.accueil.stylestats[data] %}
+{% assign stylestats = site.data.accueil.stylestats[datelastcrawl] %}
+{% assign wallace = site.data.accueil.wallace[datelastcrawl] %}
+
+{% assign totalcolor = "" %}
+{% for color in wallace["values.colors.unique"] %}
+  {% assign totalcolor = totalcolor | plus: color.count %}
+  {% assign totalcolornumber = forloop.length %}
+{% endfor %}
+
+<h4>{{ totalcolornumber }} couleurs différentes</h4>
+
+{% if wallace %}
+<div class="flex-list-color">
+{% for color in wallace["values.colors.unique"] %}
+  <div style='background:{{ color.value }};width: calc(({{ color.count }} / {{ totalcolor }}) * 100%);'><span style='border: 1px solid {{ color.value }};'>{{ color.value }}</span></div>
+{% endfor %}
+<br>
+</div>
+{% endif %}
+
 {% if stylestats %}
 {% for value in stylestats %}
 {% if value[0] == "uniqueColors" %}
-<p><strong><span>Date</span> : {{ data | date: "%d %b %y" }}</strong></p>
 <div class="table">
 <div class="grid">
   {% for color in value[1] %}
@@ -45,6 +62,3 @@
 {% endif %}
 {% endfor %}
 {% endif %}
-
-{% endif %}
-{% endfor %}

data/_layouts/default.html

@@ -1,14 +1,22 @@
 <html>
 
 <head>
+  <meta charset="utf-8">
+  <link href="https://gmpg.org/xfn/11" rel="profile">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
   <link rel="stylesheet" href="/assets/css/styles.css">
+  <meta name="subject" content="{{ site.subject }}">
+  <meta name="generator" content="jekyll v{{ jekyll.version }}">
+  <meta itemprop="name" content="{% if page.title %}{{ page.title }}{% endif %} | {% if page.description %}{{ page.description }} - {% endif %}{{ site.name }}">
+  <meta itemprop="description" content="{{ site.subject}}">
+  <meta name="robots" content="{{ site.robots }}">
 </head>
 
 <body>
 
   <header class="wrapper">
     <p><a href="/">Accueil</a></p>
-    <h1>Monitoring performance<br><small>{{ site.title }}</small></h1>
+    <h1>Monitoring performance&nbsp;<small>-  {{ site.title }}</small></h1>
   </header>
 
   <div class="wrapper">
@@ -24,4 +32,11 @@
   run();
 </script>
 {% endif %}
+<script>
+  // var link = document.querySelector(".js-expandmore")
+  // link.addEventListener("click", function(){
+  //   history.pushState("", document.title, window.location.pathname);
+  //   window.location.href.substr(0, window.location.href.indexOf('#'))
+  // });
+</script>
 </html>