Comment concevoir magnifiquement un groupe VKontakte. Comment concevoir et créer un menu pour un groupe VKontakte

Bonjour les amis!

Aujourd'hui, dans l'article, nous parlerons de la conception des groupes VKontakte. Il s'agit d'une partie très importante qui affecte de manière significative les ventes et la promotion de vos communautés, je vous recommande donc fortement de la lire.

Qu'est-ce qui est inclus dans la conception ?

Commençons depuis le début. Beaucoup de gens se demandent ce qui est inclus dans la conception et comment créer vous-même un groupe VKontakte sans aide extérieure.

Ce qui est inclus : généralement la conception du groupe comprend un avatar, un menu (une image spéciale, en cliquant sur laquelle une personne accède au menu dit de navigation, qui indique les principaux éléments de la communauté, des liens dits rapides et des réponses aux questions). En outre, éventuellement, la conception peut inclure une conception spéciale (marquage des publications).

Avatar

Examinons chaque élément de conception communautaire séparément. Commençons par l'avatar. Souvent, cet élément est négligé par beaucoup et cela affecte d’autres éléments.

Un avatar est essentiellement la première chose qu’une personne voit lors d’une recherche et lorsqu’elle vient dans votre communauté. Sur votre avatar, vous devez absolument décrire ce que vous faites (si vous vendez des biens), si vous êtes une marque, alors vous serez reconnu de cette façon, mais dans la plupart des cas, vous devez décrire vos services ou produits.

Je remarque souvent que les gens font simplement de belles images qui ne reflètent pas l'essence de la communauté. De plus, il est conseillé d'indiquer des coordonnées et un appel pour rejoindre le groupe sur l'avatar de la communauté.

Quant à la conception. En fait, vous pouvez facilement l'apprendre par vous-même, même si pour cela, vous devrez apprendre Photoshop à l'aide de cours gratuits et testez tout vous-même.

Par conséquent, je vous suggère de dépenser de l’argent et de vous former par des professionnels. Premièrement, vous acquerrez des compétences pratiques (les étudiants effectuent généralement des travaux pour les clients), et deuxièmement, vous pourrez créer des communautés non seulement pour vous-même, mais aussi pour les clients. En moyenne, le prix de la conception d'un avatar et d'un menu commence à 1 500 roubles et plus. Dans certains cas, ils facturent 5 à 6 000 $ pour l'enregistrement.

En moyenne, cela peut prendre un jour ou deux pour terminer les deux éléments. Je prends cela avec réserve. Vous pouvez calculer vous-même combien vous pouvez en tirer. Je vais donc me remettre à l'apprentissage. Voici le cours dont nous parlons : http://www.1day1step.ru/design.php. Les prix y sont tout à fait raisonnables pour une formation, et vous pouvez rembourser après 2 clients.

Menu communautaire

Parlons maintenant du menu communautaire. Le menu est basé sur le design et ce que l'on appelle le balisage wiki. Cela peut également être enseigné et appris.

Les menus sont généralement élaborés pour la commodité de la communauté des achats en ligne (et pas seulement en général). Le menu contient des liens vers des avis clients, un catalogue de produits et d'autres éléments. Essentiellement, un menu consiste à naviguer dans une page publique en quelques clics de souris.

Le menu et l'avatar sont immédiatement visibles par les utilisateurs et les nouveaux clients. Et s’il est correctement conçu, il encourage les gens à rejoindre le groupe et à passer ensuite une commande.

Articles de marque

Toutes les pages publiques ne proposent pas ce type de conception, mais celles qui le font diffèrent favorablement des autres. Tous les messages dans ce cas sont conçus dans le même style et semblent très harmonieux lorsqu'une personne fait défiler le mur de la communauté.

Le coût de conception des publications de marque varie, vous devez donc vérifier auprès des concepteurs, mais encore une fois, vous pouvez créer vous-même la marque.

À propos, grâce aux publications de marque, les clients peuvent très bien se souvenir de vous dans le fil d'actualité. Vous vous démarquerez de vos concurrents et des autres sites publics, ce qui signifie encore une fois un intérêt supplémentaire et un afflux de clients.

