Skip to content

Commit

Permalink
add meta title
Browse files Browse the repository at this point in the history
  • Loading branch information
Anne-Laure de Boissieu committed Apr 26, 2021
1 parent 720beee commit 86e0117
Show file tree
Hide file tree
Showing 18 changed files with 79 additions and 22 deletions.
4 changes: 3 additions & 1 deletion content/technologies/accessibilite.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,8 @@
---
name: "Accessibilité"
title: "Responsive design, accessibilité : des interfaces web exigeantes"
title:
- "Responsive design, accessibilité :"
- "des interfaces web exigeantes"
articles: []
caseStudies: []
---
Expand Down
4 changes: 3 additions & 1 deletion content/technologies/algolia.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,9 @@
---
name: "Algolia"
logo: "build/images/technos/algolia.svg"
title: "Algolia, un moteur de recherche interne pertinent et performant"
title:
- "Algolia, un moteur de recherche interne"
- "pertinent et performant"
articles: []
caseStudies: []
---
Expand Down
3 changes: 2 additions & 1 deletion content/technologies/bootstrap.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
---
name: "Bootstrap"
logo: "build/images/technos/graphql.svg"
title: bootstrap
title:
- bootstrap
show: false
---
3 changes: 2 additions & 1 deletion content/technologies/css.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
---
name: CSS
logo: build/images/technos/css3.svg
title: CSS
title:
- CSS
show: false
---
4 changes: 3 additions & 1 deletion content/technologies/elasticsearch.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,9 @@
---
name: "ElasticSearch"
logo: "build/images/technos/elasticsearch.svg"
title: "ElasticSearch : un moteur de recherche simple et efficace pour votre application web"
title:
- "ElasticSearch : un moteur de recherche simple et efficace"
- "pour votre application web"
---

ElasticSearch est un logiciel open source assurant **une recherche rapide et pertinente dans vos bases de données**. Chez Elao, nous l'utilisons en grande majorité pour des recherches de géolocalisations, par exemple pour trouver une offre d'emploi près de son domicile ou dans un rayon d'un certain nombre de kilomètre, ou bien pour de la recherche plus classique de texte.
Expand Down
3 changes: 2 additions & 1 deletion content/technologies/graphql.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,5 +2,6 @@
name: "GraphQL"
logo: "build/images/technos/graphql.svg"
show: false
title: GraphQL
title:
- GraphQL
---
3 changes: 2 additions & 1 deletion content/technologies/html.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
---
name: HTML
logo: build/images/technos/html5.svg
title: HTML
title:
- HTML
show: false
---
3 changes: 2 additions & 1 deletion content/technologies/javascript.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,5 +2,6 @@
name: "Javascript"
logo: "build/images/technos/graphql.svg"
show: false
title: javascript
title:
- javascript
---
3 changes: 2 additions & 1 deletion content/technologies/nodejs.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,5 +2,6 @@
name: "Node.js"
logo: "build/images/technos/graphql.svg"
show: false
title: NodeJS
title:
- NodeJS
---
4 changes: 3 additions & 1 deletion content/technologies/payment.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,8 @@
---
name: "Paiement"
title: "Intégration d'une solution de paiement en ligne"
title:
- "Intégration d'une solution de paiement en ligne"
- "pour votre application"
title-seo: "Paiement en ligne pour votre application web ou mobile avec Elao 💴"
meta-description: "Les transactions bancaires peuvent être nécessaires pour votre projet web ou mobile. Nous pouvons vous accompagner dans l'intégration d'une solution de paiement en ligne comme Stripe, PayPal, MangoPay ..."
---
Expand Down
3 changes: 2 additions & 1 deletion content/technologies/react-native.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,8 @@
---
name: "React Native"
logo: "build/images/technos/react.svg"
title: React Native
title:
- React Native
articles: []
caseStudies: []
---
4 changes: 3 additions & 1 deletion content/technologies/react.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,9 @@
---
name: "React"
logo: "build/images/technos/react.svg"
title: "Des interfaces web interactives, fluides et dynamiques avec React"
title:
- "Des interfaces web interactives,"
- "fluides et dynamiques avec React"
articles: []
caseStudies: []
---
Expand Down
4 changes: 3 additions & 1 deletion content/technologies/signature-securisee.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,8 @@
---
name: "Signature électronique"
title: "Souscription et signature électronique dans votre application web"
title:
- "Souscription et signature électronique"
- "pour votre application web"
articles: []
caseStudies: []
---
Expand Down
3 changes: 2 additions & 1 deletion content/technologies/svg.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
---
name: SVG
logo: build/images/technos/svg.svg
title: SVG
title:
- SVG
show: false
---
8 changes: 6 additions & 2 deletions content/technologies/symfony.md
Original file line number Diff line number Diff line change
@@ -1,12 +1,16 @@
---
name: "Symfony"
logo: "build/images/technos/symfony.svg"
title: "Nous utilisons Symfony pour créer des applications robustes"
title:
- "Nous utilisons Symfony"
- "pour créer des applications robustes"
articles: [dev/architecture-hexagonale-symfony, dev/comment-integrer-vue-js-application-symfony, dev/authentification-par-lien-magique]
caseStudies: [tribu, cirano, climapp]
titleSeo: "Développement Symfony : nous créons des applicatifs et projets web robustes et évolutifs 💪"
metaDescription : "Pourquoi faire confiance à Elao et Symfony, en choisir ce framework pour le développement de son logiciel ou application ? On vous dit tout 😎"
---

