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 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" 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, maintenant pour basculer entre éditeur visuel et le code est 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 album séparé, téléchargez 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 adresse requise Des photos!

...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 se rendra 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 à nouvelle ligne et le menu se déplacera. Nous avons besoin que le menu soit affiché dans son ensemble, donc non espaces supplémentaires et nous n'avons pas besoin 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!

Si tel est le cas, vous êtes tombé sur le bon article. Ici, nous discuterons de la façon de créer un groupe [euh, je vous corrige, communauté] sur le réseau social VK et les utilisateurs auront une bonne impression de vous. Les temps changent et les gens deviennent plus intelligents et peuvent immédiatement résoudre

Comme vous le savez probablement déjà, VK propose 3 options pour créer des groupes [communautés] :

• Groupe
• Page publique
• Événement

En fonction de vos buts et objectifs, déterminez vous-même quelle option vous convient le mieux. Naturellement, des événements sont créés pour certains événements. Voyons ça : que choisir - un groupe ou un public ?

En fait, les capacités d'un groupe VKontakte et du public ne sont pas trop différentes.

Créez une page publique, pas un groupe.

Il y a un certain nombre d’avantages à être un public plutôt qu’un groupe. Le public est plus facile à concevoir et à utiliser, il est également inclus dans le bloc pages intéressantes utilisateurs. Sur cette base, vous pouvez connaître les intérêts de l'utilisateur. Dans ce cas, il s’agit de la photographie et de tout ce qui s’y rapporte.

Quant au groupe, les clients potentiels peuvent poser des questions sur son mur. Au début, cela semble être un avantage, mais seulement si vous n’avez pas de plan de contenu et que votre objectif est seulement que les gens commencent à poser des questions. Mais dans de tels groupes, l’engagement est très faible.

En groupe également, il est possible d'inviter des amis. Dans le public, cette fonction a été réduite. Mais il est peu probable que vos amis soient votre public cible à qui vous allez vendre des services ou des biens. Par conséquent, se concentrer sur l’invitation n’a pas non plus beaucoup de sens.

Un autre avantage du groupe est la possibilité d'ajouter une application de boutique en ligne sur un site sécurisé. protocole https via une application iframe, qui permettra à l'utilisateur de passer une commande sans quitter le réseau social.

En-tête de communauté

Abordons maintenant le sujet du titre de notre communauté. Comment créer correctement un titre pour qu'il fonctionne pour notre entreprise et commence à générer du trafic. Par exemple, votre type d'activité consiste à vendre des vêtements pour femmes à Nijni Novgorod.

En vous connectant à Yandex, vous pouvez voir que...

Le groupe est arrivé en tête des résultats de recherche pour cette demande et est en quelque sorte classé pour cette demande. Par conséquent, il serait raisonnable de nommer votre groupe de cette façon afin d'accéder aux résultats de recherche de Yandex et de VKontakte.

Profession - mot-clé, par lequel les utilisateurs pourraient potentiellement vous rechercher - si votre profession est liée à une ville, alors dans le groupe lui-même, vous pouvez également indiquer la ville où vous vous trouvez, moteurs de recherche identifiera votre groupe par géolocalisation.

Idéalement, le format du titre ressemble à ceci :

Boutique en ligne de vêtements pour femmes | Lovandzzoo

où « Magasin de vêtements pour femmes en ligne » est la requête clé

Lovandzzoo est le nom de votre marque

Avatar et couverture

Le design n’est pas un rouage important dans le mécanisme d’une activité en ligne, mais un groupe bien conçu, sans design suspect ou bon marché, inspire plus de confiance. Et la conception de la communauté commence par un avatar et une couverture communautaire bien conçus.

Un avatar communautaire est le visage de votre entreprise et il doit refléter à la fois le positionnement de l’entreprise et ses coordonnées. Vous devez indiquer :

• profession
• logo et nom de marque
• Téléphone
• appel à l'action - par exemple, "Abonnez-vous pour prendre soin de votre santé et de votre apparence".
• flèche indiquant l'abonnement.
• indiquez également l'adresse et la ressource externe - site Web.

Un exemple de bon ava :

