Les blogs en ligne se sont transformés en publications numériques où chaque grande marque d’impression gère son propre site Web. Ces blogs prennent généralement la forme d'un magazine numérique beaucoup plus professionnel qu'un petit site personnel.

Mais qu'est-ce qui se passe dans une mise en page de magazine? Et comment pouvez-vous en concevoir un pour votre propre site?

Cette liste devrait vous permettre de commencer avec 9 fonctions essentielles pour un blog de qualité. Si vous travaillez avec ces fonctionnalités et essayez de créer un interface utilisable vous aurez un excellent design qui devrait convenir à toute publication en ligne.

1. Image de marque forte

Cela peut sembler évident, mais une marque forte aide vraiment à vendre le sentiment du "magazine" sur un blog personnel. Si vous partez pour une publication faisant autorité, vous devez vous concentrer sur l'image de marque .

Comment allez-vous vous démarquer de tous les autres blogs? Idéalement, grâce au contenu, mais votre marque en fait partie. Par exemple, le logo Wired ci-dessous est bien connu des blogs technologiques. Il existe depuis des années et lorsque vous voyez cette marque, vous reconnaissez instantanément le site.

Mais vous pouvez également ajouter une image de marque dans la barre latérale et le pied de page de votre site. Le but est de créer un style cohérent qui se sent plus fort que les sites de blogs de rinky-dink.

01-magazine filaire

2. Manchettes nettes

Vous pouvez styler votre titre de nombreuses manières différentes, de sorte qu’il n’y ait pas une conception correcte. Mais tu veux toujours typographie c'est croustillant, facile à écrémer et généralement épais.

Regardez les titres sur Magazine américain pour voir ce que je veux dire Ces titres couvrent toute la largeur de la page et les lettres sont assez épaisses. Vous ne pouvez pas ignorer ce titre car il est pratiquement enfoncé dans votre visage. C'est l'objectif avec votre titre: faites-en ressortir suffisamment pour attirer l'attention et encourager les gens à continuer à lire.

02-us-magazine-titre-fort

3. Menus de navigation à plusieurs niveaux

Certains concepteurs peuvent contester cette fonctionnalité en disant que les sites de magazines n'ont pas besoin de menus massifs. Cela est généralement vrai, mais les sites Web de style magazine ont souvent une grande archive de publications. Vous souhaitez offrir aux utilisateurs le meilleur moyen de parcourir tous ces messages.

Que vous utilisiez des catégories WordPress, des tags ou même taxonomies personnalisées , vous pouvez les ajouter dans une méga navigation massive. Cela peut inclure des menus déroulants avec des listes de publications récentes ou de balises / catégories populaires, ou même un mélange des deux.

Le menu pour Atlanta Magazine est assez lisse avec beaucoup de liens intégrés dans le menu déroulant. De plus, la navigation coulissante réactive est clairement accessible sur les appareils mobiles, de sorte que les utilisateurs de smartphones ne manquent pas.

Cette navigation à plusieurs niveaux peut inclure des listes déroulantes à plusieurs niveaux ou même être fixée pour défiler avec l'utilisateur. Autant d’options et le facteur le plus important est la facilité d’utilisation combinée à des tonnes de liens à parcourir.

03-atlanta-magazine-dropdown-nav

4. Articles en vedette

Chaque page d'accueil de style magazine est un peu différente avec différentes tailles de vignettes, formats personnalisés et bien sûr différents widgets.

Je considère cela comme un aliment de base de tout site de magazine parce que le widget en vedette est ce qui attire l'attention. C'est ce que vous pouvez utiliser pour promouvoir les derniers articles ou articles d'actualité qui méritent le plus d'attention.

Journal du moteur de recherche a un curseur de type carrousel où il tourne entre 3 de leurs histoires en même temps. Chaque histoire charge un extrait dans la partie gauche qui offre également une vignette de prévisualisation.

Mais deux pages d'accueil ne sont pas identiques, alors essayez de parcourir vos sites de magazines préférés et de voir quels autres styles de récits en vedette vous pouvez trouver.

04-search-engine-journal-featured-widget

5. Boutons de partage proéminents

Quand il s'agit de construire une forte présence vous ne pouvez pas ignorer les médias sociaux. Et si vous voulez plus de visiteurs sur votre blog de style magazine, vous voudrez des boutons de partage social sur chaque article.

Ceux-ci viennent dans de nombreux styles et peuvent être fixés sur le côté de la page, ou ajoutés au bas de la poste, ou même ajoutés à des images comme les boutons de partage Pinterest.

