Blocs, thème et référencement

Une page Magikio est une pile de blocs. Vous les ajoutez, les réordonnez et les supprimez librement — l'ordre de la liste est l'ordre de la page.

Les huit blocs

Un site accepte jusqu'à 20 blocs. Le Menu et le Pied de page sont limités à un exemplaire : dans la liste d'ajout ils apparaissent grisés une fois posés, avec le motif écrit. Tous les autres peuvent être répétés autant de fois que vous voulez — deux galeries, trois sections de texte, rien ne l'interdit.

Réorganiser, dupliquer, annuler

• Déplacer — saisissez un bloc par sa poignée et faites-le glisser. Les flèches ↑ et ↓ font la même chose au clavier.
• Dupliquer — reprend le bloc à l'identique juste en dessous, et sélectionne la copie. Pratique pour une seconde section bâtie sur la même structure.
• Annuler — Ctrl+Z, et Ctrl+Maj+Z pour rétablir. L'annulation couvre tout : le texte, l'ordre des blocs, les suppressions et les réglages de thème. Une suppression accidentelle se rattrape donc en une touche.

Le menu navigue dans la page

Un site fait une page. Les liens du menu ne mènent pas vers d'autres pages : ils font défiler vers une section de celle-ci.

Le mécanisme est explicite. Chaque bloc peut porter une ancre — un identifiant court, sans espace, par exemple contact. Un lien du menu pointant vers #contact amènera à ce bloc.

Les modèles arrivent avec des ancres et des liens déjà accordés : la navigation fonctionne dès la création. Si vous renommez une ancre, pensez à corriger le lien du menu qui la visait, sinon il ne fera plus rien.

Sur téléphone, les liens du menu se replient derrière un bouton Menu : le haut de page reste court quel que soit le nombre de liens. Sur ordinateur, la barre ne change pas. Vous pouvez le vérifier dans la prévisualisation, en largeur Téléphone.

Le thème du site

Trois réglages, dans « Paramètres du site », qui s'appliquent à toute la page :

• Couleur d'accent — celle des boutons et des éléments mis en avant.
• Couleur de fond — le fond général du site.
• Typographie — Moderne, Classique, Élancée ou Technique.

Ce sont des polices système : le site publié ne télécharge aucun fichier et n'appelle aucun service tiers. Il s'affiche donc immédiatement, et n'envoie les données d'aucun visiteur à un hébergeur de polices. En contrepartie, le dessin exact des lettres dépend de la machine du visiteur — c'est pourquoi les choix décrivent une intention plutôt qu'un nom de police.

Vous ne choisissez jamais la couleur du texte. Elle est déduite du fond, pour chaque bloc. C'est ce qui rend impossible un site illisible : sur un fond sombre le texte passe en clair tout seul, y compris sur les boutons et les cartes.

Les réglages par bloc

Chaque bloc peut s'écarter du thème sur trois points : sa couleur de fond, l'alignement de son contenu et son espacement vertical. C'est ce qui permet d'alterner les bandes claires et sombres le long de la page.

La couleur de fond d'un bloc a un état particulier : « Suivre le thème du site ». Tant qu'il est actif, le bloc reprend le fond général — et changer le thème se voit partout d'un coup, sans repasser bloc par bloc. Dès que vous peignez un bloc, il devient indépendant ; la bascule est là pour revenir en arrière.

Les images

Les images se saisissent par adresse web : collez l'URL d'une image déjà en ligne. Magikio n'héberge pas encore vos fichiers.

À côté de chaque image, un champ « Description de l'image ». Il n'apparaît pas sur le site : il est lu à voix haute par les lecteurs d'écran, s'affiche si l'image ne charge pas, et compte pour le référencement. Une phrase courte suffit — décrivez ce qu'on voit, pas ce que l'image est.

Une galerie accepte jusqu'à 24 images, un catalogue jusqu'à 24 articles, un menu jusqu'à 8 liens.

Voir le site tel qu'il sera

Le bouton « Prévisualiser » de l'en-tête ouvre le site en plein écran, sans aucun cadre de sélection, avec trois largeurs :

• Téléphone (390 px), Tablette (768 px), Plein écran.

Ces largeurs ne sont pas décoratives : la mise en page des blocs change réellement selon la place disponible. Une grille de trois produits passe à deux colonnes sur tablette et à une seule sur téléphone. La prévisualisation est le seul endroit où vous le verrez avant publication — et l'essentiel du trafic d'un site vitrine arrive depuis un téléphone.

Référencement

En bas de « Paramètres du site », trois réglages qui n'apparaissent pas sur le site lui-même :

• Titre dans les résultats — la ligne la plus lue d'un résultat de recherche. Laissé vide, c'est le nom du site qui sert.
• Description — affichée sous le titre dans les moteurs et dans les aperçus de partage. Au-delà de 160 caractères, elle est coupée.
• Langue du site — dit aux moteurs dans quelle langue indexer la page, et aux lecteurs d'écran avec quelle prononciation la lire. Français par défaut ; changez-la si vous rédigez dans une autre langue, sinon votre site anglais sera lu avec l'accent français et mal ciblé dans les résultats.

Le titre et la description partent aussi dans les métadonnées de partage : c'est ce qui s'affiche quand quelqu'un colle l'adresse de votre site dans une messagerie ou sur un réseau social.

Quand tout est prêt : Publier et mettre en ligne.