C'est ici que je terminerai l'article. J'espère que cela vous a été utile. Si oui, partagez le lien vers celui-ci sur les réseaux sociaux et abonnez-vous aux mises à jour du blog.

Je pense que tous ceux qui utilisent activement le réseau social VKontakte ont déjà découvert des groupes et des pages publiques magnifiquement conçus. Beaucoup d'entre eux, en plus du menu, comportent également de nombreuses sous-pages stylisées, catalogues, etc., ce qui crée essentiellement un petit site Web directement à l'intérieur du réseau social.

Voici quelques exemples pour que tout le monde comprenne de quoi nous parlons.

De tels groupes vous permettent de vous démarquer de vos concurrents et d'attirer plus d'utilisateurs. Surtout si le contenu est également intéressant :)
Dans cet article, nous parlerons de la façon dont tout cela se fait. Pour tout analyser plus en détail et approfondir toutes les subtilités, prenons exemple spécifique. Il y aura une petite master class sur la conception de groupe.

La toute première étape de notre travail est l’idée. Nous devons comprendre ce que nous voulons dire et à qui. Il existe plusieurs formats de communauté dans VKontakte et vous devez choisir en fonction de vos objectifs. Bien qu'à l'avenir, le groupe puisse être transféré vers un format public et vice versa.

J'explique avec mes doigts. Publique- c'est quelque chose comme un blog. Fil d'actualité. Autrement dit, nous informons nos abonnés de certaines choses et ils ne pourront pas écrire sur le mur de notre communauté. Le maximum est de commenter.

Groupe vous permet de créer une communauté plus ouverte à la conversation et à la discussion, où les gens peuvent publier des publications dans le fil en leur propre nom. Vous pouvez également y ajouter des amis de votre liste. Une telle option n’existe pas en public. De plus, le groupe dispose d'un peu plus d'options pour intégrer le balisage wiki (il existe une section « Actualités » dans laquelle vous pouvez intégrer un menu).

Globalement, on peut penser ainsi : s’il faut créer une communauté pour un magasin, alors je prendrais le format « public ». Si nous parlons de, par exemple, pour les amateurs de pêche, il vaut mieux prendre un « groupe ». Mais chacun est libre de faire comme bon lui semble. Après tout, le format peut être modifié à tout moment. Cependant, gardez à l'esprit que VKontakte introduit une restriction pour modifier à nouveau le format de la communauté et qu'après la première fois, vous devrez attendre plusieurs jours jusqu'à ce que vous puissiez tout rendre si nécessaire. Par conséquent, il est préférable de tester la fonctionnalité avant que le groupe ne commence à se remplir de contenu.

Dans le cadre de cette master class, je m'inspirerai du jeu Mad Max basé sur le film du même nom, sorti il ​​y a quelques semaines à peine, et je créerai une communauté de joueurs avec divers matériaux pour ce jeu. L'objectif principal– drainer du trafic vers votre site de jeux.

Le format sera « Groupe », car il est nécessaire de créer un afflux naturel d'audience et de maximiser la communication au sein de la communauté. Permettez-moi tout de suite de préciser que j'utiliserai une technique universelle qui peut être utilisée aussi bien en groupe qu'en public. Cela fonctionne partout.

Il y a beaucoup de contenu, commençons à donner vie à l'idée !

Créer un groupe

Pour créer un groupe, allez dans « Mes groupes » dans le menu de droite de votre compte VKontakte et cliquez sur le bouton bleu en haut « Créer une communauté ».

Une fenêtre comme celle-ci devrait apparaître, dans laquelle nous entrons le nom de notre groupe et sélectionnons le format.

Après avoir saisi les informations nécessaires, notre panneau de contrôle communautaire s'ouvre devant nous. Dans mon cas, cela ressemble à ceci.

