Concevoir un groupe VKontakte : un guide de conception complet. Conception du groupe VKontakte : un guide de conception complet Informations indiquant que votre communauté est officielle

La conception réussie d'un groupe VKontakte doit non seulement être belle, mais aussi fonctionnelle et pratique. Faites en sorte que le design résolve vos problèmes de marketing afin que le groupe attire un public payant et acheteur vers la marque et y reste pour toujours.

5 étapes pour créer un groupe sur VKontakte

Couverture

La couverture communautaire est aujourd'hui un outil important pour concevoir un groupe de marque dans Contact et le promouvoir. Vous pouvez le télécharger dans la rubrique « Community Management » en vous rendant dans l’onglet « Paramètres ». Une image horizontale de haute qualité dans l’en-tête de la communauté elle-même joue le rôle de principale bannière promotionnelle de l’entreprise sur le réseau social. Il donne l'ambiance, informe, valorise l'image, appelle à des actions ciblées et fait vendre en même temps.

1. Utilisez des illustrations de haute qualité

La couverture de la communauté VKontakte doit avoir une taille de 1590 x 400 pixels, mais il est préférable de télécharger une photo 2 à 3 fois plus grande au format .png. De cette façon, vous pouvez éviter un affichage de mauvaise qualité.

2. Adaptez l'image pour différents appareils

Veuillez noter que cette image peut apparaître différemment selon différents appareils– sur les téléphones portables, les bords seront coupés, il est donc préférable d'utiliser la totalité informations importantes placer plus près du centre.

3. Placez un slogan et un USP

Laissez le client voir votre philosophie et vos avantages dès le premier écran.

4. Afficher le produit/service, le processus ou le résultat de son utilisation

De cette façon, le client potentiel saura immédiatement dans quoi vous êtes spécialisé et sera impliqué dans le produit.

5. Aidez les clients à vous contacter immédiatement

Écrivez votre numéro de téléphone, votre e-mail et les autres contacts de l'entreprise sur la bannière. Si la situation géographique est importante pour votre entreprise, par exemple si vous êtes dans le secteur de la restauration ou de l'horeca, l'adresse sera également utile.

6. Annoncer des événements

Promotion des concerts, arrivées attendues nouvelle collection ou lancement de produit, vous organisez un festival/une conférence/une journée client ? Parlez-en à tous ceux qui viennent dans la communauté.

7. Présenter des promotions et des réductions

Où d'autre sur la plateforme principale pouvez-vous dire au public qu'il peut désormais passer une commande chez vous à 2 fois moins cher ? Surtout, n'oubliez pas de modifier l'illustration après l'expiration de l'offre.

8. Proposez d’entreprendre une action ciblée

Lors du chargement de la couverture communautaire, deux boutons sont placés horizontalement dans le coin inférieur droit - Écrivez un message et Rejoignez le groupe. Pointez une flèche vers eux pour attirer davantage l'attention du public. Ainsi, si un produit est présenté sur une bannière, vous pouvez proposer de le commander immédiatement dans des messages. Et s’il contient un résumé des dernières nouveautés, abonnez-vous pour toujours recevoir les dernières informations.

Téléchargez un avatar et sélectionnez une miniature

Certaines marques n'adoptent toujours pas la couverture, préférant l'ancien look du premier écran du groupe, utilisant une combinaison d'un avatar et d'un post épinglé comme ce qu'on appelle « en-tête ». Dans ce cas, une image est la continuation de l’autre. Cela semble plus impressionnant lorsque la photo se termine au même niveau que l'avatar.

Lorsque vous utilisez la taille maximale de l'avatar de 200 x 500 pixels, la taille de l'image dans la publication épinglée doit être de 510 x 308 pixels. Une excellente technique attrayante consiste à joindre une vidéo téléchargée via un lecteur de réseau social, qui poursuit stylistiquement l'avatar.

Si vous utilisez une couverture comme en-tête, l'avatar sera alors toujours affiché sous forme de vignette.

Règles de conception d'une vignette d'avatar de communauté VK

Une vignette est une petite image ronde qui est recadrée à partir d'un grand avatar, et qui s'affiche dans la recherche de groupes, dans la liste des communautés de chaque utilisateur et à gauche sous la couverture, s'il y en a une. Voici quelques conseils de conception.

1. La vignette doit être compréhensible pour le public

Vous ne devriez pas publier une illustration étrange. Visualisez quelque chose que le public cible associera par la suite à la marque, par exemple un logo, une icône de produit/service, ou peut-être le personnage marketing principal de la marque.

2. Utilisez uniquement des photographies de haute qualité

Il est préférable de télécharger la source 2 à 3 fois plus grande que la taille requise, afin que vous puissiez oublier les terribles « carrés » de pixels qui ne vous montrent pas sous le meilleur jour.

3. Concevez vos propres illustrations

Les images de stock standard sembleront bon marché et non professionnelles, et deviendront synonymes de méfiance des utilisateurs à l'égard de la marque. Créez des designs uniques dans le même concept et les mêmes couleurs que le reste du design.

4. Des images qui contrastent avec l’arrière-plan de la page sont ce dont vous avez besoin

Lors de la conception de vignettes VK de manière si accrocheuse, la « pièce ronde » se démarquera dans le flux parmi les autres groupes et ne fusionnera pas avec l'arrière-plan de la page.

5. Placer les contacts ou USP de l'entreprise

En fonction de l'usage que vous souhaitez faire de la miniature, placez-la dessus. numéro de téléphone de contact ou l'adresse du site Web, des informations sur la livraison gratuite, une indication du prix le plus bas du segment ou de la promotion.

6. Rendre le texte grand et lisible

Il est préférable de ne pas utiliser de polices serif ou italique - elles sont trop bruyantes lorsqu'elles sont affichées sur les écrans de PC, les appareils mobiles et les smartphones, encombrant la vue. Assurez-vous que le texte ne dépasse pas les limites de la vignette recadrée. Cela vous permettra de transmettre le message à l'utilisateur correctement et efficacement.

7. Utilisez des formes personnalisées

Par exemple, dans le modèle rond souhaité, saisissez un polygone ou une autre forme géométrique sur fond blanc. Créez un effet de notification non lu ou une icône graphique « en ligne ».

Élaborer un menu

