Miniature dans le groupe VK. Enregistrement de la communauté Vkontakte: le guide le plus détaillé de Runet pour un groupe ou une page publique. Réductions et promotions

Evgenia Kryukov

* Actualiser l'article.

Le beau design de la communauté Vkontakte n'est pas un caprice et un élément important qui fait confiance aux utilisateurs et à votre entreprise. Si une page ou un groupe public est encadré non professionnel, vos clients potentiels peuvent bien conclure logiquement que vous êtes également négocié à votre travail. Pour que cela ne se produise pas, veillez à ce que votre page "Vkontakte" soit belle, soignée et pratique à utiliser. Comment faire? Lire ci-dessous.

Tailles réelles des images vkontakte

Il y a quelque temps les développeurs réseau social "Vkontakte" lancé nouveau design. Cela a conduit au fait que la taille et les principes d'affichage des images ont changé. Un mémo qui sera donné ci-dessous correspond à toutes les innovations et contient en soi ce qui suit ce moment temps.

Et maintenant passons plus en détail pour chaque article.

La taille de l'avatar vk

La taille minimale d'avatar est de 200 par 200 pixels. Si vous essayez de télécharger une image de moins de 200 pixels en largeur ou longue, vous verrez cette erreur:

La taille d'avatar maximale est de 200 500 pixels. Mais en principe, vous pouvez télécharger des images et une plus grande taille - jusqu'à 7 000 pixels de chaque côté. L'essentiel est que le ratio de leurs parties ne dépasse pas 2 à 5.

Montrer sur l'exemple.

J'ai une image. Sa taille: 200 pour 800 pixels (2 à 8 ratio). Lorsque le chargement ne se produit pas d'erreurs. Cependant, je ne peux toujours pas utiliser cette image, car "contact" ne me permet pas de l'attribuer complètement.

Couverture

Taille de la couverture pour la version complète du site - 1590 pour 400 pixels.

Remarque: dans version mobile Et les applications ne sont pas affichées à la version complète du couvercle, mais seulement sa partie de 1196 de taille est de 400 pixels. Voyez comment il est coupé dans l'application mobile:

À ce moment-là, placez les éléments de base de votre couverture dans un délai de 1196 par 400 pixels.

Images ci-jointes

Dans la conception mise à jour du "contact", la largeur du flux de nouvelles est devenue fixe. Cela signifie que les images attachées au poteau ne sont plus étirées, mais restent comme elles sont. Par conséquent, si vous souhaitez que votre image occupe pleinement l'endroit alloué dans le flux de nouvelles, sa largeur doit être d'au moins 510 pixels. Il est préférable qu'il s'agisse d'un carré ou d'un rectangle dans l'orientation du paysage.

Cela semble légèrement confus :) Par conséquent, je vais vous montrer sur l'exemple.

Supposons que nous ayons une image de forme carrée avec les parties de 510 pixels. Si nous l'attachons à notre dossier, il sera très bon de regarder les informations sur tous les appareils:

Mais cela ressemble à une image horizontale dans l'orientation paysagère (largeur 510 pixels):

Comme vous pouvez le constater, l'image (en hauteur), plus elle ressemble à la bande de smartphones. Pour vous assurer, regardez la photo ci-dessous:

Il est clair que la différence ici n'est pas très critique et que les utilisateurs de smartphones considèrent toujours votre image, juste dans le second cas, ce sera un peu confortable.

Images pour publier avec référence

Toutes ces données sont extraites du code de marge de graphique ouvert:

Si Open Digital n'est pas enregistré, le titre est extrait du titre METAGUEGA et l'image provient de l'article. Dans le même temps, il peut être facilement changé - choisissez une autre image de l'article à l'aide de tireurs spéciaux:

Ou téléchargez votre propre:

La taille d'image minimale que vous pouvez utiliser comme annonce à votre article - 537 pour 240 pixels. Cependant, vous pouvez télécharger et des images plus grandes si la proportion est observée.

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

Taille de l'image pour la couverture de l'article créé dans l'éditeur - 510 de 286 pixels. Il vaut mieux s'il s'agit de couleur sombre et plus ou moins monophonique, puisque le titre de l'article et la communauté est perdue sur un fond clair.

Bon exemple:

Pas un très bon exemple:

Taille photo et vidéo pour histoires

Taille pour les photos - 1080 à 1920 pixels. Taille de la vidéo - 720 pour 1280 pixels.

Spécifications pour la vidéo:

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

Dans histoires, vous devez utiliser des photos et des vidéos de format vertical.

Remarque: des histoires au nom des communautés Au moment où seules les grandes communautés peuvent être ajoutées, pour lesquelles les développeurs "Vkontakte" ont ouvert cette fonctionnalité. Et cela est fait en utilisant l'application officielle. De l'ordinateur, il est impossible de le faire.

Exemples de couvertures dynamiques:

Couverture + Description de la communauté + Lien vers le site

Certaines entreprises ne sont pas spécifiquement fixées dans l'en-tête d'autres postes afin que les utilisateurs aient la possibilité de lire les informations de base sur la page et d'aller immédiatement sur le site.

Description avec Hashthegami

Certaines entreprises ajoutent à la description standard des pages HashTEGI qui se caractérisent par elle. Ceci est fait de manière à ce que la page ait une pertinence plus claire et qu'elle est supérieure à celle-ci dans la recherche de demandes appropriées. Honnêtement, je ne sais pas si cette méthode fonctionne ou non. Je n'ai pas rencontré de cas sur ce sujet, alors si quelqu'un le sait, je vous serai reconnaissant si vous partagez une référence.

Post fixe racontant de quelle page

Si vous souhaitez parler de votre page plus en détail (avec des photos, des liens et une belle mise en page), vous pouvez vous attacher à l'en-tête du wiki-poste ou de l'article, un brûleur dans l'éditeur, avec une image lumineuse sur l'annonce que appellera les utilisateurs à cliquer dessus. Un exemple d'un tel post:

Mais ce qui voit l'utilisateur après qu'il clique sur le lien:

Nouveau menu de liaison

