Optimize SEO - no emoji on titles and social graphs

_config_prod.yml

@@ -1,6 +1,7 @@
 # Site configuration
 
 title: We ❤️ Speed
+seo_title: We Love Speed
 tagline: le 9 octobre 2018 à Bordeaux
 description: "L’événement français des mordus de web performance !"
 description_en: "The French event for web performance enthusiasts"

_includes/head.html

@@ -7,7 +7,7 @@
 
         <meta name="robots" content="{{ page.robots |default: site.robots }}">
 
-        <title>{{ page.title }} - {{ site.title }}</title>
+        <title>{{ page.title }} - {{ site.seo_title }}</title>
         <meta name="description" content="{{ page.description }}">
 
         <link rel="apple-touch-icon" sizes="180x180" href="/assets/favicons/apple-touch-icon.png">
@@ -24,10 +24,10 @@
 
         {% comment %} Social Image computation {% endcomment %}
         {% if page.i18n-key=="home" %}
-          {% capture socialTitle %}{{ site.title }}{% endcapture %}
+          {% capture socialTitle %}{{ site.seo_title }}{% endcapture %}
           {% capture socialImage %}https://res.cloudinary.com/we-love-speed/image/fetch/c_limit,f_auto,q_auto,w_960/https://welovespeed.netlify.com/assets/images/social-{{ page.locale | slice: 0,2 }}.png{% endcapture %}
         {% else %}
-          {% capture socialTitle %}{{ page.title }} - {{ site.title }}{% endcapture %}
+          {% capture socialTitle %}{{ page.title }} - {{ site.seo_title }}{% endcapture %}
           {% assign imgtitle = page.title | url_escape | replace: ' ', '%20' | replace: '.', '%2e' | replace: ',', '%252C' | replace: "'", '%E2%80%99' | replace: '?', '%3F'%}
           {% capture socialImage %}{{ site.cloudinary.origin_url}}/assets/images/social-bg-bx.jpg{% endcapture %}
           {% capture socialImage %}https://res.cloudinary.com/{{ site.cloudinary.cloud_name }}/image/fetch/e_blur:200,c_crop,ar_1200:600,b_white/e_grayscale/w_1200/b_rgb:{{ site.main_color }},o_40/w_1000,c_fit,l_text:Rubik_80:{{ imgtitle }},x_2,y_-98,co_black,o_80/w_1000,c_fit,l_text:Rubik_80:{{ imgtitle }},y_-100,co_white/c_fill,y_150,h_200,w_200,l_ws-square,r_max,bo_5px_solid_red/{{ socialImage }}{% endcapture %}
@@ -39,16 +39,16 @@
         <meta property="og:image" content="{{ socialImage }}" />
         <meta property="og:image:width" content="1200" />
         <meta property="og:image:height" content="630" />
-        <meta property="og:site_name" content="{{ site.title }}" />
-        <meta property="article:author" content="{{ site.title }}" />
+        <meta property="og:site_name" content="{{ site.seo_title }}" />
+        <meta property="article:author" content="{{ site.seo_title }}" />
         <meta property="article:published_time" content="{{ page.date | date: "%Y-%m-%d" }}" />
         <meta name="twitter:card" content="summary_large_image" />
         <meta name="twitter:domain" content="{{ site.domain }}" />
         <meta name="twitter:title" content="{{ socialTitle }}" />
         <meta name="twitter:description" content="{{ page.description }}" />
         <meta name="twitter:image" content="{{ socialImage }}">
-        <meta name="twitter:creator" content="{{ site.title }}" />
-        <meta name="twitter:site" content="{{ site.social.twitter }}" />
+        <meta name="twitter:creator" content="{{ site.social.twitter }}" />
+        <meta name="twitter:site" content="{{ site.seo_title }}" />
         <meta name="twitter:widgets:link-color" content="#{{ site.main_color }}">
         <meta name="twitter:widgets:border-color" content="#{{ site.main_color }}">
         <meta name="twitter:dnt" content="on">

_includes/header-home.html

@@ -1,7 +1,7 @@
 <header class="home-header">
   <div class="wrapper">
     <h1 class="home-main-title">
