Category Archives for "Mise en forme de votre site web"

1 site internet dynamique

Site Web Moribond ou Site Internet Dynamique?

Qu'est-ce qu'un site internet dynamique?

Un site internet dynamique est un site web qui a du contenu, c'est à dire du texte et beaucoup de texte.
Si je regarde les sites web de certain artistes, photographes, musiciens, médecins, coiffeuses etc,  je me rend compte que très souvent ces sites sont très jolis mais manquent de contenu

Un site web sans texte, sera introuvable par les moteurs de recherche. Par exemple Google est incapable de "voir" les photos ou vidéos que vous publiez sur votre site internet. Donc le texte qui accompagne vos oeuvres d'art est de la première importance!

A quoi pourrait ressembler site internet dynamique?

Sur cette vidéo j'ai pris pour exemple le site de mes potes:  Kala-Music.ch

Ce qu'il faut éviter et comment améliorer:

Evitez les défilements automatiques d'images en haut de pages. L'effet est peut être bluffant, mais le temps de chargement du site va en souffrir. Ces défilement de diapositives demandent l'exécution d'un script ce qui fera ralentir la vitesse de chargement de votre site internet.
Privilégiez plutôt l'affichage d'images statiques sur plusieurs colonnes.

Des pages pleines de photos, de fichiers audio ou de vidéos ne servent a rien si elles ne contiennent pas de texte! Google et les autres moteurs de recherches sont incapables de voir et écouter ce que vous publiez! Par contre les moteurs de recherches se basent uniquement sur le texte de votre site internet.
Un site internet dynamique contient bien entendu des vidéos des fichiers audio et des photos, mais surtout du texte, du texte et encore du texte.

Comment créer un site internet dynamique en 20 minutes?

Regardez cette vidéo de 20 minutes et vous verrez que créer un site internet dynamique ne prend pas plus de temps que cette vidéo:

 

Outils utilisés pour ce site:

PROFITEZ DE TELECHARGER NOTRE GUIDE
POUR CONSTRUIRE UN SITE WEB EFFICACE
POUR MUSICIENS !

Cliquez ici pour télécharger notre guide GRATUIT

 

 

 

 

site builder

Site Builder Attention aux pièges

Site Builder: créez un site internet sans connaissances

Certains fournisseurs proposent de créer un site internet, très facilement. Ces fournisseurs vous proposent un logiciel de création et de design genre Site Builder.

Il est vrai qu'en regardant les vidéos de ces fournisseurs, la création d'un site internet avec ce genre de logiciels semble très facile. Mais avant de vous décider de créer votre site avec un site builder considérez les éléments ci-dessous:

1.Identité de votre site internet et son évolution.

Certes certains fournisseurs de site builder, vous proposent de commencer gratuitement. Sauf que l'identité de votre site restera liée avec ce fournisseur. Et votre adresse ressemblera à
http://www.votresite.lefournisseur.com. Si vous optez pour une version payante alors vous devrez acheter votre nom de domaine chez ce fournisseur. Vous n'avez pas d'autre choix.

Ensuite vous ne pourrez pas personnaliser l'image de votre marque. Vous disposez d'une palette de thèmes à choix et c'est tout.

L'ergonomie de votre site sera aussi limité. Et si vous désirez faire évoluer cette ergonomie et déléguer ce travail à un web designer, il ne pourra rien faire.

2. Vos données et votre indépendance

En construisant votre site ave un développeur de site du genre site builder, vous dépendez de son hébergeur. En fait vous êtes en captivité , vous ne pourrez pas choisir un autre hébergeur web.

Aussi les données de votre site seront difficilement récupérables pour les utiliser chez un autre hébergeur. Par exemple le transfert de votre base de données sera très fastidieuse.
et si un jour ce fournisseur décidait de fermer et cesser son activité.

3. Référencement naturel du site internet.

Malgré que certains site builders ont fait des progrès concernant le référencement, certains manquent de flexibilité concernant cet aspect. Par exemple un site builder ne permet pas forcément...

  • la structure des liens
  • l’emplacement et la structure des menus
  • la version mobile de votre site
  • la compression des fichiers
  • les balises titre et description de vos pages et articles pour les moteurs de recherche
  • le cache votre site
  • les fichiers sitemaps de votre site

4. Gagner du temps

Certes la création d'un site internet avec un site builder semble très rapide.

Mais ce qui prend du temps, c'est la rédaction du contenu. Les articles, les vidéos, les photos, enfin tout ce qui apportera de la valeur pour les visiteurs de votre site internet.

Un site builder ne va pas rédiger votre contenu, et vous devrez certainement investir du temps pour comprendre son fonctionnement et ses limites.