Le menu est un élément important de la conception d'un groupe dans Contact, qui facilite la navigation des utilisateurs dans le groupe - il sera plus pratique pour les gens de trouver les informations dont ils ont besoin. Chaque élément et page est créé dans un langage de programmation spécial - le balisage Wiki. En l'utilisant, vous pouvez rendre les images cliquables et créer des pages pratiques au sein du réseau social comme s'il s'agissait d'une page de site Web.

Vous pouvez utiliser des menus ouverts et fermés. Dans le premier cas, l'utilisateur voit immédiatement les sections qui y sont incluses, dans le second, elles sont précédées d'une image d'aperçu avec l'inscription « Menu ». Le menu peut également devenir visuellement une continuation de l'avatar si vous utilisez l'ancienne option de conception communautaire.

Développer une vitrine de produits

Lorsque vous placez des produits dans la vitrine de votre communauté, n'oubliez pas que les utilisateurs voient toujours les 3 premiers éléments. Placez-y les plus populaires et les plus commandés, en téléchargeant une image de présentation dans le même style. Publiez ici des icônes uniformes ou des photos des produits eux-mêmes. Les services peuvent être placés dans les produits. Dans la conception, montrez le processus de fourniture du service ou son résultat. La taille d'une telle image sera carrée – 400x400 pixels.

Conception du message

1. Exploitez pleinement les tailles d'image disponibles

La largeur maximale d'une image dans un flux est de 510 pixels. Les images carrées de 510 x 510 pixels et les images rectangulaires de 510 x 300 pixels sont les plus impressionnantes.

2. Développer un style de publication personnalisé

Pour donner à vos messages un aspect individuel, proposez style uniforme, police et jeu de couleurs.

3. Placez un texte court sur l'image

Par exemple, vous pouvez diviser une image en 2 parties : texte et graphique, ou écrire du texte tout en assombrissant l'arrière-plan. Pour rendre le texte visible sans fond sombre, écrivez-le sur un fond (un bloc graphique contrasté de couleur uniforme) ou ajoutez une ombre à l'inscription. Les photos avec un cadre sont belles.

4. Créez plusieurs modèles à des fins différentes

Par exemple, pour les devis, utilisez un modèle pour la présentation d'informations visuelles, pour l'annonce des documents du site - un autre et pour les concours un troisième.

Utilisez ces techniques absolues et votre entreprise sera présentée sur VKontakte de la meilleure façon possible et il sera pratique pour les clients d'interagir avec elle. Mais n’oubliez pas que tout demande de la modération ! Découvrez des idées encore plus fraîches pour concevoir une communauté VK sur la page des services de l'agence Tesla Target.

Dans cet article, je voudrais systématiser toutes mes connaissances sur la conception de groupes VKontakte, en fonction de mon expérience d'interaction avec les clients et de leurs préférences. De plus, au cours des six derniers mois, VKontakte a apporté de nombreux changements dont beaucoup ne sont même pas conscients. Je voulais m'attarder plus en détail sur certaines innovations, car parmi elles il y a des choses vraiment intéressantes et utiles. Nous semblons tous nous être remis d'un choc après la refonte de VKontakte, et derrière les changements visibles, nous avons découvert le fonctionnement et le contenu multivariés du groupe. Désormais, la conception de groupes implique une procédure complexe qui ne se limite pas uniquement à la composante graphique sous forme de belles images. Désormais, les propriétaires doivent prendre en compte de nombreuses nuances lors de la construction d'une structure de groupe, en fonction du sujet de l'entreprise et de la commodité des utilisateurs.

Cela concerne principalement le choix de la conception graphique parmi deux options mutuellement exclusives, l'élaboration d'un menu interne, le choix d'un point d'entrée au menu interne, la compréhension de la différence entre un catalogue et une présentation de produit, la préparation du matériel promotionnel pour la promotion d'un groupe. , en utilisant applications utiles. Mais, tout d’abord. Tout d'abord, nous examinerons les éléments de conception de base du groupe, puis nous passerons à leur interaction sous la forme de diverses combinaisons, puis nous parlerons de quelques fonctionnalités et subtilités utiles.

1. Couverture horizontale (en-tête)
Commençons par une couverture ou un en-tête horizontal. Les développeurs de VKontakte nous assurent que la couverture, en raison de sa taille, offre une plus grande maniabilité pour fournir et visualiser des informations. Habituellement, en plus d'une belle image, l'en-tête contient un logo, des informations d'accompagnement, des contacts, un appel pour rejoindre le groupe et une adresse de site Web. Je soupçonne qu'un jour les couvertures seront la seule chose option possible conception de groupe, je recommanderais donc d'y passer immédiatement afin d'éviter des refontes de force majeure plus tard.

Comment télécharger une couverture
Pour télécharger la couverture, vous devez vous rendre dans Gestion de la communauté >> Bloc d'informations de base >> Couverture de la communauté >> Télécharger. La taille de couverture recommandée est de 1 590 x 400 pixels. Il ne peut y avoir aucun bouton fonctionnel dans l'en-tête sur lequel on peut cliquer - il s'agit essentiellement d'une image et c'est tout. Aujourd’hui, la couverture est visible sur les appareils mobiles, et semble déjà visible dans les applications et les clients.