-      {% cloudinary /assets/images/logo-transparent-bg.png class="home-main-title-logo" alt="{{ site.title }}" %}
+      {% cloudinary /assets/images/logo-transparent-bg.png class="home-main-title-logo" alt="{{ site.seo_title }}" %}
       <div class="home-main-title-baseline">
         {% t 9 octobre 2018, Bordeaux %}<br>
         <small>{% t L’événement français des mordus de web performance ! %}</small>

_includes/header-page.html

@@ -2,7 +2,7 @@
   <div class="wrapper">
     <div class="page-main-title h-like">
       <a href="{{ page.baseurl | default:site.baseurl }}/{{ include.link.anchor }}" title="{% t Accueil %}">
-        {% cloudinary /assets/images/logo-transparent-bg.png class="page-main-title-logo" alt="{{ site.title }}" %}
+        {% cloudinary /assets/images/logo-transparent-bg.png class="page-main-title-logo" alt="{{ site.seo_title }}" %}
       </a>
       <p class="page-main-title-baseline">
           {% t 9 octobre 2018, Bordeaux %}

_includes/schema.html

@@ -2,7 +2,7 @@
 {
   "@context": "http://schema.org",
   "@type": "Event",
-  "name": "{{ site.title }} 2018",
+  "name": "{{ site.seo_title }} 2018",
   "description": "{% if include.locale == "en_US" %}{{ site.description_en }}{% else %}{{ site.description }}{% endif %}",
   "url": "{{ site.url }}{{ page.baseurl | default:site.baseurl }}",
   "image": "https://res.cloudinary.com/we-love-speed/image/fetch/c_limit,f_auto,q_auto,w_960/{{ site.url }}{{ site.baseurl }}/assets/images/social-{{ lang }}.png",
@@ -22,7 +22,7 @@
   },
   "organizer": {
     "@type": "Organization",
-    "name": "{{ site.title }}",
+    "name": "{{ site.seo_title }}",
     "logo": "{{ site.logo }}",
     "sameAs": [
       {% for social in site.data.social %}

pages/en/index.html

@@ -49,7 +49,7 @@ <h2 class="text-center">You want to stay in the loop?</h2>
 <section class="section">
   <div class="wrapper">
     <h2 class="text-center">At last, a French event dedicated to web performance!</h2>
-    <p>Created by and for the webperf community, We ❤️ Speed was born from the desire to share as widely as possible knowledge and experience about webperf. Web professionals, e-commerce and webperf experts, this event is for you!</p>
+    <p>Created by and for the webperf community, {{ site.title }} was born from the desire to share as widely as possible knowledge and experience about webperf. Web professionals, e-commerce and webperf experts, this event is for you!</p>
     <p>Decision makers, developers... let's meet for a day, and maybe a few evenings, in one of the most beautiful cities in France, to discuss web performance: its challenges, its implementation, its stakeholders but also the organization of the companies that implement it.</p>
     <p class="text-center">
         <a class="button" data-text="Come to Bordeaux" href="{{ page.baseurl | default:site.baseurl }}/{{ "infos-pratiques" | t: page.locale }}/"><span class="button-inner">Come to Bordeaux</span></a>

pages/fr/index.html

@@ -49,7 +49,7 @@ <h2 class="text-center">Envie de rester informé ?</h2>
 <section class="section">
   <div class="wrapper">
     <h2 class="text-center">Enfin un événement français dédié à la web perf&nbsp;!</h2>
-    <p>Créé par et pour la communauté webperf, We ❤️ Speed est né de l’envie de partager le plus largement possible les connaissances et expériences en matière de webperf. Professionnels du web, de l’e-commerce et experts de la webperf, cet événement est fait pour vous&nbsp;!</p>
+    <p>Créé par et pour la communauté webperf, {{ site.title }} est né de l’envie de partager le plus largement possible les connaissances et expériences en matière de webperf. Professionnels du web, de l’e-commerce et experts de la webperf, cet événement est fait pour vous&nbsp;!</p>
     <p>Décideurs, développeurs… retrouvons-nous pour une journée, et peut-être quelques soirées, dans une des plus belles villes de France, afin d'échanger sur la WebPerf : ses enjeux, son implémentation, ses acteurs mais aussi l'organisation des entreprises qui l'implémentent.</p>
     <p class="text-center">
         <a class="button" data-text="Venir à Bordeaux" href="{{ page.baseurl | default:site.baseurl }}/{{ "infos-pratiques" | t: page.locale }}/"><span class="button-inner">Venir à Bordeaux</span></a>