• Créer son blog - erreurs à éviter et quelques conseils

    Yo! Cet article est une synthèse de ce que j'ai pu voir conseillé ou conseiller moi-même à des gens durant mon expérience sur Ekla.

    Je trierai cet article en trois partiesesthétiquerangement et contenu.
    Mon tri se base sur ce que l'on voit en premier en arrivant sur un blog. L'esthétique concerne le design du blog, le rangement son interface et le contenu... le plus important, le contenu.

     

    L'esthétique

    Comme je l'ai dit plus haut, il s'agit du design du blog.
    Maintenant, je vais m'étendre un peu sur ses points faibles et sur les erreurs à ne pas faire.

    Si un blog est moche, c'est bête, mais ça fait juste fuir. Quand un design est cohérent mais qu'il ne me plaît pas, je reste. Mais si c'est moche, je pars.
    Ce qui est universellement moche se définit par: illisible, demandant trop d'attention et/ou chiant.

    Il existe de nombreux articles et topics sur le sujet, mais je fais quand même le mien -paraît que quand on répète ça rentre mieux.

    Les couleurs vives: les utiliser occasionnellement, c'est bien. Elles attirent l'attention sur un élément du design ou d'un article et retiennent l'œil du visiteur.
    En mettre partout, c'est MAL. Cela va fatiguer l'œil de votre visiteur, et visuellement c'est agressif.
    La superposition de couleurs... non. Du genre, ça, sur tout un écran ça vous tue les yeux et quand vous voyez ça, vous défoncez votre écran à coups de poings.

    Les gifs: une petite animation retient également l'œil du lecteur et attire également son attention, c'est pour ça qu'en mettre trop nuit fortement à votre blog: en mettre dans un menu détourne votre lecteur du contenu de l'article. Pire: les gifs récurrents. Autant un dans un menu ça va. Par contre, dans les titres, dans chaque module un gif, déjà ça va plus. Les animations de paillettes ou brillantes sont les pires, ça flashe, c'est horrible! Le curseur animé par défaut est aussi une erreur, sauf au survol où justement le loop d'animation attire l'attention du visiteur sur l'élément cliquable.
    Ultime erreur: le fond de fenêtre animé. On sait plus où regarder pour se fixer, impossible de vous lire! C'est peut-être très intéressant, mais on ferme la page parce que ça bousille les yeux.

    Les éléments invisibles: par exemple, le texte ou les liens d'une couleur ou luminosité trop proche de celle de votre fond, c'est invisible. Si vous arrivez à lire cette phrase sans sélectionner vous avez gagné. Et maintenant transposez ça à un menu ou un écran. Vous avez mal? C'est normal, fuyez.

    Le header: il doit être à la bonne taille pour représenter votre blog, mais pas trop haut parce que quand on voit un header non exploité de la hauteur de l'écran (766px pour moi, et oui ça existe) on a la flemme de scroller et on se casse, y'a même pas le titre de l'article pour attiser la curiosité du lecteur! En général, 300 à 350px maximum constitue une hauteur tout à fait correcte qui vous permet d'insérer un ou plusieurs élément(s) graphique(s), votre titre, votre slogan et éventuellement votre menu. Pour idée, celui de ce blog fait 169px de haut, dont 60px de menu plus le titre et la marge.

    Les éléments non accordés sont un fléau. Quand vous créez votre thème, n'oubliez pas les bordures, le pied de page, le fil d'Arianne s'il est activé... autant d'éléments auxquels on ne pense pas forcément, chose que j'ai déjà vue et ça faisait vraiment tache.

    Ensuite, je vais revenir sur la notion de design chiant. 1000px de large grand maximum. Pensez aux petits écrans (pensez à moi, aussi). Déjà parce que vous avez pas besoin d'un menu de plus de 250px de large ou d'un contenu de plus de 800px de large, et quand j'ai besoin de scroller horizontalement dans 90% des cas, je pars. Je n'ai pas envie d'avoir une partie du contenu masqué parce que le blog n'est pas adapté à mon écran.

    Autre chose qui est chiant, c'est quand votre fond de page est une image de 200px de large qui est répétée sur tout l'écran et que vous avez pas pensé à mettre une couleur à votre fond de page. Autant quand elle est répétable et à peu près monochrome et neutre (assez sombre pour écrire clair ou assez claire pour écrire sombre) c'est parfait, autant quand c'est une image d'un personnage (film, dessin animé, célébrité...) votre blog est illisible. Ce qui est dommage, si ça se trouve, ce que vous publiez est intéressant.

     

    Enfin, un petit point supplémentaire: quand vous agrémentez vos articles avec des images, essayez de vous arranger pour qu'il y aie un rapport et qu'elles ne soient pas trop grandes: l'image en haut d'article notamment, attirant l’œil du visiteur, il s'attend par défaut à avoir un article là-dessus. Si elles sont trop random, ça risque de perturber une partie de votre audience.

     

    Le rangement ou interface

    Ouep. Quand votre blog est mal rangé, c'est vraiment n'importe quoi.

    Il existe plusieurs types de rangements très efficaces, je vais vous en citer quelques-uns (donc là je copie-colle carrément le message posté sur le sujet flood de la TPW):

    Après, il y a d'autres blogs (type RPGs, lecture interactive) qui nécessitent une interface extrêmement simple et accessible, notamment mon blog Sur la Colline qui n'a besoin d'un accès qu'au "minimum" que j'ai installé dessus et donc qui n'a pas vraiment besoin d'être rangé.

    Les exemples donnés ne sont généralement pas des blogs "pros" mais faits par des gens comme vous et moi. Ce n'est pas une pub, qu'on soit bien clairs: je trouve simplement l'exemple probant.

    Ranger son blog, une fois qu'on a compris le truc, c'est simple. Mais si vous avez le même problème que moi et que vous avez tendance à le surcharger, cela va devenir un casse-tête.
    C'est pur ça que ci-dessous, je vais vous donner des conseils pour trier vos rubriques en menus déroulants ou en sommaires pour ceux qui préfèrent; ou en catégories de liens à afficher dans un menu. Avec cette dernière méthode, le risque est d'avoir un menu de 50km de long qui sera du coup très long à parcourir.

    1. Chaque lien doit apparaître une seule fois dans votre page. Une exception de temps en temps si vous voulez être sûr(e) qu'il soit bien vu. Mais autrement, déjà, vous perdez de la place et ensuite... ben ça sert à rien!
    Autre chose, le lien vers l'accueil est inutile: le lien inséré dans le header y mène par défaut.

    2. Si vous êtes amené(e) à trier vos rubriques, le tri doit répondre à une forme de logique universelle. En gros, si vous triez vos rubriques par couleur, euh... bon, plus simplement, si vous avez par exemple des rubriques traitant d'imagerie (photo, graph', dessin...) mettez-les ensemble; comme par exemple les rubriques musique, texte etc. Au bout d'un moment, une case "autres" sera peut-être nécessaire, mais si vous pouvez éviter... évitez ;)
    Vous pouvez aussi trier vos rubriques par "thème" mais autrement: par exemple pour un blog artistique, vous pouvez trier par œuvres joyeuses, tristes, sur l'amour, le partage, la mort etc.

    3. Gagnez de la place: allégez votre design. Si votre accueil est la page derniers articles, pas la peine d'avoir un module derniers articles dans le menu. Trois menus ne sont vraiment pas utiles à moins d'être vraiment bien gérés, cantonnez-vous à deux dans un premier temps. Le mieux reste d'en avoir seulement un (voire pas du tout si vous avez une seule rubrique.)

    Autre point dont je ne savais pas trop où parler donc ce sera là et puis tant pis si t'es pas content: la musique automatique. Pas mal d'internautes surfent avec leur playlist perso. Leur imposer la tienne, ça les fait automatiquement fermer la fenêtre de ton blog, point. Laisse-leur le choix d'écouter ou non la musique que tu as choisie, même si tu penses qu'elle est indispensable. Je te jure que ton nombre de "oh tiens j'arrive oh de la musique allez hop croix rouge" baissera drastiquement.

     

    Le contenu

    Oui, bon. Là, je vais juste copier-coller la fin de mon commentaire  puisque je n'ai rien à ajouter à ça:

    C'est la partie la plus importante de ton blog. Si un blog super beau et bien rangé a un contenu insipide, il sera nul. Mais si un blog un peu en bordel et pas super beau a un contenu du tonnerre, tout le monde ira dessus.
    Quand tu crées un blog, souvent, tu te demandes après-coup quoi mettre dessus. Ce n'était pas mon cas: j'avais un projet très précis en tête en créant le mien et son extension incontrôlable est survenue après. Plus tu as d'idées, mieux c'est. Si un projet fait un bide, mais qu'il te plaît, tu t'en fous, continue-le! Le plus important, c'est que ça te plaise à toi! Tu fais ton blog pour toi, pas pour tes visiteurs.
    Si j'ai des conseils à te donner:

    • Si tu fais un article avec ton cœur, ça se ressentira et on aura envie d'avoir d'autres choses comme ça. On sentira que tu aimes ce que tu fais et ça nous donnera envie d'en voir plus. En revanche, si tu te forces à faire quelque chose que tu n'aimes pas ça se sentira aussi et ça donnera pas envie de te lire. On sentira si tu veux ou pas te mettre derrière ton clavier pour écrire.
    • Fais un blog sur ce que tu aimes, ou ce que tu aimes faire. Tu fais quoi dans la vie, tu lis? Parle-nous-en! Tu dessines? Parle-nous-en! Tu écris? On veut lire! Tu bricoles? On veut voir! On veut voir ce que tu aimes, c'est TON blog, pas le nôtre! En arrivant sur ton blog pour la première fois, V n'a aucun préjugé. Il verra en premier ce que tu mets en valeur, aussi veille à bien mettre en avant le meilleur de ton blog.
      Si tu veux raconter ta vie, fais-le! Mais fais ce que tu as envie de faire et pas ce que tu penses que nous (les visiteurs) on a envie de voir!
    • J'ai refait un peu le tour de ton blog pour voir, et... le bilan est... un peu... comment dire... mitigé! J'avoue apprécier la rubrique PUB qui me fait découvrir de nouveaux blogs, mais tu pourrais en présenter plus ;) et puis... mettre le lien dans l'URL xD plus pratique, on y est en un clic!
      Mais! Pas la peine d'appeler un article "bonjour" ou "salut" (et encore moins une rubrique ((qui en passant est vide donc... un peu inutile ^^)) ou un sujet de forum ^^) parce que je sais pas les autres mais moi en voyant ça je suis là "ouais ok et?" heureusement je suis très curieuse en ce qui concerne les blogs. x)
      La rubrique sur Ja-pan est sympa ausi, je connaissais pas l'anime, mais je serais toi, je m'embêterais pas à nous faire des fiches sur les persos! Liens vers les scans, les épisodes, critiques du manga, informations sur les goodies disponibles... Y'a tellement de choses à dire sur un manga!
      La rubrique sur ta vie! Le "pas intéressante" ne donne pas envie d'y aller. Mais par exemple, dans l'article sur ton cours d'arts pla, tu aurais pu mettre l'image du Cri (préciser deux-trois trucs sur le tableau en passant) au lieu de celle de la fille du manga ^^ les images c'est mieux si elles sont en rapport! Après ça dépend des circonstances, mais ici je pense que c'est mieux si elles sont en rapport. ;)
    • Varie les contenus! Nous les visiteurs V on aime bien la diversité ;)
    • Rassemble tous les sujets dans un seul forum et rends-le accessible via un des menus, tout le monde pourra y aller et nombreux sont les gens qui aiment flooder ;) mais si la source de flood n'est pas accessible... Y'aura rien ^^
    • Mets des titres personnalisés à tes modules ^^ ça met plus à l'aise, je trouve! Et ça fait beaucoup plus personnel. ;)

    Sur le moment, je n'ai pensé à rien d'autre. Mais retiens ceci: fais ce que tu aimes. Le CONTENU est plus important que le reste; sans son contenu un blog n'est rien.

     

    Conclusion

     Voilà! Je sais que des millions de topics et articles sont déjà sortis sur le sujet, mais je voulais ajouter ma pierre à l'édifice, comme ça peut-être qu'un jour les blogs noir fluo remplis de gifs pailletés et brillants avec les fonds animés et des playlists automatiques ne seront plus que de mauvais souvenirs.

    Je sais que c'est un article très long, mais je pense que c'est indispensable.

    Bonne nuit ;)


  • Commentaires

    1
    Mercredi 6 Juillet 2016 à 12:43

    Me voilà ici !

    J'aimerais avoir un blog rangé par menu d'en tête sans sommaires... Du genre :

    - Rubriques : Rédactions, citations, histoires, thèmes

    - Moi : lycée , quotidien, contact

    - Vous : sondages, blogs à visiter, conseils, concours

    Le problème (et c'est là que je demande de l'aide) , je ne sais pas comment faire ça ! ^^'

      • Mercredi 6 Juillet 2016 à 14:22

        Te voilà donc, jeune fille!

        Ben, déjà, tu crées un menu d'en-tête (en fait, tu gères son apparence dans apparence > modifier le thème > header) ^^ et faudra passer par des menus déroulants.
        Apparence > menu d'en-tête > + menu déroulant
        ça t'ouvre un cadre dans lequel tu rajoutes tes liens, et tu peux 1. mettre autant de liens que tu veux dans le menu déroulant, et 2. mettre autant de menus déroulants que tu veux :3

    2
    Mercredi 6 Juillet 2016 à 14:31

    comment fais-tu le + menu déroulant ?

      • Mercredi 6 Juillet 2016 à 14:32

        j'ai trouvé  !

      • Mercredi 6 Juillet 2016 à 14:33

        Quelle est la différence entre +lien page de blog et +lien externe ?

      • Mercredi 6 Juillet 2016 à 14:46

        Lien de page de blog, tu auras un ascenseur avec dedans un accès à toutes les pages de ton blog: pages simples, forums, rubrique (et via les rubriques, articles particuliers même)... mais que les pages de ton blog.
        Pour le lien externe, c'est un lien qui te permet de rentrer n'importe quelle URL avec à côté un champ pour le texte à afficher. :3

    3
    Mercredi 6 Juillet 2016 à 14:56

    Merci beaucoup ! je suis entrain de changer les menus, ce n'est pas encore au top car il faudra l'intégrer au design du blog mais au moins ça fait moins bazar !

      • Mercredi 6 Juillet 2016 à 16:23

        J'ai vu ça :) au fait, c'est quoi la police des titres de ton menu de gauche?

    • Nom / Pseudo :

      E-mail (facultatif) :

      Site Web (facultatif) :

      Commentaire :


    4
    Mercredi 6 Juillet 2016 à 16:47

    Je ne sais pas ! (Puisque ce n'est pas moi qui l'ai fait ) Demande à Fiphie ;)

    5
    Mercredi 6 Juillet 2016 à 17:11

    Vu que ce n'est pas une police d'Ekla, tu dois pouvoir y avoir accès en regardant dans le CSS (tu n'auras pas à y toucher, t'en fais pas ^^), tu cherches ça en début de ligne: @font-face 
    Le code qui est derrière a cette tête-là:

    @font-face {font-family: 'XXX';
    src: url('YYY') format('.ZZZ');}

    La police, c'est le XXX. Bien sûr, je pourrais y avoir accès en inspectant ta page et en fouinant dans le code source, mais c'est vraiment pas poli, je préfère demander ^^

    6
    Mercredi 6 Juillet 2016 à 20:09

    Où est-ce qu'on voit le CSS ? ^^'

      • Mercredi 6 Juillet 2016 à 20:51

        Dans Apparence > Modifier le thème, tu as un onglet (tout en bas) "ajouter du CSS". Là-dedans tu pourras consulter les codes CSS installés sur ton blog et/ou en ajouter d'autres ;)

    7
    Mercredi 6 Juillet 2016 à 20:57

    J'ai trouvé , c'est : acryle_script  !

      • Mercredi 6 Juillet 2016 à 21:02

        Merchi :3 c'était de la pure curiosité xD

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :