Nous avons publié un nouveau livre, Social Media Content Marketing : Comment entrer dans la tête de vos abonnés et les faire tomber amoureux de votre marque.

S'abonner

Un groupe VK est votre visage, donc concevoir un groupe VKontakte nécessite une attention particulière. Bien entendu, vous pouvez commander la conception d'un groupe VKontakte auprès de spécialistes. Dans ce cas, le coût dépendra de la quantité de travail et des spécificités. En moyenne, la conception complexe d'un groupe comprenant la disposition des menus et d'autres services coûte 1 000 roubles et plus. Si vous souhaitez créer vous-même un groupe VKontakte, cet article est fait pour vous. Tout d’abord, signalons que cela est absolument réel.

Tailles des éléments

Ci-dessous un rappel avec les dimensions de la conception du groupe VK, ou plutôt ses principaux éléments.

Examinons chaque élément séparément :

Fabriquer un chapeau

La conception d'un groupe VK est impensable sans en-tête. La réponse à la question de savoir comment créer un groupe en contact doit commencer par l'en-tête. Le plus souvent, des annonces, un menu de navigation et les posts les plus intéressants sont placés dans l'en-tête. Il est plus rationnel de réaliser un chapeau sous la forme d'une couverture. Concevoir un groupe dans VK à l'aide d'un nouveau design vous permet d'ajouter des couvertures volumineuses et attrayantes. Pour ce faire, cliquez sur « Télécharger » à côté de « Couverture communautaire », comme indiqué dans la figure :

Voici quelques options quant à ce qui peut être placé dans l'en-tête :

Avatar

Vous vous demandez comment concevoir magnifiquement un groupe VKontakte ? Alors n'ignorez pas le travail minutieux sur votre avatar. Il s'agit d'un outil marketing efficace qui, s'il est utilisé correctement, peut atteindre le résultat souhaité.

Une bonne miniature d'avatar répond aux critères suivants :

1. Le texte dessus est grand et entièrement visible, il est facile à lire.
2. L'image et le texte sont clairs, n'essayez pas d'en mettre trop dans votre avatar.
3. Il est préférable d'utiliser une image originale que vous avez créée plutôt qu'une image téléchargée.
4. Utilisez des couleurs vives pour vous démarquer des autres images et utilisez habilement le contraste.
5. Les avatars réalisés dans le style du minimalisme sont impressionnants : un minimum de texte et de détails inutiles, un maximum de beauté et de simplicité.
6. Utilisez votre imagination pour attirer et intéresser l'utilisateur - un carré noir, une icône de message brûlant, etc.

Voici plusieurs options pour publier des informations en miniature : annonces, avantages, contacts, petits prix, promotions, concours en cours, etc.

Conditions requises pour l'avatar :

1. Qualité. Pour ce faire, utilisez des images 2 à 3 fois plus grandes que la taille requise.
2. Style unique. Tous les éléments doivent être combinés en couleur et en style général.
3. Diversité. Il est préférable que la vignette et l'avatar lui-même soient des images différentes.

Sur l'avatar lui-même, vous pouvez placer le domaine du site officiel de l'entreprise, le nom de la marque, le logo, les contacts, les heures d'ouverture, des informations sur les concours et promotions en cours, les produits les plus populaires, des informations sur l'application mobile existante, vos principaux avantages, les annonces d'événements. , et ainsi de suite.

Widgets

C'est une partie obligatoire de la création d'un groupe dans VK. Grâce à eux, il est pratique pour l'utilisateur d'effectuer des actions qui vous sont utiles : s'abonner, participer à un concours, passer une commande, rédiger un commentaire, etc.

Images pour les articles

Il est préférable que les publications soient accompagnées d'images dans le même style. Cela donne au groupe originalité et créativité. Voici d’excellents exemples :

Comme le montre l'exemple, les entreprises créent des modèles de conception uniques pour un groupe VK, ou plutôt des images pour ses publications, puis les complètent/modifient simplement. Réaliser un tel modèle est assez simple, voici quelques techniques :

Pour créer des images attrayantes et de haute qualité qui contribueront à créer un beau design pour le groupe Kkontakte, il est recommandé d'utiliser Photoshop. Si vous possédez ce programme, utilisez l'un des analogues simplifiés du programme : Fotor.com ou Canva.com.

Édition d'articles