Pour nos développements backend, nous nous appuyons sur Symfony, un framework PHP largement plébiscité par la communauté.
Pour nos développements backend, nous nous appuyons sur *Symfony, un framework PHP largement plébiscité par la communauté*.

## Pourquoi avons-nous fait le choix de Symfony ?

Expand Down
4 changes: 3 additions & 1 deletion content/technologies/vue-js.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,9 @@
---
name: "Vue.js"
logo: "build/images/technos/vue.svg"
title: "Vue.js : un peu de magie dans nos interfaces🧙‍♀️"
title:
- "Vue.js"
- "un peu de magie dans nos interfaces🧙‍♀️"
title-seo: "Développement Vue.js à Lyon - Elao met de la magie dans vos applis ! 🧙‍♀️"
meta-description: "Nous vous aidons à réfléchir à des interfaces utilisateur rapides et efficaces que nous pouvons mettre en oeuvre grâce à Vue.js, un framework javascript reconnu et solide !"
articles: []
Expand Down
24 changes: 23 additions & 1 deletion src/Model/Technology.php
Original file line number Diff line number Diff line change
Expand Up @@ -8,14 +8,36 @@ class Technology
{
public string $name;
public ?string $logo = null;
public string $title;
public array $title = [];
public string $slug;
public string $content;
public ?string $description;
public ?string $metaDescription = null;
public ?string $titleSeo = null;
public ?array $articles = null;
public ?array $caseStudies = null;
public \DateTimeInterface $lastModified;

/** Show a dedicated page or not */
public bool $show = true;

public function isTwoPartTitle(): bool
{
return \count($this->title) > 1 ?? false;
}

public function getFullTitle(): string
{
return $this->isTwoPartTitle() ? sprintf('%s %s', $this->title[0], $this->title[1]) : $this->title[0];
}

public function getFirstPartTitle(): string
{
return $this->title[0];
}

public function getSecondPartTitle(): string
{
return $this->title[1];
}
}
17 changes: 13 additions & 4 deletions templates/technology/technology.html.twig
Original file line number Diff line number Diff line change
@@ -1,5 +1,7 @@
{% import "macros.html.twig" as macros %}
{% extends 'base.html.twig' %}
{% block meta_title technology.titleSeo ?? technology.fullTitle %}
{% block meta_description technology.metaDescription ?? technology.fullTitle %}

{% block content %}
<ol class="breadcrumb" itemscope itemtype="https://schema.org/BreadcrumbList">
Expand All @@ -23,10 +25,17 @@
- câbler le logo de la techno (parfois on a pas de logo, ne pas afficher l'image)
#}
<div class="banner-technology">
<h1 class="banner-technology__title">
{{ technology.title }}
<span>fin du titre</span>
</h1>
{% if technology.isTwoPartTitle %}
<h1 class="banner-technology__title">
{{ technology.firstPartTitle }}
<span>{{ technology.secondPartTitle }}</span>
</h1>
{% else %}
<h1 class="banner-technology__title">
{{ title }}
</h1>
{% endif %}

<div class="banner-technology__image">
<img src="{{ asset(technology.logo) }}" alt="logo de {{ technology.name }}" class="logo">
</div>
Expand Down

0 comments on commit 86e0117

Please sign in to comment.