Comme vous pouvez le voir, j'ai ajouté quelques paramètres : j'ai inclus la vidéo, les enregistrements audio, les discussions et un certain nombre d'autres fonctionnalités qui me seront utiles dans la poursuite des travaux lors de la collecte de contenu. Tout cela peut être modifié à l’avenir sans aucune restriction. J'ai également noté l'adresse de mon site Web. Si vous n'avez pas de site Web, ou si son sujet ne correspond pas au format de la communauté (ils portent sur des choses différentes et n'ont aucun rapport les uns avec les autres), alors cette ligne peut être laissée vide.

Dans ce cas, j'ai fixé des restrictions d'âge à partir de 18 ans, similaires à celles fixées par les développeurs pour le jeu. Même si je n'ai aucun doute sur le fait que les enfants jouent aussi.

Tous. Le groupe est créé !

Vous pouvez maintenant commencer à le concevoir.

Formater un groupe VKontakte

Cette étape peut être divisée en 2 volets : graphique et technique. Pour travailler, nous aurons besoin d'un modèle pour créer un avatar et un menu de groupe, ainsi qu'un peu d'imagination et des connaissances de base de Photoshop (alias Adobe Photoshop).

Modèle de balisage

Qu'est-ce qu'un modèle et qu'est-ce que c'est ? Un modèle est une sorte de blanc. Dans ce cas, au format *.psd, nous avons délimité des zones pour l'image sous le menu et l'avatar du groupe.

Comme vous pouvez le voir dans le deuxième exemple au début de cet article, nous pouvons concevoir l’avatar et l’image du menu dans le même style. En même temps, il est visuellement découpé en 2 parties. Ainsi, le modèle vous permet de former une image de manière à éliminer le déplacement des graphiques et à ajuster autant que possible les images au même niveau.

Pour que ce soit plus clair, voici un exemple.

On voit que dans les deux parties de l’image il y a une bande donnant sur une zone résidentielle. Sans utiliser de modèle, il est presque impossible de le faire exactement du premier coup. Vous devrez ajuster les images en mesurant des écarts jusqu'à 1 px. Alors que lorsque nous utilisons un modèle, nous y ajoutons simplement des graphiques dans le balisage et obtenons immédiatement le résultat souhaité.

Je voudrais noter que ce modèle est conçu pour 1 ligne d'explication. Dans l'exemple de capture d'écran, il y a des téléphones. Si une deuxième ligne apparaît, vous devrez utiliser un modèle différent ou corriger le design manuellement.

En attendant, nous procédons directement à la conception graphique de notre nouveau groupe. C'est là que je prends le chemin de la moindre résistance et que je me dirige vers Google Images pour trouver des parties du design. Vous pouvez également utiliser Yandex. Qui aime quoi de plus ?

Je n'ai pas de formation en design, nous ne nous attarderons donc pas en détail sur les questions de choix des polices et d'autres détails. Après avoir fait un peu de magie dans Photoshop, j'ai obtenu ce résultat.

Sur le fragment de gauche (là où il est écrit « Menu »), vous pouvez également ajouter plusieurs déclencheurs. Dans ce cas, j'ai décidé de m'en passer. Tous. Le design de l'avatar est prêt. Dans Photoshop, appuyez sur la combinaison de touches de raccourci Shift+Ctrl+Alt+S et enregistrez nos fragments dans un dossier sur votre disque dur.

La première étape du travail avec les graphiques est terminée. Reprenons contact.

Définir un avatar et un menu pour un groupe

Nous cliquons sur deux types à la place de l’ava de notre groupe et y téléchargeons notre image. Voici ces gars, sous eux, il est également écrit « Télécharger une photo ».

Ajoutez une image. Spécifiez les champs et sélectionnez une vignette. Ici, tout est simple et il ne devrait y avoir aucun problème.

Comme nous pouvons le voir, vous devez connaître l’identifiant de la communauté. C'est très facile de le reconnaître. Recherchez le menu dans votre groupe (immédiatement sous l'avatar) et ouvrez « Statistiques communautaires ». Dans ce cas, quelque chose de similaire apparaîtra dans la barre d'adresse du navigateur (les chiffres seront différents).

Ces chiffres après « ?gid=" sont l'identifiant de groupe souhaité. Nous collons la valeur résultante dans le formulaire de script et écrivons le nom de la page que nous voulons créer. Dans ce cas, je tape « Menu ».

Il est à noter que la page ne sera créée que si la fenêtre avec le groupe est ouverte dans l'onglet adjacent. En termes simples, vous devez être connecté à VK dans le même navigateur. Après tout, seuls l'administrateur du groupe et les personnes désignées par lui ont accès à de telles manipulations. Un passant aléatoire ne pourra pas facilement aller modifier les paramètres d'un groupe auquel il n'a pas accès au panneau d'administration.