Parlons maintenant du design de la couverture, qui a désormais gagné en popularité après les innovations sur VKontakte. En principe, l'approche est la même que pour concevoir un avatar, seulement maintenant nous traduisons tout en position horizontale. Voici quelques exemples bonnes couvertures avec différents styles de conception. Une chose qu'ils ont en commun est qu'il est clair où une personne s'est retrouvée et ce qu'elle voit. La couverture devrait répondre aux questions "Qu'est-ce que c'est?".

Veuillez noter la couverture arrière et les flèches pointant vers :

• logo
• marque
• de quoi parle le public
• comment le contenu est utile pour les abonnés
• et ce que l'utilisateur recevra s'il s'abonne

Vous pouvez faire de même - il s'agit d'une structure de travail standard pour concevoir avec compétence la couverture des communautés.

Menu Wiki

Vous pouvez implémenter des menus wiki populaires dans la conception de votre communauté. L'essentiel est de penser à la structure du menu, car dans un sens, en créant un menu à l'aide du balisage wiki, vous créez un mini-site sur un réseau social et l'utilisateur ne doit pas s'y perdre. Regarde ça menu wiki et comprenez ce que signifie une structure de menu wiki compétente.

Un exemple de menu bon et attractif.

Selon la niche, le menu wiki peut contenir les sections suivantes

• s'il s'agit d'une vente de particuliers. biens et services - conditions de livraison, catégories de produits, listes de prix, mode de commande, description, etc.
• si la vente de produits d'information
  est une base de contenu structurée, telle que

Autre exemple de bon menu :

Liens

Dans les liens, indiquez toutes vos ressources externes - lead magnets, sites principaux, chaînes sur d'autres réseaux sociaux où ira le public. Cela contribuera à augmenter le trafic vers votre ressource à partir des réseaux sociaux.

Lire aussi>>>>

Le contenu est roi

Le contenu est roi

Bill Gates l’a dit un jour et il avait raison. Les réseaux sociaux existent et se popularisent grâce à la présence de contenus générés en permanence sur eux. Sans lui, le groupe est épuisé et oublié. Par conséquent, vous devez publier régulièrement pour vous en souvenir.

Mais comment bien formater les publications pour qu’elles soient aimées et partagées ?

Tout est très simple ici - vous n'avez pas besoin d'utiliser des images avec un design bon marché et une rédaction ennuyeuse dans les publications - non seulement les utilisateurs ne les aiment pas, mais le réseau social lui-même ignore ce format de contenu. Voilà à peu près à quoi devrait ressembler l’image.

Personne n’exige de vous un travail de design, mais seulement un design agréable et non irritant pour les yeux. Si le contenu est visuellement bien perçu, la probabilité qu’il soit partagé est élevée.

CHPS (Humanly Understandable Links) dans les publications

Essayez de ne pas indiquer de liens originaux ou de liens avec des balises UTM, mais raccourcissez-les en utilisant le service vk.com/cc dans l'en-tête, sous le titre du message. Les utilisateurs de VK ignorent les publications contenant des liens longs (surtout au début). Ils sont intéressés par le contenu. Compresser les liens dans les publications en utilisant vk. com/ cc

Ici sur exemple spécifique vous pouvez voir à quoi ressemble ce lien dans le message :

Essayez également de ne pas utiliser de titres évidents et triviaux. Le but des titres est d'attirer l'attention des abonnés de la communauté dans fil d'actualité. Par exemple, le titre "16+1 Propriétés efficaces et curatives de l'huile de pépins de courge que 95 % des habitants de la planète ne connaissent pas"» fonctionnera mieux pour attirer l’attention du public que les « Propriétés de l’huile de graines de citrouille » indescriptibles. Essayez d'ajouter des chiffres et des détails au titre. Ensuite, le message attirera l’attention.

Êtes-vous prêt à remettre en question votre rêve et à concrétiser vos idées et vos idées sur Internet et à commencer à gagner beaucoup d'argent en ligne ?

Diversifiez votre contenu

Identifiez au moins 30 sujets (besoins) qui peuvent être étroitement liés à votre orientation et utilisez une minuterie pour commencer à publier.

Composer contenu intéressant selon votre niche. Par exemple, dans le domaine du sport, vous pouvez rédiger du contenu de motivation, du contenu éducatif et expert. La liste des besoins peut être interminable et le problème est de choisir un format, de sorte que la publication d'elle-même disparaisse. Dans chaque publication, utilisez différents appels à l'action en justifiant la raison : « J'aime si cela a été utile », « Repostez si vous pensez que tous vos amis devraient le savoir. »