Comment enregistrer un groupe VK ? Vous pouvez y éditer des articles à l'aide de l'éditeur, vous pouvez le retrouver grâce à cette icône :

Nous avons expliqué comment travailler avec l'éditeur d'articles dans VK dans un autre article.

Balisage wiki

Comment créer correctement un groupe sur VK en utilisant le balisage wiki ? C’est la partie la plus difficile et en même temps la plus intéressante. Le balisage wiki est un langage spécialisé pour travailler avec du texte sur des sites Web, facilitant l'accès aux fonctionnalités du langage HTML. Lors de la création d'un contact dans un groupe, le balisage wiki est utilisé pour formater le texte, y ajouter des images et développer un menu de navigation. Dans ce cas, un éditeur VK spécialisé est utilisé.

Voyons comment créer une page wiki : ouvrez le navigateur et collez dans la barre d'adresse : http://vk.com/pages?oid=-111 &p=Created_page, où « 111 » est l'ID du groupe et « Created_page " est le titre de l'article avec des mots écrits avec des traits de soulignement. Nous passerons souvent en mode code, voyons donc rapidement comment procéder :

Le texte est formaté dans un éditeur simple et clair, similaire à Word. Mais il n'a pas la possibilité de changer les polices ; à la place, des balises sont utilisées : H1, H2, H3, gras et italique.

Si nécessaire, vous pouvez insérer un lien dans le texte à l'aide du modèle : [lien vers l'article|texte du lien].

Pour insérer une image, cliquez sur l'icône de l'appareil photo, il est plus pratique de le faire en mode code, ce qui permettra de préciser immédiatement les dimensions souhaitées et de placer l'image au milieu.

Il existe également des versions plus complexes :

Ici, une image est d'abord réalisée dans Photoshop, qui est ensuite divisée en parties à l'aide de « Découpe », puis les images finies sont insérées dans une publication wiki et des liens y sont attachés.

Il est important d'épingler le menu développé dans l'en-tête de la page : nous créons d'abord le menu dans le balisage wiki, puis enregistrons son lien. Après cela, collez ce lien dans le message, comme indiqué :

Maintenant, nous créons des images pour le menu et les ajoutons à la publication, supprimons le lien du champ de texte spécial et cliquons sur « Soumettre ».

Il ne reste plus qu'à épingler le post.

Au lieu d'une conclusion

Quelques conseils pour créer un groupe VKontakte :