Si tout est fait correctement, une page comme celle-ci s'ouvrira.

C'est la même fenêtre dans laquelle nous créerons plus tard un balisage wiki et créerons un menu interne pour notre groupe. Pour l’instant, il ne nous reste plus qu’à écrire quelque chose ici. Cliquez ensuite sur le bouton bleu « Enregistrer la page » et cliquez sur le lien Revenir à la page en haut.

J'ai écrit « Menu » et ma page après avoir enregistré a commencé à ressembler à ceci.

Il n'y a pas encore de design, mais maintenant nous avons juste besoin d'un lien vers cette page. Nous le prenons dans la barre d'adresse du navigateur et revenons à page d'accueil notre groupe. Au flux.

Ici, nous créons un article avec le contenu suivant : insérez une image et un lien vers la page de menu du groupe.

Cliquez sur envoyer. Cliquez ensuite sur l’heure à laquelle le message a été envoyé et sélectionnez « Épingler » parmi toutes les options. On met à jour la page (touche F5 du clavier) et, si tout est fait correctement, on obtient le premier résultat : le groupe a trouvé un avatar et un lien pour accéder à la section menu.

Balisage wiki pour le menu du groupe VKontakte

Commençons maintenant à concevoir le menu lui-même. Revenons à Photoshop et créons un design pour notre menu. Lors de la conception de l'interface, vous devez vous souvenir des personnes qui accéderont à VK via l'application avec téléphones portables. En d’autres termes, nous ne devons pas avoir de petits éléments et, en outre, nous devons essayer de tout rendre aussi clair que possible. Pour que nous n'ayons pas à deviner comment tout fonctionne ici et où cliquer... mais simplement pointer sur le bon élément et étudier l'information que nous recherchons.

Je n’entrerai pas dans les détails maintenant sur la manière exacte dont j’ai élaboré le menu. Voici ce que j'ai obtenu.

Champs minimaux. Disposition verticale. Format idéal pour un menu responsive. Autrement dit, rien ne va nulle part sur les téléphones mobiles. Tout sera exactement comme sur les écrans des ordinateurs et des tablettes. Je porte la largeur à 500 px, pour que plus tard rien ne rétrécisse et que je ne perde pas deux fois la qualité de l'image. La hauteur n'est pas importante.

Nous découpons l'image en fragments et les sauvegardons.

Tous. Le moment est venu de l'accord final - nous collectons le menu dans le groupe lui-même.

Pour ce faire, nous revenons à la page principale du groupe (où se trouve le flux et notre lien image menant au menu). Nous cliquons sur l'image du menu et arrivons à la même page que nous avons précédemment créée pour le menu.

Si vous êtes administrateur ou créateur d'un groupe (dans notre cas, c'est le cas), alors en haut de la page il y aura un lien « Modifier ». Cliquons dessus.