Ajoutez des emoji à vos publications pour les rendre plus colorées et attrayantes. Mais n’abusez pas du spam.

Découvrir,

Vidéo

Dans toutes les vidéos téléchargées sur YouTube, insérez une couverture afin qu'il y ait un emballage et un emballage qui attireront l'attention de l'utilisateur. Les vidéos sans wrapper semblent très grossières, dans lesquelles il est déjà clair qu'il n'y aura aucun intérêt à les télécharger.

Voici un exemple de ce à quoi devrait ressembler une couverture vidéo :

Le taux de clics d'une vidéo avec une couverture est plusieurs fois plus élevé, car il existe un emballage - un emballage qui attire le public. L’image doit jouer son rôle : susciter l’intérêt pour ce qu’il y a à l’intérieur.

Mettre en œuvre!

Marchandises

Section Produits - les prix sont indiqués par ordre croissant - les prix les plus bas doivent être affichés.

Description détaillée dans la fiche produit elle-même. Et s’il existe un site Internet, ajoutez un lien vers la fiche produit. Le bouton « Ecrire au vendeur » est lié aux messages personnels de la personne qui anime le groupe, ou du responsable qui suit le groupe.

Nous tendons la main à la communauté

Nous remplissons la section de discussion et y créons des sous-sections - « Vos questions », « Comment commander », « Postes vacants ». Vous pouvez également créer un questionnaire pour plus de variété.

N'oubliez pas de renseigner également vos coordonnées. Pour qu'une personne comprenne à qui s'adresser - concernant la commande de biens, la publicité ou vos services.

Pour comprendre à qui poser une question, notez le poste - le manager et les responsabilités de la personne. De cette façon, vous indiquerez rapidement à l'utilisateur à qui il doit s'adresser pour poser sa question.

Le plus important, j'ai failli oublier :) - remplir la description du groupe information nécessaire avec tous les liens sortants. Assurez-vous de séparer la description en blocs de texte de 3 à 4 lignes afin que le texte soit lisible - personne n'a encore annulé les règles de rédaction pour la lisibilité du texte.

Voici un exemple de la qualité d’une description dans une communauté :

P.S.

Eh bien, qu'en dis-tu ? Le contenu a-t-il été utile ?

Comprenez-vous comment créer un groupe sur VKontakte ?

Si oui, alors j'attends retour dans les commentaires - je réponds instantanément. Vous n'aurez pas le temps de cligner des yeux. J'aime discuter du sujet de la promotion sur les réseaux sociaux. Si je n'ai pas le temps, écris

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, le développement menu interne, choisir un point d'entrée au menu interne, comprendre la différence entre un catalogue et une présentation de produit, préparer du matériel promotionnel pour promouvoir le groupe, utiliser applications utiles. Mais tout d’abord. Nous examinerons d'abord les principaux éléments de la conception du groupe, puis nous passerons à leur interaction sous la forme de diverses combinaisons et nous parlerons ensuite de certains conseils utiles et subtilités.

1. Couverture horizontale (en-tête)
Commençons peut-être par couverture horizontale ou des chapeaux. 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 de belle photo L'en-tête contient le logo, les informations qui l'accompagnent, les contacts, un appel pour rejoindre le groupe et l'adresse du 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
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 sur pages publiques il n'y a pas un tel onglet). 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, taille minimale soit 200x200 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é en 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
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, telles que propres groupes, et pour la 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 l'aient fait au début de l'année taille plus grande Pour images gifs, les GIF ont immédiatement fait jeu égal 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 s'écrit à l'aide des commandes 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 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 y a des plus simples et solutions budgétaires, ayant haut degré 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, la rangée verticale de maillons est située sur un grand image de fond 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.

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 le succès de la transaction entre vous et l'acheteur : 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 des clients et ne doit supporter que le minimum, informations utiles! Ce numéro de contact, nom du site Web, nom de la 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. Postez une photo lumineuse et accrocheuse et surtout 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 requêtes sur wordstat.yandex.ru, Ivan a révélé que le plus demande fréquente il s'agit d'acheter 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 vendre sans vendre - montrer au client son propre problème, augmenter son importance et 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

