Dans cet article, je voudrais systématiser toutes mes connaissances sur la conception des 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 que beaucoup ne soupçonnent même pas. Je voulais m'attarder plus en détail sur certaines des innovations, car parmi elles, il y a des choses vraiment intéressantes et utiles. Nous semblons tous avoir déjà récupéré d'un choc après la refonte de VKontakte, et derrière les changements visibles, la multivariance du fonctionnement et du contenu du groupe a été révélée. Alors maintenant, la conception de groupes implique une procédure complexe qui ne se limite pas exclusivement à la composante graphique sous la forme de belles images. Les propriétaires doivent maintenant prendre en compte les nombreuses nuances de la construction d'une structure de groupe, en fonction du sujet de l'entreprise et de la commodité des utilisateurs.
Cela concerne principalement le choix de la conception graphique parmi deux options mutuellement exclusives, l'élaboration d'un menu interne, le choix d'un point d'entrée dans le menu interne, la compréhension de la différence entre un catalogue et une vitrine de produits, la préparation de supports promotionnels pour promouvoir un groupe, l'utilisation d'applications utiles. Mais tout d'abord. Tout d'abord, nous examinerons les principaux éléments de la conception du groupe, puis nous passerons à leur interaction sous la forme de diverses combinaisons, puis nous parlerons de quelques astuces et subtilités utiles.
1. Couvercle horizontal (en-tête)
Commençons par une couverture horizontale ou un en-tête. Les développeurs de VKontakte nous assurent que la couverture, en raison de sa taille, offre une grande maniabilité dans la fourniture et la visualisation des informations. Habituellement, en plus d'une belle image, l'en-tête contient un logo, des informations d'accompagnement, des contacts, un appel pour rejoindre un groupe et une adresse de site Web. Je soupçonne qu'un jour les couvertures deviendront la seule option de conception possible pour le groupe, je recommanderais donc de les utiliser immédiatement afin d'éviter toute refonte de force majeure plus tard.
Comment télécharger une couverture
Pour télécharger une couverture, vous devez aller dans Gestion de la communauté \u003e\u003e Informations de base \u003e\u003e Couverture de la communauté \u003e\u003e Télécharger. Taille de couverture recommandée 1590 × 400 pixels. Il ne peut y avoir aucun bouton fonctionnel dans l'en-tête sur lequel vous pouvez cliquer - en fait, c'est une image et c'est tout. Aujourd'hui, la couverture est visible sur les appareils mobiles et semble déjà être visible dans les applications et les clients.
Onglet Wiki Dernières nouvelles
Dans le bloc supérieur sous l'en-tête, il peut maintenant y avoir trois onglets: une entrée épinglée, des informations sur la communauté et un menu wiki (uniquement dans les groupes, il n'y a pas un tel onglet sur les pages publiques). L'accent est toujours mis sur la publication épinglée, mais même avec sa présence, l'utilisateur aura désormais toujours accès aux informations sur la communauté, en passant par les onglets. Pour voir l'onglet du menu wiki (appelé à l'origine Dernières nouvelles), vous devez aller dans Gestion de la communauté »Sections» Contenu »Restreint (ou Ouvert)» Enregistrer.
2. Avatar vertical
Tournons maintenant notre attention sur le bon vieil avatar pour un groupe de 200x500 pixels. Jusqu'à présent, c'est aussi une manière de concevoir un groupe. Habituellement, les informations suivantes se trouvent sur l'avatar: logo, texte ou slogan d'accompagnement, contacts, appel pour rejoindre le groupe. Sur les appareils mobiles, l'intégralité de l'avatar n'est pas visible, seule une partie de celui-ci est visible - une miniature. Pour concevoir un groupe, vous pouvez utiliser un en-tête horizontal (couverture) ou 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 vous pouvez cliquer - en fait, c'est une image et c'est tout.
3. Miniature
Actuellement, un avatar vertical est utilisé pour créer une miniature dont la taille minimale est de 200x200 pixels. La vignette est utilisée dans les publications et les publications sous la forme d'un petit cercle au titre et d'un cercle plus grand dans certaines sélections et mentions de la communauté. En relation avec la transition vers une forme arrondie, les exigences pour les miniatures sont devenues plus strictes. Pour que le texte de la miniature soit lu complètement, 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 le couvercle (en-tête) dans la conception du groupe, vous devez maintenant créer une miniature séparée, gardez à l'esprit. Si le groupe n'a pas d'en-tête (couverture), alors pour télécharger une vignette, cliquez sur "Télécharger une photo" dans le bloc avatar (en haut à droite). S'il y a un en-tête (couverture) dans le design, alors pour télécharger une vignette, vous devez cliquer sur le cercle juste en dessous de l'en-tête et sélectionner l'élément "Télécharger une photo".
4. Bannière
Bannière (bannière anglaise - un drapeau, une bannière) - une image graphique à caractère informatif, publicitaire ou incitatif. La bannière est jointe en tant qu'image au message et ne peut avoir qu'un seul lien interne. Beaucoup de gens sont encore convaincus que plusieurs liens peuvent être créés à partir d'une bannière sur la page d'accueil. Ce n'est pas le cas, juste un lien et c'est tout. Je voudrais souligner les types de bannières suivants.
4.1 Bannière d'information
Un type courant de bannière contenant des informations générales sur une entreprise, un groupe, un service ou un événement avec une liste détaillée des avantages et d'autres documents d'accompagnement. Souvent utilisé comme message épinglé dans un groupe. La taille d'une telle bannière est de 510x307 pixels. Avec cette taille, la bannière en bas coïncide avec l'avatar. S'il n'y a pas de lien avec l'avatar, n'importe quelle taille peut être utilisée. Par exemple, j'utilise 600x350 pixels. Le format d'un carré de 510x510 pixels est également pratique et gagne en popularité maintenant - avec cette taille, la bannière occupe la plus grande zone possible dans le fil d'actualité.
4.2 Bannière pour accéder au menu interne
Si nous ajoutons une inscription accrocheuse «Ouvrir le menu» à la bannière du paragraphe précédent, nous obtiendrons une bannière dont la tâche principale est de servir de point d'entrée dans le menu interne. Parfois, ils font une astuce sous la forme de plusieurs boutons sur la bannière, mais c'est une illusion, quand on clique dessus, l'utilisateur accède toujours à la page interne, et là chaque bouton a son propre lien. La taille d'une telle bannière est de 510x307 pixels. Avec cette taille, la bannière en bas coïncide avec l'avatar. Si l'entrée du menu n'est pas liée à un avatar, vous pouvez créer n'importe quelle taille de bannière, 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 pour republication, promotions
Récemment, les cartes de repos ou de promotions ont acquis une pertinence particulière. Sa tâche est d'appeler à une action concrète. En gros, c'est "Rejoignez un groupe, republiez ou aimez et gagnez un prix". Ces bannières sont utilisées dans le cadre de campagnes publicitaires ou de promotions à la fois dans leurs propres groupes et à des fins de promotion dans d'autres groupes. J'utilise généralement 600x350 pixels.
4.4 Bannière avec animation gif
Après que les développeurs de VK aient fait une plus grande taille pour les images gif au début de l'année, les gifs se sont immédiatement alignés avec des bannières d'information. Par exemple, sur une bannière GIF, vous pouvez donner 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 autorun dans le fil d'actualité, les gifs sont devenus l'objet d'une attention particulière des annonceurs et des marketeurs.
5. Conception d'avatar + bannière épinglée
Jusqu'à récemment, cette conception modulaire, composée d'un avatar et d'une bannière épinglée, était le moyen le plus populaire de décorer les groupes. Plus de détails sur la façon de créer une telle conception sont décrits dans la leçon. Avec l'avènement du capuchon (couvercle), la popularité de ce design peut légèrement diminuer.
De plus, il est possible que VKontakt modifie à nouveau certains paramètres des blocs, puis toute la conception s'envolera, comme cela a déjà été le cas deux fois au cours des six derniers mois. Alors, chers propriétaires de groupe, lors du choix d'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, car l'avatar n'est pas affiché, mais seulement une vignette, et le message épinglé est situé juste en dessous.
6. Menu de navigation interne
Le menu sous forme de liens actifs se trouve sur la page interne de VKontakte et est écrit à l'aide des commandes de balisage wiki. La création de la page intérieure elle-même est décrite dans la leçon. À l'aide du menu, l'utilisateur navigue dans le groupe. Ci-dessous, vous examinerez les types de menu interne, mais pour l'instant, nous allons nous attarder sur quelques points importants.
Points d'entrée dans le menu interne
Je tiens à souligner un point subtil qui est souvent négligé. Parfois, les clients me commandent un menu interne, mais en même temps, ils n'ont absolument aucune idée de la façon dont l'utilisateur entrera dans ce menu très interne. Et vous pouvez y entrer de deux manières: soit via une bannière fixe (voir paragraphe 4.2), soit via un lien texte dans l'onglet supérieur sous la barre d'état (voir la figure ci-dessous). Parfois, un lien texte est également placé dans le bloc "Liens" de la colonne de droite de l'interface.
Liens de menu internes
Habituellement, lors de la commande, les clients indiquent les éléments de menu suivants: À propos de nous, Nos produits (catalogue), Méthodes de livraison, Paiement, Garanties, Avis, Contacts, Promotions, Réductions, Calendrier, Comment commander, Portfolio, Questions et réponses, Info, Passer une commande. Les liens des éléments de menu peuvent aller aux sections correspondantes du site externe. Ensuite, le lien s'ouvre automatiquement dans une nouvelle fenêtre. La plupart des points mènent aux 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'ouvriront dans une nouvelle fenêtre. Liens vers des sujets de discussion (par exemple Avis), vers une boîte de dialogue pour rédiger des messages, vers des applications (voir paragraphe 10), vers une sélection par hashtags (voir paragraphe 12) ouverts dans la même fenêtre et dans ce cas vous pouvez revenir au menu uniquement via la page principale du site, ou via le bouton "Retour" du navigateur. C'est peut-être le moment le plus gênant avec de tels liens.
Édition 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 le balisage wiki et les modes d'édition, vous pouvez modifier. Mais si vous n'êtes pas familier avec tout cela, alors absolument pas. Dans ce cas, vous frappez simplement tous les paramètres.
Je vais citer les propos des développeurs de VKontakte eux-mêmes. «Un simple conseil vous fera économiser beaucoup d'énergie 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 dans le processus de travail sur le balisage qui pose le plus de problèmes: les images peuvent rétrécir, divers paramètres peuvent disparaître. C'est l'un de ces moments qui sera certainement corrigé à l'avenir, mais pour l'instant, vous devez garder ce fait à l'esprit. "
Réactivité mobile
Et encore une chose sur l'adaptabilité. Pour que le menu interne ait le même aspect sur les appareils mobiles, vous devez composer sur des tables. Ensuite, l'image sera épinglée en dur. Sinon, lorsque la taille de l'écran est réduite, les images ont tendance à glisser les unes sous les autres, violant l'ordre initialement conçu.
Ici encore, les mots des développeurs sur l'adaptabilité. «Le menu wiki s'affiche dans les navigateurs mobiles, mais ne s'adapte pas à la taille de l'écran, ce qui peut rendre les images différentes de celles de l'ordinateur. Des guides peuvent être trouvés sur le net pour adapter le balisage wiki pour les appareils mobiles, mais même ils ne garantissent pas des performances à 100% sur tous les appareils. "
7. Types de menu de navigation interne
Vous trouverez ci-dessous les types de menus internes les plus courants. Il existe des solutions plus simples et plus budgétaires avec un haut degré de fiabilité. Et il existe des conceptions plus complexes et laborieuses en termes de graphisme et de mise en page. Mais d'un autre côté, ils ont l'air plus impressionnants.
7.2 Grand menu graphique
Dans ce cas, la rangée verticale de liens est située sur une grande image d'arrière-plan et a une structure rigidement fixe. Voici un tutoriel.
7.3 Menu sous forme d'icônes, de tuiles
Cette conception suppose plusieurs lignes et colonnes sous la forme d'icônes graphiques et d'inscriptions à celles-ci, ou de carreaux graphiques multicolores ou monochromes.
7.4 Menu dynamique avec effet de navigation
Un design très impressionnant qui imite la navigation sur le site avec l'effet de cliquer sur des boutons ou de marquer autrement les liens visités. Un tel menu est assez difficile à gérer et nécessite des compétences pour communiquer avec le balisage wiki, car vous devrez également modifier les informations sur les pages du balisage wiki. Voici un tutoriel sur ce sujet.
Evgeniya Kryukova
* Mise à jour de l'article.
Le beau design de la communauté VKontakte n'est pas un caprice, mais un élément important qui forme la confiance des utilisateurs en vous et votre entreprise. Si une page ou un groupe public n'est pas conçu de manière professionnelle, vos clients potentiels peuvent tout à fait logiquement conclure que vous êtes tout aussi négligent dans votre travail. Pour éviter que cela ne se produise, assurez-vous que votre page VKontakte est belle, soignée et facile à utiliser. Comment faire? Lire ci-dessous.
Tailles réelles des images VKontakte
Il y a quelque temps, les développeurs du réseau social VKontakte ont lancé un nouveau design. Cela a conduit au fait que la taille et les principes d'affichage des images ont changé. La note, qui sera donnée ci-dessous, correspond à toutes les innovations et contient les dimensions qui sont pertinentes pour le moment.
Examinons maintenant de plus près chaque élément.
Taille de l'avatar VK
La taille minimale de l'avatar est de 200 x 200 pixels. Si vous essayez de télécharger une image de moins de 200 pixels de largeur ou de longueur, vous verrez cette erreur:
La taille maximale de l'avatar est de 200 x 500 pixels. Mais, en principe, vous pouvez télécharger des images et des tailles plus grandes - jusqu'à 7000 pixels de chaque côté. L'essentiel est que le rapport de leurs côtés ne dépasse pas 2 à 5.
Je vais vous montrer un exemple.
J'ai une image. Sa taille est de 200 par 800 pixels (ratio 2 à 8). Aucune erreur ne se produit lors du chargement. Cependant, je ne peux toujours pas utiliser cette image, car "Contact" ne me permet pas de la sélectionner complètement.
Couverture
La taille de la couverture pour la version complète du site est de 1590 x 400 pixels.
Remarque: dans la version mobile et les applications, la version complète de la couverture n'est pas affichée, mais seulement une partie de celle-ci avec la taille de 1196 par 400 pixels. Découvrez comment il est recadré dans l'application mobile:
Pour éviter que cela ne se produise, placez les principaux éléments de votre couverture entre 1196 par 400 pixels.
Images jointes
Dans la conception mise à jour de "Contact", la largeur du fil d'actualité a été fixée. Cela signifie que les images attachées à un message ne s'étirent plus, mais restent telles quelles. Par conséquent, si vous souhaitez que votre image remplisse complètement l'espace qui lui est alloué dans le fil d'actualité, sa largeur doit être d'au moins 510 pixels. Il est préférable qu'il s'agisse d'un carré ou d'un rectangle en orientation paysage.
Cela semble un peu déroutant :) Je vais donc vous montrer un exemple.
Disons que nous avons une image carrée avec des côtés de 510 pixels. Si nous le joignons à notre message, cela semble très bien dans le fil d'actualité sur tous les appareils:
Et voici à quoi ressemble une image horizontale en orientation paysage (largeur 510 pixels):
Comme vous pouvez le voir, plus l'image est étroite (en hauteur), plus elle paraît petite dans le flux des smartphones. Pour vérifier cela, regardez l'image ci-dessous:
Il est clair que la différence n'est pas particulièrement critique ici, et les utilisateurs de smartphone considéreront toujours votre image, juste dans le second cas, ils seront un peu plus à l'aise.
Images pour les articles avec lien
Toutes ces données sont tirées du code de balisage Open Graph:
Si aucun Open Graph n'est spécifié, le titre est extrait de la balise Meta Title et l'image est extraite de l'article. En même temps, il peut être facilement modifié - ou vous pouvez sélectionner une autre image de l'article à l'aide de flèches spéciales:
Ou téléchargez le vôtre:
La taille d'image minimale que vous pouvez utiliser comme aperçu de votre article est de 537 par 240 pixels. Cependant, vous pouvez télécharger des images plus grandes si le rapport hauteur / largeur est correct.
Image pour un article créé sous l'éditeur
La taille de l'image de la couverture de l'article, créée sous l'éditeur, est de 510 par 286 pixels. C'est mieux s'il est sombre et plus ou moins monochromatique, puisque le titre de l'article et la communauté se perdent sur un fond clair.
Bon exemple:
Pas un bon exemple:
Taille de la photo et de la vidéo pour les histoires
La taille des photos est de 1080 par 1920 pixels. La taille de la vidéo est de 720 par 1280 pixels.
Spécifications pour les enregistrements vidéo:
- jusqu'à 15 secondes;
- pas plus de 5 Mo;
- codec h.264;
- son AAC.
Les histoires doivent utiliser des photos et des vidéos au format vertical.
Remarque: les histoires au nom des communautés pour le moment ne peuvent être ajoutées que par les grandes communautés pour lesquelles les développeurs de VKontakte ont ouvert cette fonction. Et cela se fait à l'aide de l'application officielle. Cela ne peut pas être fait à partir d'un ordinateur.
Exemples de skins dynamiques:
Couverture + description de la communauté + lien vers le site Web
Certaines entreprises ne corrigent pas spécifiquement les messages dans l'en-tête afin que les utilisateurs puissent lire les informations de base sur la page et accéder directement au site.
Description avec hashtags
Certaines entreprises ajoutent des hashtags à la description de page standard qui la caractérise. Ceci est fait pour que la page ait une pertinence plus claire, et de ce fait, elle est plus élevée dans la recherche de requêtes pertinentes. Pour être honnête, je ne sais pas si cette méthode fonctionne ou non. Je n'ai rencontré aucun cas sur ce sujet, donc si quelqu'un le sait, je vous serai reconnaissant de partager un lien.
Message épinglé indiquant le sujet de la page
Si vous souhaitez parler de votre page plus en détail (avec des photos, des liens et une belle mise en page), vous pouvez joindre un post wiki ou un article, composé dans l'éditeur, avec une image lumineuse sur l'annonce à l'en-tête, ce qui encouragera les utilisateurs à cliquer dessus. Un exemple d'un tel message:
Et voici ce que voit l'utilisateur après avoir cliqué sur le lien:
Nouveau menu de liens
Il n'y a pas si longtemps, les développeurs de VKontakte ont finalement satisfait les propriétaires de la communauté avec un nouvel outil avec lequel vous pouvez créer des menus - rapidement et sans aucun tourment avec les pages wiki. Cela a l'air un peu primitif, donc je vais également vous dire comment créer un beau menu.
Le menu apparaît automatiquement si vous utilisez des applications communautaires ou avez un magasin connecté. Par exemple, dans l'image précédente, les trois éléments de menu sont des liens vers des applications. Vous pouvez ajouter le vôtre ici - à des disques importants, des albums, des discussions, etc., jusqu'à 7 morceaux (hors application). Mais vous ne pouvez créer un lien que vers des ressources du réseau social, à l'exception des pages wiki.
Pour éditer le menu, cliquez sur «Personnaliser» dans le coin supérieur droit du widget:
Pour ajouter un élément de menu, cliquez sur Nouveau lien.
Dans la fenêtre qui s'ouvre, sélectionnez une couverture (taille minimale - 376x256 px), saisissez le nom de l'élément de menu (il est important de ne pas dépasser 20 caractères avec des espaces), ajoutez un lien et cliquez sur "Enregistrer".
Si vous souhaitez masquer une application du menu, modifier son titre ou sa couverture, cliquez sur «Modifier» en face de l'élément correspondant. La même chose peut être faite avec le reste des liens qui ont été ajoutés manuellement et nécessitent un ajustement.
La sortie devrait ressembler à ceci:
Menu de groupe ouvert
Un menu ouvert J'appelle un tel menu, qui montre immédiatement de quels éléments il se compose. Autrement dit, l'image d'aperçu de la publication wiki duplique complètement son contenu. Ainsi, les utilisateurs voient immédiatement ce qui les attend à l'intérieur. Je vais vous montrer un exemple.
Voici à quoi ressemble le message épinglé dans l'en-tête Flatro:
Menu de groupe fermé
Un menu fermé est le même article wiki que dans le paragraphe précédent, seule l'annonce a une image sur laquelle il n'y a pas d'éléments de menu. Habituellement, ils écrivent dessus: «Menu», «Menu de navigation» ou «Navigation à travers les documents publics».
Et voici ce que nous voyons lorsque nous cliquons dessus:
Soit dit en passant, il convient de noter que ce ne sont pas les seules options. En gros, vous pouvez écrire ce que vous voulez sur cette image. L'essentiel est que l'utilisateur veuille cliquer dessus, et il comprend ce qui l'attend après cela. Exemple:
Menu de groupe
Un menu fusionné est lorsque l'image sur l'annonce de votre menu est une image avec l'avatar. Ci-dessous, je vais vous expliquer en détail comment créer un tel menu, mais pour l'instant, voyez à quel point il est beau.
Vous souhaitez concevoir magnifiquement votre communauté VKontakte, mais vous n'avez pas les compétences nécessaires? Inscription de la commande dans notre entreprise. Nous préparerons pour vous un avatar, une couverture, des modèles de titres, des menus et des aperçus de produits.
GIF et avatar en une seule image
Mais cette option pour la conception de la casquette m'a beaucoup impressionné. Le GIF joué automatiquement fusionne avec l'avatar en une seule composition et attire l'attention des utilisateurs, même s'il n'y a aucune information à ce sujet.
En passant, j'ai vu cet exemple dans le groupe de marketing SMM Sergei Shmakov. Donc, pour la découverte, je lui exprime ma gratitude :)
Menu caché
Le menu masqué n'est disponible que pour les groupes (les pages ne disposent pas de cette fonctionnalité). Pour le voir, vous devez cliquer sur le lien correspondant. L'avantage de cette méthode de conception est que les utilisateurs peuvent voir les informations de base de la communauté, et s'ils veulent utiliser le menu, il leur suffit de faire un clic. Cependant, il y a un petit inconvénient ici - tous les utilisateurs ne sont pas conscients de l'existence de cette fonction, de sorte que votre menu peut recevoir moins d'attention que s'il était épinglé en haut de la page.
Lecture automatique de la vidéo
Fin novembre 2015, une innovation intéressante est apparue sur le réseau social VKontakte - dès que l'utilisateur visite votre page, la vidéo attachée à l'en-tête commence à jouer automatiquement. Avec l'aide de cette technique, vous pouvez attirer encore plus l'attention des utilisateurs (en particulier ceux qui ont visité votre page pour la première fois), et en même temps, n'ennuyez pas ceux qui n'aiment pas quand leur contenu leur est imposé, car la vidéo est lue sans son et n'interfère pratiquement pas ...
Comment ajouter une telle vidéo à l'en-tête de votre page?
Pour ce faire, trois conditions doivent être remplies:
- Joindre une vidéo à un message et épingler ce message en haut de la communauté.
- En dehors de la vidéo, rien d'autre ne doit être joint à l'enregistrement. Vidéo et texte uniquement en option.
- La vidéo doit être téléchargée par VKontakte - les lecteurs tiers ne sont pas pris en charge.
Un post qui obtient beaucoup de partages
Une autre façon d'utiliser de manière productive l'espace dans l'en-tête de votre page consiste à y épingler l'un de vos messages les plus réussis - celui qui a déjà gagné et continue de gagner un grand nombre de likes et de partages. Pourquoi faire cela, je pense, est clair pour tout le monde - plus il y a de repostages, plus la couverture est importante, plus la page reçoit d'abonnements.
Annonces de nouveaux clips, albums, événements
Présentation de nouveaux produits / services
Réductions et promotions
Cas, avis clients
Publicité d'application
Blagues pratiques
Règles communautaires
Liens vers d'autres réseaux sociaux
J'ai énuméré loin de toutes les options de conception d'en-tête. En gros, sur la couverture et dans le post épinglé, vous pouvez publier toutes les informations: emplois, annonces, liens vers les produits les plus vendus, etc. Ne vous limitez donc pas aux exemples ci-dessus. Faites preuve de créativité et utilisez le design de votre communauté pour atteindre vos objectifs.
Que devrait être un avatar
Un avatar n'est pas seulement une belle image avec le logo de votre entreprise, mais un outil de travail pour un marketeur, à l'aide duquel il atteint ses objectifs. Examinons de plus près ce que cela devrait être afin d'attirer l'attention des utilisateurs et de les encourager à réaliser l'action ciblée. Commençons par une miniature.
Vignette de l'avatar
- Le texte de la vignette de l'avatar doit être suffisamment grand pour être lisible.
- Le texte ne doit pas dépasser la vignette.
- Les utilisateurs doivent comprendre ce qui est affiché sur l'avatar.
- Si possible, il est préférable de ne pas utiliser d'images d'archives, car elles diminuent souvent la crédibilité de l'entreprise.
- Il n'est pas souhaitable que la vignette de l'avatar soit trop terne et ennuyeuse, sinon elle se perdra dans le contexte des avatars les plus brillants des concurrents.
- Si vous voulez que votre avatar ait l'air moderne, rendez-le minimaliste: moins de texte, d'ombres, de dégradés et d'éléments qui n'ont aucune signification. Votre avatar doit être aussi simple et soigné que possible. Ce style est à la mode maintenant.
- Si votre objectif est d'attirer l'attention des utilisateurs et de vous démarquer des autres avatars du flux, vous devrez activer l'imagination. Pensez à ce que vous recherchez vous-même lorsque vous recherchez des communautés intéressantes? Par exemple, j'ai déjà été attiré par des avatars avec une lumière brûlante, ce qui indique généralement qu'un nouveau message est arrivé. C'est une technique très ancienne, mais pour une raison quelconque, elle m'affecte encore - quand je vois une telle lumière, je garderai certainement mes yeux dessus.
Je ne suggère pas que cette astuce fonctionnera également avec votre page. Ce que je veux dire, c'est qu'il y a de très, très nombreuses façons de se démarquer, il suffit de poser cette question et de faire preuve d'un peu de créativité. Par exemple, voici une autre idée intéressante à laquelle j'aurais à peine pensé moi-même:
L'avatar est un cercle noir: grand et petit. Il semblerait, pourquoi faire cela? Mais lorsque vous faites défiler la liste des communautés, ces avatars attirent l'attention, car ils sont très différents des autres.
Quelles informations peuvent être placées sur la vignette de l'avatar
Même si la vignette de l'avatar est très petite, elle peut (et devrait) être utilisée pour attirer des abonnés dans votre communauté. Comment faire? Regardons quelques options:
Annonce de nouveaux produits / services / événements
Avantages entreprise / service / page
Numéro de téléphone de l'entreprise
Prix \u200b\u200bavantageux
Livraison gratuite
À propos, très souvent, les informations fournies par l'entreprise pour la livraison gratuite sont ajoutées au nom du groupe lui-même, de sorte que les utilisateurs y prêtent certainement attention.
Promotions
Concours
Postes vacants
Quel devrait être l'avatar lui-même?
J'ai réfléchi à ce que devrait être la vignette de l'avatar et quel texte peut être placé dessus. Passons maintenant à l'avatar lui-même. La version complète de l'avatar ne sera affichée que dans la communauté qui n'a pas de couverture installée. C'est pour de tels cas que j'ai écrit cette section. Alors, quel devrait être l'avatar de votre communauté pour que les utilisateurs comprennent immédiatement que votre entreprise a abordé la création de la page de manière responsable et professionnelle.
- L'avatar doit être de haute qualité. J'ai écrit un peu plus haut sur la façon d'y parvenir. Pour ceux qui ont manqué cette partie, je vais vous dire en quelques mots - la taille de l'avatar doit être 2 à 3 fois plus grande que ce que vous aviez prévu.
- Il est souhaitable que l'avatar soit combiné avec le menu: il a le même jeu de couleurs, a les mêmes polices, éléments, etc. Grâce à cela, votre en-tête de page aura l'air plus soigné et professionnel. Exemple:
- L'avatar lui-même et la vignette de l'avatar peuvent être différents. Par exemple, vous pouvez dessiner un cercle sur votre avatar, le styliser comme vous le souhaitez, sélectionner cette zone en tant que vignette et styliser le reste de l'avatar dans un style différent.
- Afin d'encourager les utilisateurs à s'abonner à votre page ou à écrire un message à un représentant de l'entreprise, vous pouvez placer un appel à l'action correspondant tout en bas de l'avatar et l'accompagner d'une flèche pointant vers le bouton.
- Essayez de ne pas mettre trop d'informations sur votre avatar, sinon il semblera surchargé et désordonné. Ajoutez-y uniquement les points les plus importants et assurez-vous qu'il y a de «l'air» entre eux.
Une autre option consiste à diviser l'avatar en deux parties. Un pour la vignette et un pour le reste de l'avatar.
Quelles informations peuvent être placées sur l'avatar?
En gros, vous pouvez placer n'importe quoi sur votre avatar. Contrairement aux miniatures, il y a vraiment des endroits où se promener. Surtout, n'en abusez pas :)
Domaine du site
Téléphone / adresse / heures d'ouverture
Concours / promotions
Produits les plus achetés / nouveaux articles
informations sur la livraison
Publicité sur les applications mobiles
Les principaux avantages de l'entreprise / page / produit, etc.
Renouvellement de gamme / nouvelle créativité, etc.
Information 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
Fanfaronnades
En général, absolument toutes les informations peuvent être placées sur l'avatar. J'ai fourni quelques idées pour que vous puissiez voir ce que font les autres et être inspiré par leurs exemples. Eh bien, gardez à l'esprit les recommandations de base: l'avatar doit être de haute qualité, la police doit être grande et il devrait y avoir plus "d'air" entre les éléments.
Comment créer un avatar et un menu fusionnés
Pour créer un avatar et un menu fusionnés, vous avez besoin d'Adobe Photoshop ou de son équivalent. J'expliquerai l'ensemble du processus en utilisant l'exemple de Photoshop. Alors allons-y.
- Téléchargez le modèle Photoshop que j'ai spécialement préparé pour cet article. Taille normale (menu - 510 pixels de large, avatar - 200) ou zoomée (menu - 1020 pixels de large, avatar - 400).
- Ouvrez l'image sur laquelle vous souhaitez vous baser.
- Copiez-le, collez-le dans le modèle et positionnez-le comme vous le souhaitez.
- Ajoutez des effets, du texte, des graphiques et plus encore.
- Si vous ne voulez pas qu'une partie de l'image soit perdue (dans cet espace, qui est de 50 pixels), déplacez-la vers la droite comme indiqué dans le gif suivant:
- Sélectionnez l'outil "Découpe" et cliquez sur le bouton "Tranches par guides".
- Supprimez les fragments inutiles (clic droit de la souris - "Supprimer le fragment") et éditez les fragments existants (clic droit de la souris - cliquez dans un espace vide - prenez la zone souhaitée et étirez-la à la taille souhaitée).
- Allez dans la section "Fichier" et sélectionnez la commande "Enregistrer pour le Web".
- Accédez à l'emplacement où vous avez enregistré les images (bureau ou un répertoire spécifique) et trouvez un dossier appelé "Images". C'est là que seront vos images. Il ne reste plus qu'à les remplir dans la page.
P.S. La hauteur de l'avatar peut être modifiée à votre discrétion. J'ai pris la taille maximale - 500 pixels, mais votre valeur peut être inférieure. Par exemple, comme sur la page Wiki Markup:
Comment utiliser les widgets
Les widgets font également partie de la conception de la communauté VK. En les utilisant, un utilisateur peut: passer une commande, s'abonner à votre liste de diffusion, participer à un concours, lire et laisser des avis, ouvrir une recherche de communauté, recevoir un cadeau, un bon de réduction, etc.
Voici quelques exemples de l'apparence des widgets sur une page VKontakte:
class \u003d "incut"\u003e
Comment styliser les images pour les articles
Si vous êtes un concepteur de sites Web ou si vous avez un goût artistique et un sens de la beauté, il ne devrait pas vous être difficile de créer une identité d'entreprise pour vos images. Cependant, il me semble que ces personnes dans cet article seront une minorité (je ne leur appartiens d'ailleurs pas non plus). Par conséquent, examinons de plus près comment cela est fait, sur la base d'exemples d'entreprises prospères.
À propos, veuillez noter que presque toutes les entreprises bien connues de VKontakte marquent leurs images, c'est-à-dire qu'elles ajoutent un petit logo, leur adresse de page ou un filigrane. Cela augmente la notoriété de la marque et protège vos images contre la copie. Que cela en vaille la peine, chacun décide par lui-même. La seule chose que je voudrais vous conseiller: si vous décidez de le faire, essayez de vous assurer que votre logo n'est pas trop lumineux et ne prend pas trop de place, sinon toute l'accent y sera mis et l'image perdra de son attrait.
Où puis-je obtenir de bonnes images?
Nous avons un bon article de blog sur ce sujet - "". Ils sont tous gratuits, mais certains nécessitent une inscription. Si vous ne trouvez rien qui vous convient, essayez de rechercher le mot-clé + fond d'écran (ou, si en anglais, fond d'écran). Habituellement, des images de haute qualité sortent sur une telle demande. Mais ici, vous devez faire attention et vérifier le type de licence, sinon, si vous avez une entreprise sérieuse, vous pouvez rencontrer des problèmes.
Et que dire de ceux qui ne peuvent pas travailler dans Photoshop?
Si vous n'avez jamais travaillé dans Photoshop (ou tout autre éditeur graphique) et que vous n'êtes pas encore prêt à prendre le temps de le maîtriser, vous pouvez utiliser des services qui disposent déjà de modèles d'images prêts à l'emploi pour différents réseaux sociaux:
1. Fotor.com
Après cela, sur le côté gauche de l'écran, sélectionnez le modèle qui nous intéresse. Veuillez noter que seuls les modèles sans icône de diamant sont fournis gratuitement.
Collez-le dans le modèle, sélectionnez-le avec le bouton gauche de la souris, sélectionnez la commande Calque (icône sandwich) et cliquez sur Déplacer vers le bas. Ainsi, notre image ira en arrière-plan, et toutes les inscriptions seront superposées dessus.
Après cela, nous changeons le texte, la police, la taille de la police, l'emplacement de l'inscription, etc.
Cliquez ensuite sur l'icône de la disquette, sélectionnez le nom, le format d'image, la qualité et cliquez sur le bouton Se connecter pour télécharger.
Comment utiliser le balisage wiki
Eh bien, nous arrivons ici à la section la plus intéressante et en même temps difficile. Peut-être parmi les lecteurs, il y a des gens qui ne savent pas ce qu'est le balisage wiki et qui entendent généralement ce terme pour la première fois. Par conséquent, spécialement pour vous, je vais donner la définition que donne le "Contact" lui-même.
Le balisage Wiki est un langage de balisage utilisé pour mettre en forme du texte sur des sites Web (appartenant généralement à la classe des projets wiki) et facilite l'accès aux capacités du langage HTML. Sur notre site, les pages wiki sont une bonne alternative aux publications régulières et à la navigation textuelle. Si vous avez besoin de créer un article volumineux avec un formatage de texte différent (gras, souligné, en-têtes, etc.) ou d'y ajouter des graphiques, ou simplement de créer un menu de navigation coloré autour de votre communauté, le wiki est indispensable.
Tout comme Wordpress (ou tout autre CMS) a un éditeur HTML avec lequel vous créez des articles, Contact a donc son propre éditeur pour créer et éditer des pages wiki. Cela ressemble à ceci:
Avec l'aide de cet éditeur, des menus de navigation sont créés, ainsi que des articles avec des images, des vidéos et des enregistrements audio. Ci-dessous, je vais analyser en détail comment travailler dans cet éditeur, mais je vous demande d'abord d'ajouter deux liens vers vos signets. Ils vous aideront beaucoup à apprendre le balisage wiki.
La conception réussie d'un groupe Vkontakte doit être non seulement belle, mais aussi fonctionnelle et pratique. Obtenez la conception pour résoudre vos objectifs marketing afin que le groupe attire des publics payants et acheteurs vers la marque et reste fidèle à elle pour toujours.
5 étapes pour organiser un groupe dans VKontakte
Couverture
La couverture communautaire est aujourd'hui un outil important pour concevoir un groupe de la marque VKontakte et en faire la promotion. Vous pouvez le télécharger dans la section "Gestion de la communauté" en allant dans l'onglet "Paramètres". L'image horizontale de haute qualité dans l'en-tête de la communauté elle-même agit comme la principale bannière promotionnelle de l'entreprise sur le réseau social. Il donne l'ambiance, informe, valorise l'image, appelle à des actions ciblées et vend en même temps.
1. Utilisez des illustrations de haute qualité
La couverture de la communauté VKontakte devrait être de 1590x400 pixels, mais il est préférable de télécharger des photos 2-3 fois plus grandes au format .png. Cela évitera un affichage de mauvaise qualité.
2. Adaptez l'image pour différents appareils
N'oubliez pas que cette image peut être affichée différemment des différents appareils - les bords seront coupés sur le mobile, il est donc préférable de placer toutes les informations les plus importantes plus près du centre.
3. Placez votre slogan et USP
Montrez au client votre philosophie et vos avantages dès le premier écran.
4. Afficher le produit / service, le processus ou le résultat de son utilisation
De cette façon, le client potentiel saura immédiatement dans quoi vous êtes spécialisé et sera impliqué dans le produit.
5. Aidez les clients à vous contacter immédiatement
Écrivez votre numéro de téléphone, votre adresse e-mail et les autres contacts de votre entreprise sur la bannière. Si l'emplacement territorial est important pour votre entreprise, par exemple, vous semblez être dans le secteur de la restauration ou de l'horeca, l'adresse sera également utile.
6. Annoncer des événements
Vous faites la promotion de concerts, vous attendez une nouvelle collection ou une nouvelle sortie de produit, vous organisez un festival / conférence / journée client? Dites-en à tous ceux qui visitent la communauté.
7. Présenter des promotions et des remises
Où, peu importe comment sur le site principal, dites au public qu'il peut maintenant passer une commande chez vous 2 fois moins cher? Surtout, n'oubliez pas de changer l'oeuvre après la fin de l'offre.
8. Offrez de prendre l'action ciblée
Lorsque la couverture de la communauté est chargée, deux boutons sont placés horizontalement dans le coin inférieur droit - Rédiger un message et Rejoindre un groupe. Pointez-les avec une flèche pour attirer davantage l'attention de votre public. Ainsi, si un produit est affiché sur une bannière, vous pouvez proposer de le commander immédiatement dans les messages. Et s'il existe un condensé des dernières nouvelles, abonnez-vous pour toujours recevoir les dernières informations.
Téléchargez un avatar et sélectionnez une miniature
Certaines marques n'adoptent toujours pas la couverture, préférant l'ancien look du premier écran du groupe, utilisant la combinaison d'un avatar avec une entrée fixe comme un soi-disant «en-tête». De plus, une image est la continuation d'une autre. Cela semble plus impressionnant lorsque la photo se termine au même niveau que l'avatar.
Lorsque vous utilisez la taille maximale de l'avatar de 200 x 500 pixels, la taille de l'image dans le message épinglé doit être de 510 x 308 pixels. Une excellente technique engageante consiste à épingler la vidéo téléchargée via le lecteur de médias sociaux, qui continue stylistiquement l'avatar.
Si vous utilisez une couverture comme en-tête, l'avatar sera toujours affiché sous forme de vignette.
Règles de conception des figurines d'avatar de la communauté VK
Une miniature est une petite image circulaire qui est recadrée à partir d'un grand avatar et qui apparaît dans les recherches de groupe, dans la liste de communauté de chaque utilisateur et à gauche sous la couverture, si disponible. Voici quelques conseils de conception.
1. La vignette doit être compréhensible pour le public
Ne publiez pas un morceau d'une illustration étrange. Visualisez ce que le public cible associera plus tard à la marque, par exemple, un logo, une icône pour un produit / service, ou peut-être le principal caractère marketing de la marque.
2. N'utilisez que des photos de haute qualité
Il est préférable de télécharger le code source 2 à 3 fois plus grand que la taille requise, de sorte que vous puissiez oublier les «carrés» de pixels effrayants qui vous font paraître sous le meilleur jour.
3. Concevez vos propres illustrations
Les images de stock standard auront l'air bon marché et non professionnelles, et les utilisateurs deviendront synonymes de méfiance envers la marque. Créez des designs uniques dans le même concept et les mêmes couleurs que le reste du design.
4. Contraste de l'arrière-plan des images de la page - ce dont vous avez besoin
Lorsque les miniatures VK sont conçues de manière si brillante, le «rond» ressortira du flux parmi les autres groupes et ne fusionnera pas avec l'arrière-plan de la page.
5. Placez les contacts ou USP de l'entreprise
En fonction de l'objectif défini pour la miniature, placez-y un numéro de téléphone ou une adresse de site Web, des informations sur la livraison gratuite, une indication du prix le plus bas dans un segment ou une promotion.
6. Rendre le texte grand et lisible
Mieux vaut ne pas utiliser de polices serif ou italiques - elles sont trop «bruyantes» lorsqu'elles sont visualisées à partir de PC, d'appareils mobiles et de smartphones, encombrant la vue. Assurez-vous que le texte ne dépasse pas la vignette recadrée. Cela vous permettra de transmettre correctement et efficacement le message à l'utilisateur.
7. Utilisez des formes non standard
Par exemple, dans le motif rond souhaité, écrivez un polygone ou une autre forme géométrique sur un fond blanc. Créez l'effet d'une notification non lue ou d'une icône en ligne.
Concevoir un menu
Le menu est un élément important de la conception du groupe dans Contact, ce qui facilite la navigation des utilisateurs dans le groupe - il sera plus facile pour les gens de trouver les informations dont ils ont besoin. Chaque élément et page est créé dans un langage de programmation spécial - le balisage Wiki. Avec lui, vous pouvez rendre les images cliquables et créer des pages pratiques au sein du réseau social comme s'il s'agissait d'une page de site Web.
Vous pouvez utiliser les menus ouverts et fermés. Dans le premier cas, l'utilisateur voit immédiatement les sections qui lui sont incluses, dans le second - elles sont précédées d'une image de prévisualisation avec l'inscription «Menu». Le menu peut également devenir visuellement une continuation de l'avatar, dans le cas où vous utilisez l'ancienne version du design communautaire.
Concevoir une vitrine de produits
Lorsque vous placez des produits dans la vitrine de la communauté, n'oubliez pas que les 3 premiers objets sont toujours visibles pour les utilisateurs. Placez-y les plus populaires et les plus ordonnés en téléchargeant une image de présentation dans le même style. Postez ici des icônes uniformes ou des photos des produits eux-mêmes.Les produits peuvent être des services placés. Dans la conception, montrez le processus de fourniture du service ou son résultat. La taille d'une telle image sera carrée - 400x400 pixels.
Conception de poste
1. Tirez pleinement parti des tailles d'image disponibles
La largeur maximale d'une image dans le flux est de 510 pixels. Les images carrées avec 510x510 pixels et les images rectangulaires avec 510x300 pixels semblent les plus impressionnantes.
2. Développer un style de publication individuel
Pour donner à vos articles un aspect individuel, proposez un style, une police et un jeu de couleurs cohérents.
3. Placez un court texte sur l'image
Par exemple, vous pouvez diviser une image en 2 parties - texte et graphique, ou écrire du texte, tout en assombrissant l'arrière-plan. Pour rendre le texte visible sans arrière-plan sombre, écrivez-le sur un calque sous-jacent (bloc graphique à contraste élevé de couleur uniforme) ou ajoutez une ombre à la zone de texte. Les photos avec un cadre sont belles.
4. Créez plusieurs modèles à des fins différentes
Par exemple, utilisez un modèle de présentation visuelle pour les citations, un autre pour l'annonce des matériaux du site et un troisième pour les concours.
Utilisez ces techniques à 100%, et votre entreprise sera présentée de la meilleure façon possible sur Vkontakte, et il sera pratique pour les clients d'interagir avec elle. Mais n'oubliez pas que tout a besoin d'une mesure! Découvrez encore plus de nouvelles idées pour concevoir une communauté VK sur la page des services de l'agence Tesla Target.
La plupart des administrateurs pensent qu'en élevant un groupe à la première place pour un mot-clé dans le premier contact, ils enlèveront la plupart du trafic de recherche et des clients intéressés. Parfois, cela se passe vraiment comme ça, mais dans 90% des cas, les propriétaires de groupe oublient la conception de haute qualité du groupe et même en laissant passer des clients chauds.
Pourquoi cela arrive-t-il?
La raison est très simple: la mauvaise qualité du teaser de recherche de la communauté. En termes simples, votre groupe de recherche doit se démarquer de la concurrence et correspondre autant que possible à la requête de recherche saisie. Ce n'est que si ces conditions sont remplies de manière qualitative que vous pouvez obtenir une communauté avec un CTR élevé et une forte probabilité de ventes ultérieures.
Comment influencer les performances de recherche de la communauté?
Le levier le plus efficace pour influencer le CTR d'un groupe est la miniature de l'avatar.
La miniature joue un rôle très important dans le groupe, car elle est affichée dans tous les endroits où le groupe est mentionné:
- dans le fil d'actualité du groupe
- dans le moteur de recherche de contacts
- sur la recherche Google et Yandex
- dans les liens d'autres communautés
- dans le fil d'actualité des utilisateurs de VK
Des détails d'une portée aussi large ne peuvent être négligés. Et àconception de groupe la miniature doit faire l'objet d'une attention particulière.
Principes de création de vignettes cliquables.
1) La ligne associative du client lors de la saisie de votre requête.
Pensez à ce que votre client potentiel s'attend à voir lors de la saisie d'une requête pour laquelle vous êtes mis en évidence dans la recherche. Par exemple, si une jeune mère choisit une combinaison pour bébé, elle s'attend très probablement à voir l'image d'une combinaison ou d'un bébé heureux dans une belle combinaison sur la photo.
2) Gamme de couleurs et contraste avec les concurrents.
Lorsque vous choisissez une image pour une vignette de groupe, regardez les vignettes de vos concurrents. Quelles couleurs sont utilisées, la densité des éléments de l'image, leurs logos. La tâche principale est de créer une miniature qui se démarque de l'arrière-plan des autres. Par exemple, si la majeure partie des miniatures est verte - rendez la vôtre rouge, si tout est sombre - rendez la vôtre lumineuse, si toutes sont colorées - rendez la vôtre monochromatique Rappelez-vous, la tâche principale est de se démarquer et de garder la requête pertinente!
3) Mots-clés dans l'image.
D'après notre expérience, placer un mot clé sur une image a également un effet positif sur les taux de clics des vignettes, le trafic de la communauté et les performances globales.promotion de groupe.
4) Logo de l'entreprise.
Vous pouvez également placer votre logo sur la miniature. La situation idéale serait que le logo respecte les principes ci-dessus.
Lorsque nous travaillons avec nos clients, nous prenons toujours en compte toutes les nuances, y compris les vignettes de groupe de haute qualité et cliquables, ainsi que d'autres points qui affectent de manière clé la vente de produits via les groupes VK.