Il n'y a pas si longtemps, les développeurs Vkontakte sont enfin satisfaits des propriétaires communautaires avec un nouvel outil, avec lequel vous pouvez créer un menu - rapidement et sans aucun tourment avec des pages Wiki. Il a l'air un peu primitif, alors sur la façon de créer un magnifique menu, je vous le dirai aussi.

Le menu apparaît automatiquement si vous utilisez des applications communautaires ou si vous avez un magasin connecté. Par exemple, sur la photo précédente, tous les trois éléments de menu sont des liens vers des applications. Vous pouvez ajouter votre propre ici - sur des entrées importantes, des albums, des discussions, etc., jusqu'à 7 pièces (ne pas compter l'application). Mais vous ne pouvez vous appeler que des ressources à l'intérieur du réseau social, à l'exception des pages Wiki.

Pour modifier le menu, cliquez sur "Configurer" à droite coin supérieur Widget:

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

Dans la fenêtre d'ouverture, sélectionnez le couvercle (taille minimale - 376x256 px), entrez le nom de l'élément de menu (il est important de placer dans 20 caractères avec des espaces), ajoutez un lien et cliquez sur "Enregistrer".

Si vous souhaitez masquer l'application dans le menu, changez de titre ou de couverture, cliquez sur "Modifier" en face de l'élément correspondant. La même chose peut être faite avec d'autres références qui ont été ajoutées manuellement et nécessitent des ajustements.

À la sortie, quelque chose comme ça devrait être:

Le menu du groupe est ouvert

Un menu ouvert, j'appelle un tel menu, qui est immédiatement visible à partir de quels articles qu'il consistent. C'est-à-dire que l'annonce de la photo du wiki-poste duplique complètement son contenu. Ainsi, les utilisateurs voient immédiatement ce qu'ils attendent eux à l'intérieur. Montrer sur l'exemple.

Voici ce que le poste fixe dans la page de page Flottro Cap:

Menu de groupe fermé

Le menu fermé est le même wiki-poste, comme dans le paragraphe précédent, seule l'annonce est la photo sur laquelle il n'y a pas d'éléments de menu. Habituellement, ils écrivent dessus: "Menu", "menu de navigation" ou "Navigation pour le matériel de publication".

Mais ce que nous voyons quand je clique dessus:

Au fait, il convient de noter que ce n'est pas la seule option. En fait, dans cette image, vous pouvez écrire n'importe quoi. L'essentiel est que l'utilisateur souhaitait cliquer dessus et il a compris qu'il attendait après cela. Exemple:

Menu de saut pour le groupe

Le menu des hommes est lorsque l'image de l'annonce de votre menu est une image avec avatar. Juste ci-dessous, je vais vous dire en détail comment faire un tel menu, mais pour le moment, il semblera que ça a l'air magnifique.

Vous voulez bien organiser votre communauté "vkontakte", mais aucune compétence nécessaire? Inscription à la commande dans notre société. Préparez-vous pour vous un avatar, une couverture, des modèles pour les en-têtes, des menus et un aperçu des marchandises.

Gifka et avatar dans une image

Mais cette version de la conception de l'en-tête m'a vraiment admiré. Les GIF jouées automatiquement se confondent avec Avatar en une seule composition et attire l'attention de l'utilisateur, même s'il n'y a aucune information sur tout.

Au fait, j'éprouve cet exemple dans le marketing SMM de Sergei Shmakov. Donc, pour trouver j'exprime ma gratitude :)

Menu caché

Le menu caché n'est disponible que pour les groupes (il n'y a pas de pages d'une telle fonctionnelle). Pour le voir, vous devez cliquer sur le lien correspondant. De plus, cette méthode de conception est que les utilisateurs sont visibles aux informations principales de la communauté et, s'ils souhaitent utiliser le menu, ils n'en ont qu'à un seul clic. Cependant, il y a un petit moins ici - tous les utilisateurs ne connaissent pas l'existence de cette fonction, votre menu peut donc avoir une attention moins importante que si elle a été corrigée au début de la page.

Vidéo jouable automatiquement

À la fin du mois de novembre 2015, une innovation intéressante est apparue sur le réseau social "Vkontakte" - dès que l'utilisateur est livré sur votre page, la vidéo attachée à l'en-tête commence à jouer automatiquement. Avec cette réception, vous pouvez attirer plus plus d'attention Les utilisateurs (en particulier ceux qui sont allés pour la première fois à votre page), et en même temps, de ne pas ennuyer ceux qui n'aiment pas quand il impose son contenu, car la vidéo est reproduite sans son et ne gêne pratiquement pas.

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

Pour cela, vous devez effectuer trois conditions:

• Joignez le rouleau à l'enregistrement et consolidez cette entrée en haut de la communauté.
• En plus du rouleau, rien ne doit être attaché à l'enregistrement. Seule la vidéo et le texte à volonté.
• La vidéo doit être téléchargée "Vkontakte" - Les acteurs tiers ne sont pas pris en charge.

Entrée qui obtient beaucoup de repost

Une autre façon d'utiliser de manière productive la place dans l'en-tête de votre page consiste à réparer l'un de vos messages les plus performants. Celui qui a déjà gagné et continue d'acquérir une grande quantité de goûts et de décisions. Pourquoi le faire, je pense que tout le monde est compréhensible - plus les republies, plus la couverture, plus les abonnements reçoivent la page.

Annonces de nouveaux clips, albums, événements

Présentation de nouveaux produits / services

Réductions et promotions

Cas, Avis des clients

Applications publicitaires

Blagues pratiques

Règles communautaires

Liens vers d'autres réseaux sociaux

J'ai énuméré de toutes les options pour la conception de l'en-tête. En fait, sur la couverture et dans le poste fixe, vous pouvez poster des informations: des travaux, des annonces, des liens vers les meilleurs biens, etc. Donc, ne limitez pas les exemples ci-dessus. Allumez le fantasme et utilisez la conception de votre communauté pour atteindre vos objectifs.

Qu'est-ce que l'avatar devrait

Avatar n'est pas seulement une belle image avec le logo de votre entreprise et l'instrument de travail du marketing, avec l'aide qu'il réalise des objectifs. Analysons dans tous les détails de la manière dont il devrait être d'attirer l'attention des utilisateurs et de les encourager à effectuer l'action cible. Commençons par les miniatures.