WordPress: La meilleure alternative aux site builder

WordPress est l'outil de création de sites internet le plus utilisé au monde.

  • Plus de 25% du Web est propulsé par WordPress
  • Vous n’avez pas besoin de savoir « coder » pour concevoir un site avec WordPress
  • WordPress est un projet libre (Open Source) qui évolue constamment
  • En créant un site avec WordPress, vous maîtrisez entièrement vos données
  • Il existe plus de 50’000 extensions gratuites et 2’500 thèmes gratuits pour WordPress: tout est possible !

Conclusion: créer un site avec un site builder représente un avantage à court terme, mais une mauvaise solution à long terme

Au prime abord, les générateurs de site Internet comme Wix, Weebly, Site Builder et Squarespace sont très séduisants. Comme WordPress, ces derniers permettent de concevoir rapidement des sites Internet attractifs sans connaissances techniques, mais ces derniers ne vous permettront pas de maîtriser vos données et certains aspects techniques importants d'optimisation de référencement de votre site dans les moteurs de recherche.
À l’inverse de WordPress, une solution Open Source, ces solutions ne vous permettront pas de faire évoluer facilement le design, les fonctionnalités et vous rendent captifs de l'hébergement de votre site internet.

Pour faciliter la création de votre site avec WordPress il existe des extensions d'édition visuelle. Le meilleur toute catégories étant Thrive Content Builder

Si votre site Internet est un projet durable, il est donc important de privilégier une solution puissante et évolutive qui pourra bénéficier d’un hébergement en mesure d’évoluer avec le succès croissant de votre site Internet.

Source de cet article: Infomaniak

 

 

 

 

 

 

 

éditeur visuel pour WordPress

Editeur visuel pour WordPress

Editeur visuel pour WordPress | Divi Builder versus Thrive Content Builder

En installant WordPress chez Infomaniak, vous recevez gratuitement Divi Builder, un éditeur visuel pour WordPress ...
L'éditeur standard pour WordPress étant très limité, vous cherchez peut-être un éditeur visuel digne de ce nom. C'est à dire un éditeur qui vous fasses gagner du temps et qui reflète au mieux le résultat final de vos créations de pages ou d'articles de blogs.

Si tout comme moi, vous êtes incapable de générer des codes de mises en page, un éditeur visuel pour WordPress vous sera de la plus grande utilité.

Un éditeur visuel pour WordPress devrait en principe nous permettre de créer une page en glissant des éléments de créations tels que des images des photos , du texte etc. et de les déposer exactement à l'endroit désiré.

Idéalement un éditeur visuel pour WordPress devrait refléter le résultat de notre création en temps réel.

Regardez la vidéo ci-dessous, j'ai testé les différences entre Divi Builder et Thrive Content Builder.​

Récapitulons les différences entre ces deux éditeurs visuels pour WordPress

Fonctions Editeur 

Mise en page facile

Choix d'éléments

Insérer photos

Ajouter Vidéo

Glisser-déposer

Visualisation directe

Apprentissage

DIVI BUILDER

  • Oui
  • Oui
  • Oui
  • Subtile ...
  • Pas évident
  • Abstrait
  • Nécessaire

THRIVE EDITOR

  • Oui
  • Oui
  • Oui
  • Oui
  • OUI
  • OUI
  • Rapide

 Ce tableau n'est pas exhaustif. Mais déjà le peu que j'ai testé démontre un net avantage pour l'éditeur visuel pour WordPress Thrive Content Builder.
Divi Builder facilite déjà bien la tâche de construction de page.  Sauf que la fonction d'édition ne montre pas réellement le résultat final, vu qu'il s'affiche sous forme de modules rectangulaires, éléments sans en montrer le contenu du premier coup d'oeil.
Par contre en éditant votre page ou article avec Thrive Content Builder, les éléments, textes, colones, paragraphes, photos, vidéos etc sont affichées en mode édition exactement de al même façon qu'en mode prévisualisation.

Si vous ne savez pas l'anglais accéder à notre module design ici

Si vous savez l'anglais, vous pouvez télécharger Thrive Content Builder ici

image de fond

Comment créer une image de fond parfaite pour votre site web

Une image de fond parfaite pour votre site web peut avoir une énorme influence sur le fait que les visiteurs restent sur votre site web ou non.

D'après l'équipe de marketing de Thrive Themes, 80% des sites web analysés, présentent un problème majeur. L'image de fond du site web.

Nous aimons volontiers afficher une grande image de fond sur notre page d'accueil. Ceci est parfaitement compréhensible, parce qu'une belle image de fond provoque cet effet "ouah" chez nos visiteurs.

Malheureusement une image de fond mal choisie peut détruire l'efficacité d'un site internet.