Onglet Wiki Dernières nouvelles
Le bloc supérieur sous l'en-tête peut désormais contenir trois onglets : publication épinglée, informations sur la communauté et menu wiki (uniquement dans les groupes ; il n'y a pas d'onglet de ce type sur les pages publiques). L'accent est toujours mis sur la publication épinglée, mais même avec sa présence, l'utilisateur aura désormais toujours accès aux informations sur la communauté en basculant entre les onglets. Pour que l'onglet du menu wiki apparaisse (il s'appelle initialement Dernières nouvelles), vous devez aller dans Gestion de la communauté » Sections » Matériels » Restreint (ou Ouvert) » Enregistrer.

2. Avatar vertical
Tournons maintenant notre attention vers le bon vieil avatar de groupe mesurant 200x500 pixels. Pour l’instant, c’est aussi une manière de concevoir un groupe. Typiquement, l'avatar contient les informations suivantes : logo, texte d'accompagnement ou slogan, contacts, appel pour rejoindre le groupe. Sur les appareils mobiles, l'intégralité de l'avatar n'est pas visible, seule une partie est visible : la vignette. Pour concevoir un groupe, vous pouvez utiliser soit un en-tête horizontal (couverture), soit une bannière verticale. S'il y a un en-tête, l'avatar vertical n'est pas visible. Il ne peut y avoir aucun bouton fonctionnel sur l'avatar sur lequel on peut appuyer - en fait, c'est une image et c'est tout.

3. Miniatures
Actuellement, un avatar vertical est utilisé pour créer une vignette dont la taille minimale est de 200 x 200 pixels. La vignette est utilisée dans les publications et les entrées sous la forme d'un petit cercle près du titre et sous la forme d'un cercle plus grand dans certaines sélections et mentions de la communauté. Dans le cadre du passage à une forme ronde, les exigences relatives aux miniatures sont devenues plus strictes. Pour que le texte de la miniature soit entièrement lisible, il ne doit pas dépasser visuellement les limites du cercle.

Comment télécharger une miniature
La miniature est devenue un élément complètement indépendant, et lorsque vous utilisez la couverture (en-tête) dans la conception du groupe, vous devez désormais créer une miniature distincte, gardez à l'esprit. Si le groupe n'a pas d'en-tête (couverture), alors pour télécharger une vignette, vous devez cliquer sur « Télécharger une photo » dans le bloc avatar (en haut à droite). Si le design contient un en-tête (couverture), alors pour télécharger la vignette, vous devez cliquer sur le cercle immédiatement sous l'en-tête et y sélectionner « Télécharger une photo ».

4. Bannière
Bannière (bannière anglaise - drapeau, bannière) - image graphique informationnel, publicitaire ou promotionnel. La bannière est attachée sous forme d’image à la publication et ne peut avoir qu’un seul lien interne. Beaucoup sont encore convaincus que plusieurs liens peuvent être créés à partir d'une bannière sur la page principale. Ce n'est pas vrai, juste un lien et c'est tout. Je soulignerais les types de bannières suivants.

4.1 Bannière informative
Un type courant de bannière contenant informations générales sur une entreprise, un groupe, un service ou un événement avec une liste détaillée des avantages et d'autres documents d'accompagnement. Souvent utilisé comme message épinglé dans un groupe. La taille de cette bannière est de 510x307 pixels. A cette taille, le bas de la bannière coïncide avec l'avatar. S'il n'y a aucun lien avec l'avatar, vous pouvez utiliser n'importe quelle taille. Par exemple, j'utilise la taille 600x350 pixels. Le format carré de 510 x 510 pixels est également pratique et gagne désormais en popularité : avec cette taille, la bannière occupe la plus grande surface possible. fil d'actualité.

4.2 Bannière pour accéder au menu interne
Si nous ajoutons l'inscription accrocheuse « Ouvrir le menu » à la bannière du paragraphe précédent, nous obtiendrons alors une bannière dont la tâche principale est de servir de point d'entrée au menu interne. Parfois, ils créent un leurre sous la forme de plusieurs boutons sur une bannière, mais c'est une illusion ; lorsqu'on clique dessus, l'utilisateur arrive toujours à la page interne, et là, chaque bouton a son propre lien. La taille de cette bannière est de 510x307 pixels. Avec cette taille, le bas de la bannière coïncide avec l'avatar. Si l'entrée dans le menu n'est pas liée à l'avatar, vous pouvez alors créer une bannière de n'importe quelle taille, même un bouton étroit avec l'inscription « Ouvrir le menu ». L'essentiel est que la largeur de la bannière soit d'au moins 510 pixels.

4.3 Carte de republication, promotions
DANS dernièrement Les cartes de republication ou de partage sont devenues particulièrement pertinentes. Sa tâche est un appel à une action spécifique. En gros, il s’agit de « Rejoignez le groupe, republiez ou aimez et gagnez un prix ». Ces bannières sont utilisées dans le cadre de campagnes publicitaires ou de promotions à la fois dans leurs propres groupes et à des fins de promotion dans d'autres groupes. J'utilise habituellement 600x350 pixels.

4.4 Bannière avec animation GIF
Après que les développeurs de VK aient agrandi la taille des images GIF au début de l'année, les gifs se sont immédiatement retrouvés à égalité avec les bannières d'information. Par exemple, sur une bannière GIF, vous pouvez afficher des images de plusieurs produits ou textes changeants - le mouvement attire immédiatement l'attention. Et quand la fonction a été ajoutée en juin animations gif à exécution automatique dans le fil d'actualité, les GIF sont devenus l'objet d'une attention particulière de la part des annonceurs et des spécialistes du marketing.

5. Avatar + conception de bannière fixe
Jusqu'à récemment, cette conception modulaire, composée d'un avatar et d'une bannière épinglée, était la manière la plus populaire de concevoir des groupes. Plus de détails sur la façon de réaliser cette conception sont décrits dans la leçon. Avec l'avènement de l'en-tête (couverture), la popularité de cette conception pourrait légèrement diminuer.

De plus, il est possible que VKontakte modifie à nouveau certains paramètres des blocs, puis la conception entière tombe, comme cela s'est produit deux fois au cours des six derniers mois. Alors, chers propriétaires de groupe, lorsque vous choisissez un design pour votre groupe, tenez compte de ce fait. Oui, et encore une chose, sur les appareils mobiles, toute la beauté d'une seule image n'est pas visible, puisque l'avatar n'est pas affiché, mais seulement une vignette, et la publication épinglée est située juste en dessous.

6. Menu de navigation interne
Le menu sous forme de liens actifs se trouve sur la page interne de VKontakte et est écrit à l'aide des commandes de balisage wiki. Comment créer la page intérieure elle-même est décrit dans la leçon. A l'aide du menu, l'utilisateur navigue dans le groupe. Ci-dessous, vous examinerez les types de menus internes, mais pour l'instant nous nous concentrerons sur plusieurs points importants.

Points d'entrée au menu interne
Je voudrais souligner un point subtil auquel on n’accorde souvent pas d’importance. Parfois, les clients me commandent un menu interne, mais n'ont absolument aucune idée de la manière dont l'utilisateur accédera à ce menu très interne. Et vous pouvez y accéder de deux manières : soit via une bannière épinglée (voir paragraphe 4.2), soit via un lien texte dans l'onglet supérieur sous la ligne d'état (voir figure ci-dessous). Parfois, un lien texte est également placé dans le bloc « Liens » dans la colonne de droite de l’interface.

Liens du menu interne
Généralement, lors de la commande, les clients indiquent les éléments de menu suivants : À propos de nous, Nos produits (catalogue), Modes de livraison, Paiement, Garanties, Avis, Contacts, Promotions, Réductions, Calendrier, Comment commander, Portfolio, Questions et réponses, Informations, Passez une commande. Les liens des éléments de menu peuvent diriger vers les sections correspondantes du site externe. Ensuite, le lien s'ouvre automatiquement dans une nouvelle fenêtre. La plupart des points mènent à des pages internes de VKontakte. Dans ce cas, la page s'ouvre dans la même fenêtre et vous devez faire un lien ou un bouton « Retour au menu principal ».

Les liens vers des albums contenant des photos et des vidéos s'ouvrent dans une nouvelle fenêtre. Des liens vers des sujets avec des discussions (par exemple Avis), vers une boîte de dialogue pour rédiger des messages, vers des applications (voir point 10), vers une sélection par hashtags (voir point 12) ouverts dans la même fenêtre et dans dans ce cas Vous pouvez revenir au menu uniquement via page d'accueil site Web, ou via le bouton « Retour » du navigateur. C'est peut-être le moment le plus gênant avec de tels liens.

Modification du menu
Les clients me demandent souvent s'il est possible de modifier le menu interne. Ma réponse est que si vous êtes un utilisateur confiant et que vous êtes familier avec les modes de balisage et d'édition du wiki, vous pouvez éditer. Mais si vous n’êtes pas familier avec tout cela, alors absolument pas. Dans ce cas, vous ruinerez simplement tous les paramètres.

Je citerai les propos des développeurs de VKontakte eux-mêmes. « Un simple conseil vous évitera beaucoup d'efforts et de nerfs : travaillez dans un seul mode. Soit c'est le mode visuel, soit le mode de balisage wiki. C'est le basculement entre ces deux modes tout en travaillant sur le balisage qui pose le plus de problèmes : les images peuvent devenir plus petites, divers paramètres peuvent disparaître. C’est l’une de ces choses qui seront certainement corrigées à l’avenir, mais pour l’instant, nous devons garder ce fait à l’esprit.

Réactivité mobile
Et encore un point sur l'adaptabilité. Pour que le menu interne ait la même apparence sur les appareils mobiles, vous devez le disposer sur des tableaux. Ensuite, l'image sera rigidement fixée. DANS sinon, lorsque la taille de l'écran est réduite, les images ont tendance à se déplacer les unes sous les autres, violant ainsi l'ordre initialement prévu.

Voici encore les mots des développeurs sur l’adaptabilité. "Le menu wiki est affiché dans navigateurs mobiles, mais ne s'adapte pas à la taille de l'écran, ce qui peut donner aux images un aspect différent de celui d'un ordinateur. Vous pouvez trouver des guides en ligne sur la façon d'adapter le balisage wiki à appareils mobiles, mais même eux ne garantissent pas des performances à 100 % sur tous les appareils.

7. Types de menu de navigation interne
Vous trouverez ci-dessous les types de menus internes les plus courants. Il existe des solutions plus simples et moins coûteuses qui présentent un haut degré de fiabilité. Et il existe des conceptions plus complexes et exigeantes en termes de graphisme et de mise en page. Mais ils ont l'air plus impressionnants.

7.2 Grand menu graphique
Dans ce cas, une rangée verticale de liens est située sur une grande image d'arrière-plan et a une structure rigidement fixée. Voici la leçon.

7.3 Menu sous forme d'icônes, tuiles
Cette conception implique plusieurs lignes et colonnes sous la forme d'icônes graphiques et d'inscriptions pour celles-ci, ou de carreaux graphiques multicolores ou monochromes.

7.4 Menu dynamique avec effet de navigation
Un design très impressionnant qui simule la navigation sur le site avec l'effet de clics sur des boutons ou d'autres marquages ​​des liens visités. Un tel menu est assez difficile à gérer et nécessite des compétences pour communiquer avec le balisage wiki, puisque vous devrez également éditer les informations sur les pages dans le balisage wiki. Voici une leçon sur ce sujet.

Evgenia Kryukova

*Mise à jour de l'article.

Un beau design de la communauté VKontakte n'est pas un caprice, mais un élément important qui renforce la confiance des utilisateurs en vous et en votre entreprise. Si une page ou un groupe public est conçu de manière non professionnelle, vos clients potentiels peuvent tout à fait logiquement conclure que vous êtes tout aussi négligent dans votre travail. Pour éviter que cela ne se produise, assurez-vous que votre page VKontakte est belle, soignée et facile à utiliser. Comment faire cela ? Lisez ci-dessous.

Tailles actuelles des images VKontakte

Il y a quelque temps, les développeurs réseau social VKontakte a lancé un nouveau design. Cela a conduit à des changements dans la taille et les principes d'affichage des images. Le mémo, qui sera donné ci-dessous, correspond à toutes les innovations et contient des dimensions pertinentes pour à l'heure actuelle temps.

Rentrons maintenant plus en détail sur chaque point.

Taille de l'avatar VK

La taille minimale de l'avatar est de 200 x 200 pixels. Si vous essayez de télécharger une image de moins de 200 pixels de largeur ou de longueur, vous verrez une erreur comme celle-ci :

La taille maximale de l'avatar est de 200 x 500 pixels. Mais en principe, vous pouvez télécharger des images plus grandes – jusqu’à 7 000 pixels de chaque côté. L'essentiel est que le rapport hauteur/largeur ne dépasse pas 2 à 5.

Je vais vous montrer avec un exemple.

J'ai une image. Sa taille : 200 par 800 pixels (rapport 2 à 8). Il n'y a aucune erreur lors du chargement. Cependant, je ne peux toujours pas utiliser cette image, car « Contact » ne me permet pas de la sélectionner complètement.

Couverture

La taille de couverture de la version complète du site est de 1590 x 400 pixels.

Attention : dans version mobile et applications, ce n'est pas la version complète de la couverture qui est affichée, mais seulement une partie de celle-ci mesurant 1196 x 400 pixels. Découvrez comment il est recadré dans l'application mobile :

Pour éviter que cela ne se produise, positionnez les principaux éléments de votre couverture dans une plage de 1196 x 400 pixels.

Images jointes

Dans la conception mise à jour de Contact, la largeur du fil d'actualité est devenue fixe. Cela signifie que les images jointes à la publication ne sont plus étirées, mais restent telles quelles. Par conséquent, si vous souhaitez que votre image occupe tout son espace dans le fil d’actualité, sa largeur doit être d’au moins 510 pixels. Il est préférable qu'il s'agisse d'un carré ou d'un rectangle en orientation paysage.

Cela semble un peu déroutant :) Je vais donc vous montrer avec un exemple.