1. Lorsque vous développez un design (peu importe que vous utilisiez l'ancienne version ou que vous réfléchissiez à la façon de concevoir un groupe VKontakte dans un nouveau design), pensez toujours à quoi il ressemblera dans la version mobile, si tout est clair et pratique.
2. N'ayez pas peur d'expérimenter et de développer des solutions que vos concurrents n'utilisent pas. C'est juste un plus.
3. Un menu absolument uniforme et symétrique semble parfois ennuyeux, alors ne vous attardez pas sur les formes idéales.

Nous espérons que ce matériel sur la façon de créer un groupe sur VKontakte sera utile. Merci aux abonnés !

Bon après-midi. Dans cet article, nous expliquerons comment créer vous-même un groupe VKontakte. Plus récemment, nous avons examiné en détail et discuté de la taille et de la qualité de l'image. Mais les concepteurs sont allés plus loin et on peut désormais trouver de nombreuses communautés dans lesquelles le menu et l'avatar représentent un tout. Cela a l'air incroyable. Et aujourd'hui, vous apprendrez à créer de vos propres mains un beau design pour une page de groupe ou publique, sans l'aide de pigistes et de concepteurs de sites Web professionnels.

Afin que vous puissiez immédiatement comprendre de quoi nous parlons, je poste un exemple de groupe conçu :

En un mot, dans un éditeur graphique (également Adobe Photoshop), les images sont créées en 2 images. L'un d'eux est découpé en plusieurs fragments et des liens sont ajoutés à l'aide du balisage wiki VKontakte. Si vous n’avez pas peur de ces terribles paroles, je continuerai.

Étape 1. Dans un éditeur graphique (il est préférable d'utiliser Adobe Photoshop), vous devez créer un document mesurant 630 x 725 pixels. Ensuite, dans le premier calque, nous découpons 2 fenêtres, qui seront le menu et l'avatar. Tout d'abord, sélectionnez un rectangle mesurant 200 x 500 pixels et appuyez sur la touche SUPPR.
__________________
Permettez-moi de faire une réserve tout de suite : dans les leçons sur d'autres sites, vous pouvez trouver des astuces où l'on dit qu'il faut découper un rectangle mesurant 200*710. CE N'EST PAS CORRECT. Désormais, dans le réseau social VKontakte, il existe une limite à la hauteur de l'image et si vous utilisez une hauteur de 710 px, elle sera recadrée.

__________________

Découpez maintenant le menu - un autre rectangle mesurant 382 sur 232 et appuyez également sur la touche « diviser ». Les rectangles doivent être connectés en bas.

La pièce est prête.

Étape 2. Nous devons maintenant recouvrir notre blanc d'un arrière-plan. Écrivez du texte si nécessaire et créez de futurs boutons sous le menu. Dans l'exemple, il y en a 5, mais vous pouvez en faire autant que vous le souhaitez, mais vous ne devez pas les rendre trop petits, réduisant ainsi la convivialité en obligeant l'utilisateur à agrandir la page ou à plisser les yeux pour lire le texte.

Étape 3. Le rectangle de droite peut être enregistré. N'oubliez pas la taille 200 sur 500. Il s'agit d'un avatar prêt à l'emploi pour votre groupe. Vous pouvez le télécharger immédiatement dans le coin supérieur droit du groupe/public.

Quant au rectangle avec les éléments de menu marqués, il devra être découpé en plusieurs images (dans ce cas 5). La largeur est de 382, ​​​​mais la hauteur est calculée individuellement, mais doit être d'au moins 50 pixels.

Étape 4. Vous devez maintenant télécharger les 5 photos obtenues dans l'album communautaire.

Une fois le travail terminé, vous devez commencer à éditer le bloc d'actualités dans le groupe. Allez dans « dernières actualités » et cliquez sur le bouton « modifier »

Vous devriez avoir des albums photo et des documents ouverts dans les paramètres de votre groupe. Ceci est important car sans cela, vous ne pourrez pas télécharger de photos et créer un menu.

Étape 5. Dans l'onglet « éditer », collez le code suivant :
[]
[]
[]
[]
[]

Commençons par le modifier.
photo – présente un lien vers une photo. Ouvrez l'une des 5 photos que vous avez téléchargées depuis le menu du groupe et vous verrez quelque chose comme ceci dans la barre du navigateur :
http://vk.com/photo72120765_272239411

72120765_272239411 - c'est le code photo très nécessaire. Vous pouvez simplement utiliser le nom du fichier.

Étape 6. Il est nécessaire de regrouper les images du menu avatar si elles sont séparées. Pour ce faire, vous devez faire 3 choses :
Le nom du groupe doit être sur une seule ligne
Description en 10 lignes (parfois une personnalisation est nécessaire ici)
Le site Web est également sur une seule ligne.

Voilà à peu près ce que vous devriez obtenir :

Comme vous pouvez le constater, créer un design pour un groupe VKontakte n'est pas du tout difficile. Si vous avez des questions, posez-les dans les commentaires, et si vous ne voulez pas « transpirer », le freelancing est une voie directe pour vous.

La création du design décrit dans cet article vous coûtera entre 15 et 25 USD.

Aujourd'hui, je vais continuer mon « Immersion dans les groupes VK ». Dans la troisième partie de la « série », j'ai raconté et montré. Aujourd'hui, parlons de la conception du menu du groupe VKontakte !

Dans le premier article sur la création d'un menu, il y avait beaucoup de questions dans les commentaires, donc avant de commencer un nouveau sujet, je répondrai aux questions fréquemment posées.

Question 1: Le premier et le plus courant : « Où est le code dans le menu ? ou « s'il n'y a pas de signet lors de l'édition du « Code Source », comment ajouter une page interne ? ou « Je ne comprends toujours pas quoi faire si le code n’apparaît pas ! »

Réponse 1: VK a changé l'éditeur, vous pouvez désormais basculer entre l'éditeur visuel et le code en un seul clic (coin supérieur droit de l'éditeur) :

Pour vérifier dans quel éditeur vous vous trouvez : déplacez votre souris sur ce bouton, écrivez du texte et surlignez-le en gras - si des caractères inhabituels apparaissent, alors c'est du code

Question 2: La seconde, vraiment problématique : « comment supprimer les espaces entre les images ?»

Réponse 2 : J’avoue que j’ai moi-même eu peur lorsque le menu du client a commencé à fonctionner pour la première fois. Maintenant, je l'édite rapidement, mais ce n'était pas amusant. Voir:

Ajoutez la balise nopadding ; et tout se mettra en place !

L'espace s'insinue entre les images et le menu semble cassé. Pour les ignorants, cela n’est peut-être pas normal, mais pour les ignorants, ce n’est pour le moins pas professionnel. Alors, quel est le problème ? Ah, c'est très simple ! Dans VK, il y a constamment des mises à jour, de nouveaux algorithmes sont introduits... et même l'éditeur est tordu... parfois, sans raison apparente, des balises importantes disparaissent du code et nous voyons alors cette image. Pour résoudre ce problème, vous devez examiner le code et effectuer les ajustements nécessaires. Le format du code devrait ressembler à ceci :

Modèle : [] Exemple : []

Habituellement, les images du menu sont développées car le code laisse de côté pas de rembourrage; — nous l'avons mis en place et tout est aligné. Avant d'enregistrer le résultat, cliquez sur le bouton « Aperçu » pour vous assurer que tout se passe bien.

Question 3: Nouvelles. En octobre 2012, VKontakte a coupé de force les avatars des groupes et des pages publiques. Désormais, leur taille a une norme commune de 200 x 500 pixels. Donc, si vous aviez un avatar plus grand dans votre groupe, effectuez une mise à jour (mettez à jour l'avatar).

D'ailleurs, en plus du recadrage, VK a introduit une autre innovation concernant les photos de groupe : désormais en cliquant sur l'avatar, nous pourrons, comme dans le compte, voir tous les albums de la communauté. C'est confortable! Et de là naissent de nouvelles fonctionnalités dans la communication du groupe.

Alors, nous en avons fini avec les questions... passons maintenant à la création du menu lui-même !

Étape 1. Comment créer un menu en contact et créer des pages imbriquées :

Tout d’abord, assurons-nous que vous savez créer un menu de groupe en contact et suivons quelques instructions :

Que pensez-vous de mon aide-mémoire ?

C'est l'aide-mémoire que j'ai imaginé ! Pour plus de clarté, je décrirai chaque numéro :

Faites cette opération avec toutes les sous-pages et votre menu sera prêt.

Manger! Nous avons créé le menu, créé les pages internes, les avons remplies, passons maintenant à la création d'un beau menu graphique.

Étape 2. Comment créer un magnifique menu graphique dans Contact et l'installer :

Je ne vais pas vous donner toute la théorie du fonctionnement du balisage wiki en contact, nous avons d'autres objectifs maintenant. Pour créer un menu visuel dans un groupe VK, vous n'avez pas besoin de connaître tout le balisage wiki. Passons à la création d'un menu visuel !

Tout d’abord, je vais vous montrer le code et le résultat de mon menu :

J’avoue, je l’ai fait spécifiquement pour écrire cet article. Tout le monde « ne s’y est pas mis », vous savez, comme « un cordonnier sans bottes ». Mais maintenant j'ai un menu visuel dans le groupe VK !

Je ne vous dirai pas comment dessiner une image pour le menu, c'est aux designers de décider, je la dessine moi-même, mais pas de manière aussi professionnelle. , à la fin de l'article, j'ai donné une vidéo sur la façon de dessiner un menu simple dans Photoshop, regardez-la, vous pourrez peut-être le faire vous-même. Sinon, commandez l'image du menu sur .

Je vais vous montrer une option d'installation de menu moyennement complexe. La différence réside dans le nombre d'éléments. Un menu simplement découpé en bandes est la mise en œuvre la plus simple. Plus il y a de boutons cliquables dans une ligne, plus son exécution est complexe. Même si, connaissant la particularité, tout est simple ! C'est juste une question de temps. Ainsi, la largeur de l'image doit être :

370 px – si vous avez deux objets ou plus sur une ligne, comme j'ai des boutons de réseaux sociaux

Et max 388 px – si nous découpons l’image de manière simple, uniquement en lignes, sans la diviser en petits objets. C'est la fonctionnalité que vous devez connaître lorsque vous découpez un menu en boutons. La taille de mon image pour l'ensemble du menu s'est avérée être de 370 x 456 px.

Une fois l'image découpée en nombre d'objets requis et enregistrée dans un album séparé, nous téléchargeons cet album sur VK. Nous téléchargeons sur le profil du compte, pas sur le groupe ! Puisque dans les albums de groupe, il n’y a plus d’option pour masquer les albums. Un album technique dans un groupe d'entreprise (par exemple) n'est pas du tout nécessaire, nous masquons donc les éléments de menu dans l'album du compte :

Album technique VK

Une fois que vous avez configuré la confidentialité « Only Me ». Passons à l'installation du menu lui-même. Je vais vous donner un exemple de code qui serait un modèle pour vous et regardons en quoi il consiste :

[]

Où, photo7632142_296911699– c'est l'adresse de la photo ! On le regarde dans la barre d'adresse de l'image :

Dès la première image, commençons à insérer un menu dans le groupe VKontakte

Vous avez besoin d'une courte adresse de l'image, pour cela allez sur l'album lui-même :

Accédez à l'album lui-même pour obtenir l'adresse de l'image souhaitée !

...et à partir de la première image, déplacez-les vers le menu groupe.

Ajout de la taille de l'image au code du menu !

Ainsi, l'adresse de l'image a été ajoutée, la taille a été indiquée, maintenant on met le tag pas de rembourrage ;- il est nécessaire pour que nos images s'emboîtent parfaitement les unes dans les autres. Et la dernière étape consiste à mettre un lien vers la page où le visiteur ira après avoir cliqué sur l'image.

Une petite précision ici ! Nous écrivons des liens externes, des liens vers des albums et des discussions VK dans leur intégralité, et des liens vers des pages internes au format page-32734125_44298120. Au début et à la fin de la ligne, n’oubliez pas de mettre deux guillemets carrés et sans espaces.

Clarification 2 : lorsque nous établissons des liens vers des pages internes sans images, nous utilisons des guillemets simples pour les discussions, les albums et les liens externes.

Les lignes dans lesquelles vous avez deux éléments ou plus sont insérées dans le code sans espaces. Insérez chaque ligne de l'image l'une après l'autre. Parce que si vous appuyez sur Entrée après la ligne avec l'image, l'image passera à une nouvelle ligne et le menu se déplacera. Nous avons besoin que le menu soit affiché dans son ensemble, nous n'avons donc pas besoin d'espaces supplémentaires ou d'« interteurs » !

Après avoir transféré toutes les images dans le menu et les avoir conçues (taille, lien), enregistrez le résultat et admirez votre travail ! Tous! Prêt!

La même question se pose avant de commencer les travaux : comment créer correctement un groupe de vente VKontakte et comment le formaliser correctement ? Il n'y a pas de réponse claire à cette question. De nombreux facteurs influencent la réussite de la conclusion d’un accord entre vous et un acheteur via un réseau social. Voyons dans l'ordre comment créer un groupe VK.

Comment enregistrer un groupe dans VK ? C'est la première chose à laquelle vous devez faire attention ! Imaginez que vous êtes une personne qui souhaite acheter un produit ou commander un service. Alors vous voyez un post publicitaire, allez dans la communauté pour en savoir plus sur l'offre proposée et... vous vous retrouvez dans un endroit inconnu.

La description est incompréhensible, il n'y a pas de contacts, les albums photo sont remplis de manière chaotique de photos éculées provenant d'Internet. L’envie d’acheter disparaît immédiatement.

Cela peut être évité. Si vous suivez des règles simples.

• Couverture de bande Capital-risque vous présente les clients et ne doit transmettre que des informations minimales et utiles ! Il s'agit d'un numéro de téléphone de contact, d'un nom de site Web, d'un nom de marque. La taille de la couverture est de 1 590 x 400 pour la version de bureau et de 200 pixels plus petite pour la version mobile.
• Avatar du groupe. Il est de nature purement visuelle et doit être mémorisé par les abonnés. Il n’est pas nécessaire d’y écrire des montagnes de texte ou d’insérer des images de mauvaise qualité impossibles à voir. Une excellente option pour un avatar de groupe serait un logo de marque, une icône caractérisant le type d'activité. La taille de l'avatar du groupe est de 500x500.
• Couverture de l'album. Pour la couverture, les formats 1000x700 conviennent. Placez une image lumineuse et accrocheuse et, surtout, un texte lisible qui reflétera le contenu de l'album. L'essentiel lors de la création d'une pochette est de ne pas dépasser le style du groupe. Si le groupe est réalisé dans des couleurs sombres, ne créez pas de couverture de couleur vive.
• Marchandises. Complétez le bloc de produits dans le même style et préparez une description et des photographies de haute qualité du produit proposé.

Comment nommer un groupe sur VK ? Le nom de la communauté reflète le sens du projet. Dans mes projets j'utilise la formule suivante : Marque + service, produit. Demandez pourquoi cela a été fait ? La réponse est simple. Pour attirer du trafic gratuit vers le groupe.

Plus de 97 000 000 de personnes utilisent VKontakte chaque mois. Certaines de ces personnes utilisent un moteur de recherche pour trouver un service ou un produit.

Par exemple, Ivan vend des appartements à Saint-Pétersbourg. Après avoir analysé les statistiques des demandes sur wordstat.yandex.ru, Ivan a constaté que la demande la plus courante concerne l'achat d'un appartement à Saint-Pétersbourg. (172 688 impressions par mois).

Sur cette base, Ivan crée un groupe : Nom de l'entreprise | Achetez un appartement à Saint-Pétersbourg. Ainsi, lorsqu'une personne cherche à acheter un appartement à Saint-Pétersbourg, elle verra le groupe dans les résultats.

Statut. Ici, vous devez indiquer brièvement des informations importantes et pertinentes. Il peut s'agir d'un numéro de commentaires, de promotions, d'un site Web, d'une offre spéciale.

Description du groupe. Décrivez ici vos avantages par rapport aux concurrents, parlez-nous de l'entreprise, du type d'activité, des contacts, des informations de livraison. Montrez comment l'entreprise résout un problème client.

Contenu. Peu importe à quel point vous aimez écrire, vous ne pouvez plus vous en passer désormais. Partagez du matériel utile avec vos abonnés, organisez des concours, félicitez-les pour les vacances, écrivez en vous souciant de qui vous lit.

L'erreur de la plupart des collectivités est de vendre directement. Il est peu probable que vous soyez intéressé à voir une communauté qui dit partout : « Achetez chez nous, eh bien, achetez ! »

La meilleure façon de vendre sans vendre est de montrer au client son propre problème, de renforcer son importance et de proposer une solution. Racontez une histoire, partagez un problème avec les lecteurs et expliquez clairement comment le produit aidera à résoudre le problème.

Discussions. Publiez des critiques et des sections de questions-réponses pour connaître les commentaires du public. Les avis sont le visage d'une entreprise, ils augmentent la confiance et vous encouragent à effectuer un achat ou à vous inscrire à un service.

Bots et applications VKontakte. Assistants pour le traitement des candidatures et la prise en charge des commentaires du public. Passez suffisamment de temps à configurer des applications et à envoyer des newsletters. Installez le widget dans le groupe, saluez le client et encouragez un appel à l'action.

Résultat : Un groupe est une image assemblée à partir de petites pièces qui doivent être assemblées. En suivant ces conseils, vous pouvez créer correctement un groupe VK, créer une communauté et proposer des services et des biens pour recevoir des commandes via VKontakte.

J'ai préparé l'article

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.

Il s'agit principalement de choisir une conception graphique parmi deux options mutuellement exclusives, d'élaborer un menu interne, de choisir un point d'entrée au menu interne, de comprendre la différence entre un catalogue et une présentation de produit, de préparer du matériel promotionnel pour promouvoir le groupe et d'utiliser des 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 deviendront la seule option de conception possible pour le 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
Dans le bloc supérieur sous l'en-tête, il peut désormais y avoir 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 - c'est essentiellement 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
La bannière (bannière anglaise - drapeau, bannière) est une image graphique à caractère informatif, publicitaire ou incitatif. 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
Type courant de bannière contenant des 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 510x510 pixels est également pratique et gagne désormais en popularité - avec cette taille, la bannière occupe la plus grande surface possible dans le 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
Récemment, les cartes de republication ou de promotions 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. Ainsi, 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 ils n'ont absolument aucune idée de la manière dont l'utilisateur accédera à ce menu 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, Commander. 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) s'ouvrent dans la même fenêtre et dans ce cas vous pouvez revenir à le menu uniquement via la page principale du site, 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. 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 apparaît dans les navigateurs mobiles, mais ne s'adapte pas à la taille de l'écran, ce qui signifie que les images peuvent ne pas ressembler à celles d'un ordinateur. Vous pouvez trouver des guides en ligne sur la manière d'adapter le balisage wiki aux appareils mobiles, mais même ceux-ci 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.