• Faire un blog : Conseils

    Par Kalyna dans Thèmes le 19 Septembre 2017 à 19:10

    MAJ : 10/03/2024

    Conseils et erreurs à éviter

    Article avec des conseils pour réaliser votre blog.

    Attention :  ce sont mes conseils avec mon avis personnel, je ne fais la leçon à personne, vous en faites ce que vous voulez !

        - Trop de couleurs : Sauf si votre blog est dans le thème "multicouleurs" évitez de mettre toutes les couleurs sur votre blog, essayez de toujours rester dans les mêmes tons (camaïeu de couleurs) ou alors, choisissez 2 (voir 3) couleurs et faite votre thème autour de ces teintes. Personnellement, je me base toujours à mon header.

        - Une seule couleur : Cette fois, c'est tout l'inverse, si le fond de votre article ou menu est rose pâle, évitez d'écrire en rose ou en blanc, on ne pourra pas lire votre texte et c'est bien dommage car cela empêche les visiteurs de découvrir votre blog. Écriture rose sur fushia. Là, on ne voit pas grand-chose, alors imaginez si tout mon article était écrit comme ça. C'est aussi illisible que fatigant pour les yeux, pas  vrai ? Non, je n'exagère pas, je suis déjà tombée plus d'une fois sur ce genre de déco. Bref, la couleur du texte doit bien ressortir, choisissez une couleur opposée à votre fond, comme le plus classique texte noir sur blanc.

        - Le fluo : Aïe... je suis également déjà tombée sur des blogs fluo : jaune, vert ou rose, non seulement ce n'est pas terrible esthétiquement parlant, mais en plus c'est très fatigant pour les yeux, la lecture est vraiment désagréable... ce qui risque de faire vite partir vos visiteurs. Personnellement, j'abandonne tout de suite la lecture et je m'en vais.

    → Petite astuce : Rien de mieux que le noir sur blanc ou blanc sur noir ? Eh bien pas vraiment, il est conseillé d'utiliser du gris très clair à la place du blanc et du gris très foncé à la place du noir. Exemple, sur du blanc, privilégiez la couleur #222 ou #333 pour l'écriture. Et du #efefef sur du noir. Ça diminue le contraste, du texte blanc sur noir pouvant être un peu trop agressif pour l'œil. Exemple : pour mon blog : le fond est un gris foncé : #1E1E1E, le texte gris très clair : #efefef.

    Comparatif :

     

     

    Blanc sur noir.

     

     

     

    #efefef sur #111,

    contraste plus adoucie

     

     

    Noir sur blanc.

     

     

    #222 sur #efefef,

    idem, le contraste est plus adouci

     

     

    Pour embellir votre blog, vous pouvez changer les polices d'écritures. Ça, c'est bien pour le titre du blog ou les titres de modules/articles, car la taille de police est généralement grande, mais pas pour le contenu de vos articles. Plus une police est complexe, plus il est difficile de la lire. Afin de rester lisible, privilégiez les polices simples pour vos contenus, telles que New Times, verdana, arial, calibri, etc.

    Autre chose, comme pour les couleurs, évitez de mettre trop de polices d'écriture différentes. Maximum, j'en recommande trois : Une police simple pour le contenu de vos articles, une pour vos titres et une pour le nom du blog.

    Attention : vérifiez bien vos polices, certaines ne prennent pas en charge les accents, chiffres et caractère spéciaux. 

    Note : Pour changer une police d'écriture, je vous conseille ce tuto de thisisjulie, qui est top et très simple, cela permettra à tous les navigateurs (et visiteurs) de lire vos polices, même les polices spéciales.

     

    - Taille du blog : À moins que votre blog (#background) soit en % pour une meilleure responsive, il est recommandé d'avoir une largeur de blog inférieur à 1050px. Pourquoi ? Parce que vos visiteurs n'ont pas tous un écran aussi grand que le vôtre. Afin que tous puissent avoir un parfait aperçu de l'apparence de votre blog, une largeur inférieur à 1050px est une valeur sûre.

    - Organisation du blog : Organisez votre blog. Pensez aux visiteurs qui découvrent pour la première fois votre blog, faite en sorte qu'ils ne soient pas perdus. Créez des menus et des rubriques bien organisés. Pour vous aider, imaginez que votre blog est un classeur et que les rubriques sont des intercalaires, derrière chaque intercalaire/rubrique, il y a des articles...
    Et le top du top, une petite présentation de votre blog, soit sur une page, soit dans un menu, pour que l'on sache rapidement sur quoi porte votre blog.

    - Orthographe & Abréviations : On peut faire quelques fautes d'orthographe ou des fautes de frappe (j'en fais moi-même) mais les blogueurs qui écrivent kom ca c fatigant, vs risqué encor une fois de fr fuir vos visiteurs. Autre exemple : "g ft ce dess1 hier, il vs plé ?" Je ne sais pas vous, mais moi ça ne me donne pas du tout envie continuer la lecture, ça ne fait pas sérieux. Il existe différents sites de correction, ça ne corrige pas tout, mais ça fait le plus gros. Ah ! et j'allais oublier : "comme même" ça n'existe pas !!!! On dit "Quand même" ! idem pour "temps mieux", on écrit "tant mieux" !

    → Je vous invite fortement à ajouter l'extension LanguageTool à votre navigateur. Le meilleur correcteur d'orthographe gratuit. Il corrige l'orthographe, la grammaire et la syntaxe.

     

    Les images de chiens, chats, paysages, mangas, bref les images à motifs, c'est beau, mais trop de motifs ce n'est pas terrible, car ça risque de faire "trop chargé". Quand je dis qu'il faut éviter de mettre trop d'images, je ne parle pas pour les articles, mais les images de fonds : body, background, menus, contenu, shoutbox... parfois le texte est totalement illisible.

    Exemple
    Exemple avec une image à motifs pour le fond. Comme vous pouvez le voir, le texte est pratiquement illisible. Si vous souhaitez vraiment que votre fond reste visible, ajouter un fond légèrement transparent par dessus ;)

    Conseils et erreurs à éviter

     


    Maintenant prenons l’exemple de la shoutbox, si vous souhaitez mettre une image dans ce module, jouez sur l’opacité, rendez l'image un peu transparente sinon on ne pourra pas bien lire les messages...

    Exemple
    L'image de fond de la 1ère shoutbox n'est pas "transparente" tandis que la deuxième si et le texte est bien plus visible. Vous pouvez aussi ajouter une ombre au texte pour le faire ressortir.

    Conseils et erreurs à éviter  Conseils et erreurs à éviter

     

    Petite astuce : privilégiez les images au format .png pour une meilleure qualité, notamment si vous utilisez des renders, images avec fond transparent.

     

    Attention à ne pas mettre trop de codages Javascript, notamment les codages à effet. Par exemple des étoiles, neiges ou autres objets qui tombent sur votre blog. C'est beau, mais c’est "lourd", ça fait ramer les blogs et parfois même ça recharge/réactualise la page tout seul, je ne vous dis donc pas le temps que peut prendre une page pour s'afficher. Deux codes JS, voire trois selon le type d'effet, est le maximum à mon avis, sinon c'est trop lourd pour le blog. Les lecteurs de musiques sont assez lourds, évitez donc d'en ajouter davantage si vous voulez que la navigation reste fluide.

    Responsive design. Essayez de rendre votre blog compatible avec toutes les tailles et tous les types d’écran. J'avoue ça, c'est souvent galère, surtout quand on a une image (type wallpaper) comme background.

    Il arrive que le fond ou un module que vous avez déplacé (en pied de page par exemple) soit bien placé sur l'écran de l'admin, mais que selon la taille d'écran des visiteurs, l'affichage du thème diffère, donc attention, vérifiez si vos codes sont bons et vérifiez aussi sur des écrans de différentes tailles que votre thème s'affiche correctement. Vous pouvez faire la demande auprès des autres blogueurs dans la Cafétéria ou vérifiez vous-même sur des sites spécialisés (testeur/simulateur de résolution d’écran) comme sur ce site par exemple. 

     

    Bien sûr, vous pouvez mettre de la musique sur votre blog, mais évitez la lecture automatique. Tout le monde n'a pas les mêmes goûts musicaux donc si vous mettez la "Danse des canards" pour l'ouverture de votre blog, je doute que tout le monde apprécie. De plus, pensez à vos visiteurs, si ça se trouve, ils sont déjà en train d'écouter de la musique sur Youtube, alors le mélange des chansons pas top... Après, c'est un choix, mais sachez aussi qu'en plus, généralement les lecteurs font ramer les PC lors de la navigation sur les blogs. Perso, il y a certains blogs qui se rechargent une seconde fois, le blog s'affiche donc après de longues secondes ce qui rend la navigation pas agréable.

    Si vous voulez un lecteur je vous déconseille le site playlistme (& scmplayer), je sais qu'ils font ramer, pour moi scmplayer rame un peu, mais ça passe encore. Sinon, vous pouvez toujours mettre une vidéo ou une playlist Youtube où vous avez également la possibilité de mettre la lecture automatique.

    Autre lecteur conseillé, Billy. Lecteur simple et discret qui ne semble pas poser de problèmes (aperçu dans les commentaires). Merci à Donnie. pour la recommandation ;)

     

    Vous souhaitez avoir des avis sur votre blog et souhaitez l'amélioré ? Demandez l'avis à d'autres blogueurs ! Demander à des amis, c'est bien, mais ils n'ont pas vraiment un point de vue objectif, ils n’oseraient peut-être pas vous faire de critiques... Sur le forum d'Eklablog, il y a la Cafétéria où vous pouvez discuter et demander l'avis d'autres blogueurs. Vous pouvez aussi demander à vos visiteurs dans un article.

    En ce qui concerne les sondages du genre "Aimez-vous mon blog ?", étant donné que j'en ai déjà croisé à maintes reprises, je préfère préciser : Si vous mettez uniquement "oui" comme choix de réponse, ça ne sert à rien. Ils font comment les gens qui n'aiment pas pour voter ? Laissez le choix à vos visiteurs ("oui", "non", "moyen" est le minimum). Certes, il n'est jamais plaisant d'entendre "je n'aime pas ton blog" mais les avis et critiques (lorsqu'elles sont justifiées et constructives) sont utiles pour l'évolution d'un blog. Vous pouvez proposer sur votre blog un article (comme une "boîte à idées" par exemple) où les gens donneraient leurs avis et conseils...

    Ah !  Et petite astuce, afin que votre blog soit plus facilement trouvable par les moteurs de recherche, allez dans Configuration > Meta tags > et remplissez les cases, "Description" et "Mots clé". Et n'oubliez pas les tags dans vos articles !

    Conseils et erreurs à éviter

    Bon, je crois avoir fait le tour... Si vous avez un avis concernant cet article ou une question, vous pouvez me laisser un commentaire. Et je rappelle encore une fois que c'est un avis personnel, si vous souhaitez faire un blog fluo avec des tonnes d'images à motifs et un lecteur automatique, libre à vous ! ;)


  • Commentaires

    1
    Donnie. Profil de Donnie.
    Lundi 17 Décembre 2018 à 17:36
    Donnie.

    C'est bien dommage que c'est article n'est pas plus connu, car je vois encore des gens qui galère comme jamais avec leurs thèmes et font ces grosses erreurs :/

    Répondre
    • Voir les réponses
    2
    Amber Flynn Profil de Amber Flynn
    Samedi 12 Janvier 2019 à 20:47
    Amber Flynn

    Je trouve cet article pratique. Dommage que certaines personnes n'en prenne pas compte. :/

    Sinon, j'aurais une question qui a rapport avec cette article (évidement). Moi aussi,je choisi les couleurs en fonction du header, mais juste comme ça, si ton header n'a pas beaucoup de couleur, que fais-tu? Je suis en train de galérer avec les liens sur le côté.  J'avais mis plein de couleur pour les liens sur fond gris foncé mais apparemment, ça ressemble trop à un certain blog donc je veux le changer mais je sais pas quoi mettre parce que je me dis que trop  mettre la même couleur que le titre du header, ça fait un peu trop même couleur. XD Je suis en train de sécher pour les idées...Si tu peux me donner un peu d'indice, ça m'aiderait stp. 

    Répondre
    • Voir les réponses
    3
    pounnette Profil de pounnette
    Mercredi 16 Juin 2021 à 15:11
    pounnette

    Je viens de créer un code de lecteur avec scm music player mais je n'arrive pas à le placer sur mon blog /: j'aimerais savoir comment tu fais? Car même en le mettant en module simple il ne se met pas du tt...

    Répondre
    • Voir les réponses
    4
    Pixelie25 Profil de Pixelie25
    Dimanche 24 Septembre 2023 à 21:15
    Pixelie25

    Wouha ! Que n'ai-je découvert ton blog plus tôt !
    C'est un vrai régal, tant pour les yeux que pour son contenu.

    Tes conseils sont très judicieux et je ne te cache pas que j'évite certains blogs en raison des inconvénients que tu cites ci-dessus. C'est dommage car je passe peut-être à côté de contenus intéressants mais à mon âge, on ménage sa monture... de lunettes.
    Bon, j'admets que mon blog n'est pas un modèle du genre, d'ailleurs je n'en suis jamais satisfaite. Comme ils s'adresse aux jeunes et nettement moins jeunes, j'ai tenté de trouver un compromis entre un look joyeux et un contenu rigoureux. Mais j'ai encore du boulot !

    Pour ce qui est du format de fichier des images sur le web, je ne suis pas tout à fait d'accord avec toi : globalement, pour les photos, le JPG (optimiisé) reste le format recommandé. Si effectivement le PNG présente l'avantage de moins "brouiller" les pixels et donc de conserver une image plus nette, mais le désavantage est de taille : ce format "bouffe" de la bande passante et ralentit considérablement le temps d'affichage de la page. Il est donc recommandé de ne l'utiliser que pour les images avec des transparences, ou des contours très contrastés, ou encore pour des logos. Le PNG 8 est parfait pour ces derniers (il ne gère que 256 couleurs, comme le gif, la netteté en plus).

    Bravo et merci pour ce travail et ce partage ! C'est énorme !

    P.S. : Ton pseudo a-t-il un rapport avec la "chervona kalyna" ? Il n'est pas courant...

    Répondre
    • Voir les réponses
    Suivre le flux RSS des commentaires

    Vous devez être connecté pour commenter