Ensuite, nous passons en mode balisage wiki (sous le bouton de fermeture dans le coin supérieur droit de la page, il y a un cadre avec<>à l'intérieur). Lorsque le mode souhaité est activé, ce bouton est entouré de gris.

Ensuite, nous cliquons sur l'icône de la caméra et ajoutons tous les fragments de notre menu d'un coup. En mode wiki, nous ne verrons pas les images elles-mêmes, seulement le code de ces images avec dimensions et paramètres.

Je souhaite positionner le menu au centre et pour qu'il n'y ait pas d'espace entre les fragments. Par conséquent, nous enveloppons chacun des éléments dans une balise

et au paramètre déjà imbriqué « noborder » j'ajoute le deuxième paramètre « nopadding ». Le premier désactive le contour des fragments et les bordures des cellules du tableau. La seconde supprime les marges du bord.

Les premier et dernier éléments du menu ne doivent pas être des boutons - dans mon image, ils ne sont qu'un élément graphique sans lien vers la page interne, nous leur ajoutons donc le paramètre « nolink ». Cela supprimera la possibilité de cliquer sur cet élément pour ouvrir un morceau de l'image dans une fenêtre séparée. Désormais, rien ne se passera d'un simple clic de souris. Il s'agit de l'arrière-plan normal de la page. Inactif.

Dans mon cas, le code du menu ressemble à ceci.

Par ailleurs, je voudrais noter le fait qu'après l'importation d'images dans VK, le système intégré indique parfois de manière incorrecte les tailles d'image. Par conséquent, nous devons surveiller cela de près et afficher exactement ceux que nous avons prévus au stade de la conception. Sinon, tout risque de s’effondrer et le puzzle ne finira pas par s’assembler.

Lorsque nous avons écrit le code et aligné tous les éléments, nous enregistrons la page et voyons la même chose que dans Photoshop.

La touche finale reste : nous devons créer les pages mêmes où notre menu enverra les gens. Pour ce faire, revenons au script de génération des pages wiki et ordonnons cette fois trois pages à la fois. Dans ce cas, vous devez également écrire quelque chose sur chacun et n'oubliez pas de sauvegarder leurs adresses quelque part dans la barre d'adresse du navigateur.

Ensuite, nous insérons des liens vers de nouvelles pages dans le code wiki du menu sous la forme page-102302049_51013384, où le premier numéro est l'identifiant du groupe et le second est le numéro de page. Même si, en général, cela n'a pas d'importance. Après tout, il nous suffit de copier ce fragment d'URL et de le coller dans le balisage.

En conséquence, le code du menu prend la forme suivante.

Extérieurement, rien n'a changé. Mais quand on clique sur les éléments du menu, on voit que maintenant ça marche !

Quant au balisage lui-même et aux règles selon lesquelles le code est écrit, je vous conseille de lire le groupe VKontakte spécifiquement dédié à ce sujet. Les gars ont tout décrit points clés et dans leur catalogue, vous pouvez facilement trouver l'élément requis et découvrir comment l'ajouter à votre page wiki.

Aujourd'hui, nous revenons au sujet de la conception des groupes VKontakte. Nous l'avons déjà appris auparavant. Aujourd'hui, nous allons apprendre à créer des graphiques menu avec bannière supérieure fixe et un lien vers une page interne avec des éléments de menu développés. De manière générale, toute information peut se trouver sur la page interne. Il est particulièrement pratique d'y placer, par exemple, des catalogues présentant une gamme de produits. Les menus déroulants et les menus collants ont leurs avantages et leurs inconvénients. Le principal inconvénient d’un menu déroulant est qu’il est par défaut à l’état fermé. Mais vous pouvez y placer plusieurs liens à la fois.

Menu épinglé semble plus impressionnant en raison de impression générale, mais il ne peut avoir qu'un seul lien, menant soit à la page interne de VKontakte, soit à un site externe (et le lien vers le site externe ne viendra pas de l'image, mais du lien texte sous l'image). En outre, l'un des inconvénients évidents est que sur les appareils mobiles, le menu graphique est présenté comme une entrée régulière dans le flux, au-dessus, et non comme épinglé à côté de l'avatar. En général, lors du choix d’un design, vous devez tenir compte de ces nuances. Voyons donc comment créer un menu supérieur collant avec un lien vers une page interne.

Je crée des groupes VKontakte
Conception de haute qualité des groupes VK et des pages publiques, menu épinglé, menu déroulant, menu graphique interne, catalogues, navigation interne - des prix Et portefeuille.

Étape 1
Créez un nouveau document dans Photoshop d'environ 900 x 700 pixels et remplissez-le de blanc. Nous devons maintenant découper deux fenêtres dans le calque, à travers lesquelles la conception graphique elle-même sera visible. Sélectionnez d’abord un rectangle mesurant 200 x 500 pixels (avatar) et appuyez sur Suppr. Sélectionnez ensuite un rectangle mesurant 510x352 (alignez-le sur la ligne inférieure de l'avatar et faites une distance entre les formes de 50 pixels) et appuyez également sur Suppr.
Après la prochaine mise à jour du design réalisée par VKontakte (31 octobre 2016), les dimensions de la bannière sont devenues 510 x 307 (et non 510 x 352).

Étape 2
Maintenant, sous le calque blanc, nous plaçons une image unique qui constituera la base du design.