Avatar miniature

1. Le texte sur l'avatar miniature doit être suffisamment grand pour que cela puisse être lu.







2. Le texte ne doit pas aller au-delà des miniatures.







3. Les utilisateurs doivent être clairs ce qui est représenté sur l'avatar.







4. Si possible, il est préférable de ne pas utiliser l'illustration boursier de stock stock, car ils réduisent souvent la confiance en la société.




5. Il n'est pas souhaitable que la vignette avatar soit trop flexible et ennuyeuse, sinon elle sera perdue dans le contexte des avatars plus vivants des concurrents.



6. Si vous voulez que votre avatar soit moderne, faites-le dans le style de minimalisme: texte plus petit, ombres, gradients et ne portant aucune charge sémantique d'éléments. Votre avatar devrait être aussi simple que possible et soignée. Ce style est maintenant en tendance.







7. Si vous avez le but d'attirer l'attention de l'utilisateur et de se démarquer dans le fond des autres avatars de la bande, vous devrez inclure la fantaisie. Pensez à ce que vous faites attention à votre attention lorsque vous recherchez des communautés intéressantes? Ici, par exemple, je, par exemple, déjà aitit attiré des avatars avec une lumière brûlante, qui indique généralement qu'un nouveau message est venu. C'est très vieille réceptionMais pour une raison quelconque, il me touche toujours - quand je vois une lumière similaire, je vais certainement supprimer les yeux.

Je ne discute pas que cette technique fonctionnera avec votre page. La pensée que je veux transmettre est que les moyens de se démarquer très et beaucoup, doivent simplement poser cette question et montrer une certaine créativité. Par exemple, une autre idée intéressante, à laquelle je pouvais moi-même avoir pensé:

Avatar est un cercle noir: grand et petit. Il semblerait pourquoi faire du tout? Mais lorsque vous quittez la liste des communautés, ces avatars sont attirés par eux-mêmes, car ils sont très différents de tous les autres.

Quelles informations peuvent être placées sur un avatar miniature

Malgré le fait que la miniature Avatar a une très petite taille, elle peut être utilisée pour l'utiliser pour attirer des abonnés à votre communauté. Comment faire? Considérons plusieurs options:

Nouveau produit Annonce / Services / Événements

Avantages de la société / Service / Pages

Numéro de téléphone de la société

Prix \u200b\u200bfavorables

Livraison gratuite

Au fait, très souvent des informations que la société fournit une livraison gratuite est ajoutée au nom du groupe afin que les utilisateurs soient attirés sans hésiter.

Actions

Compétitions

Emplois

Que devrait être avatar?

J'ai regardé ce qui devrait être la vignette de l'avatar et que le texte sur elle peut être placé. Et maintenant allons à l'avatar vous-même. Version complète Avatar ne sera affiché que dans la communauté dans laquelle la couverture n'est pas installée. C'est pour de tels cas que j'ai écrit cette section. Donc, quel devrait être l'avatar de votre communauté afin que les utilisateurs se rendent immédiatement compte que votre entreprise s'est approchée de la création de la page de manière responsable et professionnelle.

1. Avatar doit être qualitatif. Sur la façon de y parvenir, j'ai écrit un peu plus haut. Pour ceux qui ont manqué cette partie, je dirai en bref - la taille de l'avatar doit être 2 à 3 fois plus que vous aviez planifiée.
2. Il est souhaitable que l'avatar soit combiné du menu: il y avait la même palette de couleurs, avait les mêmes polices, éléments, etc. Grâce à cela, votre chapeau de pages aura l'air plus précisément et professionnelle. Exemple:




3. L'avatar et l'avatar miniature lui-même peuvent être différents. Par exemple, vous pouvez dessiner un cercle sur l'avatar, l'organiser comme vous le souhaitez, choisissez cette zone comme miniature et le reste de l'avatar est effectué dans un autre style.




Une autre option est de diviser l'avatar en deux parties. Un - pour les miniatures et la seconde - pour le reste de l'avatar.




4. Afin d'encourager les utilisateurs à souscrire à votre page ou d'envoyer un message à la Société au représentant, vous pouvez accueillir au bas de l'avatar correspondant à l'action et le maintenir pointer sur le bouton de la flèche.




5. Essayez de ne pas publier trop d'informations sur l'avatar, sinon il aura l'air surchargé et désordonné. Ajoutez uniquement les articles les plus importants et assurez-vous de vous assurer qu'il y a des airs entre eux.

Quelles informations peuvent être placées sur Avatar?

En fait, sur l'avatar, vous pouvez tout placer. Contrairement aux miniatures, ici est vraiment là où se rôti. La principale chose est de ne pas l'abuser :)

Domaine du site

Téléphone / Adresse / Temps de travail

CONCOURS / ACTIONS

Les produits les plus achetés / nouveaux

Informations sur la livraison

Application mobile publicitaire

Les principaux avantages de la société / des pages / biens, etc.

Mise à jour Assortiment / Nouvelle créativité, etc.

Informations que votre communauté est officielle

Informations sur les événements à venir

Adresses de compte dans d'autres réseaux sociaux

Description de la page étendue

Poche

En général, sur Avatar, vous pouvez afficher absolument toute information. J'ai apporté seulement quelques idées afin que vous puissiez voir ce que les autres font et inspirent leurs exemples. Eh bien, gardez les recommandations principales dans ma tête: l'avatar doit être de haute qualité, la police est grande et entre les éléments de plus d'air.

Comment créer un avatar et un menu de jigging

Afin de rendre la fusion avatar et menu, vous aurez besoin de programme d'adobe Photoshop ou son analogue. Je vais expliquer l'ensemble du processus sur l'exemple de "Photoshop". Alors allons-y.

1. Téléchargez un modèle pour "Photoshop", que j'ai spécialement préparé pour cet article. Dans la taille habituelle (menu - 510 pixels de largeur, avatar - 200) ou dans une agrandie (menu - 1020 pixels de largeur, avatar - 400).
2. Ouvrez l'image que vous souhaitez prendre comme base.
3. Copiez-le, insérez-le dans le modèle et placez-le comme vous souhaitez le couper.

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