Disons que nous avons une image de forme carrée avec des côtés de 510 pixels. Si nous le joignons à notre message, il apparaîtra très bien dans le fil d'actualité sur tous les appareils :

Et voici à quoi ressemble une image horizontale en orientation paysage (largeur 510 pixels) :

Comme vous pouvez le constater, plus l’image est étroite (en hauteur), plus elle paraît petite dans le flux du smartphone. Pour voir cela, regardez l'image ci-dessous :

Il est clair que la différence ici n'est pas particulièrement critique, et les utilisateurs de smartphones regarderont toujours votre image, c'est juste que dans le second cas ils seront un peu plus à l'aise.

Images pour les articles avec des liens

Toutes ces données proviennent du code de balisage Open Graph :

Si Open Graph n'est pas spécifié, le titre est extrait de la balise méta Title et l'image de l'article. En même temps, vous pouvez facilement la modifier - ou sélectionner une autre image dans l'article à l'aide de flèches spéciales :

Ou téléchargez le vôtre :

La taille minimale d'une image que vous pouvez utiliser comme annonce pour votre article est de 537 x 240 pixels. Cependant, vous pouvez télécharger des images plus grandes tant que les proportions sont conservées.

Image d'un article créé dans l'éditeur

La taille de l'image de la couverture d'un article créé dans l'éditeur est de 510 x 286 pixels. Il est préférable qu'il soit de couleur sombre et plus ou moins monochrome, puisque le nom de l'article et de la communauté se perd sur un fond clair.