Dans cet article vous allez découvrir comment choisir et créer l'image de fond parfaite qui donnera du pep à votre page d'accueil.

Les Problèmes Les plus Courants Avec les Images de Fond.

Il existe deux problèmes évidents et deux moins remarquables avec les images d'arrière-plan.

Les deux problèmes évidents sont la vitesse d'affichage et la lisibilité.

Trop d'images de fond mettent beaucoup de temps à s'afficher. Cela arrive quand elles sont trop lourdes ou trop grandes et ne sont pas optimisées pour le web. Ceci est ennuyant pour les visiteurs mais est également un facteur négatif pour le référencement.

Le deuxième et plus grand problème est la lisibilité. Malheureusement, certaines images ne fonctionnent pas bien avec des superpositions de texte qui peuvent rendre votre message de page d'accueil impossible à lire.

Le titre de votre page d'accueil est l'élément le plus important de la page. C'est ce qui fait que vos visiteurs continuent à lire. Si le titre se superpose mal  à l'image de fond de votre site web, il y a de fortes chances que les nouveaux visiteurs quittent votre site plutôt que d'essayer de déchiffrer votre message.

Les deux problèmes moins évidents sont liés à votre image de marque et à la clarté de votre message.

Toutes les entreprises ne peuvent pas se permettre d'avoir des images personnalisées prises par un bon photographe. Heureusement, il existe de nombreux sites Web qui offrent des stocks d'images gratuites et naturelles. Par contre ceci signifie que tout le monde a aussi accès à ces stocks d'images.

Utiliser exactement la même image que votre concurrence peut nuire à votre image de marque et vous faire noyer dans la masse plutôt que de vous démarquer de la foule.

Le choix de votre image joue aussi un rôle énorme dans la clarté de votre message.

Vu la tendance croissante des images en plein écran, nous trouvons aussi des entreprises qui utilisent des images de fond qui n'ont rien à voir avec leurs activités.

En fait vous ne devriez pas utiliser une image de fond juste pour avoir une image...

Si vous ne trouvez pas une image en forte relation avec votre business, demandez-vous si cette image est bien utile. Vous pouvez créer un design élégant en utilisant des couleurs et des motifs plutôt que des images. Voyez ci-dessous des sites web utilisant des motifs et des couleurs.

image de fond

 Le fait d'avoir une image de fond sans relation avec votre Business est mauvais pour la clarté, sans compter que l'image est aussi votre message.

Si l'image est nécessaire pour comprendre ce qu'est le site Web, vous aurez un gros problème avec le référencement.

Les moteurs de recherche ne peuvent lire que le code. Ils ne peuvent pas "voir" les images. Une image comme ci-dessous n'assurera jamais le classement du site.

image de fond

 La seule chose que Google peut lire sur cette image est "Become a Better You".

Maintenant que nous avons couvert les 4 problèmes, voyons comment éviter ces erreurs. Cela ne prendra que quelques minutes, et tout peut se faire avec des outils gratuits.

Quelle Image de Fond Choisir Pour Notre Page D'accueil?

Première question: Quelle image vous aidera à communiquer votre message de base?

Faites-vous une séance de remue-méninges afin de trouver un tas de mots clés avec l'esprit que vos visiteurs vont utiliser pour atterrir sur votre page d'accueil.

Maintenant allez sur des sites offrant des images gratuites tels que Pexels, Pixabay, Stocksnap.io et indiquez ces mots-clés dans la recherche et voyez ce qui vient comme images.

Bien entendu, si vous avez des photos personnelles de bonne qualité, c'est encore mieux.

Cherchez une image de couleur uniforme. Une image avec des zones foncées et claires rendra la lecture de votre texte plus difficile à réaliser.

image de fond

Téléchargez ensuite l'image qui vous plait en utilisant une résolution de au moins 1920 pixels de large.

Une pierre 2 coups: Votre image de marque et la lisibilité

Maintenant il y a un petit truc facile pour que votre texte soit visible sur votre image de fond. Nous allons utiliser une superposition d'arrière-plan sur l'image.

Voyons comment faire cela avec un outil gratuit qui s'appelle PicMonkey.

La vidéo ci-dessous explique le tout en détail

 

Ici je mets en les liens pour les outils proposés sur cet article:

Liens utiles

A Votre Tour

Aviez vous aussi fait les erreurs mentionnées dans cet article? avez-vous corrigé? Partagez ce que vous avez fait en écrivant un commentaire ci-dessous.

Voulez-vous aussi créer votre site internet avec WordPress?
Inscrivez-vous gratuitement et suivez nos 17 vidéos qui vous guideront dans toutes les étapes.