1. Si vous ne voulez pas perdre une partie de l'image (dans cet espace de 50 pixels), faites-le glisser vers la droite comme indiqué dans le gif suivant:

1. Sélectionnez l'outil "Découpe" et cliquez sur le bouton "Fragments in Guide".

1. Supprimer des fragments inutiles (clic de souris droit - "Supprimer un fragment") et ajuster le déjà disponible (clic droit de la souris - cliquez sur un endroit vide - nous prenons la bonne zone et étiez-la à la taille souhaitée).

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

1. Allez à l'endroit où vous avez enregistré des images (bureau ou certains répertoires spécifiques) et trouvez un dossier appelé "Images" là-bas. C'est là que ce seront vos images. Maintenant, il reste seulement de les verser à la page.

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

Comment utiliser des widgets

Les widgets font également partie de la conception de la communauté VK. Avec l'aide d'eux, l'utilisateur peut: passer une commande, vous abonner à votre newsletter, participer à la compétition, lire et laisser des commentaires, ouvrir une recherche par communauté, obtenir un cadeau, un coupon de réduction, etc.

Voici quelques exemples de ce que les widgets regardent sur la page Vkontakte:

classe \u003d "Incut"\u003e

Comment délivrer des images aux messages

Si vous êtes engagé dans une conception Web ou avez un goût artistique et un sens d'excellent, vous ne serez pas difficile de trouver une identité d'entreprise pour vos images. Cependant, il me semble qu'il y aura une minorité de ces personnes dans cet article (i, de la manière dont je m'en fiche aussi). Par conséquent, examinons en détail comment cela se fait, sur la base des exemples d'entreprises prospères.

Au fait, faites attention à presque toutes les sociétés Vkontakte bien connues, c'est-à-dire ajouter un petit logo, adresse de votre page ou filigrane. Cela augmente la notoriété de la marque et protège vos images de copie. Cela vaut-il la peine de le faire, tout le monde décide lui-même. La seule chose qui serait conseillée d'être conseillée: Si vous décidez toujours de le faire, essayez de rendre votre logo pas trop brillant et ne prenait pas trop d'espace, sinon l'emphase va y aller, et l'image perdra votre attraction.

Où obtenir de bonnes images?