Bon exemple :

Ce n'est pas un très bon exemple :

Taille des photos et des vidéos pour les histoires

La taille des photos est de 1 080 x 1 920 pixels. La taille de la vidéo est de 720 x 1 280 pixels.

Spécifications techniques pour les enregistrements vidéo :

• jusqu'à 15 secondes ;
• pas plus de 5 Mo ;
• codec h.264 ;
• Son AAC.

Les histoires doivent utiliser des photos et des vidéos au format vertical.

Attention : les histoires au nom des communautés ne peuvent actuellement être ajoutées que par les grandes communautés pour lesquelles les développeurs de VKontakte ont ouvert cette fonction. Et cela se fait avec l'aide demande officielle. Cela ne peut pas être fait depuis un ordinateur.

Exemples de couvertures dynamiques :

Couverture + description de la communauté + lien vers le site Web

Certaines entreprises n'épinglent spécifiquement aucune publication dans l'en-tête afin que les utilisateurs aient la possibilité de lire les informations de base sur la page et d'accéder immédiatement au site.

Description avec hashtags

Certaines entreprises ajoutent des hashtags à la description standard de la page qui la caractérisent. Ceci est fait pour que la page ait une pertinence plus claire et, de ce fait, soit plus élevée dans la recherche de requêtes pertinentes. Honnêtement, je ne sais pas si cette méthode fonctionne ou non. Je n'ai vu aucun cas sur ce sujet, donc si quelqu'un le sait, je lui serais reconnaissant de partager le lien.

Article épinglé expliquant de quoi parle la page

Si vous souhaitez parler de votre page plus en détail (avec des photos, des liens et une belle mise en page), vous pouvez joindre à l'en-tête une publication wiki ou un article réalisé dans l'éditeur, avec une image lumineuse sur l'annonce qui encouragera les utilisateurs pour cliquer dessus. Un exemple d'un tel article :

Et voici ce que l'utilisateur voit après avoir cliqué sur le lien :

Nouveau menu de liens

Il n'y a pas si longtemps, les développeurs de VKontakte ont enfin fait plaisir aux propriétaires de communauté avec un nouvel outil avec lequel vous pouvez créer des menus - rapidement et sans aucun problème avec les pages wiki. Cela semble quelque peu primitif, alors comment créer beau menu, je vais vous le dire aussi.

Le menu apparaît automatiquement si vous utilisez des applications communautaires ou si vous avez une boutique connectée. Par exemple, dans l'image précédente, les trois éléments de menu sont des liens vers des applications. Vous pouvez ajouter le vôtre ici - pour les publications importantes, les albums, les discussions, etc., jusqu'à 7 pièces (sans compter l'application). Mais vous ne pouvez créer des liens que vers des ressources du réseau social, à l'exception des pages wiki.

Pour modifier le menu, cliquez sur « Personnaliser » dans le coin supérieur droit du widget :

Pour ajouter un élément de menu, cliquez sur Nouveau lien.

Dans la fenêtre qui s'ouvre, sélectionnez une image de couverture (taille minimale – 376x256 px), saisissez le nom de l'élément de menu (il est important de le conserver dans les 20 caractères avec espaces), ajoutez un lien et cliquez sur « Enregistrer ».

Si vous souhaitez masquer une application du menu, modifier son titre ou sa couverture, cliquez sur « Modifier » à côté de l'élément correspondant. La même chose peut être faite avec d’autres liens ajoutés manuellement et nécessitant des ajustements.

Le résultat devrait ressembler à ceci :

Le menu Groupe est ouvert

J'appelle un menu ouvert un menu qui montre immédiatement de quels éléments il se compose. Autrement dit, l'image d'annonce de la publication wiki duplique complètement son contenu. Ainsi, les utilisateurs voient immédiatement ce qui les attend à l’intérieur. Je vais vous montrer avec un exemple.

Voici à quoi ressemble une publication épinglée dans l’en-tête de la page Flatro :

Le menu Groupe est fermé

Un menu fermé est la même publication wiki que dans le paragraphe précédent, seule l'annonce contient une image sans élément de menu. Habituellement, ils écrivent dessus : « Menu », « Menu de navigation » ou « Navigation à travers les documents publics ».

Et voici ce que l'on voit lorsqu'on clique dessus :

À propos, il convient de noter que ce sont loin d’être les seules options. En gros, vous pouvez écrire ce que vous voulez sur cette image. L'essentiel est que l'utilisateur veuille cliquer dessus et qu'il comprenne ce qui l'attend après cela. Exemple:

Menu fusionné pour un groupe

Un menu fusionné, c'est lorsque l'image sur l'annonce de votre menu ne forme qu'une seule image avec l'avatar. Ci-dessous, je vais vous expliquer en détail comment créer un tel menu, mais pour l'instant, regardez à quel point il est beau.

Vous souhaitez magnifiquement concevoir votre communauté VKontakte, mais vous n’avez pas les compétences nécessaires ? Enregistrement de la commande auprès de notre société. Nous préparerons pour vous un avatar, une couverture, des modèles de titres, de menus et d'aperçus de produits.

GIF et avatar dans une seule image

Mais cette option de conception du chapeau m'a vraiment ravi. Le GIF joué automatiquement fusionne avec l'avatar en une seule composition et attire l'attention des utilisateurs, même s'il n'y a aucune information à ce sujet.

À propos, j'ai repéré cet exemple dans le groupe du spécialiste du marketing SMM, Sergei Shmakov. Alors, je lui exprime ma gratitude pour la trouvaille :)

Menu caché

Le menu caché n'est disponible que pour les groupes (les pages n'ont pas cette fonctionnalité). Pour le voir, vous devez cliquer sur le lien approprié. L'avantage de cette méthode de conception est que les utilisateurs peuvent voir les principales informations de la communauté, et s'ils souhaitent utiliser le menu, il leur suffit d'effectuer un seul clic. Cependant, il y a ici un petit inconvénient : tous les utilisateurs ne connaissent pas l'existence de cette fonction, votre menu peut donc recevoir moins d'attention que s'il était épinglé en haut de la page.

