Faire du SEO avec Grav

Vous l'aurez compris ce blog Merci Sergey est fait sous le CMS Grav. J'avais envie de tester ce CMS, d'aller plus loin dans ma compréhension du web ... et par "déformation professionnelle" (ou ancienne) en tant que Spécialiste SEO et (ex-)Consultant SEO en agence, je voulais voir si Grav permettait d'arriver à positionner correctement un site en termes de SEO.

J'ai aussi lancé des sites en parallèle, dont je vous parlerai peut-être après comme use-case, qui utilisent aussi le CMS Grav.

Ce que dit Grav à propos de son CMS

Ce que Grav nous indique par rapport à son CMS et le fait qu'il soit ou non valide en termes de SEO. - Spoiler alert: selon eux, c'est OK en termes de SEO / c'est SEO friendly.

Grav est SEO Friendly

Human-readable URLs along with site-wide and per-page metadata provide fantastic SEO capabilities.

De base, le CMS Grav propose en effet quelques trucs et astuces qui permettent de rendre le SEO facile et accessible : en termes de contenus, d'URL, de balises h1, de balise title ou de balises META Description

Grav gère bien les redirections

Powerful site-wide and per-page routing and redirection capabilities provide improved usability and SEO flexibility.

J'avoue que côté redirection, c'est simple à mettre en place et que vous pouvez facilement choisir de faire des redirections 301 ou 302 par défaut.

Optimiser Grav pour le SEO

Comment optimiser Grav pour le SEO, je fournis dans cet article quelques astuces.

Optimiser la sidebar pour le SEO

Alors comme vous pourrez le voir sur le côté de l'article, les pages permettent d'avoir accès à une sidebar ... mais ce n'est pas la même gestion - surtout si vous êtes habitué.e à un CMS comme Wordpress. - mais selon le thème et le template choisi pour Grav, vous n'aurez pas la même gestion.

La plus simple est celle qui se trouver directement sur la page et dans l'onglet Advanced / Avancé où vous aurez la possibilité de cocher la case (un petit tick) et ensuite choisir Yes ou No pour l'afficher. Le thème de base de Grav permet de faire cela.

Il y a sinon la solution d'aller dans le fichier user/theme/antimatter/templates/partials/sidebar.html.twig 

{% if config.plugins.simplesearch.enabled %}
<div class="sidebar-content">
    <h4>{{ 'SIDEBAR.SIMPLE_SEARCH.HEADLINE'|t }}</h4>
    {% include 'partials/simplesearch_searchbox.html.twig' %}
</div>
{% endif %}

Où vous pourrez ajouter du code HTML facilement

Par exemple pour ajouter / modifier dynamiquement les 3 derniers posts créés:

<div class="sidebar-content">
<h4>Recent posts</h4>
<ul>
    {% for post in page.find('/blog').children.order('date', 'desc').slice(0, 3) %}
        <li class="recent-posts">
            <a href="{{ post.url }}">{{ post.title }}</a>
        </li> 
    {% endfor %}
</ul>
</div>

La base du SEO : le contenu, la structure et les liens

Sans faire un audit complet du CMS Grav, je vais revenir sur des points essentiels au SEO afin de voir s'ils sont présent ou non sur Grav.

Le contenu

Là ça dépend de vous, enfin en l'occurence de moi, et comme vous le voyez avec cet article je "tente" aussi le positionnement SEO sur les expressions liées à SEO et à Grav ; j'en profite aussi pour utiliser le champ lexical avec CMS, netlinking, structure, etc.

Si vous êtes bon, vous aurez compris que si vous souhaitez "reproduire" le modèle, vous pouvez - moi je je vous donne certaines clés pour faire du SEO ;-)

La structure

Nous parlions de structure simplifiée dans cet article Structure SEO HTML, vous pouvez vous en inspirer. Pour Grav, je vous recommande d'utiliser le Markdown - comme vu plus haut - qui vous simplifiera la tâche.

Si vous souhaitez aller plus loin en terme de strucure pour Grav, je vous recommande d'utiliser la partie avancée du CMS qui va vous permettre d'afficher des données réellement intéressantes pour le SEO (balise title, META description, meta robots, ...)

Exemple:

title: 'Faire du SEO avec Grav | Merci Serguey'
**googletitle: 'Faire du SEO avec Grav : optimiser son SEO sur Grav | Merci Serguey'**
**googledesc: 'Le SEO est un vaste monde ! Découvrez aujourd'hui comment l'optimiser si vous utiliez le CMS Grav =) | Trucs et astuces rapides'**
date: '17:10 07-05-2019'
twitterenable: true
twittercardoptions: summary
productenabled: false
**product:
    ratingValue: 4.6**
facebookenable: true
show_sidebar: false
**show_breadcrumbs: true**
show_pagination: true
hide_from_post_list: false

J'ai mis en gras les éléments essentiels selon moiu pour le SEO via ce fameux mode avancé de Grav.

Faire du SEO avec Grav : utiliser/apprendre le MarkDown

Ecrire en markedown, c'est quoi ce truc ? WTF is That ?

Commençons par les puces : Pour faire une liste à puce il faut utiliser `*`

* [Lien MarkDown](http://www.markedow.com)
* Une seconde puce

Pour faire une citation, voilà comment faire :
> You are your own beliver man!

<!--Ajouter quelque chose pour clarifier mais qui n'apparaitra pas -->

Pour faire une citation `>`

Encadrer votre terme par `**` : permettra de faire du **gras**

Encadrer votre terme par `_` : permettra de faire de l'_italique_ et si vous doublez `_`, soit `__` cela fera du gras

Les niveaux de titres sont : 
#h1

##h2

###h3

####h4

Ce qui donne :

Ecrire en markedown, c'est quoi ce truc ? WTF is That ?

Commençons par les puces : Pour faire une liste à puce il faut utiliser *

Pour faire une citation, voilà comment faire :

You are your own beliver man!

<!--Ajouter quelque chose pour clarifier mais qui n'apparaitra pas -->

Pour faire une citation >

Encadrer votre terme par ** : permettra de faire du gras

Encadrer votre terme par _ : permettra de faire de l'italique et si vous doublez _, soit __ cela fera du gras

N'oubliez pas de passer une ligne entre les différents éléments, comme ci-dessus, sinon la mise en forme ne se fera pas.

Grav a pensé à tout et à vous !

Il y a un max de contenu, type Wiki, sur la partie Learn de Grav. Je vous invite à compléter votre utilisation par ces pages d'apprentissage

Article suivant Article précédent