Sur ZDNet, ils utilisent un long rectangle de partage des boutons juste sous le titre de la publication. Cela utilise des icônes simples avec des blocs de couleur pour référencer tous les principaux réseaux sociaux.

Mais encore une fois, vous pouvez trouver une tonne d'exemples en parcourant certains blogs populaires. Et peu importe le style que vous choisissez, c'est une bonne idée de test fractionné formats pour voir lesquels génèrent le plus de parts.

05-zdnet-sharing-buttons

6. Messages connexes

Je suis sûr que nous voyons tous ces widgets intitulés "vous pouvez également aimer ..." au bas des articles de nouvelles. Certains d'entre eux sont annonces natives mais les sites de style magazine utilisent véritablement ces widgets pour promouvoir un contenu pertinent.

Cette fonctionnalité devrait constituer un outil de base pour tout blog, car il constitue un excellent moyen d’augmenter les consultations de page sans trop d’efforts. Les visiteurs ne navigueront pas toujours par catégorie, mais ils pourront naviguer par messages associés. L'exemple ci-dessous de Real Simple a un design super propre; exactement ce que vous devriez faire.

Les vignettes postales attirent tout d’abord l’attention, alors assurez-vous qu’elles apparaissent bien en évidence près des titres.

06-real-simple-you-may-like-like

7. Recherche accessible (même sur mobile)

Chaque site Web nécessite un formulaire de recherche. C'est l'un des meilleurs moyens de augmenter la facilité d'utilisation en aidant les gens à trouver un contenu pertinent.

La différence avec un site de magazine est qu’il est souvent trop difficile de chercher. Les utilisateurs peuvent se sentir submergés par tant de contenu et de liens qu’ils n’auront peut-être même pas besoin de chercher.

Un formulaire de recherche important comme sur Pousser le carré est idéal pour encourager plus de recherches.

Vous pouvez lancer une icône de loupe dans votre navigation et utiliser l'effet de liste déroulante sur chaque page. Naturellement, cela fonctionne pour mobile aussi c'est donc un choix fiable pour chaque mise en page de magazine.

07-push-square-search-magazine-fonctionnalité

8. Éléments de page personnalisés

Cette fonctionnalité est un peu vague, mais je la couvre volontairement exprès. Chaque blog générique se sent généralement le même: des paragraphes sur des paragraphes avec peu ou pas de formatage personnalisé.

Les grands thèmes de magazines tirent parti de la personnalisation en ajoutant des fonctionnalités intégrées. Il peut s'agir d'un nombre quelconque d'éléments de page qui améliorent votre contenu et rendent vos publications plus faciles à utiliser. Quelques idées que j'ai vues sur différents sites:

  • Pull-quotes
  • Table des matières
  • Diaporamas d'image en post
  • "Voir aussi" messages connexes

Rappelez-vous comment j'ai mentionné le widget des publications connexes plus tôt? C'est génial à ajouter vers la fin de votre message, mais vous pouvez également ajouter du contenu dans votre message.

Par exemple TechCrunch ajoute un widget "see also" vers le bas de chaque message. Ceci est également prédominant sur le blog de technologie Hongkiat qui ajoute des messages pertinents à l'intérieur de petits blocs dans le contenu.

Je ne peux pas vous dire exactement quelles fonctionnalités vous devez ajouter à votre site. Mais passer définitivement du temps à réfléchir à des idées et à les tester pour voir ce qui reste.

08-android-author-page-elements

9. En-têtes d'image en vedette

Si vous voulez attirer l'attention dès le premier chargement, vous voulez deux choses: un en-tête de grande taille (couvert plus haut) et une image claire.

WordPress est livré avec des images en vedette par défaut et vous pouvez programmer des tailles spécifiques pour vos images. Pour les blogs de style magazine, il est préférable de les rendre assez gros et de suivre les tendance d'image de héros . Vous pouvez utiliser une image en plein écran comme dans la capture d'écran ci-dessous. Vous pouvez également concevoir des images correspondant à la zone de contenu de votre mise en page.

Dans les deux cas, chaque message doit avoir une image de grande taille qui aide à vendre le contenu. Vous le verrez sur presque tous les blogs de magazines, même sur ce post si vous faites défiler vers le haut!

Gardez toutes ces idées à l'esprit lors de la conception de votre mise en page et laissez suffisamment d'espace pour des images phares accrocheuses.

09-résidence-magazine-image-vedette