Transcript Télécharger

Formation internet de
l’ARALg
Jean GLAUDE, ingénieur civil architecte
Responsable Web du site de l’ARALg
avec le créateur de site JIMDO
•créé en 2007
•200 employés à Hambourg, Tokyo et San
Francisco
•15 millions de sites internet
1
Choix du nom
pour votre site
Il doit au moins contenir le
mot «architecte», car cela
correspond aux recherches
majoritaire sur les moteurs de
recherche
2
Choix du
design
• avec sidebar ou barre latérale à droite ou à
•
•
gauche
avec menu déroulant
avec fond personnalisé
Vous pourrez changer de design à tout
moment sans perdre votre contenu : textes,
photos, liens, etc.
Conseils :
• Que visualise l’internaute?
• Quel arrière plan?
• Pages blanches ou noires? Transparentes
ou pas?
• Comment choisir la navigation dans les
menus?
3
Choix du
• Que visualise l’internaute?
design
• une zone de 400 pixels ou
•
•
points en largeur
et 600 pixels en longueur
Exemples :
• Aralg
4
Choix du
• Quel arrière plan? design
• Exemples :
•
•
•
•
•
Généalogie (Dublin)
Chorale (Helsinki)
Jean GLAUDE (Helsinki)
Pages blanches ou noires?
Transparentes ou pas?
Comment choisir la navigation
dans les menus?
5
Choix du
• Pages blanches ou noires?
design
Transparentes ou pas?
•
Exemple : equerre
6
Choix du
• Comment choisir la navigation
design
dans les menus?
•
•
•
•
Menu normal
• Aralg
Menu déroulant
• Jean GLAUDE (Helsinki)
Fil d’Ariane
Menu rétractable
Pas plus de 7 onglets ou 7 pages
principales.
Vous disposez de 3 niveaux
7
Faire sa page d’accueil
•
•
•
•
•
•
•
Les titres
Les textes
Les colonnes
Les tableaux
Les téléchargements
Les partages vers les réseaux
sociaux
Les widgets
Passons chaque point en revue
8
Faire sa page d’accueil
•
Les titres :
• en langage Web ou dans le
code source : H1, H2, H3
un seul titre H1 par page pour les
moteurs de recherche
hiérarchisez ensuite les autres
titres en H2, puis H3
en pratique... créer un titre et 2
sous titres
9
Faire sa page d’accueil
•
Les textes :
• pas trop long
• simple avec sujet, verbe,
complément
• pas de forme négative ou
passive
• hiérarchisez vos textes avec
des puces ou des numéros
sur le blog de l’ARALg, quelques
conseils
en pratique... créer un texte en
des sous titres
10
Faire sa page d’accueil
•
Les colonnes :
• pour bien diviser votre page
• pour ne pas avoir des textes
trop longs sur la largeur de la
page
• pour mettre des logos ou des
boutons de navigation
en pratique... créer 2 colonnes et
faire glisserles 2 sous titres et les
2 textes en dessous
11
Faire sa page d’accueil
•
Les tableaux :
• pour mettre les références de
vos chantier en cours ou
terminés
• attention de demander
l’autorisation du propriétaire
passons rapidement... puis
supprimons le tableau créé
12
Faire sa page d’accueil
•
Les téléchargements :
• pour fournir gratuitement une
plaquette d’information de votre
bureau
• pour donner des exemples de
plans, de cahiers des charges,
de métrés ou de métrés
descriptifs
• Etc.
En pratique... télécharger un
fichier quelconque Word, pdf ou
autre, puis supprimer le
téléchargement
13
Faire sa page d’accueil
•
•
Les partages vers les réseaux
sociaux :
• Facebook
• Twitter
• Evernote
• Linkedin, etc.
A ajouter à votre barre latérale
En pratique... créer des boutons
de partage
Peut-on déplacer ce qu’on a
créé?
sur la même page?
sur une autre page
14
Peut-on dupliquer un élément?
Faire sa page d’accueil
•
Les widgets :
• une horloge
• un compteur
• une station météo
• un bouton spécial pour une
pétition par exemple : Aralg
En pratique... une horloge si on
est dans les temps !!!
15
Créer son formulaire de
• L’élément «formulaires»
:
contact
• sur votre dernière page appelée
•
•
en général «contact»
• un bref CV de vous peut être mis
à cet endroit
Vos coordonnées dans la barre
latérale avec un élément «texte»
• adresse, téléphone, courriel
Une carte Google pour localiser
facilement votre bureau
En pratique... l’avantage des
colonnes pour mettre le formulaire à
gauche et la carte à droite
16
Créer sa galerie de photos
• Dans une page spéciale «Galeries»
•
évidemment
éventuellement avec des sous pages pour
classer vos réalisations :
• Projet
• Chantier
• Terminé
• ou encore :
• commerces, bureaux, écoles
• immeubles collectifs
• résidences unifamiliales
• etc.
En pratique... télécharger 3 photos de votre
ordinateur, les nommer, les déplacer, les
agencer, etc.
17
Créer son blog !
• Pourquoi?
• Pour être référencé
• Pour raconter votre histoire :
• l’avant-projet de maison
•
passive en cours
• ou le chantier en cours
• ou l’usage de matériaux inédits
• une expérience utile ou
amusante
Comment? Via le module spécial
«Blog»
En pratique... ouvrir le blog dans la
barre latérale Jimdo
18
Créer son blog !
• Comment?
• avec un titre H1 caché puis public
• avec ou sans commentaires
• dans quelle catégorie?
• expérience
• chantier
• projet
• spot
• Le reste se réalise comme dans les
pages normales
En pratique... créer une page
modèle vierge avec un titre, 1
résumé et 2 éléments textes, ainsi
que des catégories
19
Publier son blog !
•
•
Dans la page d’accueil ou dans
une page spécifique?
• les deux !
• Dans la page d’accueil pour
les spots
• Dans la page Blog
• Dans des sous pages par
catégories
Avec quels paramètres?
En pratique... 2 catégories + tous
20
Comprendre les réglages
•
Pour modifier son site
• son désign
• un bouton «remonter»
• le référencement SEO (Search
Engine Optimization)
• créer un «Favicon»
En pratique... connexion, afficher,
déconnexion
N’oubliez pas votre mot de passe
21
Modifier le design de son site
•
•
Pour changer de design :
• il suffit d’essayer d’autres
design
• sans enregistrer
Pour modifier son propre design :
• choisissez un élément et
changez-le
En pratique... modifier
l’apparence des titres
Ajouter un arrière plan : fond
coloré ou photo
Changer la transparence
22
Gérer l’administration du site
•
les paramètres de Jimdo :
• créer une page protégée
• lier son site à Facebook ou
Twitter
• etc.
En pratique... parcourir les
réglages
23
Favoriser le référencement
naturel
•
le contenu :
• des textes clairs
• une belle galerie de photos
référencées avec Pinterest
• un blog mis à jour
régulièrement une fois par mois
minimum
• créer une infolettre
• utiliser les réseaux sociaux
avec un lien vers votre site
En pratique... les paramètres
SEO de Jimdo
24
Devenir un vrai site payant
•
•
•
avec votre nomdedomaine.be
ou .net, .com, .eu
Le nouveau tarif de Jimdo est
de 78 €/an, soit 6,5 €/mois avec
facture annuelle TVAC.
augmentation du référencement
naturel
En pratique... bonne
continuation ! et merci pour
votre participation, votre
patience et votre écoute.
[email protected]
25
Devenir un vrai site payant
•
•
•
avec votre nomdedomaine.be
ou .net, .com, .eu
Le nouveau tarif de Jimdo est
de 78 €/an, soit 6,5 €/mois avec
facture annuelle TVAC.
augmentation du référencement
naturel
En pratique... bonne
continuation ! et merci pour
votre participation, votre
patience et votre écoute.
[email protected]
26