Vidéo en lecture automatique

Fin novembre 2015, une innovation intéressante est apparue sur le réseau social VKontakte : dès qu'un utilisateur visite votre page, la vidéo attachée à l'en-tête commence à être lue automatiquement. Avec cette technique, vous pouvez attirer encore plus l'attention des utilisateurs (surtout ceux qui ont visité votre page pour la première fois), et en même temps, ne pas irriter ceux qui n'aiment pas se voir imposer leur contenu, car la vidéo joue sans son et ne gêne pratiquement pas .

Comment ajouter une telle vidéo en en-tête de votre page ?

Pour ce faire, trois conditions doivent être remplies :

• Joignez la vidéo à la publication et épinglez cette publication en haut de la communauté.
• Hormis la vidéo, rien d’autre ne doit être joint à l’enregistrement. Uniquement vidéo et texte en option.
• La vidéo doit être téléchargée sur VKontakte - les lecteurs tiers ne sont pas pris en charge.

Un post qui reçoit beaucoup de partages

Une autre façon d'utiliser de manière productive l'espace dans l'en-tête de votre page est d'y épingler l'une de vos publications les plus réussies - une publication qui a déjà gagné et continue de gagner. grand nombre aime et partage. Pourquoi faire cela, je pense que tout le monde comprend : plus il y a de republications, plus la portée est grande, plus la page reçoit d'abonnements.

Annonces de nouvelles vidéos, albums, événements

Présentation de nouveaux produits/services

Réductions et promotions

Cas, avis clients

Publicité des applications

Tirages

Règles de la communauté

Liens vers d'autres réseaux sociaux

Je n'ai pas répertorié toutes les options de conception d'en-tête. Fondamentalement, vous pouvez mettre tout type d'informations sur votre page de garde et votre publication épinglée : offres d'emploi, annonces, liens vers des produits les plus vendus, etc. Ne vous limitez donc pas aux exemples ci-dessus. Utilisez votre imagination et utilisez la conception de votre communauté pour atteindre vos objectifs.

À quoi devrait ressembler un avatar ?

Un avatar n’est pas seulement une belle image avec le logo de votre entreprise, mais aussi un outil de travail du marketeur avec lequel il atteint ses objectifs. Examinons en détail à quoi cela devrait ressembler afin d'attirer l'attention des utilisateurs et de les encourager à effectuer l'action cible. Commençons par la miniature.

Miniature de l'avatar

1. Le texte sur la vignette de votre avatar doit être suffisamment grand pour être lu.







2. Le texte ne doit pas dépasser la vignette.







3. Les utilisateurs doivent comprendre ce qui est affiché sur l'avatar.







4. Si possible, il est préférable de ne pas utiliser d’images d’archives, car elles réduisent souvent la crédibilité de l’entreprise.




5. Il n'est pas souhaitable que la vignette de l'avatar soit trop fanée et ennuyeuse, sinon elle sera perdue sur fond d'avatars plus brillants des concurrents.



6. Si vous voulez que votre avatar ait l'air moderne, réalisez-le dans un style minimaliste : moins de texte, d'ombres, de dégradés et d'éléments qui n'ont aucune signification sémantique. Votre avatar doit être aussi simple et soigné que possible. Ce style est actuellement à la mode.







7. Si votre objectif est d'attirer l'attention des utilisateurs et de vous démarquer des autres avatars du flux, vous devrez faire preuve d'imagination. Pensez à ce à quoi vous faites vous-même attention lorsque vous recherchez des communautés intéressantes ? Par exemple, j'ai été attiré plus d'une fois par des avatars avec une lumière allumée, ce qui indique généralement qu'un nouveau message est arrivé. C'est une technique très ancienne, mais pour une raison quelconque, elle m'affecte toujours - quand je vois une telle lumière, je garderai certainement mon regard dessus.

Je ne dis pas que cette technique fonctionnera sur votre page. Ce que je veux faire comprendre, c'est qu'il existe de très nombreuses façons de se démarquer, il suffit de se poser des questions et d'être un peu créatif. Voici, par exemple, une autre idée intéressante à laquelle j'aurais à peine pensé par moi-même :

L'avatar est un cercle noir : grand et petit. Il semblerait, pourquoi faire cela ? Mais lorsque l’on fait défiler la liste des communautés, de tels avatars attirent l’attention car ils sont très différents de tous les autres.

Quelles informations peuvent être placées sur la vignette d'un avatar ?

Même si la vignette de l’avatar est très petite, elle peut (et doit) être utilisée pour attirer des abonnés dans votre communauté. Comment faire cela ? Examinons quelques options :

Annonce d'un nouveau produit/service/événement

Avantages de l'entreprise/du service/de la page

Numéro de téléphone de l'entreprise

Prix ​​avantageux

Livraison gratuite