OUI Je veux un accès gratuit aux vidéos

1 véritable éditeur visuel pour WordPress

véritable éditeur visuel pour WordPress

Thrive content Builder le seul véritable éditeur visuel pour WordPress.

Depuis que je crée mes sites web moi-même, il me manquait un véritable éditeur visuel pour WordPress..
Certes WordPress est doté d'un éditeur WYSIWYG (What You See Is What You Get),
en français: Ce que tu vois est ce que tu as. Ceci est vrai si on se contente d'écrire des articles ou des pages en format vertical.

L'idéal serait que lors de la création de notre page ou article avec WordPress l'on puisse juste sélectionner des éléments, les déposer sur notre page blanche à l'endroit que nous désirons, y ajouter du texte des photos des vidéos, sans s'énerver avec des codes informatiques.

Cela n'est pas possible avec l'éditeur standard de WordPress hélas.

Si vous avez de l'expérience de création de sites internet avec WordPress vous aurez remarqué que créer 3 colonnes, dont 2 colonnes contiennent un titre et du texte et la 3ème une photo et du texte dessous, cela devient une mission impossible. A moins de connaître les codes informatiques qui permettent de réaliser cette mise en page.

Ceux qui me connaissent savent très bien que je ne suis pas du genre à me casser les pieds à bricoler pour obtenir le résultat. Il me fallait une solution facile et agréable pour construire les pages de mes sites internet, vu que je les crée tous moi-même.

La trouvaille: Un véritable éditeur visuel pour WordPress.

Je ne me souviens plus comment j'ai trouvé cela, mais j'ai adopté une extension qui me permet de créer mes pages exactement comme je les veux. C'est un véritable éditeur visuel pour WordPress.

Regardez la démonstration sur cette vidéo:

Tellement facile que votre Grand-Mère ou Grand-Père pourrait le faire aussi!

Cessez de nous taper la tête contre les murs. Adoptez vous aussi le seul et unique véritable éditeur visuel pour WordPress.

Ce véritable éditeur visuel pour WordPress pourrait porter le label Made In Switzerland, En effet la société a son siège à Schaffhouse. Le CEO et co-fondateur est Shane Melaugh, d'origine Suisse-Irlandaise.

En fait comme dirait l'autre: " Y en a point comme nous :-D"

Si vous créez vos sites internet avec WordPress. cliquez sur le bouton ci-dessous. Vous vous demanderez ensuite comment vous aviez pu faire sans cet éditeur auparavant!

Commandez le seul véritable éditeur visuel pour WordPress ici!

 

 

 

 

 

1 site internet adaptatif

Site internet adaptatif

Un site internet adaptatif c'est quoi?

Un site internet adaptatif (ou responsive en anglais) est un site qui s'adapte en fonction de l'appareil de l'internaute. Aujourd'hui, nous utilisons l'ordinateur, une tablette ou le smartphone pour surfer sur internet. Donc un site adaptatif va s'afficher différemment selon l'appareil que l'internaute va utiliser.

Quoi de plus ennuyeux que de consulter un site internet avec son téléphone portable si on doit faire glisser la page du site latéralement sur l'écran pour lire le contenu?
Si vous avez encore un tel site rigide, alors attendez-vous à ce que l'internaute au smartphone, passe à autre chose au lieu de lire votre contenu.

Quasi la moitié du public consulte internet avec un smartphone ou une tablette!

Donnez donc une bonne image de votre entreprise, fondation, groupe de musique association etc, et offrez une belle expérience aux internautes avec un site internet adaptatif. Vous gagnerez en impact et en conversion!

Comparons:

Site internet rigide:

Avec ordinateur

site internet adaptatif

Site internet rigide sur ordinateur

Sur l'image de gauche le site internet apparaît dans son entier avec un ordinateur.
Maintenant regardez l'image de droite, le site est coupé si on l'affiche sur un smartphone

Avec Smartphone

site internet adaptatif

Site internet rigide sur smartphone

Sites internet adaptatif

Avec ordinateur

site internet adaptattif

Site internet adaptatif affiché sur ordinateur

regardez maintenant sur l'image de droite: Le site est adapté à la largeur du téléphone portable.
Le menu est passé en haut de la droite de l'écran. Oui c'est le petit carré avec les traits horizontaux:
Le formulaire d'inscription est aussi adapté. Les rubriques se sont adaptées à la largeur de l'écran du téléphone.

Avec un Smartphone

site internet adaptatif

Site internet adaptatif affiché sur téléphone portable ou Smartphone

Comment tester si votre site internet est adaptatif?

Regardez simplement la vidéo, c'est en fait très simple!

Vidéo: Mon site internet est-il adaptatif?