Étape 3
Après cela, nous complétons l'image avec divers éléments - un logo, des inscriptions textuelles et un bouton vous invitant à cliquer sur le menu. Ensuite, nous enregistrons deux images distinctes sur l'ordinateur - l'une est un avatar (à droite), la seconde est un menu avec un bouton cliquable (à gauche).

Étape 4
Nous créons également un menu graphique dans Photoshop composé de plusieurs éléments. La largeur de ce menu doit être de 600 pixels, la hauteur est facultative, en fonction du nombre d'éléments. Pour vous aider, utilisez la leçon « ».

Étape 5
Nous découpons notre menu en plusieurs bandes horizontales en fonction du nombre d'éléments de menu. Enregistrez sous forme de fichiers séparés.

Étape 6
Nous allons dans notre groupe VKontakte, cliquons sur « Gestion de la communauté » (cliquer sur les trois points sous l'auteur ouvre un menu déroulant) et vérifions que les paramètres sont corrects. Le groupe doit être ouvert et le matériel doit également être ouvert.

Étape 7
Maintenant, nous téléchargeons un nouvel avatar. Déplacez votre souris vers l'emplacement de l'avatar et sélectionnez « Mettre à jour la photo » dans le menu contextuel. Chargez la bonne photo de l'étape 3, étirez la zone de sélection de haut en bas jusqu'aux bords de l'image, cliquez sur « Enregistrer », puis sélectionnez la zone pour la vignette ronde.

Étape 8
Vous devez maintenant créer une page interne. Comment procéder est décrit en détail dans la leçon. Une autre façon alternative de créer une page interne est décrite dans la leçon « » aux étapes 5 et 6.

Étape 9
Une fois que nous avons créé la page interne, nous pouvons y accéder. Pour ce faire, vous devez cliquer sur le menu déroulant du groupe (par défaut cet élément s'appelle « Dernières nouvelles » - je l'ai renommé « Menu ») et là, cliquez sur le lien « Menu ». Après cela, nous irons à la page vierge nouvellement créée.

Étape 10
Nous devons maintenant créer un menu graphique de cinq éléments. Pour ce faire, nous téléchargeons nos cinq photos de l'étape 5 dans l'album de groupe. Nous cliquons sur l'icône de l'appareil photo et téléchargeons les images coupées depuis l'ordinateur. Les images seront stockées quelque part sur les serveurs VKontakte et liées au groupe, il n'est donc pas nécessaire de créer un album séparé pour les images découpées. Vous devez télécharger des images en mode de balisage Wiki.

Étape 11
Maintenant, en mode balisage wiki, nous allons créer un menu graphique. Il est très important de créer en mode balisage wiki (l'icône dans le coin supérieur droit de deux crochets triangulaires), et non en mode d'édition visuelle. Plus d'informations sur la création de code dans le balisage wiki sont décrites aux étapes 4 et 5 de la leçon « ». Il existe également un modèle de code à insérer. Si tout est fait correctement, vous devriez obtenir un menu graphique prêt à l'emploi, comme dans la figure ci-dessous.

Étape 12
Maintenant, nous revenons à la page principale du groupe, prenons l'URL de notre page interne (elle devrait ressembler à ceci https://vk.com/page-78320145_49821289) et collons-la dans la fenêtre où les actualités sont créées. Une fenêtre avec un lien vers cette page très interne devrait automatiquement être jointe. Après cela, nous déplaçons le curseur sur l'inscription « Joindre » et attachons une photo au message, à savoir notre photo à gauche de l'étape 3. Après cela, nous effaçons la ligne de l'URL de la page interne, laissant un espace vide. Important! A cette étape, vous devez cocher la case (si vous disposez de tels droits, cela s'applique principalement aux groupes avec un mur ouvert) dans la case « Au nom du groupe ». Si vous ne cochez pas cette case, l'entrée ne sera pas épinglée. Enfin, cliquez sur « Soumettre ».

Étape 13
Déplacez le curseur sur les trois points à côté du titre du message et sélectionnez « Épingler » dans la fenêtre déroulante. En conséquence, les nouvelles sont également détachées, si nécessaire.

Étape 14
Il y a une mise en garde. Parfois, après avoir désépinglé une actualité, elle descend très loin dans le fil, en fonction de la date de création, et il peut être assez difficile de la retrouver. Par conséquent, il est préférable d’écrire immédiatement l’URL de l’actualité épinglée quelque part. Pour cela, déplacez le curseur sur l'heure de création de la news et cliquez sur le lien.

Étape 15
Maintenant, nous mettons à jour la page principale du groupe. Notre menu graphique sera situé en haut à côté de l'avatar. Et lorsque nous cliquons sur l'image, nous sommes redirigés vers une page interne avec un menu de cinq éléments.

Comme vous le savez probablement, il existe de très, très nombreuses communautés sur le réseau social Vk. Mais tous ne sont pas populaires. De quoi une communauté a-t-elle besoin, outre un contenu unique et intéressant, pour être populaire ? Bien sûr, savoir comment décorer joliment un groupe ne sera pas superflu. Ce n'est pas si difficile de faire cela sur VKontakte. Après avoir lu notre article, vous pourrez tout faire vous-même.

Instructions pour créer une communauté

Vous devez vous-même comprendre qu'il ne sera pas possible de faire tout cela en une seule étape. Mais ne vous inquiétez pas, car l'administration du réseau social VK a spécifiquement donné la possibilité de créer des communautés pour les utilisateurs ordinaires. Même pour ceux qui ont des connaissances très médiocres en informatique.

Créer une bannière

Dans ce cas, nous appellerons une bannière un avatar communautaire, ainsi qu'un menu graphique, qui s'emboîtent parfaitement. Il s’agit souvent d’une image divisée en deux blocs. Vous aurez besoin de Photoshop. Vous pouvez télécharger gratuitement ce programme sur Internet. Et voici les instructions elles-mêmes :

1. Ouvrez Photoshop et créez un nouveau document dans ce programme dont la taille est de 630x725 pixels. Remplissez le tout de blanc.
2. Découpez deux fenêtres dans le calque (200x710 et 382x442 px). C'est à travers ces vitrines que sera affichée la conception graphique de la communauté. Nous combinons deux fenêtres en bas.
3. Sur la photo, nous écrivons le texte et les éléments de menu que vous avez prévus. En principe, c'est la réponse à la question de savoir comment concevoir le menu d'un groupe VKontakte.
4. Le rectangle que nous avons créé avec une taille de 200x710 pixels est enregistré séparément. C'est l'avatar de votre groupe ou public.
5. Nous devons couper le côté gauche de l'image (382x442) en quelques parties. Leur nombre dépend du nombre d’éléments présents dans le menu de votre communauté.
6. Ouvrez VKontakte dans le navigateur Orbitum ou tout autre. Nous enregistrons les images résultantes et les téléchargeons dans l’album de votre groupe.
7. Allez dans l'onglet "Actualités" - "Modifier" - "Code source". Collez le code que vous voyez dans la fenêtre inférieure dans « Source... ». Nous changeons la photo en nom de fichier et indiquons également la hauteur du fichier. Insérez manuellement l'URL des liens du menu.
8. Pour que vos images s'intègrent harmonieusement et correctement, le nom de la communauté doit être sur une seule ligne, la description sur 10 lignes et l'url du site également sur une seule ligne.

Balisage wiki pour aider

Si vous êtes sérieusement intéressé par la façon de créer un groupe VKontakte, sachez qu'un élément tel que le balisage Wiki joue un rôle très important dans ce domaine. Qu'est-ce que c'est d'ailleurs ? C'est, disons, une alternative au HTML. Comme vous l'avez peut-être deviné, ce balisage est également utilisé lors de l'édition d'articles Wikipédia. Mais ce n’est plus le cas maintenant. Nous aurons besoin du balisage Wiki pour concevoir correctement la communauté dans VKontakte :
Le premier et le second - sans guillemets ! Eh bien, maintenant vous savez certainement tout sur la façon de concevoir correctement, avec compétence et magnifiquement des pages et des groupes publics sur VKontakte. Bonne chance!

Nous avons libéré nouveau livre"Le marketing de contenu dans dans les réseaux sociaux: 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 la création d'un groupe VKontakte nécessite 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 les produits existants. application mobile, vos principaux avantages, les annonces d'événements, etc.

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 vous aideront à réaliser Beau design Il est recommandé aux groupes Kkontakte 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 !