D'ailleurs, très souvent, des informations sur ce qu'une entreprise propose livraison gratuite, sont ajoutés au nom du groupe lui-même afin que les utilisateurs y prêtent attention.

Action

Compétitions

Postes vacants

À quoi devrait ressembler l’avatar lui-même ?

J'ai regardé ce que devrait être la vignette de l'avatar et quel texte pouvait y être placé. Passons maintenant à l'avatar lui-même. Version complète L'avatar ne sera affiché que dans la communauté dans laquelle la couverture n'est pas installée. C'est pour de tels cas que j'ai écrit cette section. Alors, à quoi devrait ressembler l’avatar de votre communauté pour que les utilisateurs comprennent immédiatement que votre entreprise a abordé la création de la page de manière responsable et professionnelle.

1. L'avatar doit être de haute qualité. J'ai écrit sur la façon d'y parvenir un peu plus haut. Pour ceux qui ont raté cette partie, je vais vous le dire brièvement : la taille de l'avatar doit être 2 à 3 fois plus grande que ce que vous aviez prévu.
2. Il est conseillé que l'avatar soit combiné avec le menu : avoir la même palette de couleurs, avoir les mêmes polices, éléments, etc. Grâce à cela, l'en-tête de votre page aura l'air plus soigné et professionnel. Exemple:




3. L'avatar lui-même et la miniature de l'avatar peuvent être différents. Par exemple, vous pouvez dessiner un cercle sur votre avatar, le concevoir comme vous le souhaitez, sélectionner cette zone sous forme de vignette et concevoir le reste de l'avatar dans un style différent.




Une autre option consiste à diviser l’avatar en deux parties. L’un est pour la miniature et le second pour le reste de l’avatar.




4. Afin d'encourager les utilisateurs à s'abonner à votre page ou à écrire un message à un représentant de l'entreprise, vous pouvez placer un appel à l'action correspondant tout en bas de l'avatar et l'accompagner d'une flèche pointant vers le bouton.




5. Essayez de ne pas mettre trop d’informations sur votre avatar, sinon il aura l’air surchargé et désordonné. Ajoutez-y uniquement les points les plus importants et assurez-vous qu'il y a de « l'air » entre eux.

Quelles informations peut-on placer sur un avatar ?

En gros, vous pouvez mettre tout ce que vous voulez sur votre avatar. Contrairement à la miniature, il y a vraiment de la place pour se déplacer ici. L'essentiel est de ne pas en abuser :)

Domaine du site

Téléphone/adresse/heures d'ouverture

Concours/promotions

Produits les plus achetés/nouveaux articles

Informations de livraison

Publicité sur les applications mobiles

Les principaux avantages de l'entreprise/page/produit, etc.

Mise à jour de l'assortiment/nouvelle créativité, etc.

Informations indiquant que votre communauté est officielle

Informations sur les événements à venir

Adresses des comptes sur d'autres réseaux sociaux

Description de la page étendue

Se vanter

En général, vous pouvez placer absolument n'importe quelle information sur votre avatar. Je viens d'inclure quelques idées afin que vous puissiez voir ce que font les autres et vous inspirer. Eh bien, gardez à l'esprit les recommandations de base : l'avatar doit être de haute qualité, la police doit être grande et il doit y avoir plus « d'air » entre les éléments.

Comment créer un avatar et un menu transparents

Afin de créer un avatar et un menu fusionnés, vous aurez besoin Programme Adobe Photoshop ou son équivalent. Je vais expliquer l'ensemble du processus en utilisant Photoshop comme exemple. Alors, allons-y.

1. Téléchargez le modèle Photoshop que j'ai spécialement préparé pour cet article. En taille normale (menu – 510 pixels de large, avatar – 200) ou agrandie (menu – 1020 pixels de large, avatar – 400).
2. Ouvrez l'image que vous souhaitez utiliser comme base.
3. Copiez-le, collez-le dans le modèle et positionnez-le comme vous souhaitez le découper.

1. Ajoutez des effets, du texte, des graphiques, etc.

1. Si vous ne souhaitez pas perdre une partie de l'image (dans cet espace de 50 px), déplacez-la vers la droite, comme indiqué dans le GIF suivant :

1. Sélectionnez l'outil « Coupe » et cliquez sur le bouton « Fragments le long des guides ».

1. Supprimez les fragments inutiles (clic droit de la souris - "Supprimer le fragment") et modifiez ceux existants (clic droit de la souris - cliquez dans un espace vide - prenez la zone souhaitée et étirez-la à la taille souhaitée).

1. Allez dans la section "Fichier" et sélectionnez la commande "Enregistrer pour le Web".

1. Accédez à l'emplacement où vous avez enregistré les images (votre bureau ou un répertoire spécifique) et recherchez un dossier appelé « Images ». C'est là que iront vos images. Il ne reste plus qu'à les remplir sur la page.

P.S. La hauteur de l'avatar peut être modifiée à votre discrétion. J'ai pris la taille maximale - 500 pixels, mais votre valeur peut être inférieure. Par exemple, comme sur la page « Wiki Markup » :

Comment utiliser les widgets

Les widgets font également partie de la conception de la communauté VK. Grâce à eux, l'utilisateur peut : passer une commande, s'abonner à votre newsletter, participer à un concours, lire et laisser des avis, ouvrir une recherche dans la communauté, recevoir un cadeau, un coupon de réduction, etc.

Voici quelques exemples de ce à quoi ressemblent les widgets sur la page VKontakte :

classe="incut">

Comment concevoir des images pour les publications

Si vous êtes un concepteur de sites Web ou si vous avez un goût artistique et un sens de la beauté, il ne vous sera pas difficile de proposer un style d'entreprise pour vos images. Cependant, il me semble que ces personnes seront minoritaires dans cet article (d'ailleurs, je n'en fais pas partie non plus). Par conséquent, examinons de plus près comment cela se fait, sur la base d'exemples d'entreprises prospères.

À propos, veuillez noter que presque toutes les sociétés VKontakte connues marquent leurs images, c'est-à-dire qu'elles ajoutent un petit logo, l'adresse de leur page ou un filigrane. Cela augmente la notoriété de la marque et protège vos images contre la copie. C'est à chacun de décider si cela en vaut la peine. La seule chose que je voudrais vous conseiller est la suivante : si vous décidez de faire cela, essayez de vous assurer que votre logo n'est pas trop lumineux et ne prend pas trop de place, sinon toute l'accent sera mis sur lui et l'image sera perdre son attrait.