Notre blog a un bon article sur ce sujet - "". Ils sont tous gratuits, mais une sorte d'enregistrement. Si vous ne choisissez rien de convient à vous-même, essayez de rechercher un mot-clé + fond d'écran (ou, si en anglais, fond d'écran). Les images de qualité sont généralement dans une telle demande. Mais ici, vous devez être attentif et vérifier le type de licence, sinon, si vous avez une entreprise sérieuse, vous pouvez rencontrer des ennuis.

Et que faire ceux qui ne savent pas comment travailler dans "Photoshop"?

Si vous n'avez jamais travaillé dans "Photoshop" (ou tout autre Éditeurs graphiques) Et pas encore prêt à allouer du temps pour son développement, vous pouvez utiliser les services dans lesquels il existe déjà modèles prêts images pour différents réseaux sociaux:

1. fotor.com

Après cela, à gauche de l'écran, choisissez le modèle qui nous intéresse. Veuillez noter que seuls les modèles sur lesquels il n'y a pas d'icône Diamoman n'est fourni gratuitement.

Nous l'insérons dans le gabarit, sélectionnez le bouton gauche de la souris, sélectionnez le calque (icône de sandworm) et cliquez sur Passer en bas. Ainsi, notre image remontera l'arrière-plan et toutes les inscriptions mettront dessus.

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

Ensuite, cliquez sur l'icône sous la forme d'une disquette, sélectionnez le nom, le format d'image, la qualité et cliquez sur le bouton de panneau pour télécharger.

Comment utiliser Wikie Markup

Eh bien, nous nous sommes approchés de la section complexe la plus intéressante et dans la même période. Peut-être parmi les lecteurs il y a des gens qui ne savent pas ce que le marquage du wiki est, et en général, ce terme est entendu. Par conséquent, je vais donner une définition spécifiquement pour vous, ce qui donne le "contact".

Wika Markup - un langage de balisage utilisé pour effectuer un texte sur des sites Web (généralement liés à la classe Wiki-Project) et vous permet de simplifier l'accès aux capacités. langue HTML. Sur notre site Web Wiki-Pages - une bonne alternative aux entrées ordinaires et à la navigation de texte. Si vous devez créer un vaste article avec une formatage de texte différente (gras, emphase, titres, etc.) ou ajouter des graphiques à celui-ci ou simplement créer un menu de navigation colorée en fonction de votre communauté - Wiki est indispensable.

De même, à la fois WordPress (ou tout autre CMS) dispose d'un éditeur HTML, avec lequel vous créez des articles et le «contact» possède son propre éditeur pour créer et éditer les pages Wiki. Il ressemble à ceci:

Avec cet éditeur, les menus de navigation sont créés, ainsi que des articles avec des images, des enregistrements vidéo et audio. Juste ci-dessous, je vais numériser en détail comment travailler dans cet éditeur, mais je vous demande d'abord d'ajouter deux liens vers des signets. Ils vous aideront dans l'étude du marquage Wiki.

La conception réussie du groupe Vkontakte devrait être non seulement belle, mais aussi fonctionnelle et pratique. Coupez la conception pour résoudre vos tâches marketing afin que le groupe attire un solvant et achète un public à la marque et reste avec lui pour toujours.

5 étapes Comment délivrer un groupe en contact

Couverture

La couverture communautaire est aujourd'hui un outil important pour la conception d'un groupe dans le contact de la marque et de sa promotion. Vous pouvez le télécharger dans la section "Gestion communautaire" en cliquant sur l'onglet Paramètres. Une image horizontale de haute classe dans la CAP de la communauté joue elle-même le rôle de la principale bannière promotionnelle de la société dans le réseau social. Elle établit l'ambiance, informe, augmente l'image, appelle aux actions cibles, vend en même temps.

1. Utilisez des illustrations de haute qualité

La couverture de la communauté Vkontakte devrait être une taille de 1590x400 pixels, mais il est préférable de télécharger une photo 2-3 fois plus dans le format.png. Il sera donc possible d'éviter un affichage de mauvaise qualité.

2. Adaptez l'image pour différents appareils

N'oubliez pas que cette image peut être montrée différemment avec différents appareils - sur les bords mobiles sera coupé, il est donc préférable de une information important Placer plus près du centre.

3. Placez le slogan et ITP

Laissez votre philosophie et vos avantages du client viennent du premier écran.

4. Afficher les marchandises / service, processus ou résultat de son utilisation

Le client potentiel reconnaît donc immédiatement ce que vous êtes spécialisé et sera impliqué dans le produit.

5. Aidez les clients immédiatement à vous contacter

Écrivez un téléphone, courrier électronique sur la bannière, ainsi que d'autres contacts de la société. Si l'emplacement territorial est important pour votre entreprise, par exemple, vous voyez le domaine de la restauration ou de l'horCa, l'adresse ne sera pas non plus superflue.

6. Annoncez des événements

Promouvoir des concerts, devrait arriver une nouvelle collection ou une nouvelle production de produits, dépenser le festival / la conférence / jour du client? Parlez-nous à tout le monde qui entre dans la communauté.

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

Où d'autre pour dire au public de dire au public, que peut-elle faire votre commande 2 fois moins cher? L'essentiel, n'oubliez pas de changer l'illustration après la fin de la phrase.

8. Offre de faire une action cible.

Lors du chargement de la couverture de la communauté dans le coin inférieur droit, il y a deux boutons horizontalement - envoyez un message et rejoignez le groupe. Spécifiez la flèche sur eux pour attirer en outre l'attention du public. Donc, si la bannière montre le produit - vous pouvez l'offrir immédiatement commander dans des messages. Et si la dernière nouvelle Digest sur elle est de s'abonner pour toujours recevoir de nouvelles informations.

Téléchargez Avatar et sélectionnez Thumbnail

Les marques séparées n'utilisent toujours pas le couvercle, préférant l'ancienne vue du premier écran du groupe, en utilisant la combinaison d'avatar avec une entrée fixe comme appelée "caps". Dans ce cas, une image est une continuation d'une autre. Il semble plus efficacement lorsque la photo se termine au même niveau avec l'avatar.

Lorsque vous utilisez la taille maximale des pixels Avatar 200х500, la taille de l'image dans l'enregistrement fixe est nécessaire pour créer la taille de 510x308 pixels. Excellent impliquant la réception - fixant les vidéos chargées du joueur, qui continue stylistiquement l'avatar.

Si vous postulez comme une casquette - la couverture, l'avatar sera toujours affiché sous forme de vignettes.

Règles de la communauté avatar MC Miniatures

Les vignettes sont une petite image ronde qui est sertie d'un grand avatar et est affichée à la recherche par groupes, dans la liste des communautés de chaque utilisateur et à gauche sous la couverture, le cas échéant. Voici quelques conseils pour sa conception.

1. Thumbnail doit être clair pour le public.

Ne placez pas un morceau d'illustration étrange. Visualiser cela ultérieurement sera associé à une marque, telle qu'un logo, une icône de produit / service, et peut-être le principal caractère marketing de la marque.

2. Écoutez uniquement des photos de haute qualité.

Il est préférable de télécharger le code source 2 à 3 fois plus nécessaire, donc sur les terribles "carrés" "carrés" de pixels que vous n'êtes pas dans la meilleure lumière peut être oublié.

3. Développez vos propres illustrations.

Les images stock standard auront l'air bon marché et peu professionnel et les utilisateurs seront synonymes de la négligence de la marque. Faites des dessins uniques dans un concept unique et des couleurs que la conception de repos.

4. Pages de page de fond de contraste - Ce dont vous avez besoin

Lors de la fabrication de la VK miniature, alors accrocheuse, "arrondir" se démarque dans la bande entre autres groupes et ne fusionne pas avec les pages de fond.

5. Placez les contacts ou les entreprises informatiques

En fonction de l'objectif pour les miniatures, placez le numéro de téléphone de contact ou l'adresse du site dessus, des informations sur livraison gratuiteindiquant le plus bas prix Dans le segment ou la part.

6. Faire du texte grand et lisible

Il vaut mieux ne pas utiliser de polices avec des serifs ou des italiques - ils sont trop "bruyants" lorsqu'ils sont visionnés des écrans de PC, appareils mobiles et smartphones, un look stupide. Assurez-vous que le texte ne va pas au-delà des frontières de la miniature Crocée. Cela nous permettra de respecter correctement et efficacement au message utilisateur.

7. Appliquer des formulaires non standard

Par exemple, dans le motif rond souhaité, entrez un polygone ou un autre forme géométrique sur fond blanc. Créez une notification non lu ou une icône graphique "Online".

Développer des menus

Le menu est un élément important de la conception du groupe en contact, ce qui facilite la navigation des utilisateurs par groupe - les gens seront plus pratiques pour trouver les informations dont vous avez besoin. Chaque élément et page sont créés dans une langue de programmation spéciale - Wiki Markup. Avec elle, il est possible de créer des images avec des pages cliquables et facilement confortables à l'intérieur du réseau social comme s'il s'agissait de la page du site.

Vous pouvez utiliser un menu ouvert et fermé. Dans le premier cas, l'utilisateur voit immédiatement les sections qui y sont incluses, dans la seconde - elles sont précédées d'une image de l'aperçu avec l'inscription "MENU". Le menu peut également devenir visuellement une continuation de l'avatar, si vous utilisez l'ancienne version de la communauté.

Développer une vitrine de marchandises

Localisation dans la fenêtre de la boutique de la communauté, rappelez-vous que les utilisateurs sont toujours visibles les 3 premiers objets. Placez-leur les plus populaires et les plus commandés en téléchargeant l'image de présentation dans un style unique. Publiez ici des icônes uniformes ou des photos des produits eux-mêmes. Vous pouvez placer les marchandises. Dans la conception, montrez le processus de fourniture d'un service ou de son résultat. La taille d'une telle image sera carrée - 400x400 pixels.

Enregistrement des messages

1. Utilisez les tailles d'image disponibles en pleine force

Largeur maximale de l'image dans la bande - 510 pixels. Les images carrées de 510x510 pixels et rectangulaires - 510x300 pixels sont les plus efficaces.

2. Développer un style individuel de messages.

Pour que les poteaux ont l'air individuellement, proposez un style unique, une police et une gamme de couleurs.

3. Placez le texte court dans l'image.

Par exemple, vous pouvez partager l'image en 2 parties - texte textuel et graphique ou écrire, gradger l'arrière-plan. Pour que le texte puisse être vu sans fond sombre, écrivez-le sur le substrat (bloc graphique contrastant de couleur homogène) ou ajoutez une ombre à l'inscription. Les photos ont l'air bien avec le cadre.

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

Par exemple, utilisez un modèle de présentation pour les guillemets informations visuellesPour l'annonce des matériaux du site - l'autre et pour les concours le troisième.

Utilisez ces 100% techniques et votre entreprise sera présentée à Vkontakte de la meilleure façon, et les clients seront interagissants avec cela. Mais n'oubliez pas que dans tout ce dont vous avez besoin une mesure! Regardez encore plus que des idées fraîches pour la conception de la communauté VC sur la page de service de l'agence cible de Trug.

Dans cet article, j'aimerais systématiser toutes mes connaissances sur la conception des groupes Vkontakte sur la base de son expérience d'interaction avec les clients et leurs préférences. De plus, au cours des six derniers mois, Vkontakte a fait beaucoup de changements, ce que beaucoup ne soupçonnent même pas. Sur certaines innovations, je voulais m'empêcher de plus, parce que parmi eux, il y a des choses vraiment dignes et utiles. Nous semblons tous avoir déjà éloigné de certains chocs après une refonte Vkontakte, et pour des changements visibles, la multivarrence du fonctionnement et du remplissage du groupe a été trouvée. La conception des groupes implique donc une procédure complète qui ne se limite pas à un composant exclusivement graphique sous la forme de belles images. Maintenant, les propriétaires doivent prendre en compte l'ensemble des nuances de construction de la structure du groupe en fonction du sujet des affaires et de la commodité de l'utilisateur.

Cela concerne principalement la sélection de la conception graphique de deux options mutuellement exclusives, le développement du menu interne, la sélection du point d'entrée dans le menu interne, comprenez la différence entre le catalogue et la vitrine, la préparation de matériaux promotionnels pour promouvoir la groupe, utilisation applications utiles. Mais premières choses d'abord. Premièrement, nous examinerons les principaux éléments de la conception de groupe, puis nous nous tournons vers leur interaction sous la forme de combinaisons diverses, puis parlons de certains physkha utile et subtilités.

1. Couverture horizontale (CAP)
Commençons, peut-être, d'une couverture horizontale ou d'une chapeau. Les développeurs Vkontakte nous assurent que la couverture due à sa taille donne une plus grande maniabilité à fournir et à visualiser des informations. Habituellement, en plus de la belle image de l'en-tête, il existe un logo, des informations qui l'accompagnent, des contacts, des appels à rejoindre le groupe, l'adresse du site. J'ai une suspicion que les housses d'un jour deviendront la seule option possible de concevoir le groupe, il recommanderait donc immédiatement de les déplacer afin d'éviter ultérieurement des repères de Forcemari.

Comment télécharger la couverture
Pour télécharger la couverture, vous devez vous rendre à la gestion communautaire \u003e\u003e Block Basic Information \u003e\u003e Couverture communautaire \u003e\u003e Télécharger. Taille de couverture recommandée 1590 × 400 pixels. Dans l'en-tête, il ne peut y avoir de boutons de travail sur lesquels vous pouvez cliquer - en substance c'est une image et c'est tout. À ce jour, la couverture est visible sur des appareils mobiles et semble être visible dans les applications et les clients.

Wiki onglet nouvelles nouvelles
Dans le bloc supérieur sous la casquette, trois onglets peuvent désormais être: une entrée fixe, des informations communautaires et un menu Wiki (uniquement en groupes, il n'y a pas de tels onglets sur les pages publiques). L'accent est toujours fait sur un enregistrement fixe, mais même s'il est présenté, l'utilisateur aura toujours accès aux informations de la communauté en utilisant des onglets. Pour apparaître, l'onglet Menu Wiki (il est initialement appelé Nouvelles fraîches), vous devez vous rendre à la gestion communautaire »Sections» Matériel »Limitée (ou ouverture)» Sauvegarder.

2. Avatar vertical
Faites attention à l'ancien bon avatar pour un groupe de pixels de 200x500. Bien que ce soit aussi un moyen de concevoir un groupe. Habituellement sur Avatar est situé l'information suivante: Logo, texte ci-accompagnant ou slogan, contacts, appelant pour rejoindre le groupe. Dans les appareils mobiles, tout l'avatar n'est pas visible, seule sa part est visible - miniature. Vous pouvez utiliser un en-tête horizontal (couvercle) ou une bannière verticale. Si vous avez un chapeau, l'avatar vertical n'est pas visible. Sur Avatar, il ne peut y avoir de boutons de travail auxquels vous pouvez cliquer - en substance c'est une image et c'est tout.

3. Miniature
Actuellement, l'avatar vertical est utilisé pour créer des vignettes, dont la taille minimale est de 200x200 pixels. La miniature est utilisée dans des postes et des enregistrements sous la forme d'un petit cercle dans le titre et sous la forme d'un cercle plus vaste dans certains échantillons et mentions communautaires. En liaison avec la transition vers la forme arrondie, serrez les exigences de miniature. Donc, ce texte sur la miniature est complètement lu, il devrait ne pas aller au-delà des limites du cercle.

Comment télécharger miniature
La miniature est devenue un élément assez indépendant et lors de l'utilisation de la couverture (CAPS) dans la conception du groupe, vous devez maintenant faire une vignette séparée, gardez à l'esprit. S'il n'y a pas de capuchons dans le groupe (couverture), puis téléchargez la vignette, vous devez cliquer sur "Télécharger une photo" pour télécharger (à droite). Si la casquette est présente dans la conception (couverture), alors pour le chargement des miniatures, vous devez cliquer sur le cercle à la fois sous la casquette et choisissez déjà l'élément "Photo téléchargée".

4. bannière
Bannière (bannière anglaise - drapeau, transparence) - graphique Information, nature promotionnelle ou indivisée. La bannière est attachée comme une image à l'enregistrement et ne peut avoir qu'un seul lien interne. Beaucoup sont toujours convaincus que sur la page principale de la bannière, vous pouvez faire plusieurs liens. Ce n'est pas le cas, un seul lien et tout. J'aurais alloué les types de bannières suivants.

4.1 Bannière d'information
Type commun de bannière contenant informations générales À propos de la société, du groupe, du service ou de l'événement avec une liste détaillée d'avantages et d'autres matériaux d'accompagnement. Fréquemment utilisé comme entrée fixe du groupe. La taille d'une telle bannière est de 510x307 pixel. Avec cette taille, la bannière au fond coïncide avec l'avatar. S'il n'y a pas de paquet avec Avatar, vous pouvez utiliser toutes les dimensions. Par exemple, j'utilise la taille de 600x350 pixels. Il est également pratique et recruté maintenant le format de carré 510x510 pixels - avec cette taille, la bannière prend la plus grande zone de bandes de nouvelles.

4.2 Bannière pour entrer dans le menu interne
Si vous ajoutez un "menu ouvert" de l'élément précédent à la bannière de l'élément précédent, nous obtiendrons une bannière, dont la tâche principale de servir dans le point d'entrée d'entrée. Parfois, ils trompent sous la forme de plusieurs boutons de la bannière, mais il s'agit d'une illusion, lorsque vous appuyez sur l'utilisateur, tombe toujours sur la barre intérieure et que chaque bouton a son propre lien. La taille d'une telle bannière est de 510x307 pixel. Avec cette taille, la bannière au fond coïncide avec l'AVTAR. Si l'entrée du menu n'est pas liée avec un avatar, vous pouvez effectuer des tailles de bannière, même un bouton étroit avec l'inscription "Ouvrir le menu". L'essentiel est que la largeur de la bannière est d'au moins 510 pixels.

4.3 REOST CARTE, Promotions
Récemment, les cartes pour les repuposts ou les actions ont été particulièrement pertinentes. Sa tâche est un appel à une action concrète. La plupart du temps, c'est "rejoindre le groupe, faire un republier ou mettre comme et gagner un prix." Ces bannières sont utilisées dans entreprises publicitaires ou des stocks à la fois dans des groupes propres et avancés dans d'autres groupes. J'utilise habituellement la taille de 600x350 pixels.

4.4 Bannière avec animation GIF
Après le début de l'année, les développeurs VK ont fait plus grand Pour les images GIF, les gifs se sont immédiatement rangés dans une rangée avec des bannières d'information. Par exemple, une image de plusieurs produits ou textes de remplacement peut être donnée sur une bannière GIF - le mouvement attire immédiatement l'attention. Et quand la fonction a été ajoutée en juin animations GIF Automobile Dans le flux de nouvelles, le GIFS est devenu l'objet d'une attention particulière des annonceurs et des spécialistes du marketing.

5. Construction Avatar + bannière fixe
Jusqu'à récemment, ce design modulaire composé d'avatar et d'une bannière fixe était le moyen le plus populaire de concevoir des groupes. Plus d'informations sur la façon de faire un tel design est peinte dans la leçon. Avec l'apparition d'une casquette (couvre), il est possible que la popularité d'une telle conception diminue légèrement.

De plus, il est possible que Vkontakte modifie à nouveau tous les paramètres de blocs, puis de tous les mouches de conception, car il était déjà deux fois pour six derniers mois. Donc, chers propriétaires de groupes, choisissant l'exécution de leur groupe, considèrent ce fait. Oui, et un autre moment, dans des appareils mobiles, toute la beauté d'une seule image n'est pas visible, car l'avatar n'est pas affiché, mais seulement une vignette, et l'enregistrement fixe est situé juste en dessous.

6. Menu de navigation interne
Menu dans le formulaire liens actifs Situé sur la page interne de Vkontakte et est écrit à l'aide de commandes de balisage Wiki. Sur la façon de créer la page intérieure elle-même est peinte dans la leçon. Utilisation du menu, l'utilisateur navigue dans le groupe. Ci-dessous, vous examinerez les types du menu interne, mais pour l'instant, nous nous concentrerons sur plusieurs éléments importants.

Menu interne
Je veux noter un moment subtil, ce qui ne donne souvent pas de valeurs. Parfois, les clients commandent un menu interne de moi, mais en même temps, ils ne représentent absolument pas comment l'utilisateur tombe dans ce menu interne. Et vous pouvez y entrer de deux manières: soit à travers une bannière fixe (voir paragraphe 4.2), soit via une liaison texte dans l'onglet Top sous la chaîne d'état (voir la figure ci-dessous). Parfois, un lien texte est placé dans le bloc "Liens" dans la colonne de droite de l'interface.

Liens Menu interne
Habituellement, lors de la commande, les clients indiquent les éléments de menu suivants: A propos de nous, nos produits (catalogue), Méthodes de livraison, Paiement, Garantie, Avis, Contacts, Promotions, Réductions, Horaire, Comment commander, Portfolio, Informations et réponses, Info, commander. Les liens des éléments de menu peuvent accéder aux sections correspondantes du site externe. Ensuite, le lien s'ouvre automatiquement dans une nouvelle fenêtre. La plupart des articles mènent aux pages internes de Vkontakte. Dans le même temps, la page s'ouvre dans la même fenêtre et vous devez relier ou le bouton "Retour au menu principal".

Liens vers des albums avec des photos et des vidéos ouverte dans une nouvelle fenêtre. Liens vers des sujets avec des discussions (par exemple les critiques), dans la boîte de dialogue pour écrire des messages, sur les applications (voir paragraphe 10), pour sélectionner le boîtier (voir paragraphe 12) ouvert dans la même fenêtre et dans ce cas, vous pouvez revenir à le menu seulement à travers page d'accueil Site, ou à travers le bouton "Retour" dans le navigateur. C'est peut-être le moment le plus gênant avec de telles références.

Menu de montage
Souvent, les clients me demandent et est-il possible de modifier le menu intérieur. Je réponds si vous êtes un utilisateur confiant et familiarisé avec les modes de balisage et d'édition de wiki, vous pouvez modifier. Mais si vous n'êtes pas familier avec tout cela, c'est catégoriquement non. Dans ce cas, vous battez simplement tous les paramètres.

Je donnerai les mots des développeurs du Vkontakte. «Beaucoup de force et de nerfs permettront d'enregistrer un simple conseil: fonctionner uniquement en un seul mode. Soit ceci est un régime visuel ou le mode de marquage wiki. Il s'agit du commutateur entre ces deux modes dans le processus de travail sur le balisage apporte la plupart des problèmes: les images peuvent diminuer, divers paramètres peuvent disparaître. C'est l'un de ces moments qui seront définitivement corrigés à l'avenir, mais pendant que vous devez garder ce fait dans ma tête. "

Adaptabilité pour les appareils mobiles
Et une dernière chose à propos de l'adaptabilité. De sorte que le menu interne a l'air identique sur les appareils mobiles, vous devez être versé sur les tables. Ensuite, l'image sera corrigée de manière rigide. Sinon, avec une diminution de la taille de l'écran, les images sont utilisées pour en déplacer une sous une autre, perturbant l'ordre initialement conçu.

Ici encore, les mots des développeurs au détriment de l'adaptabilité. "Le menu Wiki est affiché dans les navigateurs mobiles, mais ne s'adapte pas à la taille de l'écran, car cette image peut ne pas ressembler à l'ordinateur. Le réseau vous pouvez trouver les guides pour adapter le Wiki-Markup sous appareils mobilesMais même ils ne garantissent pas 100% des performances sur tous les appareils. "

7. Types de menu de navigation interne
Vous trouverez ci-dessous les types les plus courants du menu interne. Il y a plus simple et décisions de budgetAvoir un degré élevé de fiabilité. Et il existe des conceptions plus complexes et fastidieuses en termes de graphismes et de mises en page. Mais ils ont l'air plus efficacement.

7.2 Big Graphic Menu
Dans ce cas, le nombre vertical de liens est situé sur une grande image de fond et présente une structure fixe rigide. Voici une leçon.

7.3 Menu sous forme d'icônes, tuiles
Cette conception assume plusieurs rangées et colonnes comme icônes graphiques et des inscriptions à eux, ou des carreaux graphiques multicolores ou monochromes.

7.4 Menu dynamique avec effet de navigation
Un design très impressionnant qui simule la navigation du site avec l'effet de l'appui des boutons ou d'un autre marquage des liens visités. Un tel menu est un contrôle assez difficile et nécessite les compétences de la communication avec le marquage Wiki, car la modification des informations sur les pages sera également dans le balisage Wiki. Voici une leçon sur ce sujet.

La plupart des administrateurs pensent que soulever le groupe à la première place requête clé Dans le contact en haut, ils récupéreront la plupart du trafic de recherche et des clients concernés. Parfois, il est vrai de sorte qu'il s'avère, mais dans 90% des cas, les propriétaires de groupes oublient la conception de la qualité du groupe et même lorsque les clients chauds se présentent en premier lieu.

Pourquoi cela arrive-t-il?

La raison est très simple - design de mauvaise qualité de la recherche de la communauté. Mettez simplement, votre groupe dans la recherche devrait se démarquer de manière à ce que les concurrents et se conforment au mieux à l'introduction. requête de recherche. Ce n'est qu'avec une mise en œuvre qualitative de ces conditions, vous pouvez obtenir une communauté de la CTR élevée et une probabilité élevée de ventes ultérieures.

Comment influencer l'efficacité de la recherche de la communauté?

Le levier le plus efficace de l'impact sur les indicateurs de clicabilité du groupe est la vignette d'avatar.
La miniature joue un rôle très important dans le groupe, car il est mis en évidence dans tous les endroits où le groupe est mentionné:

• dans le flux de nouvelles du groupe
• dans un moteur de recherche de contact
• recherche de Google et de Yandex
• dans les liens d'autres communautés
• dans la bande de nouvelles des utilisateurs vk

Les détails avec une couverture aussi large ne peuvent pas être traités avec mépris. Et pourdécoration de groupe la miniature doit accorder une attention particulière.

Principes de création de miniatures clicables.

1) Plage des clients associatifs lors de la frappe de votre demande.
Pensez que cela compte pour voir votre client potentiel lors de la frappe une requête pour laquelle vous êtes affiché dans la recherche. Par exemple, si une jeune mère choisit une combinaison pour enfants, elle s'attend probablement à voir sur la photo une image d'une combinaison ou d'un bébé satisfait dans une belle combinaison.

2) Gamme de couleur et contraste contre le fond des concurrents.
Lorsque vous choisissez une image pour les miniatures du groupe, parcourez les miniatures de leurs concurrents. Ce que la gamme de couleurs est utilisée, la densité d'éléments sur la photo, leurs logos. La tâche principale est de créer une vignette allouée à l'arrière-plan des autres. Par exemple, si la majeure partie de la miniature est verte - faites votre rouge, si tout terne - faites votre brillant, si tout le motley - faites votre one-photon. Veuillez noter que la tâche principale est de se démarquer et de sauvegarder la pertinence de requête !

3) Mots clés Dans l'image.
Dans notre expérience, le placement de la phrase clé de l'image a également un effet positif sur le clichélisme des miniatures, la participation de la communauté et l'efficacité globalepromotion de groupe.

4) Logo de la société.
Aussi sur une miniature, vous pouvez placer votre logo. La situation idéale sera la correspondance du logo des principes ci-dessus.

Lorsque vous travaillez avec nos clients, nous tenons toujours compte de toutes les nuances, y compris des cas de miniature de haute qualité et cliquable du groupe, ainsi que d'autres moments, essentielles affectant la vente de marchandises à travers les groupes VC.