J'ai récemment été intrigué par la conception de mon groupe VKontakte. J'ai vu beaucoup de groupes magnifiquement conçus et je voulais faire quelque chose de similaire. Après plusieurs heures d'étude du balisage Wiki, je l'ai finalement réalisé moi-même belle bannière Et menu graphique déroulant, menant directement aux pages de mon site. En un mot, comment ça se passe. Tout d'abord, deux images sont créées simultanément dans Photoshop, puis l'une d'elles est découpée en plusieurs parties. Ensuite, sur les pages d'édition de VKontakte, un code spécial est inséré avec Liens externes. Eh bien, parlons maintenant de tout dans l'ordre.

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

Attention!
En lien avec la prochaine mise à jour de VKontakte du 31 octobre 2016 cette option la conception de groupe est devenue hors de propos. Un menu quelque peu similaire peut être implémenté sur l'onglet Dernières nouvelles dans le bloc sous la ligne d'état. Mais ce sera un menu séparé, et non une seule composition avec un avatar.

Étape 1.
Créer dans Photoshop nouveau document d'environ 850 x 700 pixels, remplissez-le de blanc. DANS dans cet exemple J'ai immédiatement mis l'interface VKontakte au dessus pour plus de clarté. Nous devons maintenant découper deux fenêtres dans le calque, à travers lesquelles le réel conception graphique. Tout d’abord, sélectionnez un rectangle mesurant 200 x 500 pixels et appuyez sur Suppr. Sélectionnez ensuite un rectangle de taille 510x309 et appuyez également sur Suppr.

Alignez les rectangles sur le bord inférieur, la distance entre les formes est de 50 pixels. Cette conception conçu pour une ligne de nom de groupe, une ligne d'état et trois lignes de description et Informations techniques. Si vous avez un nombre de lignes différent, ajustez la hauteur de l'image de gauche en fonction de l'emplacement.

Étape 2.
Maintenant, sous cette couche, nous plaçons toute notre conception graphique. Dans ce cas, j'ai mis une image avec le fond principal, puis j'ai écrit le texte, puis dans le rectangle de gauche.

Étape 3.
Maintenant, nous enregistrons immédiatement le rectangle de droite (avatar) en tant qu'image distincte mesurant 200 x 500 pixels. C'est déjà photo terminée pour former un groupe. Il se charge dans le bloc de droite coin supérieur groupe où il est écrit « Mettre à jour la photo ». Et l'image de gauche doit être découpée en plusieurs images en fonction du nombre d'éléments de menu. Dans ce cas, il s'agit de 5 images d'une largeur de 510 pixels.

Étape 4.
À cette étape, nous devons télécharger nos photos VKontakte coupées. Pour ce faire, juste en dessous de la description du groupe, sélectionnez le bloc « Dernières nouvelles », je pense que c'est ainsi qu'il s'appelle dans l'original. Je l'ai renommé "Menu". Cliquez sur « Modifier ». Important! Tout d'abord, vous devez avoir exactement Groupe ouvert, pas Page. Parce qu’il n’existe tout simplement aucun élément de ce type sur la page. Et deuxièmement, dans le menu Community Management > Information > Materials, l’élément « Ouvrir » doit être sélectionné.

Étape 5.
Ainsi, dans l'onglet « Édition », nous cliquons sur l'icône de l'appareil photo et chargeons nos cinq images de menu coupé. VKontakte les téléchargera à sa manière, en réduisant la taille à 400 pixels de largeur et en attribuant la balise noborder à l'image. À l'étape suivante, nous devons légèrement corriger le code.

Étape 6.
À savoir, nous définissons les tailles d'image d'origine et remplaçons la balise noborder par la balise nopadding. Nous devons également indiquer l'URL des liens de chaque élément de menu. Dans ce cas, le premier lien mène à la page interne de VKontakte et les quatre autres liens mènent directement aux pages de mon site Web.

Vous trouverez ci-dessous le code de travail original de mon menu. Vous pouvez l'utiliser comme base. Dans celui-ci, vous modifiez les images par les vôtres, remplacez vos tailles et ajoutez vos liens. Et assurez-vous qu'il n'y a pas d'espaces entre crochets dans le code et qu'il n'y a pas de saut de ligne, sinon image graphique Il y aura des espaces entre les images.

[][][]

Étape 7
Je répète encore pour ouvrir ce menu vous devez cliquer sur l'inscription « Menu ». Et donc il est toujours plié. Lisez les commentaires sur le message, de nombreuses questions y sont abordées. Eh bien, rejoignez mon groupe VKontakte.