Où puis-je obtenir de bonnes images ?

Nous avons un bon article sur ce sujet sur notre blog - "". Ils sont tous gratuits, mais certains nécessitent une inscription. Si vous ne trouvez rien qui vous convient, essayez de rechercher par mot-clé + fond d'écran (ou, si en anglais, fond d'écran). Généralement, ce type de demande aboutit à des images de haute qualité. Mais ici, vous devez être prudent et vérifier le type de licence, sinon, si vous avez une entreprise sérieuse, vous pourriez avoir des ennuis.

Que doivent faire ceux qui ne savent pas travailler dans Photoshop ?

Si vous n'avez jamais travaillé dans Photoshop (ou tout autre éditeurs graphiques) et que vous n'êtes pas encore prêt à consacrer du temps à sa maîtrise, vous pouvez utiliser des services qui existent déjà modèles prêts à l'emploi photos pour différents réseaux sociaux :

1. Fotor.com

Après cela, sur le côté gauche de l'écran, sélectionnez le modèle qui nous intéresse. Veuillez noter que seuls les modèles ne comportant pas d'icône en forme de diamant sont fournis gratuitement.

Nous l'insérons dans le modèle, le sélectionnons avec le bouton gauche de la souris, sélectionnons la commande Calque (icône en sandwich) et cliquons Déplacer vers le bas. De cette façon, notre image ira en arrière-plan et toutes les inscriptions seront superposées dessus.

Après cela, nous modifions le texte, la police, la taille de la police, la position de l'inscription, etc.

Cliquez ensuite sur l'icône de la disquette, sélectionnez le nom, le format de l'image, la qualité et cliquez sur le bouton Connectez-vous pour télécharger.

Comment utiliser le balisage wiki

Eh bien, nous arrivons ici à la section la plus intéressante et en même temps la plus difficile. Il y a peut-être des gens parmi les lecteurs qui ne savent pas ce qu'est le balisage wiki et qui entendent ce terme pour la première fois. C'est pourquoi, spécialement pour vous, je donnerai la définition que « Contact » lui-même donne.

Le balisage wiki est un langage de balisage utilisé pour formater le texte sur des sites Web (généralement classés comme projets wiki) et permet un accès plus facile aux capacités du langage HTML. Sur les pages wiki de notre site Web - bonne alternative publications régulières et navigation textuelle. Si vous avez besoin de créer un article volumineux avec une mise en forme de texte différente (gras, souligné, titres, etc.) ou d'y ajouter des graphiques, ou simplement de créer un menu de navigation coloré pour votre communauté, un wiki est indispensable.

Tout comme Wordpress (ou tout autre CMS) dispose d'un éditeur HTML avec lequel vous créez des articles, Contact possède son propre éditeur pour créer et éditer des pages wiki. Cela ressemble à ceci :

À l'aide de cet éditeur, des menus de navigation sont créés, ainsi que des articles avec des images, des vidéos et des enregistrements audio. Ci-dessous, je discuterai en détail de la façon de travailler dans cet éditeur, mais je vous demande d'abord de mettre deux liens en signet. Ils vous aideront beaucoup dans l’apprentissage du balisage wiki.

La plupart des administrateurs pensent qu'en élevant un groupe au premier rang en termes de requête clé au contact supérieur, ils en prendront la majeure partie trafic de recherche et clients intéressés. Parfois, cela se produit, mais dans 90 % des cas, les propriétaires de groupe oublient la conception de haute qualité du groupe et même lorsqu'ils se retrouvent en première place, ils laissent passer les clients les plus intéressants.

Pourquoi cela se produit-il ?

La raison est très simple : une mauvaise conception du teaser de recherche communautaire. En termes simples, votre groupe dans la recherche doit se démarquer de la concurrence et correspondre le plus possible aux entrées. requête de recherche. Ce n'est que si ces conditions sont bien remplies que vous pourrez obtenir une communauté avec un CTR élevé et une forte probabilité de ventes ultérieures.

Comment influencer les performances de recherche d’une communauté ?

Le levier le plus efficace pour influencer les taux de clics d’un groupe est la vignette de l’avatar.
La vignette joue un rôle très important dans le groupe, car elle est affichée à tous les endroits où le groupe est mentionné :

• dans le fil d'actualité du groupe
• dans le moteur de recherche de contacts
• sur la recherche Google et Yandex
• dans les liens d'autres communautés
• dans le fil d'actualité des utilisateurs de VK

Les détails ayant une portée aussi large ne peuvent être traités avec dédain. Et quand inscription de groupe les miniatures nécessitent une attention particulière.

Principes de création de vignettes cliquables.

1) Ligne associative du client lors de la saisie de votre demande.
Pensez à ce que votre client potentiel s'attend à voir lorsqu'il tape une requête pour laquelle vous apparaissez dans la recherche. Par exemple, si une jeune mère choisit une combinaison pour bébé, elle s'attend très probablement à voir sur la photo l'image d'une combinaison ou d'un bébé heureux dans une belle combinaison.

2) Gamme de couleurs et contraste par rapport aux concurrents.
Lorsque vous choisissez une image pour la vignette de votre groupe, regardez les vignettes de vos concurrents. Quelle palette de couleurs est utilisée, la densité des éléments de l'image, leurs logos. La tâche principale est de créer une miniature qui se démarque des autres. Par exemple, si la plupart des vignettes sont vertes, rendez les vôtres rouges, si toutes sont ternes, rendez les vôtres lumineuses, si toutes sont colorées, rendez les vôtres monochromes. N'oubliez pas que l'objectif principal est de se démarquer et de maintenir la pertinence de la requête. !

3) Mots-clés dans l'image.
D'après notre expérience, placer une phrase clé sur une image a également un effet positif sur le taux de clics de la vignette, le trafic de la communauté et l'efficacité globale. promotion du groupe.

4) Logo de l'entreprise.
Vous pouvez également placer votre logo sur la vignette. La situation idéale serait que le logo respecte les principes ci-dessus.

Lorsque nous travaillons avec nos clients, nous prenons toujours en compte toutes les nuances, y compris une vignette de groupe cliquable de haute qualité, ainsi que d'autres points qui ont un impact clé sur la vente de produits via les groupes VK.